<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.glide {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.glide * {
  box-sizing: inherit;
}

.glide__track, .glide__slides {
  overflow: hidden;
}

.glide__slides {
  backface-visibility: hidden;
  width: 100%;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  white-space: nowrap;
  will-change: transform;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.glide__slides--dragging, .glide__slide {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.glide__slide {
  white-space: normal;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

.glide__slide a {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.glide__arrows, .glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.glide--rtl {
  direction: rtl;
}

.ade a {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  background: none;
  outline: none;
  text-decoration: none;
}

.ade a.is-disabled {
  pointer-events: none;
}

.ade abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}

.ade address {
  font-style: normal;
}

.ade b {
  font-weight: stronger;
}

body.ade, body .ade {
  letter-spacing: 0;
  color: #05164d;
  word-break: auto-phrase;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: LufthansaText, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.5rem;
}

@media (min-width: 768px) {
  body.ade, body .ade {
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  body.ade, body .ade {
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.5rem;
  }
}

.ade button {
  cursor: pointer;
  border: none;
  outline: none;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  overflow: visible;
}

.ade button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.ade button:-moz-focusring {
  outline: 1px dotted buttontext;
}

.ade button[type="button"] {
  -ms-appearance: button;
  appearance: button;
}

.ade button[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.ade button[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

.ade button[type="reset"] {
  -ms-appearance: button;
  appearance: button;
}

.ade button[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.ade button[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

.ade button[type="submit"] {
  -ms-appearance: button;
  appearance: button;
}

.ade button[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.ade button[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

.ade code {
  font-family: monospace;
  font-size: 1rem;
}

.ade details {
  display: block;
}

.ade fieldset {
  border: none;
  padding: .35em .75em .625em;
}

.ade hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 10px;
  line-height: 1.15;
}

.ade *, .ade :before, .ade :after {
  box-sizing: border-box;
}

.ade h1, .ade h2, .ade h3, .ade h4, .ade h5, .ade h6 {
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.5rem;
}

.ade h1:first-child, .ade h2:first-child, .ade h3:first-child, .ade h4:first-child, .ade h5:first-child, .ade h6:first-child {
  margin-top: 0;
}

.ade h1:last-child, .ade h2:last-child, .ade h3:last-child, .ade h4:last-child, .ade h5:last-child, .ade h6:last-child {
  margin-bottom: 0;
}

.ade h1:last-child:first-child, .ade h2:last-child:first-child, .ade h3:last-child:first-child, .ade h4:last-child:first-child, .ade h5:last-child:first-child, .ade h6:last-child:first-child {
  margin-top: 0;
}

.ade h1 {
  font-size: 4.8rem;
  font-weight: bold;
}

.ade h1, .ade h2 {
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 4.8rem;
}

.ade h2 {
  font-size: 4.4rem;
  font-weight: 300;
}

.ade h3, .ade h4, .ade h5, .ade h6 {
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.5rem;
}

@media (min-width: 768px) {
  .ade h1, .ade h2, .ade h3, .ade h4, .ade h5, .ade h6 {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.5rem;
  }

  .ade h1, .ade h2, .ade h3, .ade h4, .ade h5, .ade h6, .ade h1 {
    letter-spacing: 0;
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
  }

  .ade h1 {
    font-size: 5.8rem;
    font-weight: bold;
    line-height: 5.8rem;
  }

  .ade h2 {
    letter-spacing: 0;
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 4.4rem;
    font-weight: 300;
    line-height: 4.8rem;
  }

  .ade h3, .ade h4, .ade h5, .ade h6 {
    letter-spacing: 0;
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .ade h1, .ade h2, .ade h3, .ade h4, .ade h5, .ade h6 {
    letter-spacing: 0;
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.5rem;
  }

  .ade h1 {
    font-size: 12.8rem;
    line-height: 12.8rem;
  }

  .ade h1, .ade h2 {
    letter-spacing: 0;
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
  }

  .ade h2 {
    font-size: 6.4rem;
    line-height: 6.4rem;
  }

  .ade h3, .ade h4, .ade h5, .ade h6 {
    letter-spacing: 0;
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.5rem;
  }
}

.ade img {
  border-style: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.ade input {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  overflow: visible;
}

.ade input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

.ade input[type="file"]::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.ade input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.ade input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

.ade input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.ade input[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

.ade kbd {
  font-family: monospace;
  font-size: 1rem;
}

.ade legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

.ade main {
  display: block;
}

.ade ol {
  list-style-type: 0;
  padding: 0;
}

.ade optgroup {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

.ade p {
  word-break: break-word;
  -ms-hyphens: none;
  hyphens: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ade p:last-child, .ade p:last-child:first-child {
  margin: 0;
  padding: 0;
}

.ade picture, .ade picture source {
  width: 100%;
  max-width: 100%;
  display: block;
}

.ade picture source {
  height: auto;
}

.ade pre {
  font-family: monospace;
  font-size: 1em;
}

.ade progress {
  vertical-align: baseline;
}

.ade samp {
  font-family: monospace;
  font-size: 1rem;
}

.ade select {
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

.ade [hidden] {
  display: none;
}

.ade small {
  font-size: 80%;
}

.ade strong {
  font-weight: stronger;
}

.ade sub {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
  bottom: -.25em;
}

.ade summary {
  display: list-item;
}

.ade sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.ade template {
  display: none;
}

.ade textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  overflow: auto;
}

.ade ul {
  list-style-type: 0;
  padding: 0;
}

.ade video {
  border: none;
  outline: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  display: block;
}

.module {
  background: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}

.module, .module.has-no-space-on-top {
  padding-top: 0;
}

.module.has-no-space-on-bottom {
  padding-bottom: 0;
}

.module.has-no-space-on-left {
  padding-left: 0;
}

.module.has-no-space-on-right {
  padding-right: 0;
}

.module .wrapper {
  max-width: 2560px;
}

.module .wrapper, .module .wrapper .container {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module .wrapper .container {
  max-width: 100%;
  padding: 0 2rem;
  position: relative;
}

.module .wrapper .container.has-no-padding {
  padding: 0;
}

@media (min-width: 768px) {
  .module {
    padding-top: 0;
    padding-bottom: 0;
  }

  .module, .module .wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
  }

  .module .wrapper {
    max-width: 2560px;
  }

  .module .wrapper .container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 4.8rem;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

@media (min-width: 1024px) {
  .module {
    padding-top: 0;
    padding-bottom: 0;
  }

  .module, .module .wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
  }

  .module .wrapper {
    max-width: 2560px;
  }

  .module .wrapper .container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 6%;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

@font-face {
  font-family: LufthansaHead;
  src: url("./_includes/.../_fonts/LufthansaHeadWeb-Light.ttf") format("truetype");
  src: url("./_fonts/LufthansaHeadWeb-Light.eot") format("eot");
  src: url("./_fonts/LufthansaHeadWeb-Light.woff") format("woff");
  src: url("./_fonts/LufthansaHeadWeb-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: LufthansaHead;
  src: url("./_fonts/LufthansaHeadWeb-Bold.ttf") format("truetype");
  src: url("./_fonts/LufthansaHeadWeb-Bold.eot") format("eot");
  src: url("./_fonts/LufthansaHeadWeb-Bold.woff") format("woff");
  src: url("./_fonts/LufthansaHeadWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: LufthansaText;
  src: url("./_fonts/LufthansaTextWeb-Regular.ttf") format("truetype");
  src: url("./_fonts/LufthansaTextWeb-Regular.eot") format("eot");
  src: url("./_fonts/LufthansaTextWeb-Regular.woff") format("woff");
  src: url("./_fonts/LufthansaTextWeb-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: LufthansaText;
  src: url("./_fonts/LufthansaTextWeb-Bold.ttf") format("truetype");
  src: url("./_fonts/LufthansaTextWeb-Bold.eot") format("eot");
  src: url("./_fonts/LufthansaTextWeb-Bold.woff") format("woff");
  src: url("./_fonts/LufthansaTextWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: LufthansaText;
  src: url("./_fonts/LufthansaTextWeb-Light.ttf") format("truetype");
  src: url("./_fonts/LufthansaTextWeb-Light.eot") format("eot");
  src: url("./_fonts/LufthansaTextWeb-Light.woff") format("woff");
  src: url("./_fonts/LufthansaTextWeb-Light.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-display: fallback;
  font-family: lh-iconfont;
  font-style: normal;
  font-weight: 400;
  src: url("./_fonts/lh-iconfont2.woff2") format("woff2");
  src: url("./_fonts/lh-iconfont2.woff") format("woff");
}

@font-face {
  font-family: lh-iconfont-legacy;
  font-style: normal;
  font-weight: 400;
  src: url("./_fonts/lh-iconfont.ttf") format("truetype");
  src: url("./_fonts/lh-iconfont.eot");
  src: url("./_fonts/lh-iconfont.eot?#iefix") format("embedded-opentype");
  src: url("./_fonts/lh-iconfont.woff") format("woff");
  src: url("./_fonts/lh-iconfont.svg?#lh-icons") format("svg");
}

a.button {
  color: #05164d;
  border: 1px solid #05164d;
  border-radius: .4rem;
  padding: 1.4rem 2.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8rem;
  display: block;
}

a.button.textlink {
  color: #52627c;
  font-size: inherit;
  border: 0 solid #fff;
  margin: 1rem 0;
  padding: .4rem 2.6rem .4rem 0;
  display: inline-block;
  position: relative;
}

a.button.textlink:before {
  content: "î«Š";
  vertical-align: -.2rem;
  margin-right: .5rem;
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  font-family: lh-iconfont !important;
}

a.button.textlink:focus:after {
  content: " ";
  pointer-events: none;
  z-index: 980;
  border: 0;
  border-radius: 4px;
  position: absolute;
  top: -.7rem;
  bottom: -.7rem;
  left: -.7rem;
  right: -.7rem;
  box-shadow: 0 0 .6rem .1rem #52627c;
}

html[lang="zh-HK"] {
  word-break: keep-all;
}

body.preload-started .allegris-overview, body.preload-started .allegris-first-class, body.preload-started .allegris-business-class, body.preload-started .allegris-premium-economy-class, body.preload-started .allegris-economy-class, body.preload-started .allegris-destinations {
  opacity: 1 !important;
}

html:lang(zh-CN) body.ade, html:lang(zh-HK) body.ade, html:lang(ko-KR) body.ade, html:lang(zh) body.ade, html:lang(cn) body.ade, html:lang(hk) body.ade, html:lang(ko) body.ade, html:lang(ja) body.ade {
  word-break: keep-all;
}

.usabilla_live_button_container {
  display: none;
}

body &gt; .container {
  width: 37.5rem;
}

@media (min-width: 376px) {
  body &gt; .container {
    width: 76.8rem;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  body &gt; .container {
    width: 102.4rem;
    max-width: 100%;
  }
}

@media (min-width: 1025px) {
  body &gt; .container {
    width: 128rem;
    max-width: 100%;
  }
}

@media (min-width: 1281px) {
  body &gt; .container {
    width: 256rem;
    max-width: 100%;
  }
}

.irreg-teaser-visible.sticky-header-active .sticky-header-placeholder {
  height: 0;
}

@media (min-width: 768px) {
  .irreg-teaser-visible.sticky-header-active .sticky-header-placeholder {
    height: 0;
  }
}

@media (min-width: 1025px) {
  .sticky-header-active .sticky-header-placeholder {
    height: 0;
  }
}

.sticky-header-active .sticky-header-placeholder {
  height: 0;
}

.contentpage {
  width: 100%;
  padding: 0;
}

h1.heading-large {
  display: none;
}

footer {
  z-index: 999;
  position: relative;
}

@media (min-width: 1441px) {
  .sticky-header-active .common-header-wrap {
    left: calc(50vw - 72rem - 7px);
  }
}

ul.breadcrumb {
  display: none;
}

@media (min-width: 801px) {
  body.has-lh-full-width-header .section .module {
    padding-top: 4.8rem;
  }
}

.media picture, .media img, .media video {
  object-fit: cover;
}

.media.is-tablet, .media.is-desktop {
  display: none;
}

.media.is-mobile {
  display: block;
}

@media (min-width: 768px) {
  .media.is-mobile, .media.is-desktop {
    display: none;
  }

  .media.is-tablet {
    display: block;
  }
}

@media (min-width: 1024px) {
  .media.is-mobile, .media.is-tablet {
    display: none;
  }

  .media.is-desktop {
    display: block;
  }
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  clip-path: none;
  color: #444;
  z-index: 100000;
  background-color: #eee;
  width: auto;
  height: auto;
  padding: 15px 23px 14px;
  font-size: 1em;
  line-height: normal;
  text-decoration: none;
  display: block;
  top: 5px;
  left: 5px;
  clip: auto !important;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media (min-width: 480px) {
  .sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
}

.module-allegris-overview .wrapper .container &gt; .content {
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100vh - 3.6rem);
  margin: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
}

.module-allegris-overview .wrapper .container &gt; .content .headline, .module-allegris-overview .wrapper .container &gt; .content .subheadline, .module-allegris-overview .wrapper .container &gt; .content .text {
  color: #fff;
}

.module-allegris-overview .wrapper .container &gt; .content .subheadline {
  z-index: 2;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter {
  border-top: 0 solid #fff;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  transition: height .5s ease-out, -ms-flex .3s ease-out, flex .3s ease-out;
  position: relative;
  overflow: hidden;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter:first-child {
  border: none;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .overlay {
  z-index: 1;
  opacity: 0;
  mix-blend-mode: multiply;
  background: rgba(5, 22, 77, .73);
  width: 100%;
  height: 100%;
  transition: height .3s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .media-wrapper {
  width: 100%;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .media-wrapper picture, .module-allegris-overview .wrapper .container &gt; .content .chapter .media-wrapper img, .module-allegris-overview .wrapper .container &gt; .content .chapter .media-wrapper video {
  width: 100%;
  height: 100%;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: auto;
  height: 100%;
  padding: 1.2rem 2.4rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .content .headline {
  white-space: nowrap;
  opacity: 0;
  transition: transform .3s ease-out .4s, opacity .3s ease-out .4s;
  transform: translateY(25%);
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .content .headline :first-child {
  font-size: 4.4rem;
  font-weight: bold;
  line-height: 4.8rem;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .content .subheadline :first-child {
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.8rem;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .content .text {
  -webkit-font-smoothing: auto;
  opacity: 0;
  width: 100%;
  margin: 0 0 1rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  transition: transform .3s ease-out .4s, opacity .3s ease-out .4s;
  transform: translateY(25%);
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .content .buttons {
  opacity: 0;
  margin: 0 0 2rem;
  transition: transform .3s ease-out .4s, opacity .3s ease-out .4s;
  transform: translateY(25%);
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .content .buttons a {
  color: #05164d;
  background: #fff;
  border: 1px solid #fff;
  padding: 1.2rem;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .media-wrapper .media {
  height: calc(100vh - 4.8rem);
}

.module-allegris-overview .wrapper .container &gt; .content .chapter .media-wrapper video {
  object-fit: cover;
  height: 100%;
  transition: transform .3s ease-out, opacity .3s ease-out;
  transform: translateX(0%);
}

.module-allegris-overview .wrapper .container &gt; .content .chapter.is-active, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus {
  -ms-flex: 6;
  flex: 6;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .overlay, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .overlay {
  height: 0%;
}

.module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .content .media video, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .content .media video {
  transform: translateX(0%);
}

.module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .content .headline, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .content .headline, .module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .content .text, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .content .text, .module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .content .buttons, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .content .buttons {
  opacity: 1;
  transform: translateY(0%);
}

@keyframes textAnimation {
  0% {
    font-size: 0;
  }

  50% {
    font-size: 7rem;
  }

  75% {
    font-size: 5.2rem;
  }

  100% {
    font-size: 6.4rem;
  }
}

.module-allegris-overview .wrapper .container .cutout {
  -ms-hyphens: none;
  hyphens: none;
  white-space: initial;
  word-break: break-word;
  z-index: 2;
  text-align: center;
  color: #fff;
  background: rgba(5, 22, 77, .73);
  font-size: 0;
  line-height: 1.25;
  transition: color 1s ease-out 3s;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: .5s;
  animation-fill-mode: forwards;
}

.module-allegris-overview .wrapper .container .cutout, .module-allegris-overview .wrapper .container .claim-animation {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.module-allegris-overview .wrapper .container .claim-animation {
  z-index: 10;
  opacity: 1;
  background: rgba(5, 22, 77, 0);
  transition: opacity .3s ease-out;
}

.module-allegris-overview .wrapper .container .claim-animation.is-hidden {
  opacity: 0;
}

body.preloader-removed .module-allegris-overview .wrapper .container .cutout {
  color: rgba(255, 255, 255, 0);
  animation-name: textAnimation;
}

body.preloader-removed .module-allegris-overview .wrapper .container &gt; .content .chapter .overlay {
  opacity: 1;
}

body.cutout-removed .module-allegris-overview .wrapper .container .cutout {
  z-index: -999;
  display: none;
}

body.cutout-removed .module-allegris-overview .wrapper .container &gt; .content .chapter &gt; .content .subheadline, body.cutout-removed .module-allegris-overview .wrapper .container &gt; .content .chapter .overlay {
  opacity: 1;
}

@media (min-width: 1024px) {
  @keyframes textAnimationDesktop {
    0% {
      font-size: 0;
    }

    50% {
      font-size: 26rem;
    }

    75% {
      font-size: 23rem;
    }

    100% {
      font-size: 24.4rem;
    }
  }

  .module-allegris-overview .wrapper .container .cutout {
    line-height: .9;
  }

  .module-allegris-overview .wrapper .container &gt; .content {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: calc(100vh - 4.8rem);
    margin: 0;
    display: -ms-flexbox;
    display: flex;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter {
    border-top: 0 solid rgba(255, 255, 255, 0);
    border-left: 0 solid #fff;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    transition: width .5s ease-out, -ms-flex .5s ease-out, flex .5s ease-out;
    position: relative;
    overflow: hidden;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter:first-child {
    border: none;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .overlay {
    z-index: 1;
    opacity: 0;
    mix-blend-mode: multiply;
    background: rgba(5, 22, 77, .73);
    width: 100%;
    height: 100%;
    transition: height .3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    width: auto;
    height: 100%;
    padding: 4rem;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .content .headline {
    white-space: nowrap;
    opacity: 0;
    margin: 0 0 2rem;
    transition: transform .3s ease-out .4s, opacity .3s ease-out .4s;
    transform: translateY(25%);
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .content .headline :first-child {
    font-size: 10rem;
    line-height: 10.4rem;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .content .subheadline :first-child {
    text-transform: uppercase;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 3.2rem;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .content .text {
    -webkit-font-smoothing: auto;
    opacity: 0;
    width: 33.3333vw;
    margin: 0 0 3rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    transition: transform .3s ease-out .4s, opacity .3s ease-out .4s;
    transform: translateY(25%);
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .content .buttons {
    opacity: 0;
    margin: 0 0 6rem;
    transition: transform .3s ease-out .4s, opacity .3s ease-out .4s;
    transform: translateY(25%);
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .content .buttons a {
    color: #fff;
    background: none;
    border: 1px solid #fff;
    padding: 2rem 5rem;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .media-wrapper .media {
    height: calc(100vh - 4.8rem);
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter .media-wrapper video {
    object-fit: cover;
    height: 100%;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transform: translateX(0%);
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter.is-active, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus {
    -ms-flex: 6;
    flex: 6;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .overlay, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .overlay {
    height: 0%;
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .content .media video, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .content .media video {
    transform: translateX(0%);
  }

  .module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .content .headline, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .content .headline, .module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .content .text, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .content .text, .module-allegris-overview .wrapper .container &gt; .content .chapter.is-active .content .buttons, .module-allegris-overview .wrapper .container &gt; .content .chapter:focus .content .buttons {
    opacity: 1;
    transform: translateY(0%);
  }

  body.preloader-removed .module-allegris-overview .wrapper .container .cutout {
    color: rgba(255, 255, 255, 0);
    animation-name: textAnimationDesktop;
  }

  body.cutout-removed .module-allegris-overview .wrapper .container &gt; .content .chapter &gt; .content .subheadline, body.cutout-removed .module-allegris-overview .wrapper .container &gt; .content .chapter .overlay {
    opacity: 1;
  }
}

.module-allegris-transition-overlay {
  z-index: 100001;
  opacity: 0;
  background: #fff;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-out;
  position: fixed;
  top: -100vh;
  left: -100vw;
}

.module-allegris-transition-overlay.is-active {
  opacity: 1;
  top: 0;
  left: 0;
}

body.is-transitioning {
  overflow: hidden;
}

.module-controlable-info .wrapper .container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 11%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.module-controlable-info .wrapper .container .content h2 {
  text-align: left;
  color: #fff;
  margin: 0 0 4rem;
  padding: 6rem 0 0;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.4rem;
}

.module-controlable-info .wrapper .container .content h3 {
  margin: 0 0 2rem;
  font-size: 2.4rem;
  line-height: 2.7rem;
}

.module-controlable-info .wrapper .container .content .text {
  margin: 0 0 4rem;
}

@media (min-width: 1024px) {
  .module-controlable-info .wrapper .container .content {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
  }

  .module-controlable-info .wrapper .container .content h2 {
    font-size: 6.4rem;
    line-height: 6.4rem;
  }

  .module-controlable-info .wrapper .container .content .control {
    width: 50%;
    padding: 0 10%;
  }
}

.module-debug {
  color: red;
  z-index: 9999;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.6rem;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.module-discover-allegris .wrapper {
  padding: 0 0 6rem;
}

.module-discover-allegris .wrapper .container {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.module-discover-allegris .wrapper .container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-discover-allegris .wrapper .container .content .headline :first-child {
  text-align: left;
  color: #05164d;
  margin: 0 0 4rem;
  font-size: 4rem;
  font-weight: normal;
  line-height: 4.4rem;
}

.module-discover-allegris .wrapper .container .content .teaser-container .teaser-item {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 8rem;
  display: -ms-flexbox;
  display: flex;
}

.module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .media-wrapper {
  clip-path: inset(15% 10% 0%);
  margin: 0 -2rem 4rem;
}

.module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .content {
  opacity: 0;
  padding: 0;
  transform: translateY(10%);
}

.module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .content .headline :first-child {
  margin: 0 0 2rem;
  font-size: 2.4rem;
  line-height: 2.7rem;
}

.module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .content .text {
  margin: 0 0 4rem;
}

@media (min-width: 1024px) {
  .module-discover-allegris .wrapper {
    padding: 0 0 10rem;
  }

  .module-discover-allegris .wrapper .container {
    padding: 12rem 11%;
  }

  .module-discover-allegris .wrapper .container .content {
    padding: 0;
  }

  .module-discover-allegris .wrapper .container .content .headline :first-child {
    margin: 10rem 0 7rem;
    font-size: 5.4rem;
    line-height: 5.4rem;
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 12rem;
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item:last-child {
    margin: 0;
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .content {
    width: 50%;
    padding: 0 9.6rem 0 0;
    transform: translateY(15%);
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .content .headline :first-child {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 2.8rem;
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .text {
    margin: 0 0 4.5rem;
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .media-wrapper {
    clip-path: inset(0%);
    width: 50%;
    margin: 0;
    transform: translate3d(5%, 5%, 0);
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item:nth-child(2n) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item:nth-child(2n) .media-wrapper {
    transform: translate3d(-5%, 5%, 0);
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item:nth-child(2n) .content {
    padding: 0 0 0 9.6rem;
  }

  .module-discover-allegris .wrapper .container .content .teaser-container .teaser-item .buttons a {
    font-size: inherit;
    padding: 2rem 5rem;
  }
}

.module-entertainment-animation {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-entertainment-animation .wrapper .container .headline, .module-entertainment-animation .wrapper .container .subheadline {
  white-space: nowrap;
  color: #05164d;
}

.module-entertainment-animation .wrapper .container .headline :first-child, .module-entertainment-animation .wrapper .container .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .media, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media {
  width: 100%;
  height: 100%;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .media video, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media video, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .media picture, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media picture, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .media img, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  transform: translateX(-170%)translateY(230%)scale(13);
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media {
  z-index: 1;
  position: relative;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media {
  z-index: -1;
  aspect-ratio: 16 / 9;
  width: 38%;
  height: 40%;
  position: absolute;
  transform: translateX(140%)translateY(60%);
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  position: absolute;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  font-weight: 700;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span {
  position: relative;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  content: attr(data-content);
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s ease-in-out .1s;
  position: absolute;
  left: 0;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline {
  color: #fff;
}

.module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline :first-child {
  font-size: 4.2rem;
  line-height: 5.7rem;
}

.module-entertainment-animation .wrapper .container &gt; .content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2.4rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content .main-headline &gt; :first-child {
  filter: blur();
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.4rem;
  display: -ms-flexbox;
  display: flex;
}

.module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline {
  white-space: normal;
}

.module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline :first-child {
  color: #05164d;
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.7rem;
}

.module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
  background: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  min-height: 72vh;
  padding: 2.4rem;
  display: -ms-flexbox;
  display: flex;
  transform: translateY(100%);
}

.module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div &gt; div {
  width: 100%;
}

.module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .headline, .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .text {
  filter: blur();
  transform: translateY(4rem);
}

.module-entertainment-animation.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
}

.business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .allegris-business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .allegris-business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper {
  position: relative;
  overflow: hidden;
}

.business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .allegris-business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .allegris-business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  transform: translateX(-140%)translateY(120%)scale(10);
}

.business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .allegris-business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .allegris-business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media {
  z-index: 1;
  position: relative;
}

.business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .allegris-business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .allegris-business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media {
  z-index: -1;
  aspect-ratio: 16 / 9;
  width: 39%;
  height: 45%;
  position: absolute;
  transform: translateX(119%)translateY(64%);
}

.economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper {
  position: relative;
  overflow: hidden;
}

.economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  transform: translateX(0%)translateY(0%)scale(16);
}

.economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media {
  z-index: 1;
  position: relative;
}

.economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media {
  z-index: -1;
  aspect-ratio: 16 / 9;
  width: 30%;
  height: 32%;
  position: absolute;
  transform: translateX(120%)translateY(133%);
}

@media (min-width: 768px) {
  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
    background: #fff;
    width: 66.66%;
    min-height: 62.5%;
    padding: 2.4rem;
    transform: translateY(100%);
  }
}

@media (min-width: 1024px) {
  .module-entertainment-animation {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-entertainment-animation .wrapper .container &gt; .media-wrapper {
    z-index: 2;
    clip-path: inset(15% 10% 0%);
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 4% 5%;
    overflow: hidden;
  }

  .module-entertainment-animation .wrapper .container &gt; .media-wrapper .media, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media {
    width: 100%;
    height: 100%;
  }

  .module-entertainment-animation .wrapper .container &gt; .media-wrapper .media video, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media video, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .media picture, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media picture, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .media img, .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translate3d(-85%, 28%, 0)scale(3.95);
  }

  .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media {
    z-index: 1;
    position: relative;
  }

  .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media {
    z-index: -1;
    aspect-ratio: 16 / 9;
    width: 38%;
    height: 40%;
    position: absolute;
    transform: translate3d(155%, 60%, 0)scale(1.2);
  }

  .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline &gt; :first-child {
    font-size: 12.8rem;
    line-height: 13.8rem;
  }

  .module-entertainment-animation .wrapper .container &gt; .content {
    z-index: 2;
    width: 100%;
    padding: 4% 5%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper {
    height: 100%;
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container {
    height: 100%;
    position: relative;
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content .main-headline {
    white-space: nowrap;
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content .main-headline &gt; :first-child {
    color: #05164d;
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 4.4rem;
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline {
    white-space: normal;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline :first-child {
    color: #05164d;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 2.7rem;
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
    clip-path: inset(100% 0% 0%);
    background: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 41.6667%;
    min-width: 41rem;
    min-height: 80%;
    padding: 5% 3%;
    display: -ms-flexbox;
    display: flex;
    transform: translateY(10%);
  }

  .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .headline, .module-entertainment-animation .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .text {
    transform: translateY(4rem);
  }

  .business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .allegris-business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .allegris-business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper {
    position: relative;
    overflow: hidden;
  }

  .business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .allegris-business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .allegris-business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    transform: translateX(-75%)translateY(0%)scale(5);
  }

  .business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .allegris-business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .allegris-business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media {
    z-index: 1;
    position: relative;
  }

  .business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .allegris-business-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .allegris-business-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media {
    z-index: -1;
    aspect-ratio: 16 / 9;
    width: 46%;
    height: 54%;
    position: absolute;
    transform: translateX(91%)translateY(44%);
  }

  .economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper {
    z-index: 2;
    clip-path: inset(15% 10% 0%);
    background: #fff;
    padding: 4% 5%;
    overflow: hidden;
  }

  .economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .animation-container {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translate3d(-3%, -41%, 0)scale(4.8);
  }

  .economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .background-media {
    z-index: 1;
    position: relative;
  }

  .economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .screen-media {
    z-index: -1;
    aspect-ratio: 16 / 9;
    width: 31%;
    height: 33%;
    position: absolute;
    transform: translate3d(114%, 134%, 0)scale(1.1);
  }

  .economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline &gt; :first-child, .economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline &gt; :first-child, .allegris-economy-class .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline &gt; :first-child, .allegris-economy-class-test .module-entertainment-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline &gt; :first-child {
    font-size: 12.8rem;
    line-height: 13.8rem;
  }
}

.module-footer {
  z-index: 5;
  background: #05164d;
  width: 100%;
  height: 20rem;
  position: relative;
}

.module-gallery {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
  overflow: hidden;
}

.module-gallery .wrapper .container {
  color: #05164d;
  padding-top: 5%;
  padding-bottom: 5%;
}

.module-gallery .wrapper .container .gallery-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.module-gallery .wrapper .container .gallery-wrapper .gallery-media-wrapper, .module-gallery .wrapper .container .gallery-wrapper .gallery-content-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.module-gallery .wrapper .container .gallery-wrapper .gallery-media-wrapper .gallery-media-left {
  z-index: 2;
  aspect-ratio: 4 / 3;
  width: 100%;
  max-width: 25%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
}

.module-gallery .wrapper .container .gallery-wrapper .gallery-media-wrapper .gallery-media-left .media {
  bottom: 0;
  transform: translateY(100%);
}

.module-gallery .wrapper .container .gallery-wrapper .gallery-media-wrapper .gallery-media-right {
  z-index: 1;
  aspect-ratio: 9 / 16;
  width: 100%;
  max-width: 50%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 33.3333%;
  overflow: hidden;
}

.module-gallery .wrapper .container .gallery-wrapper .gallery-media-wrapper .gallery-media-right .media {
  bottom: 0;
  transform: translateY(100%);
}

.module-gallery .wrapper .container .media {
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.module-gallery .wrapper .container .gallery-content-wrapper {
  position: absolute;
}

.module-gallery .wrapper .container .gallery-content-wrapper .headline-container {
  z-index: 0;
  opacity: 0;
  position: absolute;
}

.module-gallery .wrapper .container .gallery-content-wrapper .headline-container .headline :first-child {
  white-space: nowrap;
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 3.2rem;
}

.module-gallery .wrapper .container .gallery-wrapper .gallery-content-wrapper .headline-container.is-element-1, .module-gallery .wrapper .container .gallery-wrapper .gallery-content-wrapper .headline-container.is-element-2 {
  bottom: 1%;
  left: 0%;
  transform: translateX(-25%);
}

.module-gallery .wrapper .container .gallery-wrapper .gallery-content-wrapper .headline-container.is-element-3 {
  bottom: 1%;
  left: 0%;
  transform: translateX(-10%);
}

@media (min-width: 1024px) {
  .module-gallery {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-gallery .wrapper .container .gallery-content-wrapper .headline-container .headline :first-child {
    font-size: 5.6rem;
    line-height: 6rem;
  }

  .module-gallery .wrapper .container .gallery-wrapper {
    max-height: 80%;
  }

  .module-gallery .wrapper .container .gallery-wrapper .gallery-media-wrapper .gallery-media-left {
    aspect-ratio: 4 / 3;
    width: 100%;
    max-width: 25%;
    height: 100%;
    top: 0%;
    left: 0%;
  }

  .module-gallery .wrapper .container .gallery-wrapper .gallery-media-wrapper .gallery-media-right {
    aspect-ratio: 16 / 9;
    width: 100%;
    max-width: 50%;
    height: 100%;
    top: 0%;
    left: 33.3333%;
  }

  .module-gallery .wrapper .container .gallery-wrapper .gallery-content-wrapper .headline-container.is-element-1 {
    bottom: initial;
    top: 87%;
    left: 50%;
    transform: translateX(-25%);
  }

  .module-gallery .wrapper .container .gallery-wrapper .gallery-content-wrapper .headline-container.is-element-2 {
    bottom: initial;
    top: 90%;
    left: 25%;
    transform: translateX(-25%);
  }

  .module-gallery .wrapper .container .gallery-wrapper .gallery-content-wrapper .headline-container.is-element-3 {
    bottom: initial;
    top: 90%;
    left: 10%;
    transform: translateX(-10%);
  }
}

.module-header {
  color: #fff;
  z-index: 999;
  background: #05164d;
  min-height: 3.6rem;
  position: fixed;
  top: 0;
}

.module-header .wrapper .container {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.module-header .wrapper .container .site-branding a {
  padding: 2.3rem 0;
  display: block;
}

.module-header .wrapper .container .site-branding img {
  max-width: 16rem;
}

.module-header .wrapper .container .menu-toggle {
  cursor: pointer;
  background: none;
}

.module-header .wrapper .container .menu-toggle i {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  width: 3.8rem;
  height: 3.8rem;
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  font-family: lh-iconfont !important;
}

.module-header .wrapper .container .menu-toggle i:before {
  content: "î«Ÿ";
}

.module-header .wrapper .container .menu-main-container, .module-header .wrapper .container .menu-main-en-container, .module-header .wrapper .container .main-navigation &gt; div {
  background: #05164d;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100vw;
  height: calc(100vh - 3.6rem);
  transition: right .3s ease-out;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 3.6rem;
  right: -100vw;
}

.module-header .wrapper .container .main-navigation ul {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
}

.module-header .wrapper .container .main-navigation ul li a {
  -webkit-font-smoothing: auto;
  padding: 1.2rem 0;
  font-size: 2.4rem;
  display: block;
  position: relative;
}

.module-header .wrapper .container .main-navigation ul li a:after {
  content: "";
  width: 0;
  height: .3rem;
  bottom: .2rem;
  left: 0;
  top: initial;
  right: initial;
  background: #fff;
  transition: width .2s ease-out;
  position: absolute;
}

.module-header .wrapper .container .main-navigation ul li.current-menu-item a:after, .module-header .wrapper .container .main-navigation ul li:hover a:after {
  width: 100%;
}

.module-header .wrapper .container .main-navigation ul li.current-menu-item a {
  font-weight: bold;
}

.module-header.is-open .wrapper .container .menu-main-container, .module-header.is-open .wrapper .container .menu-main-en-container {
  right: 0;
}

.module-header.is-open .wrapper .container .menu-toggle i:before {
  content: "î«•";
}

.module-header.is-open .wrapper .container .main-navigation &gt; div {
  right: 0;
}

@media (min-width: 1024px) {
  .module-header {
    min-height: 4.8rem;
  }

  .module-header .wrapper .container .site-branding a {
    padding: 0;
  }

  .module-header .wrapper .container .site-branding img {
    max-width: 22rem;
  }

  .module-header .wrapper .container .menu-toggle {
    display: none;
  }

  .module-header .wrapper .container .menu-main-container, .module-header .wrapper .container .menu-main-en-container, .module-header .wrapper .container .main-navigation &gt; div {
    width: auto;
    height: auto;
    position: static;
  }

  .module-header .wrapper .container .main-navigation ul {
    -ms-flex-direction: row;
    flex-direction: row;
    list-style-type: none;
  }

  .module-header .wrapper .container .main-navigation ul li a {
    padding: 0 1.2rem;
    font-size: 1.8rem;
  }

  .module-header .wrapper .container .main-navigation ul li a:focus {
    border: 0;
    box-shadow: 0 0 .6rem .1rem #fff;
  }

  .module-header .wrapper .container .main-navigation ul li a:after {
    bottom: -1.8rem;
    left: 1.2rem;
  }

  .module-header .wrapper .container .main-navigation ul li.current-menu-item a:after, .module-header .wrapper .container .main-navigation ul li:hover a:after {
    width: calc(100% - 2.4rem);
  }
}

.module-headphone-animation {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
  overflow-x: clip;
  overflow-y: visible;
}

.module-headphone-animation .wrapper .container {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.module-headphone-animation .wrapper .container .headline, .module-headphone-animation .wrapper .container .subheadline {
  color: #05164d;
}

.module-headphone-animation .wrapper .container .headline :first-child, .module-headphone-animation .wrapper .container .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-headphone-animation .wrapper .container .headline :first-child {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.4rem;
}

.module-headphone-animation .wrapper .container &gt; .media-wrapper {
  width: 100%;
  position: relative;
}

.module-headphone-animation .wrapper .container &gt; .media-wrapper .headphone-container, .module-headphone-animation .wrapper .container &gt; .media-wrapper .headphone-container .media {
  z-index: 2;
  position: relative;
}

.module-headphone-animation .wrapper .container &gt; .media-wrapper .particle-container {
  z-index: 0;
  opacity: 0;
  width: 110%;
  height: 110%;
  position: absolute;
  top: -5%;
  left: -5%;
}

.module-headphone-animation .wrapper .container &gt; .media-wrapper .particle-container .media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.module-headphone-animation .wrapper .container &gt; .media-wrapper .particle-container .media.is-noise_cancellation_off {
  opacity: 1;
}

.module-headphone-animation .wrapper .container &gt; .media-wrapper .particle-container .media.is-noise_cancellation_on {
  opacity: 0;
}

.module-headphone-animation .wrapper .container &gt; .content {
  z-index: 1;
  width: 100%;
  padding: 0;
}

.module-headphone-animation .wrapper .container &gt; .content .headline {
  opacity: 0;
  margin: 0 0 1rem;
}

.module-headphone-animation .wrapper .container &gt; .content .subheadline {
  opacity: 0;
}

.module-headphone-animation .wrapper .container &gt; .content .subheadline :first-child {
  color: #05164d;
  margin: 0 0 1rem;
  font-size: 2.4rem;
  line-height: 2.7rem;
}

.module-headphone-animation .wrapper .container &gt; .content .text {
  opacity: 0;
}

.module-headphone-animation.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
}

@media (min-width: 1024px) {
  .module-headphone-animation {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-headphone-animation .wrapper .container {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
  }

  .module-headphone-animation .wrapper .container .headline, .module-headphone-animation .wrapper .container .subheadline {
    white-space: normal;
  }

  .module-headphone-animation .wrapper .container .headline :first-child {
    font-size: 4.4rem;
    line-height: 4.8rem;
  }

  .module-headphone-animation .wrapper .container &gt; .media-wrapper {
    width: 55%;
  }

  .module-headphone-animation .wrapper .container &gt; .media-wrapper .headphone-container, .module-headphone-animation .wrapper .container &gt; .media-wrapper .headphone-container .media {
    z-index: 2;
    position: relative;
  }

  .module-headphone-animation .wrapper .container &gt; .media-wrapper .particle-container {
    z-index: 0;
    opacity: 0;
    width: 130%;
    height: 130%;
    position: absolute;
    top: -15%;
    left: -15%;
  }

  .module-headphone-animation .wrapper .container &gt; .media-wrapper .particle-container .media {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .module-headphone-animation .wrapper .container &gt; .media-wrapper .particle-container .media.is-noise_cancellation_off {
    opacity: 1;
  }

  .module-headphone-animation .wrapper .container &gt; .media-wrapper .particle-container .media.is-noise_cancellation_on {
    opacity: 0;
  }

  .module-headphone-animation .wrapper .container &gt; .content {
    z-index: 1;
    width: 45%;
    padding: 0 10% 0 0;
  }

  .module-headphone-animation .wrapper .container &gt; .content .headline {
    opacity: 0;
  }

  .module-headphone-animation .wrapper .container &gt; .content .headline :first-child {
    margin: 0;
  }

  .module-headphone-animation .wrapper .container &gt; .content .subheadline {
    opacity: 0;
  }

  .module-headphone-animation .wrapper .container &gt; .content .subheadline :first-child {
    color: #05164d;
    margin: 2rem 0 3rem;
    font-size: 2.4rem;
    line-height: 2.7rem;
  }

  .module-headphone-animation .wrapper .container &gt; .content .text {
    opacity: 0;
  }
}

.module-herostage {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-herostage .wrapper .container {
  color: #fff;
}

.module-herostage .wrapper .container .headline, .module-herostage .wrapper .container .subheadline {
  white-space: nowrap;
  color: #05164d;
}

.module-herostage .wrapper .container .headline :first-child, .module-herostage .wrapper .container .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-herostage .wrapper .container .headline :first-child:not[span] {
  font-size: 5.8rem;
  line-height: 5.8rem;
}

.module-herostage .wrapper .container .subheadline {
  white-space: initial;
  -ms-hyphens: none;
  hyphens: none;
}

.module-herostage .wrapper .container .subheadline :first-child {
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 3.3rem;
}

.module-herostage .wrapper .container &gt; .media-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.module-herostage .wrapper .container &gt; .media-wrapper .media {
  width: 100%;
  height: 100%;
}

.module-herostage .wrapper .container &gt; .media-wrapper .media video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.module-herostage .wrapper .container &gt; .media-wrapper .headline-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-herostage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  width: 100%;
}

.module-herostage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
}

.module-herostage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span {
  position: relative;
}

.module-herostage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  content: attr(data-content);
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s ease-in-out .33s;
  position: absolute;
  left: 0;
}

.module-herostage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline {
  color: #fff;
}

.module-herostage .wrapper .container &gt; .content {
  z-index: 0;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 4%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-herostage .wrapper .container &gt; .content .content-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-herostage .wrapper .container &gt; .content .headline-container {
  padding: 0 0 4rem;
}

.module-herostage .wrapper .container &gt; .content .text {
  color: #05164d;
  opacity: 0;
  transform: translateY(10rem);
}

.module-herostage.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  clip-path: polygon(0 110%, 100% 110%, 100% 0, 0 0);
}

@media (min-width: 1024px) {
  .module-herostage {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-herostage .wrapper .container .headline :first-child:not[span] {
    font-size: 11.8rem;
    line-height: 12.8rem;
  }

  .module-herostage .wrapper .container .subheadline {
    white-space: nowrap;
    margin: 1rem 0 0;
  }

  .module-herostage .wrapper .container .subheadline :first-child {
    font-size: 4.2rem;
    line-height: 5.7rem;
  }

  .module-herostage .wrapper .container &gt; .media-wrapper .headline-wrapper {
    padding: 0 11%;
  }

  .module-herostage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
    padding: 0;
  }

  .module-herostage .wrapper .container &gt; .content {
    padding: 0 11%;
  }

  .module-herostage .wrapper .container &gt; .content .content-wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0%;
  }

  .module-herostage .wrapper .container &gt; .content .headline-container {
    width: 40%;
    padding: 0;
  }

  .module-herostage .wrapper .container &gt; .content .content {
    width: 60%;
  }

  .module-herostage .wrapper .container &gt; .content .text {
    width: 60%;
    transform: translateY(-10rem);
  }
}

.module-introstage {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-introstage .wrapper .container {
  color: #fff;
}

.module-introstage .wrapper .container .headline, .module-introstage .wrapper .container .subheadline {
  white-space: initial;
  color: #05164d;
}

.module-introstage .wrapper .container .headline :first-child, .module-introstage .wrapper .container .subheadline :first-child {
  -ms-hyphens: manual;
  hyphens: manual;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-introstage .wrapper .container .headline :first-child:not[span] {
  font-size: 5.8rem;
  line-height: 5.8rem;
}

.module-introstage .wrapper .container .subheadline {
  white-space: initial;
  -ms-hyphens: none;
  hyphens: none;
}

.module-introstage .wrapper .container .subheadline :first-child {
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 3.3rem;
}

.module-introstage .wrapper .container &gt; .media-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.module-introstage .wrapper .container &gt; .media-wrapper .media {
  width: 100%;
  height: 100%;
}

.module-introstage .wrapper .container &gt; .media-wrapper .media video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.module-introstage .wrapper .container &gt; .media-wrapper .headline-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-introstage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  width: 100%;
}

.module-introstage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
}

.module-introstage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span {
  position: relative;
}

.module-introstage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  content: attr(data-content);
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s ease-in-out .33s;
  position: absolute;
  left: 0;
}

.module-introstage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline {
  color: #fff;
}

.module-introstage.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  clip-path: polygon(0 110%, 100% 110%, 100% 0, 0 0);
}

@media (min-width: 1024px) {
  .module-introstage {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-introstage .wrapper .container .headline :first-child:not[span] {
    font-size: 12.8rem;
    line-height: 13.8rem;
  }

  .module-introstage .wrapper .container .subheadline {
    white-space: initial;
    margin: 1rem 0 0;
  }

  .module-introstage .wrapper .container .subheadline :first-child {
    font-size: 4.2rem;
    line-height: 5.7rem;
  }

  .module-introstage .wrapper .container &gt; .media-wrapper .headline-wrapper {
    padding: 0 11%;
  }

  .module-introstage .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
    padding: 0;
  }
}

.module-lufthansa-header {
  color: #fff;
  z-index: 997;
  min-height: initial;
  opacity: 0;
  background: none;
  transition: transform .4s ease-out, top .4s ease-out;
  position: fixed;
  top: 6rem;
}

.module-lufthansa-header .wrapper {
  background: #05164d;
  border-top: .1rem solid #fff;
}

.module-lufthansa-header .wrapper .container {
  background: #05164d;
  border-top: 0 solid;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1440px;
  padding: 0 2.4rem;
}

.module-lufthansa-header .wrapper .container .menu-toggle {
  color: #fff;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: .6rem 0;
  font-size: 2rem;
  line-height: 2.4rem;
  display: -ms-flexbox;
  display: flex;
}

.module-lufthansa-header .wrapper .container .menu-toggle i {
  color: #fff;
  border: 3px solid #fff;
  border-width: 0 3px 3px 0;
  width: 1.8rem;
  height: 1.8rem;
  padding: 3px;
  font-size: 1.8rem;
  transition: transform .15s ease-out;
  display: inline-block;
  transform: translateY(0)scaleY(1)rotate(45deg);
}

.module-lufthansa-header .wrapper .container .menu-toggle i:before {
  content: none;
}

.module-lufthansa-header .wrapper .container .header-meta-navigation {
  background: none;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  padding: 1rem 8.8rem 0 2.6rem;
  display: -ms-flexbox;
  display: flex;
}

.module-lufthansa-header .wrapper .container .header-meta-navigation ul {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0 0 2rem;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
}

.module-lufthansa-header .wrapper .container .header-meta-navigation ul li a {
  color: #fff;
  padding: 0 .8rem;
  font-size: 1.6rem;
  font-weight: 400;
}

.module-lufthansa-header .wrapper .container .main-nav-container {
  background: none;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 8.8rem 0 2.6rem;
  display: -ms-flexbox;
  display: flex;
}

.module-lufthansa-header .wrapper .container .menu-main-container, .module-lufthansa-header .wrapper .container .menu-main-en-container {
  background: none;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  max-height: 0;
  transition: max-height .4s ease-out;
  position: static;
  overflow: hidden;
}

.module-lufthansa-header .wrapper .container .sub-navigation {
  width: 100%;
}

.module-lufthansa-header .wrapper .container .sub-navigation &gt; div {
  background: none;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  max-height: 0;
  transition: max-height .4s ease-out;
  position: static;
  overflow: hidden;
}

.module-lufthansa-header .wrapper .container .sub-navigation ul {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0 0 2rem;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
}

.module-lufthansa-header .wrapper .container .sub-navigation ul li a {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 3.2rem;
  position: relative;
}

.module-lufthansa-header .wrapper .container .sub-navigation ul li a:after {
  content: none;
  width: 0;
  height: .2rem;
  bottom: -1rem;
  left: 2.4rem;
  top: initial;
  right: initial;
  background: #fff;
  transition: width .2s ease-out;
  position: absolute;
}

.module-lufthansa-header .wrapper .container .sub-navigation ul li.current-menu-item a:after, .module-lufthansa-header .wrapper .container .sub-navigation ul li:hover a:after {
  content: none;
  background: #fff;
  width: calc(100% - 4.8rem);
  height: .2rem;
  position: absolute;
  bottom: 0;
  left: 2.4rem;
}

.module-lufthansa-header.is-hidden {
  top: 0;
}

.module-lufthansa-header.is-open .wrapper .container .menu-toggle i {
  transform: translateY(.5rem)scaleY(-1)rotate(45deg);
}

.module-lufthansa-header.is-open .wrapper .container .menu-toggle i:before {
  content: none;
}

.module-lufthansa-header.is-open .wrapper .container .menu-main-container, .module-lufthansa-header.is-open .wrapper .container .menu-main-en-container, .module-lufthansa-header.is-open .wrapper .container .sub-navigation &gt; div {
  max-height: 30vh;
}

body.has-lh-full-width-header .module-lufthansa-header .wrapper {
  background: #05164d;
  border-top: .1rem solid #fff;
}

body.has-lh-full-width-header .module-lufthansa-header .wrapper .container {
  border-top: 0 solid;
}

body.preloader-removed .module-lufthansa-header {
  opacity: 1;
}

@media (min-width: 1024px) {
  .module-lufthansa-header {
    min-height: initial;
    top: 12rem;
  }

  .module-lufthansa-header.module .wrapper .container, .module-lufthansa-header .wrapper .container {
    padding: 0 2.4rem;
  }

  .module-lufthansa-header .wrapper .container .menu-toggle {
    display: none;
  }

  .module-lufthansa-header .wrapper .container .main-navigation ul {
    -ms-flex-direction: row;
    flex-direction: row;
    list-style-type: none;
  }

  .module-lufthansa-header .wrapper .container .main-navigation ul li a {
    padding: 0 2.4rem;
  }

  .module-lufthansa-header .wrapper .container .menu-main-container, .module-lufthansa-header .wrapper .container .menu-main-en-container, .module-lufthansa-header .wrapper .container .sub-navigation &gt; div {
    max-height: initial;
  }

  .module-lufthansa-header .wrapper .container .sub-navigation ul {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .module-lufthansa-header .wrapper .container .sub-navigation ul li a {
    padding: 1.2rem 2.4rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.4rem;
  }

  .module-lufthansa-header .wrapper .container .sub-navigation ul li a:focus {
    border: 0;
    box-shadow: 0 0 .6rem .1rem #fff;
  }

  .module-lufthansa-header .wrapper .container .sub-navigation ul li a:focus:after, .module-lufthansa-header .wrapper .container .sub-navigation ul li a:after, .module-lufthansa-header .wrapper .container .sub-navigation ul li.current-menu-item a:after, .module-lufthansa-header .wrapper .container .sub-navigation ul li:hover a:after {
    content: "";
  }
}

.module-meet-the-makers {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-meet-the-makers .wrapper .container {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.module-meet-the-makers .wrapper .container &gt; div {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.module-meet-the-makers .wrapper .container .media-wrapper {
  z-index: 1;
  width: 100%;
  margin: 0 0 0 15%;
  position: relative;
  overflow: hidden;
}

.module-meet-the-makers .wrapper .container .content, .module-meet-the-makers .wrapper .container .content-wrapper {
  z-index: 0;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.module-meet-the-makers .wrapper .container .content .headline, .module-meet-the-makers .wrapper .container .content-wrapper .headline {
  opacity: 0;
}

.module-meet-the-makers .wrapper .container .content .headline :first-child, .module-meet-the-makers .wrapper .container .content-wrapper .headline :first-child {
  color: #05164d;
  font-size: 6.4rem;
  font-weight: bold;
  line-height: 6.4rem;
}

.module-meet-the-makers .wrapper .container .content .buttons, .module-meet-the-makers .wrapper .container .content-wrapper .buttons {
  opacity: 0;
  margin-top: 4rem;
}

.module-meet-the-makers .wrapper .container .content-wrapper {
  margin-left: -42%;
  padding: 0;
}

.module-meet-the-makers .wrapper .container .content-wrapper .headline :first-child {
  color: #fff;
}

.module-meet-the-makers .wrapper .container .content-wrapper .buttons a {
  color: #fff;
  border-color: #fff;
}

.module-meet-the-makers .wrapper .container .text {
  opacity: 0;
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .module-meet-the-makers {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-meet-the-makers .wrapper .container {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .module-meet-the-makers .wrapper .container .media-wrapper {
    width: 100%;
    margin: 0 5%;
  }

  .module-meet-the-makers .wrapper .container .content, .module-meet-the-makers .wrapper .container .content-wrapper {
    padding: 0 12%;
  }

  .module-meet-the-makers .wrapper .container .content .headline :first-child, .module-meet-the-makers .wrapper .container .content-wrapper .headline :first-child {
    margin: 0 0 3rem;
    font-size: 6.4rem;
    line-height: 6.4rem;
  }

  .module-meet-the-makers .wrapper .container .content-wrapper {
    margin-left: -13%;
    padding: 0;
  }

  .module-meet-the-makers .wrapper .container .text {
    margin-top: 4rem;
    padding: 2rem 30% 0 12%;
  }
}

.module .wrapper .container h1, .module .wrapper .container h2, .module .wrapper .container h3, .module .wrapper .container h4, .module .wrapper .container h5, .module .wrapper .container h6 {
  -ms-hyphens: none;
  hyphens: none;
}

@media (min-width: 1280px) {
  .module .wrapper .container {
    padding: 0 11%;
  }
}

.module-newsletter .wrapper .container .overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.module-newsletter .wrapper .container .media-wrapper {
  transform: scale(1.3);
}

.module-newsletter .wrapper .container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.module-newsletter .wrapper .container .content .headline :first-child {
  color: #fff;
  margin: 0 0 2rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.2rem;
}

.module-newsletter .wrapper .container .content .buttons {
  margin: 0 0 2rem;
}

.module-newsletter .wrapper .container .content .buttons a {
  background: #ffad00;
  border: none;
  margin: 4rem 0 0;
  padding: 1.6rem 3rem;
}

.module-newsletter .wrapper .container .text, .module-newsletter .wrapper .container .disclaimer {
  color: #fff;
}

.module-newsletter .wrapper .container .disclaimer {
  margin: 4rem 0 0;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .module-newsletter .wrapper .container {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .module-newsletter .wrapper .container .media-wrapper {
    transform: scale(1.2);
  }

  .module-newsletter .wrapper .container .overlay {
    display: block;
  }

  .module-newsletter .wrapper .container .content {
    -ms-flex-pack: center;
    justify-content: center;
    width: 80%;
    padding: 0 10%;
  }

  .module-newsletter .wrapper .container .content .headline :first-child {
    font-size: 5.6rem;
    line-height: 6rem;
  }

  .module-newsletter .wrapper .container .content .buttons {
    margin: 3rem 0 0;
  }

  .module-newsletter .wrapper .container .content .buttons a {
    margin: 2rem 0 0;
    padding: 2rem 5rem;
  }
}

@media (min-width: 1024px) {
  .module-newsletter .wrapper .container .content {
    width: 60%;
  }
}

.module-parallax {
  position: relative;
}

.module-parallax .wrapper .container {
  aspect-ratio: 1920 / 3750;
}

.module-parallax .wrapper .container &gt; .media-wrapper {
  aspect-ratio: 1920 / 4500;
  width: 100%;
  min-height: calc(100vh - 3.6rem);
  position: relative;
}

.module-parallax .wrapper .container &gt; .media-wrapper .layer {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.module-parallax .wrapper .container &gt; .content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.module-parallax .wrapper .container &gt; .content .chapter {
  width: 100%;
  max-width: calc(100vw - 4rem);
  position: absolute;
  bottom: 15%;
  left: 2rem;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline, .module-parallax .wrapper .container &gt; .content .chapter .subheadline {
  color: #fff;
  position: relative;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline :first-child, .module-parallax .wrapper .container &gt; .content .chapter .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline {
  z-index: 3;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline :first-child {
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.2rem;
}

.module-parallax .wrapper .container &gt; .content .chapter .subheadline {
  z-index: 1;
}

.module-parallax .wrapper .container &gt; .content .chapter .subheadline :first-child {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4rem;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline-container {
  width: 90%;
  padding: 0 2.4rem;
  position: absolute;
  bottom: 4rem;
  left: 0;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline-container .headline {
  margin-top: 0;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot {
  opacity: 1;
  z-index: 2;
  position: absolute;
  top: -1.4rem;
  right: 0;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot a {
  width: 4.8rem;
  height: 4.8rem;
  display: block;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot span {
  color: #fff;
  display: block;
  position: absolute;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot span:before, .module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot span:after {
  color: #fff;
}

@keyframes hotspotbackdropparallax {
  0% {
    box-shadow: 3px 21px 40px 30px #ffad00;
  }

  50% {
    box-shadow: 3px 21px 40px 20px #ffad00;
  }

  100% {
    box-shadow: 3px 21px 40px 30px #ffad00;
  }
}

.module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot .indicator {
  background: none;
  border-radius: 50%;
  height: 0;
  animation-name: hotspotbackdropparallax;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  box-shadow: 3px 21px 40px 20px #ffad00;
}

.module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot .indicator:before {
  content: "+";
  font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 5rem;
  font-weight: bold;
  line-height: 5rem;
  display: block;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content {
  clip-path: inset(0 100% 0 0);
  z-index: 5;
  transition: clip-path .4s ease-out;
  position: relative;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content.is-active {
  clip-path: inset(0);
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .close {
  z-index: 2;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .close a {
  color: #05164d;
  z-index: 2;
  background: url("./_img/overlay/arrow-back.svg") 0 no-repeat;
  padding: 0 0 0 2rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.9rem;
  display: block;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .close a.icon {
  background: url("./_img/overlay/close-overlay-blue.svg") center / cover no-repeat;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 2.8rem;
  right: 2.4rem;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .headline {
  white-space: normal;
  margin-bottom: 2rem;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .headline :first-child {
  color: #05164d;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .subheadline {
  white-space: normal;
  margin-bottom: 1rem;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .subheadline :first-child {
  color: #05164d;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div {
  background: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 2.4rem;
  display: -ms-flexbox;
  display: flex;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div &gt; div {
  width: 100%;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div .text {
  padding: 0 0 6rem;
}

.module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .media-wrapper {
  transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) {
  .module-parallax .wrapper .container &gt; .content .chapter {
    max-width: 66%;
  }
}

@media (min-width: 1024px) {
  .module-parallax .wrapper .container {
    aspect-ratio: auto;
  }

  .module-parallax .wrapper .container &gt; .media-wrapper {
    aspect-ratio: 1920 / 2150;
    min-height: calc(100vh - 4.8rem);
  }

  .module-parallax .wrapper .container &gt; .content .chapter {
    max-width: 30%;
    bottom: 43%;
    left: 10%;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .headline :first-child {
    font-size: 5.2rem;
    line-height: 5.8rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .subheadline :first-child {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.8rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .headline-container {
    padding: 0 2.4rem;
    bottom: 5rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .headline-container .headline {
    margin-top: 1.6rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot {
    top: -2rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot a {
    width: 6rem;
    height: 6rem;
    display: block;
  }

  @keyframes hotspotbackdropparallaxdesktop {
    0% {
      box-shadow: 3px 31px 60px 40px #ffad00;
    }

    50% {
      box-shadow: 3px 31px 60px 20px #ffad00;
    }

    100% {
      box-shadow: 3px 31px 60px 40px #ffad00;
    }
  }

  .module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot .indicator {
    background: none;
    border-radius: 50%;
    height: 0;
    animation-name: hotspotbackdropparallaxdesktop;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    box-shadow: 3px 31px 60px 40px #ffad00;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .headline-container .hotspot .indicator:before {
    content: "+";
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 6.4rem;
    font-weight: bold;
    line-height: 6.4rem;
    display: block;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .headline {
    margin-bottom: 5rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .subheadline {
    margin-bottom: 2rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div {
    padding: 2.4rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div .text {
    padding: 0 0 10rem;
  }

  .module-parallax .wrapper .container &gt; .content .chapter .content-container .hotspot-content .media-wrapper {
    transform: translate3d(0, 0, 0);
  }
}

.module-preloader {
  z-index: 998;
  opacity: 1;
  background: #fff;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-out;
  position: fixed;
  top: 0;
  left: 0;
}

@keyframes preloader {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.module-preloader svg {
  width: 100%;
  max-width: 12rem;
  height: auto;
  animation-name: preloader;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

.module-preloader .loading-text {
  margin-top: 1.6rem;
  display: -ms-flexbox;
  display: flex;
}

.module-preloader .statusbar {
  margin-top: .8rem;
  display: -ms-flexbox;
  display: flex;
}

.module-preloader.is-fading-out {
  opacity: 0;
}

.module-scrollable-animation {
  overflow: hidden;
}

.module-scrollable-animation .wrapper .container .chapter {
  position: relative;
}

.module-scrollable-animation .wrapper .container .chapter .content {
  width: 100%;
}

.module-scrollable-animation.business-class-seat-animation {
  background: #081029;
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container {
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  max-height: calc(100vh - 3.6rem);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container &gt; .content {
  height: 100%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter {
  width: 100%;
  height: 100%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container {
  z-index: 1;
  opacity: 0;
  transition: filter .3s ease-out;
  position: relative;
  transform: translate3d(0, 0, 0);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot {
  opacity: 0;
  z-index: 100;
  position: absolute;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:first-child {
  top: 27%;
  left: 39%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(2) {
  top: 57%;
  left: 86%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(3) {
  top: 40%;
  left: 47%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(4) {
  top: 48%;
  left: 58%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(5) {
  top: 44%;
  left: 75%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(6) {
  top: 38%;
  left: 57%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(7) {
  top: 42%;
  left: 75%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot a {
  width: 3rem;
  height: 3rem;
  display: block;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot span {
  color: #fff;
  display: block;
  position: absolute;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot span:before, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot span:after {
  color: #fff;
}

@keyframes hotspotBackdrop {
  0% {
    box-shadow: 3px 21px 40px 20px #ffad00;
  }

  50% {
    box-shadow: 3px 21px 40px 10px #ffad00;
  }

  100% {
    box-shadow: 3px 21px 40px 20px #ffad00;
  }
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot .indicator {
  background: none;
  border-radius: 50%;
  height: 0;
  animation-name: hotspotBackdrop;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  box-shadow: 3px 21px 40px 20px #ffad00;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot .indicator:before {
  content: "+";
  font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.2rem;
  display: block;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container {
  color: #fff;
  z-index: 1;
  background: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 2.4rem;
  transition: filter .3s ease-out;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container {
  color: #fff;
  z-index: 0;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media-wrapper, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content video {
  width: 100%;
  height: 100%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper {
  transform: translateX(0%)translateY(25%)scale(.5);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media {
  z-index: 2;
  position: relative;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media:not(.is-background-media) {
  opacity: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media.is-background-media {
  z-index: 1;
  filter: blur() brightness();
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .animation-wrapper {
  transform-origin: 0 0;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .animation-wrapper .main-headline-container {
  transform-origin: 0 0;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  transform: translateX(0%)translateY(0%)scale(2);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .headline :first-child {
  font-size: 12.8rem;
  font-weight: bold;
  line-height: 13.8rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline :first-child {
  white-space: nowrap;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 4.4rem;
  font-weight: bold;
  line-height: 4.8rem;
  display: -ms-flexbox;
  display: flex;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline :first-child span {
  position: relative;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline :first-child span:after {
  content: attr(data-content);
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s ease-in-out;
  position: absolute;
  left: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline :first-child.start-animation span:after {
  clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container {
  position: absolute;
  top: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline :first-child, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline :first-child {
  white-space: nowrap;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 5.8rem;
  font-weight: bold;
  line-height: 5.8rem;
  display: -ms-flexbox;
  display: flex;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline :first-child span, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline :first-child span {
  position: relative;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline :first-child span:after, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline :first-child span:after {
  content: attr(data-content);
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s ease-in-out;
  position: absolute;
  left: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline.start-animation :first-child span:after, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline.start-animation :first-child span:after {
  clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline-item {
  overflow: hidden;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline &gt; :first-child {
  transform: translateY(100%);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-subheadline {
  opacity: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-subheadline :first-child {
  white-space: nowrap;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 3.3rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headlines {
  position: relative;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headlines .hotspot-headline-item {
  position: absolute;
  top: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headlines .hotspot-headline-item .hotspot-headline, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headlines .hotspot-headline-item .hotspot-subheadline {
  transform: translateY(calc(110% + 2rem));
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .headline :first-child {
  font-size: 12.8rem;
  font-weight: bold;
  line-height: 12.8rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .subheadline :first-child {
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 3.2rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content {
  clip-path: inset(0 0 0 100%);
  width: 100%;
  transition: clip-path .4s ease-out;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .close {
  z-index: 2;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .close a {
  color: #05164d;
  background: url("./_img/overlay/arrow-back.svg") 0 no-repeat;
  padding: 0 0 0 2rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.9rem;
  display: block;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .close a.icon {
  background: url("./_img/overlay/close-overlay-blue.svg") center / cover no-repeat;
  width: 2rem;
  height: 2rem;
  position: fixed;
  top: 2.8rem;
  right: 2.4rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content &gt; .media-wrapper {
  padding: 0%;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media-wrapper {
  height: auto;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media-wrapper .close {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media-wrapper .close a {
  color: #05164d;
  background: url("./_img/overlay/close-overlay-blue.svg") center / cover no-repeat;
  height: 100%;
  font-size: 1.4rem;
  line-height: 1.9rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2.4rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .main-headline {
  margin-bottom: 2rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .main-headline &gt; :first-child {
  color: #05164d;
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 3.2rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .headline {
  white-space: normal;
  margin-top: 0;
  margin-bottom: 2rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .headline :first-child {
  color: #05164d;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 2.5rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .text {
  color: #05164d;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content &gt; div {
  background: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  min-height: 72vh;
  max-height: 72vh;
  padding: 2.4rem 5.2rem 4rem 2.4rem;
  transition: transform .5s ease-out;
  display: -ms-flexbox;
  display: flex;
  transform: translateY(100%);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content &gt; div &gt; div {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content &gt; div &gt; div::-webkit-scrollbar {
  background: none;
  width: 0;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content &gt; div &gt; div .close {
  -ms-flex-order: 4;
  order: 4;
  margin-top: 5rem;
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content.is-active {
  clip-path: inset(0);
}

.module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content.is-active.is-show-content .content &gt; div {
  transform: translateY(0%);
}

body.overlay-open {
  overflow: hidden;
}

body.overlay-open .module-scrollable-animation .wrapper .container .chapter &gt; .media-container, body.overlay-open .module-scrollable-animation .wrapper .container .chapter &gt; .headline-container {
  filter: blur(10px);
}

body.overlay-open .module-scrollable-animation .wrapper .container .chapter .content-container {
  z-index: 2;
}

@media (min-width: 768px) {
  .module-scrollable-animation.business-class-seat-animation .wrapper .container {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container {
    padding: 12.4rem 2.4rem 2.4rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .close {
    z-index: 2;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .close a {
    color: #05164d;
    background: url("./_img/overlay/arrow-back.svg") 0 no-repeat;
    padding: 0 0 0 2rem;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.9rem;
    display: block;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media-wrapper .close {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content &gt; div {
    width: 66.66%;
    min-height: 58vh;
    max-height: 58vh;
    padding: 2.4rem;
  }
}

@media (min-width: 1024px) {
  .module-scrollable-animation .wrapper .container &gt; .content, .module-scrollable-animation .wrapper .container .chapter, .module-scrollable-animation .wrapper .container .chapter &gt; .content-container, .module-scrollable-animation .wrapper .container .content-container, .module-scrollable-animation .wrapper .container .content-container &gt; .media-wrapper {
    height: 100%;
  }

  .module-scrollable-animation.business-class-seat-animation {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container {
    max-height: calc(100vh - 4.8rem);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container {
    opacity: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot {
    opacity: 0;
    z-index: 100;
    position: absolute;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:first-child {
    top: 55%;
    left: 28%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(2) {
    top: 8%;
    left: 60%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(3) {
    top: 46.8%;
    left: 42.4%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(4) {
    top: 37%;
    left: 50.5%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(5) {
    top: 17.5%;
    left: 46.5%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(6) {
    top: 42%;
    left: 42%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot:nth-child(7) {
    top: 15%;
    left: 47%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot a {
    width: 6rem;
    height: 6rem;
    display: block;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot span {
    color: #fff;
    display: block;
    position: absolute;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot span:before, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot span:after {
    color: #fff;
  }

  @keyframes hotspotBackdropDesktop {
    0% {
      box-shadow: 3px 31px 60px 40px #ffad00;
    }

    50% {
      box-shadow: 3px 31px 60px 20px #ffad00;
    }

    100% {
      box-shadow: 3px 31px 60px 40px #ffad00;
    }
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot .indicator {
    background: none;
    border-radius: 50%;
    height: 0;
    animation-name: hotspotBackdropDesktop;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    box-shadow: 3px 31px 60px 40px #ffad00;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .hotspot .indicator:before {
    content: "+";
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 6.4rem;
    font-weight: bold;
    line-height: 6.4rem;
    display: block;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper {
    transform: translateX(-25%)translateY(-25%)scale(.5);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media {
    z-index: 2;
    position: relative;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media:not(.is-background-media) {
    opacity: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media:not(.is-background-media).is-seat1 {
    clip-path: polygon(23.971% 33.79%, 32.06% 33.79%, 33.082% 34.11%, 34.016% 34.68%, 34.793% 35.427%, 35.393% 36.246%, 35.904% 37.1%, 36.349% 38.132%, 36.771% 39.448%, 37.016% 40.801%, 37.127% 42.082%, 37.127% 57.313%, 36.993% 58.737%, 36.727% 60.089%, 36.327% 61.406%, 35.816% 62.509%, 35.26% 63.434%, 34.571% 64.217%, 33.838% 64.858%, 33.082% 65.32%, 32.149% 65.747%, 23.949% 65.747%, 23.86% 65.285%, 23.927% 64.751%, 21.949% 64.715%, 20.082% 65.605%, 19.66% 65.712%, 15.504% 65.747%, 14.993% 65.463%, 14.593% 64.751%, 14.46% 63.932%, 14.46% 35.498%, 14.593% 34.751%, 14.949% 34.11%, 15.438% 33.79%, 19.927% 33.79%, 21.971% 34.893%, 24.038% 34.893%, 23.904% 34.68%, 23.882% 34.431%, 23.638% 34.431%, 23.638% 34.11%, 23.882% 34.11%, 23.971% 33.79%);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media:not(.is-background-media).is-seat2 {
    clip-path: polygon(51.984% 2.982%, 55.562% 2.982%, 55.562% 4.69%, 58.14% 4.69%, 59.562% 4.94%, 61.318% 4.94%, 61.318% 4.69%, 61.54% 4.69%, 61.584% 4.192%, 61.807% 3.907%, 66.184% 3.872%, 66.518% 4.263%, 66.518% 4.726%, 67.762% 4.37%, 69.762% 4.37%, 69.762% 3.658%, 70.118% 3.196%, 70.562% 2.911%, 71.184% 2.875%, 71.184% 11.488%, 71.051% 12.342%, 70.829% 13.089%, 70.473% 13.658%, 69.762% 14.228%, 64.518% 16.826%, 64.229% 17.181%, 61.984% 27.644%, 58.318% 27.644%, 58.251% 27.431%, 51.207% 26.719%, 51.229% 23.623%, 51.984% 23.231%, 53.007% 22.413%, 53.94% 21.345%, 54.762% 20.028%, 55.54% 18.249%, 55.962% 16.577%, 56.007% 15.26%, 55.829% 14.05%, 55.407% 13.089%, 54.807% 12.306%, 54.162% 11.95%, 53.384% 11.701%, 52.696% 11.06%, 52.251% 10.171%, 51.984% 9.032%, 51.984% 2.982%);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media:not(.is-background-media).is-seat3 {
    clip-path: polygon(36.616% 36.555%, 36.86% 36.164%, 37.86% 35.096%, 38.749% 34.384%, 39.704% 33.815%, 40.616% 33.495%, 41.682% 33.281%, 42.904% 33.246%, 44.971% 41.466%, 45.082% 41.744%, 45.26% 41.964%, 50.993% 44.242%, 51.504% 44.811%, 51.816% 45.53%, 51.993% 46.306%, 51.993% 52.819%, 51.78% 53.669%, 51.393% 54.491%, 50.86% 54.918%, 45.304% 57.16%, 45.118% 57.324%, 44.993% 57.623%, 42.882% 65.843%, 39.46% 65.843%, 39.349% 65.772%, 39.349% 65.452%, 39.749% 64.918%, 34.904% 64.918%, 34.949% 64.456%, 35.551% 63.815%, 36.149% 62.961%, 36.616% 62.036%, 37.016% 61.004%, 37.369% 59.843%, 37.571% 58.726%, 37.682% 57.374%, 37.682% 42.391%, 37.571% 40.968%, 37.327% 39.616%, 37.016% 38.584%, 36.616% 37.552%, 36.616% 36.555%);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media:not(.is-background-media).is-seat4 {
    clip-path: polygon(42.236% 33.217%, 44.347% 41.509%, 44.48% 42.007%, 44.693% 42.488%, 44.967% 42.843%, 45.258% 43.075%, 50.547% 45.068%, 50.88% 45.246%, 51.124% 45.601%, 51.347% 46.064%, 51.436% 46.633%, 51.436% 49.587%, 61.569% 49.587%, 61.569% 42.719%, 61.487% 41.491%, 61.313% 40.456%, 61.058% 39.409%, 60.713% 38.438%, 60.28% 37.452%, 59.391% 36.028%, 58.838% 35.363%, 58.324% 34.819%, 57.413% 34.071%, 56.524% 33.573%, 55.589% 33.32%, 54.969% 33.359%, 54.769% 33.537%, 54.613% 33.751%, 54.524% 34.249%, 52.953% 33.932%, 52.758% 34.004%, 52.502% 34.285%, 47.058% 34.285%, 46.918% 33.772%, 46.836% 33.751%, 46.742% 33.313%, 46.658% 33.217%, 42.236% 33.217%);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media:not(.is-background-media).is-seat5 {
    clip-path: polygon(46.504% 2.875%, 47.104% 2.875%, 47.211% 2.972%, 47.26% 3.16%, 47.26% 3.552%, 51.749% 3.552%, 51.86% 3.231%, 51.86% 2.911%, 52.504% 2.911%, 52.504% 8.747%, 52.527% 9.139%, 52.616% 9.637%, 52.802% 10.199%, 53.082% 10.705%, 53.416% 11.025%, 53.789% 11.199%, 54.149% 11.302%, 54.482% 11.416%, 54.922% 11.69%, 55.238% 12.021%, 55.616% 12.52%, 55.88% 13.046%, 56.064% 13.516%, 56.26% 14.228%, 56.416% 15.011%, 56.498% 15.719%, 56.542% 16.253%, 56.527% 16.968%, 56.304% 18.178%, 55.927% 19.673%, 55.593% 20.861%, 55.216% 21.915%, 54.767% 22.982%, 54.104% 24.121%, 53.478% 24.954%, 52.704% 25.758%, 52.109% 26.206%, 51.527% 26.577%, 51.176% 26.63%, 48.727% 27.502%, 48.527% 27.505%, 43.06% 27.502%, 42.984% 27.612%, 42.893% 27.648%, 38.638% 27.644%, 37.949% 24.548%, 39.46% 17.431%, 39.629% 16.851%, 39.882% 16.399%, 40.238% 16.078%, 45.616% 13.338%, 46.016% 12.982%, 46.291% 12.537%, 46.482% 11.986%, 46.513% 11.609%, 46.504% 2.875%);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .media-container .media-wrapper .media.is-background-media {
    z-index: 1;
    filter: blur() brightness();
    position: absolute;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container {
    background: linear-gradient(90deg, #081029 50%, rgba(8, 16, 41, 0) 100%);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: auto;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .animation-wrapper {
    transform-origin: 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .animation-wrapper .main-headline-container {
    transform-origin: 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    transform: translateX(0%)translateY(0%)scale(4);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .animation-wrapper .main-headline-container .subheadline :first-child {
    font-size: 12.8rem;
    line-height: 13.8rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .headline :first-child {
    font-size: 12.8rem;
    font-weight: bold;
    line-height: 13.8rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline {
    margin-top: 1.2rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline :first-child {
    white-space: nowrap;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 6.4rem;
    font-weight: bold;
    line-height: 6.4rem;
    display: -ms-flexbox;
    display: flex;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline :first-child span {
    position: relative;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline :first-child span:after {
    content: attr(data-content);
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1px #fff;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    transition: clip-path 1s ease-in-out;
    position: absolute;
    left: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .subheadline :first-child.start-animation span:after {
    clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container {
    position: absolute;
    top: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline :first-child, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline :first-child {
    white-space: nowrap;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12.8rem;
    font-weight: bold;
    line-height: 13.8rem;
    display: -ms-flexbox;
    display: flex;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline :first-child span, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline :first-child span {
    position: relative;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline :first-child span:after, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline :first-child span:after {
    content: attr(data-content);
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1px #fff;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    transition: clip-path 1s ease-in-out;
    position: absolute;
    left: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline.start-animation :first-child span:after, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline.start-animation :first-child span:after {
    clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headline-item {
    overflow: hidden;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-main-headline &gt; :first-child {
    transform: translateY(100%);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-subheadline {
    opacity: 0;
    padding-top: 2rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-subheadline :first-child {
    white-space: nowrap;
    font-size: 3.2rem;
    font-weight: normal;
    line-height: 3.3rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headlines {
    position: relative;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headlines .hotspot-headline-item {
    position: absolute;
    top: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headlines .hotspot-headline-item .hotspot-headline, .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .headline-container .hotspot-headlines-container .hotspot-headlines .hotspot-headline-item .hotspot-subheadline {
    transform: translateY(calc(110% + 6rem));
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .headline :first-child {
    font-size: 12.8rem;
    font-weight: bold;
    line-height: 12.8rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .subheadline :first-child {
    font-size: 3.2rem;
    font-weight: normal;
    line-height: 3.2rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content {
    clip-path: inset(0 0 0 100%);
    width: 100%;
    transition: clip-path .4s ease-out;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .close {
    z-index: 2;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .close a {
    color: #05164d;
    background: url("./_img/overlay/arrow-back.svg") 0 no-repeat;
    padding: 0 0 0 2rem;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.9rem;
    display: block;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .close a.icon {
    position: static;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content &gt; .media-wrapper {
    padding: 4% 4% 4% 8%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media-wrapper {
    height: 100%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media-wrapper .close {
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 11%;
    right: 6%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .media-wrapper .close a {
    color: #05164d;
    background: url("./_img/overlay/close-overlay.svg") center / cover no-repeat;
    height: 100%;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 4%;
    padding: 0% 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .main-headline {
    margin-bottom: 5rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .main-headline &gt; :first-child {
    color: #05164d;
    font-size: 3.2rem;
    font-weight: normal;
    line-height: 3.2rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .headline {
    white-space: normal;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .headline :first-child {
    color: #05164d;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2.5rem;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content .text {
    color: #05164d;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content &gt; div {
    background: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 33.3333%;
    min-height: 80%;
    padding: 5% 3%;
    transition: transform .5s ease-out;
    display: -ms-flexbox;
    display: flex;
    transform: translateY(100%);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content &gt; div &gt; div {
    width: 100%;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content .content &gt; div &gt; div .close {
    order: initial;
    margin-top: 0;
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content.is-active {
    clip-path: inset(0);
  }

  .module-scrollable-animation.business-class-seat-animation .wrapper .container .chapter .content-container .hotspot-content.is-active.is-show-content .content &gt; div {
    transform: translateY(0%);
  }
}

.module-scrollable-info {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-scrollable-info .wrapper .container {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.module-scrollable-info .wrapper .container .headline, .module-scrollable-info .wrapper .container .subheadline {
  white-space: normal;
  color: #05164d;
}

.module-scrollable-info .wrapper .container .headline :first-child, .module-scrollable-info .wrapper .container .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-scrollable-info .wrapper .container .headline &gt; :first-child {
  font-size: 4.4rem;
  font-weight: bold;
  line-height: 4.8rem;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper {
  z-index: 1;
  clip-path: inset(0%);
  width: 100%;
  height: 100%;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper .media {
  width: 100%;
  height: 100%;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper .media video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  width: 100%;
  top: 50%;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span {
  position: relative;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  content: attr(data-content);
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s ease-in-out .33s;
  position: absolute;
  left: 0;
}

.module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline {
  color: #fff;
}

.module-scrollable-info .wrapper .container &gt; .content {
  z-index: 0;
  opacity: 0;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .headline-container {
  z-index: 1;
  padding: 4rem 2.4rem 0;
  position: absolute;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .headline-container .headline &gt; :first-child {
  color: #05164d;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 3.2rem;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container {
  z-index: 2;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: relative;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-track, .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-track ul, .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-track li {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item {
  opacity: 1;
  background: none;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .content {
  opacity: 1;
  width: 100%;
  padding: 12.4rem 2.4rem 2.4rem;
  transform: translateY(0%);
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .content .headline {
  margin-bottom: 1rem;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .content .headline :first-child {
  white-space: normal;
  color: #05164d;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.7rem;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .media-wrapper {
  width: 100%;
  max-height: calc(50vh - 1.8rem);
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .media-wrapper .media, .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .media-wrapper picture, .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .media-wrapper img {
  height: 100%;
  max-height: calc(50vh - 1.8rem);
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .glide__bullets {
  z-index: 1;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .glide__bullets button {
  background: #999;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 .4rem;
  padding: 0;
}

.module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .glide__bullets button.glide__bullet--active {
  background: #031029;
  width: 1.6rem;
  height: 1.6rem;
}

.module-scrollable-info.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
}

@media (min-width: 1024px) {
  .module-scrollable-info {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
    overflow-x: clip;
    overflow-y: hidden;
  }

  .module-scrollable-info .wrapper .container &gt; .media-wrapper {
    z-index: 1;
    clip-path: inset(15% 10% 0%);
    background: #fff;
  }

  .module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
    top: 50%;
  }

  .module-scrollable-info .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline &gt; :first-child {
    font-size: 12.8rem;
    line-height: 13.8rem;
  }

  .module-scrollable-info .wrapper .container &gt; .content {
    z-index: 0;
    opacity: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .headline-container {
    z-index: 100;
    padding: 0;
    position: absolute;
    top: 10%;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .headline-container .headline &gt; :first-child {
    color: #05164d;
    font-size: 12.8rem;
    font-weight: 700;
    line-height: 13.8rem;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .headline-container .headline &gt; :first-child span:first-child {
    color: #05164d;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container {
    max-height: calc(100vh - 4.8rem);
    position: relative;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-track {
    background: #fff;
    max-height: calc(100vh - 4.8rem);
    overflow: visible;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-track ul, .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-track li {
    max-height: calc(100vh - 4.8rem);
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .glide__slides {
    overflow: visible;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item {
    opacity: 0;
    background: #fff;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .content {
    opacity: 0;
    width: 50%;
    padding: 0 9.6rem 0 0;
    transform: translateY(100%);
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .content .headline {
    margin-bottom: 3rem;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .content .headline :first-child {
    white-space: normal;
    color: #05164d;
    font-size: 2.4rem;
    line-height: 2.7rem;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .media-wrapper {
    width: 50%;
    height: 100%;
    max-height: none;
    overflow: hidden;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .media-wrapper .media {
    width: 100%;
    height: 100%;
    max-height: none;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .media-wrapper .media picture, .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item .media-wrapper .media img {
    height: 100%;
    max-height: none;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .teaser-item:first-child {
    opacity: 1;
  }

  .module-scrollable-info .wrapper .container &gt; .content .content-wrapper .teaser-container .glide__bullets {
    display: none;
  }
}

.module-scrollable-video {
  background: #031029;
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-scrollable-video .wrapper .container {
  color: #fff;
}

.module-scrollable-video .wrapper .container &gt; .media-wrapper, .module-scrollable-video .wrapper .container &gt; .media-wrapper .media {
  width: 100%;
  height: 100%;
}

.module-scrollable-video .wrapper .container &gt; .media-wrapper .media video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.module-scrollable-video .wrapper .container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.module-scrollable-video .wrapper .container .content h3 {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.2rem;
}

.module-scrollable-video .wrapper .container .content .chapter {
  opacity: 0;
  width: 100%;
  transition: opacity .2s ease-out;
  position: relative;
}

.module-scrollable-video .wrapper .container .content .chapter.active {
  opacity: 1;
  height: 100%;
}

.module-scrollable-video .wrapper .container .content .chapter .headline {
  opacity: 0;
  -ms-hyphens: none;
  hyphens: none;
  transition: opacity .2s ease-out, transform .2s ease-out;
  position: absolute;
  transform: scale(1.2);
}

.module-scrollable-video .wrapper .container .content .chapter .headline :first-child {
  font-size: 3rem;
  font-weight: bold;
  line-height: 3.2rem;
}

.module-scrollable-video .wrapper .container .content .chapter .headline.active {
  opacity: 1;
  height: auto;
  transform: scale(1);
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint {
  opacity: 0;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 1.8rem;
  line-height: 2.2rem;
  transition: opacity .2s ease-out .3s;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint:before {
  content: none;
  opacity: 0;
  background: #ffad00;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: opacity linear;
  position: absolute;
  transform: translateY(-.85rem);
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint.right {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint p {
  padding: .4rem 0 0;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint p:after {
  content: "";
  background: #ffad00;
  width: 0%;
  height: .1rem;
  margin-left: 0;
  transition: width .3s ease-out;
  display: block;
  transform: translateY(.4rem);
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint.active.fade-out {
  opacity: 0;
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint.active.fade-out:after {
  opacity: 0;
  transition-delay: .2s;
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint.active.fade-out p:after {
  width: 0;
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint.active:not(.fade-out), .module-scrollable-video .wrapper .container .content .chapter .bulletpoint.active:not(.fade-out):after {
  opacity: 1;
}

.module-scrollable-video .wrapper .container .content .chapter .bulletpoint.active:not(.fade-out) p:after {
  width: 100%;
}

.module-scrollable-video .wrapper .container .content .particles {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.5);
}

.module-scrollable-video .wrapper .container .content .particles .particle {
  opacity: 0;
  transition: opacity .2s ease-out;
  position: absolute;
}

.module-scrollable-video .wrapper .container .content .particles .particle.active {
  opacity: 1;
}

.module-scrollable-video .wrapper .container .media-wrapper {
  min-width: 100%;
}

.module-scrollable-video .wrapper .container .status-container {
  z-index: 10;
  width: 6rem;
  height: 6rem;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: 15%;
}

.module-scrollable-video .wrapper .container .status-container &gt; div {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.module-scrollable-video .wrapper .container .status-container &gt; div.is-hidden {
  display: none;
}

.module-scrollable-video .wrapper .container .status-container &gt; div a {
  width: 100%;
  height: 100%;
  display: block;
}

.module-scrollable-video .wrapper .container .status-container .play a {
  background: url("./_img/play.svg") center no-repeat;
}

.module-scrollable-video .wrapper .container .status-container .playing svg, .module-scrollable-video .wrapper .container .status-container .playing a {
  position: absolute;
  top: 0;
  left: 0;
}

.module-scrollable-video .wrapper .container .status-container .playing svg.is-hidden, .module-scrollable-video .wrapper .container .status-container .playing a.is-hidden {
  display: none;
}

.module-scrollable-video .wrapper .container .status-container .playing .progress {
  transform-origin: 50%;
  stroke-dasharray: 182.212 182.212;
  stroke-dashoffset: 182.212px;
  transition: stroke-dashoffset .35s;
  transform: rotate(-90deg);
}

.module-scrollable-video .wrapper .container .status-container .playing a.pause-icon {
  background: url("./_img/pause.svg") center no-repeat;
}

.module-scrollable-video .wrapper .container .status-container .playing a.play-icon {
  background: url("./_img/play-arrow.svg") center no-repeat;
}

.module-scrollable-video .wrapper .container .status-container .replay a {
  background: url("./_img/replay.svg") center no-repeat;
}

.module-scrollable-video .wrapper .container .scroll-animation {
  bottom: 6rem;
  left: -100vw;
  top: initial;
  opacity: 0;
  width: 5rem;
  transition: opacity .3s ease-out;
  display: none;
  position: absolute;
}

.module-scrollable-video .wrapper .container .scroll-animation.is-active {
  opacity: 0;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline {
  top: 50%;
  left: 50%;
  transform: scale(1.2)translateX(-50%)translateY(-50%);
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
  transform: scale(1.2)translateX(-50%)translateY(-50%);
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
  max-width: 80%;
  top: 60%;
  left: 10%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
  max-width: 80%;
  top: 55%;
  left: 10%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
  max-width: 50%;
  top: 60%;
  left: 5%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-3, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-3 {
  max-width: 60%;
  top: 56%;
  left: 8%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-4, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-4 {
  max-width: 70%;
  top: 55%;
  left: 15%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-5, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-5 {
  max-width: 70%;
  top: 40%;
  left: 20%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-6, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-6 {
  top: 50%;
  left: 10%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline, .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline.active, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline.active {
  top: 6%;
  left: 4%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-0, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-0 {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  max-width: 60%;
  top: 15%;
  left: 13%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-1, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-1 {
  max-width: 60%;
  top: 20%;
  left: 18%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-2, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-2 {
  max-width: 80%;
  top: 23%;
  left: 7%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline, .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline.active, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline.active {
  top: 6%;
  left: 4%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline {
  top: 4%;
  left: 4%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline :first-child, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline :first-child {
  font-size: 3.2rem;
  line-height: 3.4rem;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline.active, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline.active {
  top: 4%;
  left: 4%;
}

.first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .bulletpoint.is-bulletpoint-0, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .bulletpoint.is-bulletpoint-0 {
  top: 10%;
  left: 5%;
}

@keyframes particle_animation {
  100% {
    background-position: -4320rem;
  }
}

.first-class .module-scrollable-video .wrapper .container .content .particles .particle, .allegris-first-class .module-scrollable-video .wrapper .container .content .particles .particle {
  width: 100%;
  height: 100%;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
  top: 6%;
  left: 10%;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  top: 19%;
  left: 50%;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
  max-width: 70%;
  top: 18%;
  left: 6%;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
  top: 25%;
  left: 10%;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline, .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline.active, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline.active {
  top: 15%;
  left: 5%;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline {
  top: 6%;
  left: 5%;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline br, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline br {
  display: none;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline :first-child, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline :first-child {
  font-size: 2.4rem;
  line-height: 2.8rem;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline.active, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline.active {
  top: 6%;
  left: 5%;
}

.business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .bulletpoint.is-bulletpoint-0, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .bulletpoint.is-bulletpoint-0 {
  top: 10%;
  left: 5%;
}

@keyframes particle_bc_animation {
  100% {
    background-position: -4392rem;
  }
}

.business-class .module-scrollable-video .wrapper .container .content .particles .particle, .allegris-business-class .module-scrollable-video .wrapper .container .content .particles .particle {
  width: 100%;
  height: 100%;
}

.premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
  top: 5%;
  left: 10%;
}

.premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
  max-width: 65%;
  top: 6%;
  left: 10%;
}

.premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  max-width: 80%;
  top: 15%;
  left: 12%;
}

.premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
  max-width: 40%;
  top: 20%;
  left: 6%;
}

.premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-3, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-3 {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  max-width: 50%;
  top: 53%;
  left: 3%;
}

.premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-4, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-4 {
  max-width: 60%;
  top: 41%;
  left: 32%;
  display: none !important;
}

.premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-5, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-5 {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  max-width: 70%;
  top: 59%;
  left: 30%;
}

.economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
  bottom: 30%;
  left: 5%;
}

.economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
  top: 30%;
  left: 17%;
}

.economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  max-width: 75%;
  top: 45%;
  left: 12%;
}

.economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
  max-width: 80%;
  top: 29%;
  left: 15%;
}

.economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
  top: 10%;
  left: 10%;
}

.economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  max-width: 60%;
  top: 8%;
  left: 3%;
}

.economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
  top: 10%;
  left: 41%;
}

.economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
  top: 12%;
  left: 3%;
}

@media (min-width: 768px) {
  .module-scrollable-video .wrapper .container .content .chapter .bulletpoint {
    font-size: 2.4rem;
    line-height: 2.7rem;
    max-width: 100% !important;
  }

  .module-scrollable-video .wrapper .container .content .chapter .bulletpoint p {
    font-size: 2.4rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 1024px) {
  .module-scrollable-video {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-scrollable-video .wrapper .container .content .chapter .headline :first-child {
    font-size: 5rem;
    line-height: 5.4rem;
  }

  .module-scrollable-video .wrapper .container .content .chapter .bulletpoint {
    font-size: 2.4rem;
    line-height: 2.7rem;
    max-width: 100% !important;
  }

  .module-scrollable-video .wrapper .container .content .chapter .bulletpoint:before {
    content: none;
    width: 2rem;
  }

  .module-scrollable-video .wrapper .container .content .chapter .bulletpoint p {
    font-size: 2.4rem;
    line-height: 2.7rem;
  }

  .module-scrollable-video .wrapper .container .content .particles {
    transform: scale(1);
  }

  .module-scrollable-video .wrapper .container .status-container {
    display: none;
    top: -200vh;
    left: -200vw;
  }

  .module-scrollable-video .wrapper .container .scroll-animation {
    left: initial;
    display: block;
  }

  .module-scrollable-video .wrapper .container .scroll-animation.is-active {
    opacity: 1;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline {
    top: 50%;
    left: 50%;
    transform: scale(1.2)translateX(-50%)translateY(-50%);
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
    transform: scale(1.2)translateX(-50%)translateY(-50%);
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
    top: 74%;
    left: 22%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
    top: 40%;
    left: 53%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
    top: 32%;
    left: 52%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-3, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-3 {
    top: 64%;
    left: 45%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-4, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-4 {
    top: 42%;
    left: 35%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-5, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-5 {
    top: 50%;
    left: 44%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-6, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-6 {
    top: 46%;
    left: 63%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline, .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline.active, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline.active {
    top: 16%;
    left: 12%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-0, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-0 {
    top: 20%;
    left: 50%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-1, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-1 {
    top: 29%;
    left: 60%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-2, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .bulletpoint.is-bulletpoint-2 {
    top: 26%;
    left: 20%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline, .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline.active, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline.active {
    top: 16%;
    left: 12%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline {
    top: 10%;
    left: 10%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline :first-child, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline :first-child {
    font-size: 4.4rem;
    line-height: 4.8rem;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline.active, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .headline.active {
    top: 10%;
    left: 10%;
  }

  .first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .bulletpoint.is-bulletpoint-0, .allegris-first-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-3 .bulletpoint.is-bulletpoint-0 {
    top: 25%;
    left: 21%;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
    top: 20%;
    left: 10%;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
    top: 32%;
    left: 63%;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
    top: 26%;
    left: 22%;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
    top: 14%;
    left: 19%;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline, .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline.active, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-1 .headline.active {
    top: 20%;
    left: 12%;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline {
    top: 5%;
    left: 5%;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline br, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline br {
    display: initial;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline :first-child, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline :first-child {
    font-size: 4rem;
    line-height: 4.4rem;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline.active, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .headline.active {
    top: 5%;
    left: 5%;
  }

  .business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .bulletpoint.is-bulletpoint-0, .allegris-business-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-2 .bulletpoint.is-bulletpoint-0 {
    top: 32%;
    left: 66%;
  }

  .premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
    top: 50%;
    left: 10%;
  }

  .premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
    top: 25%;
    left: 55%;
  }

  .premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
    top: 20%;
    left: 12%;
  }

  .premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-3, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-3 {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    top: 19%;
    left: 8%;
  }

  .premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-4, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-4 {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    top: 62%;
    left: 66%;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-5, .allegris-premium-economy-class .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-5 {
    -ms-flex-direction: row;
    flex-direction: row;
    top: 70%;
    left: 65%;
  }

  .economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
    bottom: 10%;
    left: 5%;
  }

  .economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
    top: 73%;
    left: 67%;
  }

  .economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    top: 80%;
    left: 61%;
  }

  .economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-economy-class .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-economy-class-test .section-scrollable-video[data-module-count="1"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
    top: 31%;
    left: 41%;
  }

  .economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline, .economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .headline.active {
    top: 10%;
    left: 10%;
  }

  .economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-0 {
    -ms-flex-direction: row;
    flex-direction: row;
    top: 23%;
    left: 18%;
  }

  .economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-1 {
    top: 34%;
    left: 58%;
  }

  .economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-economy-class .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2, .allegris-economy-class-test .section-scrollable-video[data-module-count="2"] .module-scrollable-video .wrapper .container .content .chapter.is-chapter-0 .bulletpoint.is-bulletpoint-2 {
    top: 75%;
    left: 72%;
  }
}

.module-section-divider {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-section-divider .wrapper .container .headline, .module-section-divider .wrapper .container .subheadline {
  white-space: nowrap;
  color: #05164d;
}

.module-section-divider .wrapper .container .headline :first-child, .module-section-divider .wrapper .container .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-section-divider .wrapper .container .headline :first-child:not[span] {
  font-size: 4.4rem;
  line-height: 4.8rem;
}

.module-section-divider .wrapper .container &gt; .media-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .media {
  width: 100%;
  height: 100%;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .media video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .media picture, .module-section-divider .wrapper .container &gt; .media-wrapper .media img {
  height: 100%;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  position: absolute;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  font-weight: 700;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span {
  position: relative;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  content: attr(data-content);
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s ease-in-out .1s;
  position: absolute;
  left: 0;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline {
  color: #fff;
}

.module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline :first-child {
  font-size: 4.2rem;
  line-height: 5.7rem;
}

.module-section-divider.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
}

.business-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container, .allegris-business-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container {
  top: 70%;
}

.premium-economy-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container, .allegris-premium-economy-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container {
  top: 66%;
}

.economy-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container, .allegris-economy-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container {
  top: 50%;
}

.economy-class .section-section-divider[data-module-count="2"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container, .allegris-economy-class .section-section-divider[data-module-count="2"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container {
  top: 55%;
}

@media (min-width: 1024px) {
  .module-section-divider {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-section-divider .wrapper .container &gt; .media-wrapper {
    z-index: 1;
    clip-path: inset(15% 10% 0%);
    background: #fff;
  }

  .module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-section-divider .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline &gt; :first-child {
    font-size: 12.8rem;
    line-height: 13.8rem;
  }

  .module-section-divider[data-has-movement] .wrapper .container &gt; .media-wrapper .media {
    transform: translate(5%, -5%);
  }

  .business-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container, .allegris-business-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container {
    top: 50%;
  }

  .premium-economy-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container, .allegris-premium-economy-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container {
    top: 55%;
  }

  .economy-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container, .allegris-economy-class .section-section-divider[data-module-count="1"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container {
    top: 50%;
  }

  .economy-class .section-section-divider[data-module-count="2"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container, .allegris-economy-class .section-section-divider[data-module-count="2"] .module-section-divider .wrapper .container &gt; .media-wrapper .headline-container {
    top: 55%;
  }
}

.section {
  background: none;
}

.section.section-herostage {
  height: 250vh;
  position: relative;
}

.section.section-gallery {
  height: 700vh;
  position: relative;
}

.section.section-section-divider {
  height: 200vh;
  position: relative;
  overflow-x: clip;
}

.section.section-section-divider.is-fixed {
  position: sticky;
  top: 3.6rem;
}

.section.section-section-divider.is-fixed .module-section-divider {
  position: relative;
  top: 0;
}

.section.section-scrollable-video {
  height: 300vh;
  position: relative;
}

.section.section-scrollable-info {
  height: 575vh;
  position: relative;
}

.section.section-scrollable-info.is-fixed {
  position: sticky;
  top: 3.6rem;
}

.section.section-scrollable-info.is-fixed .module-scrollable-info {
  position: relative;
  top: 0;
}

.section.section-single-detail {
  height: 450vh;
  position: relative;
  overflow-x: clip;
}

.section.section-tablet-animation {
  background: none;
  height: 1300vh;
  position: relative;
}

.section.section-tablet-animation-business {
  background: none;
  height: 500vh;
  position: relative;
}

.section.section-entertainment-animation {
  height: 550vh;
  position: relative;
}

.section.section-headphone-animation {
  z-index: 5;
  background: rgba(255, 255, 255, 0);
  height: 400vh;
  position: relative;
}

.section.section-scrollable-animation {
  height: 1200vh;
  position: relative;
}

.section.section-single-detail-content-only {
  height: 200vh;
  position: relative;
  overflow-x: clip;
}

.section.section-allegris-overview {
  padding-top: 3.6rem;
}

.section.section-meet-the-makers {
  height: 500vh;
  position: relative;
}

.section.section-parallax {
  position: relative;
  overflow: hidden;
}

.section.section-video {
  height: 200vh;
  position: relative;
  overflow-x: clip;
}

.section.section-worldmap {
  position: relative;
}

.section.section-text-media {
  height: 200vh;
  position: relative;
  overflow-x: clip;
}

.economy-class .section.section-gallery, .allegris-economy-class .section.section-gallery {
  height: 500vh;
}

@media (min-width: 1024px) {
  .section {
    background: none;
  }

  .section.section-herostage {
    height: 300vh;
    position: relative;
  }

  .section.section-section-divider {
    height: 250vh;
    position: relative;
    overflow-x: clip;
  }

  .section.section-section-divider.is-fixed {
    position: sticky;
    top: 4.8rem;
  }

  .section.section-section-divider.is-fixed .module-section-divider {
    position: relative;
    top: 0;
  }

  .section.section-scrollable-video, .section.section-scrollable-info {
    position: relative;
  }

  .section.section-scrollable-info.is-fixed {
    height: 1200vh;
    position: sticky;
    top: 4.8rem;
  }

  .section.section-scrollable-info.is-fixed .module-scrollable-info {
    position: relative;
    top: 0;
  }

  .section.section-single-detail {
    height: 550vh;
    position: relative;
  }

  .section.section-tablet-animation {
    background: none;
    height: 1350vh;
    position: relative;
  }

  .section.section-tablet-animation-business {
    background: none;
    height: 600vh;
    position: relative;
  }

  .section.section-entertainment-animation {
    height: 650vh;
    position: relative;
  }

  .section.section-headphone-animation {
    z-index: 5;
    background: rgba(255, 255, 255, 0);
    height: 500vh;
    position: relative;
  }

  .section.section-scrollable-animation {
    height: 1200vh;
    position: relative;
  }

  .section.section-single-detail-content-only {
    height: 250vh;
    position: relative;
  }

  .section.section-allegris-overview {
    padding-top: 4.8rem;
  }

  .section.section-meet-the-makers {
    height: 500vh;
    position: relative;
  }

  .section.section-parallax, .section.section-video {
    height: 200vh;
    position: relative;
  }

  .section.section-worldmap, .section.section-teaser {
    position: relative;
  }

  .section.section-text-media {
    height: 200vh;
    position: relative;
  }

  .first-class section.section-scrollable-video, .allegris-first-class section.section-scrollable-video {
    height: 6100vh;
  }

  .first-class section.section-headphone-animation, .allegris-first-class section.section-headphone-animation {
    height: 400vh;
  }

  .business-class section.section-scrollable-video, .allegris-business-class section.section-scrollable-video {
    height: 1500vh;
  }

  .business-class section.section-headphone-animation, .allegris-business-class section.section-headphone-animation {
    height: 400vh;
  }

  .premium-economy-class section.section-scrollable-video, .allegris-premium-economy-class section.section-scrollable-video {
    height: 4000vh;
  }

  .economy-class section.section-scrollable-video[data-module-count="1"], .allegris-economy-class section.section-scrollable-video[data-module-count="1"], .economy-class-test section.section-scrollable-video[data-module-count="1"], .allegris-economy-class-test section.section-scrollable-video[data-module-count="1"] {
    height: 2100vh;
  }

  .economy-class section.section-scrollable-video[data-module-count="2"], .allegris-economy-class section.section-scrollable-video[data-module-count="2"], .economy-class-test section.section-scrollable-video[data-module-count="2"], .allegris-economy-class-test section.section-scrollable-video[data-module-count="2"] {
    height: 2000vh;
  }
}

.module-single-detail-content-only {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-single-detail-content-only .wrapper .container .headline, .module-single-detail-content-only .wrapper .container .subheadline {
  white-space: nowrap;
  color: #05164d;
}

.module-single-detail-content-only .wrapper .container .headline :first-child, .module-single-detail-content-only .wrapper .container .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-single-detail-content-only .wrapper .container .headline :first-child:not[span] {
  font-size: 4.4rem;
  line-height: 4.8rem;
}

.module-single-detail-content-only .wrapper .container &gt; .content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2.4rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content .main-headline &gt; :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.4rem;
  display: -ms-flexbox;
  display: flex;
}

.module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline {
  white-space: normal;
}

.module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline :first-child {
  color: #05164d;
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.7rem;
}

.module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
  filter: blur();
  background: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  min-height: 72vh;
  padding: 2.4rem;
  display: -ms-flexbox;
  display: flex;
  transform: translate3d(0, 10%, 0);
}

.module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div &gt; div {
  width: 100%;
}

.module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .headline, .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .text {
  transform: translateY(4rem);
}

.module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .media-wrapper {
  transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) {
  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
    background: #fff;
    width: 66.66%;
    min-height: 62.5%;
    padding: 2.4rem;
    transform: translate3d(0, 100%, 0);
  }
}

@media (min-width: 1024px) {
  .module-single-detail-content-only {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper, .module-single-detail-content-only .wrapper .container &gt; .content .detail-container, .module-single-detail-content-only .wrapper .container &gt; .content .media-wrapper, .module-single-detail-content-only .wrapper .container &gt; .content .media, .module-single-detail-content-only .wrapper .container &gt; .content picture, .module-single-detail-content-only .wrapper .container &gt; .content img, .module-single-detail-content-only .wrapper .container &gt; .content video {
    height: 100%;
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container {
    position: relative;
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .media-wrapper {
    transform-origin: bottom;
    filter: blur(5px);
    padding: 0%;
    transform: translate3d(0, 0, 0)scale(1);
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content .main-headline &gt; :first-child {
    color: #05164d;
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 4.4rem;
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline {
    white-space: normal;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline :first-child {
    color: #05164d;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 2.7rem;
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
    filter: blur(5px);
    background: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 33.3333%;
    min-width: 41rem;
    min-height: 70%;
    padding: 5% 3%;
    transition: transform .3s ease-out, margin .3s ease-out;
    display: -ms-flexbox;
    display: flex;
    transform: translate3d(0, 100%, 0);
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div &gt; div {
    max-width: 100%;
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .headline, .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .text {
    transform: translateY(4rem);
  }

  .module-single-detail-content-only .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div.is-show-content {
    margin-bottom: 5%;
    transform: translate3d(0, 0, 0);
  }
}

.module-single-detail {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-single-detail .wrapper .container .headline, .module-single-detail .wrapper .container .subheadline {
  white-space: nowrap;
  color: #05164d;
}

.module-single-detail .wrapper .container .headline :first-child, .module-single-detail .wrapper .container .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-single-detail .wrapper .container .headline :first-child:not[span] {
  font-size: 4.4rem;
  line-height: 4.8rem;
}

.module-single-detail .wrapper .container &gt; .media-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .media {
  width: 100%;
  height: 100%;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .media video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .media picture, .module-single-detail .wrapper .container &gt; .media-wrapper .media img {
  height: 100%;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  position: absolute;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  font-weight: 700;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span {
  position: relative;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  content: attr(data-content);
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s ease-in-out .1s;
  position: absolute;
  left: 0;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline {
  color: #fff;
}

.module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .subheadline :first-child {
  font-size: 4.2rem;
  line-height: 5.7rem;
}

.module-single-detail .wrapper .container &gt; .content {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
}

.module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 2.4rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content .main-headline &gt; :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.4rem;
  display: -ms-flexbox;
  display: flex;
}

.module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline {
  white-space: normal;
}

.module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline :first-child {
  color: #05164d;
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.7rem;
}

.module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
  filter: blur();
  background: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  min-height: 72vh;
  padding: 2.4rem;
  display: -ms-flexbox;
  display: flex;
  transform: translate3d(0, 10%, 0);
}

.module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div &gt; div {
  width: 100%;
}

.module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .headline, .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .text {
  transform: translateY(4rem);
}

.module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .media-wrapper {
  transform: translate3d(0, 0, 0);
}

.module-single-detail.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
}

@media (min-width: 768px) {
  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
    background: #fff;
    width: 66.66%;
    min-height: 62.5%;
    padding: 2.4rem;
    transform: translate3d(0, 100%, 0);
  }
}

.first-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-first-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  top: 60%;
}

.first-class .section-single-detail[data-module-count="2"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-first-class .section-single-detail[data-module-count="2"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  top: 15%;
}

.business-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-business-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  top: 64%;
}

.premium-economy-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-premium-economy-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  top: 46%;
}

.economy-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-economy-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
  top: 60%;
}

@media (min-width: 1024px) {
  .module-single-detail {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-single-detail .wrapper .container &gt; .media-wrapper {
    z-index: 1;
    clip-path: inset(10% 7% 0%);
    background: #fff;
  }

  .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline &gt; :first-child {
    font-size: 12.8rem;
    line-height: 13.8rem;
  }

  .module-single-detail .wrapper .container &gt; .content {
    transform: translateY(100%);
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper, .module-single-detail .wrapper .container &gt; .content .detail-container, .module-single-detail .wrapper .container &gt; .content .media-wrapper, .module-single-detail .wrapper .container &gt; .content .media, .module-single-detail .wrapper .container &gt; .content picture, .module-single-detail .wrapper .container &gt; .content img, .module-single-detail .wrapper .container &gt; .content video {
    height: 100%;
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container {
    position: relative;
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .media-wrapper {
    transform-origin: bottom;
    filter: blur(5px);
    padding: 0%;
    transform: translate3d(0, 0, 0)scale(1);
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content .main-headline &gt; :first-child {
    color: #05164d;
    font-size: 12.8rem;
    font-weight: 700;
    line-height: 13.8rem;
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline {
    white-space: normal;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content .headline :first-child {
    color: #05164d;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 2.7rem;
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div {
    filter: blur(5px);
    background: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 33.3333%;
    min-width: 41rem;
    min-height: 70%;
    padding: 5% 3%;
    transition: transform .3s ease-out, margin .3s ease-out;
    display: -ms-flexbox;
    display: flex;
    transform: translate3d(0, 100%, 0);
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .headline, .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div .text {
    transform: translateY(4rem);
  }

  .module-single-detail .wrapper .container &gt; .content .content-wrapper .detail-container .content &gt; div.is-show-content {
    margin-bottom: 5%;
    transform: translate3d(0, 0, 0);
  }

  .module-single-detail[data-has-movement] .wrapper .container &gt; .media-wrapper .media {
    transform: translate(5%, -5%);
  }

  .first-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-first-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
    top: 60%;
  }

  .first-class .section-single-detail[data-module-count="2"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-first-class .section-single-detail[data-module-count="2"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
    top: 15%;
  }

  .business-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-business-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
    top: 30%;
  }

  .premium-economy-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-premium-economy-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
    top: 16%;
  }

  .economy-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container, .allegris-economy-class .section-single-detail[data-module-count="1"] .module-single-detail .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container {
    top: 60%;
  }
}

.module-single-info {
  min-height: 100vh;
}

.module-single-info .wrapper .container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-single-info .wrapper .container .content h2 {
  text-align: left;
  color: #05164d;
  margin: 0 0 4rem;
  padding: 6rem 0 0;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.4rem;
}

.module-single-info .wrapper .container .content h3 {
  margin: 0 0 2rem;
  font-size: 2.4rem;
  line-height: 2.7rem;
}

.module-single-info .wrapper .container .content .text {
  margin: 0 0 4rem;
}

@media (min-width: 1024px) {
  .module-single-info .wrapper .container {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 10rem 11%;
  }

  .module-single-info .wrapper .container .content {
    width: 50%;
  }

  .module-single-info .wrapper .container .content h2 {
    font-size: 6.4rem;
    line-height: 6.4rem;
  }

  .module-single-info .wrapper .container .media-wrapper {
    width: 50%;
    padding: 0 5%;
  }
}

.module-switchable-info .wrapper .container {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.module-switchable-info .wrapper .container &gt; .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-switchable-info .wrapper .container &gt; .content h3 {
  text-align: left;
  color: #05164d;
  margin: 0 0 1rem;
  padding: 0;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.4rem;
}

.module-switchable-info .wrapper .container &gt; .content h4 {
  margin: 0 0 2rem;
  font-size: 2.4rem;
  line-height: 2.7rem;
}

.module-switchable-info .wrapper .container &gt; .content .text {
  margin: 0 0 2rem;
}

.module-switchable-info .wrapper .container &gt; .content .switch {
  cursor: pointer;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.module-switchable-info .wrapper .container &gt; .content .switch .button {
  border: 2px solid #05164d;
  border-radius: 2rem;
  width: 5rem;
  margin: 0 0 0 2.4rem;
  padding: 1.2rem .4rem;
  position: relative;
}

.module-switchable-info .wrapper .container &gt; .content .switch .button .indicator {
  background: #05164d;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: transform .2s ease-out;
  position: absolute;
  top: .2rem;
  left: .2rem;
}

.module-switchable-info .wrapper .container &gt; .content .switch.active .button .indicator {
  transform: translateX(calc(100% + .2rem));
}

.module-switchable-info .wrapper .container &gt; .content .switch .states {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 .6rem;
  display: -ms-flexbox;
  display: flex;
}

.module-switchable-info .wrapper .container &gt; .content .switch .states span {
  color: #05164d;
  font-size: 1.6rem;
  line-height: 1.6rem;
  display: none;
}

.module-switchable-info .wrapper .container &gt; .content .switch .states span.active {
  display: block;
}

.module-switchable-info .wrapper .container .teaser-container {
  position: relative;
}

.module-switchable-info .wrapper .container .teaser-container &gt; .media-wrapper {
  z-index: 2;
  position: relative;
}

.module-switchable-info .wrapper .container .teaser-container .teaser-item {
  z-index: 0;
  opacity: 0;
  transition: opacity .2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}

.module-switchable-info .wrapper .container .teaser-container .teaser-item.active {
  opacity: 1;
}

@media (min-width: 1024px) {
  .module-switchable-info .wrapper .container {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .module-switchable-info .wrapper .container .content {
    width: 50%;
    padding: 0 2.4rem 0 0;
  }

  .module-switchable-info .wrapper .container .content h3 {
    padding: 11rem 0 0;
    font-size: 6.4rem;
    line-height: 6.4rem;
  }

  .module-switchable-info .wrapper .container .teaser-container {
    width: 50%;
  }
}

.module-tablet-animation-business .wrapper {
  min-height: 100%;
}

.module-tablet-animation-business .wrapper .container {
  height: 100%;
}

.module-tablet-animation, .module-tablet-animation-business {
  opacity: 0;
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
  overflow: hidden;
}

.module-tablet-animation .wrapper .container &gt; .media-wrapper, .module-tablet-animation-business .wrapper .container &gt; .media-wrapper {
  z-index: 1;
  filter: brightness(.3);
  clip-path: inset(0%);
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
}

.module-tablet-animation .wrapper .container &gt; .media-wrapper .media, .module-tablet-animation-business .wrapper .container &gt; .media-wrapper .media, .module-tablet-animation .wrapper .container &gt; .media-wrapper .media picture, .module-tablet-animation-business .wrapper .container &gt; .media-wrapper .media picture, .module-tablet-animation .wrapper .container &gt; .media-wrapper .media img, .module-tablet-animation-business .wrapper .container &gt; .media-wrapper .media img {
  height: 100%;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container, .module-tablet-animation-business .wrapper .container &gt; .tablet-container {
  z-index: 2;
  clip-path: inset(0%);
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0% 11%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .headline :first-child, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .headline :first-child {
  color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.4rem;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .content, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .content {
  opacity: 0;
  width: 100%;
  position: relative;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .content .headline, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .content .headline {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(0);
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .content .headline:first-child, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .content .headline:first-child {
  opacity: 1;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet {
  aspect-ratio: 72 / 120;
  width: auto;
  height: auto;
  max-height: 55vh;
  margin: 2.8rem auto 0;
  padding: 2.4rem 0;
  position: relative;
  transform: translateX(0%);
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer {
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  position: relative;
  transform: scale(1);
  box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0);
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-border, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-border {
  z-index: 2;
  opacity: 0;
  border: 1rem solid rgba(255, 255, 255, 0);
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: inset 0 0 8px 1px rgba(255, 255, 255, .6);
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner img, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner img {
  width: 100%;
  max-width: 7rem;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-moon, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-moon {
  opacity: 0;
  padding: 2rem 0 0;
  transform: translateY(-250%)scale(2);
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-moon img, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-moon img {
  max-width: 3.9rem;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-sun, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-sun {
  padding: 0 0 2rem;
  transform: scale(0);
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-sun img, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-sun img {
  max-width: 5.8rem;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller {
  aspect-ratio: 9 / 16;
  width: 7rem;
  height: auto;
  position: relative;
  transform: scale(0);
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span img, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span img {
  height: 100%;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span:first-child, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span:first-child {
  opacity: .5;
}

.module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span:nth-child(2), .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span:nth-child(2) {
  clip-path: inset(100% 0% 0%);
  bottom: 0;
}

.module-tablet-animation .wrapper .container &gt; .content, .module-tablet-animation-business .wrapper .container &gt; .content {
  z-index: 0;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 11%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.module-tablet-animation .wrapper .container &gt; .content .content-container, .module-tablet-animation-business .wrapper .container &gt; .content .content-container {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container, .module-tablet-animation-business .wrapper .container &gt; .content .media-container {
  width: 100%;
  height: auto;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper {
  width: 100%;
  max-width: 87rem;
  height: 100%;
  max-height: 120rem;
  position: relative;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet {
  aspect-ratio: 72 / 120;
  width: auto;
  height: 100%;
  max-height: 55vh;
  margin: 2.8rem auto 0;
  padding: 2.4rem 0;
  position: relative;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer {
  border-radius: 2rem;
  width: 100%;
  max-width: 87rem;
  height: 100%;
  max-height: 120rem;
  position: relative;
  transform: scale(1);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3);
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-border, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-border {
  z-index: 2;
  border: 1rem solid rgba(255, 255, 255, 0);
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: inset 0 0 8px 1px rgba(0, 0, 0, .3);
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner {
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container {
  width: 100%;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li {
  color: #fff;
  border-radius: .4rem;
  width: 33.3333%;
  padding: .4rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:first-child, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:first-child {
  width: 66.6667%;
  padding: .4rem 1.4rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:first-child .icon-wrapper, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:first-child .icon-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper {
  opacity: 0;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: .6rem;
  transition: opacity .3s ease-out;
  display: -ms-flexbox;
  display: flex;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container &gt; div, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container &gt; div {
  -ms-flex: 1;
  flex: 1;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container &gt; div img, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container &gt; div img {
  height: 100%;
  max-height: 8rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .label, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .label {
  font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.3rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:nth-child(4) .icon-wrapper .icon-media-container &gt; div img, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:nth-child(4) .icon-wrapper .icon-media-container &gt; div img {
  max-height: 5.5rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:nth-child(5) .icon-wrapper .icon-media-container &gt; div img, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:nth-child(5) .icon-wrapper .icon-media-container &gt; div img {
  max-height: 8rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:last-child .icon-wrapper .icon-media-container &gt; div img, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:last-child .icon-wrapper .icon-media-container &gt; div img {
  max-height: 4.5rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:nth-child(3) .icon-wrapper .icon-media-container &gt; div img, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:nth-child(3) .icon-wrapper .icon-media-container &gt; div img {
  max-height: 8rem;
}

.module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:nth-child(6) .icon-wrapper .icon-media-container &gt; div img, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:nth-child(6) .icon-wrapper .icon-media-container &gt; div img {
  max-height: 10rem;
}

.module-tablet-animation .wrapper .container &gt; .content .headline :first-child, .module-tablet-animation-business .wrapper .container &gt; .content .headline :first-child {
  color: #05164d;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.4rem;
}

.module-tablet-animation .wrapper .container &gt; .content .text, .module-tablet-animation-business .wrapper .container &gt; .content .text {
  margin-top: 1rem;
}

.module-tablet-animation.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after, .module-tablet-animation-business.start-animation .wrapper .container &gt; .media-wrapper .headline-wrapper .headline-container .headline :first-child span:after {
  clip-path: polygon(0 100%, 100% 110%, 100% 0, 0 0);
}

@media (min-width: 1024px) {
  .module-tablet-animation, .module-tablet-animation-business {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-tablet-animation .wrapper .container &gt; .media-wrapper, .module-tablet-animation-business .wrapper .container &gt; .media-wrapper {
    z-index: 1;
    filter: brightness(.3);
    clip-path: inset(0%);
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container, .module-tablet-animation-business .wrapper .container &gt; .tablet-container {
    z-index: 2;
    clip-path: inset(0%);
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .headline :first-child, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .headline :first-child {
    color: #fff;
    font-size: 5.6rem;
    line-height: 6rem;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .headline br, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .headline br {
    display: initial;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .content, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .content {
    opacity: 0;
    width: 50%;
    position: relative;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .content .headline, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .content .headline {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .content .headline:first-child, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .content .headline:first-child {
    opacity: 1;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    max-width: 100%;
    height: 100%;
    max-height: calc(100vh - 4.8rem);
    padding: 5%;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet {
    aspect-ratio: 3 / 4;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: .5rem;
    display: block;
    position: relative;
    transform: translateX(-50%);
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer {
    aspect-ratio: 3 / 4;
    border-radius: 4rem;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    position: relative;
    transform: scale(1);
    box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0);
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-border, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-border {
    z-index: 2;
    opacity: 0;
    border: 4rem solid rgba(255, 255, 255, 0);
    border-radius: 6rem;
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: inset 0 0 8px 1px rgba(255, 255, 255, .6);
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 8rem);
    height: calc(100% - 8rem);
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 4rem;
    left: 4rem;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner img, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner img {
    width: 100%;
    max-width: 7rem;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-moon, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-moon {
    opacity: 0;
    padding: 2rem 0 0;
    transform: translateY(-250%)scale(2);
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-moon img, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-moon img {
    max-width: 3.9rem;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-sun, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-sun {
    padding: 0 0 2rem;
    transform: scale(0);
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-sun img, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-sun img {
    max-width: 5.8rem;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller {
    width: 7rem;
    height: 14rem;
    position: relative;
    transform: scale(0);
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span {
    position: absolute;
    overflow: hidden;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span:first-child, .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span:first-child {
    opacity: .5;
  }

  .module-tablet-animation .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span:nth-child(2), .module-tablet-animation-business .wrapper .container &gt; .tablet-container .tablet-wrapper-scroll .tablet .tablet-outer .tablet-inner .tablet-scroller span:nth-child(2) {
    clip-path: inset(100% 0% 0%);
    bottom: 0;
  }

  .module-tablet-animation .wrapper .container &gt; .content, .module-tablet-animation-business .wrapper .container &gt; .content {
    z-index: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 11%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .module-tablet-animation .wrapper .container &gt; .content .content-container, .module-tablet-animation-business .wrapper .container &gt; .content .content-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 40%;
    display: -ms-flexbox;
    display: flex;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container, .module-tablet-animation-business .wrapper .container &gt; .content .media-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    height: 100%;
    padding: 5%;
    display: -ms-flexbox;
    display: flex;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    height: 100%;
    max-height: calc(100vh - 4.8rem);
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet {
    aspect-ratio: 3 / 4;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: .5rem;
    display: block;
    position: relative;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer {
    aspect-ratio: 3 / 4;
    border-radius: 4rem;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    position: relative;
    transform: scale(1);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3);
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-border, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-border {
    z-index: 2;
    border: 4rem solid rgba(255, 255, 255, 0);
    border-radius: 6rem;
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: inset 0 0 8px 1px rgba(0, 0, 0, .3);
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner {
    background-repeat: no-repeat;
    background-size: contain;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 8rem);
    height: calc(100% - 8rem);
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 4rem;
    left: 4rem;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container {
    width: 100%;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0;
    padding: 0 11%;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li {
    color: #fff;
    border-radius: .4rem;
    width: 33.3333%;
    padding: .4rem;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:first-child, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:first-child {
    width: 66.6667%;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:first-child .icon-wrapper, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li:first-child .icon-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper {
    opacity: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: .6rem;
    display: -ms-flexbox;
    display: flex;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container &gt; div, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container &gt; div {
    -ms-flex: 1;
    flex: 1;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container &gt; div img, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .icon-media-container &gt; div img {
    height: 100%;
    max-height: 8rem;
  }

  .module-tablet-animation .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .label, .module-tablet-animation-business .wrapper .container &gt; .content .media-container .tablet-wrapper .tablet .tablet-outer .tablet-inner .icons-container ul li .icon-wrapper .label {
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.3rem;
  }

  .module-tablet-animation .wrapper .container &gt; .content .headline :first-child, .module-tablet-animation-business .wrapper .container &gt; .content .headline :first-child {
    color: #05164d;
    font-size: 5.6rem;
    line-height: 6rem;
  }

  .module-tablet-animation .wrapper .container &gt; .content .text, .module-tablet-animation-business .wrapper .container &gt; .content .text {
    margin-top: 3rem;
  }
}

.module-teaser .wrapper .container .media-wrapper {
  transform: scale(1.3);
}

.module-teaser .wrapper .container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.module-teaser .wrapper .container .content .headline :first-child {
  color: #fff;
  margin: 0 0 2rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.2rem;
}

.module-teaser .wrapper .container .content .buttons {
  margin: 0 0 2rem;
}

.module-teaser .wrapper .container .content .buttons a {
  color: #05164d;
  background: #fff;
  border: 1px solid #fff;
  margin: 4rem 0 0;
  padding: 1.6rem 3rem;
}

.module-teaser .wrapper .container .text, .module-teaser .wrapper .container .disclaimer {
  color: #fff;
}

.module-teaser .wrapper .container .disclaimer {
  margin: 4rem 0 0;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .module-teaser .wrapper .container {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .module-teaser .wrapper .container .media-wrapper {
    transform: scale(1.2);
  }

  .module-teaser .wrapper .container .overlay {
    display: block;
  }

  .module-teaser .wrapper .container .content {
    -ms-flex-pack: center;
    justify-content: center;
    width: 80%;
    padding: 0 10%;
  }

  .module-teaser .wrapper .container .content .headline :first-child {
    font-size: 5.6rem;
    line-height: 6rem;
  }

  .module-teaser .wrapper .container .content .buttons {
    margin: 3rem 0 0;
  }

  .module-teaser .wrapper .container .content .buttons a {
    color: #fff;
    background: none;
    border: 1px solid #fff;
    margin: 2rem 0 0;
    padding: 2rem 5rem;
  }
}

@media (min-width: 1024px) {
  .module-teaser .wrapper .container .content {
    width: 60%;
  }
}

.module-text-divider .wrapper .container {
  padding-top: 20rem;
  padding-bottom: 20rem;
}

.module-text-divider .wrapper .container .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-text-divider .wrapper .container .content h2 {
  color: #05164d;
}

@media (min-width: 1024px) {
  .module-text-divider .wrapper .container {
    padding-top: 30rem;
    padding-bottom: 30rem;
  }

  .module-text-divider .wrapper .container .content {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10%;
  }

  .module-text-divider .wrapper .container .content .headline {
    width: 40%;
  }

  .module-text-divider .wrapper .container .content .text {
    width: 60%;
  }
}

.module-text-media {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-text-media .wrapper .container {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 5%;
  padding-bottom: 5%;
}

.module-text-media .wrapper .container .animation-headline {
  opacity: 0;
  text-align: right;
  width: calc(100vw - 4rem);
  position: absolute;
  top: 2%;
  transform: perspective(1000px)translateY(1rem)rotateX(-25deg)scale(1.07);
}

.module-text-media .wrapper .container .animation-headline :first-child {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #979797;
  font-size: 6.4rem;
  font-weight: bold;
  line-height: 6.4rem;
}

.module-text-media .wrapper .container &gt; .media-wrapper {
  clip-path: inset(0 0 0 100%);
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 75%;
  margin-top: 12%;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.module-text-media .wrapper .container &gt; .media-wrapper .media-item {
  width: 100%;
  transition: transform 10s ease-out;
  transform: scale(1.5);
}

.module-text-media .wrapper .container &gt; .content {
  padding: 2rem 0 0;
}

.module-text-media .wrapper .container &gt; .content .headline, .module-text-media .wrapper .container &gt; .content .subheadline {
  color: #05164d;
}

.module-text-media .wrapper .container &gt; .content .headline :first-child, .module-text-media .wrapper .container &gt; .content .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-text-media .wrapper .container &gt; .content .headline {
  opacity: 0;
  transform: perspective(1000px)translateY(1rem)rotateX(-25deg);
}

.module-text-media .wrapper .container &gt; .content .headline :first-child {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.2rem;
}

.module-text-media .wrapper .container &gt; .content .subheadline :first-child {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.8rem;
}

.module-text-media .wrapper .container &gt; .content .text, .module-text-media .wrapper .container &gt; .content .buttons {
  opacity: 0;
  margin: 1rem 0 0;
  transform: translateY(2.4rem);
}

.module-text-media .wrapper .container &gt; .content .buttons {
  margin: 2rem 0 0;
}

.module-text-media.is-text-left .wrapper .container {
  -ms-flex-align: end;
  align-items: flex-end;
}

.module-text-media.is-text-left .wrapper .container .animation-headline {
  text-align: left;
}

.module-text-media.is-text-left .wrapper .container &gt; .media-wrapper {
  clip-path: inset(0 100% 0 0);
}

.module-text-media.start-animation .wrapper .container &gt; .media-wrapper .media-item {
  transform: scale(1);
}

@media (min-width: 768px) {
  .module-text-media .wrapper .container .animation-headline {
    width: calc(100vw - 9.6rem);
  }

  .module-text-media .wrapper .container .animation-headline :first-child {
    font-size: 7.8rem;
    line-height: 7.8rem;
  }

  .module-text-media .wrapper .container &gt; .media-wrapper {
    margin-top: 6.4rem;
  }

  .module-text-media .wrapper .container &gt; .content {
    padding: 4rem 0 0;
  }
}

@media (min-width: 1024px) {
  .module-text-media {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-text-media .wrapper .container {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 11% 11% 6%;
  }

  .module-text-media .wrapper .container .animation-headline {
    width: calc(100vw - 22%);
    padding: 0 8% 0 0;
    top: 5%;
  }

  .module-text-media .wrapper .container .animation-headline :first-child {
    font-size: 14.4rem;
    line-height: 14.4rem;
  }

  .module-text-media .wrapper .container &gt; .media-wrapper {
    width: 50%;
    max-width: 100%;
    margin: 0;
  }

  .module-text-media .wrapper .container &gt; .content {
    width: 50%;
    padding: 0 0 0 5%;
  }

  .module-text-media .wrapper .container &gt; .content .headline {
    opacity: 0;
    transform: perspective(1000px)translateY(1rem)rotateX(-25deg);
  }

  .module-text-media .wrapper .container &gt; .content .headline :first-child {
    font-size: 5.2rem;
    line-height: 5.8rem;
  }

  .module-text-media .wrapper .container &gt; .content .subheadline :first-child {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.8rem;
  }

  .module-text-media .wrapper .container &gt; .content .text {
    margin-top: 4rem;
  }

  .module-text-media.is-text-left .wrapper .container {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: center;
    align-items: center;
  }

  .module-text-media.is-text-left .wrapper .container .animation-headline {
    padding: 0 0 0 8%;
  }

  .module-text-media.is-text-left .wrapper .container &gt; .content {
    padding: 0 5% 0 0;
  }
}

@media (min-width: 1280px) {
  .module-text-media .wrapper .container .animation-headline :first-child {
    font-size: 16.4rem;
    line-height: 16.4rem;
  }
}

@media (min-width: 1440px) {
  .module-text-media .wrapper .container .animation-headline :first-child {
    font-size: 20rem;
    line-height: 20rem;
  }
}

@media (min-width: 1536px) {
  .module-text-media .wrapper .container .animation-headline :first-child {
    font-size: 21rem;
    line-height: 21rem;
  }
}

.module-video {
  height: 100%;
  max-height: calc(100vh - 3.6rem);
  position: sticky;
  top: 3.6rem;
}

.module-video .wrapper .container &gt; .media-wrapper {
  width: 100%;
  min-height: calc(100vh - 3.6rem);
  position: relative;
}

.module-video .wrapper .container &gt; .media-wrapper .media, .module-video .wrapper .container &gt; .media-wrapper .media video {
  min-height: calc(100vh - 3.6rem);
}

.module-video .wrapper .container &gt; .media-wrapper .layer {
  position: absolute;
}

.module-video .wrapper .container &gt; .content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.module-video .wrapper .container &gt; .content .chapter {
  width: 100%;
  max-width: calc(100vw - 4rem);
  position: absolute;
  bottom: 5%;
  left: 2rem;
}

.module-video .wrapper .container &gt; .content .chapter .headline, .module-video .wrapper .container &gt; .content .chapter .subheadline {
  color: #fff;
  position: relative;
}

.module-video .wrapper .container &gt; .content .chapter .headline :first-child, .module-video .wrapper .container &gt; .content .chapter .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-video .wrapper .container &gt; .content .chapter .headline {
  z-index: 3;
}

.module-video .wrapper .container &gt; .content .chapter .headline :first-child {
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.2rem;
}

.module-video .wrapper .container &gt; .content .chapter .subheadline {
  z-index: 1;
}

.module-video .wrapper .container &gt; .content .chapter .subheadline :first-child {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4rem;
}

.module-video .wrapper .container &gt; .content .chapter .headline-container {
  width: 90%;
  padding: 0 .6rem;
  position: absolute;
  bottom: 5rem;
  left: 0;
}

.module-video .wrapper .container &gt; .content .chapter .headline-container .headline {
  margin-top: 0;
}

.module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot {
  opacity: 1;
  z-index: 2;
  position: absolute;
  top: -1.4rem;
  right: 0;
}

.module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot a {
  width: 4.8rem;
  height: 4.8rem;
  display: block;
}

.module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot span {
  color: #fff;
  display: block;
  position: absolute;
}

.module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot span:before, .module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot span:after {
  color: #fff;
}

@keyframes hotspotbackdropvideo {
  0% {
    box-shadow: 3px 21px 40px 30px #ffad00;
  }

  50% {
    box-shadow: 3px 21px 40px 20px #ffad00;
  }

  100% {
    box-shadow: 3px 21px 40px 30px #ffad00;
  }
}

.module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot .indicator {
  background: none;
  border-radius: 50%;
  height: 0;
  animation-name: hotspotbackdropvideo;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  box-shadow: 3px 21px 40px 20px #ffad00;
}

.module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot .indicator:before {
  content: "+";
  font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 5rem;
  font-weight: bold;
  line-height: 5rem;
  display: block;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content {
  clip-path: inset(0 100% 0 0);
  z-index: 5;
  transition: clip-path .4s ease-out;
  position: relative;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content.is-active {
  clip-path: inset(0);
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .close {
  z-index: 2;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .close a {
  color: #05164d;
  z-index: 2;
  background: url("./_img/overlay/arrow-back.svg") 0 no-repeat;
  padding: 0 0 0 2rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.9rem;
  display: block;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .close a.icon {
  background: url("./_img/overlay/close-overlay-blue.svg") center / cover no-repeat;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 2.8rem;
  right: 2.4rem;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .headline {
  white-space: normal;
  margin-bottom: 2rem;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .headline :first-child {
  color: #05164d;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .subheadline {
  white-space: normal;
  margin-bottom: 1rem;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .subheadline :first-child {
  color: #05164d;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div {
  background: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 2.4rem;
  display: -ms-flexbox;
  display: flex;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div &gt; div {
  width: 100%;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div .text {
  padding: 0 0 6rem;
}

.module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .media-wrapper {
  transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) {
  .module-video .wrapper .container &gt; .content .chapter {
    max-width: 66%;
    bottom: 15%;
  }
}

@media (min-width: 1024px) {
  .module-video {
    max-height: calc(100vh - 4.8rem);
    top: 4.8rem;
  }

  .module-video .wrapper .container &gt; .media-wrapper {
    z-index: 1;
    clip-path: inset(15% 10% 0%);
    background: #fff;
  }

  .module-video .wrapper .container &gt; .content .chapter {
    max-width: 30%;
    bottom: 10%;
    left: 10%;
  }

  .module-video .wrapper .container &gt; .content .chapter .headline :first-child {
    font-size: 5.2rem;
    line-height: 5.8rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .subheadline :first-child {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.8rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .headline-container {
    padding: 0 2.4rem;
    bottom: 5rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .headline-container .headline {
    margin-top: 1.6rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot {
    top: -2rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot a {
    width: 6rem;
    height: 6rem;
    display: block;
  }

  @keyframes hotspotbackdropvideodesktop {
    0% {
      box-shadow: 3px 31px 60px 40px #ffad00;
    }

    50% {
      box-shadow: 3px 31px 60px 20px #ffad00;
    }

    100% {
      box-shadow: 3px 31px 60px 40px #ffad00;
    }
  }

  .module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot .indicator {
    background: none;
    border-radius: 50%;
    height: 0;
    animation-name: hotspotbackdropvideodesktop;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    box-shadow: 3px 31px 60px 40px #ffad00;
  }

  .module-video .wrapper .container &gt; .content .chapter .headline-container .hotspot .indicator:before {
    content: "+";
    font-family: LufthansaHead, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 6.4rem;
    font-weight: bold;
    line-height: 6.4rem;
    display: block;
  }

  .module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .headline {
    margin-bottom: 5rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content .subheadline {
    margin-bottom: 2rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div {
    padding: 2.4rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .content &gt; div .text {
    padding: 0 0 10rem;
  }

  .module-video .wrapper .container &gt; .content .chapter .content-container .hotspot-content .media-wrapper {
    transform: translate3d(0, 0, 0);
  }
}

.module-worldmap {
  height: 100%;
  position: relative;
}

.module-worldmap .wrapper .container &gt; .media-wrapper {
  width: 100%;
  position: relative;
}

.module-worldmap .wrapper .container &gt; .media-wrapper .headline, .module-worldmap .wrapper .container &gt; .media-wrapper .subheadline {
  color: #fff;
  z-index: 1;
  position: relative;
}

.module-worldmap .wrapper .container &gt; .media-wrapper .headline :first-child, .module-worldmap .wrapper .container &gt; .media-wrapper .subheadline :first-child {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.module-worldmap .wrapper .container &gt; .media-wrapper .headline :first-child {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.2rem;
}

.module-worldmap .wrapper .container &gt; .media-wrapper .subheadline {
  white-space: initial;
  -ms-hyphens: none;
  hyphens: none;
  margin: 1rem 0 0;
}

.module-worldmap .wrapper .container &gt; .media-wrapper .subheadline :first-child {
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 2.4rem;
}

.module-worldmap .wrapper .container &gt; .media-wrapper .headline-container {
  max-width: calc(100vw - 10%);
  padding: 0 2rem;
  position: absolute;
  bottom: 15%;
  left: 5%;
}

.module-worldmap .wrapper .container &gt; .content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.module-worldmap .wrapper .container &gt; .content .chapter {
  position: absolute;
}

.module-worldmap .wrapper .container &gt; .content .chapter:first-child {
  top: 3.5%;
  left: -7.5%;
}

.module-worldmap .wrapper .container &gt; .content .chapter.vancouver, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(2) {
  top: -.5%;
  left: -3%;
}

.module-worldmap .wrapper .container &gt; .content .chapter.toronto, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(4) {
  top: 1%;
  left: 13.5%;
}

.module-worldmap .wrapper .container &gt; .content .chapter.chicago, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(3) {
  top: 1.5%;
  left: 9.5%;
}

.module-worldmap .wrapper .container &gt; .content .chapter.muenchen, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(5) {
  top: -.5%;
  left: 44.5%;
}

.module-worldmap .wrapper .container &gt; .content .chapter:nth-child(6) {
  top: 20.5%;
  left: 48.5%;
}

.module-worldmap .wrapper .container &gt; .content .chapter:nth-child(7) {
  top: 8.5%;
  left: 70.5%;
}

.module-worldmap .wrapper .container &gt; .content .chapter:nth-child(8) {
  top: 4%;
  left: 87%;
}

.module-worldmap .wrapper .container &gt; .content .chapter:nth-child(8) .headline-container .headline {
  position: absolute;
  top: 36%;
  left: -90%;
}

.module-worldmap .wrapper .container &gt; .content .chapter .headline-container, .module-worldmap .wrapper .container &gt; .content .chapter .headline-container .hotspot {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.module-worldmap .wrapper .container &gt; .content .chapter .headline-container .hotspot {
  width: 100%;
}

.module-worldmap .wrapper .container &gt; .content .chapter .headline-container .hotspot .marker {
  opacity: 0;
  width: 2.5rem;
  height: 3.7rem;
  transform: translate(0);
}

.module-worldmap .wrapper .container &gt; .content .chapter .headline-container .hotspot .shadow {
  background: url("./_img/marker_shadow.png") center / 0 0 no-repeat;
  width: 5.7rem;
  height: 3.2rem;
}

.module-worldmap .wrapper .container &gt; .content .chapter .headline-container .headline {
  visibility: hidden;
  color: #fff;
  opacity: 0;
  transform: translateY(0);
}

.module-worldmap .wrapper .container &gt; .content .chapter .headline-container .headline :first-child {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .module-worldmap .wrapper .container &gt; .content .chapter:first-child {
    top: 9.5%;
    left: -1.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:first-child .headline-container .headline :first-child {
    transform: translateX(3rem);
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.vancouver, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(2) {
    top: 4.5%;
    left: 2%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.vancouver .headline-container .headline, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(2) .headline-container .headline {
    position: absolute;
    top: 36%;
    left: 80%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.toronto, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(4) {
    top: 6.5%;
    left: 17.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.toronto .headline-container .headline, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(4) .headline-container .headline {
    position: absolute;
    top: 36%;
    left: 80%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.chicago, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(3) {
    top: 7.5%;
    left: 13.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.muenchen, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(5) {
    top: 5%;
    left: 48.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(6) {
    top: 33%;
    left: 52%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(7) {
    top: 17%;
    left: 75%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(8) {
    top: 11%;
    left: 91%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(8) .headline-container .headline {
    position: static;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter .headline-container .headline {
    visibility: visible;
  }
}

@media (min-width: 1024px) {
  .module-worldmap .wrapper .container &gt; .media-wrapper .headline-container {
    max-width: 50%;
    padding: 0 2.4rem;
    bottom: 20rem;
    left: 5%;
  }

  .module-worldmap .wrapper .container &gt; .media-wrapper .headline :first-child {
    font-size: 5.2rem;
    line-height: 5.8rem;
  }

  .module-worldmap .wrapper .container &gt; .media-wrapper .subheadline :first-child {
    font-size: 2.4rem;
    line-height: 3.3rem;
  }

  .module-worldmap .wrapper .container .subheadline {
    white-space: nowrap;
    margin: 1rem 0 0;
  }

  .module-worldmap .wrapper .container .subheadline :first-child {
    font-size: 4.2rem;
    line-height: 5.7rem;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:first-child {
    top: 21%;
    left: 1%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:first-child .headline-container .headline :first-child {
    transform: none;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.vancouver, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(2) {
    top: 9%;
    left: 3.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.vancouver .headline-container .headline, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(2) .headline-container .headline {
    position: static;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.toronto, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(4) {
    top: 13%;
    left: 19.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.chicago, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(3) {
    top: 15%;
    left: 15.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter.muenchen, .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(5) {
    top: 9%;
    left: 49.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(6) {
    top: 74.5%;
    left: 53%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(7) {
    top: 37%;
    left: 75.5%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter:nth-child(8) {
    top: 23.5%;
    left: 91%;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter .headline-container .hotspot .marker {
    width: 3.5rem;
    height: 5.3rem;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter .headline-container .hotspot .shadow {
    width: 8.2rem;
    height: 4.6rem;
  }

  .module-worldmap .wrapper .container &gt; .content .chapter .headline-container .headline :first-child {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.8rem;
  }
}
</pre></body></html>