html {
    font-size: 62.5%;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    scroll-padding-top: 10rem;
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    box-sizing: border-box;
    margin: 0;
    font-size: 1.6rem;
}

::selection {
    background: #000;
    color: #fff;
}

::-moz-selection {
    background: #000;
    color: #fff;
}

::-webkit-selection {
    background: #000;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
    margin: 0;
}

q:before,
q:after {
    display: none;
}

button {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: none transparent;
    color: inherit;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    font: inherit;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

blockquote {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

#svg-- {
    display: none;
}

.mfp-wrap {
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed !important;
    top: 0 !important;
}

@font-face {
    font-family: GothamSSm;
    font-style: normal;
    font-weight: 400;
    src: url(https://d1wao037kgukun.cloudfront.net/oms/2855/font/2025/12/NQJ42_17657674153469083gothamssm-book/17657674153469083gothamssm-book.ttf) format("truetype");
}

@font-face {
    font-family: GothamSSm;
    font-style: normal;
    font-weight: 500;
    src: url(https://d1wao037kgukun.cloudfront.net/oms/2855/font/2025/12/13QPA_17657674153301728gothamssm-medium/17657674153301728gothamssm-medium.ttf) format("truetype");
}

@font-face {
    font-family: GothamSSm;
    font-style: normal;
    font-weight: 300;
    src: url(https://d1wao037kgukun.cloudfront.net/oms/2855/font/2025/12/9YBHM_17657674153077152gothamssm-light/17657674153077152gothamssm-light.ttf) format("truetype");
}

#nav-container > div:not(.stick-top).border-b {
    border-width: 0px;
}

.btn {
    display: flex;
    position: relative;
    overflow: hidden;
    min-height: 6.4rem;
    padding: 1.6rem 3.2rem;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: all 0.2s cubic-bezier(0.3, 0, 0.1, 1) 0s;
    cursor: pointer;
}

.btn:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 0%;
    top: 0;
    bottom: unset;
    z-index: -1;
    transition: all 0.2s cubic-bezier(0.3, 0, 0.1, 1) 0s;
}

.btn.no-animate:after {
    height: 100% !important;
    bottom: 0 !important;
}

.btn:hover:after,
.btn:focus:after {
    bottom: 0;
    top: unset;
    height: 100%;
}

.btn-primary {
    color: var(--color-white);
    background-color: var(--color-black);
}

.btn-primary:hover,
.btn-primary:focus {
    color: var(--color-black);
}

.btn-primary:active:after {
    background-color: var(--color-primary-pressed);
}

.btn-primary:after {
    background-color: var(--color-primary);
}

.btn-primary.no-animate:after {
    background-color: var(--color-transparent) !important;
}

.btn-primary.no-animate:hover:after,
.btn-primary.no-animate:focus:after {
    background-color: var(--color-primary) !important;
}

.btn-secondary {
    color: var(--color-black);
    background-color: var(--color-transparent);
    border: 0.1rem solid var(--color-black-4a);
}

.btn-secondary:hover,
.btn-secondary:focus {
    color: var(--color-black);
}

.btn-secondary:active:after {
    background-color: var(--color-black-4a);
}

.btn-secondary:after {
    background-color: var(--color-black-4a);
}

.btn-tertiary {
    color: var(--color-black);
    background-color: var(--color-transparent);
    border: 0.1rem solid var(--color-black-4a);
}

.btn-tertiary:hover,
.btn-tertiary:focus {
    color: var(--color-black);
    border-color: var(--color-primary-pressed);
}

.btn-tertiary:active:after {
    background-color: var(--color-primary-pressed);
}

.btn-tertiary:after {
    background-color: var(--color-primary-pressed);
}

.flip-card {
    transform-style: preserve-3d;
    transition: transform 1s;
}

.flip-card-front,
.flip-card-back {
    backface-visibility: hidden;
}

.flip-card-back,
.flip-card-wrapper:hover .flip-card {
    transform: rotateY(180deg);
}

.hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
    position: relative;
    width: 6.5rem;
    height: 6.5rem;
    gap: 0.5rem;
    background-color: #fff;
    border: 0.2rem solid #e5fcfb;
    border-radius: 1.8rem;
}

.hamburger.active .hamburger-bar:nth-child(1) {
    transform: rotate(-45deg);
}

.hamburger.active .hamburger-bar:nth-child(2) {
    opacity: 0;
}

.hamburger.active .hamburger-bar:nth-child(3) {
    transform: rotate(45deg);
}

.hamburger-bar {
    display: block;
    width: 2.2rem;
    height: 0.2rem;
    margin: 0 auto;
    transition: all 0.3s ease;
    position: absolute;
    background-color: #191919;
}

.hamburger-bar:nth-of-type(1) {
    top: 50%;
    transform: translateY(calc(-150% - 0.6rem));
}

.hamburger-bar:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
}

.hamburger-bar:nth-of-type(3) {
    top: 50%;
    transform: translateY(calc(50% + 0.6rem));
}

.job-description ul,
.job-description ol {
    display: block;
    list-style-type: initial;
    /* margin-block-start: 1em;
  margin-block-end: 1em; */
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
    unicode-bidi: isolate;
}

.job-description li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}

.job-description p {
    display: block;
    /* margin-block-start: 1em;
  margin-block-end: 1em; */
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

#nav a,
#nav button {
    transition: color 0.2s cubic-bezier(0.3, 0, 0.1, 1)-out;
}

.full-screen-media-overlay {
    background: linear-gradient(180deg, #00000078, #0000004d 19.82%, #00000024 41.47%, #000000ba 80.61%);
}

.slide-up-item {
    transition: transform 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translateY(100%);
}

.slide-up-item.slide-up {
    transform: translateY(0);
}

.slide-down-item {
    transition: transform 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translateY(-100%);
}

.slide-down-item.slide-down {
    transform: translateY(0);
}

.slide-right-item {
    transition: transform 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translate(-100%);
}

.slide-right-item.slide-right {
    transform: translate(0);
}

.slide-left-item {
    transition: transform 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translate(100%);
}

.slide-left-item.slide-left {
    transform: translate(0);
}

.fade-up-item {
    opacity: 0;
    transition:
        transform 0.5s cubic-bezier(0.3, 0, 0.1, 1),
        opacity 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translateY(100%);
}

.fade-up-item.fade-up {
    opacity: 1;
    transform: translateY(0);
}

.fade-down-item {
    opacity: 0;
    transition:
        transform 0.5s cubic-bezier(0.3, 0, 0.1, 1),
        opacity 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translateY(-100%);
}

.fade-down-item.fade-down {
    opacity: 1;
    transform: translateY(0);
}

.fade-left-item {
    opacity: 0;
    transition:
        transform 0.5s cubic-bezier(0.3, 0, 0.1, 1),
        opacity 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translate(100%);
}

.fade-left-item.fade-left {
    opacity: 1;
    transform: translate(0);
}

.fade-right-item {
    opacity: 0;
    transition:
        transform 0.5s cubic-bezier(0.3, 0, 0.1, 1),
        opacity 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translate(-100%);
}

.fade-right-item.fade-right {
    opacity: 1;
    transform: translate(0);
}

.zoom-out-item {
    opacity: 0;
    transition:
        scale 0.5s cubic-bezier(0.3, 0, 0.1, 1),
        opacity 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    scale: 1.2;
}

.zoom-out-item.zoom-out {
    opacity: 1;
    scale: 1;
}

.zoom-in-item {
    opacity: 0;
    transition:
        scale 0.5s cubic-bezier(0.3, 0, 0.1, 1),
        opacity 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    scale: 0.8;
}

.zoom-in-item.zoom-in {
    opacity: 1;
    scale: 1;
}

.full-screen-media-action-button {
    transition-delay: 0.1s !important;
}

.full-screen-media-title.not-visible,
.full-screen-media-description.not-visible,
.full-screen-media-action-button.not-visible,
.full-screen-media-action-underlay.not-visible,
.full-screen-media-play-button.not-visible,
.full-screen-media-mute-button.not-visible {
    transition: transform 0.5s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translateY(100%);
}

.full-screen-media-title.visible,
.full-screen-media-description.visible,
.full-screen-media-action-button.visible,
.full-screen-media-action-underlay.visible,
.full-screen-media-play-button.visible,
.full-screen-media-mute-button.visible {
    transform: translateY(0) !important;
}

.full-screen-media-title.not-visible,
.full-screen-media-description.not-visible {
    transition:
        transform 0.5s cubic-bezier(0.3, 0, 0.1, 1),
        opacity 0.2s cubic-bezier(0.3, 0, 0.1, 1);
    transform: translateY(100%);
    opacity: 0;
}

.full-screen-media-title.visible,
.full-screen-media-description.visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.link-hover-underline:after {
    content: "";
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-black);
    transform: scaleX(0);
    transition: transform 0.2s ease-out;
    transform-origin: left;
}

.link-hover-underline:hover:after,
.link-hover-underline.current:after {
    transform: scaleX(1);
}

.full-screen-media-overlayy {
    transition:
        transform 0.5s cubic-bezier(0.3, 0, 0.1, 1),
        opacity 0.5s ease-in-out;
}

.full-screen-media-overlayy.not-visible {
    transform: translateY(0) !important;
}

.full-screen-media-overlayy.not-visible.visible {
    transform: translateY(100%);
    opacity: 0;
}

.full-screen-media-image {
    transition: transform 0.3s ease-in-out, opacity 0.2s cubic-bezier(0.3, 0, 0.1, 1);
}

.full-screen-media-image.not-visible {
    transform: scale(1.2);
    opacity: 0;
}

.full-screen-media-image.visible {
    transform: scale(1);
    opacity: 1;
}

header.job-details__header,
.home-hero {
    display: grid;
    grid-template-columns: 1fr;
}

header .header-image {
    position: relative;
}

header.job-details__header .header-image,
.home-hero .hero-image {
    grid-column: 1;
    grid-row: 1
}

header.job-details__header .job-title,
.home-hero .hero-content {
    grid-column: 1;
    grid-row: 1;
}

header.job-details__header .job-title {
    align-content: flex-end;
    padding-bottom: 5.6rem;
}

@media screen and (min-width: 1280px) {
    header.job-details__header .job-title {
        padding-bottom: 12rem;
    }
}

.header-image>.overlay {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
}

.img-responsive {
    width: 100%;
    height: auto;
}

.skip-content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    border-radius: 0.375rem;
    font-weight: 600;
    z-index: 1600;
}

.skip-content:focus-visible {
    box-shadow: 0 0 0 2px #211710;
    padding: 1rem;
    position: fixed;
    top: 1.5rem;
    left: 1.5rem;
    background: #fff;
    height: fit-content;
    width: fit-content;
    clip: initial;
}

#career-area-subheader.sticky {
  top: 64px;
  min-height: 6.2rem;
}

#career-area-subheader > div {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    padding-inline: 3.2rem;
}

#career-area-subheader > div a {
    display: inline-flex;
    align-items: center;
    width: max-content;
    flex-shrink: 0;
    height: 6.2rem;

}

@media screen and (min-width: 1024px) {
    #career-area-subheader.sticky {
        top: 83px;
    }

    #career-area-subheader > div {
        justify-content: center;
    }
}

.grid { display: grid; }
.grid-col-1 { grid-column: 1; }
.grid-row-1 { grid-row: 1; }

.responsive-iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* .video-hero {
  position: relative;
  min-height: 75vh;
} */

.video-hero__container {
    height: 100%;
}

.video-hero video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.video-hero .video-hero__overlay {
  position: absolute;
  inset: 0;
  background-size: cover;
  z-index: 2;
  opacity: 0.55;
  background-image: radial-gradient(57.77% 76.92% at 91.24% 78.78%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.01) 45.31%, rgba(0, 0, 0, 0.03) 51.26%, rgba(0, 0, 0, 0.07) 56.05%, rgba(0, 0, 0, 0.12) 59.91%, rgba(0, 0, 0, 0.18) 63.03%, rgba(0, 0, 0, 0.25) 65.63%, rgba(0, 0, 0, 0.33) 67.91%, rgba(0, 0, 0, 0.41) 70.09%, rgba(0, 0, 0, 0.5) 72.37%, rgba(0, 0, 0, 0.59) 74.97%, rgba(0, 0, 0, 0.67) 78.09%, rgba(0, 0, 0, 0.76) 81.95%, rgba(0, 0, 0, 0.85) 86.74%, rgba(0, 0, 0, 0.93) 92.69%, #000000 100%);
}

/* @media screen and (min-width: 1280px) {
    .video-hero {
        max-height: 100svh;
    }
} */

:lang(de) .headline-max-width {
  max-width: 20ch;
}

.headline-max-width {
  max-width: 37rem;
}

.lang-menu li.active a {
  color: var(--color-primary)
}