/* COLORS */
/* FONTS */
/* >= 768px */
@media screen and (min-width: 768px) {
  #node-business #intro {
    padding-top: 100px;
  }
  #node-business #intro .introwrapper .button {
    width: auto;
    display: inline-block;
  }
  #node-business #benefits .swiper-navigation {
    display: none !important;
  }
}
/* >= 1024 */
@media screen and (min-width: 1023px) {
  #main.promotion #intro .section {
    min-height: calc(100vh - 16.8vw - 44px);
  }
  #node-business #intro {
    padding-top: 9.6vw;
  }
  #node-business #intro .section {
    min-height: calc(100vh - 16.8vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #node-business #intro .introwrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 50px;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "titel icon" "text icon" "button void";
  }
  #node-business #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-business #intro .introwrapper .icon .lottie {
    height: auto;
    width: auto;
  }
  #node-business #intro .introwrapper .h1 {
    grid-area: titel;
    margin-bottom: 4.7vw;
  }
  #node-business #intro .introwrapper .text {
    grid-area: text;
    margin-bottom: 2.6vw;
  }
  #node-business #intro .introwrapper .button-wrapper {
    grid-area: button;
    margin-bottom: 4.7vw;
  }
  #node-business #intro .introwrapper .button {
    width: auto;
    display: inline-block;
  }
  #node-business #intro .video::before {
    height: 7.2vw;
  }
  #node-business #intro .video .video-wrapper {
    background-repeat: 1.04vw;
  }
  #node-business #vorteile {
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-business #vorteile .h4 {
    padding-right: 20%;
  }
  #node-business #vorteile .text {
    padding-right: 20%;
  }
  #node-business #vorteile .vorteile {
    display: inline-flex;
    flex-direction: row;
    gap: 0.975vw;
    margin-top: 4.8vw;
    margin-bottom: 9.6vw;
  }
  #node-business #vorteile .vorteile .vorteil {
    padding: 1.95vw;
    gap: 1.95vw;
    background-repeat: 0.625vw;
  }
  #node-business #vorteile .vorteile .vorteil .icon {
    height: 3.9vw;
    width: 3.9vw;
  }
  #node-business #vorteile .vorteile .vorteil .titel {
    white-space: nowrap;
  }
  #node-business #vorteile #mehr-vorteile .section {
    display: flex;
    align-items: flex-start;
  }
  #node-business #vorteile #mehr-vorteile .section .h4 {
    padding-right: 8.33vw;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    width: calc(83.34vw*0.45);
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }
  #node-business #vorteile #mehr-vorteile .section .h4.fixed {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 8.33vw;
  }
  #node-business #vorteile #mehr-vorteile .section .h4.bottom {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    transform: none;
  }
  #node-business #vorteile #mehr-vorteile .section .mehr-vorteile {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4.8vw;
    padding-bottom: 0;
    width: 55%;
    margin-left: 45%;
  }
  #node-business #vorteile #mehr-vorteile .section .mehr-vorteile .benefit {
    border-radius: 0;
    background-color: #fff;
    display: block;
    padding: 0;
  }
  #node-business #vorteile #mehr-vorteile .section .mehr-vorteile .benefit .icon {
    height: 6.83vw;
    width: 6.83vw;
    margin-bottom: 2.9vw;
  }
  #node-business #vorteile #mehr-vorteile .section .mehr-vorteile .benefit .titel {
    margin-bottom: 1.95vw;
  }
  #node-business #vorteile #mehr-vorteile .section .mehr-vorteile .benefit .text {
    color: #000000;
    margin-bottom: 4.8vw;
    padding: 0;
  }
  #node-business #vorteile #mehr-vorteile .section .mehr-vorteile .benefit .button {
    background-color: #fff;
    width: auto;
    align-self: flex-start;
  }
  #node-business #kontaktdaten {
    display: flex;
    padding-bottom: 200px;
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-business #kontaktdaten .section {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #node-business #kontaktdaten .kontaktdaten {
    display: grid;
    grid-auto-columns: 2fr 1fr;
    grid-template: 50px;
    grid-template-areas: "titel links" "text links";
  }
  #node-business #kontaktdaten .kontaktdaten .h1 {
    grid-area: titel;
  }
  #node-business #kontaktdaten .kontaktdaten .text {
    grid-area: text;
    margin-bottom: 0;
  }
  #node-business #kontaktdaten .kontaktdaten .links {
    grid-area: links;
    justify-content: center;
    gap: 2.08vw;
  }
  #node-business #kontaktdaten .kontaktdaten .links .mail,
  #node-business #kontaktdaten .kontaktdaten .links .phone {
    padding: 2.9vw;
    gap: 1.95vw;
    border-radius: 0.625vw;
  }
  #node-business #kontaktdaten .kontaktdaten .links .mail .icon i,
  #node-business #kontaktdaten .kontaktdaten .links .phone .icon i {
    font-size: 3.9vw;
    line-height: 3.9vw;
  }
  #node-business #kontakt {
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
}
/* >= 1248 */