/* COLORS */
/* FONTS */
/* >= 768px */
@media screen and (min-width: 768px) {
  #node-anleitung #intro {
    min-height: 100vh;
  }
  #node-anleitung #anleitung .ankunft .schritt .head,
  #node-anleitung #anleitung .innen .schritt .head,
  #node-anleitung #anleitung .aussen .schritt .head {
    height: 60px;
  }
  #node-anleitung #anleitung .ankunft .schritt .head .titel,
  #node-anleitung #anleitung .innen .schritt .head .titel,
  #node-anleitung #anleitung .aussen .schritt .head .titel {
    font-size: 22px;
  }
  #node-anleitung #anleitung .ankunft .schritt .head.fixed,
  #node-anleitung #anleitung .innen .schritt .head.fixed,
  #node-anleitung #anleitung .aussen .schritt .head.fixed {
    padding: 0 50px;
    top: 100px;
  }
  #node-anleitung #anleitung .ankunft .schritt .head.bottom,
  #node-anleitung #anleitung .innen .schritt .head.bottom,
  #node-anleitung #anleitung .aussen .schritt .head.bottom {
    top: auto;
    padding: 0;
  }
}
/* >= 1024 */
@media screen and (min-width: 1023px) {
  #node-anleitung #intro {
    display: flex;
    padding-top: 9.6vw;
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-anleitung #intro .section {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #node-anleitung #intro .introwrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 4.8vw;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "titel icon" "text icon" "button icon";
  }
  #node-anleitung #intro .introwrapper.video {
    grid-template-columns: 3fr 2fr;
  }
  #node-anleitung #intro .introwrapper .icon {
    grid-area: icon;
    height: auto;
    width: auto;
    padding: 0 20px;
    padding-top: 50px;
    padding: 0vw 2.95vw 4.8vw 1.95vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
  }
  #node-anleitung #intro .introwrapper .icon .lottie {
    height: auto;
    width: auto;
  }
  #node-anleitung #intro .introwrapper .icon .video .fullscreen {
    bottom: 10px;
    right: 10px;
  }
  #node-anleitung #intro .introwrapper .h1 {
    grid-area: titel;
    margin-bottom: 4.7vw;
  }
  #node-anleitung #intro .introwrapper .text {
    grid-area: text;
    margin-bottom: 2.6vw;
  }
  #node-anleitung #anleitung {
    visibility: visible;
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-anleitung #anleitung .ankunft .h1,
  #node-anleitung #anleitung .innen .h1,
  #node-anleitung #anleitung .aussen .h1 {
    z-index: 40;
  }
  #node-anleitung #anleitung .ankunft .schritt::before,
  #node-anleitung #anleitung .innen .schritt::before,
  #node-anleitung #anleitung .aussen .schritt::before {
    content: '';
    width: 2px;
    height: calc(100% + 40px);
    background-color: #ef0003;
    position: absolute;
    top: 60px;
    left: 29px;
    z-index: 20;
  }
  #node-anleitung #anleitung .ankunft .schritt .head,
  #node-anleitung #anleitung .innen .schritt .head,
  #node-anleitung #anleitung .aussen .schritt .head {
    background-color: transparent;
    gap: 0;
  }
  #node-anleitung #anleitung .ankunft .schritt .head.fixed,
  #node-anleitung #anleitung .innen .schritt .head.fixed,
  #node-anleitung #anleitung .aussen .schritt .head.fixed {
    top: 120px;
    left: 8.33vw;
    padding: 0;
  }
  #node-anleitung #anleitung .ankunft .schritt .head.bottom,
  #node-anleitung #anleitung .innen .schritt .head.bottom,
  #node-anleitung #anleitung .aussen .schritt .head.bottom {
    top: auto;
    bottom: 0;
    left: 0;
  }
  #node-anleitung #anleitung .ankunft .schritt .head .titel,
  #node-anleitung #anleitung .innen .schritt .head .titel,
  #node-anleitung #anleitung .aussen .schritt .head .titel {
    line-height: 60px;
    padding-left: 20px;
    flex-grow: 1;
    background-color: #fff;
    font-size: 32px;
  }
  #node-anleitung #anleitung .ankunft .schritt .head .no,
  #node-anleitung #anleitung .innen .schritt .head .no,
  #node-anleitung #anleitung .aussen .schritt .head .no {
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 0.42vw;
  }
  #node-anleitung #anleitung .ankunft .schritt .item-wrapper,
  #node-anleitung #anleitung .innen .schritt .item-wrapper,
  #node-anleitung #anleitung .aussen .schritt .item-wrapper {
    padding-left: 80px;
  }
  #node-anleitung #anleitung .ankunft .schritt .item-wrapper .items,
  #node-anleitung #anleitung .innen .schritt .item-wrapper .items,
  #node-anleitung #anleitung .aussen .schritt .item-wrapper .items {
    grid-template-columns: 1fr 1fr;
    gap: 1.56vw;
  }
  #node-anleitung #anleitung .ankunft .schritt .item-wrapper .items .item,
  #node-anleitung #anleitung .innen .schritt .item-wrapper .items .item,
  #node-anleitung #anleitung .aussen .schritt .item-wrapper .items .item {
    padding: 2.6vw;
    border-radius: 0.625vw;
  }
  #node-anleitung #anleitung .ankunft .schritt:last-of-type::before,
  #node-anleitung #anleitung .innen .schritt:last-of-type::before,
  #node-anleitung #anleitung .aussen .schritt:last-of-type::before {
    display: none;
  }
  #node-anleitung #anleitung .ankunft .schritt:first-of-type .head.fixed::after,
  #node-anleitung #anleitung .innen .schritt:first-of-type .head.fixed::after,
  #node-anleitung #anleitung .aussen .schritt:first-of-type .head.fixed::after {
    width: calc(83.34vw - 60px);
    left: 60px;
  }
  #node-anleitung #anleitung .ankunft .schritt:first-of-type .head::after,
  #node-anleitung #anleitung .innen .schritt:first-of-type .head::after,
  #node-anleitung #anleitung .aussen .schritt:first-of-type .head::after {
    width: calc(100% - 60px);
    left: 60px;
  }
  #node-anleitung #zufriedenheit {
    display: flex;
    padding: 100px 0;
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-anleitung #zufriedenheit .section {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #node-anleitung #zufriedenheit .zufriedenheit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.6vw;
  }
  #node-anleitung #zufriedenheit .zufriedenheit .h1 {
    margin-bottom: 0;
  }
  #node-anleitung #zufriedenheit .zufriedenheit .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #node-anleitung #konakt {
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
}
/* >= 1248 */
@media screen and (min-width: 1247px) {
  #node-anleitung #anleitung .ankunft .schritt .head.bottom,
  #node-anleitung #anleitung .innen .schritt .head.bottom,
  #node-anleitung #anleitung .aussen .schritt .head.bottom {
    padding: 0;
  }
}