@charset "UTF-8";

.slide-in {

    opacity: 0;

}

.clip,

.slide-in {

    display: inline-block;

}

.clip {

    overflow: hidden;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

}

.clip__text-large {

    padding: 1rem 2rem;

}

@media screen and (max-width: 599px) {

    .clip__text-large {

        padding: 0.3rem 1.5rem;

    }

}

.clip__text-small {

    padding: 0.4rem 0;

}

.clip__zone {

    padding-right: 0.2rem;

}

.switch {

    display: inline-block;

    height: 4.4rem;

    position: relative;

    text-align: left;

    overflow: hidden;

    width: 20rem;

}

@media screen and (max-width: 599px) {

    .switch {

        height: 3rem;

        width: 13rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .switch {

        height: 3.7rem;

        width: 15rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .switch {

        height: 3.65rem;

        width: 15rem;

    }

}

@media screen and (min-width: 1800px) {

    .switch {

        height: 5.8rem;

        width: 24rem;

    }

}

.switch .switch-item {

    -webkit-animation: switch-text 6s linear 0s infinite;

    animation: switch-text 6s linear 0s infinite;

    display: inline-block;

    opacity: 0;

    overflow: hidden;

    position: absolute;

}

.switch .switch-item:nth-child(2) {

    -webkit-animation-delay: 3s;

    animation-delay: 3s;

}

@media (prefers-reduced-motion: reduce) {

    .switch .switch-item {

        -webkit-animation: none;

        animation: none;

    }

    .switch .switch-item:first-child {

        opacity: 1;

    }

}

.locations__navigation-button,

.locations__studio-info-link,

.nav__list__link {

    position: relative;

}

.locations__navigation-button:after,

.locations__navigation-button:before,

.locations__studio-info-link:after,

.locations__studio-info-link:before,

.nav__list__link:after,

.nav__list__link:before {

    position: absolute;

    background: #333;

    width: 100%;

    height: 0.1rem;

    left: 0;

    pointer-events: none;

}

.locations__navigation-button:before,

.locations__studio-info-link:before,

.nav__list__link:before {

    content: "";

    top: 90%;

    transform-origin: 100% 50%;

    transform: scaleX(0);

}

@media (prefers-reduced-motion: no-preference) {

    .locations__navigation-button:before,

    .locations__studio-info-link:before,

    .nav__list__link:before {

        transition: transform 0.3s;

    }

}

.locations__navigation-button:hover:before,

.locations__studio-info-link:hover:before,

.nav__list__link:hover:before {

    transform-origin: 0 50%;

    transform: scaleX(1);

}

.footer__link {

    position: relative;

}

.footer__link:after,

.footer__link:before {

    position: absolute;

    background: #fff;

    width: 100%;

    height: 0.1rem;

    left: 0;

    pointer-events: none;

}

.footer__link:before {

    content: "";

    top: 90%;

    transform-origin: 100% 50%;

    transform: scaleX(0);

}

@media (prefers-reduced-motion: no-preference) {

    .footer__link:before {

        transition: transform 0.3s;

    }

}

.footer__link:hover:before {

    transform-origin: 0 50%;

    transform: scaleX(1);

}

@-webkit-keyframes slidein {

    0% {

        opacity: 0;

        transform: translateY(100%);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

@keyframes slidein {

    0% {

        opacity: 0;

        transform: translateY(100%);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

@-webkit-keyframes switch-text {

    0% {

        opacity: 0;

    }

    8% {

        opacity: 0;

        transform: translateY(100%);

    }

    10% {

        opacity: 1;

        transform: translateY(0);

    }

    25% {

        opacity: 1;

        transform: translateY(0);

    }

    40% {

        opacity: 1;

        transform: translateY(0);

    }

    57% {

        opacity: 1;

        transform: translateY(0);

    }

    60% {

        opacity: 0;

        transform: translateY(-100%);

    }

    to {

        opacity: 0;

    }

}

@keyframes switch-text {

    0% {

        opacity: 0;

    }

    8% {

        opacity: 0;

        transform: translateY(100%);

    }

    10% {

        opacity: 1;

        transform: translateY(0);

    }

    25% {

        opacity: 1;

        transform: translateY(0);

    }

    40% {

        opacity: 1;

        transform: translateY(0);

    }

    57% {

        opacity: 1;

        transform: translateY(0);

    }

    60% {

        opacity: 0;

        transform: translateY(-100%);

    }

    to {

        opacity: 0;

    }

}

html {

    font-size: 62.5%;

    scroll-behavior: smooth;

}

body {

    transition: background-color 0.3s ease-in-out;

    font-size: 1.8rem;

    color: #000;

    margin: 0;

    overflow-x: hidden;

    background-color: #fff;

}

body.is-dark {

    background-color: #000;

    color: #fff !important;

}

main {

    overflow-x: hidden;

}

h1 {

    font-family: suisse-intl-light, Arial, sans-serif;

    color: #000;

    font-weight: 400;

}

@media screen and (max-width: 599px) {

    h1 {

        font-size: 5.6rem;

        line-height: 6.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    h1 {

        font-size: 7.2rem;

        line-height: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    h1 {

        font-size: 7.2rem;

        line-height: 5rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    h1 {

        font-size: 8rem;

        line-height: 5rem;

    }

}

@media screen and (min-width: 1800px) {

    h1 {

        font-size: 9.6rem;

        line-height: 10.6rem;

    }

}

.headline-1 {

    font-family: suisse-intl-regular, Arial, sans-serif;

    margin-bottom: 0;

    color: #000;

}

@media screen and (max-width: 599px) {

    .headline-1 {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .headline-1 {

        font-size: 4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .headline-1 {

        font-size: 4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .headline-1 {

        font-size: 4.8rem;

        line-height: 5.3rem;

    }

}

@media screen and (min-width: 1800px) {

    .headline-1 {

        font-size: 6.4rem;

        line-height: 7.1rem;

    }

}

@media screen and (max-width: 599px) {

    .headline-1 {

        margin-top: 12rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .headline-1 {

        margin-top: 16rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .headline-1 {

        margin-top: 16rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .headline-1 {

        margin-top: 20rem;

    }

}

@media screen and (min-width: 1800px) {

    .headline-1 {

        margin-top: 24.8rem;

    }

}

.is-dark .headline-1 {

    color: #fff;

}

h3 {

    font-family: suisse-intl-regular, Arial, sans-serif;

    font-weight: 400;

}

@media screen and (max-width: 599px) {

    h3 {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    h3 {

        font-size: 4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    h3 {

        font-size: 4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    h3 {

        font-size: 4.8rem;

        line-height: 5.3rem;

    }

}

@media screen and (min-width: 1800px) {

    h3 {

        font-size: 6.4rem;

        line-height: 7.1rem;

    }

}

p {

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.8rem;

}

@media screen and (max-width: 599px) {

    p {

        font-size: 1.6rem;

    }

}

.is-dark p {

    color: #fff;

}

a {

    font-size: 1.2rem;

    letter-spacing: 0.1rem;

    line-height: 125%;

    font-family: suisse-intl-semibold, Arial, sans-serif;

    color: #000;

    text-decoration: none;

}

ul {

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.8rem;

    list-style: none;

    margin: 0;

    padding-left: 0;

}

@media screen and (max-width: 599px) {

    ul {

        font-size: 1.6rem;

    }

}

.section-header p {

    font-size: 1.2rem;

    letter-spacing: 0.1rem;

    line-height: 125%;

    font-family: roboto, monospace;

    text-transform: uppercase;

}

.is-dark .section-header p {

    color: #fff;

}

.section__number {

    text-align: end;

}

.section__number,

.section__title {

    padding: 3rem 0;

    z-index: 4;

}

.is-dark .section__number,

.is-dark .section__title {

    color: #fff;

}

.headline-101 {

    font-family: ogg-regular, Times New Roman, Times, serif;

}

@media screen and (max-width: 599px) {

    .headline-101 {

        font-size: 6rem;

        line-height: 6.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .headline-101 {

        font-size: 7.8rem;

        line-height: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .headline-101 {

        font-size: 7.8rem;

        line-height: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .headline-101 {

        font-size: 8.6rem;

        line-height: 8.8rem;

    }

}

@media screen and (min-width: 1800px) {

    .headline-101 {

        font-size: 10.4rem;

        line-height: 10.6rem;

    }

}

.headline-102 {

    font-family: ogg-italic, Times New Roman, Times, serif;

}

@media screen and (max-width: 599px) {

    .headline-102 {

        font-size: 6rem;

        line-height: 6.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .headline-102 {

        font-size: 7.8rem;

        line-height: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .headline-102 {

        font-size: 7.8rem;

        line-height: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .headline-102 {

        font-size: 8.6rem;

        line-height: 8.8rem;

    }

}

@media screen and (min-width: 1800px) {

    .headline-102 {

        font-size: 10.4rem;

        line-height: 10.6rem;

    }

}

.headline-201 {

    font-family: ogg-regular, Times New Roman, Times, serif;

}

@media screen and (max-width: 599px) {

    .headline-201 {

        font-size: 3.5rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .headline-201 {

        font-size: 4.4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .headline-201 {

        font-size: 4.4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .headline-201 {

        font-size: 5.2rem;

        line-height: 5.3rem;

    }

}

@media screen and (min-width: 1800px) {

    .headline-201 {

        font-size: 7rem;

        line-height: 7.1rem;

    }

}

h1 .custombannerheading span

{

    font-family: ogg-italic, Times New Roman, Times, serif;

}

.movingtextheading span, .listheading span

{

    font-family: ogg-regular, Times New Roman, Times, serif;

}

.headline-202 {

    font-family: ogg-italic, Times New Roman, Times, serif;

}

@media screen and (max-width: 599px) {

    .headline-202 {

        font-size: 3.5rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .headline-202 {

        font-size: 4.4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .headline-202 {

        font-size: 4.4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .headline-202 {

        font-size: 5.2rem;

        line-height: 5.3rem;

    }

}

@media screen and (min-width: 1800px) {

    .headline-202 {

        font-size: 7rem;

        line-height: 7.1rem;

    }

}

.copy--gray {

    color: #333;

}

.copy--mail {

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.8rem;

    word-break: break-all;

    letter-spacing: inherit;

    color: #000;

    border-bottom: 1px solid #ffd400;

}

@media screen and (max-width: 599px) {

    .copy--mail {

        font-size: 1.6rem;

    }

}

.copy--mail:hover {

    font-weight: 700;

}

.copy--title {

    font-family: suisse-intl-regular, Arial, sans-serif;

    margin-top: 8rem;

}

@media screen and (max-width: 599px) {

    .copy--title {

        font-size: 2.4rem;

        line-height: 2.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .copy--title {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .copy--title {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .copy--title {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .copy--title {

        font-size: 4.8rem;

        line-height: 5.3rem;

    }

}

@media screen and (max-width: 599px) {

    .copy--title {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .copy--title {

        margin-top: 6.4rem;

    }

}

.copy--list-title {

    margin: 4rem 0;

}

@media screen and (max-width: 599px) {

    .copy--list-title {

        margin: 2.4rem 0;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .copy--list-title {

        margin: 3.2rem 0;

    }

}

.copy--address {

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.8rem;

    font-style: normal;

}

@media screen and (max-width: 599px) {

    .copy--address {

        font-size: 1.6rem;

    }

}

@font-face {

    font-display: swap;

    font-family: suisse-intl-regular;

    font-style: normal;

    font-weight: 400;

    src: local("suisse-intl-regular"), url(../fonts/fonts-SuisseIntl-Regular-WebM.woff2) format("woff2"), url(../fonts/fonts-SuisseIntl-Regular-WebM.woff) format("woff");

    unicode-range: U+000-5ff;

}

@font-face {

    font-display: swap;

    font-family: suisse-intl-light;

    font-style: normal;

    font-weight: 400;

    src: local("suisse-intl-light"), url(../fonts/fonts-SuisseIntl-Light-WebM.woff2) format("woff2"), url(../fonts/fonts-SuisseIntl-Light-WebM.woff) format("woff");

    unicode-range: U+000-5ff;

}

@font-face {

    font-display: swap;

    font-family: suisse-intl-semibold;

    font-style: normal;

    font-weight: 400;

    src: local("suisse-intl-semibold"), url(../fonts/fonts-SuisseIntl-SemiBold-WebM.woff2) format("woff2"), url(../fonts/fonts-SuisseIntl-SemiBold-WebM.woff) format("woff");

    unicode-range: U+000-5ff;

}

@font-face {

    font-display: swap;

    font-family: ogg-regular;

    font-style: normal;

    font-weight: 400;

    src: local("ogg-regular"), url(../fonts/fonts-Ogg-Regular.woff2) format("woff2"), url(../fonts/fonts-Ogg-Regular.woff) format("woff");

    unicode-range: U+000-5ff;

}

@font-face {

    font-display: swap;

    font-family: ogg-italic;

    font-style: normal;

    font-weight: 400;

    src: local("ogg-italic"), url(../fonts/fonts-Ogg-RegularItalic.woff2) format("woff2"), url(../fonts/fonts-Ogg-RegularItalic.woff) format("woff");

    unicode-range: U+000-5ff;

}

@font-face {

    font-display: swap;

    font-family: roboto;

    font-style: normal;

    font-weight: 400;

    src: local("roboto"), url(../fonts/fonts-RobotoMono-Regular.ttf) format("truetype");

    unicode-range: U+000-5ff;

}

.grid {

    display: grid;

    grid-template-columns: repeat(12, 1fr);

    padding: 0;

}

.grid > * {

    grid-column-end: span 12;

}

.grid.is-background--black {

    background: #000;

}

.col-1 {

    grid-column-end: span 1;

}

.col-start-1 {

    grid-column-start: 1;

}

.col-end-2 {

    grid-column-end: 2;

}

.col-2 {

    grid-column-end: span 2;

}

.col-start-2 {

    grid-column-start: 2;

}

.col-end-3 {

    grid-column-end: 3;

}

.col-3 {

    grid-column-end: span 3;

}

.col-start-3 {

    grid-column-start: 3;

}

.col-end-4 {

    grid-column-end: 4;

}

.col-4 {

    grid-column-end: span 4;

}

.col-start-4 {

    grid-column-start: 4;

}

.col-end-5 {

    grid-column-end: 5;

}

.col-5 {

    grid-column-end: span 5;

}

.col-start-5 {

    grid-column-start: 5;

}

.col-end-6 {

    grid-column-end: 6;

}

.col-6 {

    grid-column-end: span 6;

}

.col-start-6 {

    grid-column-start: 6;

}

.col-end-7 {

    grid-column-end: 7;

}

.col-7 {

    grid-column-end: span 7;

}

.col-start-7 {

    grid-column-start: 7;

}

.col-end-8 {

    grid-column-end: 8;

}

.col-8 {

    grid-column-end: span 8;

}

.col-start-8 {

    grid-column-start: 8;

}

.col-end-9 {

    grid-column-end: 9;

}

.col-9 {

    grid-column-end: span 9;

}

.col-start-9 {

    grid-column-start: 9;

}

.col-end-10 {

    grid-column-end: 10;

}

.col-10 {

    grid-column-end: span 10;

}

.col-start-10 {

    grid-column-start: 10;

}

.col-end-11 {

    grid-column-end: 11;

}

.col-11 {

    grid-column-end: span 11;

}

.col-start-11 {

    grid-column-start: 11;

}

.col-end-12 {

    grid-column-end: 12;

}

.col-12 {

    grid-column-end: span 12;

}

.col-start-12 {

    grid-column-start: 12;

}

.col-end-13 {

    grid-column-end: 13;

}

.col-start {

    grid-column-start: 1;

}

.col-end {

    grid-column-end: -1;

}

@media screen and (max-width: 599px) {

    .col-1-xs {

        grid-column-end: span 1;

    }

    .col-start-1-xs {

        grid-column-start: 1;

    }

    .col-end-2-xs {

        grid-column-end: 2;

    }

    .col-2-xs {

        grid-column-end: span 2;

    }

    .col-start-2-xs {

        grid-column-start: 2;

    }

    .col-end-3-xs {

        grid-column-end: 3;

    }

    .col-3-xs {

        grid-column-end: span 3;

    }

    .col-start-3-xs {

        grid-column-start: 3;

    }

    .col-end-4-xs {

        grid-column-end: 4;

    }

    .col-4-xs {

        grid-column-end: span 4;

    }

    .col-start-4-xs {

        grid-column-start: 4;

    }

    .col-end-5-xs {

        grid-column-end: 5;

    }

    .col-5-xs {

        grid-column-end: span 5;

    }

    .col-start-5-xs {

        grid-column-start: 5;

    }

    .col-end-6-xs {

        grid-column-end: 6;

    }

    .col-6-xs {

        grid-column-end: span 6;

    }

    .col-start-6-xs {

        grid-column-start: 6;

    }

    .col-end-7-xs {

        grid-column-end: 7;

    }

    .col-7-xs {

        grid-column-end: span 7;

    }

    .col-start-7-xs {

        grid-column-start: 7;

    }

    .col-end-8-xs {

        grid-column-end: 8;

    }

    .col-8-xs {

        grid-column-end: span 8;

    }

    .col-start-8-xs {

        grid-column-start: 8;

    }

    .col-end-9-xs {

        grid-column-end: 9;

    }

    .col-9-xs {

        grid-column-end: span 9;

    }

    .col-start-9-xs {

        grid-column-start: 9;

    }

    .col-end-10-xs {

        grid-column-end: 10;

    }

    .col-10-xs {

        grid-column-end: span 10;

    }

    .col-start-10-xs {

        grid-column-start: 10;

    }

    .col-end-11-xs {

        grid-column-end: 11;

    }

    .col-11-xs {

        grid-column-end: span 11;

    }

    .col-start-11-xs {

        grid-column-start: 11;

    }

    .col-end-12-xs {

        grid-column-end: 12;

    }

    .grid {

        margin: 0 2.4rem;

        grid-gap: 1.2rem;

    }

    .grid .is-grid--right {

        margin: 0 0 0 2.4rem;

    }

    .col-12-xs {

        grid-column-end: span 12;

    }

    .col-start-12-xs {

        grid-column-start: 12;

    }

    .col-end-13-xs {

        grid-column-end: 13;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .grid {

        margin: 0 6.4rem;

        grid-gap: 1.2rem;

    }

    .grid .is-grid--right {

        margin: 0 0 0 6.4rem;

    }

    .col-1-s {

        grid-column-end: span 1;

    }

    .col-start-1-s {

        grid-column-start: 1;

    }

    .col-end-2-s {

        grid-column-end: 2;

    }

    .col-2-s {

        grid-column-end: span 2;

    }

    .col-start-2-s {

        grid-column-start: 2;

    }

    .col-end-3-s {

        grid-column-end: 3;

    }

    .col-3-s {

        grid-column-end: span 3;

    }

    .col-start-3-s {

        grid-column-start: 3;

    }

    .col-end-4-s {

        grid-column-end: 4;

    }

    .col-4-s {

        grid-column-end: span 4;

    }

    .col-start-4-s {

        grid-column-start: 4;

    }

    .col-end-5-s {

        grid-column-end: 5;

    }

    .col-5-s {

        grid-column-end: span 5;

    }

    .col-start-5-s {

        grid-column-start: 5;

    }

    .col-end-6-s {

        grid-column-end: 6;

    }

    .col-6-s {

        grid-column-end: span 6;

    }

    .col-start-6-s {

        grid-column-start: 6;

    }

    .col-end-7-s {

        grid-column-end: 7;

    }

    .col-7-s {

        grid-column-end: span 7;

    }

    .col-start-7-s {

        grid-column-start: 7;

    }

    .col-end-8-s {

        grid-column-end: 8;

    }

    .col-8-s {

        grid-column-end: span 8;

    }

    .col-start-8-s {

        grid-column-start: 8;

    }

    .col-end-9-s {

        grid-column-end: 9;

    }

    .col-9-s {

        grid-column-end: span 9;

    }

    .col-start-9-s {

        grid-column-start: 9;

    }

    .col-end-10-s {

        grid-column-end: 10;

    }

    .col-10-s {

        grid-column-end: span 10;

    }

    .col-start-10-s {

        grid-column-start: 10;

    }

    .col-end-11-s {

        grid-column-end: 11;

    }

    .col-11-s {

        grid-column-end: span 11;

    }

    .col-start-11-s {

        grid-column-start: 11;

    }

    .col-end-12-s {

        grid-column-end: 12;

    }

    .col-12-s {

        grid-column-end: span 12;

    }

    .col-start-12-s {

        grid-column-start: 12;

    }

    .col-end-13-s {

        grid-column-end: 13;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .grid {

        margin: 0 9.6rem;

        grid-gap: 1.6rem;

    }

    .grid .is-grid--right {

        margin: 0 0 0 9.6rem;

    }

    .col-1-m {

        grid-column-end: span 1;

    }

    .col-start-1-m {

        grid-column-start: 1;

    }

    .col-end-2-m {

        grid-column-end: 2;

    }

    .col-2-m {

        grid-column-end: span 2;

    }

    .col-start-2-m {

        grid-column-start: 2;

    }

    .col-end-3-m {

        grid-column-end: 3;

    }

    .col-3-m {

        grid-column-end: span 3;

    }

    .col-start-3-m {

        grid-column-start: 3;

    }

    .col-end-4-m {

        grid-column-end: 4;

    }

    .col-4-m {

        grid-column-end: span 4;

    }

    .col-start-4-m {

        grid-column-start: 4;

    }

    .col-end-5-m {

        grid-column-end: 5;

    }

    .col-5-m {

        grid-column-end: span 5;

    }

    .col-start-5-m {

        grid-column-start: 5;

    }

    .col-end-6-m {

        grid-column-end: 6;

    }

    .col-6-m {

        grid-column-end: span 6;

    }

    .col-start-6-m {

        grid-column-start: 6;

    }

    .col-end-7-m {

        grid-column-end: 7;

    }

    .col-7-m {

        grid-column-end: span 7;

    }

    .col-start-7-m {

        grid-column-start: 7;

    }

    .col-end-8-m {

        grid-column-end: 8;

    }

    .col-8-m {

        grid-column-end: span 8;

    }

    .col-start-8-m {

        grid-column-start: 8;

    }

    .col-end-9-m {

        grid-column-end: 9;

    }

    .col-9-m {

        grid-column-end: span 9;

    }

    .col-start-9-m {

        grid-column-start: 9;

    }

    .col-end-10-m {

        grid-column-end: 10;

    }

    .col-10-m {

        grid-column-end: span 10;

    }

    .col-start-10-m {

        grid-column-start: 10;

    }

    .col-end-11-m {

        grid-column-end: 11;

    }

    .col-11-m {

        grid-column-end: span 11;

    }

    .col-start-11-m {

        grid-column-start: 11;

    }

    .col-end-12-m {

        grid-column-end: 12;

    }

    .col-12-m {

        grid-column-end: span 12;

    }

    .col-start-12-m {

        grid-column-start: 12;

    }

    .col-end-13-m {

        grid-column-end: 13;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .col-1-l {

        grid-column-end: span 1;

    }

    .col-start-1-l {

        grid-column-start: 1;

    }

    .col-end-2-l {

        grid-column-end: 2;

    }

    .col-2-l {

        grid-column-end: span 2;

    }

    .col-start-2-l {

        grid-column-start: 2;

    }

    .col-end-3-l {

        grid-column-end: 3;

    }

    .col-3-l {

        grid-column-end: span 3;

    }

    .col-start-3-l {

        grid-column-start: 3;

    }

    .col-end-4-l {

        grid-column-end: 4;

    }

    .col-4-l {

        grid-column-end: span 4;

    }

    .col-start-4-l {

        grid-column-start: 4;

    }

    .col-end-5-l {

        grid-column-end: 5;

    }

    .col-5-l {

        grid-column-end: span 5;

    }

    .col-start-5-l {

        grid-column-start: 5;

    }

    .col-end-6-l {

        grid-column-end: 6;

    }

    .col-6-l {

        grid-column-end: span 6;

    }

    .col-start-6-l {

        grid-column-start: 6;

    }

    .col-end-7-l {

        grid-column-end: 7;

    }

    .col-7-l {

        grid-column-end: span 7;

    }

    .col-start-7-l {

        grid-column-start: 7;

    }

    .col-end-8-l {

        grid-column-end: 8;

    }

    .col-8-l {

        grid-column-end: span 8;

    }

    .col-start-8-l {

        grid-column-start: 8;

    }

    .col-end-9-l {

        grid-column-end: 9;

    }

    .col-9-l {

        grid-column-end: span 9;

    }

    .col-start-9-l {

        grid-column-start: 9;

    }

    .col-end-10-l {

        grid-column-end: 10;

    }

    .col-10-l {

        grid-column-end: span 10;

    }

    .col-start-10-l {

        grid-column-start: 10;

    }

    .col-end-11-l {

        grid-column-end: 11;

    }

    .col-11-l {

        grid-column-end: span 11;

    }

    .col-start-11-l {

        grid-column-start: 11;

    }

    .col-end-12-l {

        grid-column-end: 12;

    }

    .grid {

        margin: 0 9.6rem;

        grid-gap: 2.4rem;

    }

    .grid .is-grid--right {

        margin: 0 0 0 9.6rem;

    }

    .col-12-l {

        grid-column-end: span 12;

    }

    .col-start-12-l {

        grid-column-start: 12;

    }

    .col-end-13-l {

        grid-column-end: 13;

    }

}

@media screen and (min-width: 1800px) {

    .col-1-xl {

        grid-column-end: span 1;

    }

    .col-start-1-xl {

        grid-column-start: 1;

    }

    .col-end-2-xl {

        grid-column-end: 2;

    }

    .col-2-xl {

        grid-column-end: span 2;

    }

    .col-start-2-xl {

        grid-column-start: 2;

    }

    .col-end-3-xl {

        grid-column-end: 3;

    }

    .col-3-xl {

        grid-column-end: span 3;

    }

    .col-start-3-xl {

        grid-column-start: 3;

    }

    .col-end-4-xl {

        grid-column-end: 4;

    }

    .col-4-xl {

        grid-column-end: span 4;

    }

    .col-start-4-xl {

        grid-column-start: 4;

    }

    .col-end-5-xl {

        grid-column-end: 5;

    }

    .col-5-xl {

        grid-column-end: span 5;

    }

    .col-start-5-xl {

        grid-column-start: 5;

    }

    .col-end-6-xl {

        grid-column-end: 6;

    }

    .col-6-xl {

        grid-column-end: span 6;

    }

    .col-start-6-xl {

        grid-column-start: 6;

    }

    .col-end-7-xl {

        grid-column-end: 7;

    }

    .col-7-xl {

        grid-column-end: span 7;

    }

    .col-start-7-xl {

        grid-column-start: 7;

    }

    .col-end-8-xl {

        grid-column-end: 8;

    }

    .col-8-xl {

        grid-column-end: span 8;

    }

    .col-start-8-xl {

        grid-column-start: 8;

    }

    .col-end-9-xl {

        grid-column-end: 9;

    }

    .col-9-xl {

        grid-column-end: span 9;

    }

    .col-start-9-xl {

        grid-column-start: 9;

    }

    .col-end-10-xl {

        grid-column-end: 10;

    }

    .col-10-xl {

        grid-column-end: span 10;

    }

    .col-start-10-xl {

        grid-column-start: 10;

    }

    .col-end-11-xl {

        grid-column-end: 11;

    }

    .col-11-xl {

        grid-column-end: span 11;

    }

    .col-start-11-xl {

        grid-column-start: 11;

    }

    .col-end-12-xl {

        grid-column-end: 12;

    }

    .grid {

        margin: 0 12.8rem;

        grid-gap: 3.2rem;

    }

    .grid .is-grid--right {

        margin: 0 0 0 12.8rem;

    }

    .col-12-xl {

        grid-column-end: span 12;

    }

    .col-start-12-xl {

        grid-column-start: 12;

    }

    .col-end-13-xl {

        grid-column-end: 13;

    }

}

.form {

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.8rem;

    position: relative;

}

@media screen and (max-width: 599px) {

    .form {

        font-size: 1.6rem;

        margin-bottom: 9.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .form {

        margin-bottom: 12rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .form {

        margin-bottom: 12rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .form {

        margin-bottom: 16rem;

    }

}

@media screen and (min-width: 1800px) {

    .form {

        margin-bottom: 20rem;

    }

}

@media screen and (max-width: 599px) {

    .form__group,

    .form__radio-group {

        margin-bottom: 4.8rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .form__group,

    .form__radio-group {

        margin-bottom: 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .form__group,

    .form__radio-group {

        margin-bottom: 6.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .form__group,

    .form__radio-group {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 1800px) {

    .form__group,

    .form__radio-group {

        margin-bottom: 9.6rem;

    }

}

.form__field {

    font: inherit;

    display: block;

    width: 100%;

    box-shadow: none;

    border: 0;

    border-bottom: 1px solid #000;

    background-color: inherit;

}

.is-dark .form__field {

    color: #fff;

    border-bottom: 1px solid #fff;

}

.form__label {

    font-family: suisse-intl-regular, Arial, sans-serif;

    display: block;

    width: 100%;

    cursor: pointer;

}

@media screen and (max-width: 599px) {

    .form__label {

        font-size: 2.4rem;

        line-height: 2.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .form__label {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .form__label {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .form__label {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .form__label {

        font-size: 4.8rem;

        line-height: 5.3rem;

    }

}

@media screen and (max-width: 599px) {

    .form__label {

        margin-bottom: 1.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .form__label {

        margin-bottom: 1.6rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .form__label {

        margin-bottom: 1.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .form__label {

        margin-bottom: 1.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .form__label {

        margin-bottom: 1.6rem;

    }

}

.form__group {

    display: block;

}

.form__checkbox {

    display: flex;

    flex-wrap: wrap;

}

.form__checkbox-label {

    display: inline-block;

    padding-left: 3.4rem;

    position: relative;

    cursor: pointer;

}

.form__checkbox-label:before {

    content: "";

    position: absolute;

    top: 2px;

    left: 0;

    display: inline-block;

    box-sizing: border-box;

    width: 24px;

    height: 24px;

    margin-right: 1rem;

    border: 1px solid #fff;

    background-color: inherit;

}

.form__checkbox input {

    opacity: 0;

    width: 0;

    height: 0;

    cursor: pointer;

}

.form__checkbox input:checked + .form__checkbox-label:after {

    content: "";

    background: #ffd400;

    position: absolute;

    left: 5px;

    top: 7px;

    width: 14px;

    height: 14px;

}

.form__radiobox-label {

    display: inline-block;

    padding-left: 3.4rem;

    position: relative;

    cursor: pointer;

}

.form__radiobox-label:before {

    content: "";

    display: inline-block;

    box-sizing: border-box;

    position: absolute;

    top: 0;

    left: 0;

    width: 2.3rem;

    height: 2.3rem;

    border-radius: 50%;

    border: 1px solid #fff;

    background-color: inherit;

}

.form__radiobox input {

    opacity: 0;

    width: 0;

    height: 0;

    margin: 0;

    cursor: pointer;

}

.form__radiobox input:checked + .form__radiobox-label:before {

    background: radial-gradient(#ffd400 40%, #000 41%);

}

.form__radio-group {

    display: flex;

    flex-wrap: wrap;

}

@media screen and (max-width: 599px) {

    .form__radio-group {

        flex-direction: column;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .form__radio-group {

        flex-direction: column;

    }

}

.form__radio-group .form__radiobox {

    margin-right: 2rem;

}

@media screen and (max-width: 599px) {

    .form__radio-group .form__radiobox {

        margin-bottom: 2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .form__radio-group .form__radiobox {

        margin-bottom: 2rem;

    }

}

.form__required {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.6rem;

}

@media screen and (max-width: 599px) {

    .form__required {

        font-size: 1.4rem;

    }

}

.form__subline {

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.8rem;

    line-height: 234%;

    display: inline-block;

    color: #8d979f;

}

@media screen and (max-width: 599px) {

    .form__subline {

        font-size: 1.6rem;

    }

}

.form__button {

    border-radius: 1.6rem;

    border: 0;

    background-color: #fff;

    text-transform: uppercase;

    width: auto;

    display: inline-block;

    padding: 0.8rem 1.6rem;

}

@media screen and (max-width: 599px) {

    .form__button {

        margin-top: 3.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .form__button {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .form__button {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .form__button {

        margin-top: 5.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .form__button {

        margin-top: 7.2rem;

    }

}

.form__thankyou--hidden {

    display: none;

}

.footer {

    background: #add8e6;

    color: #fff;

    position: relative;

    margin-top: 12.8rem;

}

@media screen and (max-width: 599px) {

    .footer {

        padding-bottom: 4.8rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .footer {

        padding-bottom: 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .footer {

        padding-bottom: 6.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .footer {

        padding-bottom: 8rem;

    }

}

@media screen and (min-width: 1800px) {

    .footer {

        padding-bottom: 9.6rem;

    }

}

@media screen and (max-width: 599px) {

    .footer {

        padding-top: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .footer {

        padding-top: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .footer {

        padding-top: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .footer {

        padding-top: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .footer {

        padding-top: 12rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .footer {

        margin-top: 16.8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .footer {

        margin-top: 16.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .footer {

        margin-top: 21.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .footer {

        margin-top: 21.6rem;

    }

}

.footer__wrapper {

    grid-template-rows: auto auto auto;

}

.footer__s2-conference-links {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.6rem;

    grid-row: 3/4;

    color: #fff;

    margin: 0;

}

@media screen and (max-width: 599px) {

    .footer__s2-conference-links {

        font-size: 1.4rem;

        margin-top: 3.2rem;

    }

}

.footer__item {

    padding-bottom: 0.8rem;

}

.footer__link {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.6rem;

    color: #fff;

}

@media screen and (max-width: 599px) {

    .footer__link {

        font-size: 1.4rem;

    }

}

@media screen and (max-width: 599px) {

    .footer__s2-link {

        margin-bottom: 3.2rem;

        position: unset;

    }

}

.footer__s2-links {

    grid-row: 2/4;

}

@media screen and (max-width: 599px) {

    .footer__s2-links {

        grid-row: 2/3;

    }

}

.accenture-brand {

    position: absolute;

    top: -5.6rem;

    width: 100%;

    z-index: -1;

}

@media screen and (max-width: 599px) {

    .accenture-brand {

        top: -5.8rem;

    }

}

.accenture-brand:before {

    background-color: #7c44f1;

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    width: 80%;

}

.accenture-brand__logo {

    position: relative;

    z-index: 2;

}

.accenture-brand__item {

    background-color: #7c44f1;

    padding: 2.1rem 0 1.6rem;

}

.nav {

    background: #fff;

    height: 9.5rem;

    text-transform: uppercase;

}

.is-dark .nav {

    background: #000;

}

.nav__logo {

    position: relative;

    margin: auto 0;

}

.nav__logo--sinnerschrader {

    font-size: 1.2rem;

    letter-spacing: 0.1rem;

    line-height: 125%;

    font-family: suisse-intl-semibold, Arial, sans-serif;

    text-decoration: none;

    color: #000;

    margin: 0;

    position: relative;

}

.is-dark .nav__logo--sinnerschrader {

    color: #fff;

}

.nav__logo--accenture {

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 0.8rem;

    margin: 0;

    text-transform: none;

    position: absolute;

    min-width: 200px;

}

.nav__logo--accenture-bold {

    font-family: suisse-intl-semibold, Arial, sans-serif;

}

.nav__list {

    align-items: stretch;

    display: flex;

    justify-content: flex-end;

    line-height: 9.5rem;

    margin: auto 0;

    padding-left: 0;

}

.nav__list__item {

    list-style-type: none;

}

@media screen and (max-width: 599px) {

    .nav__list__item + .nav__list__item {

        margin-left: 2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .nav__list__item + .nav__list__item {

        margin-left: 2.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .nav__list__item + .nav__list__item {

        margin-left: 2.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .nav__list__item + .nav__list__item {

        margin-left: 2.4rem;

    }

}

@media screen and (min-width: 1800px) {

    .nav__list__item + .nav__list__item {

        margin-left: 2.4rem;

    }

}

.nav__list__link {

    color: #000;

    display: inline-block;

    text-decoration: none;

    padding: 1rem 0;

}

.is-dark .nav__list__link {

    color: #fff;

}

.overlap {

    overflow-y: visible;

    position: relative;

}

.overlap:after {

    background-image: radial-gradient(#000 5%, transparent 0);

    background-position-x: center;

    background-size: 2rem 2rem;

    position: absolute;

    width: 100%;

    content: "";

    height: 50%;

    pointer-events: none;

    top: 5rem;

    z-index: 3;

}

@media screen and (max-width: 599px) {

    .overlap:after {

        margin: 0 0 0 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .overlap:after {

        margin: 0 0 0 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .overlap:after {

        margin: 0 0 0 9.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .overlap:after {

        margin: 0 0 0 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .overlap:after {

        margin: 0 0 0 12.8rem;

    }

}

.is-dark .overlap:after {

    background-image: radial-gradient(hsla(0, 0%, 100%, 0.6) 5%, transparent 0);

}

@media screen and (max-width: 599px) {

    .overlap:after {

        height: 40%;

        top: 0;

    }

}

@media screen and (max-width: 599px) {

    .overlap__wrapper {

        margin-top: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .overlap__wrapper {

        margin-top: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .overlap__wrapper {

        margin-top: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__wrapper {

        margin-top: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .overlap__wrapper {

        margin-top: 12rem;

    }

}

@media screen and (max-width: 599px) {

    .overlap__wrapper {

        margin-bottom: 9.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .overlap__wrapper {

        margin-bottom: 12rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .overlap__wrapper {

        margin-bottom: 12rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__wrapper {

        margin-bottom: 16rem;

    }

}

@media screen and (min-width: 1800px) {

    .overlap__wrapper {

        margin-bottom: 20rem;

    }

}

.overlap__item {

    grid-row: 1;

    position: relative;

}

@media screen and (max-width: 599px) {

    .overlap__item {

        margin-top: 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .overlap__item {

        margin-top: 3.2rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .overlap__item {

        margin-top: 3.2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__item {

        margin-top: 4rem;

    }

}

@media screen and (min-width: 1800px) {

    .overlap__item {

        margin-top: 4.8rem;

    }

}

.overlap__item--img {

    align-items: center;

    display: flex;

}

.overlap__item:nth-child(2) {

    z-index: 2;

}

.overlap__item:nth-child(2) .overlap__circle-container {

    position: relative;

}

.overlap__item:nth-child(2) .overlap__circle {

    position: absolute;

    right: -20%;

    top: -13%;

    width: 40%;

    z-index: 4;

}

.overlap__line-container {

    transition: background-color 0.3s ease-in-out;

    background-color: #fff;

    height: 55%;

    position: absolute;

    right: -1rem;

    top: 50%;

    width: 1.7rem;

}

.is-dark .overlap__line-container {

    background-color: #add8e6;

}

.overlap__line {

    background-color: #ffd400;

    height: 13rem;

    left: 0;

    position: absolute;

    top: 100%;

    width: 0.2rem;

}

@media screen and (max-width: 599px) {

    .overlap__line {

        display: none;

    }

}

.overlap__img--left img,

.overlap__img--right img {

    height: auto;

    width: 100%;

}

.overlap__img--left img {

    z-index: 2;

}

.overlap__txt {

    margin: auto;

}

@media screen and (max-width: 599px) {

    .overlap__txt {

        margin-left: 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .overlap__txt {

        margin-left: 3.2rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .overlap__txt {

        margin-left: 3.2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__txt {

        margin-left: 4rem;

    }

}

@media screen and (min-width: 1800px) {

    .overlap__txt {

        margin-left: 4.8rem;

    }

}

@media screen and (max-width: 599px) {

    .overlap__txt {

        grid-row: 2;

        margin-left: 0;

    }

}

@media screen and (max-width: 599px) and (max-width: 599px) {

    .overlap__txt {

        margin-top: 2.4rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 600px) and (max-width: 899px) {

    .overlap__txt {

        margin-top: 3.2rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 900px) and (max-width: 1199px) {

    .overlap__txt {

        margin-top: 3.2rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__txt {

        margin-top: 4rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 1800px) {

    .overlap__txt {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) and (max-width: 599px) {

    .overlap__txt {

        margin-right: 2.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) and (min-width: 600px) and (max-width: 899px) {

    .overlap__txt {

        margin-right: 3.2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) and (min-width: 900px) and (max-width: 1199px) {

    .overlap__txt {

        margin-right: 3.2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__txt {

        margin-right: 4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) and (min-width: 1800px) {

    .overlap__txt {

        margin-right: 4.8rem;

    }

}

@media screen and (min-width: 1800px) and (max-width: 599px) {

    .overlap__txt {

        margin-right: 2.4rem;

    }

}

@media screen and (min-width: 1800px) and (min-width: 600px) and (max-width: 899px) {

    .overlap__txt {

        margin-right: 3.2rem;

    }

}

@media screen and (min-width: 1800px) and (min-width: 900px) and (max-width: 1199px) {

    .overlap__txt {

        margin-right: 3.2rem;

    }

}

@media screen and (min-width: 1800px) and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__txt {

        margin-right: 4rem;

    }

}

@media screen and (min-width: 1800px) and (min-width: 1800px) {

    .overlap__txt {

        margin-right: 4.8rem;

    }

}

@media screen and (max-width: 599px) {

    .overlap__header > :nth-child(2) {

        font-family: ogg-regular, Times New Roman, Times, serif;

    }

}

@media screen and (max-width: 599px) and (max-width: 599px) {

    .overlap__header > :nth-child(2) {

        font-size: 3.5rem;

        line-height: 3.6rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 600px) and (max-width: 899px) {

    .overlap__header > :nth-child(2) {

        font-size: 4.4rem;

        line-height: 4.4rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 900px) and (max-width: 1199px) {

    .overlap__header > :nth-child(2) {

        font-size: 4.4rem;

        line-height: 4.4rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__header > :nth-child(2) {

        font-size: 5.2rem;

        line-height: 5.3rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 1800px) {

    .overlap__header > :nth-child(2) {

        font-size: 7rem;

        line-height: 7.1rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .overlap__header {

        display: flex;

        flex-flow: column nowrap;

    }

    .overlap__header > :nth-child(2) {

        margin-left: 2rem;

    }

    .overlap__header > :nth-child(3) {

        margin-left: 6rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .overlap__header {

        display: flex;

        flex-flow: column nowrap;

    }

    .overlap__header > :nth-child(2) {

        margin-left: 2rem;

    }

    .overlap__header > :nth-child(3) {

        margin-left: 6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .overlap__header {

        display: flex;

        flex-flow: column nowrap;

    }

    .overlap__header > :nth-child(2) {

        margin-left: 2rem;

    }

    .overlap__header > :nth-child(3) {

        margin-left: 6rem;

    }

}

@media screen and (min-width: 1800px) {

    .overlap__header {

        display: flex;

        flex-flow: column nowrap;

    }

    .overlap__header > :nth-child(2) {

        margin-left: 2rem;

    }

    .overlap__header > :nth-child(3) {

        margin-left: 6rem;

    }

}

.slider {

    position: relative;

}

@media screen and (max-width: 599px) {

    .slider {

        margin-bottom: 9.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .slider {

        margin-bottom: 12rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .slider {

        margin-bottom: 12rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .slider {

        margin-bottom: 16rem;

    }

}

@media screen and (min-width: 1800px) {

    .slider {

        margin-bottom: 20rem;

    }

}

@media screen and (max-width: 599px) {

    .slider .swiper-container {

        margin-left: 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .slider .swiper-container {

        margin-left: 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .slider .swiper-container {

        margin-left: 6.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .slider .swiper-container {

        margin-left: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .slider .swiper-container {

        margin-left: 9.6rem;

    }

}

.slider .swiper-container .swiper-slide-active {

    margin-right: 80px;

}

.slider .swiper-container img {

    width: 100%;

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

}

.slider .swiper-container .swiper-slide {

    width: 28vw;

}

@media screen and (max-width: 599px) {

    .slider .swiper-container .swiper-slide {

        width: 70vw;

    }

}

.slider .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

}

.locations {

    display: grid;

    overflow-y: hidden;

    grid-gap: 0 1.2rem;

    grid-template-rows: auto auto 1fr;

    padding-left: 1.6rem;

}

@media screen and (max-width: 599px) {

    .locations #berlin .is-large,

    .locations #hamburg .is-large {

        grid-row: 1/4;

        margin-top: 20rem;

    }

    .locations #munich .is-large {

        margin-top: 5rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .locations {

        grid-gap: 0 1.6rem;

        grid-template-rows: auto 1fr;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .locations {

        grid-gap: 0 1.6rem;

        grid-template-rows: auto 1fr;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .locations {

        grid-gap: 0 2.4rem;

        grid-template-rows: auto 1fr;

    }

}

@media screen and (min-width: 1800px) {

    .locations {

        grid-gap: 0 2.4rem;

        grid-template-rows: auto 1fr;

    }

}

.locations__list-wrapper {

    display: flex;

    flex-direction: column;

    grid-column: 1/4;

    grid-row: 1/3;

}

@media screen and (max-width: 599px) {

    .locations__list-wrapper {

        grid-row: 1/1;

        grid-column: 1/6;

    }

}

.locations__content-picture {

    opacity: 0;

    transition: opacity 0.3s ease;

    transition-delay: 0.1s;

}

.locations__content-picture.is-small {

    grid-column: 1/7;

    grid-row: 1/2;

    min-height: 0;

    min-width: 0;

}

@media screen and (max-width: 599px) {

    .locations__content-picture.is-small {

        grid-column: 7/13;

        grid-row: 3/4;

    }

}

.locations__content-picture.is-large {

    grid-column: 7/13;

    grid-row: 1/3;

    min-height: 0;

    min-width: 0;

}

@media screen and (max-width: 599px) {

    .locations__content-picture.is-large {

        grid-column: 1/7;

        grid-row: 2/4;

        margin-top: 3.2rem;

    }

}

.locations__content-picture.image-delay {

    transition-delay: 0.2s;

}

.locations__panel {

    display: grid;

    height: 0;

    grid-gap: 0 1.2rem;

    grid-template-rows: auto auto 1fr;

    visibility: hidden;

    grid-column: 4/13;

    grid-row: 1/3;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}

@media screen and (max-width: 599px) {

    .locations__panel {

        grid-column: 1/13;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .locations__panel {

        grid-gap: 0 1.6rem;

        grid-template-rows: auto 1fr;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .locations__panel {

        grid-gap: 0 1.6rem;

        grid-template-rows: auto 1fr;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .locations__panel {

        grid-gap: 0 2.4rem;

        grid-template-rows: auto 1fr;

    }

}

@media screen and (min-width: 1800px) {

    .locations__panel {

        grid-gap: 0 2.4rem;

        grid-template-rows: auto 1fr;

    }

}

.locations__panel[aria-expanded="true"] {

    visibility: visible;

    height: auto;

    opacity: 1;

}

.locations__panel[aria-expanded="true"] .locations__content-picture {

    opacity: 1;

}

.locations__panel img {

    width: 100%;

}

.locations__content-studio-wrapper {

    display: flex;

    flex-wrap: wrap;

    grid-column: 1/7;

    grid-row: 2/3;

    margin-bottom: -2.4rem;

    min-height: 0;

    min-width: 0;

}

@media screen and (max-width: 599px) {

    .locations__content-studio-wrapper {

        grid-column: 7/13;

        grid-row: 1/2;

        margin-bottom: 0;

        min-height: 16.5rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .locations__content-studio-wrapper {

        grid-gap: 3.2rem 1.6rem;

        grid-template-columns: 1fr;

        margin-top: 3.2rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .locations__content-studio-wrapper {

        grid-gap: 3.2rem 1.6rem;

        grid-template-columns: 1fr;

        margin-top: 3.2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .locations__content-studio-wrapper {

        grid-gap: 4rem 2.4rem;

        grid-template-columns: 1fr 1fr;

        margin-top: 4rem;

    }

}

@media screen and (min-width: 1800px) {

    .locations__content-studio-wrapper {

        grid-gap: 4rem 2.4rem;

        grid-template-columns: 1fr 1fr;

        margin-top: 4rem;

    }

}

.locations__studio {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.6rem;

    display: flex;

    flex-direction: column;

    font-style: normal;

    margin-bottom: 2.4rem;

}

@media screen and (max-width: 599px) {

    .locations__studio {

        font-size: 1.4rem;

    }

}

.locations__studio address {

    font-style: normal;

}

.locations__studio-link {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.6rem;

    position: relative;

    letter-spacing: normal;

    text-transform: none;

}

@media screen and (max-width: 599px) {

    .locations__studio-link {

        font-size: 1.4rem;

    }

}

.locations__studio-link:after,

.locations__studio-link:before {

    position: absolute;

    background: #000;

    width: 100%;

    height: 0.1rem;

    left: 0;

    pointer-events: none;

}

.locations__studio-link:before {

    content: "";

    top: 90%;

    transform-origin: 100% 50%;

    transform: scaleX(0);

}

@media (prefers-reduced-motion: no-preference) {

    .locations__studio-link:before {

        transition: transform 0.3s;

    }

}

.locations__studio-link:hover:before {

    transform-origin: 0 50%;

    transform: scaleX(1);

}

.locations__studio-name {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-semibold, Arial, sans-serif;

    font-size: 1.6rem;

}

@media screen and (max-width: 599px) {

    .locations__studio-name {

        font-size: 1.4rem;

        margin-bottom: 0.8rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .locations__studio-name {

        margin-bottom: 0.8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .locations__studio-name {

        margin-bottom: 0.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .locations__studio-name {

        margin-bottom: 0.8rem;

    }

}

@media screen and (min-width: 1800px) {

    .locations__studio-name {

        margin-bottom: 0.8rem;

    }

}

.stage {

    background: #ADD8E6;

    color: #fff;

    height: 90vh;

    position: relative;

}

@media screen and (max-width: 599px) {

    .stage {

        margin: 0 0 0 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .stage {

        margin: 0 0 0 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .stage {

        margin: 0 0 0 9.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .stage {

        margin: 0 0 0 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .stage {

        margin: 0 0 0 12.8rem;

    }

}

@media screen and (max-width: 599px) {

    .stage__headline .headline-202 {

        font-size: 6rem;

        line-height: 6.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .stage__headline .headline-202 {

        font-size: 7.8rem;

        line-height: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .stage__headline .headline-202 {

        font-size: 7.8rem;

        line-height: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .stage__headline .headline-202 {

        font-size: 8.6rem;

        line-height: 8.8rem;

    }

}

@media screen and (min-width: 1800px) {

    .stage__headline .headline-202 {

        font-size: 10.4rem;

        line-height: 10.6rem;

    }

}

.stage__title,

.stage__video {

    margin: auto;

    position: relative;

    width: 100%;

}

@media screen and (max-width: 599px) {

    .stage__title,

    .stage__video {

        margin: 0;

    }

}

.stage__video {

    overflow: hidden;

}

.stage__video__item {

    width: 90%;

}

@media screen and (max-width: 599px) {

    .stage__video__item {

        width: 100%;

    }

}

.stage__video--reduced-motion {

    display: none;

}

@media (prefers-reduced-motion) {

    .stage__video__item {

        display: none;

    }

    .stage__video--reduced-motion {

        display: block;

    }

}

.stage__overlap {

    background-color: #fff;

    bottom: -16rem;

    height: 24rem;

    position: absolute;

    width: 100%;

    z-index: 4;

}

@media screen and (max-width: 599px) {

    .stage__overlap {

        bottom: -10rem;

        height: 15rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .stage__overlap {

        bottom: -10rem;

        height: 16rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .stage__overlap {

        bottom: -10rem;

        height: 18rem;

    }

}

.is-dark .stage__overlap {

    background-color: #000;

}

.work {

    overflow-y: auto;

    position: relative;

}

.is-dark .work__headline > .headline-201 {

    color: #000;

}

.work__headline {

    margin: 0;

}

@media screen and (max-width: 599px) {

    .work__headline {

        margin-bottom: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .work__headline {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .work__headline {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .work__headline {

        margin-bottom: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .work__headline {

        margin-bottom: 12rem;

    }

}

.is-dark .work__headline {

    color: #000;

}

.work__headline .is-underline {

    position: relative;

}

.work__headline .is-underline:after {

    position: absolute;

    content: "";

    bottom: 0;

    left: -1rem;

    right: -1rem;

    height: 1rem;

    filter: invert(0);

    background: url(../fonts/assets-underline.svg);

    background-repeat: no-repeat;

    background-position: 100%;

}

.is-dark .work__headline .is-underline:after {

    filter: invert(1);

}

.work__inner-wrapper {

    position: relative;

}

.work__logos {

    display: flex;

    flex-wrap: wrap;

    margin: 12rem 0 8rem;

}

@media screen and (max-width: 599px) {

    .work__logos {

        margin: 5.6rem 0 1.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .work__logos {

        margin: 8rem 0 4rem;

    }

}

.work__logos-el-wrapper {

    transition: filter 0.3s ease-in-out;

    position: relative;

    width: 20%;

    padding: 4rem 0;

    text-align: center;

    filter: invert(1);

}

@media screen and (max-width: 599px) {

    .work__logos-el-wrapper {

        width: 50%;

        padding: 2.4rem 0;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .work__logos-el-wrapper {

        width: 50%;

    }

}

.is-dark .work__logos-el-wrapper {

    filter: invert(0);

}

.work__logos img {

    max-height: 7.2rem;

    width: 100%;

}

@media screen and (max-width: 599px) {

    .work__logos img {

        max-height: 4rem;

    }

}

@media screen and (max-width: 599px) {

    .work .video-container {

        margin-left: 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .work .video-container {

        margin-left: 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .work .video-container {

        margin-left: 6.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .work .video-container {

        margin-left: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .work .video-container {

        margin-left: 12.8rem;

    }

}

.job-teaser__wrapper {

    background-image: radial-gradient(#000 5%, transparent 0);

    background-position-x: center;

    background-size: 2rem 2rem;

    position: absolute;

    width: 100%;

    content: "";

    z-index: 3;

    position: relative;

    text-align: center;

    width: auto;

}

.is-dark .job-teaser__wrapper {

    background-image: radial-gradient(hsla(0, 0%, 100%, 0.6) 5%, transparent 0);

}

@media screen and (max-width: 599px) {

    .job-teaser__wrapper {

        padding-top: 9.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .job-teaser__wrapper {

        padding-top: 12rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .job-teaser__wrapper {

        padding-top: 12rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .job-teaser__wrapper {

        padding-top: 16rem;

    }

}

@media screen and (min-width: 1800px) {

    .job-teaser__wrapper {

        padding-top: 20rem;

    }

}

@media screen and (max-width: 599px) {

    .job-teaser__wrapper {

        padding-bottom: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .job-teaser__wrapper {

        padding-bottom: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .job-teaser__wrapper {

        padding-bottom: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .job-teaser__wrapper {

        padding-bottom: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .job-teaser__wrapper {

        padding-bottom: 12rem;

    }

}

.job-teaser__header {

    left: 3.5rem;

    margin: 0 auto;

    position: relative;

}

.job-teaser__sketch {

    background: no-repeat url(../images/meta-assets-sketch-circle.png);

    background-size: 100% 100%;

    margin: -2rem -4.5rem -3rem -6rem;

    padding: 2rem 4.5rem 3rem 6rem;

}

.job-teaser__text {

    margin-top: 3.2rem;

    margin-bottom: 4.8rem;

}

.job-teaser__link {

    font-size: 1.2rem;

    letter-spacing: 0.1rem;

    line-height: 125%;

    font-family: suisse-intl-semibold, Arial, sans-serif;

    align-items: center;

    border: 1rem solid #ffd400;

    border-radius: 50%;

    box-shadow: inset 0 0 0 0 #ffd400;

    color: #000;

    display: flex;

    height: 8rem;

    justify-content: center;

    margin: 0 auto;

    position: relative;

    text-decoration: none;

    text-transform: uppercase;

    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;

    width: 8rem;

}

@media (prefers-reduced-motion: no-preference) {

    .job-teaser__link:hover {

        box-shadow: inset 0 0 0 10rem #ffd400;

        transition: box-shadow 0.3s ease-in, transform 0.3s ease-in;

        transform: scale(0.8);

    }

    .job-teaser__link:hover .text-scale {

        transform: scale(0.9);

    }

}

.section-header {

    display: flex;

    justify-content: space-between;

    margin-bottom: 2rem;

    margin-top: 1.6rem;

}

@media screen and (max-width: 599px) {

    .section-header {

        margin-top: 1.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .section-header {

        margin-top: 1.6rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .section-header {

        margin-top: 1.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .section-header {

        margin-top: 1.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .section-header {

        margin-top: 1.6rem;

    }

}

@media screen and (max-width: 599px) {

    .section-header {

        margin-bottom: 2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .section-header {

        margin-bottom: 2.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .section-header {

        margin-bottom: 2.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .section-header {

        margin-bottom: 2.4rem;

    }

}

@media screen and (min-width: 1800px) {

    .section-header {

        margin-bottom: 2.4rem;

    }

}

.section-header__circle {

    position: absolute;

    left: 50%;

    top: 50%;

    filter: invert(0);

    transform: translate(-50%, -50%);

}

.is-dark .section-header__circle {

    filter: invert(1);

}

.section-header__circle img {

    transition: transform 50ms ease-in-out;

}

@media screen and (max-width: 599px) {

    .section-header__circle img {

        max-width: 158px;

    }

}

.section-header__number {

    position: relative;

}

.section-header__number,

.section-header__title {

    font-size: 1.2rem;

    letter-spacing: 0.1rem;

    line-height: 125%;

    font-family: roboto, monospace;

    text-transform: uppercase;

    font-weight: 400;

    margin: 0;

    z-index: 10;

}

.is-dark .section-header__number,

.is-dark .section-header__title {

    color: #000;

}

@media screen and (max-width: 599px) {

    .section-header__small {

        margin-bottom: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .section-header__small {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .section-header__small {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .section-header__small {

        margin-bottom: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .section-header__small {

        margin-bottom: 12rem;

    }

}

@media screen and (max-width: 599px) {

    .section-header__small {

        margin-top: 3.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .section-header__small {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .section-header__small {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .section-header__small {

        margin-top: 5.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .section-header__small {

        margin-top: 7.2rem;

    }

}

@media screen and (max-width: 599px) {

    .section-header__medium {

        margin-bottom: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .section-header__medium {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .section-header__medium {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .section-header__medium {

        margin-bottom: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .section-header__medium {

        margin-bottom: 12rem;

    }

}

@media screen and (max-width: 599px) {

    .section-header__medium {

        margin-top: 9.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .section-header__medium {

        margin-top: 12rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .section-header__medium {

        margin-top: 12rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .section-header__medium {

        margin-top: 16rem;

    }

}

@media screen and (min-width: 1800px) {

    .section-header__medium {

        margin-top: 20rem;

    }

}

@media screen and (max-width: 599px) {

    .section-header__large {

        margin-bottom: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .section-header__large {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .section-header__large {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .section-header__large {

        margin-bottom: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .section-header__large {

        margin-bottom: 12rem;

    }

}

@media screen and (max-width: 599px) {

    .section-header__large {

        margin-top: 12rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .section-header__large {

        margin-top: 16rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .section-header__large {

        margin-top: 16rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .section-header__large {

        margin-top: 20rem;

    }

}

@media screen and (min-width: 1800px) {

    .section-header__large {

        margin-top: 24.8rem;

    }

}

.error-stage {

    height: 80vh;

    display: flex;

    flex-direction: column;

}

.error-stage__wrapper {

    background-image: radial-gradient(#000 5%, transparent 0);

    background-position-x: center;

    background-size: 2rem 2rem;

    position: absolute;

    width: 100%;

    content: "";

    z-index: 3;

    position: relative;

    text-align: center;

    width: auto;

    height: 100%;

}

.is-dark .error-stage__wrapper {

    background-image: radial-gradient(hsla(0, 0%, 100%, 0.6) 5%, transparent 0);

}

@media screen and (max-width: 599px) {

    .error-stage__wrapper {

        padding-top: 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .error-stage__wrapper {

        padding-top: 3.2rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .error-stage__wrapper {

        padding-top: 3.2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .error-stage__wrapper {

        padding-top: 4rem;

    }

}

@media screen and (min-width: 1800px) {

    .error-stage__wrapper {

        padding-top: 4.8rem;

    }

}

.error-stage__headline-container {

    position: relative;

    margin: auto;

}

.error-stage__bg-text {

    color: #f5f1ee;

    font-family: ogg-regular, Times New Roman, Times, serif;

    font-size: 10rem;

    left: 50%;

    margin: 0;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: -1;

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .error-stage__bg-text {

        font-size: 15rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .error-stage__bg-text {

        font-size: 15rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .error-stage__bg-text {

        font-size: 20rem;

    }

}

@media screen and (min-width: 1800px) {

    .error-stage__bg-text {

        font-size: 20rem;

    }

}

@media screen and (max-width: 599px) {

    .error-stage__text {

        margin-top: 3.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .error-stage__text {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .error-stage__text {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .error-stage__text {

        margin-top: 5.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .error-stage__text {

        margin-top: 7.2rem;

    }

}

@media screen and (max-width: 599px) {

    .error-stage__text {

        margin-bottom: 3.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .error-stage__text {

        margin-bottom: 4.8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .error-stage__text {

        margin-bottom: 4.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .error-stage__text {

        margin-bottom: 5.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .error-stage__text {

        margin-bottom: 7.2rem;

    }

}

.error-stage__link {

    align-items: center;

    border: 1rem solid #ffd400;

    border-radius: 50%;

    color: #000;

    display: flex;

    height: 8rem;

    justify-content: center;

    margin: 0 auto;

    text-decoration: none;

    text-transform: uppercase;

    width: 8rem;

}

@media screen and (max-width: 599px) {

    .error-stage__link {

        margin-bottom: 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .error-stage__link {

        margin-bottom: 3.2rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .error-stage__link {

        margin-bottom: 3.2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .error-stage__link {

        margin-bottom: 4rem;

    }

}

@media screen and (min-width: 1800px) {

    .error-stage__link {

        margin-bottom: 4.8rem;

    }

}

.error-stage__link:hover {

    box-shadow: inset 0 0 0 10rem #ffd400;

    transition: box-shadow 0.3s ease-in, transform 0.3s ease-in;

    transform: scale(0.8);

}

.error-stage__link:hover .text-scale {

    transform: scale(0.9);

}

.offering {

    position: relative;

}

.offering__heading-top {

    margin-bottom: 2.4rem;

}

@media screen and (max-width: 599px) {

    .offering__heading-top {

        margin-bottom: 0;

    }

}

.offering__heading-bottom {

    margin: 0;

}

.offering__heading-bottom,

.offering__heading-top {

    display: inline-block;

    font-size: 9.6rem;

    line-height: 120%;

    white-space: nowrap;

    transition: transform 0.5s ease;

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

}

@media screen and (max-width: 599px) {

    .offering__heading-bottom,

    .offering__heading-top {

        font-size: 6rem;

        margin-bottom: 0.8rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .offering__heading-bottom,

    .offering__heading-top {

        font-size: 7rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .offering__heading-bottom,

    .offering__heading-top {

        font-size: 7rem;

    }

}

.offering__heading-bottom.is-mobile,

.offering__heading-top.is-mobile {

    display: none;

}

@media screen and (max-width: 599px) {

    .offering__heading-bottom.is-mobile,

    .offering__heading-top.is-mobile {

        display: block;

        margin: 0 0 0.8rem;

    }

}

.offering__heading-bottom .is-font-ogg,

.offering__heading-top .is-font-ogg {

    font-family: ogg-regular, Times New Roman, Times, serif;

}

@media (prefers-reduced-motion: reduce) {

    .offering__heading-bottom,

    .offering__heading-top {

        position: relative;

        left: 50%;

        transform: translateX(-50%);

    }

}

.offering--wrapper {

    position: relative;

}

@media screen and (max-width: 599px) {

    .offering--wrapper {

        padding-top: 3.2rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .offering--wrapper {

        padding-top: 4.8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .offering--wrapper {

        padding-top: 4.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .offering--wrapper {

        padding-top: 5.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .offering--wrapper {

        padding-top: 7.2rem;

    }

}

.offering--wrapper:after {

    background-image: radial-gradient(#000 5%, transparent 0);

    background-position-x: center;

    background-size: 2rem 2rem;

    width: 100%;

    content: "";

    z-index: 3;

    position: absolute;

    top: 0;

    bottom: 0;

    filter: invert(0);

}

.is-dark .offering--wrapper:after {

    background-image: radial-gradient(hsla(0, 0%, 100%, 0.6) 5%, transparent 0);

}

@media screen and (max-width: 599px) {

    .offering--wrapper:after {

        margin: 0 0 0 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .offering--wrapper:after {

        margin: 0 0 0 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .offering--wrapper:after {

        margin: 0 0 0 9.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .offering--wrapper:after {

        margin: 0 0 0 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .offering--wrapper:after {

        margin: 0 0 0 12.8rem;

    }

}

.offering--info {

    position: relative;

    z-index: 4;

}

@media screen and (max-width: 599px) {

    .offering--info {

        padding-top: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .offering--info {

        padding-top: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .offering--info {

        padding-top: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .offering--info {

        padding-top: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .offering--info {

        padding-top: 12rem;

    }

}

@media screen and (max-width: 599px) {

    .offering--info {

        padding-bottom: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .offering--info {

        padding-bottom: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .offering--info {

        padding-bottom: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .offering--info {

        padding-bottom: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .offering--info {

        padding-bottom: 12rem;

    }

}

.offering--info .offering__slide {

    width: auto;

}

.offering__title {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-semibold, Arial, sans-serif;

    font-size: 1.8rem;

}

@media screen and (max-width: 599px) {

    .offering__title {

        font-size: 1.6rem;

    }

}

.offering__item {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.6rem;

    padding-bottom: 0.8rem;

}

@media screen and (max-width: 599px) {

    .offering__item {

        font-size: 1.4rem;

    }

}

.headline-copy__headline {

    font-size: 4.8rem;

    max-width: 250px;

    margin: 0;

}

@media screen and (max-width: 599px) {

    .headline-copy__headline {

        font-size: 3.2rem;

        margin-bottom: 2.4rem;

        max-width: 250px;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .headline-copy__headline {

        margin-bottom: 3.2rem;

    }

}

@media screen and (min-width: 1800px) {

    .headline-copy__headline {

        font-size: 6.4rem;

    }

}

.headline-copy__headline .slide-in {

    display: block;

}

.headline-copy__copy {

    font-size: 1.8rem;

    margin: 0 0 9.6rem;

    max-width: 360px;

}

@media screen and (max-width: 599px) {

    .headline-copy__copy {

        margin-bottom: 6.4rem;

        max-width: unset;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .headline-copy__copy {

        margin-bottom: 8rem;

    }

}

.video-container {

    position: relative;

    overflow-x: hidden;

}

.video-preview-loop {

    position: relative;

    width: 100%;

    z-index: 4;

    max-height: 100vh;

    -o-object-fit: contain;

    object-fit: contain;

}

@media screen and (max-width: 599px) {

    .video-preview-loop {

        width: 150vw;

    }

}

.video-preview-loop.is-hidden,

.video-reduced-motion {

    display: none;

}

.video-element {

    display: none;

    position: relative;

    z-index: 4;

    width: 100%;

    max-height: 100vh;

}

.video-element.is-visible {

    display: block;

}

.video-media-control {

    position: absolute;

    top: 50%;

    right: 50%;

    z-index: 5;

    transform: translate(50%, -50%);

    text-transform: uppercase;

    background: #fff;

    border-radius: 50%;

    border: transparent;

    height: 10rem;

    width: 10rem;

    color: #000;

    cursor: pointer;

}

.video-media-control:focus {

    outline: none;

}

.video-media-control.is-hidden {

    display: none;

}

@media (prefers-reduced-motion: reduce) {

    .video-preview-loop {

        display: none;

    }

    .video-reduced-motion {

        display: block;

        position: relative;

        width: 100%;

        z-index: 4;

        max-height: 100vh;

        -o-object-fit: contain;

        object-fit: contain;

    }

}

@media screen and (prefers-reduced-motion: reduce) and (max-width: 599px) {

    .video-reduced-motion {

        width: 150vw;

    }

}

@media (prefers-reduced-motion: reduce) {

    .video-reduced-motion.is-hidden {

        display: none;

    }

}

.anchor-navigation__item {

    position: relative;

    margin-bottom: 1.6rem;

}

.anchor-navigation__item:focus .anchor-navigation__item-link,

.anchor-navigation__item:hover .anchor-navigation__item-link {

    font-family: suisse-intl-semibold, Arial, sans-serif;

}

.anchor-navigation__item-link {

    position: relative;

}

.anchor-navigation__item-link.is-active {

    font-family: suisse-intl-semibold, Arial, sans-serif;

}

.anchor-navigation__item-link.is-active:before {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -1.6rem;

    width: 0.4rem;

    height: 0.4rem;

    background: #7c44f1;

    border-radius: 45%;

}

@media screen and (max-width: 599px) {

    .data-policy {

        margin-top: 6.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .data-policy {

        margin-top: 8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .data-policy {

        margin-top: 8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .data-policy {

        margin-top: 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .data-policy {

        margin-top: 12rem;

    }

}

.data-policy .anchor-navigation {

    position: -webkit-sticky;

    position: sticky;

    top: 2rem;

}

@media screen and (max-width: 599px) {

    .data-policy .anchor-navigation {

        display: none;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .data-policy .anchor-navigation {

        display: none;

    }

}

.data-policy__content h2 {

    font-family: suisse-intl-regular, Arial, sans-serif;

    font-weight: 400;

}

@media screen and (max-width: 599px) {

    .data-policy__content h2 {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .data-policy__content h2 {

        font-size: 4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .data-policy__content h2 {

        font-size: 4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .data-policy__content h2 {

        font-size: 4.8rem;

        line-height: 5.3rem;

    }

}

@media screen and (min-width: 1800px) {

    .data-policy__content h2 {

        font-size: 6.4rem;

        line-height: 7.1rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .data-policy__content h2 {

        max-width: 33rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .data-policy__content h2 {

        max-width: 40rem;

    }

}

@media screen and (min-width: 1800px) {

    .data-policy__content h2 {

        max-width: 50rem;

    }

}

.data-policy__content h3 {

    margin-bottom: 2.4rem;

}

@media screen and (max-width: 599px) {

    .data-policy__content section > :last-child {

        margin-bottom: 4.8rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .data-policy__content section > :last-child {

        margin-bottom: 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .data-policy__content section > :last-child {

        margin-bottom: 6.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .data-policy__content section > :last-child {

        margin-bottom: 8rem;

    }

}

@media screen and (min-width: 1800px) {

    .data-policy__content section > :last-child {

        margin-bottom: 9.6rem;

    }

}

.data-policy__content ul {

    list-style: disc;

    margin-left: 2.2rem;

}

.data-policy__content li {

    margin-bottom: 2.4rem;

}

.data-policy__content li:last-child {

    margin-bottom: 4rem;

}

.data-policy__content > :first-child {

    margin-top: 0;

}

.data-policy__content > :last-child {

    margin-bottom: 0;

}

.privacy {

    overflow-x: initial;

}

.tab-list {

    position: relative;

    cursor: pointer;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

}

.tab-list:focus {

    outline: none;

}

@media screen and (max-width: 599px) {

    .tab-list + .tab-list {

        margin-top: 0.8rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .tab-list + .tab-list {

        margin-top: 0.8rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .tab-list + .tab-list {

        margin-top: 0.8rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .tab-list + .tab-list {

        margin-top: 0.8rem;

    }

}

@media screen and (min-width: 1800px) {

    .tab-list + .tab-list {

        margin-top: 0.8rem;

    }

}

.tab-list a {

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.8rem;

    color: #000;

}

@media screen and (max-width: 599px) {

    .tab-list a {

        font-size: 1.6rem;

    }

}

.tab-list.active-list,

.tab-list:hover,

.tab-list[aria-selected="true"] {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-semibold, Arial, sans-serif;

    font-size: 1.8rem;

}

@media screen and (max-width: 599px) {

    .tab-list.active-list,

    .tab-list:hover,

    .tab-list[aria-selected="true"] {

        font-size: 1.6rem;

    }

}

.tab-list.active-list:after,

.tab-list:hover:after,

.tab-list[aria-selected="true"]:after {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -1.6rem;

    width: 0.4rem;

    height: 0.4rem;

    background: #7c44f1;

    border-radius: 45%;

}

.tab-list--underline {

    position: relative;

    white-space: nowrap;

}

.tab-list--underline:after,

.tab-list--underline:before {

    position: absolute;

    background: #000;

    width: 100%;

    height: 0.1rem;

    left: 0;

    pointer-events: none;

}

.tab-list--underline:before {

    content: "";

    top: 90%;

    transform-origin: 100% 50%;

    transform: scaleX(0);

}

@media (prefers-reduced-motion: no-preference) {

    .tab-list--underline:before {

        transition: transform 0.3s;

    }

}

.tab-list--underline:hover:before {

    transform-origin: 0 50%;

    transform: scaleX(1);

}

.large-title {

    margin: 3rem 0;

}

.large-title__background-grid {

    background-image: radial-gradient(#000 5%, transparent 0);

    background-position-x: center;

    background-size: 2rem 2rem;

    position: absolute;

    content: "";

    z-index: 3;

    position: relative;

    width: 100%;

    height: 73.6rem;

}

@media screen and (max-width: 599px) {

    .large-title__background-grid {

        margin: 0 0 0 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .large-title__background-grid {

        margin: 0 0 0 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .large-title__background-grid {

        margin: 0 0 0 9.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .large-title__background-grid {

        margin: 0 0 0 9.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .large-title__background-grid {

        margin: 0 0 0 12.8rem;

    }

}

.is-dark .large-title__background-grid {

    background-image: radial-gradient(hsla(0, 0%, 100%, 0.6) 5%, transparent 0);

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .large-title__background-grid {

        height: 60rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .large-title__background-grid {

        height: 43rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .large-title__background-grid {

        height: 43rem;

    }

}

@media screen and (max-width: 599px) {

    .large-title__background-grid {

        height: 31.8rem;

    }

}

.large-title__text {

    top: 30%;

    font-family: ogg-regular, Times New Roman, Times, serif;

    font-size: 15rem;

    margin: 0;

    position: absolute;

    line-height: 70%;

    right: 3.5rem;

}

@media screen and (max-width: 599px) {

    .large-title__text {

        font-size: 20rem;

        right: -32rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .large-title__text {

        font-size: 20rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .large-title__text {

        font-size: 30rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .large-title__text {

        font-size: 40rem;

    }

}

@media screen and (min-width: 1800px) {

    .large-title__text {

        font-size: 50rem;

    }

}

.large-title__circle {

    border: 0.4rem solid #ffd400;

    border-bottom-color: #20a89c;

    border-radius: 50%;

    transform: rotate(-45deg);

    width: 7.5rem;

    height: 7.5rem;

    position: absolute;

    bottom: -20%;

    right: 45%;

}

@media screen and (max-width: 599px) {

    .large-title__circle {

        right: 45%;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .large-title__circle {

        width: 10.2rem;

        height: 10.2rem;

        right: 62%;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .large-title__circle {

        width: 10.2rem;

        height: 10.2rem;

        right: 75%;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .large-title__circle {

        width: 14.8rem;

        height: 14.8rem;

        right: 68%;

    }

}

@media screen and (min-width: 1800px) {

    .large-title__circle {

        width: 23.8rem;

        height: 23.8rem;

        right: 65%;

    }

}

@media screen and (max-width: 599px) {

    .privacy {

        overflow-x: hidden;

    }

}

.imprint__title {

    font-family: suisse-intl-regular, Arial, sans-serif;

    margin-top: 4rem;

}

@media screen and (max-width: 599px) {

    .imprint__title {

        font-size: 2.4rem;

        line-height: 2.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .imprint__title {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .imprint__title {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .imprint__title {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 1800px) {

    .imprint__title {

        font-size: 4.8rem;

        line-height: 5.3rem;

    }

}

@media screen and (max-width: 599px) {

    .imprint__title {

        margin-top: 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .imprint__title {

        margin-top: 3.2rem;

    }

}

@media screen and (max-width: 599px) {

    .imprint-large-title .large-title__text {

        right: -30rem;

    }

}

.imprint-large-title .large-title__circle {

    right: 15%;

    top: -20%;

}

.career-landingpage .background--raster {

    row-gap: 0;

    background: #000 url(../images/meta-assets-background.png) no-repeat;

    background-size: 100% auto;

}

@media screen and (max-width: 599px) {

    .career-landingpage .background--raster {

        background-image: none;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage .background--raster {

        margin-bottom: -4em;

    }

}

.career-landingpage a {

    color: inherit;

}

@media screen and (max-width: 599px) {

    .career-landingpage__intro {

        margin-top: 4.8rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage__intro {

        margin-top: 6.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .career-landingpage__intro {

        margin-top: 6.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .career-landingpage__intro {

        margin-top: 8rem;

    }

}

@media screen and (min-width: 1800px) {

    .career-landingpage__intro {

        margin-top: 9.6rem;

    }

}

.career-landingpage__intro-text {

    font-family: suisse-intl-light, Arial, sans-serif;

    margin: 0;

}

@media screen and (max-width: 599px) {

    .career-landingpage__intro-text {

        font-size: 1.8rem;

        line-height: 2.88rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage__intro-text {

        font-size: 2.4rem;

        line-height: 3.84rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .career-landingpage__intro-text {

        font-size: 2.4rem;

        line-height: 3.84rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .career-landingpage__intro-text {

        font-size: 2.4rem;

        line-height: 3.84rem;

    }

}

@media screen and (min-width: 1800px) {

    .career-landingpage__intro-text {

        font-size: 3.2rem;

        line-height: 5.12rem;

    }

}

@media screen and (max-width: 599px) {

    .career-landingpage__remote {

        margin-bottom: 12rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage__remote {

        margin-bottom: 16rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .career-landingpage__remote {

        margin-bottom: 16rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .career-landingpage__remote {

        margin-bottom: 20rem;

    }

}

@media screen and (min-width: 1800px) {

    .career-landingpage__remote {

        margin-bottom: 24.8rem;

    }

}

.career-landingpage__remote p {

    font-family: suisse-intl-light, Arial, sans-serif;

    margin: 0;

}

@media screen and (max-width: 599px) {

    .career-landingpage__remote p {

        font-size: 1.8rem;

        line-height: 2.88rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage__remote p {

        font-size: 2.4rem;

        line-height: 3.84rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .career-landingpage__remote p {

        font-size: 2.4rem;

        line-height: 3.84rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .career-landingpage__remote p {

        font-size: 2.4rem;

        line-height: 3.84rem;

    }

}

@media screen and (min-width: 1800px) {

    .career-landingpage__remote p {

        font-size: 3.2rem;

        line-height: 5.12rem;

    }

}

.career-landingpage .large-title {

    position: relative;

    width: 100%;

}

@media screen and (max-width: 599px) and (max-width: 599px) {

    .career-landingpage .large-title {

        margin-top: 4.8rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage .large-title {

        margin-top: 6.4rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 900px) and (max-width: 1199px) {

    .career-landingpage .large-title {

        margin-top: 6.4rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 1200px) and (max-width: 1799px) {

    .career-landingpage .large-title {

        margin-top: 8rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 1800px) {

    .career-landingpage .large-title {

        margin-top: 9.6rem;

    }

}

@media screen and (max-width: 599px) and (max-width: 599px) {

    .career-landingpage .large-title {

        margin-bottom: 6.4rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage .large-title {

        margin-bottom: 8rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 900px) and (max-width: 1199px) {

    .career-landingpage .large-title {

        margin-bottom: 8rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 1200px) and (max-width: 1799px) {

    .career-landingpage .large-title {

        margin-bottom: 9.6rem;

    }

}

@media screen and (max-width: 599px) and (min-width: 1800px) {

    .career-landingpage .large-title {

        margin-bottom: 12rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage .large-title {

        margin: 3rem 0;

    }

}

.career-landingpage .large-title__text {

    font-family: ogg-regular, Times New Roman, Times, serif;

    font-size: 15rem;

    margin: 0;

    position: relative;

    top: auto;

    left: auto;

    line-height: 95%;

    right: auto;

    transform: translate(-3%, 10%);

}

@media screen and (max-width: 599px) {

    .career-landingpage .large-title__text {

        font-size: 16rem;

        width: 130%;

        word-break: break-all;

        line-height: 70%;

        margin-bottom: 0.25em;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .career-landingpage .large-title__text {

        font-size: 20rem;

        word-break: break-all;

        line-height: 70%;

        margin-bottom: 0.25em;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .career-landingpage .large-title__text {

        font-size: 28rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .career-landingpage .large-title__text {

        font-size: 38rem;

    }

}

@media screen and (min-width: 1800px) {

    .career-landingpage .large-title__text {

        font-size: 46rem;

    }

}

.career-landingpage .large-title__text--ogg {

    font-family: ogg-italic, Times New Roman, Times, serif;

}

.grid .grid {

    margin: 0;

}

.buzzword__headline {

    font-family: suisse-intl-regular, Arial, sans-serif;

    margin-top: 0;

}

@media screen and (max-width: 599px) {

    .buzzword__headline {

        font-size: 3.2rem;

        line-height: 3.6rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .buzzword__headline {

        font-size: 4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .buzzword__headline {

        font-size: 4rem;

        line-height: 4.4rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .buzzword__headline {

        font-size: 4.8rem;

        line-height: 5.3rem;

    }

}

@media screen and (min-width: 1800px) {

    .buzzword__headline {

        font-size: 6.4rem;

        line-height: 7.1rem;

    }

}

.buzzword__list {

    font-family: suisse-intl-regular, Arial, sans-serif;

    line-height: 160%;

    font-family: suisse-intl-light, Arial, sans-serif;

    font-size: 1.6rem;

    display: flex;

    flex-wrap: wrap;

}

@media screen and (max-width: 599px) {

    .buzzword__list {

        font-size: 1.4rem;

        margin-bottom: 2.4rem;

    }

}

@media screen and (min-width: 600px) and (max-width: 899px) {

    .buzzword__list {

        margin-bottom: 3.2rem;

    }

}

@media screen and (min-width: 900px) and (max-width: 1199px) {

    .buzzword__list {

        margin-bottom: 3.2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1799px) {

    .buzzword__list {

        margin-bottom: 4rem;

    }

}

@media screen and (min-width: 1800px) {

    .buzzword__list {

        margin-bottom: 4.8rem;

    }

}

.buzzword__list li {

    display: inline-block;

    padding-bottom: 8px;

    line-height: 26px;

}

.buzzword__list li:after {

    content: "·";

    padding: 0 8px;

}

.buzzword__link {

    border-bottom: 2px solid #ffd400;

    text-transform: uppercase;

}

.button {

    font-size: 1.2rem;

    letter-spacing: 0.1rem;

    line-height: 125%;

    font-family: suisse-intl-semibold, Arial, sans-serif;

    text-decoration: none;

    line-height: normal;

    border: 0;

}

@media screen and (max-width: 599px) {

    .button--mobile-full-width {

        width: 100%;

        justify-content: center;

    }

}

.is-dark .button--primary {

    background-color: #f5f1ee;

    color: #000;

}

.button--large {

    padding: 1.6rem 3.2rem;

    border-radius: 2.4rem;

}

.button:hover {

    cursor: pointer;

}

.button:disabled {

    opacity: 0.5;

}

:root {

    --swiper-theme-color: #007aff;

}

.swiper-container {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}

.swiper-container-vertical > .swiper-wrapper {

    flex-direction: column;

}

.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: flex;

    transition-property: transform;

    box-sizing: content-box;

}

.swiper-container-android .swiper-slide,

.swiper-wrapper {

    transform: translateZ(0);

}

.swiper-container-multirow > .swiper-wrapper {

    flex-wrap: wrap;

}

.swiper-container-multirow-column > .swiper-wrapper {

    flex-wrap: wrap;

    flex-direction: column;

}

.swiper-container-free-mode > .swiper-wrapper {

    transition-timing-function: ease-out;

    margin: 0 auto;

}

.swiper-container-pointer-events {

    touch-action: pan-y;

}

.swiper-container-pointer-events.swiper-container-vertical {

    touch-action: pan-x;

}

.swiper-slide {

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    transition-property: transform;

}

.swiper-slide-invisible-blank {

    visibility: hidden;

}

.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

    height: auto;

}

.swiper-container-autoheight .swiper-wrapper {

    align-items: flex-start;

    transition-property: transform, height;

}

.swiper-container-3d {

    perspective: 1200px;

}

.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

    transform-style: preserve-3d;

}

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10;

}

.swiper-container-3d .swiper-slide-shadow-left {

    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);

}

.swiper-container-3d .swiper-slide-shadow-right {

    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);

}

.swiper-container-3d .swiper-slide-shadow-top {

    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);

}

.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);

}

.swiper-container-css-mode > .swiper-wrapper {

    overflow: auto;

    scrollbar-width: none;

    -ms-overflow-style: none;

}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {

    display: none;

}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {

    scroll-snap-align: start start;

}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {

    -ms-scroll-snap-type: x mandatory;

    scroll-snap-type: x mandatory;

}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {

    -ms-scroll-snap-type: y mandatory;

    scroll-snap-type: y mandatory;

}