@charset "UTF-8";

@font-face {
  font-family: "HyundaiSansHead";
  src: url("https://www.hyundai.com/etc.clientlibs/hyundai-wwn3/clientlibs/main/resources/fonts/Hyundai/Hyundai/HyundaiSansHead-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "HyundaiSansHead";
  src: url("../../vehicle-files/ioniq6n/fonts/HyundaiSansHead-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "HyundaiSansHead";
  src: url("../../vehicle-files/ioniq6n/fonts/HyundaiSansHead-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "HyundaiSansHead";
  src: url("../../vehicle-files/ioniq6n/fonts/HyundaiSansHead-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "HyundaiSansText";
  src: url("../../vehicle-files/ioniq6n/fonts/HyundaiSansText-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "HyundaiSansText";
  src: url("../../vehicle-files/ioniq6n/fonts/HyundaiSansText-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "HyundaiSansText";
  src: url("../../vehicle-files/ioniq6n/fonts/HyundaiSansText-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "iconfont1.0.231-SNAPSHOT";
  src: url("../../vehicle-files/ioniq6n/fonts/iconfont1.0.231-SNAPSHOT.woff2") format("woff2");
}

/* === RESET: Override #content rules from main site CSS === */
#content .eclick-vehicle-ioniq6n p {
  margin-bottom: 0;
}

#content .eclick-vehicle-ioniq6n ul,
#content .eclick-vehicle-ioniq6n ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .eclick-vehicle-ioniq6n li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content .eclick-vehicle-ioniq6n li::before,
#content .eclick-vehicle-ioniq6n li::marker {
  content: none;
  display: none;
}

/* === TYPOGRAPHY: Boosted specificity to beat #content h* === */
#content .eclick-vehicle-ioniq6n .h1,
#content .eclick-vehicle-ioniq6n .h1 * {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-headline-regular-weight);
  font-size: var(--typo-h1-size);
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .h2,
#content .eclick-vehicle-ioniq6n .h2 * {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-headline-regular-weight);
  font-size: var(--typo-h2-size);
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .h3,
#content .eclick-vehicle-ioniq6n .h3 * {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-headline-regular-weight);
  font-size: var(--typo-h3-size);
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .h4,
#content .eclick-vehicle-ioniq6n .h4 * {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-headline-regular-weight);
  font-size: var(--typo-h4-size);
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .h5,
#content .eclick-vehicle-ioniq6n .h5 * {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-headline-regular-weight);
  font-size: var(--typo-h5-size);
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .h6,
#content .eclick-vehicle-ioniq6n .h6 * {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-headline-regular-weight);
  font-size: var(--typo-h6-size);
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: none;
  font-optical-sizing: auto;
}

/* Copy typography with boosted specificity */
#content .eclick-vehicle-ioniq6n .copy_l,
#content .eclick-vehicle-ioniq6n .copy_l * {
  font-family: var(--typo-copy-font);
  font-weight: var(--typo-copy-regular-weight);
  font-size: var(--typo-copy-l-size);
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .copy_m,
#content .eclick-vehicle-ioniq6n .copy_m * {
  font-family: var(--typo-copy-font);
  font-weight: var(--typo-copy-regular-weight);
  font-size: var(--typo-copy-m-size);
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .copy_s,
#content .eclick-vehicle-ioniq6n .copy_s * {
  font-family: var(--typo-copy-font);
  font-weight: var(--typo-copy-regular-weight);
  font-size: var(--typo-copy-s-size);
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .copy_xs,
#content .eclick-vehicle-ioniq6n .copy_xs * {
  font-family: var(--typo-copy-font);
  font-weight: var(--typo-copy-regular-weight);
  font-size: var(--typo-copy-xs-size);
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: none;
  font-optical-sizing: auto;
}
#content .eclick-vehicle-ioniq6n .copy_xl,
#content .eclick-vehicle-ioniq6n .copy_xl * {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-copy-xl-weight);
  font-size: var(--typo-copy-xl-size);
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: none;
  font-optical-sizing: auto;
}

/* Headline elements with boosted specificity */
#content .eclick-vehicle-ioniq6n h1,
#content .eclick-vehicle-ioniq6n h2,
#content .eclick-vehicle-ioniq6n h3,
#content .eclick-vehicle-ioniq6n h4,
#content .eclick-vehicle-ioniq6n h5,
#content .eclick-vehicle-ioniq6n h6 {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-headline-regular-weight);
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  margin: 0;
  padding: 0;
}
#content .eclick-vehicle-ioniq6n h6.media-copy__subline {
  margin-top: var(--spacer-3);
}
#content .eclick-vehicle-ioniq6n h3.centered-image-copy__headline {
  margin-bottom: var(--spacer-3);
}
#content .eclick-vehicle-ioniq6n p.centered-image-copy__subline {
  margin-bottom: var(--spacer-5);
}
#content .eclick-vehicle-ioniq6n .centered-image-copy__cta {
  margin-top: var(--spacer-5);
  white-space: normal;
}
#content .eclick-vehicle-ioniq6n .centered-image-copy__cta .button {
  max-width: none;
  overflow: visible;
}

.eclick-vehicle-ioniq6n {
  all: revert;
  display: block;
  background-color: #000;
  color: #fff;

  /* === REM VALUES CONVERTED === */
  /* Source CSS used rem based on 10px, converted to 16px base (*0.625) */

  /* Basic resets */
  a {
    text-decoration: none;
    color: inherit;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  *, *::before, *::after {
    box-sizing: border-box;
  }

  /* === animated-facts.c1e7dd6c7a87bcb07e6d9f08cb734553.css === */
  /* Breakpoints */
  .animated-facts__list {
    padding: 0 var(--grid-standard-margin);
  }

  .animated-facts {
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  }
  .animated-facts__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
  }
  .animated-facts__value-wrapper {
    display: flex;
    gap: var(--spacer-3);
  }
  .animated-facts__unit-container {
    display: flex;
  }
  .animated-facts__value {
    position: absolute;
  }
  .animated-facts__placeholder {
    opacity: 0;
  }
  .animated-facts__sup {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: super;
    font-size: 0.6em;
    line-height: 0.6em;
  }
  .animated-facts__batch {
    display: flex;
    gap: var(--spacing-xs);
    flex-flow: wrap column;
  }
  @media (min-width: 769px) {
    .animated-facts__batch {
      flex-flow: nowrap row;
    }
  }
  .animated-facts__item {
    min-height: 3.75rem;
  }
  .animated-facts__tooltip.tooltip__trigger {
    max-height: 2.5rem;
    max-width: 2.5rem;
    width: 2.5rem;
    display: grid;
    place-content: space-around;
    align-self: end;
  }
  .animated-facts__tooltip.tooltip__trigger .tooltip__hidden-text {
    display: none;
  }
  .animated-facts__tooltip.tooltip__trigger:hover {
    cursor: pointer;
    border-radius: 50%;
    background-color: var(--colors-interaction-hover);
    box-shadow: 0 0 0 2px var(--colors-interaction-hover);
  }
  .animated-facts__tooltip.tooltip__trigger:hover .tooltip__icon {
    color: var(--colors-interaction-hover-fg);
  }
  /* === button.c53e50d66f4b99782d859a823925c50e.css === */
  /* Breakpoints */
  .button {
    --border-width: 2px;
    --focus-width: 2px;
    padding: 0;
    box-sizing: border-box;
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: var(--spacer-2);
    outline: none;
    text-decoration: none;
    border-style: solid;
    border-width: var(--border-width);
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    /* tablet viewport based calculated value */
    max-width: none;
    --hover-background-color: var(--colors-interaction-primary-hover);
    --hover-foreground-color: var(--colors-interaction-primary-hover-fg);
  }
  .button:not([disabled]) {
    cursor: pointer;
  }
  .button[disabled] {
    cursor: not-allowed;
  }
  .button[data-focused], .button:focus-visible {
    outline: var(--border-width) solid var(--colors-interaction-focus);
    outline-offset: 4px;
  }
  .button[data-hovered], .button:hover {
    font-family: var(--typo-copy-font);
    text-decoration: none;
  }
  .button[data-hovered] .hover, .button:hover .hover {
    opacity: 1;
    width: calc(100% + var(--border-width) * 2);
    transition: width 0.5s cubic-bezier(0.7, -0.02, 0, 1);
  }
  .button[data-hovered] .hover .hover-icon, .button:hover .hover .hover-icon {
    opacity: 1;
    transition: opacity 0.3s 0.2s cubic-bezier(0.7, -0.02, 0, 1);
  }
  .button[data-hovered] span, .button:hover span {
    font-family: var(--typo-copy-font);
    text-decoration: none;
  }
  .button:visited {
    font-family: var(--typo-copy-font);
    text-decoration: none;
  }
  .button:visited span {
    font-family: var(--typo-copy-font);
    text-decoration: none;
  }
  .button.size_s {
    padding: calc(var(--spacer-3) - var(--border-width)) calc(var(--spacer-4) - var(--border-width));
    min-width: 64px;
  }
  .button.size_m {
    padding: calc(var(--spacer-3) - var(--border-width)) calc(var(--spacer-4) - var(--border-width));
    min-height: 40px;
    min-width: 80px;
  }
  @media screen and (min-width: 1441px) {
    .button.size_m {
      padding: calc(var(--spacer-4) - var(--border-width)) calc(var(--spacer-5) - var(--border-width));
      min-height: 60px;
      min-width: 120px;
    }
  }
  .button.size_l {
    padding: calc(var(--spacer-4) - var(--border-width)) calc(var(--spacer-5) - var(--border-width));
    min-height: 60px;
    min-width: 120px;
  }
  .button .icon.size_l {
    min-width: var(--icon-size-l);
    width: var(--icon-size-l);
    height: var(--icon-size-l);
  }
  .button .icon.size_m {
    min-width: var(--icon-size-m);
    width: var(--icon-size-m);
    height: var(--icon-size-m);
  }
  @media screen and (min-width: 1441px) {
    .button .icon.size_m {
      min-width: var(--icon-size-l);
      width: var(--icon-size-l);
      height: var(--icon-size-l);
    }
  }
  .button .icon.size_s {
    min-width: var(--icon-size-s);
    width: var(--icon-size-s);
    height: var(--icon-size-s);
  }
  .button.variant_primary {
    color: var(--colors-interaction-primary-fg);
    background-color: var(--colors-interaction-primary);
    border-color: var(--colors-interaction-primary);
  }
  .button.variant_primary[disabled] {
    color: var(--colors-interaction-disabled-fg);
    background-color: var(--colors-interaction-disabled);
    border-color: var(--colors-interaction-disabled);
  }
  .button.variant_secondary {
    color: var(--colors-interaction-secondary-fg);
    background-color: var(--colors-interaction-primary-fg);
    border-color: var(--colors-interaction-secondary-fg);
  }
  .button.variant_secondary[disabled] {
    color: var(--colors-interaction-disabled-fg);
    background-color: transparent;
    border-color: var(--colors-border-outline-medium);
  }
  .dark-font-on-light .button.variant_secondary {
    background-color: transparent;
    color: var(--colors-interaction-primary-fg);
    border-color: var(--colors-interaction-primary-fg);
  }
  .button.variant_tertiary {
    color: var(--colors-interaction-tertiary-fg);
    background-color: var(--colors-interaction-tertiary);
    border-color: var(--colors-interaction-tertiary);
  }
  .button.variant_tertiary[disabled] {
    color: var(--colors-interaction-disabled-fg);
    background-color: var(--colors-interaction-tertiary);
    border-color: var(--colors-interaction-tertiary);
  }

  a.link {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    border: none;
    background: none;
    text-decoration: none;
    color: var(--colors-interaction-interactive);
    padding: 0;
    display: inline;
    align-items: center;
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-bold-weight);
  }
  a.link .label,
  a.link .link-cta {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-bold-weight);
  }
  a.link .icon {
    display: inline-grid;
    place-items: center;
    vertical-align: text-bottom;
    line-height: 1;
    margin-inline-end: var(--spacer-2);
    font-family: var(--typo-copy-font);
  }
  a.link .icon.size_l {
    min-width: var(--icon-size-l);
    width: var(--icon-size-l);
    height: var(--icon-size-l);
  }
  a.link .icon.size_m {
    min-width: var(--icon-size-m);
    width: var(--icon-size-m);
    height: var(--icon-size-m);
  }
  a.link .icon.size_s {
    min-width: var(--icon-size-s);
    width: var(--icon-size-s);
    height: var(--icon-size-s);
  }
  a.link.size_l .label {
    padding-inline-start: var(--icon-size-l);
    margin-inline-start: calc(-1 * var(--icon-size-l));
  }
  a.link.size_m .label {
    padding-inline-start: var(--icon-size-m);
    margin-inline-start: calc(-1 * var(--icon-size-m));
  }
  a.link.size_s .label {
    padding-inline-start: var(--icon-size-s);
    margin-inline-start: calc(-1 * var(--icon-size-s));
  }
  a.link:hover {
    cursor: pointer;
    color: var(--colors-interaction-hover);
    text-decoration: none;
    font-family: var(--typo-copy-font);
  }
  a.link:hover > span:has(.link-icon) {
    text-decoration: none;
  }
  a.link:hover .label {
    font-family: var(--typo-copy-font);
    text-decoration: underline;
    text-decoration-thickness: var(--spacer-1);
    text-underline-offset: var(--spacer-2);
  }

  .hover {
    pointer-events: none;
    position: absolute;
    display: grid;
    place-content: center;
    inset-block: calc(-1 * var(--border-width));
    inset-inline-start: calc(-1 * var(--border-width));
    width: 0;
    background-color: var(--hover-background-color);
    transition: width 0.5s 0.2s cubic-bezier(0.7, -0.02, 0, 1);
  }
  .hover .hover-icon {
    opacity: 0;
    display: grid;
    place-content: center;
    height: 100%;
    color: var(--hover-foreground-color);
    transition: opacity 0.3s cubic-bezier(0.7, -0.02, 0, 1);
  }
  .hover .hover-icon-svg {
    display: block;
  }
  @media screen and (min-width: 1441px) {
    .hover .hover-icon-svg {
      display: none;
    }
  }
  .hover .hover-icon-small-svg {
    display: none;
  }
  @media screen and (min-width: 1441px) {
    .hover .hover-icon-small-svg {
      display: block;
    }
  }
  .dark-font-on-light .hover {
    background-color: var(--colors-interaction-primary-fg);
  }
  .dark-font-on-light .hover .hover-icon {
    color: var(--colors-interaction-primary);
  }

  /** Custom width support **/
  .icon-position_start .loader,
  .icon-position_start .icon {
    margin-left: auto;
  }
  .icon-position_start .label {
    margin-right: auto;
  }

  .icon-position_end .loader,
  .icon-position_end .icon {
    margin-right: auto;
  }
  .icon-position_end .label {
    margin-left: auto;
  }

  .icon-position_none .label {
    margin-left: auto;
    margin-right: auto;
  }
  .icon-position_none[data-pending] .loader {
    margin-left: auto;
  }
  .icon-position_none[data-pending] .label {
    margin-left: 0;
    margin-right: auto;
  }
  /* === centered-image-copy.f2d93f8de5e46fc6f41fc02fc3d20607.css === */
  /* Breakpoints */
  /* stylelint-disable scss/percent-placeholder-pattern */
  /* Typography */
  /* image disclaimer (indicator in the corner) */
  /* child element of image-disclaimer */
  .centered-image-copy__wrapper {
    grid-column: 1/span 4;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  @media (min-width: 769px) {
    .centered-image-copy__wrapper {
      grid-column: 2/span 2;
    }
  }
  @media (min-width: 1025px) {
    .centered-image-copy__wrapper {
      grid-column: 4/span 6;
      display: grid;
      grid-template-columns: subgrid;
    }
  }
  .centered-image-copy__image {
    position: relative;
    margin-bottom: var(--spacing-m);
    width: 100%;
  }
  @media (min-width: 1025px) {
    .centered-image-copy__image {
      grid-column: 2/span 4;
    }
  }
  .centered-image-copy__image picture {
    display: block;
  }
  .centered-image-copy__image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  .centered-image-copy__disclaimer {
    position: relative;
    display: none;
  }
  .centered-image-copy__disclaimer:has(.disclaimer-item-badge, .text) {
    display: block;
  }
  .centered-image-copy__disclaimer-image:has(.disclaimer-item-badge) {
    position: absolute;
    inset: auto auto 0 0;
    background: var(--colors-text-disclaimer);
    min-width: 1rem;
    min-height: 1.625rem;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0 0.625rem;
  }
  .centered-image-copy__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .centered-image-copy__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge--first {
    padding-left: 0.625rem;
  }
  .centered-image-copy__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge--first:first-child {
    padding-left: 0;
  }
  .centered-image-copy__disclaimer-image:has(.disclaimer-item-badge):has(.disclaimer-item-badge) {
    display: flex;
  }
  .centered-image-copy__disclaimer-image [class*=text] {
    color: var(--colors-brand-light);
  }
  .centered-image-copy__headline, .centered-image-copy__subline, .centered-image-copy__copy {
    text-align: center;
  }
  @media (min-width: 1025px) {
    .centered-image-copy__headline, .centered-image-copy__subline, .centered-image-copy__copy {
      grid-column: 1/span 6;
    }
  }
  .centered-image-copy__headline > *, .centered-image-copy__subline > *, .centered-image-copy__copy > * {
    display: inline;
  }
  .centered-image-copy__headline {
    color: var(--colors-text-headline);
    margin-bottom: var(--spacer-3);
  }
  .centered-image-copy__headline em {
    color: var(--colors-text-primary-highlight);
  }
  .centered-image-copy__headline .text__headline-sup {
    font-size: 0.6em;
    vertical-align: super;
    line-height: 1;
  }
  .centered-image-copy__subline {
    color: var(--colors-text-headline);
    margin-bottom: var(--spacer-4);
  }
  @media (min-width: 769px) {
    .centered-image-copy__subline {
      margin-bottom: var(--spacer-5);
    }
  }
  .centered-image-copy__copy {
    margin-bottom: var(--spacing-xs);
  }
  .centered-image-copy__copy .text__copy-sup {
    font-size: 0.6em;
    vertical-align: super;
    line-height: 1;
  }
  .centered-image-copy__disclaimer-container {
    text-align: left;
    grid-column: 1/span 6;
  }
  .centered-image-copy__disclaimer-container .disclaimer-number {
    font-size: 0.6em;
    vertical-align: super;
    line-height: 1;
  }
  .centered-image-copy__cta {
    margin-bottom: var(--spacing-s);
    white-space: nowrap;
  }
  @media (min-width: 1025px) {
    .centered-image-copy__cta {
      grid-column: 1/span 6;
      display: flex;
      align-items: flex-start;
      justify-content: center;
    }
  }
  /* === copy-teaser.1b5af7b8eaf1155f5f2f02fb08b2ffad.css === */
  /* Breakpoints */
  .copy-teaser__wrapper {
    padding: 0 var(--grid-standard-margin);
  }

  /* stylelint-disable scss/percent-placeholder-pattern */
  /* Typography */
  .copy-teaser__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-4);
    justify-content: center;
    text-align: center;
  }
  @media (min-width: 1025px) {
    .copy-teaser__wrapper {
      gap: var(--spacer-5);
    }
  }
  .copy-teaser__topline sup {
    vertical-align: super;
    font-size: smaller;
  }
  .copy-teaser__headline sup {
    vertical-align: super;
    font-size: 0.5em;
  }
  .copy-teaser__headline em {
    color: var(--colors-text-primary-highlight);
  }
  .copy-teaser__cta {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* === image-copy-gallery.c276e0ca810833033d7b7372de261486.css === */
  /* Breakpoints */
  /* image disclaimer (indicator in the corner) */
  /* child element of image-disclaimer */
  .image-copy-gallery {
    --gallery-size: 1;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .aem-AuthorLayer-Edit .image-copy-gallery {
    width: calc(100% - 1.25rem);
    margin: 0.625rem;
  }
  .image-copy-gallery__wrapper {
    --icg-margin: var(--grid-standard-margin);
    --icg-padding-inline: var(--icg-margin);
    --icg-content-max-width: var(--grid-standard-content-max);
    --icg-content-size: min(100% - (var(--icg-padding-inline) * 2), var(--icg-content-max-width));
    --icg-column-width-mobile: calc((100% + var(--grid-standard-gutter)) / 4);
    --icg-column-width-desktop: calc((100% + var(--grid-standard-gutter)) / 12);
    position: relative;
    width: 100%;
    max-width: var(--icg-content-size);
    margin: 0 auto;
  }
  @media screen and (min-width: 1025px) {
    .image-copy-gallery__wrapper:has([data-gallery-size="2"]) {
      --icg-content-size-two-items:
        calc(
          (var(--icg-content-size) + var(--grid-standard-gutter)) / 12 * 10 - var(--grid-standard-gutter)
        );
      max-width: var(--icg-content-size-two-items);
    }
  }
  .image-copy-gallery__headline {
    width: 100%;
    text-align: center;
    margin-bottom: var(--spacer-5);
  }
  @media screen and (min-width: 769px) {
    .image-copy-gallery__headline {
      margin-bottom: var(--spacing-xs);
    }
  }
  @media screen and (min-width: 1025px) {
    .image-copy-gallery__headline {
      padding-inline: calc((100% + var(--grid-standard-gutter)) / 12 * 3);
    }
  }
  .image-copy-gallery__items-wrapper {
    width: 100%;
    margin-bottom: var(--spacing-xs);
  }
  .image-copy-gallery__items {
    --gallery-item-width: calc(100% / var(--gallery-slides-per-page));
    display: flex;
    width: calc(var(--gallery-size) * var(--gallery-item-width) - var(--grid-standard-gutter));
    transition: transform, 0.6s ease;
    transform: translateX(0);
    gap: var(--grid-standard-gutter);
  }
  .aem-AuthorLayer-Edit .image-copy-gallery__items {
    width: 90%;
    margin: auto;
    flex-direction: column;
  }
  .image-copy-gallery-item,
  .image-copy-gallery .gallery-item {
    display: flex;
    width: 100%;
  }
  .aem-AuthorLayer-Edit .image-copy-gallery-item,
  .aem-AuthorLayer-Edit .image-copy-gallery .gallery-item {
    width: calc(100% - 1.25rem);
    margin: 0.625rem;
    padding: 0.625rem;
  }
  .image-copy-gallery-item__wrapper,
  .image-copy-gallery .gallery-item__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .image-copy-gallery-item__image,
  .image-copy-gallery .gallery-item__image {
    display: block;
    aspect-ratio: auto 4/3;
    position: relative;
  }
  .image-copy-gallery-item__content,
  .image-copy-gallery .gallery-item__content {
    margin-top: var(--spacer-4);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  @media screen and (min-width: 321px) {
    .image-copy-gallery-item__content,
    .image-copy-gallery .gallery-item__content {
      margin-top: var(--spacer-5);
    }
  }
  .image-copy-gallery-item__button-wrapper,
  .image-copy-gallery .gallery-item__button-wrapper {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1;
  }
  @media screen and (min-width: 1025px) {
    .image-copy-gallery-item__button-wrapper .button.size_m,
    .image-copy-gallery .gallery-item__button-wrapper .button.size_m {
      padding: calc(var(--spacer-4) - var(--border-width)) calc(var(--spacer-5) - var(--border-width));
      min-height: 60px;
      min-width: 120px;
    }
  }
  .image-copy-gallery-item__headline,
  .image-copy-gallery .gallery-item__headline {
    margin-bottom: var(--spacing-xs);
  }
  @media screen and (min-width: 321px) {
    .image-copy-gallery-item__headline,
    .image-copy-gallery .gallery-item__headline {
      margin-bottom: var(--spacing-xxs);
    }
  }
  .image-copy-gallery-item__text-content,
  .image-copy-gallery .gallery-item__text-content {
    margin-bottom: var(--spacing-xs);
  }
  .image-copy-gallery-item__disclaimer,
  .image-copy-gallery .gallery-item__disclaimer {
    position: relative;
    display: none;
  }
  .image-copy-gallery-item__disclaimer:has(.disclaimer-item-badge, .text),
  .image-copy-gallery .gallery-item__disclaimer:has(.disclaimer-item-badge, .text) {
    display: block;
  }
  .image-copy-gallery-item__disclaimer-image:has(.disclaimer-item-badge),
  .image-copy-gallery .gallery-item__disclaimer-image:has(.disclaimer-item-badge) {
    position: absolute;
    inset: auto auto 0 0;
    background: var(--colors-text-disclaimer);
    min-width: 1rem;
    min-height: 1.625rem;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0 0.625rem;
  }
  .image-copy-gallery-item__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge,
  .image-copy-gallery .gallery-item__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .image-copy-gallery-item__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge--first,
  .image-copy-gallery .gallery-item__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge--first {
    padding-left: 0.625rem;
  }
  .image-copy-gallery-item__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge--first:first-child,
  .image-copy-gallery .gallery-item__disclaimer-image:has(.disclaimer-item-badge) .disclaimer-item-badge--first:first-child {
    padding-left: 0;
  }
  .image-copy-gallery-item__disclaimer-image:has(.disclaimer-item-badge):has(.disclaimer-item-badge),
  .image-copy-gallery .gallery-item__disclaimer-image:has(.disclaimer-item-badge):has(.disclaimer-item-badge) {
    display: flex;
  }
  .image-copy-gallery-item__disclaimer-image [class*=text],
  .image-copy-gallery .gallery-item__disclaimer-image [class*=text] {
    color: var(--colors-brand-light);
  }
  .image-copy-gallery-item__disclaimer-emission,
  .image-copy-gallery .gallery-item__disclaimer-emission {
    display: none;
    position: absolute;
    padding: var(--spacer-3) var(--spacer-4);
    inset: auto var(--grid-standard-margin) var(--spacer-4);
    color: var(--colors-background-alternative);
    background: rgba(0, 0, 0, 0.6);
  }
  .image-copy-gallery-item__disclaimer-emission:has([class*=text]),
  .image-copy-gallery .gallery-item__disclaimer-emission:has([class*=text]) {
    display: block;
  }
  .image-copy-gallery-item__disclaimer [class*=text],
  .image-copy-gallery .gallery-item__disclaimer [class*=text] {
    color: var(--colors-brand-light);
  }
  .image-copy-gallery__controls {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xxs);
    margin-bottom: var(--spacing-xs);
  }
  .aem-AuthorLayer-Edit .image-copy-gallery__controls {
    display: none;
  }
  .image-copy-gallery__control {
    display: block;
  }
  .image-copy-gallery__control-button.button {
    display: flex;
    border: 0;
    border-radius: 50%;
    background: var(--colors-interaction-primary);
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0;
  }
  .image-copy-gallery__control-button.button > svg {
    min-width: var(--icon-size-m);
    width: var(--icon-size-m);
    height: var(--icon-size-m);
  }
  .image-copy-gallery__bellow-disclaimers {
    padding: 0;
    margin: 0;
  }
  .image-copy-gallery__bellow-disclaimers .disclaimer-item {
    display: block;
  }
  .image-copy-gallery:has([data-gallery-size="1"]) .image-copy-gallery__controls {
    display: none;
  }
  @media screen and (min-width: 1025px) {
    .image-copy-gallery:has([data-gallery-size="2"]) .image-copy-gallery__controls {
      display: none;
    }
  }
  /* === image.11cd6fef5d2a3c364e9cb55da0987fb1.css === */
  .image picture {
    width: 100%;
    display: block;
    height: 100%;
  }
  .image picture img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* === image.9f26caac3a1f7002792161adb7d88df4.css === */
  .media__image {
    position: relative;
  }
  /* === publish.bbd965ed305d725b6bf1061b130eb34f.css === */

  /* Breakpoints */
  .stack-top {
    padding-top: var(--modul-spacing);
  }

  .stack-bottom {
    padding-bottom: var(--modul-spacing);
  }

  .visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }

  /* Global */
  & {
    --base-font-size: 10;
    --typo-headline-font: HyundaiSansHead, sans-serif;
    --typo-copy-font: HyundaiSansText, sans-serif;
    --typo-headline-bold-weight: 700;
    --typo-copy-regular-weight: 400;
    --spacer-1: 2px;
    --spacer-2: 4px;
    --spacer-3: 8px;
    --spacer-4: 16px;
    --spacer-6: 32px;
    --spacer-7: 40px;
    --spacer-8: 48px;
    --spacer-9: 56px;
    --spacer-11: 72px;
    --spacer-12: 80px;
    --spacer-13: 88px;
    --spacer-14: 104px;
    --spacer-15: 112px;
    --spacer-16: 120px;
    --spacer-10: 64px;
    --spacer-17: 144px;
    --spacer-5: 24px;
    --spacer-18: 160px;
    --spacer-19: 20px;
    --palette-opacity-white: rgba(255, 255, 255, 1);
    --palette-opacity-black: rgba(0, 0, 0, 1);
    --palette-grey-1: rgba(234, 234, 235, 1);
    --palette-grey-2: rgba(206, 206, 208, 1);
    --palette-grey-3: rgba(105, 105, 110, 1);
    --palette-grey-4: rgba(83, 83, 86, 1);
    --palette-grey-5: rgba(37, 37, 39, 1);
    --palette-grey-6: rgba(18, 20, 22, 1);
    --icon-size-s: 16px;
    --icon-size-m: 24px;
    --icon-size-l: 32px;
    --palette-other-red: rgba(230, 51, 18, 1);
    --palette-other-green: rgba(0, 255, 29, 1);
    --palette-opacity-white-60: rgba(255, 255, 255, 0.6);
    --palette-opacity-white-30: rgba(255, 255, 255, 0.3);
    --typo-copy-bold-weight: 500;
    --typo-headline-regular-weight: 500;
    --palette-other-yellow: rgba(236, 142, 1, 1);
    --palette-other-blue: rgba(62, 142, 234, 1);
    --palette-other-blue-30: rgba(226, 237, 255, 1);
    --palette-other-red-light: rgba(255, 76, 42, 1);
    --palette-hyundai-blue: rgba(0, 44, 95, 1);
    --palette-sand-sand: rgba(228, 220, 211, 1);
    --palette-sand-sand-light: rgba(246, 243, 242, 1);
    --palette-progressive-blue: rgba(0, 170, 210, 1);
    --palette-active-red: rgba(230, 51, 18, 1);
    --palette-performance-blue: rgba(170, 202, 230, 1);
    --palette-hyundai-blue-light: rgba(0, 60, 120, 1);
    --palette-active-red-light: rgba(255, 76, 42, 1);
    --palette-opacity-black-60: rgba(0, 0, 0, 0.6);
    --palette-opacity-black-30: rgba(0, 0, 0, 0.3);
    --palette-progressive-blue-wcag: rgba(0, 121, 148, 1);
    --palette-grey-50: rgba(127, 127, 133, 1);
    --palette-grey-30: rgba(183, 183, 186, 1);
    --palette-grey-80: rgba(58, 58, 60, 1);
    --palette-grey-20: rgba(206, 206, 208, 1);
    --palette-grey-0: rgba(255, 255, 255, 1);
    --palette-grey-10: rgba(234, 234, 235, 1);
    --palette-grey-100: rgba(18, 20, 22, 1);
    --palette-grey-60: rgba(105, 105, 110, 1);
    --palette-grey-40: rgba(146, 146, 150, 1);
    --palette-grey-90: rgba(37, 37, 39, 1);
    --palette-grey-70: rgba(83, 83, 86, 1);
    --palette-grey-88: rgba(224, 224, 224, 1);
    --palette-primary-40: rgba(150, 162, 192, 1);
    --palette-primary-20: rgba(203, 211, 225, 1);
    --palette-primary-10: rgba(224, 229, 237, 1);
    --palette-primary-60: rgba(96, 112, 151, 1);
    --palette-primary-5: rgba(237, 239, 242, 1);
    --palette-primary-30: rgba(180, 192, 212, 1);
    --palette-primary-2: rgba(247, 248, 250, 1);
    --palette-primary-1: rgba(250, 251, 252, 1);
    --palette-primary-50: rgba(126, 139, 173, 1);
    --palette-primary-80: rgba(49, 67, 114, 1);
    --palette-primary-90: rgba(38, 56, 102, 1);
    --palette-primary-100: rgba(0, 44, 95, 1);
    --palette-primary-70: rgba(73, 90, 136, 1);
    --palette-primary-0: rgba(255, 255, 255, 1);
    --palette-secondary-70: rgba(0, 170, 210, 1);
    --palette-secondary-40: rgba(117, 216, 240, 1);
    --palette-secondary-60: rgba(25, 187, 225, 1);
    --palette-secondary-50: rgba(81, 206, 236, 1);
    --palette-secondary-20: rgba(202, 242, 252, 1);
    --palette-secondary-30: rgba(163, 228, 245, 1);
    --palette-secondary-10: rgba(224, 249, 255, 1);
    --palette-secondary-80: rgba(0, 144, 178, 1);
    --palette-secondary-100: rgba(0, 33, 41, 1);
    --palette-secondary-90: rgba(0, 103, 128, 1);
    --palette-secondary-5: rgba(240, 252, 255, 1);
    --palette-secondary-0: rgba(255, 255, 255, 1);
    --palette-tertiary-0: rgba(255, 255, 255, 1);
    --palette-alert-red: rgba(230, 51, 18, 1);
    --palette-alert-blue: rgba(62, 142, 234, 1);
    --palette-other-lime: rgba(85, 194, 167, 1);
    --palette-opacity-elevation-20: rgba(18, 20, 22, 0.2);
    --palette-opacity-elevation-12: rgba(18, 20, 22, 0.12);
    --palette-opacity-elevation-40: rgba(18, 20, 22, 0.4);
    --palette-opacity-elevation-10: rgba(18, 20, 22, 0.1);
    --palette-opacity-elevation-14: rgba(18, 20, 22, 0.14);
    --palette-opacity-elevation-11: rgba(18, 20, 22, 0.11);
    --icon-size-xl: 48px;
    --palette-active-red-wcag: rgba(236, 56, 24, 1);
    --palette-sand-sand-dark: rgba(201, 194, 186, 1);
    --palette-sand-sand-medium: rgba(219, 217, 216, 1);
    /* S → Mobile */
    /* M → Tablet */
    /* L → Desktop */
    /* XL → Widescreen */
  }
  @media (min-width: 321px) {
    & {
      --border-radius-s: 4px;
      --border-radius-m: 8px;
      --border-radius-l: 16px;
      --spacing-s: 32px;
      --spacing-m: 48px;
      --spacing-l: 64px;
      --spacing-xl: 80px;
      --viewport-min: 320px;
      --viewport-max: 767px;
      --viewport-default: 375px;
      --viewport-name: Mobile;
      --spacing-xxs: 4px;
      --grid-narrow-margin: 16px;
      --grid-narrow-gutter: 8px;
      --grid-narrow-content-min: 288px;
      --grid-narrow-content-max: 720px;
      --grid-standard-margin: 20px;
      --grid-standard-gutter: 20px;
      --grid-standard-content-min: 280px;
      --grid-standard-content-max: 727px;
      --grid-wide-gutter: 8px;
      --grid-wide-content-min: 320px;
      --grid-wide-content-max: 767px;
      --grid-section-gap: 64px;
      --grid-section-padding: 48px;
      --grid-row-gap: 48px;
      --grid-columns: 4;
      --border-radius-xs: 2px;
      --spacing-xs: 16px;
      --spacing-xxl: 104px;
      --typo-h1-size: 32px;
      --typo-h2-size: 28px;
      --typo-h3-size: 26px;
      --typo-h4-size: 22px;
      --typo-h5-size: 20px;
      --typo-h6-size: 16px;
      --typo-copy-xl-weight: 400;
      --typo-copy-xl-size: 24px;
      --typo-copy-l-weight: 400;
      --typo-copy-l-size: 16px;
      --typo-copy-m-weight: 400;
      --typo-copy-m-size: 16px;
      --typo-copy-s-size: 14px;
      --typo-copy-xs-size: 12px;
      --typo-copy-xxs-size: 10px;
      --typo-interactive-l-size: 16px;
      --typo-interactive-m-size: 16px;
      --typo-interactive-s-size: 14px;
      --typo-pricing-size: 20px;
      --typo-navigation-size: 16px;
    }
  }
  @media (min-width: 769px) {
    & {
      --border-radius-s: 4px;
      --border-radius-m: 8px;
      --border-radius-l: 16px;
      --spacing-s: 40px;
      --spacing-m: 56px;
      --spacing-l: 72px;
      --spacing-xl: 88px;
      --viewport-min: 768px;
      --viewport-max: 1024px;
      --viewport-default: 1024px;
      --viewport-name: Tablet;
      --spacing-xxs: 8px;
      --grid-narrow-margin: 16px;
      --grid-narrow-gutter: 8px;
      --grid-narrow-content-min: 720px;
      --grid-narrow-content-max: 720px;
      --grid-standard-margin: 80px;
      --grid-standard-gutter: 20px;
      --grid-standard-content-min: 728px;
      --grid-standard-content-max: 864px;
      --grid-wide-gutter: 8px;
      --grid-wide-content-min: 768px;
      --grid-wide-content-max: 1024px;
      --grid-section-gap: 72px;
      --grid-section-padding: 56px;
      --grid-row-gap: 56px;
      --grid-columns: 4;
      --border-radius-xs: 2px;
      --spacing-xs: 24px;
      --spacing-xxl: 112px;
      --typo-h1-size: 48px;
      --typo-h2-size: 40px;
      --typo-h3-size: 32px;
      --typo-h4-size: 24px;
      --typo-h5-size: 20px;
      --typo-h6-size: 18px;
      --typo-copy-xl-weight: 400;
      --typo-copy-xl-size: 24px;
      --typo-copy-l-weight: 400;
      --typo-copy-l-size: 16px;
      --typo-copy-m-weight: 400;
      --typo-copy-m-size: 16px;
      --typo-copy-s-size: 14px;
      --typo-copy-xs-size: 12px;
      --typo-copy-xxs-size: 10px;
      --typo-interactive-l-size: 16px;
      --typo-interactive-m-size: 16px;
      --typo-interactive-s-size: 14px;
      --typo-pricing-size: 20px;
      --typo-navigation-size: 16px;
    }
  }
  @media (min-width: 1025px) {
    & {
      --border-radius-s: 4px;
      --border-radius-m: 8px;
      --border-radius-l: 16px;
      --spacing-s: 40px;
      --spacing-m: 56px;
      --spacing-l: 72px;
      --spacing-xl: 88px;
      --viewport-min: 1025px;
      --viewport-max: 1440px;
      --viewport-default: 1440px;
      --viewport-name: Desktop;
      --spacing-xxs: 8px;
      --grid-narrow-margin: 32px;
      --grid-narrow-gutter: 16px;
      --grid-narrow-content-min: 720px;
      --grid-narrow-content-max: 720px;
      --grid-standard-margin: 112px;
      --grid-standard-gutter: 24px;
      --grid-standard-content-min: 865px;
      --grid-standard-content-max: 1216px;
      --grid-wide-gutter: 16px;
      --grid-wide-content-min: 1025px;
      --grid-wide-content-max: 1440px;
      --grid-section-gap: 72px;
      --grid-section-padding: 56px;
      --grid-row-gap: 56px;
      --grid-columns: 12;
      --border-radius-xs: 2px;
      --spacing-xs: 24px;
      --spacing-xxl: 112px;
      --typo-h1-size: 88px;
      --typo-h2-size: 64px;
      --typo-h3-size: 40px;
      --typo-h4-size: 32px;
      --typo-h5-size: 28px;
      --typo-h6-size: 18px;
      --typo-copy-xl-weight: 400;
      --typo-copy-xl-size: 40px;
      --typo-copy-l-weight: 400;
      --typo-copy-l-size: 20px;
      --typo-copy-m-weight: 400;
      --typo-copy-m-size: 16px;
      --typo-copy-s-size: 14px;
      --typo-copy-xs-size: 14px;
      --typo-copy-xxs-size: 12px;
      --typo-interactive-l-size: 20px;
      --typo-interactive-m-size: 16px;
      --typo-interactive-s-size: 14px;
      --typo-pricing-size: 28px;
      --typo-navigation-size: 16px;
    }
  }
  @media (min-width: 1441px) {
    & {
      --border-radius-s: 3px;
      --border-radius-m: 8px;
      --border-radius-l: 16px;
      --spacing-s: 48px;
      --spacing-m: 64px;
      --spacing-l: 80px;
      --spacing-xl: 104px;
      --viewport-min: 1441px;
      --viewport-max: 2560px;
      --viewport-default: 1920px;
      --viewport-name: Widescreen;
      --spacing-xxs: 16px;
      --grid-narrow-margin: 32px;
      --grid-narrow-gutter: 16px;
      --grid-narrow-content-min: 720px;
      --grid-narrow-content-max: 720px;
      --grid-standard-margin: 156px;
      --grid-standard-gutter: 32px;
      --grid-standard-content-min: 1217px;
      --grid-standard-content-max: 1608px;
      --grid-wide-gutter: 16px;
      --grid-wide-content-min: 1441px;
      --grid-wide-content-max: 9999px;
      --grid-section-gap: 80px;
      --grid-section-padding: 64px;
      --grid-row-gap: 64px;
      --grid-columns: 12;
      --border-radius-xs: 2px;
      --spacing-xs: 32px;
      --spacing-xxl: 120px;
      --typo-h1-size: 112px;
      --typo-h2-size: 72px;
      --typo-h3-size: 48px;
      --typo-h4-size: 40px;
      --typo-h5-size: 28px;
      --typo-h6-size: 22px;
      --typo-copy-xl-weight: 400;
      --typo-copy-xl-size: 48px;
      --typo-copy-l-weight: 400;
      --typo-copy-l-size: 24px;
      --typo-copy-m-weight: 400;
      --typo-copy-m-size: 16px;
      --typo-copy-s-size: 14px;
      --typo-copy-xs-size: 14px;
      --typo-copy-xxs-size: 12px;
      --typo-interactive-l-size: 24px;
      --typo-interactive-m-size: 16px;
      --typo-interactive-s-size: 14px;
      --typo-pricing-size: 28px;
      --typo-navigation-size: 16px;
    }
  }









  /* stylelint-disable scss/percent-placeholder-pattern */
  /* Typography */
  .copy_l,
  .copy_l * {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-copy-l-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_l em,
  .copy_l_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-copy-l-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_m,
  .copy_m * {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-copy-m-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_m em,
  .copy_m_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-copy-m-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_s,
  .copy_s * {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-copy-s-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_s em,
  .copy_s_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-copy-s-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_x_xs,
  .copy_x_xs * {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-copy-xxs-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_x_xs em,
  .copy_x_xs_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-copy-xxs-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_xl,
  .copy_xl * {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-copy-xl-weight);
    font-size: var(--typo-copy-xl-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_xl em,
  .copy_xl_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-copy-xl-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_xs,
  .copy_xs * {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-copy-xs-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .copy_xs em,
  .copy_xs_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-copy-xs-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h1,
  .h1 * {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h1-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h1 em,
  .h1_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h1-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h2,
  .h2 * {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h2-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h2 em,
  .h2_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h2-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h3,
  .h3 * {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h3-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h3 em,
  .h3_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-h3-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h4,
  .h4 * {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h4-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h4 em,
  .h4_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-h4-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h5,
  .h5 * {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h5-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h5 em,
  .h5_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-h5-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h6,
  .h6 * {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h6-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .h6 em,
  .h6_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-h6-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .interactive_l {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-bold-weight);
    font-size: var(--typo-interactive-l-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .interactive_m {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-bold-weight);
    font-size: var(--typo-interactive-m-size);
    letter-spacing: normal;
    line-height: 1.3;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .interactive_s {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-bold-weight);
    font-size: var(--typo-interactive-s-size);
    letter-spacing: normal;
    line-height: 1.3;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .navigation {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-navigation-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .navigation_em {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-navigation-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .pricing {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-pricing-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .pricing_em {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-bold-weight);
    font-size: var(--typo-pricing-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  /* extended classes based on the syszygy typography placeholders */
  .text {
    color: var(--colors-text-copy);
    text-wrap-style: balance;
    /* TODO clarify if this can not be defined less general but dedicated for disclaimers
    disclaimer indicator as last element should not break to another line <sup>1</sup> */
  }
  .text em {
    color: var(--colors-text-primary-highlight);
  }
  .text sup {
    vertical-align: super;
    font-size: smaller;
    line-height: 0.7;
  }
  .text sub {
    vertical-align: sub;
    font-size: smaller;
    line-height: 0.7;
  }
  .text ol,
  .text ul {
    margin: 0.625rem 0 0.625rem 1.25rem;
    padding-left: 0.9375rem;
  }
  .text ol {
    list-style-type: decimal;
  }
  .text ul {
    list-style-type: disc;
  }
  .text li {
    margin-bottom: 0.3125rem;
    text-align: left;
  }
  .text ol ol,
  .text ul ul,
  .text ol ul,
  .text ul ol {
    margin-left: 0.9375rem;
    list-style-type: circle;
  }
  .text:has(sup:last-child) div:last-of-type,
  .text:has(sup:last-child) p:last-of-type,
  .text:has(sup:last-child) em:last-of-type {
    display: inline;
  }
  .text:has(sup:last-child) sup {
    display: inline;
  }

  .pip25-tab-navigation__more-info a:hover,
  .pip25-tab-navigation__more-info a:hover span {
    font-family: unset;
    text-decoration: none;
  }
  .pip25-tab-navigation__item a,
  .pip25-tab-navigation__item a:hover {
    color: var(--colors-text-copy);
    font-family: inherit;
  }
  .pip25-tab-navigation .tooltip__trigger {
    max-height: 32px;
    height: 32px;
    max-width: 32px;
    width: 32px;
  }
  .pip25-tab-navigation .tooltip__trigger .icon {
    width: 32px;
    height: 32px;
  }
  .pip25-tab-navigation .tooltip__trigger .icon-content {
    font-size: var(--icon-size-s);
    line-height: var(--icon-size-s);
    min-width: var(--icon-size-s);
    width: var(--icon-size-s);
    height: var(--icon-size-s);
  }

  .r-header {
    background: white;
  }

  .c-skip-nav {
    z-index: 999999 !important;
  }

  .generic-stage sup {
    vertical-align: super;
    font-size: 0.65em;
  }
  .generic-stage__price-subline .tooltip__trigger {
    transform: scale(0.8);
    position: absolute;
    top: -12px;
    left: -6px;
  }
  .generic-stage .button,
  .generic-stage a:visited span,
  .generic-stage a:hover span {
    font-family: var(--typo-copy-font);
    text-decoration: none;
  }

  body .tooltip__trigger:focus {
    outline: unset !important;
  }

  body .tooltip__trigger:focus-visible {
    outline: 2px auto #f60 !important;
  }

  .copy-teaser__button:hover, .copy-teaser__button:hover span, .copy-teaser__link:hover, .copy-teaser__link:hover span {
    font-family: var(--typo-copy-font);
    text-decoration: none;
  }
  .copy-teaser__button:visited span {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-bold-weight);
  }

  .media-copy__button,
  .media-copy a:hover,
  .media-copy a:hover span {
    font-family: unset;
    text-decoration: none;
  }

  .pip25-grid {
    padding: 0 var(--grid-standard-margin);
  }

  .pip25-grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-gap: var(--grid-standard-gutter);
  }

  .pip25-grid {
    /* For components that use all the columns of the grid25 */
  }
  .pip25-grid__fullsize {
    grid-column: 1/5;
  }
  @media (min-width: 1025px) {
    .pip25-grid__fullsize {
      grid-column: 1/13;
    }
  }

  .line {
    clip-path: polygon(0 var(--mask-top, 0), 100% var(--mask-top, 0), 100% var(--mask-bottom, 50%), 0 var(--mask-bottom, 50%));
    opacity: 0;
  }

  html {
    font-size: 62.5%; /* stylelint-disable-line declaration-property-unit-allowed-list */
  }

  body.pip {
    font-size: 1rem;
    background-color: var(--colors-background-default);
    color: var(--colors-text-copy);
    font-family: var(--typo-copy-font);
    -webkit-font-smoothing: auto;
  }
  body.pip em {
    font-style: normal;
    font-weight: inherit;
  }
  .aem-AuthorLayer-Edit body.pip .r-main {
    min-height: auto;
  }
  /* === theme-n.109a148571864fd0a12c0aeed2b88f6e.css === */

  /* Breakpoints */
  & {
    --colors-brand-primary: rgba(230, 51, 18, 1);
    --colors-text-headline: rgba(255, 255, 255, 1);
    --colors-grey-1: rgba(18, 20, 22, 1);
    --colors-interaction-focus: rgba(255, 255, 255, 1);
    --colors-interaction-interactive: rgba(236, 56, 24, 1);
    --colors-background-default: rgba(0, 0, 0, 1);
    --colors-brand-secondary: rgba(170, 202, 230, 1);
    --colors-brand-light: rgba(255, 255, 255, 1);
    --colors-brand-dark: rgba(0, 0, 0, 1);
    --colors-text-copy: rgba(255, 255, 255, 1);
    --colors-text-disclaimer: rgba(18, 20, 22, 1);
    --colors-grey-2: rgba(37, 37, 39, 1);
    --colors-grey-3: rgba(83, 83, 86, 1);
    --colors-grey-4: rgba(105, 105, 110, 1);
    --colors-grey-5: rgba(206, 206, 208, 1);
    --colors-grey-6: rgba(234, 234, 235, 1);
    --colors-interaction-interactive-fg: rgba(0, 0, 0, 1);
    --colors-interaction-hover: rgba(255, 76, 42, 1);
    --colors-interaction-hover-fg: rgba(0, 0, 0, 1);
    --colors-interaction-primary: rgba(236, 56, 24, 1);
    --colors-interaction-primary-fg: rgba(0, 0, 0, 1);
    --colors-interaction-primary-hover: rgba(255, 76, 42, 1);
    --colors-interaction-primary-hover-fg: rgba(0, 0, 0, 1);
    --colors-interaction-selected: rgba(236, 56, 24, 1);
    --colors-interaction-selected-fg: rgba(255, 255, 255, 1);
    --colors-interaction-selected-hover: rgba(255, 76, 42, 1);
    --colors-interaction-selected-hover-fg: rgba(255, 255, 255, 1);
    --colors-interaction-disabled: rgba(255, 255, 255, 0.3);
    --colors-interaction-disabled-fg: rgba(0, 0, 0, 0.6);
    --colors-text-primary-highlight: rgba(170, 202, 230, 1);
    --colors-text-secondary-highlight: rgba(230, 51, 18, 1);
    --colors-interaction-secondary: rgba(255, 255, 255, 0);
    --colors-interaction-secondary-fg: rgba(236, 56, 24, 1);
    --colors-interaction-secondary-hover: rgba(255, 76, 42, 1);
    --colors-interaction-secondary-hover-fg: rgba(0, 0, 0, 1);
    --colors-interaction-secondary-pressed: rgba(255, 76, 42, 1);
    --colors-interaction-secondary-pressed-fg: rgba(255, 255, 255, 1);
    --colors-background-color: rgba(0, 0, 0, 1);
    --colors-text-disclaimer-dark: rgba(234, 234, 235, 1);
    --colors-background-alternative: rgba(18, 20, 22, 1);
    --colors-border-outline-divider: rgba(37, 37, 39, 1);
    /* S → Mobile */
    /* M → Tablet */
    /* L → Desktop */
    /* XL → Widescreen */
  }
  @media (min-width: 321px) {
    & {
      --typo-h1-size: 32px;
      --typo-h2-size: 28px;
      --typo-h3-size: 26px;
      --typo-h4-size: 22px;
      --typo-h5-size: 20px;
      --typo-h6-size: 16px;
      --typo-copy-xl-size: 24px;
      --typo-copy-l-size: 16px;
      --typo-copy-m-size: 16px;
      --typo-copy-s-size: 14px;
      --typo-copy-xs-size: 12px;
      --typo-copy-xxs-size: 10px;
      --typo-interactive-l-size: 16px;
      --typo-interactive-m-size: 16px;
      --typo-interactive-s-size: 14px;
      --typo-copy-xl-weight: 500;
      --typo-copy-l-weight: 500;
      --typo-copy-m-weight: 500;
      --typo-pricing-size: 20px;
      --typoavigation-size-n: 16px;
      --modul-spacing: 56px;
    }
  }
  @media (min-width: 769px) {
    & {
      --typo-h1-size: 56px;
      --typo-h2-size: 40px;
      --typo-h3-size: 32px;
      --typo-h4-size: 24px;
      --typo-h5-size: 20px;
      --typo-h6-size: 18px;
      --typo-copy-xl-size: 24px;
      --typo-copy-l-size: 16px;
      --typo-copy-m-size: 16px;
      --typo-copy-s-size: 14px;
      --typo-copy-xs-size: 12px;
      --typo-copy-xxs-size: 10px;
      --typo-interactive-l-size: 16px;
      --typo-interactive-m-size: 16px;
      --typo-interactive-s-size: 14px;
      --typo-copy-xl-weight: 500;
      --typo-copy-l-weight: 500;
      --typo-copy-m-weight: 500;
      --typo-pricing-size: 20px;
      --typoavigation-size-n: 16px;
      --modul-spacing: 72px;
    }
  }
  @media (min-width: 1025px) {
    & {
      --typo-h1-size: 104px;
      --typo-h2-size: 64px;
      --typo-h3-size: 48px;
      --typo-h4-size: 32px;
      --typo-h5-size: 28px;
      --typo-h6-size: 18px;
      --typo-copy-xl-size: 48px;
      --typo-copy-l-size: 20px;
      --typo-copy-m-size: 16px;
      --typo-copy-s-size: 14px;
      --typo-copy-xs-size: 14px;
      --typo-copy-xxs-size: 12px;
      --typo-interactive-l-size: 20px;
      --typo-interactive-m-size: 16px;
      --typo-interactive-s-size: 14px;
      --typo-copy-xl-weight: 500;
      --typo-copy-l-weight: 500;
      --typo-copy-m-weight: 500;
      --typo-pricing-size: 28px;
      --typoavigation-size-n: 16px;
      --modul-spacing: 120px;
    }
  }
  @media (min-width: 1441px) {
    & {
      --typo-h1-size: 152px;
      --typo-h2-size: 96px;
      --typo-h3-size: 56px;
      --typo-h4-size: 40px;
      --typo-h5-size: 28px;
      --typo-h6-size: 22px;
      --typo-copy-xl-size: 56px;
      --typo-copy-l-size: 24px;
      --typo-copy-m-size: 16px;
      --typo-copy-s-size: 14px;
      --typo-copy-xs-size: 14px;
      --typo-copy-xxs-size: 12px;
      --typo-interactive-l-size: 24px;
      --typo-interactive-m-size: 16px;
      --typo-interactive-s-size: 14px;
      --typo-copy-xl-weight: 500;
      --typo-copy-l-weight: 500;
      --typo-copy-m-weight: 500;
      --typo-pricing-size: 28px;
      --typoavigation-size-n: 16px;
      --modul-spacing: 144px;
    }
  }
  /* === theme-n.41f70ea59e99b72a9bcd21b4ee934fa1.css === */
  /* Breakpoints */
  @keyframes fade-up {
    0% {
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-down {
    0% {
      transform: translateY(-20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes mask-reveal {
    0% {
      clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    }
    100% {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .media__copy .media-headline {
    animation-name: fade-up, mask-reveal;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
  }

  .media__main--dark .media__media::after {
    --stage-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 42%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 255, 47, 0) 100%);
  }
  @media screen and (min-width: 769px) {
    .media__main--dark .media__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 60%, rgba(0, 0, 0, 0.42) 68%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1025px) {
    .media__main--dark .media__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 47%, rgba(0, 0, 0, 0.42) 63%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1441px) {
    .media__main--dark .media__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 45%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1921px) {
    .media__main--dark .media__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 45%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 0, 0, 0) 100%);
    }
  }

  .media__main--light .media__media::after {
    --stage-gradient:
    linear-gradient(
       180deg,
       rgba(255, 255, 255, 0.58) 0%,
       rgba(255, 255, 255, 0.58) 42%,
       rgba(255, 255, 255, 0.36) 57%,
       rgba(0, 255, 47, 0) 100%
     );
  }
  @media screen and (min-width: 769px) {
    .media__main--light .media__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 55%,
           rgba(255, 255, 255, 0.36) 75%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1025px) {
    .media__main--light .media__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 47%,
           rgba(255, 255, 255, 0.36) 63%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1441px) {
    .media__main--light .media__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 45%,
           rgba(255, 255, 255, 0.36) 57%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1921px) {
    .media__main--light .media__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 45%,
           rgba(255, 255, 255, 0.36) 57%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }

  .media__main, .media__content, .media__disclaimers-below {
    padding: 0 var(--grid-standard-margin);
  }

  .media__content {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-gap: var(--grid-standard-gutter);
  }

  .media {
    --stage-tooltip-color: var(--colors-interaction-interactive);
    --stage-tooltip-color-hover: var(--colors-interaction-hover-fg);
    --stage-tooltip-background: transparent;
    --stage-tooltip-background-hover: var(--colors-interaction-hover);
  }
  .media__wrapper {
    grid-row-gap: 0;
    position: relative;
    overflow-x: clip;
  }
  .media .tooltip__trigger .tooltip__icon {
    background-color: var(--stage-tooltip-background);
    color: var(--stage-tooltip-color);
  }
  .media .tooltip__trigger:active .tooltip__icon, .media .tooltip__trigger:focus .tooltip__icon, .media .tooltip__trigger:hover .tooltip__icon {
    background-color: var(--stage-tooltip-background-hover);
    color: var(--stage-tooltip-color-hover);
  }
  .media__main--light .media__media::after {
    --gradient: classic-dark;
    background: var(--stage-gradient);
  }
  @media screen and (min-width: 769px) {
    .media__main--light {
      --stage-tooltip-color: var(--colors-text-copy);
      --stage-tooltip-color-hover: var(--colors-text-copy);
    }
  }
  .media__main--dark {
    --colors-text-headline: rgba(255, 255, 255, 1);
    --colors-background-default: rgba(18, 20, 22, 1);
  }
  @media screen and (min-width: 769px) {
    .media__main--dark {
      --colors-text-copy: rgba(255, 255, 255, 1);
      --stage-tooltip-color: var(--colors-interaction-interactive-fg);
      --stage-tooltip-background-hover: var(--colors-interaction-hover-fg);
      --stage-tooltip-color-hover: var(--colors-interaction-hover);
    }
  }
  .media__main--dark .media__media::after {
    --gradient: classic-light;
    background: var(--stage-gradient);
  }
  .media__main--dark .media__header,
  .media__main--dark .media__copy {
    color: var(--colors-text-headline);
  }
  @media screen and (min-width: 769px) {
    .media__main--dark .media__button.variant_primary {
      background-color: var(--colors-interaction-primary-fg);
      color: var(--colors-interaction-primary);
      border-color: var(--colors-interaction-primary-fg);
    }
    .media__main--dark .media__button.variant_primary .hover {
      background-color: var(--colors-interaction-primary-fg);
    }
    .media__main--dark .media__button.variant_primary .hover-icon {
      color: var(--colors-interaction-primary);
    }
  }
  @media screen and (min-width: 769px) {
    .media__main--dark .media__button.variant_secondary {
      background-color: transparent;
      color: var(--colors-interaction-primary-fg);
      border-color: var(--colors-interaction-primary-fg);
    }
    .media__main--dark .media__button.variant_secondary .hover {
      background-color: var(--colors-interaction-primary-fg);
    }
    .media__main--dark .media__button.variant_secondary .hover-icon {
      color: var(--colors-interaction-primary);
    }
  }
  .media__main--gradient-0 .media__media::after {
    opacity: 0;
  }
  .media__main--gradient-30 .media__media::after {
    opacity: 0.3;
  }
  .media__main--gradient-60 .media__media::after {
    opacity: 0.6;
  }
  .media__main--gradient-100 .media__media::after {
    opacity: 1;
  }
  .media .media__media::after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 5;
  }
  .media__main {
    position: relative;
  }
  .media__main--fullwidth {
    padding-inline: unset;
  }
  .media [data-player=play] .media__copy {
    opacity: 0;
  }
  .media__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: grid;
    pointer-events: none;
    z-index: 10;
  }
  .media__main--fullwidth .media__content {
    padding-inline: unset;
  }
  .media__content .media-headline,
  .media__content .animated-facts__item {
    pointer-events: all;
  }
  .media__copy {
    z-index: 2;
    grid-column: 1/5;
    padding-block: var(--spacing-m);
    padding-inline: var(--spacer-9) 0;
    align-self: end;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
  .media__main--image.media__main--left-centered .media__copy {
    align-self: center;
  }
  .media__main--image.media__main--bottom .media__copy {
    align-self: end;
  }
  .media__main--hidden .media__copy {
    display: none;
  }
  .media__copy .media-headline .disclaimer-indicator {
    vertical-align: super;
    font-size: small;
  }
  .media__disclaimer {
    position: absolute;
    left: var(--grid-standard-margin);
    bottom: 0;
    z-index: 10;
  }
  .media__main--fullwidth .media__disclaimer {
    left: 0;
  }
  .media__disclaimer .disclaimer-indicator {
    --colors-background-default: rgba(18, 20, 22, 1);
    --colors-text-copy: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 26px;
    min-height: 26px;
    padding: 0 var(--spacer-3);
    color: var(--colors-text-copy);
    background-color: var(--colors-background-default);
  }
  .media__disclaimers-below .disclaimers-below__disclaimer {
    margin-top: var(--spacer-3);
  }
  .media__media {
    position: relative;
    z-index: 1;
  }
  .media__main--gradient-none .media__media::after {
    content: none;
  }
  @media screen and (min-width: 769px) {
    .media__main--bottom .media__media::after {
      transform: rotate(-90deg) scale(0.56, 1.78);
    }
  }
  .media__cookie-notification {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: white;
    background-image: linear-gradient(-180deg, rgba(100, 0, 0, 0), #999 90%);
  }
  .media__cookie-notification--hidden {
    display: none;
  }
  @media (min-width: 769px) {
    .media__cookie-notification {
      padding: 2.5rem 0;
    }
  }
  .media__cookie-container {
    background-color: white;
    padding-block: var(--spacer-4);
  }
  @media (min-width: 769px) {
    .media__cookie-container {
      padding-inline: var(--spacer-4);
      width: 450px;
    }
  }
  @media (min-width: 1025px) {
    .media__cookie-container {
      width: 550px;
    }
  }
  @media (min-width: 1441px) {
    .media__cookie-container {
      width: 650px;
    }
  }
  .media__cookie-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  @media (min-width: 769px) {
    .media__cookie-inner {
      gap: 35px;
    }
  }
  .media__cookie-svg {
    width: 32px;
    height: 32px;
  }
  @media (min-width: 769px) {
    .media__cookie-svg {
      width: 64px;
      height: 64px;
    }
  }
  .media__cookie-text {
    text-align: center;
  }
  .media__cookie-button .button {
    max-width: none;
  }

  .media__main {
    --dash-width: 120px;
    --dash-height: 209px;
    --dash-inset: 170px;
    --padding-inline: 80px;
    /* stylelint-disable scss/percent-placeholder-pattern  */
  }
  @media (min-width: 769px) {
    .media__main {
      --dash-width: 167px;
      --dash-height: 290px;
      --dash-inset: 244px;
      --padding-inline: 92px;
    }
  }
  @media (min-width: 1025px) {
    .media__main {
      --dash-width: 244px;
      --dash-height: 422px;
      --dash-inset: 344px;
      --padding-inline: 112px;
    }
  }
  @media (min-width: 1441px) {
    .media__main {
      --dash-width: 310px;
      --dash-height: 560px;
      --dash-inset: 400px;
      --padding-inline: 156px;
    }
  }
  .media__main .media__decoration-top {
    position: absolute;
    width: var(--dash-width);
    height: var(--dash-height);
    background: linear-gradient(#aacae6, #acccea);
    top: calc(-1 * var(--padding-inline) + var(--spacing-l));
    right: calc(-1 * var(--padding-inline));
    clip-path: polygon(0% 40%, 100% 40%, 100% 100%, 0% 100%);
    transform: skew(45deg);
    pointer-events: none;
    z-index: 10;
  }
  .media__main .media__decoration-background {
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    background-color: black;
    width: var(--dash-inset);
    height: var(--dash-inset);
    z-index: 5;
  }
  .media__main .media__decoration--hidden {
    display: none;
  }
  .media__cookie-container {
    background-color: var(--colors-background-alternative);
    border: 1px solid var(--colors-interaction-primary);
  }
  .media__cookie-notification {
    background-color: var(--colors-background-alternative);
    background-image: none;
  }
  /* === theme-n.4b9f6ef2ff5534d5f49ea79b9ddc0f73.css === */
  /* Breakpoints */
  /* stylelint-disable scss/percent-placeholder-pattern */
  /* Typography */
  .generic-stage__price-subline {
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-copy-xs-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .generic-stage__headline {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h1-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .generic-stage__topline {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-headline-regular-weight);
    font-size: var(--typo-h4-size);
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .generic-stage__price > p {
    font-family: var(--typo-headline-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-pricing-size);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }

  .generic-stage__main--dark .generic-stage__media::after {
    --stage-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 42%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 255, 47, 0) 100%);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--dark .generic-stage__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 60%, rgba(0, 0, 0, 0.42) 68%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1025px) {
    .generic-stage__main--dark .generic-stage__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 47%, rgba(0, 0, 0, 0.42) 63%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1441px) {
    .generic-stage__main--dark .generic-stage__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 45%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1921px) {
    .generic-stage__main--dark .generic-stage__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 45%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 0, 0, 0) 100%);
    }
  }

  .generic-stage__main--light .generic-stage__media::after {
    --stage-gradient:
    linear-gradient(
       180deg,
       rgba(255, 255, 255, 0.58) 0%,
       rgba(255, 255, 255, 0.58) 42%,
       rgba(255, 255, 255, 0.36) 57%,
       rgba(0, 255, 47, 0) 100%
     );
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--light .generic-stage__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 55%,
           rgba(255, 255, 255, 0.36) 75%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1025px) {
    .generic-stage__main--light .generic-stage__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 47%,
           rgba(255, 255, 255, 0.36) 63%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1441px) {
    .generic-stage__main--light .generic-stage__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 45%,
           rgba(255, 255, 255, 0.36) 57%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1921px) {
    .generic-stage__main--light .generic-stage__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 45%,
           rgba(255, 255, 255, 0.36) 57%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }

  .generic-stage__main--dark .generic-stage__media::after {
    --stage-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.83) 42%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 255, 47, 0) 100%);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--dark .generic-stage__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.83) 60%, rgba(0, 0, 0, 0.42) 68%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1025px) {
    .generic-stage__main--dark .generic-stage__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.83) 47%, rgba(0, 0, 0, 0.42) 63%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1441px) {
    .generic-stage__main--dark .generic-stage__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.83) 45%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 0, 0, 0) 100%);
    }
  }
  @media screen and (min-width: 1921px) {
    .generic-stage__main--dark .generic-stage__media::after {
      --stage-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.83) 45%, rgba(0, 0, 0, 0.42) 57%, rgba(0, 0, 0, 0) 100%);
    }
  }

  .generic-stage__main--light .generic-stage__media::after {
    --stage-gradient:
    linear-gradient(
       180deg,
       rgba(255, 255, 255, 0.58) 0%,
       rgba(255, 255, 255, 0.58) 42%,
       rgba(255, 255, 255, 0.36) 57%,
       rgba(0, 255, 47, 0) 100%
     );
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--light .generic-stage__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 55%,
           rgba(255, 255, 255, 0.36) 75%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1025px) {
    .generic-stage__main--light .generic-stage__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 47%,
           rgba(255, 255, 255, 0.36) 63%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1441px) {
    .generic-stage__main--light .generic-stage__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 45%,
           rgba(255, 255, 255, 0.36) 57%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }
  @media screen and (min-width: 1921px) {
    .generic-stage__main--light .generic-stage__media::after {
      --stage-gradient:
      linear-gradient(
           90deg,
           rgba(255, 255, 255, 0.58) 0%,
           rgba(255, 255, 255, 0.58) 45%,
           rgba(255, 255, 255, 0.36) 57%,
           rgba(255, 255, 255, 0) 100%
         );
    }
  }

  .generic-stage__content {
    padding: 0 var(--grid-standard-margin);
  }

  .generic-stage__content {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-gap: var(--grid-standard-gutter);
  }

  @keyframes fade-up {
    0% {
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-down {
    0% {
      transform: translateY(-20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes mask-reveal {
    0% {
      clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    }
    100% {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .generic-stage__topline, .generic-stage__headline, .generic-stage__headline > span:first-of-type {
    animation-name: fade-up, mask-reveal;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
  }

  .generic-stage__headline > span:last-of-type {
    animation-name: fade-down, mask-reveal;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards, backwards;
  }

  @media screen and (min-width: 769px) {
    .generic-stage__financial, .generic-stage__buttons {
      opacity: 0;
      animation-name: fade-in;
      animation-duration: 1.5s;
      animation-timing-function: ease-out;
      animation-fill-mode: forwards;
      animation-delay: 1s;
    }
  }

  .generic-stage__headline > span {
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
  }

  .generic-stage {
    --stage-height: max(200px, 100vh - 303px);
    --stage-tooltip-color: var(--colors-interaction-interactive);
    --stage-tooltip-color-hover: var(--colors-interaction-hover-fg);
    --stage-tooltip-background: transparent;
    --stage-tooltip-background-hover: var(--colors-interaction-hover);
  }
  .page--mode-edit .generic-stage {
    --stage-height: clamp(500px, 60vw, 900px);
  }
  .generic-stage__main {
    position: relative;
  }
  .generic-stage .tooltip__trigger .tooltip__icon {
    background-color: var(--stage-tooltip-background);
    color: var(--stage-tooltip-color);
  }
  .generic-stage .tooltip__trigger:active .tooltip__icon, .generic-stage .tooltip__trigger:focus .tooltip__icon, .generic-stage .tooltip__trigger:hover .tooltip__icon {
    background-color: var(--stage-tooltip-background-hover);
    color: var(--stage-tooltip-color-hover);
  }
  .generic-stage__main--light .generic-stage__media::after {
    --gradient: classic-dark;
    background: var(--stage-gradient);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--light {
      --stage-tooltip-color: var(--colors-text-copy);
      --stage-tooltip-color-hover: var(--colors-text-copy);
    }
  }
  .generic-stage__main--dark {
    --colors-text-headline: rgba(255, 255, 255, 1);
    --colors-background-default: rgba(18, 20, 22, 1);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--dark {
      --colors-text-copy: rgba(255, 255, 255, 1);
      --stage-tooltip-color: var(--colors-interaction-interactive-fg);
      --stage-tooltip-background-hover: var(--colors-interaction-hover-fg);
      --stage-tooltip-color-hover: var(--colors-interaction-hover);
    }
  }
  .generic-stage__main--dark .generic-stage__media::after {
    --gradient: classic-light;
    background: var(--stage-gradient);
  }
  .generic-stage__main--dark .generic-stage__header,
  .generic-stage__main--dark .generic-stage__copy {
    color: var(--colors-text-headline);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--dark .generic-stage__button.variant_primary {
      background-color: var(--colors-interaction-primary-fg);
      color: var(--colors-interaction-primary);
      border-color: var(--colors-interaction-primary-fg);
    }
    .generic-stage__main--dark .generic-stage__button.variant_primary .hover {
      background-color: var(--colors-interaction-primary-fg);
    }
    .generic-stage__main--dark .generic-stage__button.variant_primary .hover-icon {
      color: var(--colors-interaction-primary);
    }
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--dark .generic-stage__button.variant_secondary {
      background-color: transparent;
      color: var(--colors-interaction-primary-fg);
      border-color: var(--colors-interaction-primary-fg);
    }
    .generic-stage__main--dark .generic-stage__button.variant_secondary .hover {
      background-color: var(--colors-interaction-primary-fg);
    }
    .generic-stage__main--dark .generic-stage__button.variant_secondary .hover-icon {
      color: var(--colors-interaction-primary);
    }
  }
  .generic-stage__main--gradient-0 .generic-stage__media::after {
    opacity: 0;
  }
  .generic-stage__main--gradient-30 .generic-stage__media::after {
    opacity: 0.3;
  }
  .generic-stage__main--gradient-60 .generic-stage__media::after {
    opacity: 0.6;
  }
  .generic-stage__main--gradient-100 .generic-stage__media::after {
    opacity: 1;
  }
  .generic-stage .generic-stage__media::after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 5;
  }
  .generic-stage__content {
    display: block;
    pointer-events: none;
    position: relative;
    z-index: 10;
  }
  .generic-stage__content > * > * {
    pointer-events: all;
  }
  @media screen and (min-width: 769px) {
    .generic-stage__content {
      min-height: var(--stage-height);
      display: grid;
      grid-template-rows: min-content auto;
      gap: var(--spacing-xxs) var(--grid-standard-gutter);
    }
    .generic-stage__content:has(.generic-stage__financial), .generic-stage__content:has(.generic-stage__buttons) {
      grid-template-rows: min-content min-content auto;
    }
    .generic-stage__content:has(.generic-stage__financial):has(.generic-stage__buttons) {
      grid-template-rows: min-content min-content min-content auto;
    }
  }
  .generic-stage__header {
    height: var(--stage-height);
    padding-block-start: var(--spacing-s);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
    justify-content: flex-start;
    align-items: flex-start;
  }
  @media screen and (min-width: 769px) {
    .generic-stage__header {
      grid-column: 1/span 2;
      height: auto;
    }
  }
  @media screen and (min-width: 1025px) {
    .generic-stage__header {
      grid-column: 1/span 7;
    }
  }
  .generic-stage__topline {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    animation-delay: 0.4s;
  }
  .generic-stage__topline--small {
    font-size: var(--typo-h5-size);
  }
  .generic-stage__headline {
    font-size: clamp(var(--typo-h1-size), 4cqi, var(--typo-h1-size));
  }
  @media screen and (min-width: 769px) {
    .generic-stage__headline {
      font-size: clamp(var(--typo-h3-size), 4cqi, var(--typo-h1-size));
    }
  }
  .generic-stage__headline--small {
    font-size: clamp(var(--typo-h3-size), 4cqi, var(--typo-h2-size));
  }
  .generic-stage__headline:has(> span) {
    animation: none;
  }
  .generic-stage__headline > span {
    display: block;
  }
  .generic-stage__financial {
    color: var(--colors-text-copy);
    margin-top: var(--spacing-s);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__financial {
      margin-top: 0;
      grid-column: 1/span 3;
    }
  }
  @media screen and (min-width: 1025px) {
    .generic-stage__financial {
      grid-column: 1/span 7;
    }
  }
  .generic-stage__price {
    display: flex;
    align-items: center;
  }
  .generic-stage__price > p strong {
    font-weight: var(--typo-headline-bold-weight);
  }
  .generic-stage__price-subline strong {
    font-weight: var(--typo-headline-bold-weight);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__price-subline {
      margin-top: var(--spacer-4);
    }
  }
  .generic-stage__price-subline-tooltip {
    position: relative;
  }
  .generic-stage__buttons {
    display: flex;
    flex-flow: wrap row;
    gap: var(--spacer-4);
    align-items: flex-start;
    justify-content: start;
    margin-block-start: var(--spacer-4);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__buttons {
      grid-column: 1/span 2;
      margin-block-start: calc(var(--spacer-5) - var(--spacer-3));
    }
  }
  @media screen and (min-width: 1025px) {
    .generic-stage__buttons {
      grid-column: 1/span 5;
    }
  }
  .generic-stage__button {
    width: 100%;
    max-width: 274px;
  }
  @media screen and (min-width: 769px) {
    .generic-stage__button {
      width: auto;
      flex-grow: 1;
      max-width: none;
    }
  }
  .generic-stage__button.size_l {
    font-size: var(--typo-interactive-m-size);
  }
  .generic-stage__disclaimers {
    margin-block-start: var(--spacer-4);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__disclaimers {
      opacity: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--spacer-2);
      padding-block-end: var(--spacing-xxs);
      grid-column: 1/span 3;
      margin-block-start: 0;
      align-self: end;
    }
  }
  @media screen and (min-width: 1025px) {
    .generic-stage__disclaimers {
      grid-column: 1/span 11;
    }
  }
  .generic-stage__disclaimers-indicators {
    display: none;
  }
  @media screen and (min-width: 769px) {
    .generic-stage__disclaimers-indicators:has(.disclaimer-indicator) {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 26px;
      min-height: 26px;
      padding: 0 var(--spacer-3);
      color: var(--palette-opacity-white);
      background: var(--palette-grey-6);
    }
  }
  .generic-stage__disclaimers-indicators .disclaimer-indicator {
    line-height: 1;
  }
  .generic-stage__disclaimers-below {
    display: none;
  }
  .generic-stage__disclaimers-below:has(.disclaimers-below__disclaimer) {
    display: block;
    align-self: normal;
  }
  @media screen and (min-width: 769px) {
    .generic-stage__disclaimers-below:has(.disclaimers-below__disclaimer) {
      color: var(--palette-opacity-white);
      background-color: var(--palette-opacity-black-60);
      padding: var(--spacer-3) var(--spacer-4);
    }
  }
  .generic-stage__disclaimers-below .disclaimers-below__disclaimer a {
    color: var(--colors-brand-light);
    font-family: inherit;
  }
  .generic-stage__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    height: var(--stage-height);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__media {
      height: 100%;
    }
  }
  .generic-stage__media__overlay {
    inset: 0;
    margin: auto var(--grid-standard-margin);
    position: absolute;
    z-index: 10;
    pointer-events: none;
  }
  .generic-stage__media__content {
    position: absolute;
    inset: 0;
  }
  .generic-stage__media__content .media__image {
    display: block;
    width: 100%;
    height: 100%;
  }
  .generic-stage__media__content .media__image > picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  .generic-stage__media__content .dynamic-video {
    height: 100%;
  }
  .generic-stage__media__content .dynamic-video .s7videoviewer .s7controlbar {
    padding: 0 var(--grid-standard-margin);
  }
  .generic-stage__media__content .dynamic-video .s7videoviewer .s7controlbar .s7innercontrolbarcontainer {
    position: relative;
  }
  .generic-stage__media__content .dynamic-video .s7videoviewer .s7controlbar .s7innercontrolbarcontainer .s7playpausebutton {
    bottom: var(--spacing-xs);
    right: 0;
  }
  @media screen and (min-width: 769px) {
    .generic-stage__media__content .dynamic-video .s7videoviewer .s7controlbar .s7innercontrolbarcontainer .s7playpausebutton {
      bottom: var(--spacing-xxs);
    }
  }
  .generic-stage__media__content .dynamic-video .s7videoviewer .s7controlbar .s7innercontrolbarcontainer .s7mutablevolume {
    display: none !important;
  }
  .generic-stage__badge {
    inset: auto auto var(--spacing-xs) 0;
    max-height: 120px;
    max-width: 160px;
    pointer-events: all;
    position: absolute;
  }
  @media screen and (min-width: 769px) {
    .generic-stage__badge {
      inset: var(--spacing-s) 0 auto auto;
    }
  }

  .generic-stage__main--light {
    --colors-text-headline: var(--colors-background-default);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--light {
      --colors-text-copy: var(--colors-background-default);
      --colors-interaction-hover: rgba(0, 0, 0, 1);
      --colors-interaction-hover-fg: rgba(255, 255, 255, 1);
      --stage-tooltip-color-hover: var(--colors-interaction-hover-fg);
      --stage-tooltip-background-hover: var(--colors-interaction-hover);
    }
  }
  .generic-stage__main--light .generic-stage__media::after {
    --gradient: n-dark;
    background: var(--stage-gradient);
  }
  .generic-stage__main--light .generic-stage__header {
    color: var(--colors-text-headline);
  }
  .generic-stage__main--light .generic-stage__button {
    --colors-interaction-secondary: rgba(255, 255, 255, 0);
    --colors-interaction-secondary-fg: rgba(255, 255, 255, 1);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--light .generic-stage__button {
      --colors-interaction-primary-fg: rgba(255, 255, 255, 1);
      --colors-interaction-primary: rgba(0, 0, 0, 1);
      --colors-interaction-secondary: rgba(255, 255, 255, 0);
      --colors-interaction-secondary-fg: rgba(0, 0, 0, 1);
      --hover-foreground-color: var(--colors-interaction-primary-hover);
      --hover-background-color: var(--colors-background-alternative);
    }
  }
  .generic-stage__main--light .generic-stage__button.variant_primary {
    color: var(--colors-interaction-primary-fg);
    background-color: var(--colors-interaction-primary);
    border-color: var(--colors-interaction-primary);
  }
  .generic-stage__main--light .generic-stage__button.variant_secondary {
    color: var(--colors-interaction-secondary-fg);
    background-color: var(--colors-interaction-secondary);
    border-color: var(--colors-interaction-secondary-fg);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__main--dark {
      --stage-tooltip-color: var(--palette-opacity-white);
      --stage-tooltip-color-hover: var(--palette-opacity-white);
      --stage-tooltip-background-hover: var(--colors-interaction-hover);
    }
  }
  .generic-stage__main--dark .generic-stage__media::after {
    --gradient: n-light;
    background: var(--stage-gradient);
  }
  .generic-stage__main--dark .generic-stage__button {
    --colors-interaction-primary: rgba(236, 56, 24, 1);
    --colors-interaction-primary-fg: rgba(0, 0, 0, 1);
    --colors-interaction-secondary: rgba(255, 255, 255, 0);
    --colors-interaction-secondary-fg: rgba(255, 255, 255, 1);
  }
  .generic-stage__main--dark .generic-stage__button.variant_primary {
    color: var(--colors-interaction-primary-fg);
    background-color: var(--colors-interaction-primary);
    border-color: var(--colors-interaction-primary);
  }
  .generic-stage__main--dark .generic-stage__button.variant_secondary {
    color: var(--colors-interaction-secondary-fg);
    background-color: var(--colors-interaction-secondary);
    border-color: var(--colors-interaction-secondary-fg);
  }
  .generic-stage__main--dark .generic-stage__button .hover {
    background-color: var(--hover-background-color) !important;
  }
  .generic-stage__main--dark .generic-stage__button .hover-icon {
    color: var(--hover-foreground-color) !important;
  }
  .generic-stage__headline {
    font-weight: var(--typo-headline-bold-weight);
  }
  @media screen and (min-width: 769px) {
    .generic-stage__headline {
      font-weight: var(--typo-headline-regular-weight);
    }
  }
  .generic-stage__disclaimers-below .disclaimers-below__disclaimer a {
    color: var(--colors-brand-light);
    font-family: inherit;
  }
  /* === theme-n.5763d45d9143d5966b127bcf31711ce9.css === */
  /* Breakpoints */
  .faq-accordion {
    grid-column: 1/-1;
  }
  .faq-accordion__container {
    display: flex;
    flex-direction: column;
  }
  .faq-accordion__headline-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--palette-grey-88);
  }
  .faq-accordion__headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    color: var(--colors-text-secondary-highlight);
  }
  .faq-accordion__btn {
    display: flex;
    gap: var(--spacer-2, 4px);
    flex: 1 0 0;
  }
  .faq-accordion__btn-container {
    margin-bottom: 0.625rem;
  }
  .faq-accordion__btn-expand-all {
    background: none;
    border: none;
    color: var(--colors-interaction-hover);
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .faq-accordion__btn-expand-all::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--colors-interaction-hover);
    border-bottom: 2px solid var(--colors-interaction-hover);
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-left: 0.625rem;
    margin-bottom: 0.3125rem;
  }
  .faq-accordion__btn-expand-all.is-collapsed::after {
    transform: rotate(-135deg);
  }
  .faq-accordion__items .faq-accordion__item {
    border-bottom: 1px solid var(--palette-grey-88);
  }
  .faq-accordion__items .faq-accordion__item .faq-accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacer-5) 0;
    cursor: pointer;
    color: var(--colors-interaction-hover);
    gap: var(--spacer-5);
    align-self: stretch;
  }
  .faq-accordion__items .faq-accordion__item .faq-accordion__header::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    color: inherit;
  }
  .faq-accordion__items .faq-accordion__item.is-open .faq-accordion__header::after {
    transform: rotate(-135deg);
  }
  .faq-accordion__items .faq-accordion__item.is-open .faq-accordion__content {
    max-height: 500px;
    opacity: 1;
    text-align: start;
    padding: var(--spacer-7) var(--spacer-7) var(--spacer-8) var(--spacer-7);
    background-color: var(--colors-background-alternative);
  }
  @media (min-width: 1025px) {
    .faq-accordion__items .faq-accordion__item.is-open .faq-accordion__content {
      padding: var(--spacer-7) var(--spacer-7) var(--spacer-11) var(--spacer-7);
    }
  }
  .faq-accordion__items .faq-accordion__item.is-open .faq-accordion__content .text {
    text-wrap-style: initial;
  }
  .faq-accordion__items .faq-accordion__item .faq-accordion__content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    color: var(--colors-text-secondary-highlight);
  }
  .faq-accordion__items .faq-accordion__item:last-child {
    border-bottom: none;
  }

  .faq-accordion__headline-container {
    border-bottom: 1px solid var(--palette-grey-90);
  }
  .faq-accordion__headline {
    color: var(--palette-opacity-white);
  }
  .faq-accordion__items .faq-accordion__item {
    border-bottom: 1px solid var(--palette-grey-90);
  }
  /* === theme-n.997ef5b77608305b0f8b1c5e0215c23d.css === */
  /* Breakpoints */
  .media-copy__wrapper {
    padding: 0 var(--grid-standard-margin);
  }

  .media-copy__wrapper {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-gap: var(--grid-standard-gutter);
  }

  .media-copy__decoration .effect {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  .media-copy__decoration .container {
    position: absolute;
    --_pixel_xl: clamp(calc(120px / 4), 10vw, 120px);
    --_pixel_l: clamp(calc(112px / 4), 8vw, 112px);
    --_pixel_m: clamp(calc(72px / 4), 6vw, 72px);
    --_pixel_s: clamp(calc(56px / 4), 4vw, 56px);
  }
  .media-copy__decoration .container.small {
    --_pixel_xl: clamp(calc(120px / 4), 6vw, 120px);
    --_pixel_l: clamp(calc(112px / 4), 5vw, 112px);
    --_pixel_m: clamp(calc(72px / 4), 4vw, 72px);
    --_pixel_s: clamp(calc(56px / 4), 3vw, 56px);
  }
  .media-copy__decoration .pixel {
    position: absolute;
    width: var(--_pixel-width);
    aspect-ratio: 1;
  }
  .media-copy__decoration .pixel.size_xl {
    --_pixel-width: var(--_pixel_xl);
  }
  .media-copy__decoration .pixel.size_l {
    --_pixel-width: var(--_pixel_l);
  }
  .media-copy__decoration .pixel.size_m {
    --_pixel-width: var(--_pixel_m);
  }
  .media-copy__decoration .pixel.size_s {
    --_pixel-width: var(--_pixel_s);
  }
  .media-copy__decoration .pixel.blur_1 {
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
  .media-copy__decoration .pixel.blur_2 {
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
  }
  .media-copy__decoration .pixel.blur_3 {
    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
  }
  .media-copy__decoration .pixel.gradation_1 {
    background: var(--palette-sand-sand-light);
  }
  .media-copy__decoration .pixel.gradation_2 {
    background: var(--palette-sand-sand-medium);
  }
  .media-copy__decoration .pixel.gradation_3 {
    background: var(--palette-sand-sand);
  }
  .media-copy__decoration .pixel.gradation_4 {
    background: var(--palette-sand-sand-dark);
  }
  .media-copy__decoration .top-left {
    top: 0;
    left: 0;
  }
  .media-copy__decoration .top-right {
    top: 0;
    right: 0;
  }
  .media-copy__decoration .bottom-left {
    bottom: 0;
    left: 0;
  }
  .media-copy__decoration .bottom-right {
    bottom: 0;
    right: 0;
  }
  .media-copy__decoration .small .pixel.mix {
    mix-blend-mode: multiply;
  }
  .media-copy__decoration .outside {
    opacity: 0;
  }
  @media screen and (width >= 768px) {
    .media-copy__decoration .outside {
      opacity: 1;
    }
  }
  .media-copy__decoration canvas.pixel {
    border: 1px solid red;
  }
  .media-copy__decoration .timeline_1 {
    animation: tl_1 22s infinite;
  }
  @keyframes tl_1 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    7% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    15% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    22% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    30% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.25);
    }
    37% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    43% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    50% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    56% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    64% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    70% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    75% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    82% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    88% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    93% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.22);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_2 {
    animation: tl_2 26s 0.5s infinite;
  }
  @keyframes tl_2 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    8% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    16% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    24% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    32% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.15);
    }
    39% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    45% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    52% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    58% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    66% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    72% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    77% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    84% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    89% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    94% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.18);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_3 {
    animation: tl_3 21s 0.7s infinite;
  }
  @keyframes tl_3 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    9% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    17% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    25% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    33% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    40% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    46% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    53% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    59% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    67% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    73% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    78% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    85% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    90% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    95% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.15);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_4 {
    animation: tl_4 27s 0.3s infinite;
  }
  @keyframes tl_4 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    6% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    14% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    21% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    29% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    36% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    42% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    49% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    55% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    63% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    69% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    74% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    81% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    87% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    92% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.25);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_5 {
    animation: tl_5 23s 0.5s infinite;
  }
  @keyframes tl_5 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    5% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    13% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    20% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    28% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    35% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    41% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    48% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    54% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    62% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    68% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    73% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    80% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    86% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    91% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_6 {
    animation: tl_6 26s 0.34s infinite;
  }
  @keyframes tl_6 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    7% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.25);
    }
    15% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    22% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    30% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    37% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    43% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    50% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    56% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    64% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    70% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    75% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    82% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    88% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    93% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_7 {
    animation: tl_7 22s 0.6s infinite;
  }
  @keyframes tl_7 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    6% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    14% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    21% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    29% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    36% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    42% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    49% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    55% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    63% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    69% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    74% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    81% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    87% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    92% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_8 {
    animation: tl_8 20s 0.2s infinite;
  }
  @keyframes tl_8 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    8% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.18);
    }
    16% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    24% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    32% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    39% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    45% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    52% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    58% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    66% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    72% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    77% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    84% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    89% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    94% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.25);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_9 {
    animation: tl_9 23s 0.55s infinite;
  }
  @keyframes tl_9 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    7% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    15% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    22% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    30% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    37% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    43% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    50% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    56% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    64% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    70% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    75% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    82% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    88% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    93% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.18);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_10 {
    animation: tl_10 20s 0.8s infinite;
  }
  @keyframes tl_10 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    6% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.22);
    }
    14% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    21% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    29% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    36% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    42% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    49% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    55% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    63% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    69% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    74% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    81% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    87% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    92% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.25);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }
  .media-copy__decoration .timeline_11 {
    animation: tl_11 25s 0.6s infinite;
  }
  @keyframes tl_11 {
    0% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    8% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    16% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    24% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    32% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    39% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.7);
    }
    45% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.2);
    }
    52% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    58% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.5);
    }
    66% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    72% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.6);
    }
    77% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.4);
    }
    84% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.1);
    }
    89% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
    94% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0.3);
    }
    100% {
      background-color: hsl(from var(--palette-secondary-70) h s l/0);
    }
  }

  .media-copy {
    overflow-x: clip;
  }
  .media-copy__wrapper {
    row-gap: var(--spacer-6);
    position: relative;
  }
  @media screen and (min-width: 769px) {
    .media-copy__wrapper {
      -moz-column-gap: var(--grid-standard-gutter);
           column-gap: var(--grid-standard-gutter);
    }
  }
  .media-copy .media__main {
    padding: 0;
  }
  .media-copy .media__main .media__content .media__disclaimer {
    left: auto;
  }
  .media-copy__media {
    position: relative;
    z-index: 5;
  }
  .media-copy__decoration {
    position: absolute;
    inset: 0;
    z-index: 10;
  }
  @media screen and (min-width: 769px) {
    .media-copy__wrapper--alignmentCopy-left .media-copy__media--small-single {
      grid-column: 1/3;
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__wrapper--alignmentCopy-left .media-copy__media--small-single {
      grid-column: 1/8;
    }
  }
  @media screen and (min-width: 769px) {
    .media-copy__wrapper--alignmentCopy-right .media-copy__media--small-single {
      grid-column: 3/5;
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__wrapper--alignmentCopy-right .media-copy__media--small-single {
      grid-column: 6/13;
    }
  }
  .media-copy__media--small-single .media-copy__media-disclaimer-below {
    margin-top: var(--spacer-4);
  }
  .media-copy__media--small-single .media__media .dynamic-video--moving-image {
    aspect-ratio: 1/1 !important;
  }
  @media screen and (min-width: 769px) {
    .media-copy__media--small-double1 {
      grid-column: 1/3;
      margin-top: calc(2 * var(--spacing-xxl));
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__media--small-double1 {
      grid-column: 1/7;
    }
  }
  .media-copy__wrapper--alignmentCopy-right .media-copy__media--small-double1 {
    margin-top: 0;
  }
  .media-copy__media--small-double1 .media__media .dynamic-video--moving-image {
    aspect-ratio: 3/4 !important;
  }
  @media screen and (min-width: 769px) {
    .media-copy__media--small-double2 {
      grid-column: 3/5;
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__media--small-double2 {
      grid-column: 7/13;
    }
  }
  .media-copy__wrapper--alignmentCopy-right .media-copy__media--small-double2 {
    margin-top: calc(2 * var(--spacing-xxl));
  }
  .media-copy__media--small-double2 .media__media .dynamic-video--moving-image {
    aspect-ratio: 3/4 !important;
  }
  .media-copy__content {
    position: relative;
    z-index: 15;
  }
  @media screen and (min-width: 769px) {
    .media-copy__content--oneMediaSmall {
      place-content: center;
    }
  }
  @media screen and (min-width: 769px) {
    .media-copy__wrapper--alignmentCopy-left .media-copy__content--oneMediaSmall {
      grid-column: 3/5;
      padding-block: calc(2 * var(--spacing-l));
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__wrapper--alignmentCopy-left .media-copy__content--oneMediaSmall {
      grid-column: 9/13;
      margin-left: calc(var(--grid-standard-gutter) * -1);
    }
  }
  @media screen and (min-width: 769px) {
    .media-copy__wrapper--alignmentCopy-right .media-copy__content--oneMediaSmall {
      grid-row: 1;
      grid-column: 1/3;
      padding-block: calc(2 * var(--spacing-l));
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__wrapper--alignmentCopy-right .media-copy__content--oneMediaSmall {
      grid-row: 1;
      grid-column: 1/6;
      padding-right: calc(var(--grid-standard-gutter) * 2);
    }
  }
  @media screen and (min-width: 769px) {
    .media-copy__content--twoMediaSmall {
      grid-column: 3/5;
      margin-top: calc(var(--spacer-7) + -2 * var(--spacing-xxl));
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__content--twoMediaSmall {
      grid-column: 7/13;
    }
  }
  @media screen and (min-width: 769px) {
    .media-copy__wrapper--alignmentCopy-right .media-copy__content--twoMediaSmall {
      grid-column: 1/3;
      margin-top: calc(var(--spacer-7) + -2 * var(--spacing-xxl));
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__wrapper--alignmentCopy-right .media-copy__content--twoMediaSmall {
      grid-column: 1/7;
    }
  }
  .media-copy__content--oneMediaBig {
    display: grid;
    grid-template-columns: subgrid;
  }
  .media-copy__content--oneMediaBig .media-copy__copy {
    grid-column: 1/span 4;
  }
  @media screen and (min-width: 769px) {
    .media-copy__content--oneMediaBig .media-copy__copy {
      grid-column: 1/span 2;
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__content--oneMediaBig .media-copy__copy {
      grid-column: 1/span 6;
    }
  }
  .media-copy__content--oneMediaBig .media-copy__disclaimers-below {
    grid-column: 1/span 4;
  }
  @media screen and (min-width: 769px) {
    .media-copy__content--oneMediaBig .media-copy__disclaimers-below {
      grid-column: 1/span 4;
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__content--oneMediaBig .media-copy__disclaimers-below {
      grid-column: 1/span 12;
    }
  }
  .media-copy__content sup,
  .media-copy__content .disclaimer-indicator {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: super;
    font-size: 0.6em;
    line-height: 0.6em;
  }
  .media-copy__headline strong, .media-copy__subline strong, .media-copy__text strong {
    font-weight: var(--typo-headline-bold-weight);
  }
  .media-copy__headline em, .media-copy__subline em, .media-copy__text em {
    color: var(--colors-text-primary-highlight);
  }
  .media-copy__headline span:not(.disclaimer-indicator):first-of-type, .media-copy__subline span:not(.disclaimer-indicator):first-of-type {
    display: block;
  }
  .media-copy__subline {
    margin-top: var(--spacer-3);
  }
  .media-copy__text {
    margin-top: var(--spacer-5);
    margin-bottom: var(--spacer-6);
  }
  .media-copy__text--disclaimer {
    position: relative;
  }
  .media-copy__buttons {
    display: flex;
    align-items: baseline;
    gap: var(--spacer-6);
  }
  .media-copy__media-disclaimer-below:not(:has(*)) {
    display: none;
  }
  .media-copy__disclaimers-below:not(:has(*)) {
    display: none;
  }
  .media-copy__disclaimers-below:has(*) {
    margin-top: var(--spacing-s);
  }
  .media-copy .media__wrapper,
  .media-copy .media__wrapper > .media__main,
  .media-copy .media__wrapper > .media__main > .media__container,
  .media-copy .media__wrapper > .media__main > .media__container > div,
  .media-copy .media__wrapper > .media__main > .media__container > div > .dynamic-video {
    height: 100%;
  }

  .media-copy__content--oneMediaBig {
    grid-column: 1/span 4;
    display: grid;
    grid-template-columns: subgrid;
  }
  @media screen and (min-width: 1025px) {
    .media-copy__content--oneMediaBig {
      grid-column: 1/span 12;
    }
  }
  .media-copy__content--oneMediaBig .media-copy__copy {
    grid-column: 1/span 4;
  }
  @media screen and (min-width: 769px) {
    .media-copy__content--oneMediaBig .media-copy__copy {
      grid-column: 3/span 2;
    }
  }
  @media screen and (min-width: 1025px) {
    .media-copy__content--oneMediaBig .media-copy__copy {
      grid-column: 7/span 6;
    }
  }
  .media-copy__media--small-single .media__media .dynamic-video--moving-image {
    aspect-ratio: 3/4 !important;
  }
  .media-copy__wrapper--alignmentCopy-left .media-copy__media--small-double2 .media__decoration {
    display: none;
  }
  .media-copy__wrapper--alignmentCopy-left .media__main .media__decoration-top {
    right: auto;
    left: calc(-1 * var(--padding-inline));
    transform: skew(-45deg);
  }
  .media-copy__wrapper--alignmentCopy-left .media__main .media__decoration-background {
    right: auto;
    left: 0;
    clip-path: polygon(100% 0, 0 100%, 0 0);
  }
  .media-copy__wrapper--alignmentCopy-right .media-copy__media--small-double1 .media__decoration {
    display: none;
  }
  /* === theme-n.b2c3b8666ec7e21a57baacf2017803a7.css === */
  /* Breakpoints */
  .section-headline__wrapper-headline {
    padding: 0 var(--grid-standard-margin);
  }

  .section-headline__wrapper-headline {
    overflow: hidden;
    display: grid;
    width: 100%;
    row-gap: 0;
  }
  .section-headline__wrapper-headline .headline {
    grid-column: span 4;
  }
  @media screen and (min-width: 769px) {
    .section-headline__wrapper-headline {
      grid-template-columns: repeat(12, 1fr);
      -moz-column-gap: var(--grid-standard-gutter);
           column-gap: var(--grid-standard-gutter);
    }
  }
  .section-headline--align-left {
    text-align: left;
  }
  @media screen and (min-width: 769px) {
    .section-headline--align-left .headline {
      grid-column: span 8;
    }
  }
  .section-headline--align-center {
    text-align: center;
  }
  @media screen and (min-width: 769px) {
    .section-headline--align-center .headline {
      grid-column: 3/11;
    }
  }
  .section-headline .headline {
    display: grid;
  }
  .section-headline .line {
    display: block;
  }
  .section-headline .subheadline {
    display: block;
    margin-top: var(--spacer-3);
    opacity: 0;
  }
  @media screen and (min-width: 769px) {
    .section-headline .subheadline {
      margin-top: var(--spacer-4);
    }
  }
  .section-headline .headline em {
    color: var(--colors-text-primary-highlight);
  }
  .section-headline .subheadline em {
    color: var(--colors-text-primary-highlight);
    font-weight: var(--typo-headline-regular-weight);
  }

  .section-headline .subheadline em {
    color: var(--colors-text-secondary-highlight);
    font-weight: var(--typo-headline-regular-weight);
  }
  /* === theme-n.cd446f1481685968a0e2cb507f35cc4e.css === */
  /* Breakpoints */
  .textual-intro__base {
    height: auto;
    width: auto;
  }
  .textual-intro__wrapper-headline {
    display: grid;
    grid-template-rows: 1fr;
    gap: var(--spacer-4) var(--grid-standard-gutter);
  }
  @media screen and (min-width: 769px) {
    .textual-intro__wrapper-headline {
      row-gap: var(--spacer-12);
    }
  }
  .textual-intro__headline {
    color: var(--colors-text-headline);
    grid-column: 1/span 4;
    padding-top: var(--spacer-3);
  }
  @media screen and (min-width: 769px) {
    .textual-intro__headline {
      grid-column: 1/span 1;
    }
  }
  @media screen and (min-width: 1025px) {
    .textual-intro__headline {
      grid-column: 1/span 3;
    }
  }
  @media screen and (min-width: 1441px) {
    .textual-intro__headline {
      grid-column: 1/span 3;
    }
  }
  @media screen and (min-width: 769px) {
    .textual-intro__headline + .textual-intro__copy-headline {
      grid-column: 2/-1;
    }
  }
  @media screen and (min-width: 1025px) {
    .textual-intro__headline + .textual-intro__copy-headline {
      grid-column: 4/-1;
    }
  }
  @media screen and (min-width: 1441px) {
    .textual-intro__headline + .textual-intro__copy-headline {
      grid-column: 5/-1;
    }
  }
  .textual-intro__copy-headline {
    font-weight: var(--typo-copy-regular-weight);
    line-height: 1.2;
    grid-column: span 6;
  }
  @media screen and (min-width: 769px) {
    .textual-intro__copy-headline {
      grid-column: span 10;
    }
  }
  @media screen and (min-width: 1025px) {
    .textual-intro__copy-headline {
      grid-column: span 10;
    }
  }
  @media screen and (min-width: 1441px) {
    .textual-intro__copy-headline {
      grid-column: span 8;
    }
  }
  .textual-intro__copy-headline .text,
  .textual-intro__copy-headline .text * {
    font-weight: var(--typo-copy-regular-weight);
    line-height: 1.2;
  }
  .textual-intro__copy-headline .text sup {
    line-height: 0.7;
  }

  .textual-intro__copy-headline .text,
  .textual-intro__copy-headline .text * {
    font-weight: var(--typo-copy-bold-weight);
  }
  /* === theme-n.eacba57e723cff240e6989228df12b8e.css === */
  /* Breakpoints */
  .dynamic-video {
    position: relative;
    width: 100%;
  }
  @media (width < 769px) {
    .dynamic-video {
      aspect-ratio: 3/4 !important;
    }
  }
  .dynamic-video__posterimage {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .dynamic-video__videoplayer {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .dynamic-video__videoplayer video[poster] {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .dynamic-video__videoplayer .s7videoplayer {
    background: unset;
  }
  .dynamic-video--loading .dynamic-video__videoplayer {
    z-index: -1;
  }
  .dynamic-video--loaded {
    cursor: pointer;
  }
  .dynamic-video--loaded .dynamic-video__posterimage {
    z-index: -2;
  }
  .dynamic-video .s7videoviewer .s7controlbar {
    background-image: none;
    opacity: 0 !important;
  }
  .dynamic-video .s7videoviewer .s7controlbar--playing {
    opacity: 1 !important;
  }
  .dynamic-video .s7videoviewer .s7videoplayer .s7iconeffect[state=play] {
    width: 100px;
    height: 100px;
    background-position: initial;
    background-size: initial;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M16 1.667c7.916 0 14.334 6.417 14.334 14.333S23.916 30.334 16 30.334 1.667 23.916 1.667 16 8.084 1.667 16 1.667m0 2C9.189 3.667 3.667 9.189 3.667 16S9.189 28.334 16 28.334 28.334 22.811 28.334 16 22.811 3.667 16 3.667m-3.667 7.9c0-.875.948-1.42 1.703-.98h.001l7.603 4.435c.75.437.75 1.52 0 1.958l-7.603 4.434a1.134 1.134 0 0 1-1.704-.979zm2 7.359L19.348 16l-5.015-2.926z' fill='black'%3E%3C/path%3E%3C/svg%3E");
  }
  .dynamic-video .s7videoviewer .s7videoplayer .s7iconeffect[state=replay] {
    background-image: none;
  }
  .dynamic-video .s7videoviewer .s7videoplayer .s7iconeffect--hidden {
    display: none;
  }
  .dynamic-video .s7videoviewer .s7videoplayer .s7videoelement {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .dynamic-video .s7videoviewer .s7playpausebutton {
    inset: auto 60px 10px auto;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: var(--icon-size-m);
  }
  .dynamic-video .s7videoviewer .s7playpausebutton[selected=true], .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M12 1.1c6.02 0 10.9 4.88 10.9 10.9S18.02 22.9 12 22.9 1.1 18.02 1.1 12 5.98 1.1 12 1.1m0 1.8A9.1 9.1 0 0 0 2.9 12a9.1 9.1 0 0 0 9.1 9.1 9.1 9.1 0 0 0 9.1-9.1A9.1 9.1 0 0 0 12 2.9M9.1 8.674a1 1 0 0 1 1.504-.864l5.702 3.326a1 1 0 0 1 0 1.727l-5.703 3.326a1 1 0 0 1-1.503-.864zm1.8 5.258 3.314-1.933-3.314-1.934z' fill='white'%3E%3C/path%3E%3C/svg%3E") !important;
  }
  .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state=up], .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state=over], .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true][state=up], .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true][state=over], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state=up], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state=over], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true][state=up], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true][state=over] {
    background-position: center;
    background-color: var(--palette-opacity-black-60);
  }
  .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state=up]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state=over]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true][state=up]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true][state=over]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state=up]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state=over]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true][state=up]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true][state=over]:hover {
    background-color: var(--colors-interaction-hover);
  }
  .dynamic-video .s7videoviewer .s7playpausebutton[selected=false], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M12 1.1c6.02 0 10.9 4.88 10.9 10.9S18.02 22.9 12 22.9 1.1 18.02 1.1 12 5.98 1.1 12 1.1m0 1.8A9.1 9.1 0 0 0 2.9 12a9.1 9.1 0 0 0 9.1 9.1 9.1 9.1 0 0 0 9.1-9.1A9.1 9.1 0 0 0 12 2.9m-1.2 12.6H9V9h1.8zm4.201 0h-1.8V9H15z' fill='white'%3E%3C/path%3E%3C/svg%3E") !important;
  }
  .dynamic-video .s7videoviewer .s7mutablevolume {
    right: 1px !important;
  }
  .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton {
    cursor: pointer;
    width: 40px !important;
    height: 40px !important;
    inset: auto 10px 2px auto;
    border-radius: 50%;
    background-size: var(--icon-size-m);
  }
  .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true], .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M11.281 2.472c.63-.506 1.62-.07 1.62.787V20.74c0 .857-.99 1.293-1.62.787l-.12-.114-4.558-5.015H3.1a1 1 0 0 1-1-1V8.6a1 1 0 0 1 1-1h3.503l4.557-5.013zm-3.586 6.6a1 1 0 0 1-.739.327H3.9v5.2h3.056a1 1 0 0 1 .664.253l.075.074 3.405 3.745V5.328zm13.784.555-2.225 2.287 2.391 2.459-1.29 1.254L18 13.204l-2.354 2.423-1.292-1.254 2.391-2.459-2.224-2.287 1.29-1.254L18 10.623l2.189-2.25z' fill='white'%3E%3C/path%3E%3C/svg%3E");
  }
  .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true][state=up], .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true][state=over], .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false][state=up], .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false][state=over] {
    background-position: center;
    background-color: var(--palette-opacity-black-60);
  }
  .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true][state=up]:hover, .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true][state=over]:hover, .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false][state=up]:hover, .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false][state=over]:hover {
    background-color: var(--colors-interaction-hover);
  }
  .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M11.281 2.472c.63-.506 1.62-.07 1.62.787V20.74c0 .857-.99 1.293-1.62.787l-.12-.114-4.558-5.015H3.1a1 1 0 0 1-1-1V8.6a1 1 0 0 1 1-1h3.503l4.557-5.013zm7.37 2.334a8.8 8.8 0 0 1 2.428 3.222 9.6 9.6 0 0 1 .82 4.044 9.5 9.5 0 0 1-.949 4.01 8.75 8.75 0 0 1-2.532 3.132l-.714.548-1.096-1.43.715-.546.306-.25a7 7 0 0 0 1.702-2.24c.485-.998.75-2.113.768-3.252a7.8 7.8 0 0 0-.663-3.283 7 7 0 0 0-1.931-2.567l-.694-.573 1.145-1.388zM7.694 9.072a1 1 0 0 1-.739.327H3.9v5.2h3.056a1 1 0 0 1 .664.253l.075.074 3.405 3.745V5.328zm8.993-1.414a5.3 5.3 0 0 1 1.46 1.937 5.7 5.7 0 0 1 .49 2.415 5.7 5.7 0 0 1-.567 2.397c-.36.743-.88 1.39-1.523 1.882l-.715.548-1.095-1.429.714-.548a3.5 3.5 0 0 0 1-1.24l.086-.19c.189-.452.292-.945.3-1.449a3.9 3.9 0 0 0-.334-1.654 3.5 3.5 0 0 0-.962-1.28l-.694-.573 1.145-1.39z' fill='white'%3E%3C/path%3E%3C/svg%3E");
  }
  .dynamic-video .s7videoviewer .s7verticalvolume {
    opacity: 0 !important;
  }
  .dynamic-video .s7videoviewer .s7fullscreenbutton,
  .dynamic-video .s7videoviewer .s7videotime {
    display: none !important;
  }
  .dynamic-video .s7videoviewer .s7closedcaptionbutton {
    display: none;
  }
  .dynamic-video .s7videoviewer .s7videoscrubber {
    width: 100% !important;
    left: 0;
    bottom: 0;
    top: auto;
  }
  .dynamic-video .s7videoviewer .s7videoscrubber .s7knob {
    width: 0;
  }
  .dynamic-video .s7videoviewer .s7videoscrubber .s7track {
    right: 0;
    height: 4px;
  }
  .dynamic-video .s7videoviewer .s7videoscrubber .s7trackloaded,
  .dynamic-video .s7videoviewer .s7videoscrubber .s7trackplayed {
    height: 4px;
  }
  .dynamic-video.dynamic-video__play-icon--white .s7videoviewer .s7videoplayer .s7iconeffect[state=play] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M16 1.667c7.916 0 14.334 6.417 14.334 14.333S23.916 30.334 16 30.334 1.667 23.916 1.667 16 8.084 1.667 16 1.667m0 2C9.189 3.667 3.667 9.189 3.667 16S9.189 28.334 16 28.334 28.334 22.811 28.334 16 22.811 3.667 16 3.667m-3.667 7.9c0-.875.948-1.42 1.703-.98h.001l7.603 4.435c.75.437.75 1.52 0 1.958l-7.603 4.434a1.134 1.134 0 0 1-1.704-.979zm2 7.359L19.348 16l-5.015-2.926z' fill='white'%3E%3C/path%3E%3C/svg%3E");
  }
  .dynamic-video.dynamic-video--progress-bar-show .s7videoviewer .s7videoscrubber {
    visibility: visible !important;
  }
  .dynamic-video.dynamic-video--progress-bar-hide .s7videoviewer .s7videoscrubber {
    visibility: hidden !important;
  }
  .dynamic-video.dynamic-video--mute-button-show .s7videoviewer .s7mutebutton {
    visibility: visible !important;
  }
  .dynamic-video.dynamic-video--mute-button-hide .s7videoviewer .s7mutebutton {
    visibility: hidden !important;
  }
  .dynamic-video__warning {
    display: none;
  }

  .page--mode-edit .dynamic-video__warning {
    display: block;
    background: rgba(255, 255, 255, 0.3);
    z-index: 100;
    padding: 1px 5px;
    position: absolute;
  }
  .page--mode-edit .dynamic-video.dynamic-video__play-icon--white .dynamic-video__posterimage {
    border-color: white;
  }

  .video--playing {
    cursor: default;
  }

  .dynamic-video {
    background-color: black;
  }
  /* === theme-n.edea1f7c99c66c0426e3775196080a5e.css === */
  /* Breakpoints */
  .cmp-scrolling-gallery {
    /* Light / dark theme override colors */
    --colors-background-default-dark: rgba(18, 20, 22, 1);
    --colors-text-copy-dark: rgba(255, 255, 255, 1);
    position: relative;
    isolation: isolate;
  }
  .cmp-scrolling-gallery__edit-hint {
    color: red;
    font-weight: bold;
    font-size: 1.2em;
    padding: 1em 10px;
  }
  .cmp-scrolling-gallery:not(:has(.cmp-scrolling-gallery__media-parsys > .media:nth-child(3) .media__main)) .cmp-scrolling-gallery__container {
    display: none;
  }
  .cmp-scrolling-gallery:not(:has(.cmp-scrolling-gallery__media-parsys > .media .media__main)) .cmp-scrolling-gallery__background-wrapper {
    display: none;
  }
  .cmp-scrolling-gallery__container {
    --margin: var(--grid-standard-margin);
    --padding-inline: var(--margin);
    --narrow-max-width: var(--grid-narrow-content-max);
    --content-max-width: var(--grid-standard-content-max);
    --content-size: calc((var(--content-max-width) - var(--narrow-max-width)) / 2);
    max-width: var(--grid-wide-content-max);
    margin: 0 auto;
    height: 100%;
    display: grid;
    grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [content-start] minmax(0, var(--content-size)) [narrow-start] min(100% - var(--padding-inline) * 2, var(--narrow-max-width)) [narrow-end] minmax(0, var(--content-size)) [content-end] minmax(var(--padding-inline), 1fr) [full-width-end];
  }
  .cmp-scrolling-gallery__container-content {
    grid-column: content;
  }
  .cmp-scrolling-gallery__container-inner {
    --inner-column: calc((100% + var(--grid-standard-gutter)) / 4);
    display: grid;
    position: relative;
    height: calc(var(--inner-column) * 4 - var(--grid-standard-gutter));
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__container-inner {
      --inner-column: calc((100% + var(--grid-standard-gutter)) / 12);
      height: calc(var(--inner-column) * 11 - var(--grid-standard-gutter));
    }
  }
  .cmp-scrolling-gallery__media-parsys {
    position: relative;
  }
  .cmp-scrolling-gallery__media-parsys > .media {
    position: relative;
    max-width: 100%;
  }
  .cmp-scrolling-gallery__media-parsys > .media .media__main {
    padding: 0;
  }
  .cmp-scrolling-gallery__media-parsys > .media .media__disclaimer {
    left: 0;
  }
  .cmp-scrolling-gallery__media-parsys > .media .disclaimer-indicator {
    padding: 0;
    bottom: 0;
    left: 0;
    min-width: 20px;
    height: 20px;
    background: var(--colors-background-default-dark);
    place-content: center;
    display: inline-grid;
    align-items: center;
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-copy-xs-size);
    color: var(--colors-text-copy-dark);
    letter-spacing: normal;
    text-transform: none;
    font-optical-sizing: auto;
    line-height: 1;
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__media-parsys > .media .disclaimer-indicator {
      min-width: 26px;
      min-height: 26px;
    }
  }
  .cmp-scrolling-gallery__media-parsys > .media:nth-child(1) {
    width: calc(var(--inner-column) * 3 - var(--grid-standard-gutter));
    top: var(--spacing-s);
    z-index: 1;
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__media-parsys > .media:nth-child(1) {
      width: calc(var(--inner-column) * 4 - var(--grid-standard-gutter));
      top: calc(var(--inner-column) * 0.5);
      left: calc(var(--inner-column) * 1);
    }
  }
  .cmp-scrolling-gallery__media-parsys > .media:nth-child(2) {
    width: calc(100% - 2 * var(--grid-standard-gutter));
    left: calc(2 * var(--grid-standard-gutter));
    top: var(--spacing-s);
    z-index: 1;
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__media-parsys > .media:nth-child(2) {
      width: calc(var(--inner-column) * 5 - var(--grid-standard-gutter));
      left: calc(var(--inner-column) * 6);
      top: calc(var(--inner-column) * -1);
    }
  }
  .cmp-scrolling-gallery__media-parsys > .media:nth-child(3) {
    width: calc(var(--inner-column) * 3 - var(--grid-standard-gutter));
    top: calc(2 * var(--spacing-s));
    z-index: 1;
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__media-parsys > .media:nth-child(3) {
      width: calc(var(--inner-column) * 3 - var(--grid-standard-gutter));
      left: calc(var(--inner-column) * 4);
      top: 0;
    }
  }
  .cmp-scrolling-gallery__media-parsys > .media:nth-child(4) {
    width: calc(var(--inner-column) * 3 - var(--grid-standard-gutter));
    left: calc(var(--inner-column) * 1);
    top: calc(2 * var(--spacing-s));
    z-index: 1;
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__media-parsys > .media:nth-child(4) {
      width: calc(var(--inner-column) * 4 - var(--grid-standard-gutter));
      left: calc(var(--inner-column) * 7);
      top: calc(var(--inner-column) * 0.5);
    }
  }
  .cmp-scrolling-gallery__media-parsys > .media:nth-child(5) {
    width: calc(var(--inner-column) * 3 - var(--grid-standard-gutter));
    top: calc(2 * var(--spacing-s));
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__media-parsys > .media:nth-child(5) {
      width: calc(var(--inner-column) * 3 - var(--grid-standard-gutter));
      left: calc(var(--inner-column) * 1);
      top: calc(var(--inner-column) * -0.5);
    }
  }
  .cmp-scrolling-gallery__media-parsys > .media:nth-child(6) {
    width: calc(100% - 2 * var(--grid-standard-gutter));
    left: calc(2 * var(--grid-standard-gutter));
    top: 0;
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__media-parsys > .media:nth-child(6) {
      width: calc(var(--inner-column) * 5 - var(--grid-standard-gutter));
      left: calc(var(--inner-column) * 3);
      top: calc(var(--inner-column) * -1);
      z-index: 1;
    }
  }
  .cmp-scrolling-gallery__media-parsys > .media.js-animated-on-scroll {
    translate: none;
    rotate: none;
    scale: none;
    will-change: transform;
  }
  .cmp-scrolling-gallery__background-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    pointer-events: none;
    z-index: -1;
  }
  .cmp-scrolling-gallery__background {
    background-color: var(--colors-brand-secondary);
    width: calc(100% - 2 * var(--grid-standard-gutter));
    top: var(--spacing-m);
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__background {
      position: sticky;
      top: 0;
      width: calc(var(--inner-column) * 8 - var(--grid-standard-gutter));
      height: 100dvh;
    }
  }
  .cmp-scrolling-gallery__disclaimers-container {
    position: relative;
    width: 100%;
    height: auto;
    display: grid;
    gap: var(--spacer-3);
    padding-block: var(--spacing-m) var(--spacing-xs);
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__disclaimers-container {
      width: calc(var(--border-width) * 5 - var(--grid-standard-gutter));
      margin-left: calc(var(--inner-column) * 7);
    }
  }
  .cmp-scrolling-gallery__disclaimers-container:not(:has(.media .disclaimers-below__disclaimer)) {
    display: none;
  }
  .cmp-scrolling-gallery__disclaimers-container .media__disclaimers-below {
    padding: 0;
  }
  .cmp-scrolling-gallery__disclaimers-container .disclaimers-below__disclaimer {
    margin: 0;
    font-family: var(--typo-copy-font);
    font-weight: var(--typo-copy-regular-weight);
    font-size: var(--typo-copy-xs-size);
    color: var(--colors-text-copy);
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: none;
    font-optical-sizing: auto;
  }
  .cmp-scrolling-gallery__disclaimers-container .disclaimers-below__disclaimer sup {
    vertical-align: super;
    font-size: smaller;
  }

  @media (prefers-reduced-motion: reduce) {
    .cmp-scrolling-gallery__media-parsys > .media.js-animated-on-scroll {
      will-change: auto !important;
      transform: translate(0, 0) !important;
    }
  }
  .cmp-scrolling-gallery__background-wrapper {
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
  }
  .cmp-scrolling-gallery__background {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: inherit;
  }
  .cmp-scrolling-gallery__background-graphic {
    --dash-height: 310px;
    position: sticky;
    height: var(--dash-height) !important;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 5;
  }
  @media (min-width: 769px) {
    .cmp-scrolling-gallery__background-graphic {
      --dash-height: 490px;
      top: 50%;
      transform: translateY(-75%);
    }
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__background-graphic {
      --dash-height: 460px;
      top: 50%;
      transform: translateY(-75%);
    }
  }
  @media (min-width: 1441px) {
    .cmp-scrolling-gallery__background-graphic {
      --dash-height: 560px;
      top: 0;
      transform: none;
    }
  }
  .cmp-scrolling-gallery__background-dash-container {
    position: absolute;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
  }
  .cmp-scrolling-gallery__background-dash {
    --dash-height: 310px;
    --dash-width: 20px;
    position: absolute;
    width: var(--dash-width);
    height: var(--dash-height);
    background: var(--colors-brand-primary);
    transform: skew(-45deg);
    left: 50%;
    top: calc(2 * var(--padding-inline));
  }
  @media (min-width: 769px) {
    .cmp-scrolling-gallery__background-dash {
      --dash-height: 490px;
    }
  }
  @media (min-width: 1025px) {
    .cmp-scrolling-gallery__background-dash {
      --dash-height: 460px;
      top: calc(1 * var(--padding-inline));
    }
  }
  @media (min-width: 1441px) {
    .cmp-scrolling-gallery__background-dash {
      --dash-height: 560px;
    }
  }
  /* === theme-n.f0fb92a62ee49bf06f1bf253ed97f375.css === */
  /* Breakpoints */
  .pip25-tab-navigation {
    width: 100%;
    background-color: var(--colors-background-default);
    border-top: 1px solid var(--palette-sand-sand);
    box-shadow: 0 0 4px 0 var(--palette-opacity-elevation-11), 0 0 23px 0 var(--palette-opacity-elevation-14);
    color: var(--colors-text-copy);
    position: absolute;
    z-index: 9998;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation {
      position: relative;
    }
  }
  .pip25-tab-navigation--edit {
    margin-top: 65px;
  }
  .pip25-tab-navigation__fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
  }
  .pip25-tab-navigation__fadeout {
    animation: fade-out 0.5s ease-in forwards;
  }
  @keyframes fade-out {
    0% {
      opacity: 1;
      visibility: visible;
    }
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
  .pip25-tab-navigation__wrapper {
    display: flex;
    gap: var(--spacer-6);
    max-width: 1387px;
    margin: auto;
    padding: 1.25rem 8% 1.25rem 7.2%;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__wrapper {
      padding: 1.25rem 100px 1.25rem 7.2%;
    }
  }
  @media (min-width: 1441px) {
    .pip25-tab-navigation__wrapper {
      padding: 1.25rem 100px;
    }
  }
  .pip25-tab-navigation__info {
    flex-grow: 1;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__info {
      display: flex;
      gap: var(--spacer-6);
    }
  }
  .pip25-tab-navigation__more-info {
    display: flex;
    align-items: start;
    gap: var(--spacer-7);
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__more-info {
      align-items: center;
    }
  }
  .pip25-tab-navigation__model-info {
    color: var(--colors-text-headline);
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__model-info {
      display: flex;
      flex-direction: column;
    }
  }
  .pip25-tab-navigation__single-model {
    display: inline-block;
  }
  .pip25-tab-navigation__single-model:empty {
    display: none;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__single-model {
      display: none;
    }
  }
  .pip25-tab-navigation__motorisation {
    display: none;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__motorisation {
      display: block;
      white-space: nowrap;
    }
  }
  .pip25-tab-navigation__small-menu {
    cursor: pointer;
    margin-top: var(--spacing-xxs);
  }
  .pip25-tab-navigation__small-menu:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__small-menu {
      display: none;
    }
  }
  .pip25-tab-navigation__small-menu-icon {
    display: inline-block;
    vertical-align: middle;
    width: var(--icon-size-s);
    height: var(--icon-size-s);
    margin-left: var(--spacer-3);
  }
  .pip25-tab-navigation__small-menu-icon--hidden {
    display: none;
  }
  .pip25-tab-navigation__small-menu-icon-color {
    fill: var(--colors-interaction-interactive);
  }
  .pip25-tab-navigation__small-menu-icon-color:hover {
    fill: var(--colors-text-copy);
  }
  .pip25-tab-navigation__menu {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    padding-block: 0;
    transition: max-height 0.3s ease, padding-block 0.3s ease, opacity 0.3s ease, visibility 0.3s;
    will-change: max-height, opacity;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__menu {
      max-height: none;
      visibility: visible;
      opacity: 1;
      padding-block: var(--spacer-4);
      transition: none;
    }
  }
  .pip25-tab-navigation__menu--visible {
    max-height: 1000px;
    visibility: visible;
    opacity: 1;
    padding-block: var(--spacer-4);
  }
  .pip25-tab-navigation__list {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--spacer-5);
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__list {
      flex-direction: row;
      padding-block: initial;
      align-self: center;
    }
  }
  .pip25-tab-navigation__item {
    padding-inline: var(--spacer-4);
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__item {
      padding-inline: initial;
      white-space: nowrap;
    }
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__item--hidden {
      display: none;
    }
  }
  .pip25-tab-navigation__item--is-active {
    border-left: 2px solid var(--colors-grey-6);
    font-weight: var(--typo-headline-bold-weight) !important;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__item--is-active {
      border-left: none;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
    }
  }
  .pip25-tab-navigation__item:hover {
    text-underline-offset: 3px;
  }
  .pip25-tab-navigation__show-more {
    display: none;
    position: relative;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__show-more--visible {
      display: flex;
      white-space: nowrap;
      align-items: center;
      cursor: pointer;
      margin-left: -8px;
    }
  }
  .pip25-tab-navigation__show-more-list {
    position: absolute;
    top: 72px;
    left: -20px;
    z-index: 99999;
    background: var(--colors-background-default);
    box-shadow: 0 0 4px 0 var(--palette-opacity-elevation-11), 0 0 23px 0 var(--palette-opacity-elevation-14);
    padding: var(--spacer-5);
    min-width: 150px;
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacer-5);
  }
  .pip25-tab-navigation__show-more-list--hidden {
    display: none;
  }
  .pip25-tab-navigation__show-more-icon {
    display: inline-block;
    vertical-align: middle;
    width: var(--icon-size-m);
    height: var(--icon-size-m);
    margin-left: var(--spacer-3);
  }
  .pip25-tab-navigation__show-more-icon--hidden {
    display: none;
  }
  .pip25-tab-navigation__price {
    display: flex;
    align-items: center;
    gap: var(--spacer-3);
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__price {
      white-space: nowrap;
    }
  }
  .pip25-tab-navigation__price-wrapper {
    text-align: right;
  }
  .pip25-tab-navigation__price-wrapper .text__disclaimer-number {
    vertical-align: super;
    font-size: 10px;
  }
  .pip25-tab-navigation__tooltip-wrapper {
    display: flex;
  }
  .pip25-tab-navigation__cta {
    white-space: nowrap;
  }
  .pip25-tab-navigation__cta--hidden {
    display: none;
  }
  @media (min-width: 1025px) {
    .pip25-tab-navigation__cta--hidden {
      display: flex;
    }
  }

  .r-page:has(.r-header .cms-container) .r-header {
    z-index: 9999;
  }
  .r-page:has(.r-header .cms-container) .r-main {
    margin-top: 3.5625rem;
  }
  @media screen and (min-width: 961px) {
    .r-page:has(.r-header .cms-container) .r-main {
      margin-top: 4.5rem;
    }
  }

  .r-header-fix {
    padding: 20px 0;
  }
  @media (min-width: 321px) {
    .r-header-fix {
      padding: 12px 0;
    }
  }
  @media (min-width: 769px) {
    .r-header-fix {
      padding: 15px 0;
    }
  }
  @media (min-width: 1025px) {
    .r-header-fix {
      padding: 3px 0;
    }
  }
  @media (min-width: 1441px) {
    .r-header-fix {
      padding: 5px 0;
    }
  }

  [data-css=c-header] {
    height: 3.8125rem;
    transition: none;
  }
  @media (min-width: 1025px) {
    [data-css=c-header] {
      height: 4.5625rem;
    }
  }

  .pip25-tab-navigation {
    border-color: transparent;
    background-color: hsl(from var(--colors-background-default) h s l/0.6);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .pip25-tab-navigation__item a:hover {
    color: var(--colors-grey-6);
  }
  /* === tooltip.b075554144a10e395d3d1bf63cabab36.css === */
  /* Breakpoints */
  .tooltip__content::before {
    display: block;
    content: "";
    position: absolute;
    width: 0.625rem;
    height: 0.625rem;
    transform: rotate(45deg);
    background-color: var(--colors-background-default);
    left: calc(attr(data-trigger-left px) - 0.3125rem);
    top: -0.3125rem;
    bottom: auto;
  }
  .tooltip-top.tooltip__content::before {
    top: auto;
    bottom: -0.3125rem;
  }

  .tooltip__content .close-button .icon, .tooltip__trigger .icon {
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    background-color: transparent;
    color: var(--colors-interaction-interactive);
  }
  .tooltip__content .close-button .icon-content, .tooltip__trigger .icon-content {
    font-size: var(--icon-size-m);
    line-height: var(--icon-size-m);
    min-width: var(--icon-size-m);
    width: var(--icon-size-m);
    height: var(--icon-size-m);
    left: -0.0312rem;
    position: relative;
  }
  .tooltip__content .close-button:hover, .tooltip__trigger:hover {
    cursor: pointer;
  }
  .tooltip__content .close-button:hover .icon, .tooltip__trigger:hover .icon {
    color: var(--colors-interaction-hover-fg);
    background-color: var(--colors-interaction-hover);
    box-shadow: 0 0 0 2px var(--colors-interaction-hover);
  }

  .tooltip__trigger {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 0;
    background: transparent;
    display: inline-block;
    padding: 0;
    outline: none;
    font-size: inherit;
    max-height: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem;
    width: 2.5rem;
    top: 0;
  }
  .tooltip__content {
    display: none;
    grid-template-columns: 1fr max-content;
    box-shadow: 6px 6px 14px 0 var(--palette-opacity-elevation-20);
    background-color: var(--colors-background-default);
    border-radius: var(--border-radius-s);
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s, top 0.3s;
    margin: 0 1.25rem;
    z-index: 10000;
  }
  @media screen and (min-width: 769px) {
    .tooltip__content {
      margin: 0;
    }
  }
  .tooltip__content:hover, .tooltip__content:active {
    z-index: 10100;
  }
  .tooltip__content.show {
    opacity: 1;
    display: grid;
  }
  .tooltip__content-text {
    margin: var(--spacer-4) 0 var(--spacer-4) var(--spacer-5);
    padding-right: var(--spacer-5);
    overflow: hidden auto;
    max-width: 90vw;
    max-height: 90vh;
  }
  @media screen and (min-width: 769px) {
    .tooltip__content-text {
      max-width: 30vw;
      max-height: 30vh;
    }
  }
  .tooltip__content .close-button {
    align-self: start;
    margin-top: var(--spacer-2);
    margin-right: var(--spacer-2);
    padding: 0;
    border: 0;
    background: transparent;
  }
  @media screen and (min-width: 769px) {
    .tooltip__content::before {
      left: calc(50% - 0.2562rem);
    }
  }
  /* === anchor-navigation.e0f1ab5a7ea947c7e5bb09aef5d134f1.css === */
  /* Breakpoints */
  .anchor-navigation__wrapper {
    padding: 0 var(--grid-standard-margin);
  }

  .anchor-navigation__list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-standard-gutter);
    justify-content: flex-start;
  }
  .anchor-navigation__item {
    color: var(--colors-interaction-interactive);
    padding-inline: var(--spacer-3);
  }
  .anchor-navigation__item:hover, .anchor-navigation__item:active {
    color: var(--colors-interaction-hover);
  }
  .anchor-navigation__icon {
    flex: 0 0 var(--icon-size-m);
    height: var(--icon-size-m);
    width: var(--icon-size-m);
  }
  .anchor-navigation__link {
    color: inherit;
    display: flex;
    font-family: inherit;
    gap: var(--spacer-2);
  }
  .anchor-navigation__link:hover, .anchor-navigation__link:active {
    font-family: inherit;
    text-decoration: none;
  }
  .anchor-navigation__link:hover span, .anchor-navigation__link:active span {
    font-family: inherit;
    text-decoration: none;
  }
  .anchor-navigation__link:hover .anchor-navigation__label, .anchor-navigation__link:active .anchor-navigation__label {
    position: relative;
  }
  .anchor-navigation__link:hover .anchor-navigation__label::after, .anchor-navigation__link:active .anchor-navigation__label::after {
    background-color: currentColor;
    bottom: 2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  /* === video-youtube.4bbe9836dd97052e571a96d02e1bb753.css === */
  .video-youtube {
    aspect-ratio: 16/9;
    position: relative;
  }
  .video-youtube__posterimage {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .video-youtube__posterimage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .video-youtube__posterimage .s7iconeffect {
    cursor: pointer;
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M16 1.667c7.916 0 14.334 6.417 14.334 14.333S23.916 30.334 16 30.334 1.667 23.916 1.667 16 8.084 1.667 16 1.667m0 2C9.189 3.667 3.667 9.189 3.667 16S9.189 28.334 16 28.334 28.334 22.811 28.334 16 22.811 3.667 16 3.667m-3.667 7.9c0-.875.948-1.42 1.703-.98h.001l7.603 4.435c.75.437.75 1.52 0 1.958l-7.603 4.434a1.134 1.134 0 0 1-1.704-.979zm2 7.359L19.348 16l-5.015-2.926z' fill='black'%3E%3C/path%3E%3C/svg%3E");
  }
  .video-youtube--play-icon-light .s7iconeffect {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M16 1.667c7.916 0 14.334 6.417 14.334 14.333S23.916 30.334 16 30.334 1.667 23.916 1.667 16 8.084 1.667 16 1.667m0 2C9.189 3.667 3.667 9.189 3.667 16S9.189 28.334 16 28.334 28.334 22.811 28.334 16 22.811 3.667 16 3.667m-3.667 7.9c0-.875.948-1.42 1.703-.98h.001l7.603 4.435c.75.437.75 1.52 0 1.958l-7.603 4.434a1.134 1.134 0 0 1-1.704-.979zm2 7.359L19.348 16l-5.015-2.926z' fill='white'%3E%3C/path%3E%3C/svg%3E");
  }
  .video-youtube__videoplayer {
    width: 100%;
    height: 100%;
  }
  .video-youtube__videoplayer iframe {
    width: 100%;
    height: 100%;
  }
  .video-youtube.video--playing .video-youtube__posterimage {
    display: none;
  }
  .video-youtube__error-msg {
    color: red;
    font-weight: bold;
  }

  .page--mode-edit .video-youtube__posterimage {
    width: 30%;
    height: 30%;
    top: 10%;
    right: 10%;
    border: 2px solid white;
    background-color: rgba(255, 255, 255, 0.5);
  }
}



/* === IONIQ 6 N Tab Navigation === */
#post-13165 .tab-selector-wrapper {
  background-color: rgba(18, 20, 22, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: none;
  margin-bottom: 75px;
}

#post-13165 .tab-selector-wrapper + section {
  background-color: #000;
}

#post-13165,
#post-13165 .content-wrapper,
.vehicle-wrapper .content-wrapper {
  background-color: #000;
}

#post-13165 .tab-selector-container {
  color: #fff;
  max-width: 1400px;
  margin: 0 auto;
  padding: 1rem 2rem;
  align-items: center;
}

#post-13165 .selector-element {
  color: rgba(255, 255, 255, 0.7);
}

#post-13165 .selector-element.border-hyundai-blue,
#post-13165 .selector-element.text-hyundai-blue,
#post-13165 .selector-element[class*="border-b-"] {
  color: #fff !important;
  border-bottom: none !important;
}

#post-13165 .selector-element.border-hyundai-blue a,
#post-13165 .selector-element.text-hyundai-blue a,
#post-13165 .selector-element[class*="border-b-"] a {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}


#post-13165 .tab-selector-wrapper::before,
#post-13165 .tab-selector-wrapper::after {
  display: none;
  content: none;
}



/* Force stage animations to show (override scroll trigger) */
#content .eclick-vehicle-ioniq6n .generic-stage__topline,
#content .eclick-vehicle-ioniq6n .generic-stage__headline {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
  opacity: 1 !important;
}


/* Reset site hero styles for IONIQ 6 N */
.vehicle-wrapper > #hero.hero {
  height: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.vehicle-wrapper > #hero.hero > .eclick-vehicle-ioniq6n {
  width: 100% !important;
  max-width: none !important;
  margin-top: 83px;
}

/* Reset site .container max-width constraints */
.eclick-vehicle-ioniq6n .container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* <em> tags in headings: light blue color, NOT italic */
#content .eclick-vehicle-ioniq6n h1 em,
#content .eclick-vehicle-ioniq6n h2 em,
#content .eclick-vehicle-ioniq6n h3 em,
#content .eclick-vehicle-ioniq6n .h1 em,
#content .eclick-vehicle-ioniq6n .h2 em,
#content .eclick-vehicle-ioniq6n .h3 em {
  font-style: normal !important;
}

/* <sup> superscript reset */
#content .eclick-vehicle-ioniq6n sup {
  font-size: 0.6em !important;
  vertical-align: super !important;
  line-height: 0 !important;
  position: relative !important;
  top: -0.2em !important;
}

/* ========================================
   Table Styles
   ======================================== */
.eclick-vehicle-ioniq6n .table th {
  font-family: var(--typo-headline-font);
  font-weight: var(--typo-headline-bold-weight);
  font-size: var(--typo-copy-m-size);
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: none;
  font-optical-sizing: auto;
}

.eclick-vehicle-ioniq6n .table__wrapper {
  margin: 0 var(--grid-standard-margin);
  color: var(--colors-text-copy);
  overflow-x: scroll;
}
@media screen and (min-width: 769px) {
  .eclick-vehicle-ioniq6n .table__wrapper {
    overflow-x: auto;
  }
}
.eclick-vehicle-ioniq6n .table__wrapper::-webkit-scrollbar {
  height: var(--spacer-2);
}
.eclick-vehicle-ioniq6n .table__wrapper::-webkit-scrollbar-track {
  background: var(--palette-grey-100);
}
.eclick-vehicle-ioniq6n .table__wrapper::-webkit-scrollbar-thumb {
  background: var(--palette-active-red);
}
.eclick-vehicle-ioniq6n .table__content {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.eclick-vehicle-ioniq6n .table tr {
  border-bottom: 1px solid var(--palette-grey-90);
}
.eclick-vehicle-ioniq6n .table th,
.eclick-vehicle-ioniq6n .table td {
  text-align: left;
  padding: var(--spacer-4);
  min-width: 12.5rem;
}
@media screen and (min-width: 1025px) {
  .eclick-vehicle-ioniq6n .table th,
  .eclick-vehicle-ioniq6n .table td {
    min-width: 15.875rem;
  }
}
@media screen and (min-width: 1441px) {
  .eclick-vehicle-ioniq6n .table th,
  .eclick-vehicle-ioniq6n .table td {
    min-width: 21.5625rem;
  }
}
.eclick-vehicle-ioniq6n .table th + td,
.eclick-vehicle-ioniq6n .table th + th,
.eclick-vehicle-ioniq6n .table td + td,
.eclick-vehicle-ioniq6n .table td + th {
  padding-left: calc(var(--spacer-4) + var(--grid-standard-gutter));
}
.eclick-vehicle-ioniq6n .table th {
  font-weight: var(--typo-headline-regular-weight);
}

/* ========================================
   Download List Styles
   ======================================== */
.eclick-vehicle-ioniq6n .download-list {
  background: none;
  border-color: transparent;
  box-shadow: none;
}
.eclick-vehicle-ioniq6n .download-list__wrapper {
  display: flex;
  padding: 0 var(--grid-standard-margin);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.eclick-vehicle-ioniq6n .download-list__headline {
  margin-bottom: var(--spacer-4);
  color: var(--colors-text-headline);
}
.eclick-vehicle-ioniq6n .download-list__list {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.eclick-vehicle-ioniq6n .download-list__list li:first-child {
  border-bottom: 1px solid var(--palette-grey-90);
}
.eclick-vehicle-ioniq6n .download-list__list li:last-child {
  border-top: 1px solid var(--palette-grey-90);
}
.eclick-vehicle-ioniq6n .download-list a:hover {
  text-decoration: none;
}
.eclick-vehicle-ioniq6n .download-list__item {
  display: flex;
  align-items: center;
  gap: var(--spacer-5);
  align-self: stretch;
}
.eclick-vehicle-ioniq6n .download-list__link {
  display: flex;
  padding: 0;
  align-items: center;
  gap: var(--spacer-5);
  flex: 1 0 0;
  text-decoration: none;
  transition: transform 0.2s;
  color: var(--colors-interaction-interactive);
}
.eclick-vehicle-ioniq6n .download-list__link:hover p {
  text-decoration: underline;
  text-underline-offset: 8px;
  color: var(--colors-interaction-hover);
}
.eclick-vehicle-ioniq6n .download-list__link:hover .download-list__item-icon-wrapper {
  transform: scale(1.1);
  background-color: var(--colors-interaction-hover);
}
.eclick-vehicle-ioniq6n .download-list__heading_content {
  display: flex;
  align-items: center;
  gap: var(--spacer-1);
  flex: 1 0 0;
  margin: 0;
}
@media screen and (min-width: 321px) {
  .eclick-vehicle-ioniq6n .download-list__heading_content {
    padding: var(--spacer-4) 0;
    flex-direction: column;
    align-items: start;
  }
}
@media screen and (min-width: 769px) {
  .eclick-vehicle-ioniq6n .download-list__heading_content {
    padding: var(--spacer-5) 0;
    flex-direction: row;
    align-items: center;
  }
}
.eclick-vehicle-ioniq6n .download-list__heading {
  display: flex;
  flex: 1 0 0;
  font-family: var(--typo-copy-font);
  font-size: var(--typo-interactive-m-size);
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
.eclick-vehicle-ioniq6n .download-list__item-data {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  min-width: 80px;
  flex-direction: row;
  color: var(--colors-text-copy);
}
.eclick-vehicle-ioniq6n .download-list__item-icon-wrapper {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50%;
  background-color: var(--colors-interaction-interactive);
}
.eclick-vehicle-ioniq6n .download-list__item-icon {
  width: var(--icon-size-l);
  height: var(--icon-size-l);
  flex-shrink: 0;
}
.eclick-vehicle-ioniq6n .download-list__item-icon-path {
  fill: var(--colors-brand-dark);
}