@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
:host {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}
.swiper {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    overflow: hidden;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: var(
        --swiper-wrapper-transition-timing-function,
        initial
    );
    box-sizing: content-box;
    display: flex;
    position: relative;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate(0, 0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    position: relative;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: transparent;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size);
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
    object-fit: contain;
    transform-origin: 50%;
    width: 100%;
    height: 100%;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.swiper-button-lock {
    display: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}
.swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity 0.3s;
    position: absolute;
    transform: translate(0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    width: 100%;
    left: 0;
}
.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 8px)
    );
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    display: inline-block;
}
button.swiper-pagination-bullet {
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translateY(-50%);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition:
        transform 0.2s,
        top 0.2s;
    display: inline-block;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%);
}
.swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition:
        transform 0.2s,
        left 0.2s;
}
.swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition:
        transform 0.2s,
        right 0.2s;
}
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
    background: var(
        --swiper-pagination-progressbar-bg-color,
        rgba(0, 0, 0, 0.25)
    );
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
    left: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0;
    left: 0;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
    position: relative;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute;
}
.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
}
.swiper .swiper-notification {
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
    position: absolute;
    top: 0;
    left: 0;
}
.swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-flow: column wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
    opacity: 0.6;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    background: #000;
    position: absolute;
    inset: 0;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform, opacity, height;
    overflow: hidden;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, 0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(
        90deg,
        #4cd964,
        #5ac8fa,
        #007aff,
        #34aadc,
        #5856d6,
        #ff2d55
    );
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
}
.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: var(--toastify-toast-width);
    z-index: var(--toastify-z-index);
    padding: 4px;
    position: fixed;
}
.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em;
}
.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translate(-50%);
}
.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em;
}
.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em;
}
.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translate(-50%);
}
.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em;
}
@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        margin: 0;
        padding: 0;
        left: 0;
    }
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: 0;
        transform: translate(0);
    }
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translate(0);
    }
    .Toastify__toast-container--rtl {
        left: auto;
        right: 0;
    }
}
.Toastify__toast {
    box-sizing: border-box;
    cursor: default;
    font-family: var(--toastify-font-family);
    max-height: var(--toastify-toast-max-height);
    min-height: var(--toastify-toast-min-height);
    z-index: 0;
    direction: ltr;
    border-radius: 4px;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 8px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 1px 10px rgba(0, 0, 0, 0.1),
        0 2px 15px rgba(0, 0, 0, 0.05);
}
.Toastify__toast--rtl {
    direction: rtl;
}
.Toastify__toast--close-on-click {
    cursor: pointer;
}
.Toastify__toast-body {
    flex: auto;
    align-items: center;
    margin: auto 0;
    padding: 6px;
    display: flex;
}
.Toastify__toast-body > div:last-child {
    word-break: break-word;
    flex: 1;
}
.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    flex-shrink: 0;
    width: 20px;
    margin-inline-end: 10px;
    display: flex;
}
.Toastify--animate {
    animation-duration: 0.7s;
    animation-fill-mode: both;
}
.Toastify--animate-icon {
    animation-duration: 0.3s;
    animation-fill-mode: both;
}
@media only screen and (max-width: 480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0;
    }
}
.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
    background: var(--toastify-color-info);
    color: var(--toastify-text-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
    background: var(--toastify-color-success);
    color: var(--toastify-text-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: var(--toastify-color-warning);
    color: var(--toastify-text-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
    background: var(--toastify-color-error);
    color: var(--toastify-text-color-error);
}
.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent);
}
.Toastify__close-button {
    color: #fff;
    cursor: pointer;
    opacity: 0.7;
    background: 0 0;
    border: none;
    outline: none;
    align-self: flex-start;
    padding: 0;
    transition: all 0.3s;
}
.Toastify__close-button--light {
    color: #000;
    opacity: 0.3;
}
.Toastify__close-button > svg {
    fill: currentColor;
    width: 14px;
    height: 16px;
}
.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1;
}
@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1);
    }
    to {
        transform: scaleX(0);
    }
}
.Toastify__progress-bar {
    opacity: 0.7;
    transform-origin: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    position: absolute;
    bottom: 0;
    left: 0;
}
.Toastify__progress-bar--animated {
    animation: linear forwards Toastify__trackProgress;
}
.Toastify__progress-bar--controlled {
    transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
    transform-origin: 100%;
    left: auto;
    right: 0;
}
.Toastify__spinner {
    border: 2px solid;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    animation: 0.65s linear infinite Toastify__spin;
}
@keyframes Toastify__bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate(3000px);
    }
    60% {
        opacity: 1;
        transform: translate(-25px);
    }
    75% {
        transform: translate(10px);
    }
    90% {
        transform: translate(-5px);
    }
    to {
        transform: none;
    }
}
@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate(-20px);
    }
    to {
        opacity: 0;
        transform: translate(2000px);
    }
}
@keyframes Toastify__bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate(-3000px);
    }
    60% {
        opacity: 1;
        transform: translate(25px);
    }
    75% {
        transform: translate(-10px);
    }
    90% {
        transform: translate(5px);
    }
    to {
        transform: none;
    }
}
@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate(20px);
    }
    to {
        opacity: 0;
        transform: translate(-2000px);
    }
}
@keyframes Toastify__bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translateY(3000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-20px);
    }
    75% {
        transform: translateY(10px);
    }
    90% {
        transform: translateY(-5px);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes Toastify__bounceOutUp {
    20% {
        transform: translateY(-10px);
    }
    40%,
    45% {
        opacity: 1;
        transform: translateY(20px);
    }
    to {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@keyframes Toastify__bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translateY(-3000px);
    }
    60% {
        opacity: 1;
        transform: translateY(25px);
    }
    75% {
        transform: translateY(-10px);
    }
    90% {
        transform: translateY(5px);
    }
    to {
        transform: none;
    }
}
@keyframes Toastify__bounceOutDown {
    20% {
        transform: translateY(10px);
    }
    40%,
    45% {
        opacity: 1;
        transform: translateY(-20px);
    }
    to {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes Toastify__zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(90deg);
    }
    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg);
    }
    80% {
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        transform: perspective(400px);
    }
}
@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px);
    }
    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg);
    }
    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
}
.Toastify__flip-enter {
    animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
    animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
    0% {
        visibility: visible;
        transform: translate(110%);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes Toastify__slideInLeft {
    0% {
        visibility: visible;
        transform: translate(-110%);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes Toastify__slideInUp {
    0% {
        visibility: visible;
        transform: translateY(110%);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes Toastify__slideInDown {
    0% {
        visibility: visible;
        transform: translateY(-110%);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate(110%);
    }
}
@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate(-110%);
    }
}
@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translateY(500px);
    }
}
@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translateY(-500px);
    }
}
.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
}
@keyframes Toastify__spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
    content: "";
    border: 3px solid #ccc;
    border-width: 3px 3px 0 0;
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    top: 6px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
    width: 0;
    margin-left: -4px;
    position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle:before {
    box-sizing: content-box;
    content: "";
    z-index: -1;
    border: 8px solid transparent;
    width: 1px;
    height: 0;
    position: absolute;
    left: -8px;
}
.react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    margin-top: -8px;
    top: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle:after {
    top: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae;
    top: -1px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
    margin-bottom: -8px;
    bottom: 0;
}
.react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle:before {
    border-top-color: #fff;
    border-bottom: none;
}
.react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle:after {
    bottom: 0;
}
.react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle:before {
    border-top-color: #aeaeae;
    bottom: -1px;
}
.react-datepicker-wrapper {
    border: 0;
    padding: 0;
    display: inline-block;
}
.react-datepicker {
    color: #000;
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    font-family:
        Helvetica Neue,
        helvetica,
        arial,
        sans-serif;
    font-size: 0.8rem;
    display: inline-block;
    position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}
.react-datepicker-popper {
    z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
    padding-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"]
    .react-datepicker__triangle,
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
    left: auto;
    right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
    padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
    padding-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
    left: auto;
    right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
    padding-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
    left: 42px;
    right: auto;
}
.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    padding: 8px 0;
    position: relative;
}
.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: 0.3rem;
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    margin: 0 15px;
    display: inline-block;
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    color: #000;
    margin-top: 0;
    font-size: 0.944rem;
    font-weight: 700;
}
.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.react-datepicker__navigation {
    cursor: pointer;
    text-align: center;
    text-indent: -999em;
    z-index: 1;
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    position: absolute;
    top: 2px;
    overflow: hidden;
}
.react-datepicker__navigation--previous {
    left: 2px;
}
.react-datepicker__navigation--next {
    right: 2px;
}
.react-datepicker__navigation--next--with-time:not(
    .react-datepicker__navigation--next--with-today-button
) {
    right: 85px;
}
.react-datepicker__navigation--years {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: 0;
}
.react-datepicker__navigation--years-previous {
    top: 4px;
}
.react-datepicker__navigation--years-upcoming {
    top: -4px;
}
.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
    width: 0;
    font-size: 20px;
    position: relative;
    top: -1px;
}
.react-datepicker__navigation-icon--next {
    left: -2px;
}
.react-datepicker__navigation-icon--next:before {
    left: -7px;
    transform: rotate(45deg);
}
.react-datepicker__navigation-icon--previous {
    right: -2px;
}
.react-datepicker__navigation-icon--previous:before {
    right: -7px;
    transform: rotate(225deg);
}
.react-datepicker__month-container {
    float: left;
}
.react-datepicker__year {
    text-align: center;
    margin: 0.4rem;
}
.react-datepicker__year-wrapper {
    flex-wrap: wrap;
    max-width: 180px;
    display: flex;
}
.react-datepicker__year .react-datepicker__year-text {
    width: 4rem;
    margin: 2px;
    display: inline-block;
}
.react-datepicker__month {
    text-align: center;
    margin: 0.4rem;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    width: 4rem;
    margin: 2px;
    display: inline-block;
}
.react-datepicker__input-time-container {
    clear: both;
    float: left;
    text-align: left;
    width: 100%;
    margin: 5px 0 10px 15px;
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container
    .react-datepicker-time__input-container {
    display: inline-block;
}
.react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input {
    margin-left: 10px;
    display: inline-block;
}
.react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input
    input {
    width: auto;
}
.react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input
    input[type="time"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input
    input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input
    input[type="time"] {
    -moz-appearance: textfield;
}
.react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
}
.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
}
.react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline;
    position: absolute;
    top: 0;
    right: -87px;
}
.react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    border-bottom-right-radius: 0.3rem;
    position: relative;
}
.react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box {
    text-align: center;
    border-bottom-right-radius: 0.3rem;
    width: 85px;
    margin: 0 auto;
    overflow-x: hidden;
}
.react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list {
    box-sizing: content-box;
    width: 100%;
    height: calc(195px + 0.85rem);
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
    overflow-y: scroll;
}
.react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item {
    white-space: nowrap;
    height: 30px;
    padding: 5px 10px;
}
.react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}
.react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--selected {
    color: #fff;
    background-color: #216ba5;
    font-weight: 700;
}
.react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
}
.react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--disabled {
    color: #ccc;
}
.react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}
.react-datepicker__week-number {
    color: #ccc;
    text-align: center;
    width: 1.7rem;
    margin: 0.166rem;
    line-height: 1.7rem;
    display: inline-block;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(
        :-webkit-any(
            .react-datepicker__week-number--selected,
            .react-datepicker__week-number--keyboard-selected
        )
    ):hover {
    background-color: #f0f0f0;
    border-radius: 0.3rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(
        :-moz-any(
            .react-datepicker__week-number--selected,
            .react-datepicker__week-number--keyboard-selected
        )
    ):hover {
    background-color: #f0f0f0;
    border-radius: 0.3rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(
        :is(
            .react-datepicker__week-number--selected,
            .react-datepicker__week-number--keyboard-selected
        )
    ):hover {
    background-color: #f0f0f0;
    border-radius: 0.3rem;
}
.react-datepicker__week-number--selected {
    color: #fff;
    background-color: #216ba5;
    border-radius: 0.3rem;
}
.react-datepicker__week-number--selected:hover {
    background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
    color: #fff;
    background-color: #2a87d0;
    border-radius: 0.3rem;
}
.react-datepicker__week-number--keyboard-selected:hover {
    background-color: #1d5d90;
}
.react-datepicker__day-names {
    white-space: nowrap;
    margin-bottom: -8px;
}
.react-datepicker__week {
    white-space: nowrap;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    text-align: center;
    width: 1.7rem;
    margin: 0.166rem;
    line-height: 1.7rem;
    display: inline-block;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    background-color: #f0f0f0;
    border-radius: 0.3rem;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    color: #fff;
    background-color: #3dcc4a;
    border-radius: 0.3rem;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
    color: #fff;
    background-color: #ff6803;
    border-radius: 0.3rem;
    position: relative;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
    color: #fff;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    background-color: #333;
    border-radius: 4px;
    padding: 4px;
    transition:
        visibility,
        opacity 0.3s ease-in-out;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
    background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
    opacity: 1;
    visibility: visible;
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    color: #fff;
    background-color: #216ba5;
    border-radius: 0.3rem;
}
.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
    background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    color: #000;
    background-color: #bad9f1;
    border-radius: 0.3rem;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(
    :-webkit-any(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__month-text--in-selecting-range:not(
    :-webkit-any(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__quarter-text--in-selecting-range:not(
    :-webkit-any(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__year-text--in-selecting-range:not(
    :-webkit-any(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
) {
    background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__day--in-selecting-range:not(
    :-moz-any(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__month-text--in-selecting-range:not(
    :-moz-any(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__quarter-text--in-selecting-range:not(
    :-moz-any(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__year-text--in-selecting-range:not(
    :-moz-any(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
) {
    background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__day--in-selecting-range:not(
    :is(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__month-text--in-selecting-range:not(
    :is(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__quarter-text--in-selecting-range:not(
    :is(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
),
.react-datepicker__year-text--in-selecting-range:not(
    :is(
        .react-datepicker__day--in-range,
        .react-datepicker__month-text--in-range,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__year-text--in-range
    )
) {
    background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range
    .react-datepicker__day--in-range:not(
        :-webkit-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__month-text--in-range:not(
        :-webkit-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__quarter-text--in-range:not(
        :-webkit-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__year-text--in-range:not(
        :-webkit-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__day--in-range:not(
        :-webkit-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__month-text--in-range:not(
        :-webkit-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__quarter-text--in-range:not(
        :-webkit-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__year-text--in-range:not(
        :-webkit-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ) {
    color: #000;
    background-color: #f0f0f0;
}
.react-datepicker__month--selecting-range
    .react-datepicker__day--in-range:not(
        :-moz-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__month-text--in-range:not(
        :-moz-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__quarter-text--in-range:not(
        :-moz-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__year-text--in-range:not(
        :-moz-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__day--in-range:not(
        :-moz-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__month-text--in-range:not(
        :-moz-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__quarter-text--in-range:not(
        :-moz-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__year-text--in-range:not(
        :-moz-any(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ) {
    color: #000;
    background-color: #f0f0f0;
}
.react-datepicker__month--selecting-range
    .react-datepicker__day--in-range:not(
        :is(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__month-text--in-range:not(
        :is(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__quarter-text--in-range:not(
        :is(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__month--selecting-range
    .react-datepicker__year-text--in-range:not(
        :is(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__day--in-range:not(
        :is(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__month-text--in-range:not(
        :is(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__quarter-text--in-range:not(
        :is(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ),
.react-datepicker__year--selecting-range
    .react-datepicker__year-text--in-range:not(
        :is(
            .react-datepicker__day--in-selecting-range,
            .react-datepicker__month-text--in-selecting-range,
            .react-datepicker__quarter-text--in-selecting-range,
            .react-datepicker__year-text--in-selecting-range
        )
    ) {
    color: #000;
    background-color: #f0f0f0;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    color: #ccc;
    cursor: default;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
    background-color: transparent;
}
.react-datepicker__input-container {
    width: 100%;
    display: inline-block;
    position: relative;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
    box-sizing: content-box;
    padding: 0.5rem;
    position: absolute;
}
.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px;
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
    position: relative;
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer;
}
.react-datepicker__month-read-view:hover
    .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover
    .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
    .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
    .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover
    .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover
    .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    top: 0;
    right: -16px;
    transform: rotate(135deg);
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    text-align: center;
    z-index: 1;
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    width: 50%;
    position: absolute;
    top: 30px;
    left: 25%;
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer;
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
    display: block;
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc;
}
.react-datepicker__month-option:hover
    .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover
    .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover
    .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}
.react-datepicker__month-option:hover
    .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover
    .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover
    .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px;
}
.react-datepicker__close-icon {
    cursor: pointer;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    outline: 0;
    height: 100%;
    padding: 0 6px 0 0;
    display: table-cell;
    position: absolute;
    top: 0;
    right: 0;
}
.react-datepicker__close-icon:after {
    color: #fff;
    content: "×";
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-color: #216ba5;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    display: table-cell;
}
.react-datepicker__close-icon--disabled {
    cursor: default;
}
.react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: #ccc;
}
.react-datepicker__today-button {
    clear: left;
    cursor: pointer;
    text-align: center;
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    padding: 5px 0;
    font-weight: 700;
}
.react-datepicker__portal {
    z-index: 2147483647;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}
@media (max-height: 550px), (max-width: 400px) {
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem;
}
.react-datepicker__children-container {
    width: 13.8rem;
    height: auto;
    margin: 0.4rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
.react-datepicker__aria-live {
    -webkit-clip-path: circle(0);
    clip-path: circle(0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.react-datepicker__calendar-icon {
    vertical-align: -0.125em;
    width: 1em;
    height: 1em;
}
:root {
    --border-radius-none: 0px;
    --border-radius-s: 3px;
    --border-radius-m: 8px;
    --border-radius-l: 16px;
    --border-radius-xl: 24px;
    --border-radius-full: 9999px;
    --border-width-none: 0;
    --border-width-s: 1px;
    --border-width-m: 2px;
    --border-width-l: 4px;
}
:root,
html[data-theme="dark"] {
    --color-badge-background-blue: #0072ef;
    --color-badge-background-brown: #986f00;
    --color-badge-background-gray: #4e565f;
    --color-badge-background-green: #1e8565;
    --color-badge-background-orange: #cd4b13;
    --color-badge-background-red: #e71e1e;
    --color-chip-background-error_strong: #e71e1e;
    --color-chip-background-error_subtle: #500808;
    --color-chip-background-feature_subtle: #0052aa;
    --color-chip-background-gray_strong: #4e565f;
    --color-chip-background-gray_subtle: #292d32;
    --color-chip-background-hover_overlay: #fff;
    --color-chip-background-info_strong: #0072ef;
    --color-chip-background-info_subtle: #002144;
    --color-chip-background-success_strong: #1e8565;
    --color-chip-background-success_subtle: #09271e;
    --color-chip-background-warning_strong: #986f00;
    --color-chip-background-warning_subtle: #302300;
    --color-chip-border-error: #ed4f4f;
    --color-chip-border-feature: #3396ff;
    --color-chip-border-gray: #4e565f;
    --color-chip-border-info: #99d6ff;
    --color-chip-border-success: #3ad2a3;
    --color-chip-border-warning: #fdca3f;
    --color-flyout-background-primary: #32373e;
    --color-global-background-01: #202327;
    --color-global-background-02: #292d32;
    --color-global-background-03: #32373e;
    --color-global-background-04: #3e444c;
    --color-global-background-05: #4e565f;
    --color-global-background-06: #606a76;
    --color-global-background-07: #6c7784;
    --color-global-background-08: #778592;
    --color-global-background-09: #8794a1;
    --color-global-background-caution_strong: #986f00;
    --color-global-background-caution_subtle: #302300;
    --color-global-background-elevation_highlight: #242526;
    --color-global-background-elevation_low: #1a1b1d;
    --color-global-background-elevation_overlay: #2b2c2e;
    --color-global-background-elevation_raised: #1f2022;
    --color-global-background-elevation_standout: #353537;
    --color-global-background-error_strong: #e71e1e;
    --color-global-background-error_subtle: #500808;
    --color-global-background-focus: #00346c;
    --color-global-background-hover: #0052aa;
    --color-global-background-info_strong: #0072ef;
    --color-global-background-info_subtle: #002144;
    --color-global-background-interactive: #0072ef;
    --color-global-background-inverse: #f2f5f8;
    --color-global-background-primary: #0e0f11;
    --color-global-background-selected: #0072ef;
    --color-global-background-success_strong: #1e8565;
    --color-global-background-success_subtle: #09271e;
    --color-global-border-caution_strong: #fdca3f;
    --color-global-border-caution_subtle: #fdca3f;
    --color-global-border-error: #ed4f4f;
    --color-global-border-focus: #99d6ff;
    --color-global-border-hover: #7dc7ff;
    --color-global-border-info: #99d6ff;
    --color-global-border-interactive: #5db3ff;
    --color-global-border-inverse: #000;
    --color-global-border-medium: #6c7784;
    --color-global-border-selected: #5db3ff;
    --color-global-border-strong: #f2f5f8;
    --color-global-border-subtle: #4e565f;
    --color-global-border-subtlest: #202327;
    --color-global-border-success: #3ad2a3;
    --color-global-icon-caution_strong: #fdca3f;
    --color-global-icon-caution_subtle: #fdca3f;
    --color-global-icon-error: #ed4f4f;
    --color-global-icon-focus: #99d6ff;
    --color-global-icon-hover: #7dc7ff;
    --color-global-icon-info: #99d6ff;
    --color-global-icon-interactive: #5db3ff;
    --color-global-icon-inverse: #000;
    --color-global-icon-on_color: #fff;
    --color-global-icon-selected: #5db3ff;
    --color-global-icon-strong: #f2f5f8;
    --color-global-icon-subtle: #dce3e9;
    --color-global-icon-subtlest: #6c7784;
    --color-global-icon-success: #3ad2a3;
    --color-global-information-10: #eaf7ff;
    --color-global-information-100: #0052aa;
    --color-global-information-110: #00346c;
    --color-global-information-120: #002144;
    --color-global-information-20: #d5eeff;
    --color-global-information-30: #b1e0ff;
    --color-global-information-40: #99d6ff;
    --color-global-information-50: #7dc7ff;
    --color-global-information-60: #5db3ff;
    --color-global-information-70: #3396ff;
    --color-global-information-80: #1a88ff;
    --color-global-information-90: #0072ef;
    --color-global-information-highlight: #d9e906;
    --color-global-information-violet: #8f3cfb;
    --color-global-information-zeiss: #0f2db3;
    --color-global-text-caution: #fdca3f;
    --color-global-text-error: #f06c6c;
    --color-global-text-focus: #99d6ff;
    --color-global-text-hover: #7dc7ff;
    --color-global-text-info: #99d6ff;
    --color-global-text-interactive: #5db3ff;
    --color-global-text-inverse: #000;
    --color-global-text-on_color: #fff;
    --color-global-text-selected: #5db3ff;
    --color-global-text-strong: #f2f5f8;
    --color-global-text-subtle: #dce3e9;
    --color-global-text-success: #3ad2a3;
    --color-header-background-black: #000;
    --color-list-background-enabled: #fff;
    --color-list-background-focus: #17191c;
    --color-list-background-hover: #292d32;
    --color-list-background-selected: #0072ef;
    --color-list-icon-on_color: #fff;
    --color-list-icon-strong: #f2f5f8;
    --color-list-text-on_color: #fff;
    --color-list-text-strong: #f2f5f8;
    --color-loading-spinner-background-zeiss: #fff;
    --color-segmented-control-background-selected: #e6ebf0;
}
:root,
html[data-theme="light"] {
    --color-badge-background-blue: #0072ef;
    --color-badge-background-brown: #986f00;
    --color-badge-background-gray: #4e565f;
    --color-badge-background-green: #1e8565;
    --color-badge-background-orange: #cd4b13;
    --color-badge-background-red: #e71e1e;
    --color-chip-background-error_strong: #e71e1e;
    --color-chip-background-error_subtle: #fdf0f0;
    --color-chip-background-feature_subtle: #99d6ff;
    --color-chip-background-gray_strong: #4e565f;
    --color-chip-background-gray_subtle: #e6ebf0;
    --color-chip-background-hover_overlay: #000;
    --color-chip-background-info_strong: #0072ef;
    --color-chip-background-info_subtle: #eaf7ff;
    --color-chip-background-success_strong: #1e8565;
    --color-chip-background-success_subtle: #e5f9f3;
    --color-chip-background-warning_strong: #986f00;
    --color-chip-background-warning_subtle: #fff4d5;
    --color-chip-border-error: #e71e1e;
    --color-chip-border-feature: #7dc7ff;
    --color-chip-border-gray: #c2cdd6;
    --color-chip-border-info: #1a88ff;
    --color-chip-border-success: #1e8565;
    --color-chip-border-warning: #fdbb08;
    --color-flyout-background-primary: #fff;
    --color-global-background-01: #f5f8fa;
    --color-global-background-02: #f2f5f8;
    --color-global-background-03: #ecf0f4;
    --color-global-background-04: #e6ebf0;
    --color-global-background-05: #dce3e9;
    --color-global-background-06: #d1d9e1;
    --color-global-background-07: #c2cdd6;
    --color-global-background-08: #b4c0ca;
    --color-global-background-09: #a4b0bc;
    --color-global-background-caution_strong: #986f00;
    --color-global-background-caution_subtle: #fff4d5;
    --color-global-background-elevation_highlight: #fff;
    --color-global-background-elevation_low: #fff;
    --color-global-background-elevation_overlay: #fff;
    --color-global-background-elevation_raised: #fff;
    --color-global-background-elevation_standout: #fff;
    --color-global-background-error_strong: #e71e1e;
    --color-global-background-error_subtle: #fdf0f0;
    --color-global-background-focus: #00346c;
    --color-global-background-hover: #0052aa;
    --color-global-background-info_strong: #0072ef;
    --color-global-background-info_subtle: #eaf7ff;
    --color-global-background-interactive: #0072ef;
    --color-global-background-inverse: #32373e;
    --color-global-background-primary: #fff;
    --color-global-background-selected: #0072ef;
    --color-global-background-success_strong: #1e8565;
    --color-global-background-success_subtle: #e5f9f3;
    --color-global-border-caution_strong: #986f00;
    --color-global-border-caution_subtle: #fdbb08;
    --color-global-border-error: #e71e1e;
    --color-global-border-focus: #00346c;
    --color-global-border-hover: #0052aa;
    --color-global-border-info: #1a88ff;
    --color-global-border-interactive: #0072ef;
    --color-global-border-inverse: #fff;
    --color-global-border-medium: #778592;
    --color-global-border-selected: #0072ef;
    --color-global-border-strong: #0e0f11;
    --color-global-border-subtle: #c2cdd6;
    --color-global-border-subtlest: #e6ebf0;
    --color-global-border-success: #1e8565;
    --color-global-icon-caution_strong: #986f00;
    --color-global-icon-caution_subtle: #fdbb08;
    --color-global-icon-error: #e71e1e;
    --color-global-icon-focus: #00346c;
    --color-global-icon-hover: #0052aa;
    --color-global-icon-info: #1a88ff;
    --color-global-icon-interactive: #0065d1;
    --color-global-icon-inverse: #fff;
    --color-global-icon-on_color: #fff;
    --color-global-icon-selected: #0065d1;
    --color-global-icon-strong: #32373e;
    --color-global-icon-subtle: #606a76;
    --color-global-icon-subtlest: #c2cdd6;
    --color-global-icon-success: #1e8565;
    --color-global-information-10: #eaf7ff;
    --color-global-information-100: #0052aa;
    --color-global-information-110: #00346c;
    --color-global-information-120: #002144;
    --color-global-information-20: #d5eeff;
    --color-global-information-30: #b1e0ff;
    --color-global-information-40: #99d6ff;
    --color-global-information-50: #7dc7ff;
    --color-global-information-60: #5db3ff;
    --color-global-information-70: #3396ff;
    --color-global-information-80: #1a88ff;
    --color-global-information-90: #0072ef;
    --color-global-information-highlight: #d9e906;
    --color-global-information-violet: #8f3cfb;
    --color-global-information-zeiss: #0f2db3;
    --color-global-text-caution: #725400;
    --color-global-text-error: #b21212;
    --color-global-text-focus: #00346c;
    --color-global-text-hover: #0052aa;
    --color-global-text-info: #0052aa;
    --color-global-text-interactive: #0065d1;
    --color-global-text-inverse: #fff;
    --color-global-text-on_color: #fff;
    --color-global-text-selected: #0065d1;
    --color-global-text-strong: #32373e;
    --color-global-text-subtle: #606a76;
    --color-global-text-success: #166249;
    --color-header-background-black: #000;
    --color-list-background-enabled: #fff;
    --color-list-background-focus: #e6ebf0;
    --color-list-background-hover: #ecf0f4;
    --color-list-background-selected: #0072ef;
    --color-list-icon-on_color: #fff;
    --color-list-icon-strong: #32373e;
    --color-list-text-on_color: #fff;
    --color-list-text-strong: #32373e;
    --color-loading-spinner-background-zeiss: #0f2db3;
    --color-segmented-control-background-selected: #4e565f;
}
:root {
    --spacing-0: 0;
    --spacing-px: 1px;
    --spacing-nano: 2px;
    --spacing-2xs: 4px;
    --spacing-xs: 8px;
    --spacing-s: 16px;
    --spacing-m: 24px;
    --spacing-l: 32px;
    --spacing-xl: 40px;
    --spacing-2xl: 48px;
    --spacing-3xl: 56px;
    --spacing-4xl: 64px;
    --spacing-5xl: 72px;
    --spacing-6xl: 80px;
    --spacing-7xl: 96px;
    --spacing-8xl: 128px;
    --spacing-9xl: 144px;
    --spacing-label: 22px;
    --spacing-special-l: 28px;
    --spacing-special-m: 12px;
    --spacing-special-s: 10px;
    --spacing-special-xs: 7px;
    --spacing-responsive-2xs: 0.25rem;
    --spacing-responsive-xs: 0.5rem;
    --spacing-responsive-s: 1rem;
    --spacing-responsive-m: 1.5rem;
    --spacing-responsive-l: 2rem;
    --spacing-responsive-xl: 3rem;
    --spacing-responsive-2xl: 3.5rem;
    --spacing-responsive-3xl: 4.5rem;
    --spacing-responsive-modular: 4.5rem;
}
@media (min-width: 22.5rem) {
    :root {
        --spacing-responsive-xl: 2.5rem;
        --spacing-responsive-2xl: 3rem;
        --spacing-responsive-3xl: 4rem;
    }
}
@media (min-width: 48rem) {
    :root {
        --spacing-responsive-xl: 3rem;
        --spacing-responsive-2xl: 3.5rem;
        --spacing-responsive-3xl: 4.5rem;
    }
}
@media (min-width: 64rem) {
    :root {
        --spacing-responsive-xl: 3.5rem;
        --spacing-responsive-2xl: 4rem;
        --spacing-responsive-3xl: 5rem;
    }
}
@media (min-width: 80rem) {
    :root {
        --spacing-responsive-m: 2rem;
        --spacing-responsive-l: 2.5rem;
        --spacing-responsive-xl: 4rem;
        --spacing-responsive-2xl: 4.5rem;
        --spacing-responsive-3xl: 6rem;
    }
}
@media (min-width: 90rem) {
    :root {
        --spacing-responsive-xl: 4.5rem;
        --spacing-responsive-2xl: 5rem;
        --spacing-responsive-3xl: 8rem;
    }
}
:root {
    --font-family-frutiger:
        "ZEISS Frutiger Next UI W05", "Helvetica Neue", "system-ui",
        "sans-serif";
    --font-family-text-ui:
        "ZEISS Text UI Web", "Helvetica Neue", "system-ui", "sans-serif";
    --font-family-head-ui:
        "ZEISS Frutiger Next UI W05", "Helvetica Neue", "system-ui",
        "sans-serif";
    --font-family-head-ui-web:
        "ZEISS Head UI Web", "Helvetica Neue", "system-ui", "sans-serif";
    --font-family-base: var(--font-family-frutiger);
    --font-family-head-ui-base: var(--font-family-head-ui);
    --font-weight-thin: 300;
    --font-weight-light: 340;
    --font-weight-regular: 420;
    --font-weight-medium: 500;
    --font-weight-bold: 670;
    --font-weight-heavy: 820;
    --font-weight-black: 850;
    --text-12: 12px/18px var(--font-family-base);
    --text-14: 14px/20px var(--font-family-base);
    --text-16: 16px/24px var(--font-family-base);
    --text-20: 20px/28px var(--font-family-base);
    --text-24: 24px/30px var(--font-family-base);
    --text-28: 28px/32px var(--font-family-base);
    --text-32: 32px/36px var(--font-family-base);
    --text-40: 40px/44px var(--font-family-base);
    --text-48: 48px/52px var(--font-family-base);
    --text-60: 60px/64px var(--font-family-base);
    --text-64: 64px/68px var(--font-family-base);
    --text-80: 80px/84px var(--font-family-base);
    --text-96: 96px/104px var(--font-family-base);
    --letter-spacing-normal: 0;
    --letter-spacing-quote: 0.01em;
    --letter-spacing-button: 0.02em;
    --text-hl-xs: 700 16px/145% var(--font-family-base);
    --text-hl-s: 700 20px/140% var(--font-family-base);
    --text-hl-m: 700 20px/140% var(--font-family-base);
    --text-hl-l: 700 20px/125% var(--font-family-base);
    --text-hl-xl: 700 24px/115% var(--font-family-base);
    --text-hl-2xl: 750 32px/115% var(--font-family-base);
    --text-hl-3xl: 750 36px/110% var(--font-family-base);
    --text-hl-4xl: 750 40px/110% var(--font-family-base);
    --text-hl-sub-xs: 300 16px/145% var(--font-family-base);
    --text-hl-sub-s: 300 20px/140% var(--font-family-base);
    --text-hl-sub-m: 300 20px/140% var(--font-family-base);
    --text-hl-sub-l: 300 20px/125% var(--font-family-base);
    --text-hl-sub-xl: 300 24px/115% var(--font-family-base);
    --text-hl-sub-2xl: 300 32px/115% var(--font-family-base);
    --text-hl-sub-3xl: 300 36px/110% var(--font-family-base);
    --text-hl-sub-4xl: 300 40px/110% var(--font-family-base);
    --text-display-2xs: 900 20px/110% var(--font-family-head-ui-base);
    --text-display-2xs-sub: 300 20px/110% var(--font-family-head-ui-base);
    --text-display-xs: 900 24px/110% var(--font-family-head-ui-base);
    --text-display-xs-sub: 300 24px/110% var(--font-family-head-ui-base);
    --text-display-s: 900 32px/110% var(--font-family-head-ui-base);
    --text-display-s-sub: 300 32px/110% var(--font-family-head-ui-base);
    --text-display-m: 900 40px/110% var(--font-family-head-ui-base);
    --text-display-m-sub: 300 40px/110% var(--font-family-head-ui-base);
    --text-display-l: 900 60px/110% var(--font-family-head-ui-base);
    --text-display-l-sub: 300 60px/110% var(--font-family-head-ui-base);
    --text-header-s: 700 14px/21px var(--font-family-base);
    --text-body-2xs: 8px/150% var(--font-family-base);
    --text-body-bold-2xs: 700 8px/150% var(--font-family-base);
    --text-body-xs: 12px/150% var(--font-family-base);
    --text-body-bold-xs: 700 12px/150% var(--font-family-base);
    --text-body-s: 14px/140% var(--font-family-base);
    --text-body-bold-s: 700 14px/140% var(--font-family-base);
    --text-body-m: 16px/150% var(--font-family-base);
    --text-body-bold-m: 700 16px/150% var(--font-family-base);
    --text-body-l: 20px/140% var(--font-family-base);
    --text-body-bold-l: 700 20px/140% var(--font-family-base);
    --text-body-xl: 24px/135% var(--font-family-base);
    --text-body-bold-xl: 700 24px/135% var(--font-family-base);
    --text-superscript: 12px/18px var(--font-family-base);
    --text-label-xs: 400 12px/22px var(--font-family-base);
    --text-label-m: 400 16px/24px var(--font-family-base);
    --text-input: 500 16px/24px var(--font-family-base);
    --text-helper: 12px/16px var(--font-family-base);
    --text-table-hl: 700 16px/24px var(--font-family-base);
    --text-table-attribute: 700 16px/24px var(--font-family-base);
    --text-table-value: 16px/24px var(--font-family-base);
    --text-table-hl-s: 900 12px/18px var(--font-family-base);
    --text-table-attribute-s: 500 12px/18px var(--font-family-base);
    --text-table-value-s: 12px/18px var(--font-family-base);
    --text-link-xs: 500 12px/18px var(--font-family-base);
    --text-link-s: 500 14px/20px var(--font-family-base);
    --text-link-m: 500 16px/24px var(--font-family-base);
    --text-link-l: 500 20px/28px var(--font-family-base);
    --text-link-xl: 500 24px/32px var(--font-family-base);
    --text-button-xs: 500 12px/18px var(--font-family-base);
    --text-button-s: 500 14px/20px var(--font-family-base);
    --text-button-m: 500 16px/24px var(--font-family-base);
    --text-button-l: 500 16px/24px var(--font-family-base);
    --text-quote: 300 24px/30px var(--font-family-base);
    --text-eyebrow-s: 500 12px/16px var(--font-family-base);
    --text-eyebrow-m: 500 14px/18px var(--font-family-base);
    --text-eyebrow-l: 500 16px/24px var(--font-family-base);
    --text-eyebrow-xl: 500 20px/28px var(--font-family-base);
    --text-eyebrow-2xl: 500 24px/32px var(--font-family-base);
}
[data-brand-evolution="true"] {
    --font-family-base: var(--font-family-text-ui);
    --font-family-head-ui-base: var(--font-family-head-ui-web);
    --text-12: 12px/18px var(--font-family-base);
    --text-14: 14px/20px var(--font-family-base);
    --text-16: 16px/24px var(--font-family-base);
    --text-20: 20px/28px var(--font-family-base);
    --text-24: 24px/30px var(--font-family-base);
    --text-28: 28px/32px var(--font-family-base);
    --text-32: 32px/36px var(--font-family-base);
    --text-40: 40px/44px var(--font-family-base);
    --text-48: 48px/52px var(--font-family-base);
    --text-60: 60px/64px var(--font-family-base);
    --text-64: 64px/68px var(--font-family-base);
    --text-80: 80px/84px var(--font-family-base);
    --text-96: 96px/104px var(--font-family-base);
    --text-hl-xs: var(--font-weight-bold) 16px/145% var(--font-family-base);
    --text-hl-s: var(--font-weight-bold) 20px/140% var(--font-family-base);
    --text-hl-m: var(--font-weight-bold) 20px/140% var(--font-family-base);
    --text-hl-l: var(--font-weight-bold) 20px/125% var(--font-family-base);
    --text-hl-xl: var(--font-weight-bold) 24px/115% var(--font-family-base);
    --text-hl-2xl: var(--font-weight-heavy) 32px/115% var(--font-family-base);
    --text-hl-3xl: var(--font-weight-heavy) 36px/110% var(--font-family-base);
    --text-hl-4xl: var(--font-weight-heavy) 40px/110% var(--font-family-base);
    --text-hl-sub-xs: var(--font-weight-light) 16px/145% var(--font-family-base);
    --text-hl-sub-s: var(--font-weight-light) 20px/140% var(--font-family-base);
    --text-hl-sub-m: var(--font-weight-light) 20px/140% var(--font-family-base);
    --text-hl-sub-l: var(--font-weight-light) 20px/125% var(--font-family-base);
    --text-hl-sub-xl: var(--font-weight-light) 24px/115% var(--font-family-base);
    --text-hl-sub-2xl: var(--font-weight-light) 32px/115%
        var(--font-family-base);
    --text-hl-sub-3xl: var(--font-weight-light) 36px/110%
        var(--font-family-base);
    --text-hl-sub-4xl: var(--font-weight-light) 40px/110%
        var(--font-family-base);
    --text-display-s: var(--font-weight-black) 32px/110%
        var(--font-family-head-ui-base);
    --text-display-s-sub: var(--font-weight-light) 32px/110%
        var(--font-family-head-ui-base);
    --text-display-m: var(--font-weight-black) 40px/110%
        var(--font-family-head-ui-base);
    --text-display-m-sub: var(--font-weight-light) 40px/110%
        var(--font-family-head-ui-base);
    --text-display-l: var(--font-weight-black) 60px/110%
        var(--font-family-head-ui-base);
    --text-display-l-sub: var(--font-weight-light) 60px/110%
        var(--font-family-head-ui-base);
    --text-display-2xs: var(--font-weight-black) 20px/110%
        var(--font-family-head-ui-base);
    --text-display-2xs-sub: var(--font-weight-light) 20px/110%
        var(--font-family-head-ui-base);
    --text-display-xs: var(--font-weight-black) 24px/110%
        var(--font-family-head-ui-base);
    --text-display-xs-sub: var(--font-weight-light) 24px/110%
        var(--font-family-head-ui-base);
    --text-header-s: var(--font-weight-bold) 14px/21px var(--font-family-base);
    --text-body-2xs: 8px/150% var(--font-family-base);
    --text-body-bold-2xs: var(--font-weight-bold) 8px/150%
        var(--font-family-base);
    --text-body-xs: 12px/150% var(--font-family-base);
    --text-body-bold-xs: var(--font-weight-bold) 12px/150%
        var(--font-family-base);
    --text-body-s: 14px/140% var(--font-family-base);
    --text-body-bold-s: var(--font-weight-bold) 14px/140%
        var(--font-family-base);
    --text-body-m: 16px/150% var(--font-family-base);
    --text-body-bold-m: var(--font-weight-bold) 16px/150%
        var(--font-family-base);
    --text-body-l: 20px/140% var(--font-family-base);
    --text-body-bold-l: var(--font-weight-bold) 20px/140%
        var(--font-family-base);
    --text-body-xl: 24px/135% var(--font-family-base);
    --text-body-bold-xl: var(--font-weight-bold) 24px/135%
        var(--font-family-base);
    --text-superscript: 12px/18px var(--font-family-base);
    --text-label-xs: var(--font-weight-regular) 12px/22px
        var(--font-family-base);
    --text-label-m: var(--font-weight-regular) 16px/24px var(--font-family-base);
    --text-input: var(--font-weight-medium) 16px/24px var(--font-family-base);
    --text-helper: 12px/16px var(--font-family-base);
    --text-table-hl: var(--font-weight-bold) 16px/24px var(--font-family-base);
    --text-table-attribute: var(--font-weight-bold) 16px/24px
        var(--font-family-base);
    --text-table-value: 16px/24px var(--font-family-base);
    --text-table-hl-s: var(--font-weight-black) 12px/18px
        var(--font-family-base);
    --text-table-attribute-s: var(--font-weight-medium) 12px/18px
        var(--font-family-base);
    --text-table-value-s: 12px/18px var(--font-family-base);
    --text-link-xs: var(--font-weight-medium) 12px/18px var(--font-family-base);
    --text-link-s: var(--font-weight-medium) 14px/20px var(--font-family-base);
    --text-link-m: var(--font-weight-medium) 16px/24px var(--font-family-base);
    --text-link-l: var(--font-weight-medium) 20px/28px var(--font-family-base);
    --text-link-xl: var(--font-weight-medium) 24px/32px var(--font-family-base);
    --text-button-xs: var(--font-weight-medium) 12px/18px
        var(--font-family-base);
    --text-button-s: var(--font-weight-medium) 14px/20px var(--font-family-base);
    --text-button-m: var(--font-weight-medium) 16px/24px var(--font-family-base);
    --text-button-l: var(--font-weight-medium) 16px/24px var(--font-family-base);
    --text-quote: var(--font-weight-light) 24px/30px var(--font-family-base);
    --text-eyebrow-s: var(--font-weight-medium) 12px/16px
        var(--font-family-base);
    --text-eyebrow-m: var(--font-weight-medium) 14px/18px
        var(--font-family-base);
    --text-eyebrow-l: var(--font-weight-medium) 16px/24px
        var(--font-family-base);
    --text-eyebrow-xl: var(--font-weight-medium) 20px/28px
        var(--font-family-base);
    --text-eyebrow-2xl: var(--font-weight-medium) 24px/32px
        var(--font-family-base);
}
@media (min-width: 48rem) {
    :root {
        --text-hl-s: 700 20px/140% var(--font-family-base);
        --text-hl-m: 700 24px/140% var(--font-family-base);
        --text-hl-l: 700 28px/125% var(--font-family-base);
        --text-hl-xl: 700 32px/115% var(--font-family-base);
        --text-hl-2xl: 750 40px/115% var(--font-family-base);
        --text-hl-3xl: 750 48px/110% var(--font-family-base);
        --text-hl-4xl: 750 64px/110% var(--font-family-base);
        --text-hl-sub-m: 300 24px/140% var(--font-family-base);
        --text-hl-sub-l: 300 28px/125% var(--font-family-base);
        --text-hl-sub-xl: 300 32px/115% var(--font-family-base);
        --text-hl-sub-2xl: 300 40px/115% var(--font-family-base);
        --text-hl-sub-3xl: 300 48px/110% var(--font-family-base);
        --text-hl-sub-4xl: 300 64px/110% var(--font-family-base);
        --text-display-s: 900 48px/110% var(--font-family-head-ui-base);
        --text-display-s-sub: 300 48px/110% var(--font-family-head-ui-base);
        --text-display-m: 900 64px/110% var(--font-family-head-ui-base);
        --text-display-m-sub: 300 64px/110% var(--font-family-head-ui-base);
        --text-display-l: 900 80px/110% var(--font-family-head-ui-base);
        --text-display-l-sub: 300 80px/110% var(--font-family-head-ui-base);
        --text-display-2xs: 900 32px/110% var(--font-family-head-ui-base);
        --text-display-2xs-sub: 300 32px/110% var(--font-family-head-ui-base);
        --text-display-xs: 900 40px/110% var(--font-family-head-ui-base);
        --text-display-xs-sub: 300 40px/110% var(--font-family-head-ui-base);
        --text-quote: 300 32px/36px var(--font-family-base);
    }
    [data-brand-evolution="true"] {
        --text-hl-s: var(--font-weight-bold) 20px/140% var(--font-family-base);
        --text-hl-m: var(--font-weight-bold) 24px/140% var(--font-family-base);
        --text-hl-l: var(--font-weight-bold) 28px/125% var(--font-family-base);
        --text-hl-xl: var(--font-weight-bold) 32px/115% var(--font-family-base);
        --text-hl-2xl: var(--font-weight-heavy) 40px/115%
            var(--font-family-base);
        --text-hl-3xl: var(--font-weight-heavy) 48px/110%
            var(--font-family-base);
        --text-hl-4xl: var(--font-weight-heavy) 64px/110%
            var(--font-family-base);
        --text-hl-sub-m: var(--font-weight-light) 24px/140%
            var(--font-family-base);
        --text-hl-sub-l: var(--font-weight-light) 28px/125%
            var(--font-family-base);
        --text-hl-sub-xl: var(--font-weight-light) 32px/115%
            var(--font-family-base);
        --text-hl-sub-2xl: var(--font-weight-light) 40px/115%
            var(--font-family-base);
        --text-hl-sub-3xl: var(--font-weight-light) 48px/110%
            var(--font-family-base);
        --text-hl-sub-4xl: var(--font-weight-light) 64px/110%
            var(--font-family-base);
        --text-display-s: var(--font-weight-black) 48px/110%
            var(--font-family-head-ui-base);
        --text-display-s-sub: var(--font-weight-light) 48px/110%
            var(--font-family-head-ui-base);
        --text-display-m: var(--font-weight-black) 64px/110%
            var(--font-family-head-ui-base);
        --text-display-m-sub: var(--font-weight-light) 64px/110%
            var(--font-family-head-ui-base);
        --text-display-l: var(--font-weight-black) 80px/110%
            var(--font-family-head-ui-base);
        --text-display-l-sub: var(--font-weight-light) 80px/110%
            var(--font-family-head-ui-base);
        --text-display-2xs: var(--font-weight-black) 32px/110%
            var(--font-family-head-ui-base);
        --text-display-2xs-sub: var(--font-weight-light) 32px/110%
            var(--font-family-head-ui-base);
        --text-display-xs: var(--font-weight-black) 40px/110%
            var(--font-family-head-ui-base);
        --text-display-xs-sub: var(--font-weight-light) 40px/110%
            var(--font-family-head-ui-base);
        --text-quote: var(--font-weight-light) 32px/36px var(--font-family-base);
    }
}
@media (min-width: 64rem) {
    :root,
    [data-brand-evolution="true"] {
        --text-superscript: 14px/20px var(--font-family-base);
    }
}
@media (min-width: 80rem) {
    :root {
        --text-hl-l: 700 32px/125% var(--font-family-base);
        --text-hl-xl: 700 40px/115% var(--font-family-base);
        --text-hl-2xl: 750 48px/115% var(--font-family-base);
        --text-hl-3xl: 750 64px/110% var(--font-family-base);
        --text-hl-4xl: 750 80px/110% var(--font-family-base);
        --text-hl-sub-l: 300 32px/125% var(--font-family-base);
        --text-hl-sub-xl: 300 40px/115% var(--font-family-base);
        --text-hl-sub-2xl: 300 48px/115% var(--font-family-base);
        --text-hl-sub-3xl: 300 64px/110% var(--font-family-base);
        --text-hl-sub-4xl: 300 80px/110% var(--font-family-base);
        --text-display-s: 900 64px/110% var(--font-family-head-ui-base);
        --text-display-s-sub: 300 64px/110% var(--font-family-head-ui-base);
        --text-display-m: 900 80px/110% var(--font-family-head-ui-base);
        --text-display-m-sub: 300 80px/110% var(--font-family-head-ui-base);
        --text-display-l: 900 96px/110% var(--font-family-head-ui-base);
        --text-display-l-sub: 300 96px/110% var(--font-family-head-ui-base);
        --text-display-2xs: 900 40px/110% var(--font-family-head-ui-base);
        --text-display-2xs-sub: 300 40px/110% var(--font-family-head-ui-base);
        --text-display-xs: 900 48px/110% var(--font-family-head-ui-base);
        --text-display-xs-sub: 300 48px/110% var(--font-family-head-ui-base);
        --text-quote: 300 40px/44px var(--font-family-base);
    }
    [data-brand-evolution="true"] {
        --text-hl-l: var(--font-weight-bold) 32px/125% var(--font-family-base);
        --text-hl-xl: var(--font-weight-bold) 40px/115% var(--font-family-base);
        --text-hl-2xl: var(--font-weight-heavy) 48px/115%
            var(--font-family-base);
        --text-hl-3xl: var(--font-weight-heavy) 64px/110%
            var(--font-family-base);
        --text-hl-4xl: var(--font-weight-heavy) 80px/110%
            var(--font-family-base);
        --text-hl-sub-l: var(--font-weight-light) 32px/125%
            var(--font-family-base);
        --text-hl-sub-xl: var(--font-weight-light) 40px/115%
            var(--font-family-base);
        --text-hl-sub-2xl: var(--font-weight-light) 48px/115%
            var(--font-family-base);
        --text-hl-sub-3xl: var(--font-weight-light) 64px/110%
            var(--font-family-base);
        --text-hl-sub-4xl: var(--font-weight-light) 80px/110%
            var(--font-family-base);
        --text-display-s: var(--font-weight-black) 64px/110%
            var(--font-family-head-ui-base);
        --text-display-s-sub: var(--font-weight-light) 64px/110%
            var(--font-family-head-ui-base);
        --text-display-m: var(--font-weight-black) 80px/110%
            var(--font-family-head-ui-base);
        --text-display-m-sub: var(--font-weight-light) 80px/110%
            var(--font-family-head-ui-base);
        --text-display-l: var(--font-weight-black) 96px/110%
            var(--font-family-head-ui-base);
        --text-display-l-sub: var(--font-weight-light) 96px/110%
            var(--font-family-head-ui-base);
        --text-display-2xs: var(--font-weight-black) 40px/110%
            var(--font-family-head-ui-base);
        --text-display-2xs-sub: var(--font-weight-light) 40px/110%
            var(--font-family-head-ui-base);
        --text-display-xs: var(--font-weight-black) 48px/110%
            var(--font-family-head-ui-base);
        --text-display-xs-sub: var(--font-weight-light) 48px/110%
            var(--font-family-head-ui-base);
        --text-quote: var(--font-weight-light) 40px/44px var(--font-family-base);
    }
}
.text-12 {
    font: var(--text-12);
}
.text-14 {
    font: var(--text-14);
}
.text-16 {
    font: var(--text-16);
}
.text-20 {
    font: var(--text-20);
}
.text-24 {
    font: var(--text-24);
}
.text-28 {
    font: var(--text-28);
}
.text-32 {
    font: var(--text-32);
}
.text-40 {
    font: var(--text-40);
}
.text-48 {
    font: var(--text-48);
}
.text-60 {
    font: var(--text-60);
}
.text-64 {
    font: var(--text-64);
}
.text-80 {
    font: var(--text-80);
}
.text-96 {
    font: var(--text-96);
}
.text-hl-xs {
    font: var(--text-hl-xs);
}
.text-hl-s {
    font: var(--text-hl-s);
}
.text-hl-m {
    font: var(--text-hl-m);
}
.text-hl-l {
    font: var(--text-hl-l);
}
.text-hl-xl {
    font: var(--text-hl-xl);
}
.text-hl-2xl,
.text-hl-xxl {
    font: var(--text-hl-2xl);
}
.text-hl-3xl,
.text-hl-xxxl {
    font: var(--text-hl-3xl);
}
.text-hl-4xl,
.text-hl-xxxxl {
    font: var(--text-hl-4xl);
}
.text-hl-sub-xs {
    font: var(--text-hl-sub-xs);
}
.text-hl-sub-s {
    font: var(--text-hl-sub-s);
}
.text-hl-sub-m {
    font: var(--text-hl-sub-m);
}
.text-hl-sub-l {
    font: var(--text-hl-sub-l);
}
.text-hl-sub-xl {
    font: var(--text-hl-sub-xl);
}
.text-hl-sub-2xl,
.text-hl-sub-xxl {
    font: var(--text-hl-sub-2xl);
}
.text-hl-sub-3xl,
.text-hl-sub-xxxl {
    font: var(--text-hl-sub-3xl);
}
.text-hl-sub-4xl,
.text-hl-sub-xxxxl {
    font: var(--text-hl-sub-4xl);
}
.text-display-2xs {
    font: var(--text-display-2xs);
}
.text-display-2xs-sub {
    font: var(--text-display-2xs-sub);
}
.text-display-xs {
    font: var(--text-display-xs);
}
.text-display-xs-sub {
    font: var(--text-display-xs-sub);
}
.text-display-s {
    font: var(--text-display-s);
}
.text-display-s-sub {
    font: var(--text-display-s-sub);
}
.text-display-m {
    font: var(--text-display-m);
}
.text-display-m-sub {
    font: var(--text-display-m-sub);
}
.text-display-l {
    font: var(--text-display-l);
}
.text-display-l-sub {
    font: var(--text-display-l-sub);
}
.text-body-2xs {
    font: var(--text-body-2xs);
    letter-spacing: var(--letter-spacing-normal);
}
.text-body-bold-2xs {
    font: var(--text-body-bold-2xs);
}
.text-body-xs {
    font: var(--text-body-xs);
}
.text-body-s,
.text-body-xs {
    letter-spacing: var(--letter-spacing-normal);
}
.text-body-s {
    font: var(--text-body-s);
}
.text-body-m {
    font: var(--text-body-m);
}
.text-body-l,
.text-body-m {
    letter-spacing: var(--letter-spacing-normal);
}
.text-body-l {
    font: var(--text-body-l);
}
.text-superscript {
    font: var(--text-superscript);
}
.text-label {
    font: var(--text-label);
}
.text-label-xs {
    font: var(--text-label-xs);
}
.text-label-m,
.text-label-xs {
    letter-spacing: var(--letter-spacing-normal);
}
.text-label-m {
    font: var(--text-label-m);
}
.text-input {
    font: var(--text-input);
}
.text-helper {
    font: var(--text-helper);
}
.text-table-hl {
    font: var(--text-table-hl);
}
.text-table-attribute {
    font: var(--text-table-attribute);
}
.text-table-value {
    font: var(--text-table-value);
}
.text-table-hl-s {
    font: var(--text-table-hl-s);
}
.text-table-attribute-s {
    font: var(--text-table-attribute-s);
}
.text-table-value-s {
    font: var(--text-table-value-s);
}
.text-link-xs {
    font: var(--text-link-xs);
}
.text-link-s,
.text-link-xs {
    color: var(--color-global-information-90);
}
.text-link-s {
    font: var(--text-link-s);
}
.text-link-m {
    font: var(--text-link-m);
}
.text-link-l,
.text-link-m {
    color: var(--color-global-information-90);
}
.text-link-l {
    font: var(--text-link-l);
}
.text-button-xs {
    font: var(--text-button-xs);
}
.text-button-s,
.text-button-xs {
    color: var(--color-global-information-90);
    letter-spacing: var(--letter-spacing-button);
}
.text-button-s {
    font: var(--text-button-s);
}
.text-button-m {
    font: var(--text-button-m);
}
.text-button-l,
.text-button-m {
    color: var(--color-global-information-90);
    letter-spacing: var(--letter-spacing-button);
}
.text-button-l {
    font: var(--text-button-l);
}
.text-quote {
    font: var(--text-quote);
    letter-spacing: var(--letter-spacing-quote);
}
.text-eyebrow {
    font: var(--text-table-value-s);
    text-transform: uppercase;
}
sup {
    font-size: 80%;
}
:root {
    --box-shadow-base: 0 0 0 transparent;
    --box-shadow-highlight: 4px 8px 32px rgba(25, 25, 25, 0.16);
    --box-shadow-low: 0px 2px 8px rgba(25, 25, 25, 0.04);
    --box-shadow-overlay: 8px 16px 64px rgba(25, 25, 25, 0.24);
    --box-shadow-raised: 0px 4px 16px rgba(25, 25, 25, 0.12);
    --box-shadow-standout: 16px 32px 128px rgba(25, 25, 25, 0.48);
    --drop-shadow-base: drop-shadow(0 0 0 transparent);
    --drop-shadow-highlight: drop-shadow(4px 8px 28px rgba(25, 25, 25, 0.16));
    --drop-shadow-low: drop-shadow(0px 2px 8px rgba(25, 25, 25, 0.04));
    --drop-shadow-overlay: drop-shadow(8px 16px 50px rgba(25, 25, 25, 0.35));
    --drop-shadow-raised: drop-shadow(0px 4px 14px rgba(25, 25, 25, 0.12));
    --drop-shadow-standout: drop-shadow(16px 32px 80px rgba(25, 25, 25, 0.7));
    --z-index-sidenavigation-beta: 1;
    --z-index-header-beta: 5;
    --z-index-dialog: 60;
    --z-index-menu: 10;
    --z-index-overlay: 50;
    --z-index-toast: 100;
}
.beyond-foundations-global-focus-ring [data-focus-visible] {
    outline: var(--border-width-m) solid var(--color-global-border-focus);
    outline-offset: var(--border-width-m);
    transition: none;
}
.beyond-foundations-global-focus-ring :focus-visible {
    outline: var(--border-width-m) solid var(--color-global-border-focus);
    outline-offset: var(--border-width-m);
    transition: none;
}
.beyond-foundations-global-focus-ring:focus-visible {
    outline: var(--border-width-m) solid var(--color-global-border-focus);
    outline-offset: var(--border-width-m);
    transition: none;
}
.beyond-foundations-global-focus-ring [data-focused]:not([data-focus-visible]) {
    outline: none;
}
.beyond-foundations-global-focus-ring :focus:not(:focus-visible) {
    outline: none;
}
.beyond-foundations-global-focus-ring:focus:not(:focus-visible) {
    outline: none;
}
.beyond-foundations-global-focus-ring :disabled,
.beyond-foundations-global-focus-ring [aria-disabled="true"],
.beyond-foundations-global-focus-ring [data-disabled],
.beyond-foundations-global-focus-ring [data-pending="true"],
.beyond-foundations-global-focus-ring:disabled,
.beyond-foundations-global-focus-ring[data-pending="true"] {
    outline: none;
}
.beyond-foundations-global-focus-ring
    :-webkit-any(
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea
    ):-webkit-any(:focus, :focus-visible) {
    outline: none;
}
.beyond-foundations-global-focus-ring
    :-moz-any(
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea
    ):-moz-any(:focus, :focus-visible) {
    outline: none;
}
.beyond-foundations-global-focus-ring
    :is(
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea
    ):is(:focus, :focus-visible) {
    outline: none;
}
.beyond-foundations-global-focus-ring:-webkit-any(
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea
    ):-webkit-any(:focus, :focus-visible) {
    outline: none;
}
.beyond-foundations-global-focus-ring:-moz-any(
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea
    ):-moz-any(:focus, :focus-visible) {
    outline: none;
}
.beyond-foundations-global-focus-ring:is(
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea
    ):is(:focus, :focus-visible) {
    outline: none;
}
.beyond-foundations-focus-within-container:focus-within:has(:focus-visible):not(
        [data-disabled]
    ):not(:disabled) {
    outline: var(--border-width-m) solid var(--color-global-border-focus);
    outline-offset: var(--border-width-m);
    transition: none;
}
@keyframes shake {
    0% {
        transform: translate(0, 0);
    }
    30% {
        transform: translate(0.438rem);
    }
    60% {
        transform: translate(-0.438rem);
    }
    to {
        transform: translate(0, 0);
    }
}
@keyframes hover-out-animation {
    0% {
        background-size: 100% 0.063rem;
        background-position: right var(--underline-background-y-pos);
    }
    to {
        background-size: 0 0.063rem;
        background-position: right var(--underline-background-y-pos);
    }
}
@keyframes hover-in-animation {
    0% {
        background-size: 0 0.063rem;
        background-position: left var(--underline-background-y-pos);
    }
    to {
        background-size: 100% 0.063rem;
        background-position: left var(--underline-background-y-pos);
    }
}
:root {
    --teaser-list-color-text: var(--text-color-body);
    --teaser-list-color-icon: var(--text-color-body);
    --teaser-list-color-bullet: var(--text-color-body);
    --text-color-body: #606a76;
    --text-color-headlines: #32373e;
    --text-color-button: #fff;
    --text-color-invert-body: #dce3e9;
    --text-color-invert-headlines: #f2f5f8;
    --text-color-invert-button: #0072ef;
    --text-color-cyan: #008bd0;
    --fill-color-body: #606a76;
    --fill-color-headlines: #32373e;
    --fill-color-highlight: #0072ef;
    --fill-color-subtlest: #c2cdd6;
    --fill-color-invert-body: #dce3e9;
    --fill-color-invert-headlines: #f2f5f8;
    --fill-color-invert-highlight: #dce3e9;
    --fill-color-invert-subtlest: #6c7784;
    --bg-color-light-primary: #fff;
    --bg-color-light-primary-rgba: 255, 255, 255;
    --bg-color-light-inverse: #32373e;
    --bg-color-secondary: #f5f8fa;
    --bg-color-light-00: #fff;
    --bg-color-light-01: #f5f8fa;
    --bg-color-light-02: #f2f5f8;
    --bg-color-light-03: #ecf0f4;
    --bg-color-light-04: #e6ebf0;
    --bg-color-light-05: #dce3e9;
    --bg-color-light-06: #d1d9e1;
    --bg-color-light-07: #c2cdd6;
    --bg-color-light-08: #b4c0ca;
    --bg-color-dark-primary: #0e0f11;
    --bg-color-dark-inverse: #f2f5f8;
    --bg-color-dark-00: #17191c;
    --bg-color-dark-01: #202327;
    --bg-color-dark-02: #292d32;
    --bg-color-dark-03: #32373e;
    --bg-color-dark-04: #3e444c;
    --bg-color-dark-05: #4e565f;
    --bg-color-dark-06: #606a76;
    --bg-color-dark-07: #6c7784;
    --bg-color-dark-08: #778592;
    --bg-color-cyan: #008bd0;
    --bg-color-dark-blur: rgba(0, 0, 0, 0.55);
    --border-color-active: #32373e;
    --border-color-inactive: #c2cdd6;
    --border-color-invert-active: #f2f5f8;
    --border-color-invert-inactive: #6c7784;
    --border-color-subtlest: #e6ebf0;
    --border-color-invert-subtlest: #292d32;
    --border-color-light-subtlest: #dce3e9;
    --border-color-focus: #00346c;
    --border-strong: var(--border-color-active);
    --border-subtle: var(--border-color-inactive);
    --border-subtlest: var(--border-color-subtlest);
    --interaction-color-link: #0072ef;
    --interaction-color-hover: #0052aa;
    --interaction-color-focused: #00346c;
    --interaction-color-disabled: rgba(0, 82, 170, 0.9);
    --interaction-color-grey-link: #dce3e9;
    --interaction-color-grey-hover: #c2cdd6;
    --interaction-color-grey-focused: #a4b0bc;
    --interaction-color-grey-disabled: rgba(209, 217, 225, 0.4);
    --interaction-color-background-focused: #ecf0f4;
    --interaction-color-background-invert-focused: #4e565f;
    --color-alert-error: #e71e1e;
    --color-alert-error-10: #fdf0f0;
    --color-alert-error-70: #ed4f4f;
    --color-alert-error-120: #500808;
    --color-alert-warning: #cd4b13;
    --color-alert-warning-10: #fdf1ec;
    --color-alert-warning-40: #ec6e38;
    --color-alert-warning-120: #3e1706;
    --color-alert-info: #986f00;
    --color-alert-info-10: #fff4d5;
    --color-alert-info-40: #fdca3f;
    --color-alert-info-120: #302300;
    --color-alert-success: #1e8565;
    --color-alert-success-10: #e5f9f3;
    --color-alert-success-50: #3ad2a3;
    --color-alert-success-120: #09271e;
    --color-alert-marketing: #d9e906;
    --color-information-120: #002144;
    --color-information-110: #00346c;
    --color-information-100: #0052aa;
    --color-information-95: #0065d1;
    --color-information-90: #0072ef;
    --color-information-80: #1a88ff;
    --color-information-70: #3396ff;
    --color-information-60: #5db3ff;
    --color-information-50: #7dc7ff;
    --color-information-40: #99d6ff;
    --color-information-30: #b1e0ff;
    --color-information-20: #d5eeff;
    --color-information-10: #eaf7ff;
    --color-information-zeiss: #0f2db3;
    --color-information-highlight: #dede4c;
    --color-white: #fff;
    --color-black: #000;
    --icon-strong: var(--fill-color-headlines);
    --icon-subtle: var(--fill-color-body);
    --icon-subtlest: var(--fill-color-subtlest);
    --icon-interactive: var(--fill-color-highlight);
    --elevation-base: 0 0 0 transparent;
    --elevation-low: 0 0.125rem 0.5rem rgba(25, 25, 25, 0.04);
    --elevation-raised: 0.125rem 0.25rem 1rem rgba(25, 25, 25, 0.08);
    --elevation-highlight: 0.25rem 0.5rem 2rem rgba(25, 25, 25, 0.16);
    --elevation-overlay: 0.5rem 0.7rem 2.2rem rgba(25, 25, 25, 0.24);
    --elevation-standout: 1rem 2rem 8rem rgba(25, 25, 25, 0.48);
    --max-width-8-xl: 102rem;
    --spacing-horizontal-xxs: 0.25rem;
    --spacing-horizontal-xs: 0.5rem;
    --spacing-horizontal-s: 1rem;
    --spacing-horizontal-m: 1.5rem;
    --spacing-horizontal-l: 2rem;
    --spacing-horizontal-xl: 2.5rem;
    --spacing-horizontal-xxl: 3rem;
    --spacing-horizontal-xxxl: 3.5rem;
    --spacing-horizontal-xxxxl: 4rem;
    --spacing-horizontal-xxxxxl: 4.5rem;
    --spacing-horizontal-xxxxxxl: 5rem;
    --spacing-horizontal-xxxxxxxl: 6rem;
    --spacing-horizontal-xxxxxxxxl: 8rem;
    --spacing-horizontal-xxxxxxxxxl: 9rem;
    --spacing-vertical-xxs: 0.25rem;
    --spacing-vertical-xs: 0.5rem;
    --spacing-vertical-s: 1rem;
    --spacing-vertical-m: 1.5rem;
    --spacing-vertical-l: 2rem;
    --spacing-vertical-xl: 3rem;
    --spacing-vertical-xxl: 3.5rem;
    --spacing-vertical-xxxl: 4.5rem;
    --spacing-vertical-xxxxl: 8rem;
    --spacing-vertical-xxxxxl: 12rem;
    --spacing-vertical-modular: 4.5rem;
    --font-size-hl-1000: 1rem;
    --font-size-hl-1125: 1.125rem;
    --font-size-hl-1250: 1.25rem;
    --font-size-hl-1500: 1.5rem;
    --font-size-hl-1750: 1.75rem;
    --font-size-hl-2000: 2rem;
    --font-size-hl-2500: 2.5rem;
    --font-size-hl-3000: 3rem;
    --font-size-hl-4000: 4rem;
    --font-size-hl-5000: 5rem;
    --line-height-hl-1000: 1.5rem;
    --line-height-hl-1250: 1.725rem;
    --line-height-hl-1500: 1.875rem;
    --line-height-hl-1750: 2rem;
    --line-height-hl-2000: 2.25rem;
    --line-height-hl-2500: 3.125rem;
    --line-height-hl-3000: 3.75rem;
    --line-height-hl-4250: 4.25rem;
    --line-height-hl-5250: 5.25rem;
    --font-size-display-2000: 2rem;
    --font-size-display-2500: 2.5rem;
    --font-size-display-3000: 3rem;
    --font-size-display-3750: 3.75rem;
    --font-size-display-4000: 4rem;
    --font-size-display-5000: 5rem;
    --font-size-display-6000: 6rem;
    --line-height-display-2000: 2.375rem;
    --line-height-display-2500: 2.75rem;
    --line-height-display-3000: 3.25rem;
    --line-height-display-3750: 4rem;
    --line-height-display-4000: 4.25rem;
    --line-height-display-5000: 5.25rem;
    --line-height-display-6000: 6.5rem;
    --font-size-quote-1500: 1.5rem;
    --font-size-quote-2000: 2rem;
    --font-size-quote-2500: 2.5rem;
    --line-height-quote-1500: 1.875rem;
    --line-height-quote-2000: 2.25rem;
    --line-height-quote-2500: 3rem;
    --font-size-body-750: 0.75rem;
    --font-size-body-875: 0.875rem;
    --font-size-body-1000: 1rem;
    --font-size-body-1250: 1.25rem;
    --line-height-body-750: 1.125rem;
    --line-height-body-875: 1.25rem;
    --line-height-body-1000: 1.5rem;
    --line-height-body-1250: 1.75rem;
    --font-size-caption-750: 0.75rem;
    --line-height-caption-750: 1rem;
    --font-size-eyebrow-750: 0.75rem;
    --font-size-eyebrow-1000: 1rem;
    --line-height-eyebrow-750: 1rem;
    --line-height-eyebrow-1000: 1.25rem;
    --font-size-button-750: 0.75rem;
    --font-size-button-1000: 1rem;
    --font-size-button-1250: 1.25rem;
    --line-height-button-750: 1.125rem;
    --line-height-button-1000: 1.5rem;
    --line-height-button-1250: 1.75rem;
    --font-size-link-875: 0.875rem;
    --font-size-link-1000: 1rem;
    --font-size-link-1250: 1.25rem;
    --line-height-link-875: 1.25rem;
    --line-height-link-1000: 1.25rem;
    --line-height-link-1250: 1.75rem;
    --font-size-table-750: 0.75rem;
    --font-size-table-1000: 1rem;
    --line-height-table-750: 1rem;
    --line-height-table-1000: 1.5rem;
    --font-size-nav-875-1: 0.875rem;
    --font-size-nav-875-2: 0.875rem;
    --font-size-nav-1000-1: 1rem;
    --font-size-nav-1000-2: 1rem;
    --font-size-nav-1000-3: 1rem;
    --font-size-nav-1125: 1.125rem;
    --font-size-nav-1250-1: 1.25rem;
    --font-size-nav-1250-2: 1.25rem;
    --line-height-nav-875-1: 1.25rem;
    --line-height-nav-875-2: 1.5rem;
    --line-height-nav-1000-1: 1.125rem;
    --line-height-nav-1000-2: 1.25rem;
    --line-height-nav-1000-3: 1.5rem;
    --line-height-nav-1125-1: 1.5rem;
    --line-height-nav-1250-1: 1.5rem;
    --line-height-nav-1250-2: 1.75rem;
    --font-size-form-label-750: 0.75rem;
    --line-height-form-label-750: 1.125rem;
    --letter-spacing-0: 0;
    --letter-spacing-1: 0.5px;
    --letter-spacing-2: 1px;
    --letter-spacing-3: 1.5px;
}
@media (min-width: 22.5rem) {
    :root {
        --spacing-vertical-xl: 2.5rem;
        --spacing-vertical-xxl: 3rem;
        --spacing-vertical-xxxl: 4rem;
        --spacing-vertical-xxxxl: 4.5rem;
        --spacing-vertical-xxxxxl: 5rem;
    }
}
@media (min-width: 48rem) {
    :root {
        --spacing-vertical-xl: 3rem;
        --spacing-vertical-xxl: 3.5rem;
        --spacing-vertical-xxxl: 4.5rem;
        --spacing-vertical-xxxxl: 5rem;
        --spacing-vertical-xxxxxl: 6rem;
    }
}
@media (min-width: 64rem) {
    :root {
        --spacing-vertical-xl: 3.5rem;
        --spacing-vertical-xxl: 4rem;
        --spacing-vertical-xxxl: 5rem;
        --spacing-vertical-xxxxl: 6rem;
        --spacing-vertical-xxxxxl: 8rem;
    }
}
@media (min-width: 80rem) {
    :root {
        --spacing-vertical-m: 2rem;
        --spacing-vertical-l: 2.5rem;
        --spacing-vertical-xl: 4rem;
        --spacing-vertical-xxl: 4.5rem;
        --spacing-vertical-xxxl: 6rem;
        --spacing-vertical-xxxxl: 8rem;
        --spacing-vertical-xxxxxl: 12rem;
    }
}
@media (min-width: 90rem) {
    :root {
        --spacing-vertical-xl: 4.5rem;
        --spacing-vertical-xxl: 5rem;
        --spacing-vertical-xxxl: 8rem;
        --spacing-vertical-xxxxl: 11rem;
        --spacing-vertical-xxxxxl: 16rem;
    }
}
:lang(ar) {
    --line-height-hl-1000: 1.75rem;
    --line-height-hl-1250: 1.725rem;
    --line-height-hl-1500: 2.375rem;
    --line-height-hl-1750: 2.625rem;
    --line-height-hl-2000: 3rem;
    --line-height-hl-2500: 3.75rem;
    --line-height-hl-3000: 4.75rem;
    --line-height-hl-4250: 5.75rem;
    --line-height-hl-5250: 7.25rem;
    --line-height-body-750: 1.375rem;
    --line-height-body-875: 1.5rem;
    --line-height-body-1000: 1.75rem;
    --line-height-body-1250: 2rem;
    --font-size-caption-750: 0.875rem;
    --line-height-caption-750: 1.5rem;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    margin: 0;
    padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}
[hidden] {
    display: none;
}
body {
    line-height: 1;
}
menu,
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:root {
    --color-interaction-small: #0077ba;
    --color-interaction-link: #0077ba;
    --color-interaction-hover: #0077ba;
    --color-interaction-focused: #0077ba;
    --color-highlight-light: rgba(120, 120, 120, 0.1);
    --color-frame-focused-dark: rgba(240, 240, 240, 0.08);
    --swiper-pagination-bottom: 0;
}
:host {
    z-index: unset;
}
.elevation--base {
    box-shadow: var(--elevation-base);
}
.elevation--low {
    box-shadow: var(--elevation-low);
}
.elevation--raised {
    box-shadow: var(--elevation-raised);
}
.elevation--highlight {
    box-shadow: var(--elevation-highlight);
}
.elevation--overlay {
    box-shadow: var(--elevation-overlay);
}
.elevation--stand-out {
    box-shadow: var(--elevation-standout);
}
@font-face {
    font-family: Frutiger Next;
    src:
        url(../../../..../fonts/ZEISSFrutigerNextUI-Reg-cba80d52.woff2)
            format("woff2"),
        url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/ZEISSFrutigerNextUI-Reg.woff)
            format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Frutiger Next;
    src:
        url(../../../..../fonts/ZEISSFrutigerNextUI-Italic-ced1bdc8.woff2)
            format("woff2"),
        url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/ZEISSFrutigerNextUI-Italic.woff)
            format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Frutiger Next;
    src:
        url(../../../..../fonts/ZEISSFrutigerNextUI-Bold-4815c101.woff2)
            format("woff2"),
        url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/ZEISSFrutigerNextUI-Bold.woff)
            format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Frutiger Next;
    src:
        url(../../../..../fonts/ZEISSFrutigerNextUI-BoldIt-d9f46d28.woff2)
            format("woff2"),
        url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/ZEISSFrutigerNextUI-BoldIt.woff)
            format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Frutiger Next;
    src:
        url(../../../..../fonts/ZEISSFrutigerNextUI-Light-0b066326.woff2)
            format("woff2"),
        url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/ZEISSFrutigerNextUI-Light.woff)
            format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Frutiger Next;
    src:
        url(../../../..../fonts/ZEISSFrutigerNextUI-Medium-8c8a05e8.woff2)
            format("woff2"),
        url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/ZEISSFrutigerNextUI-Medium.woff)
            format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Frutiger Next;
    src:
        url(../../../..../fonts/ZEISSFrutigerNextUI-Heavy-0ccc37c1.woff2)
            format("woff2"),
        url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/ZEISSFrutigerNextUI-Heavy.woff)
            format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: FrutigerFallback;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/FrutigerNextW05-Regular.woff)
        format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: FrutigerFallback;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/FrutigerNextW05-BoldItalic.woff)
        format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: FrutigerFallback;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/FrutigerNextW05-Medium.woff)
        format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: FrutigerFallback;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/FrutigerNextW05-Light.woff)
        format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: FrutigerFallback;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/FrutigerNextW05-Heavy.woff)
        format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: FrutigerFallback;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/FrutigerNextW05-Bold.woff)
        format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: FrutigerFallback;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/FrutigerNextW05-Italic.woff)
        format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Noto Sans Arabic;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_arabic/NotoSansArabic-Light.woff2)
        format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Noto Sans Arabic;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_arabic/NotoSansArabic-Regular.woff2)
        format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Noto Sans Arabic;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_arabic/NotoSansArabic-Medium.woff2)
        format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Noto Sans Arabic;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_arabic/NotoSansArabic-SemiBold.woff2)
        format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Noto Sans Arabic;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_arabic/NotoSansArabic-Bold.woff2)
        format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Noto Sans Arabic;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_arabic/NotoSansArabic-ExtraBold.woff2)
        format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Noto Sans Arabic;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_arabic/NotoSansArabic-Black.woff2)
        format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Noto Sans Viet;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_viet/NotoSans-VariableFont_wdth,wght.ttf)
        format("truetype");
    font-weight: 100 900;
    font-style: normal;
}
@font-face {
    font-family: Noto Sans Viet;
    src: url(../../../../etc.clientlibs/zeiss-aem-app/jupiter/clientlibs/jupiter-components.app/resources/assets/fonts/noto_sans_viet/NotoSans-Italic-VariableFont_wdth,wght.ttf)
        format("truetype");
    font-weight: 100 900;
    font-style: italic;
}
:root {
    --grid-columns: 4;
    --grid-margin: 1.5rem;
    --grid-gutter: 1rem;
    --grid-negative-margin: 1.5rem;
}
@media (min-width: 22.5rem) {
    :root {
        --grid-columns: 4;
        --grid-margin: 1.5rem;
        --grid-gutter: 1rem;
        --grid-negative-margin: 1.5rem;
    }
}
@media (min-width: 48rem) {
    :root {
        --grid-columns: 6;
        --grid-margin: 2rem;
        --grid-gutter: 1.5rem;
        --grid-negative-margin: 2rem;
    }
}
@media (min-width: 64rem) {
    :root {
        --grid-columns: 12;
        --grid-margin: 2rem;
        --grid-gutter: 1.5rem;
        --grid-negative-margin: 2rem;
    }
}
@media (min-width: 80rem) {
    :root {
        --grid-columns: 12;
        --grid-margin: 4rem;
        --grid-gutter: 1.5rem;
        --grid-negative-margin: 2rem;
    }
}
@media (min-width: 90rem) {
    :root {
        --grid-columns: 12;
        --grid-margin: 6rem;
        --grid-gutter: 1.5rem;
        --grid-negative-margin: 3rem;
    }
}
@media (min-width: 120rem) {
    :root {
        --grid-columns: 12;
        --grid-margin: 6rem;
        --grid-gutter: 1.5rem;
        --grid-negative-margin: 3rem;
    }
}
.grid__container {
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    box-sizing: border-box;
    max-width: 102rem;
    margin: 0 auto;
}
.grid__container--full-bleed {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}
.grid__structure {
    grid-gap: var(--grid-gutter);
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-template-rows: auto;
    row-gap: 0;
    width: 100%;
    display: grid;
    position: relative;
}
.grid__structure--50-50 {
    grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 48rem) {
    .grid__structure--50-50 {
        grid-template-columns: repeat(2, 1fr);
    }
}
.grid__column--background-container {
    position: absolute;
    inset: 0;
}
.grid__column {
    position: relative;
}
.grid__column--100 {
    grid-column: 1/-1;
}
.grid__column--50 {
    grid-column: span 6;
}
.grid__column--inner {
    grid-column: 1/-1;
}
@media (min-width: 64rem) {
    .grid__column--inner {
        grid-column: 3 / span 8;
    }
}
.grid__content {
    z-index: 1;
    display: block;
    position: relative;
}
.grid__content-bg--left,
.grid__content-bg--right,
.grid__content-bg--full {
    z-index: 0;
    position: absolute;
    inset: 0;
}
.grid__content-bg--full {
    margin-left: calc(var(--grid-negative-margin) * -1);
    margin-right: calc(var(--grid-negative-margin) * -1);
}
.grid__content-bg--left {
    margin-left: calc(var(--grid-negative-margin) * -1);
    margin-right: calc(var(--grid-gutter) / -2);
}
.grid__content-bg--right {
    margin-left: calc(var(--grid-gutter) / -2);
    margin-right: calc(var(--grid-negative-margin) * -1);
}
.hl-xs,
.hl-s,
.hl-m,
.hl-l,
.hl-xl {
    font-family: var(--font-family-frutiger);
    color: var(--headline-color);
    font-style: normal;
    font-weight: 700;
}
.hl-xxl,
.hl-xxxl,
.hl-xxxxl {
    font-family: var(--font-family-frutiger);
    color: var(--headline-color);
    font-style: normal;
    font-weight: 900;
}
.hl--sub {
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 300;
}
.hl--sub-xxxxl .hl--sub {
    letter-spacing: 0.015em;
    font-size: 2.5rem;
    line-height: 2.75rem;
}
:lang(ar) .hl--sub-xxxxl .hl--sub {
    line-height: 4rem;
}
@media (min-width: 48rem) {
    .hl--sub-xxxxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .hl--sub-xxxxl .hl--sub {
        line-height: 5.75rem;
    }
}
@media (min-width: 64rem) {
    .hl--sub-xxxxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .hl--sub-xxxxl .hl--sub {
        line-height: 5.75rem;
    }
}
@media (min-width: 80rem) {
    .hl--sub-xxxxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
    :lang(ar) .hl--sub-xxxxl .hl--sub {
        line-height: 7.25rem;
    }
}
@media (min-width: 90rem) {
    .hl--sub-xxxxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
    :lang(ar) .hl--sub-xxxxl .hl--sub {
        line-height: 7.25rem;
    }
}
.hl--sub-xxxl .hl--sub {
    letter-spacing: 0.015em;
    font-size: 2.25rem;
    line-height: 2.5rem;
}
:lang(ar) .hl--sub-xxxl .hl--sub {
    line-height: 3.25rem;
}
@media (min-width: 48rem) {
    .hl--sub-xxxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .hl--sub-xxxl .hl--sub {
        line-height: 4.75rem;
    }
}
@media (min-width: 64rem) {
    .hl--sub-xxxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .hl--sub-xxxl .hl--sub {
        line-height: 4.75rem;
    }
}
@media (min-width: 80rem) {
    .hl--sub-xxxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .hl--sub-xxxl .hl--sub {
        line-height: 5.75rem;
    }
}
@media (min-width: 90rem) {
    .hl--sub-xxxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .hl--sub-xxxl .hl--sub {
        line-height: 5.75rem;
    }
}
.hl--sub-xxl .hl--sub {
    letter-spacing: 0.015em;
    font-size: 2rem;
    line-height: 2.25rem;
}
:lang(ar) .hl--sub-xxl .hl--sub {
    line-height: 3rem;
}
@media (min-width: 48rem) {
    .hl--sub-xxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .hl--sub-xxl .hl--sub {
        line-height: 4rem;
    }
}
@media (min-width: 64rem) {
    .hl--sub-xxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .hl--sub-xxl .hl--sub {
        line-height: 4rem;
    }
}
@media (min-width: 80rem) {
    .hl--sub-xxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .hl--sub-xxl .hl--sub {
        line-height: 4.75rem;
    }
}
@media (min-width: 90rem) {
    .hl--sub-xxl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .hl--sub-xxl .hl--sub {
        line-height: 4.75rem;
    }
}
.hl--sub-xl .hl--sub {
    letter-spacing: 0.01em;
    font-size: 1.5rem;
    line-height: 1.875rem;
}
:lang(ar) .hl--sub-xl .hl--sub {
    line-height: 2.375rem;
}
@media (min-width: 48rem) {
    .hl--sub-xl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .hl--sub-xl .hl--sub {
        line-height: 3rem;
    }
}
@media (min-width: 64rem) {
    .hl--sub-xl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .hl--sub-xl .hl--sub {
        line-height: 3rem;
    }
}
@media (min-width: 80rem) {
    .hl--sub-xl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .hl--sub-xl .hl--sub {
        line-height: 4rem;
    }
}
@media (min-width: 90rem) {
    .hl--sub-xl .hl--sub {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .hl--sub-xl .hl--sub {
        line-height: 4rem;
    }
}
.hl--sub-l .hl--sub {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .hl--sub-l .hl--sub {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .hl--sub-l .hl--sub {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .hl--sub-l .hl--sub {
        line-height: 2.625rem;
    }
}
@media (min-width: 64rem) {
    .hl--sub-l .hl--sub {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .hl--sub-l .hl--sub {
        line-height: 2.625rem;
    }
}
@media (min-width: 80rem) {
    .hl--sub-l .hl--sub {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .hl--sub-l .hl--sub {
        line-height: 3rem;
    }
}
@media (min-width: 90rem) {
    .hl--sub-l .hl--sub {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .hl--sub-l .hl--sub {
        line-height: 3rem;
    }
}
.hl--sub-m .hl--sub {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .hl--sub-m .hl--sub {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .hl--sub-m .hl--sub {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .hl--sub-m .hl--sub {
        line-height: 2.375rem;
    }
}
@media (min-width: 64rem) {
    .hl--sub-m .hl--sub {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .hl--sub-m .hl--sub {
        line-height: 2.375rem;
    }
}
@media (min-width: 80rem) {
    .hl--sub-m .hl--sub {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .hl--sub-m .hl--sub {
        line-height: 2.375rem;
    }
}
@media (min-width: 90rem) {
    .hl--sub-m .hl--sub {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .hl--sub-m .hl--sub {
        line-height: 2.375rem;
    }
}
.hl--sub-s .hl--sub {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .hl--sub-s .hl--sub {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .hl--sub-s .hl--sub {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .hl--sub-s .hl--sub {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) {
    .hl--sub-s .hl--sub {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .hl--sub-s .hl--sub {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .hl--sub-s .hl--sub {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .hl--sub-s .hl--sub {
        line-height: 2rem;
    }
}
@media (min-width: 90rem) {
    .hl--sub-s .hl--sub {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .hl--sub-s .hl--sub {
        line-height: 2rem;
    }
}
.hl--sub-xs .hl--sub {
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .hl--sub-xs .hl--sub {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .hl--sub-xs .hl--sub {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .hl--sub-xs .hl--sub {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .hl--sub-xs .hl--sub {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .hl--sub-xs .hl--sub {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .hl--sub-xs .hl--sub {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .hl--sub-xs .hl--sub {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .hl--sub-xs .hl--sub {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .hl--sub-xs .hl--sub {
        line-height: 1.75rem;
    }
}
.hl-xxxxl {
    letter-spacing: 0.015em;
    font-size: 2.5rem;
    line-height: 2.75rem;
}
:lang(ar) .hl-xxxxl {
    line-height: 4rem;
}
@media (min-width: 48rem) {
    .hl-xxxxl {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .hl-xxxxl {
        line-height: 5.75rem;
    }
}
@media (min-width: 64rem) {
    .hl-xxxxl {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .hl-xxxxl {
        line-height: 5.75rem;
    }
}
@media (min-width: 80rem) {
    .hl-xxxxl {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
    :lang(ar) .hl-xxxxl {
        line-height: 7.25rem;
    }
}
@media (min-width: 90rem) {
    .hl-xxxxl {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
    :lang(ar) .hl-xxxxl {
        line-height: 7.25rem;
    }
}
.hl-xxxxl .text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .hl-xxxxl .text--eyebrow {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .hl-xxxxl .text--eyebrow {
        letter-spacing: 0.02em;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 500;
    }
    :lang(ar) .hl-xxxxl .text--eyebrow {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .hl-xxxxl .text--eyebrow {
        letter-spacing: 0.02em;
        font-size: 1.5rem;
        line-height: 2rem;
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 500;
    }
    :lang(ar) .hl-xxxxl .text--eyebrow {
        line-height: 2.375rem;
    }
}
.hl-xxxl {
    letter-spacing: 0.015em;
    font-size: 2.25rem;
    line-height: 2.5rem;
}
:lang(ar) .hl-xxxl {
    line-height: 3.25rem;
}
@media (min-width: 48rem) {
    .hl-xxxl {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .hl-xxxl {
        line-height: 4.75rem;
    }
}
@media (min-width: 64rem) {
    .hl-xxxl {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .hl-xxxl {
        line-height: 4.75rem;
    }
}
@media (min-width: 80rem) {
    .hl-xxxl {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .hl-xxxl {
        line-height: 5.75rem;
    }
}
@media (min-width: 90rem) {
    .hl-xxxl {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .hl-xxxl {
        line-height: 5.75rem;
    }
}
.hl-xxxl .text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .hl-xxxl .text--eyebrow {
    line-height: 1.75rem;
}
@media (min-width: 80rem) {
    .hl-xxxl .text--eyebrow {
        letter-spacing: 0.02em;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 500;
    }
    :lang(ar) .hl-xxxl .text--eyebrow {
        line-height: 2rem;
    }
}
.hl-xxl {
    letter-spacing: 0.015em;
    font-size: 2rem;
    line-height: 2.25rem;
}
:lang(ar) .hl-xxl {
    line-height: 3rem;
}
@media (min-width: 48rem) {
    .hl-xxl {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .hl-xxl {
        line-height: 4rem;
    }
}
@media (min-width: 64rem) {
    .hl-xxl {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .hl-xxl {
        line-height: 4rem;
    }
}
@media (min-width: 80rem) {
    .hl-xxl {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .hl-xxl {
        line-height: 4.75rem;
    }
}
@media (min-width: 90rem) {
    .hl-xxl {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .hl-xxl {
        line-height: 4.75rem;
    }
}
.hl-xxl .text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .hl-xxl .text--eyebrow {
    line-height: 1.75rem;
}
.hl-xl {
    letter-spacing: 0.01em;
    font-size: 1.5rem;
    line-height: 1.875rem;
}
:lang(ar) .hl-xl {
    line-height: 2.375rem;
}
@media (min-width: 48rem) {
    .hl-xl {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .hl-xl {
        line-height: 3rem;
    }
}
@media (min-width: 64rem) {
    .hl-xl {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .hl-xl {
        line-height: 3rem;
    }
}
@media (min-width: 80rem) {
    .hl-xl {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .hl-xl {
        line-height: 4rem;
    }
}
@media (min-width: 90rem) {
    .hl-xl {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .hl-xl {
        line-height: 4rem;
    }
}
.hl-xl .text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .hl-xl .text--eyebrow {
    line-height: 1.375rem;
}
@media (min-width: 48rem) {
    .hl-xl .text--eyebrow {
        letter-spacing: 0.02em;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 500;
    }
    :lang(ar) .hl-xl .text--eyebrow {
        line-height: 1.5rem;
    }
}
@media (min-width: 80rem) {
    .hl-xl .text--eyebrow {
        letter-spacing: 0.02em;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 500;
    }
    :lang(ar) .hl-xl .text--eyebrow {
        line-height: 1.75rem;
    }
}
.hl-l {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .hl-l {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .hl-l {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .hl-l {
        line-height: 2.625rem;
    }
}
@media (min-width: 64rem) {
    .hl-l {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .hl-l {
        line-height: 2.625rem;
    }
}
@media (min-width: 80rem) {
    .hl-l {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .hl-l {
        line-height: 3rem;
    }
}
@media (min-width: 90rem) {
    .hl-l {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .hl-l {
        line-height: 3rem;
    }
}
.hl-l .text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .hl-l .text--eyebrow {
    line-height: 1.375rem;
}
@media (min-width: 48rem) {
    .hl-l .text--eyebrow {
        letter-spacing: 0.02em;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 500;
    }
    :lang(ar) .hl-l .text--eyebrow {
        line-height: 1.5rem;
    }
}
.hl-m {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .hl-m {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .hl-m {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .hl-m {
        line-height: 2.375rem;
    }
}
@media (min-width: 64rem) {
    .hl-m {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .hl-m {
        line-height: 2.375rem;
    }
}
@media (min-width: 80rem) {
    .hl-m {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .hl-m {
        line-height: 2.375rem;
    }
}
@media (min-width: 90rem) {
    .hl-m {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .hl-m {
        line-height: 2.375rem;
    }
}
.hl-m .text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .hl-m .text--eyebrow {
    line-height: 1.375rem;
}
.hl-s {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .hl-s {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .hl-s {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .hl-s {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) {
    .hl-s {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .hl-s {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .hl-s {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .hl-s {
        line-height: 2rem;
    }
}
@media (min-width: 90rem) {
    .hl-s {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .hl-s {
        line-height: 2rem;
    }
}
.hl-s .text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .hl-s .text--eyebrow {
    line-height: 1.375rem;
}
.hl-xs {
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .hl-xs {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .hl-xs {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .hl-xs {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .hl-xs {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .hl-xs {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .hl-xs {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .hl-xs {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .hl-xs {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .hl-xs {
        line-height: 1.75rem;
    }
}
.hl-xs .text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .hl-xs .text--eyebrow {
    line-height: 1.375rem;
}
.icon {
    display: block;
}
.icon svg {
    width: 100%;
    height: 100%;
}
.icon use {
    pointer-events: none;
}
.icon-with-badge {
    display: inline-block;
    position: relative;
}
.icon-with-badge__badge {
    line-height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(50%, 25%);
}
.svg-scale-wrapper {
    width: 100%;
    padding-bottom: 100%;
    display: block;
    position: relative;
}
.svg-scale-wrapper > svg {
    width: 100%;
    height: 100%;
    color: var(--icon-strong);
    position: absolute;
    top: 0;
    left: 0;
}
[class*="icon-inline-beyond"] svg path,
[class*="icon-inline-beyond"] svg polygon {
    fill: var(--icon-strong);
}
:root {
    --spacing-modular: 1rem;
}
@media (min-width: 48rem) {
    :root {
        --spacing-modular: 1.5rem;
    }
}
@media (min-width: 64rem) {
    :root {
        --spacing-modular: 1.5rem;
    }
}
@media (min-width: 80rem) {
    :root {
        --spacing-modular: 1.5rem;
    }
}
@media (min-width: 90rem) {
    :root {
        --spacing-modular: 1.5rem;
    }
}
.spacing--xxs {
    margin-bottom: var(--spacing-vertical-xxs);
}
.spacing--xs {
    margin-bottom: var(--spacing-vertical-xs);
}
.spacing--s {
    margin-bottom: var(--spacing-vertical-s);
}
.spacing--m {
    margin-bottom: var(--spacing-vertical-m);
}
.spacing--l {
    margin-bottom: var(--spacing-vertical-l);
}
.spacing--xl {
    margin-bottom: var(--spacing-vertical-xl);
}
.spacing--xxl {
    margin-bottom: var(--spacing-vertical-xxl);
}
.spacing--xxxl {
    margin-bottom: var(--spacing-vertical-xxxl);
}
.spacing--modular {
    margin-bottom: var(--spacing-modular);
}
.spacing-top--xxs {
    margin-top: var(--spacing-vertical-xxs);
}
.spacing-top--xs {
    margin-top: var(--spacing-vertical-xs);
}
.spacing-top--s {
    margin-top: var(--spacing-vertical-s);
}
.spacing-top--m {
    margin-top: var(--spacing-vertical-m);
}
.spacing-top--l {
    margin-top: var(--spacing-vertical-l);
}
.spacing-top--xl {
    margin-top: var(--spacing-vertical-xl);
}
.spacing-top--xxl {
    margin-top: var(--spacing-vertical-xxl);
}
.spacing-top--xxxl {
    margin-top: var(--spacing-vertical-xxxl);
}
.spacing-top--modular {
    margin-top: var(--spacing-modular);
}
.spacing-horizontal--xxs {
    margin-right: var(--spacing-horizontal-xxs);
}
.spacing-horizontal--xs {
    margin-right: var(--spacing-horizontal-xs);
}
.spacing-horizontal--s {
    margin-right: var(--spacing-horizontal-s);
}
.spacing-horizontal--m {
    margin-right: var(--spacing-horizontal-m);
}
.spacing-horizontal--l {
    margin-right: var(--spacing-horizontal-l);
}
.spacing-horizontal--xl {
    margin-right: var(--spacing-horizontal-xl);
}
.spacing-horizontal--xxl {
    margin-right: var(--spacing-horizontal-xxl);
}
.spacing-horizontal--xxxl {
    margin-right: var(--spacing-horizontal-xxxl);
}
.spacing-horizontal--xxxxl {
    margin-right: var(--spacing-horizontal-xxxxl);
}
.spacing-horizontal--xxxxxl {
    margin-right: var(--spacing-horizontal-xxxxxl);
}
.spacing-horizontal--xxxxxxl {
    margin-right: var(--spacing-horizontal-xxxxxxl);
}
.spacing-horizontal--xxxxxxxl {
    margin-right: var(--spacing-horizontal-xxxxxxxl);
}
.spacing-horizontal--xxxxxxxxl {
    margin-right: var(--spacing-horizontal-xxxxxxxxl);
}
.spacing-horizontal--xxxxxxxxxl {
    margin-right: var(--spacing-horizontal-xxxxxxxxxl);
}
.text--display-s,
.text--display-m,
.text--display-l {
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 900;
}
.text--display-s {
    letter-spacing: 0.015em;
    font-size: 2rem;
    line-height: 2.25rem;
}
@media (min-width: 48rem) {
    .text--display-s {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 64rem) {
    .text--display-s {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 80rem) {
    .text--display-s {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 90rem) {
    .text--display-s {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
.text--display-m {
    letter-spacing: 0.015em;
    font-size: 2.5rem;
    line-height: 2.75rem;
}
@media (min-width: 48rem) {
    .text--display-m {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 64rem) {
    .text--display-m {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 80rem) {
    .text--display-m {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 90rem) {
    .text--display-m {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
.text--display-l {
    letter-spacing: 0.015em;
    font-size: 3.75rem;
    line-height: 4rem;
}
@media (min-width: 48rem) {
    .text--display-l {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 64rem) {
    .text--display-l {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 80rem) {
    .text--display-l {
        letter-spacing: 0.015em;
        font-size: 6rem;
        line-height: 6.5rem;
    }
}
@media (min-width: 90rem) {
    .text--display-l {
        letter-spacing: 0.015em;
        font-size: 6rem;
        line-height: 6.5rem;
    }
}
.text--quote {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.015em;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .text--quote {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.5rem;
    }
}
@media (min-width: 64rem) {
    .text--quote {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 3.125rem;
    }
}
@media (min-width: 80rem) {
    .text--quote {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.75rem;
    }
}
@media (min-width: 90rem) {
    .text--quote {
        letter-spacing: 0.015em;
        font-size: 3.75rem;
        line-height: 4.625rem;
    }
}
.text--uppercase {
    text-transform: uppercase;
}
.text--body-xs {
    letter-spacing: 0.005em;
    font-size: 0.75rem;
    line-height: 1.125rem;
}
:lang(ar) .text--body-xs {
    line-height: 1.375rem;
}
.text--body-s {
    letter-spacing: 0.005em;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:lang(ar) .text--body-s {
    line-height: 1.5rem;
}
.text--body-m {
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .text--body-m {
    line-height: 1.75rem;
}
.text--body-l {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .text--body-l {
    line-height: 2rem;
}
.text--body-xl {
    letter-spacing: 0.0075em;
    font-size: 1.5rem;
    line-height: 2rem;
}
:lang(ar) .text--body-xl {
    line-height: 2.375rem;
}
.text--responsive-body {
    letter-spacing: 0.01em;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .text--responsive-body {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .text--responsive-body {
        letter-spacing: 0.015em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .text--responsive-body {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) {
    .text--responsive-body {
        letter-spacing: 0.015em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .text--responsive-body {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .text--responsive-body {
        letter-spacing: 0.015em;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    :lang(ar) .text--responsive-body {
        line-height: 2.375rem;
    }
}
@media (min-width: 90rem) {
    .text--responsive-body {
        letter-spacing: 0.015em;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    :lang(ar) .text--responsive-body {
        line-height: 2.375rem;
    }
}
.text--caption {
    letter-spacing: 0.005em;
    color: var(--text-color-text);
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 400;
}
:lang(ar) .text--caption {
    font-size: 0.875rem;
    line-height: 1.5rem;
}
.text--eyebrow {
    letter-spacing: 0.02em;
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
.text--eyebrow,
.text--eyebrow-s,
.text--eyebrow-m,
.text--eyebrow-l,
.text--eyebrow-xl,
.text--eyebrow-xxl {
    text-transform: uppercase;
    color: var(--text-color-headlines);
}
:lang(ar) .text--eyebrow {
    line-height: 1.375rem;
}
.text--eyebrow-s {
    letter-spacing: 0.02em;
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .text--eyebrow-s {
    line-height: 1.375rem;
}
.text--eyebrow-m {
    letter-spacing: 0.02em;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .text--eyebrow-m {
    line-height: 1.5rem;
}
.text--eyebrow-l {
    letter-spacing: 0.02em;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .text--eyebrow-l {
    line-height: 1.75rem;
}
.text--eyebrow-xl {
    letter-spacing: 0.02em;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .text--eyebrow-xl {
    line-height: 2rem;
}
.text--eyebrow-xxl {
    letter-spacing: 0.02em;
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
:lang(ar) .text--eyebrow-xxl {
    line-height: 2.375rem;
}
.text--table {
    font-family: var(--font-family-frutiger);
    color: var(--text-color-body);
    font-style: normal;
    font-weight: 400;
}
.text--table-s {
    letter-spacing: 0.005em;
    font-size: 0.75rem;
    line-height: 1rem;
}
.text--table-attribute {
    letter-spacing: 0.005em;
    color: var(--color-font-headlines);
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
.text--table-value {
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
}
.text--table-hl {
    letter-spacing: 0.005em;
    color: var(--color-font-headlines);
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 700;
}
.text--navi-active {
    letter-spacing: 0.5px;
    color: var(--color-font-headlines);
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.text--navi-inactive {
    letter-spacing: 0.5px;
    color: var(--color-font-body);
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.text--bold,
b {
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 700;
}
i .text--bold,
.text--bold i,
i b,
b i {
    font-family: var(--font-family-frutiger);
    font-style: italic;
    font-weight: 700;
}
i {
    font-style: italic;
}
sup,
sub {
    font-size: 75%;
    line-height: 1rem;
    position: relative;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
.table__table {
    border-spacing: var(--grid-gutter) 0;
    border-collapse: separate;
    margin-inline-start: calc(-1 * var(--grid-gutter));
}
.table__table tr td > div,
.table__table tr th > div {
    letter-spacing: 0.005em;
    text-align: start;
    padding: var(--spacing-vertical-s) 0;
    font-size: 1rem;
    line-height: 1.5rem;
    position: relative;
}
@media (max-width: 47.9375rem) {
    .table__table tr td > div,
    .table__table tr th > div {
        font-size: 0.75rem;
    }
}
.table__table tr td > div.table__cell--headline,
.table__table tr th > div.table__cell--headline {
    letter-spacing: 0.005em;
    color: var(--color-font-headlines);
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 700;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 700;
}
@media (max-width: 47.9375rem) {
    .table__table tr td > div.table__cell--headline,
    .table__table tr th > div.table__cell--headline {
        font-size: 0.75rem;
    }
}
.table__table tr td > div.table__cell--subheadline,
.table__table tr th > div.table__cell--subheadline {
    letter-spacing: 0.005em;
    color: var(--color-font-headlines);
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
@media (max-width: 47.9375rem) {
    .table__table tr td > div.table__cell--subheadline,
    .table__table tr th > div.table__cell--subheadline {
        font-size: 0.75rem;
    }
}
.table__table tr td > div.table__cell--text,
.table__table tr th > div.table__cell--text {
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: inherit;
    color: var(--text-color-body);
}
@media (max-width: 47.9375rem) {
    .table__table tr td > div.table__cell--text,
    .table__table tr th > div.table__cell--text,
    .table__table tr td > div.table__cell .text,
    .table__table tr th > div.table__cell .text {
        font-size: 0.75rem;
    }
}
.table__table tr:first-child td,
.table__table tr:first-child th {
    border-top: 2px solid var(--border-color-active);
}
.table__table tr:not(:last-child) td,
.table__table tr:not(:last-child) th {
    border-bottom: 1px solid var(--border-color-inactive);
}
.table__table tr:last-child td,
.table__table tr:last-child th {
    border-bottom: 2px solid var(--border-color-active);
}
.table__controls {
    display: none;
}
.table--expandable .table__table {
    margin-bottom: var(--spacing-vertical-m);
}
.table--expandable
    .table__table--closed
    tr.table__init-row
    ~ tr:not(:last-child) {
    font-size-adjust: 0;
    border-bottom: none;
    font-size: 0;
    line-height: 0;
    display: table-row;
}
.table--expandable
    .table__table--closed
    tr.table__init-row
    ~ tr:not(:last-child)
    td,
.table--expandable
    .table__table--closed
    tr.table__init-row
    ~ tr:not(:last-child)
    th {
    vertical-align: top;
    border-bottom: none;
}
.table--expandable
    .table__table--closed
    tr.table__init-row
    ~ tr:not(:last-child)
    td
    div,
.table--expandable
    .table__table--closed
    tr.table__init-row
    ~ tr:not(:last-child)
    th
    div {
    max-height: 0;
    color: var(--bg-color-light-primary);
    padding: 0;
    line-height: 0;
    transition:
        max-height 0.6s cubic-bezier(0, 1, 0.5, 1),
        padding-top 0.6s cubic-bezier(0, 1, 0.5, 1),
        padding-bottom 0.6s cubic-bezier(0, 1, 0.5, 1);
    overflow: hidden;
}
@media (min-width: 48rem) {
    .table--expandable .table__table--closed tr.table__init-row ~ tr {
        display: table-row;
    }
}
.table--expandable + .table__controls {
    justify-content: center;
    display: flex;
}
.table .table__wrapper.table--column-long {
    overflow-x: auto;
}
@media (min-width: 64rem) {
    .table .table__wrapper.table--column-long {
        overflow-x: hidden;
    }
}
.table .table__wrapper.table--column-long .table__table {
    padding-bottom: var(--spacing-s);
}
.table .table__wrapper.table--column-long .table__table tr:first-child td,
.table .table__wrapper.table--column-long .table__table tr:first-child th {
    width: 11.25rem;
    min-width: 11.25rem;
}
@media (min-width: 48rem) {
    .table .table__wrapper.table--column-long .table__table tr:first-child td,
    .table .table__wrapper.table--column-long .table__table tr:first-child th {
        width: auto;
        min-width: unset;
    }
    .table .table__wrapper.table--column-long .table__table {
        padding-bottom: 0;
    }
}
.hide {
    display: none !important;
}
.visually-hidden {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.text > a,
p > a,
p > .link-wrapper > a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.text > a:hover,
p > a:hover,
p > .link-wrapper > a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.text > a:active,
.text > a:focus,
p > a:active,
p > a:focus,
p > .link-wrapper > a:active,
p > .link-wrapper > a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.visible-from-m {
    display: none;
}
@media (min-width: 48rem) {
    .hide-from-m {
        display: none !important;
    }
    .visible-from-m {
        display: block;
    }
}
.visible-from-l {
    display: none;
}
@media (min-width: 64rem) {
    .hide-above-m,
    .hide-from-l {
        display: none !important;
    }
    .visible-from-l {
        display: block;
    }
}
.visible-from-xl {
    display: none;
}
@media (min-width: 80rem) {
    .visible-from-xl {
        display: block;
    }
}
body.fixed-body-scroll-position {
    width: 100%;
    position: fixed;
    overflow-y: scroll;
}
:root {
    --header-height: 8rem;
    --header-navigation-area-height: 6rem;
    --header-logo-width-and-height: 3rem;
    --header-overlay-top-offset: 8rem;
    --header-overlay-top-offset-shrink: 4rem;
    --header-meta-hidden-height: 0.1875rem;
    --header-meta-visible-height: 2rem;
}
@media (min-width: 48rem) {
    :root {
        --header-height: 10.5rem;
        --header-overlay-top-offset: 8.5rem;
        --header-overlay-top-offset-shrink: 4.375rem;
        --header-meta-visible-height: 2.5rem;
    }
}
.scheme__background--primary {
    background-color: var(--bg-color-light-primary);
}
.scheme__background--secondary {
    background-color: var(--bg-color-secondary);
}
.scheme__background--cyan {
    background-color: var(--bg-color-cyan);
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
}
.scheme__background--dark {
    background-color: var(--bg-color-dark-00);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.scheme__content--light {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
}
html,
body {
    font-family: var(--font-family-frutiger);
    z-index: 0;
    background-color: var(--color-white);
    color: var(--text-color-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    position: relative;
}
html *,
body * {
    box-sizing: border-box;
}
body {
    word-wrap: break-word;
    position: relative;
}
body.disable-scroll {
    overscroll-behavior: none;
    overflow: hidden;
}
body pre {
    width: 100%;
    padding: 0.625rem;
    overflow: scroll;
}
body.splashPage {
    flex-direction: column;
    min-height: 100dvh;
    display: flex;
}
body.splashPage #content {
    flex-grow: 1;
}
.highlight-changes {
    color: #f0f !important;
}
:root {
    --pagination-bg: var(--bg-color-light-primary);
    --pagination-hover-bg: var(--bg-color-light-02);
    --pagination-disabled-text-color: rgba(50, 55, 62, 0.4);
}
[data-testid="Pagination"].pagination {
    background-color: var(--pagination-bg);
}
[data-testid="Pagination"].pagination button {
    background-color: var(--pagination-bg);
    color: var(--headline-color);
}
[data-testid="Pagination"].pagination button:disabled {
    color: var(--pagination-disabled-text-color);
}
[data-testid="Pagination"].pagination button:last-of-type:before,
[data-testid="Pagination"].pagination button:first-of-type:before,
[data-testid="Pagination"].pagination button:nth-child(4):before,
[data-testid="Pagination"].pagination button:nth-child(2):after,
[data-testid="Pagination"].pagination button:last-of-type:after,
[data-testid="Pagination"].pagination button:first-of-type:after {
    background-color: var(--pagination-bg);
}
[data-testid="Pagination"].pagination button:not(:disabled):hover {
    background-color: var(--pagination-hover-bg);
    color: var(--headline-color);
}
[data-testid="Pagination"].pagination
    [data-testid="PaginationPageDropdown"]
    > div {
    border-color: var(--border-strong);
}
[data-testid="Pagination"].pagination
    [data-testid="PaginationPageDropdown"]:hover {
    background-color: var(--pagination-hover-bg);
    color: var(--headline-color);
}
[data-testid="Pagination"].pagination
    [data-testid="PaginationPageDropdown"]:hover
    > div
    > button {
    background-color: var(--pagination-hover-bg);
}
[data-testid="Pagination"].pagination > div > div {
    background-color: var(--pagination-bg);
    color: var(--text-color-text);
}
.accordion {
    border-top: 2px solid var(--border-strong);
    border-bottom: 2px solid var(--border-strong);
}
.accordion--js-init .accordion__content-container {
    height: 0;
    display: none;
}
.accordion--js-init .accordion__content-container--opened {
    height: auto;
}
.accordion__item {
    border-top: 1px solid var(--border-subtle);
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.accordion__item:first-child {
    border-top: none;
}
.accordion__button {
    cursor: pointer;
    pointer-events: none;
    width: 100%;
    padding: var(--spacing-vertical-m) 0;
    background: 0 0;
    border: none;
    transition: background-color 0.4s;
}
.accordion .accordion--js-init .accordion__button {
    pointer-events: initial;
}
.accordion__button:hover,
.accordion__button:focus {
    background-color: var(
        --accordion-button-hover-bg-color,
        var(--bg-color-light-01)
    );
    outline: none;
}
.accordion__button-container {
    pointer-events: none;
    justify-content: space-between;
    align-items: center;
    padding-inline-start: var(--grid-margin);
    padding-inline-end: var(--grid-margin);
    display: flex;
}
@media (min-width: 48rem) {
    .accordion__button-container {
        padding-inline: 0.125rem;
    }
}
.accordion__button-container .accordion__header_info {
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-horizontal-s);
    display: flex;
}
.accordion__button-container
    .accordion__header_info
    .accordion__header_icon
    .icon {
    width: 3rem;
}
.accordion__button-container
    .accordion__header_info
    .accordion__header_icon
    .icon
    svg
    path {
    fill: var(--icon-strong);
}
.accordion__button-container .accordion__header_info .accordion__sub_headline {
    color: var(--text-color-headlines);
}
.accordion__button-container .accordion__header-text {
    text-align: start;
}
.accordion__headline {
    pointer-events: none;
    flex: auto;
}
.accordion__icon {
    pointer-events: none;
    flex: 0 0 var(--spacing-horizontal-m);
    margin-inline-start: var(--spacing-horizontal-xs);
    display: none;
}
.accordion .accordion--js-init .accordion__icon {
    display: block;
}
.accordion__icon svg {
    fill: var(--icon-strong);
}
.accordion__content-container {
    padding-inline-start: var(--grid-margin);
    padding-inline-end: var(--grid-margin);
    overflow: hidden;
}
@media (min-width: 48rem) {
    .accordion__content-container {
        padding-inline: 0.125rem;
    }
}
.no-js .accordion__content-container {
    display: block;
    overflow: visible;
}
.accordion .accordion__indented-content {
    margin-inline-start: 0;
}
@media (min-width: 48rem) {
    .accordion .accordion__indented-content {
        margin-inline-start: 4rem;
    }
}
.accordion-item {
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-l);
}
.accordion-item__introduction-container .grid__structure {
    margin-bottom: var(--spacing-vertical-l);
}
.accordion-item__introduction-container .grid__column {
    grid-column: span 8;
}
.accordion-item__subheadline {
    color: var(--text-color-headlines);
    margin-bottom: var(--spacing-vertical-s);
    display: block;
}
.accordion-item__text {
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-s);
}
.accordion-item__link {
    margin-top: var(--spacing-vertical-s);
}
.accordion-item__content {
    gap: var(--spacing-vertical-l);
    flex-direction: column;
    display: flex;
}
.accordion-item__content > div {
    width: 100%;
}
.accordion-item__content .text-media-grid,
.accordion-item__content .multiple-text-teaser {
    margin: 0;
}
.accordion-item__content .table-multi-column-module {
    margin-top: 0;
    margin-bottom: 0;
}
.accordion-item__content .grid__container {
    padding-left: 0;
    padding-right: 0;
}
.accordion-item-simple {
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-l);
}
.accordion-item-simple .grid__column {
    grid-column: span 8;
}
.accordion-item-simple__subheadline {
    color: var(--text-color-headlines);
    margin-bottom: var(--spacing-vertical-s);
    display: block;
}
.accordion-item-simple__link {
    margin-top: var(--spacing-vertical-s);
}
.accordion-item-simple__media {
    margin-top: var(--spacing-vertical-l);
}
.accordion-links a {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.5px;
    color: var(--text-color-headlines);
    margin-bottom: var(--spacing-vertical-l);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    text-decoration: none;
    display: block;
}
.accordion-links a:first-child {
    margin-top: 0.75rem;
}
.accordion-links a:last-child {
    margin-bottom: 1.375rem;
}
.accordion-links a:hover {
    color: var(--interaction-color-hover);
}
.accordion-links a:focus {
    color: var(--interaction-color-focused);
}
@media (min-width: 48rem) {
    .accordion-links a {
        letter-spacing: normal;
        margin-bottom: var(--spacing-vertical-s);
        font-size: 1rem;
        line-height: 1.5;
    }
    .accordion-links a:first-child {
        margin-top: 0;
    }
    .accordion-links a:last-child {
        margin-bottom: 0;
    }
}
@media (min-width: 90rem) {
    .accordion-links a {
        letter-spacing: 0.5px;
        margin-bottom: var(--spacing-vertical-m);
        font-size: 1.25rem;
        line-height: 1.2;
    }
}
.ai-label {
    z-index: 2;
    padding: var(--spacing-nano) var(--spacing-xs);
    color: var(--text-color-headlines);
    border-radius: var(--border-radius-s);
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
}
.ai-label--top {
    top: 0.75rem;
    bottom: auto;
}
.ai-label--right {
    left: auto;
    right: 0.75rem;
}
.ai-label--bottom-left {
    left: auto;
    transform: none;
}
.ai-label--has-magnification {
    top: -2.188rem;
    bottom: auto;
}
.ai-label__content-container {
    align-items: center;
    gap: var(--spacing-horizontal-xxs);
    display: inline-flex;
}
.ai-label__content {
    display: inline-flex;
}
.ai-label__icon {
    width: 0.75rem;
    height: 0.75rem;
}
.ai-label__icon--react {
    width: auto;
    height: auto;
}
.ai-label__icon svg {
    color: currentColor;
}
.ai-label__text {
    letter-spacing: 0.005em;
    font-size: 0.75rem;
    line-height: 1.125rem;
}
:lang(ar) .ai-label__text {
    line-height: 1.375rem;
}
.ai-label--footer-disclaimer {
    background-color: transparent;
    border-radius: 0;
    grid-column: 1/-1;
    padding-inline: 0;
    position: static;
}
.ai-label--footer-disclaimer .ai-label__content-container {
    display: inline;
}
.ai-label--footer-disclaimer .ai-label__icon {
    vertical-align: middle;
    margin-right: var(--spacing-horizontal-xxs);
    display: inline-block;
}
.ai-label--footer-disclaimer .ai-label__content {
    vertical-align: middle;
    display: inline;
}
.item-overview .ai-label {
    bottom: calc(0.75rem + var(--spacing-vertical-s));
}
.video-player .ai-label,
.image-comparison-slider .ai-label,
.lazy-image--rounded .ai-label,
.item-overview__item-image--rounded .ai-label {
    margin-top: var(--spacing-vertical-xs);
    background-color: transparent;
    padding: 0;
    display: inline-block;
    position: relative;
    top: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%);
}
.item-overview__item-image--rounded .ai-label {
    margin-top: 0;
}
.video-player .ai-label--bottom-left,
.image-comparison-slider .ai-label--bottom-left {
    left: auto;
    transform: none;
}
.media-gallery-item .ai-label {
    padding: var(--spacing-nano) var(--spacing-xs);
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: auto;
    bottom: 0.75rem;
    left: 0.75rem;
    transform: none;
}
.media-gallery-item .ai-label--top {
    top: 0.75rem;
    bottom: auto;
}
.image-comparison-slider__image .ai-label,
.grid-and-tiles-tile .lazy-background-image .ai-label,
.grid-and-tiles-tile .lazy-background-video .ai-label {
    display: none;
}
@media (min-width: 64rem) {
    .parallax-video__card-image .ai-label {
        top: 0.75rem;
        bottom: auto;
    }
}
.alert-banner__content {
    background-color: var(--color-alert-warning-10);
    border: 0.5rem solid var(--color-alert-warning);
    box-sizing: border-box;
    color: var(--text-color-button);
    padding: var(--spacing-vertical-xs);
    flex-direction: column;
    align-content: center;
    align-items: center;
    display: flex;
}
.alert-banner__content .alert-banner__icon {
    width: 2.5rem;
    margin: 1rem;
}
.alert-banner__content .alert-banner__title,
.alert-banner__content .alert-banner__text {
    color: var(--color-alert-warning);
    font-size: 1.25rem;
}
.alert-banner__content .alert-banner__text {
    margin-bottom: var(--spacing-vertical-s);
}
.alert-banner__content .alert-banner__link {
    margin-bottom: 1rem;
}
.alert-banner__content.detailed-warning {
    background-color: var(--color-alert-info-10);
    border: 0.5rem solid var(--color-alert-info-40);
    color: var(--color-black);
}
.alert-banner__content.detailed-warning .alert-banner__icon svg {
    color: var(--color-alert-info-10);
    fill: var(--color-alert-info-40);
}
.alert-banner__content.detailed-warning .alert-banner__title,
.alert-banner__content.detailed-warning .alert-banner__text {
    color: var(--color-black);
}
.alert-banner__content.detailed-warning .alert-banner__text-details {
    color: var(--color-black);
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-s);
    font-weight: 700;
}
.article-teaser-item {
    flex: auto;
    display: flex;
}
.article-teaser-item__column {
    flex: 100%;
    height: 100%;
    display: flex;
}
.article-teaser-item__column--two {
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.article-teaser-item__column--hidden {
    display: none;
}
.article-teaser-item__content {
    flex-direction: column;
    flex: 100%;
    display: flex;
}
.article-teaser-item__content-link {
    flex-direction: column;
    align-self: stretch;
    display: flex;
    position: relative;
}
.article-teaser-item__content-link:hover .headline {
    text-decoration: underline;
}
.article-teaser-item__image {
    margin-bottom: var(--spacing-vertical-xs);
}
.article-teaser-item__eyebrow {
    color: var(--text-color-information);
}
.article-teaser-item__eyebrow--sub {
    color: var(--headline-color-eyebrow);
    margin-left: var(--spacing-horizontal-xs);
}
.article-teaser-item__eyebrow--sub-without-main {
    margin-left: 0;
}
.article-teaser-item__text {
    padding-top: var(--spacing-vertical-xxs);
}
.article-teaser-item a:active,
.article-teaser-item a:focus {
    outline-width: 0;
}
.article-teaser-item__meta {
    padding-top: var(--spacing-vertical-s);
    flex-direction: column;
    flex: 0 auto;
    display: flex;
}
.article-teaser-item__meta a {
    color: var(--text-color-text);
}
.article-teaser-item__meta a:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.article-teaser-item__meta-reading-info {
    text-transform: uppercase;
}
.article-teaser-item__image-wrapper {
    align-items: flex-end;
    display: flex;
    position: relative;
}
.article-teaser-item__media-tag {
    padding-top: var(--spacing-vertical-xxs);
    padding-bottom: var(--spacing-vertical-xxs);
    padding-left: var(--spacing-horizontal-xxs);
    padding-right: var(--spacing-horizontal-xxs);
    background-color: var(--text-color-headlines);
    color: var(--color-white);
    opacity: 0.8;
    align-items: center;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    display: flex;
    position: absolute;
    bottom: 0.5rem;
    right: 0;
}
.article-teaser-item__media-tag:after {
    font-family: var(--font-family-frutiger);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.33;
}
.article-teaser-item__media-tag .icon {
    width: 1rem;
    height: 1rem;
}
.article-teaser-item__media-tag .icon svg {
    fill: var(--color-white);
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .article-teaser-item__column--two {
        grid-column-gap: var(--spacing-horizontal-m);
        grid-template-columns: 1fr 1fr;
        display: grid;
    }
    .article-teaser-item__column--two > div {
        flex: 1;
    }
    .article-teaser-item__column--two .article-teaser-item__eyebrow {
        padding-top: 0;
    }
}
.assets {
    display: flex;
}
.assets .grid__container {
    width: 100%;
}
.assets__control {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    margin-top: 2rem;
    display: flex;
    position: relative;
}
.assets__collapsable-area {
    height: auto;
    margin-inline: calc(var(--grid-margin) * -1 / 2);
    overflow: hidden;
}
.assets__slideshow .slideshow__list {
    flex-direction: column;
    gap: 0.5rem;
    height: auto;
    display: flex;
}
.assets__slideshow .slideshow__item {
    flex: 1 0 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
}
.assets__slideshow
    .slideshow__item
    .lazy-image--ratio-1_1
    .lazy-image__image-container {
    padding-bottom: 0;
}
.assets__slideshow .slideshow__pagination-wrapper {
    display: none;
}
@media (min-width: 48rem) {
    .assets__slideshow .slideshow__list {
        flex-direction: row;
        gap: 0;
        height: 100%;
    }
    .assets__slideshow .slideshow__item {
        box-sizing: content-box;
        padding-bottom: 0;
        border: 0;
        flex: 0 auto;
        width: auto;
        height: auto;
        margin-top: 0;
        padding-inline-end: 1rem;
    }
    .assets__slideshow .slideshow__item:first-of-type {
        padding-inline-start: 2rem;
    }
    .assets__slideshow .slideshow__item:last-of-type {
        padding-inline-end: 2rem;
    }
    .assets__slideshow .slideshow__pagination-wrapper {
        display: flex;
    }
    .assets__slideshow .download-item {
        width: 20rem;
    }
    .assets__control {
        display: none;
    }
    .assets .grid__container {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
    .assets__collapsable-area {
        margin-inline: 0;
    }
}
.badge {
    --badge-min-width: 0.375rem;
    --badge-height: 0.375rem;
    --badge-padding-inline: 0;
    min-width: var(--badge-min-width);
    height: var(--badge-height);
    padding: 0 var(--badge-padding-inline);
    border: 1px solid var(--color-white);
    border-radius: var(--border-radius-full);
    letter-spacing: 0;
    white-space: nowrap;
    letter-spacing: 0.005em;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.125rem;
    display: inline-flex;
    overflow: hidden;
}
:lang(ar) .badge {
    line-height: 1.375rem;
}
@media (min-width: 22.5rem) {
    .badge {
        --badge-min-width: 0.75rem;
        --badge-height: 0.75rem;
        --badge-padding-inline: 0.125rem;
        letter-spacing: 0.02em;
        font-size: 0.5rem;
    }
}
@media (min-width: 48rem) {
    .badge {
        --badge-min-width: 1.125rem;
        --badge-height: 1.125rem;
        --badge-padding-inline: 0.25rem;
        letter-spacing: 0.005em;
        letter-spacing: 0.02em;
        font-size: 0.75rem;
        line-height: 1.125rem;
    }
    :lang(ar) .badge {
        line-height: 1.375rem;
    }
}
.badge--color-gray {
    color: var(--text-color-button);
    background-color: var(--interaction-color-background-invert-focused);
}
.badge--color-red {
    color: var(--color-white);
    background-color: var(--color-alert-error);
}
.badge--color-blue {
    color: var(--color-white);
    background-color: var(--interaction-color-link);
}
.badge--size-medium {
    --badge-min-width: 1.5rem;
    --badge-height: 1.5rem;
    --badge-padding-inline: 0.375rem;
    letter-spacing: 0.005em;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:lang(ar) .badge--size-medium {
    line-height: 1.5rem;
}
.badge--responsive-fixed-medium-always-visible {
    --badge-min-width: 0.75rem;
    --badge-height: 0.75rem;
    --badge-padding-inline: 0.125rem;
    letter-spacing: 0.02em;
    font-size: 0.5rem;
}
.badge--hide-value-on-xsmall .badge__value {
    display: none;
}
@media (min-width: 22.5rem) {
    .badge--hide-value-on-xsmall .badge__value {
        display: inline;
    }
}
.background-media--loaded {
    background-color: transparent;
}
.background-media-image {
    background-color: var(--bg-color-light-01);
    position: relative;
}
.background-media-image--mobile-hide {
    display: none;
}
.background-media-image__image {
    opacity: 1;
    width: auto;
    height: 100%;
    transition: opacity 0.45s ease-out;
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 63.9375rem) {
    .background-media-image__image--mobile-left {
        left: 0;
        right: auto;
    }
    .background-media-image__image--mobile-right {
        left: auto;
        right: 0;
    }
    .background-media-image__image--mobile-center {
        left: 50%;
        right: auto;
        transform: translate(-50%);
    }
    .background-media-image__image--mobile-top {
        top: 0;
        bottom: auto;
    }
    .background-media-image__image--mobile-bottom {
        top: auto;
        bottom: 0;
    }
    .background-media-image__image--mobile-middle {
        top: 50%;
        transform: translateY(-50%);
    }
    .background-media-image__image--mobile-middle.background-media-image__image--mobile-center {
        transform: translateY(-50%) translate(-50%);
    }
}
.background-media-image__target-image {
    opacity: 0;
    transition: opacity 0.125s linear;
}
.background-media-image--loaded {
    background-color: transparent;
}
.background-media-image--loaded
    .background-media-image__image.background-media-image__target-image {
    opacity: 1;
}
.background-media-image[class*="background-media-image--ratio-"]
    .background-media-image__image,
.background-media-image[class*="background-media-image--ratio-"]
    .background-media-image__video,
.background-media-image[class*="background-media-video--ratio-"]
    .background-media-image__image,
.background-media-image[class*="background-media-video--ratio-"]
    .background-media-image__video {
    position: absolute;
}
.background-media-image,
.background-media-video {
    overflow: hidden;
}
.background-media-image--ratio-1_1,
.background-media-video--ratio-1_1 {
    padding-bottom: 100%;
}
.background-media-image--ratio-2_1,
.background-media-video--ratio-2_1 {
    padding-bottom: 50%;
}
.background-media-image--ratio-3_1,
.background-media-video--ratio-3_1 {
    padding-bottom: 33.3333%;
}
.background-media-image--ratio-16_9,
.background-media-video--ratio-16_9 {
    padding-bottom: 56.25%;
}
.background-media-image--ratio-3_2,
.background-media-video--ratio-3_2 {
    padding-bottom: 66.6667%;
}
.background-media-image--ratio-4_3,
.background-media-video--ratio-4_3 {
    padding-bottom: 75%;
}
.background-media-image--ratio-9_16,
.background-media-video--ratio-9_16 {
    padding-bottom: 177.778%;
}
.background-media-image--ratio-2_3,
.background-media-video--ratio-2_3 {
    padding-bottom: 150%;
}
.background-media-image--ratio-3_4,
.background-media-video--ratio-3_4 {
    padding-bottom: 133.333%;
}
.background-media-image--ratio-4_1,
.background-media-video--ratio-4_1 {
    padding-bottom: 25%;
}
.background-media-image figcaption .background-media-fallback-image__copyright,
.background-media-image figcaption .background-media-image__copyright,
.background-media-video figcaption .background-media-fallback-image__copyright,
.background-media-video figcaption .background-media-image__copyright {
    padding-top: var(--spacing-vertical-xxs);
    padding-inline-end: var(--spacing-horizontal-xs);
    padding-bottom: var(--spacing-vertical-xxs);
    background-color: rgba(255, 255, 255, 0.6);
    padding-inline-start: var(--spacing-horizontal-xs);
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
}
[dir="rtl"]
    .background-media-image
    figcaption
    .background-media-fallback-image__copyright {
    left: 0;
    right: auto;
}
[dir="rtl"]
    .background-media-image
    figcaption
    .background-media-image__copyright {
    left: 0;
    right: auto;
}
[dir="rtl"]
    .background-media-video
    figcaption
    .background-media-fallback-image__copyright {
    left: 0;
    right: auto;
}
[dir="rtl"]
    .background-media-video
    figcaption
    .background-media-image__copyright {
    left: 0;
    right: auto;
}
.background-media-image
    figcaption
    .background-media-fallback-image__copyright-text,
.background-media-image figcaption .background-media-image__copyright-text,
.background-media-video
    figcaption
    .background-media-fallback-image__copyright-text,
.background-media-video figcaption .background-media-image__copyright-text {
    display: flex;
}
.background-media-image
    figcaption
    .background-media-fallback-image__copyright-text:before,
.background-media-image
    figcaption
    .background-media-image__copyright-text:before,
.background-media-video
    figcaption
    .background-media-fallback-image__copyright-text:before,
.background-media-video
    figcaption
    .background-media-image__copyright-text:before {
    content: "©";
    padding-inline-end: var(--spacing-horizontal-xxs);
}
.background-media-image
    figcaption
    .background-media-fallback-image__copyright-text--no-copyright-icon:before,
.background-media-image
    figcaption
    .background-media-image__copyright-text--no-copyright-icon:before,
.background-media-video
    figcaption
    .background-media-fallback-image__copyright-text--no-copyright-icon:before,
.background-media-video
    figcaption
    .background-media-image__copyright-text--no-copyright-icon:before {
    display: none;
}
.background-media-image figcaption .background-media-fallback-image__copyright,
.background-media-video figcaption .background-media-fallback-image__copyright {
    display: block;
}
.background-media-image
    figcaption
    .background-media-fallback-image__copyright
    + .background-media-image__copyright,
.background-media-video
    figcaption
    .background-media-fallback-image__copyright
    + .background-media-image__copyright,
.background-media-image__figcaption--hide-default-on-mobile
    .background-media-image__copyright {
    display: none;
}
@media (min-width: 48rem) {
    .background-media-image__figcaption--hide-default-on-mobile
        .background-media-image__copyright {
        display: block;
    }
}
.background-media__video-controls {
    z-index: 2;
    width: 2.5rem;
    height: 2.5rem;
    inset-inline-end: var(--spacing-vertical-s);
    top: var(--spacing-vertical-s);
    cursor: pointer;
    background-color: var(--bg-color-light-primary);
    border: 0;
    border-radius: 50%;
    padding: 0.5rem;
    font-size: 100%;
    transition:
        fill 0.45s,
        transform 0.45s,
        box-shadow 0.45s,
        opacity 1s;
    position: absolute;
}
@media (min-width: 64rem) {
    .background-media__video-controls {
        opacity: 0;
    }
    body .background-media__video-controls:focus {
        opacity: 1;
        box-shadow: 0 0 0 0.25rem var(--bg-color-light-03);
        outline: none;
    }
    .background-media__video-controls:hover {
        fill: var(--interaction-color-hover);
        opacity: 1;
        transform: scale(1.2);
    }
    .background-media__video-controls:hover svg {
        opacity: 1;
        transform: scale(0.86);
    }
    .background-media__video-controls:focus {
        box-shadow: 0 0 0 0.25rem var(--bg-color-light-03);
        outline: none;
    }
}
.background-media__video-controls--bottom {
    top: auto;
    bottom: var(--spacing-horizontal-s);
}
.background-media__video-controls__resume-button,
.background-media__video-controls__replay-button {
    vertical-align: middle;
    display: none;
}
.background-media__video-controls.control-playing
    .background-media__video-controls__play-button,
.background-media__video-controls.control-playing
    .background-media__video-controls__replay-button {
    display: none;
}
.background-media__video-controls.control-playing
    .background-media__video-controls__pause-button {
    display: block;
}
.background-media__video-controls.control-paused
    .background-media__video-controls__pause-button,
.background-media__video-controls.control-paused
    .background-media__video-controls__replay-button {
    display: none;
}
.background-media__video-controls.control-paused
    .background-media__video-controls__resume-button {
    display: block;
}
.background-media__video-controls.control-ended
    .background-media__video-controls__resume-button,
.background-media__video-controls.control-ended
    .background-media__video-controls__pause-button {
    display: none;
}
.background-media__video-controls.control-ended
    .background-media__video-controls__replay-button {
    display: block;
}
.background-media__video-controls svg {
    transition: transform 0.45s;
}
.background-media-video {
    display: none;
    position: relative;
}
.background-media-video--mobile-show {
    display: block;
}
.background-media-video__video {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity 0.45s ease-out;
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 63.9375rem) {
    .background-media-video__video {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .background-media-video__video--mobile-left {
        left: 0;
        right: auto;
    }
    .background-media-video__video--mobile-right {
        left: auto;
        right: 0;
    }
    .background-media-video__video--mobile-center {
        left: 50%;
        right: auto;
        transform: translate(-50%);
    }
    .background-media-video__video--mobile-top {
        top: 0;
        bottom: auto;
    }
    .background-media-video__video--mobile-bottom {
        top: auto;
        bottom: 0;
    }
    .background-media-video__video--mobile-middle {
        top: 50%;
        transform: translateY(-50%);
    }
    .background-media-video__video--mobile-middle.background-media-video__video--mobile-center {
        transform: translateY(-50%) translate(-50%);
    }
}
.background-media-image__ai-label {
    display: block;
}
.background-media-image__fallback-ai-label,
.background-media--has-fallback-image .background-media-image__ai-label {
    display: none;
}
@media (min-width: 48rem) {
    .background-media--has-fallback-image .background-media-image__ai-label {
        display: block;
    }
}
.background-media--has-fallback-image
    .background-media-image__fallback-ai-label {
    display: block;
}
@media (min-width: 48rem) {
    .background-media--has-fallback-image
        .background-media-image__fallback-ai-label {
        display: none;
    }
}
@media (min-width: 64rem) {
    .background-media--has-video .background-media-image__ai-label {
        display: none;
    }
}
.background-media--has-video.background-media--has-fallback-image
    .background-media-image__ai-label {
    display: none;
}
@media (min-width: 48rem) {
    .background-media--has-video.background-media--has-fallback-image
        .background-media-image__ai-label {
        display: block;
    }
}
@media (min-width: 64rem) {
    .background-media--has-video.background-media--has-fallback-image
        .background-media-image__ai-label {
        display: none;
    }
}
.background-media--has-video.background-media--has-fallback-image
    .background-media-image__fallback-ai-label {
    display: block;
}
@media (min-width: 48rem) {
    .background-media--has-video.background-media--has-fallback-image
        .background-media-image__fallback-ai-label {
        display: none;
    }
}
.background-media--has-video.background-media--has-fallback-image.background-media--fallback-active
    .background-media-image__ai-label {
    display: none;
}
.background-media--has-video.background-media--has-fallback-image.background-media--fallback-active
    .background-media-image__fallback-ai-label {
    display: block;
}
.background-media__caption--mobile {
    color: var(--text-color-headlines);
    padding-top: var(--spacing-vertical-xxs);
    padding-right: var(--spacing-horizontal-xs);
    padding-bottom: var(--spacing-vertical-xxs);
    padding-left: var(--spacing-horizontal-xs);
    text-align: right;
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
}
.background-media__caption--mobile:after {
    content: "";
    background: var(--bg-color-light-primary);
    opacity: 0.6;
    z-index: -1;
    position: absolute;
    inset: 0;
}
.background-media__caption--desktop {
    text-align: right;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (min-width: 64rem) {
    .background-media__caption--desktop {
        display: block;
    }
}
.background-media__caption--desktop small {
    color: var(--text-color-headlines);
    padding-top: var(--spacing-vertical-xxs);
    padding-right: var(--spacing-horizontal-xs);
    padding-bottom: var(--spacing-vertical-xxs);
    padding-left: var(--spacing-horizontal-xs);
    position: relative;
}
.background-media__caption--desktop small:after {
    content: "";
    background: var(--bg-color-light-primary);
    opacity: 0.6;
    z-index: -1;
    position: absolute;
    inset: 0;
}
.background-media-content {
    position: relative;
}
@media (min-width: 48rem) {
    .background-media figcaption .background-media-fallback-image__copyright {
        display: none;
    }
    .background-media
        figcaption
        .background-media-fallback-image__copyright
        + .background-media-image__copyright {
        display: block;
    }
    .background-media-image--desktop-ratio-1_1,
    .background-media-video--desktop-ratio-1_1 {
        padding-bottom: 100%;
    }
    .background-media-image--desktop-ratio-2_1,
    .background-media-video--desktop-ratio-2_1 {
        padding-bottom: 50%;
    }
    .background-media-image--desktop-ratio-3_1,
    .background-media-video--desktop-ratio-3_1 {
        padding-bottom: 33.3333%;
    }
    .background-media-image--desktop-ratio-16_9,
    .background-media-video--desktop-ratio-16_9 {
        padding-bottom: 56.25%;
    }
    .background-media-image--desktop-ratio-3_2,
    .background-media-video--desktop-ratio-3_2 {
        padding-bottom: 66.6667%;
    }
    .background-media-image--desktop-ratio-4_3,
    .background-media-video--desktop-ratio-4_3 {
        padding-bottom: 75%;
    }
    .background-media-image--desktop-ratio-9_16,
    .background-media-video--desktop-ratio-9_16 {
        padding-bottom: 177.778%;
    }
    .background-media-image--desktop-ratio-2_3,
    .background-media-video--desktop-ratio-2_3 {
        padding-bottom: 150%;
    }
    .background-media-image--desktop-ratio-3_4,
    .background-media-video--desktop-ratio-3_4 {
        padding-bottom: 133.333%;
    }
    .background-media-image--desktop-ratio-4_1,
    .background-media-video--desktop-ratio-4_1 {
        padding-bottom: 25%;
    }
}
@media (min-width: 64rem) {
    .background-media {
        background-color: var(--bg-color-light-01);
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .background-media-image,
    .background-media-video {
        padding-bottom: 0;
    }
    .background-media-image {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .background-media-image--mobile-hide {
        display: block;
        position: absolute;
    }
    .background-media-image__image--desktop-left {
        left: 0;
        right: auto;
    }
    .background-media-image__image--desktop-right {
        left: auto;
        right: 0;
    }
    .background-media-image__image--desktop-center {
        left: 50%;
        right: auto;
        transform: translate(-50%);
    }
    .background-media-image__image--desktop-top {
        top: 0;
        bottom: auto;
    }
    .background-media-image__image--desktop-bottom {
        top: auto;
        bottom: 0;
    }
    .background-media-image__image--desktop-middle {
        top: 50%;
        transform: translateY(-50%) translate(0) scale(1.002);
    }
    .background-media-image__image--desktop-middle.background-media-image__image--desktop-center {
        transform: translateY(-50%) translate(-50%) scale(1.002);
    }
    .background-media:hover
        .background-media-video__video
        + .background-media__video-controls {
        opacity: 1;
    }
    .background-media-video {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .background-media-video__video {
        opacity: 1;
        height: auto;
        transition: opacity 0.45s ease-out;
    }
    .background-media-video__video:hover + .background-media__video-controls {
        opacity: 1;
    }
    .background-media-video__video--desktop-left {
        left: 0;
        right: auto;
    }
    .background-media-video__video--desktop-right {
        left: auto;
        right: 0;
    }
    .background-media-video__video--desktop-center {
        left: 50%;
        right: auto;
        transform: translate(-50%);
    }
    .background-media-video__video--desktop-top {
        top: 0;
        bottom: auto;
    }
    .background-media-video__video--desktop-bottom {
        top: auto;
        bottom: 0;
    }
    .background-media-video__video--desktop-middle {
        top: 50%;
        transform: translateY(-50%) scale(1.002);
    }
    .background-media-video__video--desktop-middle.background-media-video__video--desktop-center {
        transform: translateY(-50%) translate(-50%) scale(1.002);
    }
    .background-media-video .background-media-fallback-image__copyright {
        display: none;
    }
    .background-media-video
        .background-media-fallback-image__copyright
        + .background-media-image__copyright {
        display: block;
    }
    .background-media-content {
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .background-media--ratio-1_1 {
        padding-bottom: 100%;
    }
    .background-media--ratio-2_1 {
        padding-bottom: 50%;
    }
    .background-media--ratio-3_1 {
        padding-bottom: 33.3333%;
    }
    .background-media--ratio-16_9 {
        padding-bottom: 56.25%;
    }
    .background-media--ratio-3_2 {
        padding-bottom: 66.6667%;
    }
    .background-media--ratio-4_3 {
        padding-bottom: 75%;
    }
    .background-media--ratio-9_16 {
        padding-bottom: 177.778%;
    }
    .background-media--ratio-2_3 {
        padding-bottom: 150%;
    }
    .background-media--ratio-3_4 {
        padding-bottom: 133.333%;
    }
    .background-media--ratio-4_1 {
        padding-bottom: 25%;
    }
    .background-media--stretched .background-media-content {
        padding-top: var(--spacing-vertical-xxl);
        padding-bottom: var(--spacing-vertical-xxl);
        position: relative;
    }
}
.breadcrumb {
    --header-height: 9.25rem;
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-s);
    border-top: 1px solid var(--bg-color-light-04);
    max-height: calc(1.25rem + 2 * var(--spacing-vertical-s));
    transition:
        padding 0.5s ease-out,
        max-height 0.5s ease-out;
}
.header--scrolled .breadcrumb {
    border-top: none;
    max-height: 0;
    padding: 0;
    overflow: hidden;
}
.breadcrumb__list-wrapper {
    display: flex;
}
.breadcrumb__list-item {
    display: none;
}
.breadcrumb__list-item:nth-last-child(2) {
    display: flex;
}
.breadcrumb__list-item .breadcrumb__link-item {
    color: var(--text-color-headlines);
    align-items: center;
    display: flex;
}
.breadcrumb__list-item .breadcrumb__link-item:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z'/%3E%3C/svg%3E");
    margin-inline-end: 0.5rem;
    width: 1rem;
    height: 1rem;
    margin-top: 1px;
}
[dir="rtl"] .breadcrumb__list-item .breadcrumb__link-item:before {
    transform: scaleX(-1);
}
@media (min-width: 48rem) {
    [dir="rtl"] .breadcrumb__list-item .breadcrumb__link-item:before {
        transform: rotate(0);
    }
}
.breadcrumb__list-item--active {
    display: none;
}
@media (min-width: 48rem) {
    .breadcrumb__list-item {
        display: flex;
    }
    .breadcrumb__list-item .breadcrumb__link-item {
        flex-direction: row-reverse;
    }
    .breadcrumb__list-item .breadcrumb__link-item:before {
        margin-inline-start: 0.5rem;
        transform: rotate(180deg);
    }
    .breadcrumb__list-item--active {
        display: block;
    }
    .breadcrumb__list-item--active .text {
        color: var(--bg-color-dark-blur);
    }
}
.button-link a:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.button-link button:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
[dir="rtl"] .button-link a .icon[class*="arrow-right"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="arrow-right"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="ArrowRight"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="ArrowRight"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="chevron-left"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="chevron-left"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="ChevronLeft"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="ChevronLeft"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="external-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="external-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="ExternalLInk"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="ExternalLInk"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="internal-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="internal-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="InternalLink"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="InternalLink"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link--link a .button__text {
    background-position-x: right;
}
[dir="rtl"] .button-link--link button .button__text {
    background-position-x: right;
}
[dir="rtl"] .button-link--overlay a .button__text {
    background-position-x: right;
}
[dir="rtl"] .button-link--overlay button .button__text {
    background-position-x: right;
}
[dir="rtl"] .button-link--link a.button-link--backlink .button__text {
    background-position: 0 100%;
}
[dir="rtl"] .button-link--link button.button-link--backlink .button__text {
    background-position: 0 100%;
}
[dir="rtl"] .button-link--overlay a.button-link--backlink .button__text {
    background-position: 0 100%;
}
[dir="rtl"] .button-link--overlay button.button-link--backlink .button__text {
    background-position: 0 100%;
}
.button-group {
    flex-direction: column;
    display: flex;
}
.button-group button,
.button-group a {
    width: 100%;
}
@media (min-width: 48rem) {
    .button-group {
        flex-direction: row;
        align-items: center;
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }
    .button-group button,
    .button-group a {
        width: auto;
    }
}
.button-group .button-link {
    text-align: center;
    flex: 1 0 100%;
    display: inline-block;
}
.button-group .button-link:not(:last-child) {
    margin-bottom: 0.5rem;
}
@media (min-width: 48rem) {
    .button-group .button-link:not(:last-child) {
        margin-bottom: 0;
    }
    .button-group .button-link {
        flex: 0 auto;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
}
.button-icon {
    order: 2;
}
.button-icon button,
.button-icon a {
    width: 100%;
}
.button-icon__button {
    display: none;
}
.button-icon__icon {
    display: inline-block;
}
@media (min-width: 48rem) {
    .button-icon .button-icon__button {
        display: inline-block;
    }
    .button-icon .button-icon__button button,
    .button-icon .button-icon__button a {
        white-space: nowrap;
    }
    .button-icon__icon {
        display: none;
    }
}
.button-plain {
    cursor: pointer;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    display: inline;
}
.button-plain--icon {
    width: 1.5rem;
}
.button-plain--icon:hover svg path {
    fill: var(--button-link-text-hover);
}
.button-plain--icon:focus svg path {
    fill: var(--button-link-text-focus);
}
.button-plain:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.button-toggle {
    flex: none;
    display: flex;
}
.button-toggle .icon .svg-scale-wrapper {
    transition: all 0.25s ease-in-out;
    transform: rotate(0);
}
.button-toggle--expanded .icon .svg-scale-wrapper {
    transform: rotate(180deg);
}
.card {
    background-color: var(--card-bg-color, var(--bg-color-light-primary));
    border-radius: 0.5rem;
    flex-direction: column;
    width: 20rem;
    transition: all 0.3s ease-out;
    display: flex;
    overflow: hidden;
}
.card__link {
    height: 100%;
    color: var(--text-color-body);
    cursor: pointer;
    flex-direction: column;
    display: flex;
}
.card__link > div,
.card__link > span,
.card__link > figure {
    pointer-events: all;
}
.card__content {
    height: 100%;
    padding-top: var(--spacing-horizontal-l);
    padding-bottom: calc(
        var(--spacing-vertical-s) + var(--spacing-vertical-xs)
    );
    padding-inline: var(--spacing-horizontal-m);
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}
.card--animated {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: 0.3s ease-in-out forwards shake;
    transform: translate(0, 0);
}
.card--enabled:hover,
.card--enabled:focus,
.card--enabled:active {
    box-shadow: var(--elevation-overlay);
    -webkit-tap-highlight-color: transparent;
    animation: none;
    transform: scale(1.025);
}
.card__text {
    margin-top: var(--spacing-vertical-s);
}
.card__indicator {
    margin-top: var(--spacing-vertical-s);
    justify-content: flex-end;
    display: flex;
}
.card__indicator .icon {
    width: 2rem;
    height: 2rem;
}
[dir="rtl"] .card__indicator .icon[class*="arrow-right"] {
    transform: scaleX(-1);
}
[dir="rtl"] .card__indicator .icon[class*="ArrowRight"] {
    transform: scaleX(-1);
}
[dir="rtl"] .card__indicator .icon[class*="chevron-left"] {
    transform: scaleX(-1);
}
[dir="rtl"] .card__indicator .icon[class*="ChevronLeft"] {
    transform: scaleX(-1);
}
[dir="rtl"] .card__indicator .icon[class*="external-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .card__indicator .icon[class*="ExternalLInk"] {
    transform: scaleX(-1);
}
[dir="rtl"] .card__indicator .icon[class*="internal-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .card__indicator .icon[class*="InternalLink"] {
    transform: scaleX(-1);
}
.classic-section--primary_dark .card--enabled:hover {
    box-shadow: none;
    background-color: var(--bg-color-dark-03);
}
.card-group__card {
    margin-top: var(--spacing-modular);
}
.card-group__card.grid__column {
    grid-column: span 6;
}
.card-group__card .card {
    width: 100%;
}
.card-group .card {
    height: 100%;
}
.card-group .card__text-container,
.card-group .card__text-container--indicator {
    flex-flow: column;
    display: flex;
}
.card-group .card__headline,
.card-group .card .text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.card-group .card .text {
    -webkit-line-clamp: 3;
}
.card-group__slideshow {
    display: block;
}
.card-group .slideshow {
    margin-top: 0;
}
.card-group .slideshow .slideshow__container {
    overflow: visible;
}
.card-group .slideshow .slideshow__item {
    flex: none;
}
.card-group .slideshow .slideshow__item:first-child {
    padding-left: 0;
}
.card-group .slideshow .slideshow__item:last-child {
    padding-right: 0;
}
@media (min-width: 48rem) {
    .card-group .card {
        width: 100%;
    }
    .card-group__card.grid__column {
        grid-column: span 3;
    }
    .card-group .slideshow--disabled .slideshow__list {
        flex-flow: wrap;
    }
    .card-group .slideshow--disabled .slideshow__item {
        width: calc(50% - var(--grid-gutter) / 2);
        margin-bottom: var(--spacing-modular);
        padding: 0;
    }
    .card-group .slideshow--disabled .slideshow__item:nth-child(odd) {
        margin-right: var(--grid-gutter);
    }
    .card-group .slideshow--disabled .card {
        margin-bottom: var(--spacing-vertical-s);
    }
}
@media (min-width: 64rem) {
    .card-group [data-card-count="2"] .card-group__card.grid__column {
        grid-column: span 6;
        margin-top: 0;
    }
    .card-group [data-card-count="3"] .card-group__card.grid__column {
        grid-column: span 4;
        margin-top: 0;
    }
    .card-group [data-card-count="4"] .slideshow--disabled .slideshow__item {
        width: calc(50% - var(--grid-gutter) / 2);
    }
    .card-group
        [data-card-count="4"]
        .slideshow--disabled
        .slideshow__item:nth-child(odd) {
        margin-right: var(--grid-gutter);
    }
    .card-group
        [data-card-count="4"]
        .slideshow--disabled
        .slideshow__item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }
    .card-group .slideshow--disabled .slideshow__item {
        width: calc((100% - var(--grid-gutter) * 2) / 3);
    }
    .card-group .slideshow--disabled .slideshow__item:nth-child(odd) {
        margin-right: 0;
    }
    .card-group .slideshow--disabled .slideshow__item:nth-child(3n + 2) {
        margin-right: var(--grid-gutter);
        margin-left: var(--grid-gutter);
    }
}
.category-navigation {
    width: 100%;
}
.category-navigation--sidebar {
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
}
.product-overview--background-white .category-navigation--sidebar {
    background-color: var(--classic-bg-color, var(--bg-color-light-00));
}
@media (min-width: 64rem) {
    .category-navigation--sidebar {
        top: calc(
            var(--category-navigation-sidebar-position) +
                var(--spacing-vertical-l)
        );
        border-right: 1px solid var(--border-subtle);
        position: -webkit-sticky;
        position: sticky;
    }
    .category-navigation--sidebar .category-navigation__container {
        max-height: calc(
            100vh - var(--category-navigation-sidebar-position) -
                var(--spacing-vertical-l)
        );
        overflow-y: auto;
    }
}
.category-navigation--sidebar .category-navigation__inner {
    display: block;
}
.category-navigation--sticky {
    top: var(--category-navigation-sidebar-position);
    z-index: 100;
    padding-inline: var(--spacing-vertical-m);
    position: fixed;
    left: 0;
}
.category-navigation--expanded .category-navigation__container {
    height: auto;
    overflow: visible;
}
.category-navigation--expanded .category-navigation__expand-link .icon {
    transform-origin: 50%;
    transform: rotate(180deg);
}
.category-navigation--expanded .category-navigation__inner {
    padding-bottom: var(--spacing-vertical-s);
}
.category-navigation__container {
    margin-left: calc(var(--spacing-vertical-xs) / 2 * -1);
    margin-right: calc(var(--spacing-vertical-xs) / 2 * -1);
    height: 0;
    overflow: hidden;
}
@media (min-width: 64rem) {
    .category-navigation__container {
        height: auto;
        overflow: visible;
    }
}
.category-navigation__inner {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}
.category-navigation__expand-link {
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-xs);
    margin-bottom: var(--spacing-vertical-m);
    border-bottom: 1px solid var(--border-subtle);
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
}
.category-navigation__expand-link .icon {
    width: 1rem;
    height: 1rem;
}
.category-navigation__expand-link .icon svg,
.category-navigation__expand-link .icon path {
    fill: var(--icon-strong);
}
.category-navigation__expand-link-content {
    flex-direction: column;
    display: flex;
}
.category-navigation__expand-link-label {
    font: var(--text-body-m);
    color: var(--headline-color);
}
.category-navigation__expand-link-label.elevate {
    font: var(--text-label-xs);
    transition:
        top 0.25s,
        font-size 0.25s;
}
.chip {
    padding: 0.125rem var(--spacing-horizontal-xxs);
    color: var(--text-color-headlines);
    background-color: var(--bg-color-light-primary);
    cursor: pointer;
    letter-spacing: 0.005em;
    border: none;
    font-family: Frutiger Next;
    font-size: 0.75rem;
    line-height: 1.125rem;
    position: relative;
}
.chip--size-xs {
    height: 1.375rem;
}
.chip--size-s,
.chip--size-m {
    padding: var(--spacing-vertical-xxs) var(--spacing-horizontal-xs);
}
.chip--size-s {
    letter-spacing: 0.005em;
    height: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:lang(ar) .chip--size-s {
    line-height: 1.5rem;
}
.chip--size-s .chip__content {
    gap: var(--spacing-horizontal-xxs);
}
.chip--size-s .svg-scale-wrapper {
    width: 0.75rem;
}
.chip--size-m,
.chip--size-l {
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .chip--size-m,
:lang(ar) .chip--size-l {
    line-height: 1.75rem;
}
.chip--size-m .svg-scale-wrapper,
.chip--size-l .svg-scale-wrapper {
    width: 1rem;
}
.chip--size-m .chip__content,
.chip--size-l .chip__content {
    gap: var(--spacing-horizontal-xs);
}
.chip--size-m {
    height: 2rem;
}
.chip--size-l {
    height: 2.5rem;
    padding: var(--spacing-vertical-xs) var(--spacing-horizontal-s);
}
:lang(ar) .chip {
    line-height: 1.375rem;
}
.chip:before {
    content: "";
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}
.chip:hover:before {
    opacity: 1;
}
.chip:focus {
    outline: 1px solid var(--border-color-focus);
    outline-offset: 1px;
}
.chip:disabled {
    pointer-events: none;
    opacity: 0.4;
}
.chip .svg-scale-wrapper {
    fill: var(--text-color-headlines);
}
.chip--radius-s,
.chip--radius-s:before {
    border-radius: var(--border-radius-s);
}
.chip--radius-full,
.chip--radius-full:before {
    border-radius: var(--border-radius-full);
}
.chip--color-strong {
    color: var(--text-color-button);
    border: none;
}
.chip--color-strong .svg-scale-wrapper {
    fill: var(--text-color-button);
}
.chip--color-strong-gray {
    background-color: var(--interaction-color-background-invert-focused);
}
.chip--color-strong-blue {
    background-color: var(--color-information-90);
}
.chip--color-strong-error {
    background-color: var(--color-alert-error);
}
.chip--color-strong-warning {
    background-color: var(--color-alert-warning);
}
.chip--color-strong-info {
    background-color: var(--color-alert-info);
}
.chip--color-strong-success {
    background-color: var(--color-alert-success);
}
.chip--color-subtle {
    color: var(--text-color-headlines);
    border: none;
}
.chip--color-subtle-gray {
    background-color: var(--bg-color-light-04);
}
.chip--color-subtle-blue {
    background-color: var(--color-information-10);
}
.chip--color-subtle-error {
    background-color: var(--color-alert-error-10);
}
.chip--color-subtle-warning {
    background-color: var(--color-alert-warning-10);
}
.chip--color-subtle-info {
    background-color: var(--color-alert-info-10);
}
.chip--color-subtle-success {
    background-color: var(--color-alert-success-10);
}
.chip--color-outline-gray {
    border: 1px solid var(--interaction-color-grey-hover);
}
.chip--color-outline-blue {
    border: 1px solid var(--color-information-90);
}
.chip--color-outline-error {
    border: 1px solid var(--color-alert-error);
}
.chip--color-outline-warning {
    border: 1px solid var(--color-alert-warning);
}
.chip--color-outline-info {
    border: 1px solid var(--color-alert-info-40);
}
.chip--color-outline-success {
    border: 1px solid var(--color-alert-success);
}
.chip__content {
    align-items: center;
    gap: var(--spacing-horizontal-xxs);
    z-index: 1;
    display: flex;
    position: relative;
}
.company-calendar-list {
    background-color: var(--bg-surface, var(--bg-color-secondary));
}
.company-calendar-list__content {
    width: 100%;
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-xxl);
}
.company-calendar-list__item {
    margin-bottom: var(--spacing-vertical-m);
}
.company-calendar-list__item:last-child {
    margin-bottom: var(--spacing-vertical-l);
}
.company-calendar-list .grid__container {
    padding-left: var(--spacing-horizontal-m);
    padding-right: var(--spacing-horizontal-m);
}
.company-calendar-list__data {
    color: var(--headline-color);
    display: block;
}
.company-calendar-list__data--date {
    color: var(--text-color-text);
    margin-top: var(--spacing-vertical-xs);
}
.company-calendar-list__data--location {
    color: var(--text-color-text);
    margin-bottom: var(--spacing-vertical-xs);
}
.company-calendar-list__data-link {
    color: inherit;
}
.company-calendar-list__data-link a {
    color: inherit;
    text-align: left;
}
.company-calendar-list__button a {
    width: 100%;
}
.company-calendar-list--inverted {
    color: var(--text-color-invert-body);
    background-color: var(--bg-surface-emphasized, var(--bg-color-dark-00));
}
.company-calendar-list--inverted .company-calendar-list__data,
.company-calendar-list--inverted .headline {
    color: var(--text-color-invert-headlines);
}
.company-calendar-list--inverted .button-link--link a .button__text {
    color: var(--text-color-invert-headlines);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(
        transparent calc(100% - var(--border-width-s)),
        var(--text-color-invert-headlines) var(--border-width-s)
    );
    transition: background-size 0.75s ease-in-out;
}
[dir="rtl"]
    .company-calendar-list--inverted
    .button-link--link
    a
    .button__text {
    background-position-x: right;
}
:lang(ar) .company-calendar-list--inverted .button-link--link a .button__text {
    background-position-y: -0.1875rem;
}
.company-calendar-list--inverted .button-link--link a .icon svg {
    fill: var(--text-color-invert-headlines);
    color: var(--text-color-invert-headlines);
}
.company-calendar-list--inverted .company-calendar-list__date,
.company-calendar-list--inverted .company-calendar-list__location {
    color: var(--text-color-invert-body);
}
@media (min-width: 48rem) {
    .company-calendar-list__button a {
        width: auto;
    }
}
@media (min-width: 64rem) {
    .company-calendar-list {
        position: relative;
    }
}
@media (min-width: 80rem) {
    .company-calendar-list .grid__container {
        padding-left: var(--spacing-horizontal-l);
        padding-right: var(--spacing-horizontal-l);
    }
}
.consent-overlay {
    --headline-color: var(--text-color-headlines);
    z-index: 3;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.consent-overlay--active {
    display: flex;
}
.consent-overlay__box {
    background-color: var(--color-white);
    width: 100%;
    height: auto;
    max-height: 100%;
    padding-block: var(--spacing-vertical-xl);
    padding-inline: var(--spacing-horizontal-l);
    margin-left: var(--spacing-horizontal-m);
    margin-right: var(--spacing-horizontal-m);
    box-shadow: var(--elevation-overlay);
    flex-direction: column;
    display: flex;
}
.consent-overlay__content {
    overflow: auto;
}
.consent-overlay__button.button-link {
    margin-top: var(--spacing-vertical-m);
}
.consent-overlay__button.button-link button {
    text-align: center;
    width: 100%;
}
@media (min-width: 48rem) {
    .consent-overlay__box {
        width: 75%;
        padding-block: var(--spacing-vertical-xl);
        padding-inline: var(--spacing-horizontal-xxl);
        margin: 0;
    }
}
@media (min-width: 64rem) {
    .consent-overlay__box {
        width: 50%;
    }
}
.classic-section--primary_dark .consent-overlay .text {
    color: var(--text-color-body);
}
.crisis-overlay__content .headline {
    color: var(--color-alert-error);
}
.overlay__content:has(.crisis-overlay__content) {
    border-left: 4px solid var(--color-alert-error);
}
a.dashboard-tile {
    color: var(--text-color-body);
}
.dashboard-tile {
    --dashboard-tile-icon-color: var(--text-color-headlines);
    --dashboard-tile-background-color: var(--color-white);
    --dashboard-tile-background-color-hover: var(--color-white);
    flex: 100%;
    display: flex;
}
.dashboard-tile .avc__container {
    flex: 100%;
    display: flex;
    position: relative;
}
.dashboard-tile__component {
    box-shadow: var(--elevation-raised);
    border-radius: 0.5rem;
    flex: 100%;
    transition: all 0.3s ease-in-out;
    display: flex;
    position: relative;
    overflow: hidden;
}
.dashboard-tile__component .button-link .button__text {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(
        transparent calc(100% - var(--border-width-s)),
        var(--button-link-underline-default) var(--border-width-s)
    );
    transition: background-size 0.75s ease-in-out;
}
[dir="rtl"] .dashboard-tile__component .button-link .button__text {
    background-position-x: right;
}
:lang(ar) .dashboard-tile__component .button-link .button__text {
    background-position-y: -0.1875rem;
}
.dashboard-tile__component .button-link .icon {
    width: 1rem;
}
.dashboard-tile__component:hover {
    box-shadow: var(--elevation-overlay);
}
.dashboard-tile__component:hover .dashboard-tile__background {
    background-color: var(--dashboard-tile-background-color-hover);
}
.dashboard-tile__component:hover .button-link a,
.dashboard-tile__component:hover .button-link button {
    color: var(--button-tertiary-text-hover);
}
.dashboard-tile__component:hover .button-link .button__text {
    background-size: 100% 100%;
}
.dashboard-tile__component:hover .button-link .icon {
    transform: translate(0.25rem);
}
[dir="rtl"] .dashboard-tile__component:hover .button-link .icon {
    transform: scaleX(-1) translate(0.25rem);
}
.dashboard-tile__component:hover .button-link .icon svg {
    fill: var(--button-tertiary-text-hover);
}
.dashboard-tile__component:hover .button-link__content:after {
    background-color: var(--button-tertiary-underline-focus);
    width: calc(100% + 0.25rem);
}
.dashboard-tile__background {
    background-color: var(--dashboard-tile-background-color);
    z-index: 0;
    transition: background-color 0.3s ease-in-out;
    position: absolute;
    inset: 0;
}
.dashboard-tile__content,
.dashboard-tile__icon {
    z-index: 1;
    display: flex;
    position: relative;
}
.dashboard-tile__headline,
.dashboard-tile__link {
    flex: none;
    display: flex;
}
.dashboard-tile__text {
    flex: 100%;
    display: flex;
}
.dashboard-tile__headline {
    margin-bottom: var(--spacing-vertical-xs);
}
.dashboard-tile__link {
    margin-top: var(--spacing-vertical-m);
}
.dashboard-tile .icon {
    width: 100%;
}
.dashboard-tile .icon path {
    fill: var(--dashboard-tile-icon-color);
}
.dashboard-tile__icon {
    flex: none;
    align-self: center;
}
.dashboard-tile__icon-symbol {
    flex: none;
    width: 3rem;
    height: 3rem;
    margin: 1rem;
    display: flex;
}
.dashboard-tile__content {
    height: 100%;
    padding-left: var(--spacing-horizontal-m);
    padding-right: var(--spacing-horizontal-m);
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
    flex-direction: column;
    flex: 100%;
}
.dashboard-tile__image {
    z-index: 1;
    flex: none;
    display: flex;
    position: relative;
}
.dashboard-tile__image-content {
    display: block;
}
.dashboard-tile__image-scale {
    display: none;
}
.dashboard-tile__image-content,
.dashboard-tile__image-scale {
    width: 100%;
}
.dashboard-tile__type {
    flex: 100%;
    display: flex;
}
.dashboard-tile__type--background-image .lazy-image {
    width: auto;
    height: 100%;
}
.dashboard-tile__type--background-image .lazy-image__image {
    width: auto;
    min-height: 100%;
    max-height: 100%;
}
.dashboard-tile__type--icon .dashboard-tile__style {
    padding-top: var(--spacing-vertical-s);
}
.dashboard-tile__type--icon .dashboard-tile__content {
    padding-top: var(--spacing-vertical-xs);
    align-items: center;
}
.dashboard-tile__type--icon .dashboard-tile__text {
    text-align: center;
}
.dashboard-tile__style {
    flex-direction: column;
    flex: 1 0 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.dashboard-tile__style--background-indigo {
    --dashboard-tile-icon-color: var(--text-color-invert-headlines);
    --dashboard-tile-background-color: var(--color-information-zeiss);
    --dashboard-tile-background-color-hover: rgba(20, 30, 140, 0.8);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.dashboard-tile__style--background-dark_grey {
    --dashboard-tile-icon-color: var(--text-color-invert-headlines);
    --dashboard-tile-background-color: var(--bg-color-dark-00);
    --dashboard-tile-background-color-hover: var(--bg-color-dark-02);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.dashboard-tile__style--content-light {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
}
@media (min-width: 37.5rem) and (max-width: 47.9375rem) {
    .dashboard-tile__style {
        flex-flow: row;
        padding-top: 0;
    }
    .dashboard-tile__content {
        padding-top: var(--spacing-vertical-m);
        padding-bottom: var(--spacing-vertical-m);
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
        flex: 100%;
        align-items: flex-start;
    }
    .dashboard-tile__icon {
        margin-left: var(--spacing-horizontal-m);
        margin-right: 0;
    }
    .dashboard-tile__image {
        flex-basis: 100%;
        max-width: 40%;
        overflow: hidden;
    }
    .dashboard-tile__image-content {
        display: none;
    }
    .dashboard-tile__image-scale {
        display: block;
    }
    .dashboard-tile__headline,
    .dashboard-tile__link {
        flex: none;
    }
    .dashboard-tile__text {
        text-align: left;
    }
    .dashboard-tile__type--image .dashboard-tile__content {
        padding-right: var(--spacing-horizontal-l);
    }
    .dashboard-tile__type--icon .dashboard-tile__style {
        align-items: center;
        padding-top: 0;
    }
    .dashboard-tile__type--icon .dashboard-tile__content {
        height: auto;
        padding-top: var(--spacing-vertical-m);
        align-items: flex-start;
    }
    .dashboard-tile__type--icon .dashboard-tile__text {
        text-align: left;
        flex: none;
    }
}
@media (min-width: 64rem) {
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__style,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__style,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__style,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__style,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__style,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__style {
        flex-flow: row;
        padding-top: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__content,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__content,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__content,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__content,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__content {
        padding-top: var(--spacing-vertical-m);
        padding-bottom: var(--spacing-vertical-m);
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
        flex: 100%;
        align-items: flex-start;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__icon,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__icon,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__icon,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__icon,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__icon,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__icon {
        margin-left: var(--spacing-horizontal-m);
        margin-right: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__image,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__image {
        flex-basis: 100%;
        max-width: 40%;
        overflow: hidden;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__image-content,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image-content,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image-content,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image-content,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image-content,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__image-content {
        display: none;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__image-scale,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image-scale,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image-scale,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image-scale,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image-scale,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__image-scale {
        display: block;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__headline,
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__link,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__link,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__link,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__link,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__link,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__headline,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__link {
        flex: none;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__text,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__text,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__text,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__text,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__text,
    .dashboard-tile-row-simple--50-50 .dashboard-tile__text {
        text-align: left;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-simple--50-50
        .dashboard-tile__type--image
        .dashboard-tile__content {
        padding-right: var(--spacing-horizontal-l);
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-simple--50-50
        .dashboard-tile__type--icon
        .dashboard-tile__style {
        align-items: center;
        padding-top: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-simple--50-50
        .dashboard-tile__type--icon
        .dashboard-tile__content {
        height: auto;
        padding-top: var(--spacing-vertical-m);
        align-items: flex-start;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-simple--50-50
        .dashboard-tile__type--icon
        .dashboard-tile__text {
        text-align: left;
        flex: none;
    }
}
@media (min-width: 48rem) {
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__style {
        flex-flow: row;
        padding-top: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__content {
        padding-top: var(--spacing-vertical-m);
        padding-bottom: var(--spacing-vertical-m);
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
        flex: 100%;
        align-items: flex-start;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__icon {
        margin-left: var(--spacing-horizontal-m);
        margin-right: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image {
        flex-basis: 100%;
        max-width: 40%;
        overflow: hidden;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image-content {
        display: none;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image-scale {
        display: block;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__headline,
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__link {
        flex: none;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__text {
        text-align: left;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--image
        .dashboard-tile__content {
        padding-right: var(--spacing-horizontal-l);
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__style {
        align-items: center;
        padding-top: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__content {
        height: auto;
        padding-top: var(--spacing-vertical-m);
        align-items: flex-start;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="1"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__text {
        text-align: left;
        flex: none;
    }
}
@media (min-width: 64rem) and (max-width: 79.9375rem) {
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__style,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__style {
        flex-flow: row;
        padding-top: 0;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__content,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__content {
        padding-top: var(--spacing-vertical-m);
        padding-bottom: var(--spacing-vertical-m);
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
        flex: 100%;
        align-items: flex-start;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__icon,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__icon {
        margin-left: var(--spacing-horizontal-m);
        margin-right: 0;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__image,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__image {
        flex-basis: 100%;
        max-width: 40%;
        overflow: hidden;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__image-content,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__image-content {
        display: none;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__image-scale,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__image-scale {
        display: block;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__link,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__link {
        flex: none;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__text,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__text {
        text-align: left;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__type--image
        .dashboard-tile__content {
        padding-right: var(--spacing-horizontal-l);
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__type--icon
        .dashboard-tile__style {
        align-items: center;
        padding-top: 0;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__type--icon
        .dashboard-tile__content {
        height: auto;
        padding-top: var(--spacing-vertical-m);
        align-items: flex-start;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item
        .dashboard-tile__type--icon
        .dashboard-tile__text {
        text-align: left;
        flex: none;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__style {
        flex-flow: row;
        padding-top: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__content {
        padding-top: var(--spacing-vertical-m);
        padding-bottom: var(--spacing-vertical-m);
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
        flex: 100%;
        align-items: flex-start;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__icon {
        margin-left: var(--spacing-horizontal-m);
        margin-right: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__image {
        flex-basis: 100%;
        max-width: 40%;
        overflow: hidden;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__image-content {
        display: none;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__image-scale {
        display: block;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__headline,
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__link {
        flex: none;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__text {
        text-align: left;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__type--image
        .dashboard-tile__content {
        padding-right: var(--spacing-horizontal-l);
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__type--icon
        .dashboard-tile__style {
        align-items: center;
        padding-top: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__type--icon
        .dashboard-tile__content {
        height: auto;
        padding-top: var(--spacing-vertical-m);
        align-items: flex-start;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__type--icon
        .dashboard-tile__text {
        text-align: left;
        flex: none;
    }
}
@media (min-width: 80rem) {
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__style,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__style,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__style,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__style {
        flex-flow: row;
        padding-top: 0;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__content,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__content {
        padding-top: var(--spacing-vertical-m);
        padding-bottom: var(--spacing-vertical-m);
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
        flex: 100%;
        align-items: flex-start;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__icon,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__icon,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__icon,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__icon {
        margin-left: var(--spacing-horizontal-m);
        margin-right: 0;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__image,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__image {
        flex-basis: 100%;
        max-width: 40%;
        overflow: hidden;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image-content,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image-content,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__image-content,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__image-content {
        display: none;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__image-scale,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__image-scale,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__image-scale,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__image-scale {
        display: block;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__link,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__link,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__headline,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__link,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__headline,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__link {
        flex: none;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__text,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__text,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__text,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__text {
        text-align: left;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__type--image
        .dashboard-tile__content,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__type--image
        .dashboard-tile__content {
        padding-right: var(--spacing-horizontal-l);
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__type--icon
        .dashboard-tile__style,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__type--icon
        .dashboard-tile__style {
        align-items: center;
        padding-top: 0;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__type--icon
        .dashboard-tile__content,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__type--icon
        .dashboard-tile__content {
        height: auto;
        padding-top: var(--spacing-vertical-m);
        align-items: flex-start;
    }
    .dashboard-tile-row-simple--50-25-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:first-child
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-simple--25-50-25
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(2)
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-simple--25-25-50
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:nth-of-type(3)
        .dashboard-tile__type--icon
        .dashboard-tile__text,
    .dashboard-tile-row-link-list
        [data-item-count-visible="1"]
        .dashboard-tile__type--icon
        .dashboard-tile__text {
        text-align: left;
        flex: none;
    }
}
.dashboard-tile-link-list {
    width: 100%;
}
.dashboard-tile-link-list__list {
    flex-direction: column;
    flex: 1 0 100%;
    justify-items: flex-start;
    display: flex;
}
.dashboard-tile-link-list__item {
    margin-bottom: var(--spacing-vertical-s);
}
.dashboard-tile-link-list__item:last-child {
    margin-bottom: 0;
}
@media (min-width: 48rem) and (max-width: 79.9375rem) {
    .dashboard-tile-link-list .dashboard-tile-quick-link__content {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .dashboard-tile-link-list .dashboard-tile-quick-link__text-wrapper {
        flex: 1 0 100%;
    }
    .dashboard-tile-link-list .dashboard-tile-quick-link__link-icon {
        margin-top: var(--spacing-vertical-xs);
        margin-bottom: var(--spacing-vertical-xs);
    }
}
@media (min-width: 48rem) {
    .dashboard-tile-link-list .avc__container,
    .dashboard-tile-link-list__style,
    .dashboard-tile-link-list__list {
        height: 100%;
    }
    .dashboard-tile-link-list__item {
        flex: 100%;
        display: flex;
    }
    [data-item-count-visible="2"]
        .dashboard-tile-link-list
        [data-link-count="3"]
        .dashboard-tile-link-list__list,
    [data-item-count-visible="2"]
        .dashboard-tile-link-list
        [data-link-count="2"]
        .dashboard-tile-link-list__list,
    [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="3"]
        .dashboard-tile-link-list__list,
    [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="2"]
        .dashboard-tile-link-list__list {
        justify-items: stretch;
    }
    [data-item-count-visible="2"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__list,
    [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__list {
        height: 100%;
    }
    [data-item-count-visible="2"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__item,
    [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__item {
        flex: none;
        min-height: 50%;
    }
    [data-item-count-visible="2"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__item
        > *,
    [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__item
        > * {
        height: 100%;
    }
    .dashboard-tile-row-link-list--66-33
        [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="2"]
        .dashboard-tile-quick-link__content,
    .dashboard-tile-row-link-list--66-33
        [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-quick-link__content {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .dashboard-tile-row-link-list--66-33
        [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="2"]
        .dashboard-tile-quick-link__text-wrapper,
    .dashboard-tile-row-link-list--66-33
        [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-quick-link__text-wrapper {
        flex: 1 0 100%;
    }
    .dashboard-tile-row-link-list--66-33
        [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="2"]
        .dashboard-tile-quick-link__link-icon,
    .dashboard-tile-row-link-list--66-33
        [data-item-count-visible="1"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-quick-link__link-icon {
        margin-top: var(--spacing-vertical-xs);
        margin-bottom: var(--spacing-vertical-xs);
    }
}
[data-item-count-visible="0"]
    .dashboard-tile-link-list
    .dashboard-tile-link-list__list,
[data-item-count-visible=""]
    .dashboard-tile-link-list
    .dashboard-tile-link-list__list {
    margin-left: calc(var(--spacing-horizontal-m) / -2);
    margin-right: calc(var(--spacing-horizontal-m) / -2);
}
[data-item-count-visible="0"]
    .dashboard-tile-link-list
    .dashboard-tile-link-list__item,
[data-item-count-visible=""]
    .dashboard-tile-link-list
    .dashboard-tile-link-list__item {
    padding-left: calc(var(--spacing-horizontal-m) / 2);
    padding-right: calc(var(--spacing-horizontal-m) / 2);
    flex: 1 0 100%;
}
@media (min-width: 48rem) {
    [data-item-count-visible="0"]
        .dashboard-tile-link-list
        .dashboard-tile-link-list__item,
    [data-item-count-visible=""]
        .dashboard-tile-link-list
        .dashboard-tile-link-list__item {
        margin-bottom: 0;
    }
    [data-item-count-visible="0"]
        .dashboard-tile-link-list
        .dashboard-tile-link-list__list,
    [data-item-count-visible=""]
        .dashboard-tile-link-list
        .dashboard-tile-link-list__list {
        flex-flow: row;
    }
    [data-item-count-visible="0"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__list,
    [data-item-count-visible=""]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__list {
        justify-content: center;
        height: 100%;
    }
    [data-item-count-visible="0"]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__item,
    [data-item-count-visible=""]
        .dashboard-tile-link-list
        [data-link-count="1"]
        .dashboard-tile-link-list__item {
        flex: 0 0 50%;
    }
    [data-item-count-visible="0"]
        .dashboard-tile-link-list
        [data-link-count="2"]
        .dashboard-tile-link-list__item,
    [data-item-count-visible=""]
        .dashboard-tile-link-list
        [data-link-count="2"]
        .dashboard-tile-link-list__item {
        flex-basis: 50%;
    }
    [data-item-count-visible="0"]
        .dashboard-tile-link-list
        [data-link-count="3"]
        .dashboard-tile-link-list__item,
    [data-item-count-visible=""]
        .dashboard-tile-link-list
        [data-link-count="3"]
        .dashboard-tile-link-list__item {
        flex-basis: 33.3333%;
    }
}
.dashboard-tile-quick-link {
    --dashboard-tile-quick-link-content-color: var(--text-color-headlines);
    --dashboard-tile-quick-link-background-color: var(--color-white);
    --dashboard-tile-quick-link-background-color-hover: var(--color-white);
    flex: 100%;
    display: flex;
}
.dashboard-tile-quick-link__component {
    box-shadow: var(--elevation-raised);
    color: var(--dashboard-tile-quick-link-content-color);
    border-radius: 0.5rem;
    flex: 100%;
    transition: all 0.3s ease-in-out;
    display: flex;
    position: relative;
    overflow: hidden;
}
.dashboard-tile-quick-link__component:hover {
    box-shadow: var(--elevation-overlay);
}
.dashboard-tile-quick-link__component:hover
    .dashboard-tile-quick-link__background {
    background-color: var(--dashboard-tile-quick-link-background-color-hover);
}
.dashboard-tile-quick-link svg path {
    fill: var(--dashboard-tile-quick-link-content-color);
}
.dashboard-tile-quick-link__background {
    background-color: var(--dashboard-tile-quick-link-background-color);
    z-index: 0;
    transition: background-color 0.3s ease-in-out;
    position: absolute;
    inset: 0;
}
.dashboard-tile-quick-link__content {
    z-index: 1;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-s);
    flex-direction: row;
    flex: 1 0 100%;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
}
.dashboard-tile-quick-link > .dashboard-tile-quick-link__content,
.dashboard-tile-quick-link > .dashboard-tile-quick-link__background {
    display: none;
}
.dashboard-tile-quick-link__text-wrapper {
    flex-wrap: nowrap;
    flex: 100%;
    align-items: center;
    display: flex;
}
.dashboard-tile-quick-link__headline,
.dashboard-tile-quick-link__icon,
.dashboard-tile-quick-link__link-icon {
    flex: none;
    display: flex;
}
.dashboard-tile-quick-link__icon {
    margin-right: var(--spacing-horizontal-s);
}
.dashboard-tile-quick-link__icon-size {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0.625rem;
}
.dashboard-tile-quick-link__link-icon {
    width: 2rem;
    height: 2rem;
    margin-left: var(--spacing-horizontal-s);
}
.dashboard-tile-quick-link__headline {
    flex: 100%;
}
.dashboard-tile-quick-link .icon {
    width: 100%;
}
.dashboard-tile-link-list__style--background-dark_grey
    .dashboard-tile-quick-link {
    --dashboard-tile-quick-link-content-color: var(
        --text-color-invert-headlines
    );
    --dashboard-tile-quick-link-background-color: var(--bg-color-dark-03);
    --dashboard-tile-quick-link-background-color-hover: var(--bg-color-dark-02);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.dashboard-tile-link-list__style--background-indigo .dashboard-tile-quick-link {
    --dashboard-tile-quick-link-content-color: var(
        --text-color-invert-headlines
    );
    --dashboard-tile-quick-link-background-color: var(
        --color-information-zeiss
    );
    --dashboard-tile-quick-link-background-color-hover: rgba(20, 30, 140, 0.8);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.dashboard-tile-row-link-list {
    flex-direction: column;
    flex: 1 0 100%;
    display: flex;
}
.dashboard-tile-row-link-list__headline {
    text-transform: uppercase;
    text-align: center;
    margin-top: var(--spacing-vertical-xxl);
}
.dashboard-tile-row-link-list__items {
    padding-top: var(--spacing-modular);
    margin-left: calc(var(--spacing-horizontal-m) / -2);
    margin-right: calc(var(--spacing-horizontal-m) / -2);
    margin-bottom: calc(var(--spacing-vertical-m) * -1);
    flex-wrap: wrap;
    flex: 1 0 100%;
    display: flex;
}
.dashboard-tile-row-link-list__item {
    padding-left: calc(var(--spacing-horizontal-m) / 2);
    padding-right: calc(var(--spacing-horizontal-m) / 2);
    padding-bottom: var(--spacing-vertical-m);
    flex: 100%;
    display: flex;
    position: relative;
}
@media (min-width: 48rem) {
    .dashboard-tile-row-link-list__items {
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
    .dashboard-tile-row-link-list__item {
        flex-basis: 33.3333%;
        padding-bottom: 0;
    }
    .dashboard-tile-row-link-list--50-50 .dashboard-tile-row-link-list__item,
    .dashboard-tile-row-link-list--66-33 .dashboard-tile-row-link-list__item {
        flex-basis: 50%;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .dashboard-tile-row-link-list
        [data-item-count-visible="2"]
        .dashboard-tile-row-link-list__items {
        margin-bottom: calc(var(--spacing-vertical-m) * -1);
        flex-wrap: wrap;
    }
    .dashboard-tile-row-link-list
        [data-item-count-visible="2"]
        .dashboard-tile-row-link-list__item {
        padding-bottom: var(--spacing-vertical-m);
        flex-basis: 50%;
    }
    .dashboard-tile-row-link-list
        [data-item-count-visible="2"]
        .dashboard-tile-row-link-list__item--list {
        flex-basis: 100%;
    }
    .dashboard-tile-row-link-list
        [data-item-count-visible="2"]
        .dashboard-tile-row-link-list__item
        .dashboard-tile-quick-link__content {
        flex-wrap: nowrap;
    }
    .dashboard-tile-row-link-list
        [data-item-count-visible="2"]
        .dashboard-tile-row-link-list__item
        .dashboard-tile-quick-link__text-wrapper {
        flex: 100%;
    }
}
@media (min-width: 80rem) {
    .dashboard-tile-row-link-list--66-33 .dashboard-tile-row-link-list__item {
        flex-basis: 33.3333%;
    }
    .dashboard-tile-row-link-list--66-33
        .dashboard-tile-row-link-list__item:first-child {
        flex-basis: 66.6667%;
    }
    .dashboard-tile-row-link-list
        [data-item-count-visible="2"]
        .dashboard-tile-row-link-list__item {
        flex-basis: 33.3333%;
    }
}
.dashboard-tile-row-simple {
    flex-direction: column;
    flex: 1 0 100%;
    display: flex;
}
.dashboard-tile-row-simple__headline {
    text-transform: uppercase;
    text-align: center;
    margin-top: var(--spacing-vertical-xxl);
}
.dashboard-tile-row-simple__items {
    padding-top: var(--spacing-modular);
    margin-left: calc(var(--spacing-horizontal-m) / -2);
    margin-right: calc(var(--spacing-horizontal-m) / -2);
    margin-bottom: calc(var(--spacing-vertical-m) * -1);
    flex-wrap: wrap;
    flex: 1 0 100%;
    display: flex;
}
.dashboard-tile-row-simple__item {
    padding-left: calc(var(--spacing-horizontal-m) / 2);
    padding-right: calc(var(--spacing-horizontal-m) / 2);
    padding-bottom: var(--spacing-vertical-m);
    flex: 100%;
    display: flex;
    position: relative;
}
@media (min-width: 48rem) {
    .dashboard-tile-row-simple__items {
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
    .dashboard-tile-row-simple__item {
        flex-basis: auto;
        padding-bottom: 0;
    }
    .dashboard-tile-row-simple--50-50 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--66-33 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--33-66 .dashboard-tile-row-simple__item {
        flex-basis: 50%;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="4"]
        .dashboard-tile-row-simple__items {
        margin-bottom: calc(var(--spacing-vertical-m) * -1);
        flex-wrap: wrap;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="4"]
        .dashboard-tile-row-simple__item {
        padding-bottom: var(--spacing-vertical-m);
        flex-basis: 50%;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .dashboard-tile-row-simple--75-25 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--25-75 .dashboard-tile-row-simple__item {
        flex-basis: 50%;
    }
    .dashboard-tile-row-simple--50-25-25 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--25-50-25 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--25-25-50 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--33-33-33 .dashboard-tile-row-simple__item {
        flex-basis: 33.3333%;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__items {
        margin-bottom: calc(var(--spacing-vertical-m) * -1);
        flex-wrap: wrap;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item {
        padding-bottom: var(--spacing-vertical-m);
        flex-basis: 50%;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="3"]
        .dashboard-tile-row-simple__item:last-child {
        flex-basis: 100%;
    }
}
@media (min-width: 64rem) and (max-width: 79.9375rem) {
    .dashboard-tile-row-simple--75-25 .dashboard-tile-row-simple__item {
        flex-basis: 33.3333%;
    }
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child {
        flex-basis: 66.6667%;
    }
    .dashboard-tile-row-simple--25-75 .dashboard-tile-row-simple__item {
        flex-basis: 33.3333%;
    }
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2) {
        flex-basis: 66.6667%;
    }
    .dashboard-tile-row-simple--50-25-25 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--25-50-25 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--25-25-50 .dashboard-tile-row-simple__item,
    .dashboard-tile-row-simple--33-33-33 .dashboard-tile-row-simple__item {
        flex-basis: 33.3333%;
    }
}
@media (min-width: 80rem) {
    .dashboard-tile-row-simple--66-33 .dashboard-tile-row-simple__item {
        flex-basis: 33.3333%;
    }
    .dashboard-tile-row-simple--66-33
        .dashboard-tile-row-simple__item:first-child {
        flex-basis: 66.6667%;
    }
    .dashboard-tile-row-simple--33-66 .dashboard-tile-row-simple__item {
        flex-basis: 33.3333%;
    }
    .dashboard-tile-row-simple--33-66
        .dashboard-tile-row-simple__item:nth-of-type(2) {
        flex-basis: 66.6667%;
    }
    .dashboard-tile-row-simple--75-25 .dashboard-tile-row-simple__item {
        flex-basis: 25%;
    }
    .dashboard-tile-row-simple--75-25
        .dashboard-tile-row-simple__item:first-child {
        flex-basis: 75%;
    }
    .dashboard-tile-row-simple--25-75 .dashboard-tile-row-simple__item {
        flex-basis: 25%;
    }
    .dashboard-tile-row-simple--25-75
        .dashboard-tile-row-simple__item:nth-of-type(2) {
        flex-basis: 75%;
    }
    .dashboard-tile-row-simple--33-33-33 .dashboard-tile-row-simple__item {
        flex-basis: 33.3333%;
    }
    .dashboard-tile-row-simple--50-25-25 .dashboard-tile-row-simple__item {
        flex-basis: 25%;
    }
    .dashboard-tile-row-simple--50-25-25
        .dashboard-tile-row-simple__item:first-child {
        flex-basis: 50%;
    }
    .dashboard-tile-row-simple--25-50-25 .dashboard-tile-row-simple__item {
        flex-basis: 25%;
    }
    .dashboard-tile-row-simple--25-50-25
        .dashboard-tile-row-simple__item:nth-of-type(2) {
        flex-basis: 50%;
    }
    .dashboard-tile-row-simple--25-25-50 .dashboard-tile-row-simple__item {
        flex-basis: 25%;
    }
    .dashboard-tile-row-simple--25-25-50
        .dashboard-tile-row-simple__item:nth-of-type(3) {
        flex-basis: 50%;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="4"]
        .dashboard-tile-row-simple__items {
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
    .dashboard-tile-row-simple
        [data-item-count-visible="4"]
        .dashboard-tile-row-simple__item {
        flex-basis: 25%;
        padding-bottom: 0;
    }
}
.divider {
    background-color: var(--border-subtle);
    border: none;
    width: 100%;
    height: 1px;
    margin-block: 0;
}
.divider--dark {
    background-color: var(--border-strong);
    height: 0.125rem;
}
.download-item {
    gap: var(--spacing-vertical-m);
    width: 100%;
    height: 100%;
    color: var(--headline-color);
    background-color: var(--download-item-bg-color, var(--bg-color-light-02));
    padding: 1.5rem 0.75rem 2rem;
    display: flex;
}
.download-item__image {
    min-width: 6.125rem;
}
.download-item__image-link,
.download-item__image-link a {
    width: 100%;
    height: 100%;
    display: block;
}
.download-item__content {
    flex-direction: column;
    display: flex;
}
.download-item__info {
    margin-bottom: var(--spacing-vertical-s);
    color: var(--text-color-text);
    display: flex;
}
.download-item .lazy-image {
    max-width: 100%;
    height: 100%;
}
.download-item .lazy-image .lazy-image__image-container {
    overflow: unset;
    height: 100%;
    box-shadow: none;
}
.download-item .lazy-image__image {
    height: 100%;
}
.download-item .lazy-image__image.lazy-image__target-image {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top;
    -webkit-filter: drop-shadow(var(--elevation-raised));
    filter: drop-shadow(var(--elevation-raised));
}
@media (min-width: 48rem) {
    .download-item {
        padding: var(--spacing-l) var(--spacing-xl) var(--spacing-xl)
            var(--spacing-xl);
        flex-direction: column;
    }
    .download-item__image {
        flex: none;
        align-items: flex-end;
        width: auto;
        height: 12rem;
        display: flex;
    }
    .download-item__image__loaded .lazy-image .lazy-image__image-container {
        padding-bottom: 0;
    }
    .download-item__image__loaded .lazy-image__image.lazy-image__target-image {
        height: -moz-max-content;
        width: auto;
        min-width: 0;
        height: max-content;
        max-height: 100%;
        top: auto;
        bottom: 0;
    }
    .download-item__content {
        flex: 1 0 auto;
        align-self: stretch;
    }
    .download-item__headline {
        flex: 1 0 auto;
        justify-content: stretch;
        display: flex;
    }
    .download-item .lazy-image__image.lazy-image__target-image {
        -o-object-position: left bottom;
        object-position: left bottom;
        background: var(--color-white);
    }
}
.classic-section--no-bg .downloads-wrapper--dark-background .download-item {
    background-color: var(--bg-color-light-primary);
}
.drilldown {
    grid-gap: var(--grid-gutter);
    --border-position-xs: 1.625rem;
    --border-position-l: 1.3125rem;
    --border-position-xl: 1.625rem;
    row-gap: 0;
    display: grid;
    position: relative;
    overflow: hidden;
}
@media (min-width: 48rem) {
    .drilldown {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (min-width: 64rem) {
    .drilldown {
        grid-template-columns: repeat(8, 1fr);
    }
    .drilldown__first-level-list-item:last-child > .drilldown__link {
        margin-bottom: 0;
    }
}
.drilldown--with-overview
    .drilldown__first-level-container:not(
        .drilldown__x-level-container--with-overview
    ),
.drilldown--with-overview
    .drilldown__second-level-container:not(
        .drilldown__x-level-container--with-overview
    ) {
    padding-top: 0;
}
@media (min-width: 64rem) {
    .drilldown--with-overview
        .drilldown__first-level-container:not(
            .drilldown__x-level-container--with-overview
        ),
    .drilldown--with-overview
        .drilldown__second-level-container:not(
            .drilldown__x-level-container--with-overview
        ) {
        padding-top: 2.5rem;
    }
}
.drilldown__first-level-container {
    grid-column: 1/-1;
    position: relative;
}
@media (min-width: 48rem) {
    .drilldown__first-level-container {
        grid-column: 1/3;
    }
}
@media (min-width: 64rem) {
    .drilldown__first-level-container {
        grid-column: 1/4;
    }
}
.drilldown__first-level-container > .plain-link {
    display: block;
}
.drilldown__second-level-container {
    --second-level-translate-medium: 54%;
    --second-level-translate-large: 28.5%;
    --second-level-direction: 1;
    top: 0;
    width: 100%;
    display: none;
    position: absolute;
    inset-inline: 100% 0;
}
[dir="rtl"] .drilldown__second-level-container {
    --second-level-direction: -1;
}
.drilldown__first-level-list-item--active .drilldown__second-level-container {
    z-index: 100;
    display: block;
    inset-inline-start: 0;
}
@media (min-width: 48rem) {
    .drilldown__first-level-list-item--active
        .drilldown__second-level-container {
        transform: translateX(
            calc(
                var(--second-level-translate-medium) *
                    var(--second-level-direction)
            )
        );
        margin-inline-start: var(--grid-gutter);
        inset-inline-start: 100%;
    }
}
@media (min-width: 64rem) {
    .drilldown__first-level-list-item--active
        .drilldown__second-level-container {
        transform: translateX(
            calc(
                var(--second-level-translate-large) *
                    var(--second-level-direction)
            )
        );
        margin-inline-start: calc(var(--grid-gutter) * 2);
    }
    .drilldown__second-level-list-item {
        width: 100%;
        inset-inline-start: 100%;
    }
    .drilldown__second-level-list-item:last-child .drilldown__link {
        margin-bottom: 0;
    }
}
.drilldown__link {
    margin-bottom: var(--spacing-vertical-l);
    padding-inline-end: calc(var(--spacing-vertical-s) * 3);
    display: block;
    position: relative;
}
@media (min-width: 64rem) {
    .drilldown__link {
        margin-bottom: var(--spacing-vertical-s);
    }
}
.drilldown__link .icon {
    inset-inline-end: var(--spacing-horizontal-m);
    width: 1.5rem;
    transition: inset-inline-end 0.3s ease-out;
    position: absolute;
    top: 0;
    transform: translate(50%) rotate(-90deg);
}
@media (min-width: 48rem) {
    .drilldown__link .icon {
        inset-inline-end: 0.25rem;
    }
}
@media (min-width: 64rem) {
    .drilldown__link .icon {
        width: 1rem;
        top: 0.4rem;
    }
}
@media (min-width: 80rem) {
    .drilldown__link .icon {
        top: 0.1875rem;
    }
}
[dir="rtl"] .drilldown__link .icon {
    transform: scaleX(-1) rotate(-90deg) translate(-50%);
}
:lang(ar) .drilldown {
    --border-position-xs: 2rem;
    --border-position-l: 1.8rem;
    --border-position-xl: 2rem;
}
.drilldown__link-label {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.45px;
    background-image: linear-gradient(transparent 20%, currentColor 21%);
    background-position: 0 var(--border-position-xs);
    padding-bottom: var(--spacing-vertical-s);
    color: var(--text-color-headlines);
    background-repeat: no-repeat;
    background-size: 0 0.125rem;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
    transition: background-size 0.3s ease-out;
}
@media (min-width: 64rem) {
    .drilldown__link-label {
        margin-bottom: var(--spacing-vertical-s);
        font-size: 1rem;
        line-height: 1.5;
    }
}
@media (min-width: 80rem) {
    .drilldown__link-label {
        letter-spacing: 0.5px;
        margin-bottom: 1.125rem;
        font-size: 1.25rem;
        line-height: 1.3;
    }
}
[dir="rtl"] .drilldown__link-label {
    background-position: right var(--border-position-xs);
}
@media (min-width: 64rem) {
    .drilldown__link-label {
        background-image: linear-gradient(transparent 20%, currentColor 21%);
        background-position: 0 var(--border-position-l);
        background-repeat: no-repeat;
        background-size: 0 0.125rem;
        transition: background-size 0.3s ease-out;
    }
    [dir="rtl"] .drilldown__link-label {
        background-position: right var(--border-position-l);
    }
}
@media (min-width: 80rem) {
    .drilldown__link-label {
        background-image: linear-gradient(transparent 20%, currentColor 21%);
        background-position: 0 var(--border-position-xl);
        background-repeat: no-repeat;
        background-size: 0 0.125rem;
        transition: background-size 0.3s ease-out;
    }
    [dir="rtl"] .drilldown__link-label {
        background-position: right var(--border-position-xl);
    }
}
.drilldown__link:hover .drilldown__link-label {
    color: var(--interaction-color-hover);
}
.drilldown__link:hover .icon {
    fill: var(--interaction-color-hover);
    inset-inline-end: calc(var(--spacing-vertical-m) - 0.25rem);
}
@media (min-width: 48rem) {
    .drilldown__link:hover .icon {
        inset-inline-end: 0;
    }
}
.drilldown__first-level-list-item--active
    > .drilldown__link:hover
    .drilldown__link-label {
    color: var(--interaction-color-hover);
    background-image: linear-gradient(transparent 20%, currentColor 21%);
    background-size: 100% 0.125rem;
    transition-delay: 0s;
}
.drilldown__link:focus .drilldown__link-label {
    color: var(--interaction-color-focused);
}
.drilldown__link:focus .icon {
    fill: var(--interaction-color-focused);
    inset-inline-end: calc(var(--spacing-vertical-m) - 0.25rem);
}
@media (min-width: 48rem) {
    .drilldown__link:focus .icon {
        inset-inline-end: 0;
    }
}
.drilldown__first-level-list-item--active
    > .drilldown__link:focus
    .drilldown__link-label {
    color: var(--interaction-color-focused);
    background-image: linear-gradient(transparent 20%, currentColor 21%);
    background-size: 100% 0.125rem;
    outline: none;
    transition-delay: 0s;
}
.drilldown__first-level-list-item--active > .drilldown__link:focus .icon {
    fill: var(--interaction-color-focused);
    inset-inline-end: calc(var(--spacing-vertical-m) - 0.25rem);
}
@media (min-width: 64rem) {
    .drilldown__first-level-list-item--active > .drilldown__link:focus .icon {
        inset-inline-end: 0;
    }
}
.drilldown__first-level-list-item--active
    > .drilldown__link
    > .drilldown__link-label {
    color: var(--color-black);
    background-size: 100% 0.125rem;
    transition-delay: 0s;
}
.dropdown-linklist {
    display: flex;
}
.dropdown-linklist__wrapper {
    flex-direction: column;
    flex: 100%;
    max-width: 100%;
    display: flex;
}
.dropdown-linklist__item {
    position: relative;
}
.dropdown-linklist__item-icon {
    width: 1rem;
    height: 1rem;
    top: 50%;
    right: var(--spacing-horizontal-xs);
    display: none;
    position: absolute;
    transform: translateY(-50%);
}
.dropdown-linklist__item-icon svg {
    fill: var(--text-color-button);
}
.dropdown-linklist__item--selected {
    background: var(--bg-color-light-03);
}
.dropdown-linklist__label {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.01em;
    width: 100%;
    color: var(--text-color-headlines);
    padding-bottom: var(--spacing-vertical-xs);
    outline: none;
    flex: auto;
    align-content: center;
    align-items: center;
    margin-top: 0;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.875rem;
    display: flex;
    position: relative;
}
:lang(ar) .dropdown-linklist__label {
    line-height: 2.375rem;
}
@media (min-width: 48rem) {
    .dropdown-linklist__label {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .dropdown-linklist__label {
        line-height: 3rem;
    }
}
@media (min-width: 64rem) {
    .dropdown-linklist__label {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .dropdown-linklist__label {
        line-height: 3rem;
    }
}
@media (min-width: 80rem) {
    .dropdown-linklist__label {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .dropdown-linklist__label {
        line-height: 4rem;
    }
}
@media (min-width: 90rem) {
    .dropdown-linklist__label {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .dropdown-linklist__label {
        line-height: 4rem;
    }
}
@media (min-width: 48rem) {
    .dropdown-linklist__label {
        line-height: 2.4rem;
    }
}
@media (min-width: 80rem) {
    .dropdown-linklist__label {
        line-height: 3rem;
    }
}
.dropdown-linklist__label--pre-selection {
    align-items: flex-end;
    font-size: 0.75rem;
    line-height: 1.375rem;
}
.dropdown-linklist__label:after {
    content: "";
    background-color: var(--border-color-inactive);
    height: 1px;
    transition:
        height 0.4s ease-in-out,
        background-color 0.4s ease-in-out;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.dropdown-linklist__label:hover:after {
    background-color: var(--border-color-active);
}
.dropdown-linklist__label:hover .dropdown-linklist__label-icon svg {
    fill: var(--text-color-headlines);
}
.dropdown-linklist__selected_label {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.005em;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    display: block;
}
:lang(ar) .dropdown-linklist__selected_label {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .dropdown-linklist__selected_label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .dropdown-linklist__selected_label {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .dropdown-linklist__selected_label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .dropdown-linklist__selected_label {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .dropdown-linklist__selected_label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .dropdown-linklist__selected_label {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .dropdown-linklist__selected_label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .dropdown-linklist__selected_label {
        line-height: 1.75rem;
    }
}
.dropdown-linklist__expandable-area {
    z-index: 5010;
    position: relative;
}
.dropdown-linklist__expandable {
    box-shadow: var(--elevation-raised);
    background-color: var(--color-white);
    opacity: 1;
    z-index: 5010;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.dropdown-linklist__expandable::-webkit-scrollbar {
    width: 0;
    display: none;
}
.dropdown-linklist__label-text {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 100%;
    overflow: hidden;
}
.dropdown-linklist__label-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: var(--spacing-horizontal-m);
    flex: none;
}
.dropdown-linklist__label-icon svg {
    fill: var(--border-color-inactive);
    transition: all 0.4s ease-in-out;
    transform: rotate(0);
}
.dropdown-linklist__link {
    padding-top: var(--spacing-vertical-xs);
    padding-bottom: var(--spacing-vertical-xs);
    padding-left: var(--spacing-horizontal-xs);
    padding-right: var(--spacing-horizontal-xs);
    color: var(--text-color-headlines);
    display: block;
}
.dropdown-linklist__link:hover {
    background-color: var(--bg-color-light-02);
}
.dropdown-linklist__link--selected {
    color: var(--text-color-button);
    background-color: var(--interaction-color-link);
}
.dropdown-linklist__link--selected:hover {
    background-color: var(--interaction-color-hover);
}
.dropdown-linklist__link--selected ~ .dropdown-linklist__item-icon {
    display: block;
}
.dropdown-linklist--expanded .dropdown-linklist__label:after {
    background-color: var(--border-color-active);
    height: 0.125rem;
}
.dropdown-linklist--expanded .dropdown-linklist__label-icon svg {
    fill: var(--border-color-active);
    transform: rotate(180deg);
}
.dropdown-linklist--disabled {
    opacity: 0.4;
}
.dropdown-linklist--disabled .dropdown-linklist__label {
    cursor: default;
}
.dropdown-linklist--disabled .dropdown-linklist__label:hover:after {
    background-color: var(--bg-color-dark-02);
}
.dropdown-linklist--disabled
    .dropdown-linklist__label:hover
    .dropdown-linklist__label-icon
    svg {
    fill: var(--bg-color-dark-02);
}
.dropdown-linklist--disabled .dropdown-linklist__label-icon svg {
    fill: initial;
    transform: rotate(0);
}
:root {
    --event-blockbuster-color: var(--text-color-headlines);
}
.event-blockbuster {
    --event-blockbuster-color: var(--text-color-headlines);
    --event-blockbuster-bg-color: var(
        --bg-color-secondary,
        var(--bg-surface-blockbuster)
    );
    --event-blockbuster-background-bg-top: var(
        --bg-color-secondary,
        var(--bg-surface-blockbuster)
    );
    --event-blockbuster-background-bg-bottom: rgba(248, 250, 252, 0);
    background-color: var(--event-blockbuster-bg-color);
    width: 100%;
    color: var(--event-blockbuster-color);
    display: inline-block;
    position: relative;
}
.event-blockbuster > a {
    color: var(--text-color-body);
}
.event-blockbuster .plain-link > div,
.event-blockbuster .plain-link > span,
.event-blockbuster .plain-link > figure {
    pointer-events: all;
}
.event-blockbuster--theme-dark {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --event-blockbuster-color: var(--text-color-invert-headlines);
    --event-blockbuster-background-bg-top: #17191c;
    --event-blockbuster-background-bg-bottom: rgba(23, 25, 28, 0);
    --event-blockbuster-bg-color: var(--bg-color-dark-00);
}
.event-blockbuster__content-image-wrapper {
    width: 100%;
    height: 0;
    min-height: 100%;
    padding-bottom: 100%;
    position: relative;
}
.event-blockbuster__content {
    z-index: 2;
    padding-left: var(--spacing-horizontal-m);
    padding-right: var(--spacing-horizontal-m);
    background: linear-gradient(
        180deg,
        var(--event-blockbuster-background-bg-top) 0%,
        var(--event-blockbuster-background-bg-bottom) 80%
    );
    aspect-ratio: 1;
    position: relative;
}
.event-blockbuster__image,
.event-blockbuster__video {
    position: absolute;
    inset: 0;
}
.event-blockbuster .lazy-background-image,
.event-blockbuster .lazy-background-video .lazy-background-image,
.event-blockbuster .lazy-background-video__video {
    z-index: 1;
    background-color: var(--bg-surface-blockbuster);
}
@media (min-width: 64rem) {
    .event-blockbuster:hover
        .lazy-background-video__video
        ~ .lazy-background-video__video-controls {
        opacity: 1;
        z-index: 2;
    }
}
.event-blockbuster__countdown {
    z-index: 1;
    margin-bottom: var(--spacing-vertical-l);
    margin-top: var(--spacing-vertical-s);
    flex: none;
    justify-content: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
}
.event-blockbuster__countdown .event-countdown * {
    color: var(--event-blockbuster-color);
}
.event-blockbuster__headline {
    width: 100%;
    padding-top: var(--spacing-vertical-l);
}
.event-blockbuster__headline .headline {
    color: var(--event-blockbuster-color);
}
.event-blockbuster__headline-link {
    height: 100%;
}
.event-blockbuster__headline-link a {
    height: 100%;
    display: block;
}
.event-blockbuster .grid__container {
    max-width: none;
}
@media (min-width: 48rem) {
    .event-blockbuster__countdown {
        margin-top: 0;
        margin-bottom: var(--spacing-vertical-m);
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
        z-index: 2;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .event-blockbuster__content {
        background: 0 0;
    }
}
@media (min-width: 64rem) {
    .event-blockbuster {
        margin-bottom: 0;
    }
    .event-blockbuster .grid__container {
        max-width: none;
    }
    .event-blockbuster__headline {
        width: calc(100% - var(--spacing-vertical-xxxl));
    }
    .event-blockbuster__countdown {
        margin-bottom: var(--spacing-vertical-m);
        justify-content: flex-end;
    }
    .event-blockbuster--countdown-align-left .event-blockbuster__countdown {
        justify-content: flex-start;
    }
}
@media (min-width: 80rem) {
    .event-blockbuster__content,
    .event-blockbuster__countdown {
        padding-left: var(--spacing-horizontal-l);
        padding-right: var(--spacing-horizontal-l);
    }
}
.event-countdown {
    --event-countdown-color: var(--headline-color);
    --event-countdown-color-label: var(--text-color-text);
    color: var(--event-countdown-color);
    text-transform: uppercase;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    display: block;
}
.event-countdown--theme-dark--loaded,
.event-countdown--loaded {
    opacity: 1;
}
.event-countdown__eyebrow {
    font-family: var(--font-family-frutiger);
    text-align: center;
    letter-spacing: 0.375rem;
    color: inherit;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 900;
    display: block;
}
.event-countdown__display {
    text-align: center;
}
.event-countdown__display .event-countdown__clock {
    justify-content: center;
    display: flex;
}
.event-countdown__state,
.event-countdown__unit {
    text-align: center;
    grid-template-columns: auto 1fr;
    display: grid;
}
.event-countdown__unit:before {
    font-family: var(--font-family-frutiger);
    margin-right: var(--spacing-horizontal-xs);
    content: ":";
    height: 0;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 900;
    transition: font-size 0.25s;
    position: relative;
}
.event-countdown__value {
    font-family: var(--font-family-frutiger);
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}
.event-countdown__state .headline {
    color: inherit;
}
.event-countdown__state .headline__main {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.015em;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 900;
    line-height: 2.75rem;
}
@media (min-width: 48rem) {
    .event-countdown__state .headline__main {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 64rem) {
    .event-countdown__state .headline__main {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 80rem) {
    .event-countdown__state .headline__main {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 90rem) {
    .event-countdown__state .headline__main {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
.event-countdown__state .headline .headline__main--text-display-s {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.015em;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 2.25rem;
}
@media (min-width: 48rem) {
    .event-countdown__state .headline .headline__main--text-display-s {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 64rem) {
    .event-countdown__state .headline .headline__main--text-display-s {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 80rem) {
    .event-countdown__state .headline .headline__main--text-display-s {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 90rem) {
    .event-countdown__state .headline .headline__main--text-display-s {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
.event-countdown__state .headline__main,
.event-countdown__value {
    transition: font-size 0.25s;
}
.event-countdown__state .headline__sub {
    margin-top: 0;
    font-weight: 400;
}
.event-countdown__state .headline__sub,
.event-countdown__label {
    color: var(--event-countdown-color-label);
    text-align: center;
    grid-column: 2/3;
    font-size: 0.7rem;
}
.event-countdown__state,
.event-countdown .hide + .event-countdown__unit:not(.hide),
.event-countdown .event-countdown__unit:first-child {
    grid-template-columns: 1fr;
}
.event-countdown__state:before,
.event-countdown .hide + .event-countdown__unit:not(.hide):before,
.event-countdown .event-countdown__unit:first-child:before {
    content: none;
}
.event-countdown__state .event-countdown__label,
.event-countdown
    .hide
    + .event-countdown__unit:not(.hide)
    .event-countdown__label,
.event-countdown .event-countdown__unit:first-child .event-countdown__label {
    grid-column: 1/2;
}
@media (min-width: 22.5rem) {
    .event-countdown__eyebrow {
        letter-spacing: 0.375rem;
        font-size: 1rem;
    }
    .event-countdown__unit:before {
        font-size: 2.5rem;
        top: 0.188rem;
    }
    .event-countdown__state .headline__main,
    .event-countdown__value {
        font-family: var(--font-family-frutiger);
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        font-style: normal;
        font-weight: 900;
        line-height: 2.75rem;
    }
}
@media (min-width: 22.5rem) and (min-width: 48rem) {
    .event-countdown__state .headline__main,
    .event-countdown__value {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 22.5rem) and (min-width: 64rem) {
    .event-countdown__state .headline__main,
    .event-countdown__value {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 22.5rem) and (min-width: 80rem) {
    .event-countdown__state .headline__main,
    .event-countdown__value {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 22.5rem) and (min-width: 90rem) {
    .event-countdown__state .headline__main,
    .event-countdown__value {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 22.5rem) {
    .event-countdown__state .headline__sub,
    .event-countdown__label {
        letter-spacing: 0.005em;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    :lang(ar) .event-countdown__state .headline__sub,
    :lang(ar) .event-countdown__label {
        line-height: 1.5rem;
    }
}
@media (min-width: 48rem) {
    .event-countdown__eyebrow {
        letter-spacing: 0.625rem;
        font-size: 1rem;
    }
    .event-countdown__clock {
        margin-right: calc(var(--spacing-horizontal-s) / -2);
        margin-left: calc(var(--spacing-horizontal-s) / -2);
    }
    .event-countdown__unit {
        margin-right: calc(var(--spacing-horizontal-s) / 2);
        margin-left: calc(var(--spacing-horizontal-s) / 2);
    }
    .event-countdown__unit:before {
        margin-right: var(--spacing-horizontal-s);
        font-size: 3rem;
        top: 0.25rem;
    }
    .event-countdown__state .headline__main,
    .event-countdown__value {
        font-family: var(--font-family-frutiger);
        letter-spacing: 0.015em;
        font-size: 2rem;
        font-style: normal;
        font-weight: 900;
        line-height: 2.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    .event-countdown__state .headline__main,
    .event-countdown__value {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 64rem) {
    .event-countdown__state .headline__main,
    .event-countdown__value {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    .event-countdown__state .headline__main,
    .event-countdown__value {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    .event-countdown__state .headline__main,
    .event-countdown__value {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 48rem) {
    .event-countdown__state .headline__sub,
    .event-countdown__label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .event-countdown__state .headline__sub,
    :lang(ar) .event-countdown__label {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .event-countdown__unit:last-of-type {
        margin-right: 0;
    }
    .event-countdown__unit:before {
        margin-right: var(--spacing-horizontal-m);
        font-size: 3.75rem;
        top: 0.375rem;
    }
}
@media (min-width: 48rem) {
    .event-countdown--theme-dark
        .event-countdown
        .event-countdown__state
        .headline__sub,
    .event-countdown--theme-dark .event-countdown .event-countdown__eyebrow {
        color: var(--text-color-invert-body);
    }
}
.event-session {
    margin-bottom: var(--spacing-vertical-l);
}
.event-session:last-of-type {
    margin-bottom: 0;
}
.event-session__headline {
    grid-column: span 6;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .event-session__headline {
        padding-right: 16.6667%;
    }
}
@media (min-width: 80rem) {
    .event-session__headline {
        padding-right: 16.6667%;
    }
}
@media (max-width: 63.9375rem) {
    .event-session__description {
        margin-bottom: var(--spacing-vertical-m);
    }
}
@media (max-width: 47.9375rem) {
    .event-session__description {
        padding-right: 0;
    }
}
.event-session__text {
    margin-bottom: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .event-session__slots__holder {
        grid-row-gap: var(--spacing-vertical-xxl);
    }
}
.event-session__slots .session-entry {
    grid-column-end: span 6;
}
.event-session__slots .session-entry__date {
    margin-bottom: var(--spacing-vertical-m);
}
.event-session__slots .session-entry__date-date,
.event-session__slots .session-entry__date-time {
    display: block;
}
.event-session__slots .session-entry__date time {
    color: var(--text-color-text);
}
@media (max-width: 63.9375rem) {
    .event-session__slots .session-entry {
        grid-column-end: span 2;
    }
}
@media (max-width: 47.9375rem) {
    .event-session__slots .session-entry {
        margin-bottom: var(--spacing-vertical-l);
        grid-column-end: span 4;
    }
    .event-session__slots .session-entry:last-of-type {
        margin-bottom: 0;
    }
}
.extended-benefits-column-group .slideshow {
    margin-top: 0;
}
.extended-benefits-column-group .slideshow .swiper-button-prev,
.extended-benefits-column-group
    .slideshow
    .swiper-container-rtl
    .swiper-button-next {
    right: auto;
    left: calc(var(--spacing-horizontal-xs) + -0.75rem);
}
.extended-benefits-column-group .slideshow .swiper-button-next,
.extended-benefits-column-group
    .slideshow
    .swiper-container-rtl
    .swiper-button-prev {
    left: auto;
    right: calc(var(--spacing-horizontal-xs) + -0.75rem);
}
.extended-benefits-column-group .slideshow__item {
    box-sizing: border-box;
    width: 100%;
    padding-left: var(--spacing-horizontal-xs);
    padding-right: var(--spacing-horizontal-xs);
    flex: none;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .extended-benefits-column-group {
        margin-left: calc(var(--spacing-horizontal-m) / -2);
        margin-right: calc(var(--spacing-horizontal-m) / -2);
        width: auto;
        overflow: hidden;
    }
    .extended-benefits-column-group .slideshow__item {
        width: 50%;
        padding-left: calc(
            var(--spacing-horizontal-xs) + var(--spacing-horizontal-m) / 2
        );
        padding-right: calc(
            var(--spacing-horizontal-xs) + var(--spacing-horizontal-m) / 2
        );
    }
    .extended-benefits-column-group .slideshow .swiper-button-prev,
    .extended-benefits-column-group
        .slideshow
        .swiper-container-rtl
        .swiper-button-next {
        left: calc(var(--spacing-horizontal-xs) * -1);
    }
    .extended-benefits-column-group .slideshow .swiper-button-next,
    .extended-benefits-column-group
        .slideshow
        .swiper-container-rtl
        .swiper-button-prev {
        right: calc(var(--spacing-horizontal-xs) * -1);
    }
    .extended-benefits-column-group .slideshow__pagination-bar {
        width: 33.333%;
    }
}
@media (min-width: 64rem) {
    .extended-benefits-column-group .slideshow__list {
        width: auto;
        margin-left: calc(var(--spacing-horizontal-m) / -2);
        margin-right: calc(var(--spacing-horizontal-m) / -2);
    }
    .extended-benefits-column-group .slideshow__item {
        width: auto;
        margin-left: calc(var(--spacing-horizontal-m) / 2);
        margin-right: calc(var(--spacing-horizontal-m) / 2);
        flex: 100%;
    }
}
.extended-benefits-column-item__image {
    margin-bottom: var(--spacing-vertical-s);
}
.feature-abstract {
    word-break: break-word;
    width: 100%;
    max-width: 48rem;
    position: relative;
}
.feature-abstract-container {
    padding: var(--spacing-vertical-l) var(--spacing-horizontal-m);
    border: solid 0.0625rem var(--bg-color-light-04);
    position: relative;
}
@media (min-width: 48rem) {
    .feature-abstract-container {
        padding: var(--spacing-vertical-l) var(--spacing-horizontal-l);
    }
}
.feature-abstract-featured {
    background-color: var(--bg-color-light-02);
}
.feature-abstract-featured .feature-abstract-container {
    border: none;
}
.feature-abstract-featured .chip {
    position: absolute;
    top: -1.25rem;
}
.feature-abstract__image,
.feature-abstract__text {
    margin-top: var(--spacing-vertical-m);
}
.feature-abstract__headline-bullet-list {
    margin-top: var(--spacing-vertical-l);
}
.feature-abstract__feature-list {
    margin-top: var(--spacing-vertical-m);
}
.feature-abstract__bullet-list-section,
.feature-abstract__headline-bullet-list + .feature-abstract__bullet-list {
    margin-top: var(--spacing-vertical-s);
}
.feature-abstract section:last-of-type .feature-abstract__text,
.feature-abstract section:last-of-type .feature-abstract__feature-list,
.feature-abstract section:last-of-type .feature-abstract__bullet-list {
    margin-bottom: 0;
}
.feature-abstract .button-link {
    margin-top: var(--spacing-vertical-l);
}
.feature-abstract .divider {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: 0;
}
.feature-list__list-item {
    width: 100%;
    margin-bottom: var(--spacing-vertical-s);
    padding-left: 3.5rem;
    display: block;
    position: relative;
}
.feature-list__list-item:last-child {
    margin-bottom: 0;
}
.feature-list__label {
    font-family: var(--font-family-frutiger);
    color: var(--text-color-headlines);
    align-content: center;
    min-height: 2.5rem;
    font-style: normal;
    font-weight: 700;
    display: inline-block;
}
.feature-list__image {
    width: 2.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.footer-country-switch {
    --country-switch-cols-global: 1/-1;
    --country-switch-cols-local: 1/-1;
}
@media (min-width: 48rem) {
    .footer-country-switch {
        --country-switch-cols-global: 1/2;
        --country-switch-cols-local: 2/-1;
    }
}
.footer-country-switch .accordion > ul {
    grid-column-gap: var(--country-list-gap);
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
}
@media (min-width: 48rem) {
    .footer-country-switch .accordion > ul > .accordion__item {
        grid-template-columns: subgrid;
        border-top: none;
        grid-template-rows: auto auto;
        align-content: start;
        display: grid;
    }
    .footer-country-switch
        .accordion
        > ul
        > .accordion__item
        .accordion__button {
        width: auto;
    }
}
.footer-country-switch .accordion > ul > .accordion__item:first-child {
    border-top: 1px solid var(--border-color-inactive);
    grid-column: var(--country-switch-cols-global);
}
@media (min-width: 48rem) {
    .footer-country-switch .accordion > ul > .accordion__item:first-child {
        border-top: none;
    }
}
.footer-country-switch .accordion > ul > .accordion__item:nth-child(2) {
    grid-column: var(--country-switch-cols-local);
}
@media (min-width: 48rem) {
    .footer-country-switch .accordion > ul > .accordion__item:nth-child(2) {
        border-top: none;
    }
}
.footer-country-switch
    .accordion
    > ul
    .accordion__item
    .accordion__content-container {
    overflow: unset;
    grid-column: 1/-1;
    margin-inline-start: var(--grid-margin);
    margin-inline-end: var(--grid-margin);
    padding-inline-start: calc(var(--grid-margin) + var(--grid-gutter));
    padding-inline-end: calc(var(--grid-margin) + var(--grid-gutter));
    transition: margin-top 0.3s;
}
@media (min-width: 48rem) {
    .footer-country-switch
        .accordion
        > ul
        .accordion__item
        .accordion__content-container {
        margin-inline: 0;
        padding-inline-start: initial;
        padding-inline-end: initial;
    }
}
.footer-country-switch
    .accordion
    > ul
    .accordion__item
    .accordion__content-container--opened {
    margin-top: calc(var(--spacing-horizontal-xs) * -1);
    transition: margin-top 0.3s;
}
@media (min-width: 48rem) {
    .footer-country-switch .accordion > ul .accordion__item {
        margin-top: var(--spacing-vertical-m);
    }
}
.footer-country-switch .accordion > ul .accordion__item .accordion__button {
    text-transform: initial;
}
@media (min-width: 48rem) {
    .footer-country-switch .accordion > ul .accordion__item .accordion__button {
        letter-spacing: var(--letter-spacing-1);
        grid-column: 1/-1;
        margin-bottom: 0;
        padding: 0;
        font-size: 1rem;
    }
}
.footer-country-switch
    .accordion
    > ul
    .accordion__item
    .accordion__button
    .accordion__button-container {
    margin-inline-start: var(--grid-margin);
    margin-inline-end: var(--grid-margin);
    padding-inline-start: calc(var(--grid-margin) + var(--grid-gutter));
    padding-inline-end: calc(var(--grid-margin) + var(--grid-gutter));
}
@media (min-width: 48rem) {
    .footer-country-switch
        .accordion
        > ul
        .accordion__item
        .accordion__button
        .accordion__button-container {
        margin-inline: 0;
        padding-inline-start: initial;
        padding-inline-end: initial;
    }
    .country-switch-list__description {
        padding-top: var(--spacing-vertical-m);
        max-width: 70ch;
    }
}
.country-switch-list__wrapper {
    margin-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .country-switch-list__wrapper {
        margin-top: var(--spacing-vertical-l);
    }
}
.country-switch-list__wrapper
    .country-switch-list__group
    .country-switch-list__group__item-title {
    margin-bottom: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .country-switch-list__wrapper
        .country-switch-list__group
        .country-switch-list__group__item-title {
        margin-bottom: var(--spacing-vertical-xs);
        margin-inline-end: var(--country-list-gap);
    }
}
.country-switch-list__group {
    margin-bottom: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .country-switch-list__group {
        margin-bottom: var(--spacing-vertical-s);
    }
}
.country-switch-list__group__item-link {
    margin-bottom: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .country-switch-list__group__item-link {
        margin-bottom: var(--spacing-vertical-xs);
        margin-inline-end: var(--country-list-gap);
    }
}
.country-switch-list__group__item-link .country-switch-list__link {
    color: var(--text-color-headlines);
    background-image: linear-gradient(transparent 20%, currentColor 21%);
    background-position: 0 1.25rem;
    background-repeat: no-repeat;
    background-size: 0 0.125rem;
    transition: background-size 0.3s ease-out;
}
[dir="rtl"] .country-switch-list__group__item-link .country-switch-list__link {
    background-position: right 1.25rem;
}
.country-switch-list__group__item-link .country-switch-list__link:hover,
.country-switch-list__group__item-link .country-switch-list__link:focus {
    color: var(--color-black);
    background-size: 100% 0.125rem;
    transition-delay: 0s;
}
.country-switch-list__group__item-link
    .country-switch-list__link:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.country-switch-list__group__item-link--active .country-switch-list__link {
    color: var(--color-black);
    background-size: 100% 0.125rem;
    transition-delay: 0s;
}
@media (min-width: 48rem) {
    .accordion
        ul
        > .accordion__item:nth-child(2)
        .country-switch-list__wrapper {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: var(--country-list-gap);
        column-gap: var(--country-list-gap);
    }
    .accordion
        ul
        > .accordion__item:nth-child(2)
        .country-switch-list__wrapper
        .country-switch-list__group {
        width: 100%;
        display: inline-block;
    }
}
.footer-disclaimer .footer-disclaimer__content {
    letter-spacing: 0.005em;
    padding: var(--spacing-vertical-m);
    color: var(--text-color-body);
    border: 1px solid var(--border-color-inactive);
    border-radius: 3px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:lang(ar) .footer-disclaimer .footer-disclaimer__content {
    line-height: 1.5rem;
}
.footer-legal-links {
    color: var(--color-white);
}
.footer-legal-links__background-column {
    background-color: var(--bg-color-dark-01);
    position: absolute;
    inset: 0;
}
.footer-legal-links .accordion {
    border: none;
}
.footer-legal-links .accordion__button {
    font-family: var(--font-family-frutiger);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    line-height: 1.25;
}
.footer-legal-links .accordion__button:hover,
.footer-legal-links .accordion__button:focus {
    background-color: transparent;
}
.footer-legal-links .accordion__button svg {
    fill: var(--color-white);
}
@media (min-width: 48rem) {
    .footer-legal-links .accordion__button {
        display: none;
    }
}
.footer-legal-links .accordion__content-container,
.footer-legal-links
    .accordion__item
    .accordion__button
    .accordion__button-container {
    padding-inline: 0;
}
.footer-legal-links
    .accordion__item
    .accordion__button
    .accordion__button-container
    .accordion__headline {
    color: var(--color-white);
}
.footer-legal-links__tooltip,
.footer-legal-links .accordion-links a {
    font-family: var(--font-family-frutiger);
    color: var(--color-white);
    letter-spacing: 0.5px;
    margin-bottom: var(--spacing-vertical-l);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    line-height: 1.2;
}
@media (min-width: 48rem) {
    .footer-legal-links__tooltip,
    .footer-legal-links .accordion-links a {
        font-family: var(--font-family-frutiger);
        letter-spacing: normal;
        margin-bottom: 0;
        margin-inline-start: var(--spacing-horizontal-l);
        padding-top: 0.375rem;
        padding-bottom: 0.4375rem;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.71;
        display: inline-block;
    }
    .footer-legal-links__tooltip:first-child,
    .footer-legal-links .accordion-links a:first-child {
        margin-inline-start: 0;
    }
}
.footer-legal-links__tooltip {
    margin-bottom: var(--spacing-vertical-s);
    position: relative;
}
.footer-legal-links__tooltip .icon {
    display: none;
}
.footer-legal-links__tooltip-text {
    letter-spacing: 0.005em;
    margin-top: var(--spacing-vertical-s);
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
}
:lang(ar) .footer-legal-links__tooltip-text {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .footer-legal-links .accordion__content-container {
        justify-content: space-between;
        display: flex;
        overflow: visible;
    }
    .footer-legal-links__tooltip {
        cursor: help;
        margin-bottom: 0;
        padding-inline-start: 1.375rem;
        display: inline-block;
    }
    .footer-legal-links__tooltip:hover {
        text-decoration: underline;
    }
    .footer-legal-links__tooltip:hover .footer-legal-links__tooltip-text {
        visibility: visible;
        opacity: 1;
    }
    .footer-legal-links__tooltip .icon {
        inset-inline-start: 0;
        width: 1.125rem;
        display: block;
        position: absolute;
        top: 0.5rem;
    }
    .footer-legal-links__tooltip .icon svg {
        fill: var(--color-white);
    }
    .footer-legal-links__tooltip-text {
        letter-spacing: 0.005em;
        box-shadow: var(--elevation-low);
        visibility: hidden;
        padding: var(--spacing-vertical-xs);
        opacity: 0;
        z-index: 1000;
        background-color: var(--bg-color-dark-03);
        width: 20rem;
        color: var(--text-color-invert-body);
        bottom: 2.625rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        transition: all 0.5s ease-out;
        position: absolute;
        inset-inline-end: 0;
    }
    :lang(ar) .footer-legal-links__tooltip-text {
        line-height: 1.375rem;
    }
    .footer-legal-links__tooltip-text:after {
        box-shadow: var(--elevation-low);
        content: "";
        border: 0 solid transparent;
        border-width: 0 0.5rem;
        border-top: 0.6875rem solid var(--bg-color-dark-03);
        width: 0;
        height: 0;
        bottom: 0;
        position: absolute;
        inset-inline-end: var(--spacing-horizontal-xs);
        transform: translateY(100%);
    }
    .footer-tabs {
        margin-top: var(--spacing-vertical-m);
        margin-bottom: var(--spacing-vertical-m);
    }
}
.footer-tabs__tab {
    border-top: 1px solid var(--bg-color-light-03);
    grid-column: 1/-1;
    margin-inline-start: calc(var(--grid-margin) * -1);
    margin-inline-end: calc(var(--grid-margin) * -1);
    padding-inline-start: var(--grid-margin);
    padding-inline-end: var(--grid-margin);
    position: relative;
}
.footer-tabs__tab:first-child {
    border-top: none;
}
.footer-tabs__tab--active + .footer-tabs__tab-content-container {
    height: auto;
}
@media (min-width: 48rem) {
    .footer-tabs__tab {
        box-shadow: var(--elevation-low);
        background-color: var(--color-white);
        z-index: 1;
        border-top: 0;
        grid-area: 1/1 / auto/4;
        margin-inline: 0;
        padding-inline: 0;
    }
    .footer-tabs__tab--active.footer-tabs__tab:before {
        height: var(--spacing-vertical-s);
        transform: translateY(100%);
    }
    .footer-tabs__tab:before {
        content: "";
        background-color: var(--color-white);
        height: 0;
        transition: all 0.1s linear;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(0);
    }
}
@media (min-width: 64rem) {
    .footer-tabs__tab {
        grid-column: 1/7;
    }
}
@media (min-width: 48rem) {
    .footer-tabs__tab:nth-child(3) {
        grid-column: 4/-1;
    }
}
@media (min-width: 64rem) {
    .footer-tabs__tab:nth-child(3) {
        grid-column: 7/-1;
    }
}
.footer-tabs__tab-title {
    cursor: pointer;
    padding-top: 1.0625rem;
    padding-bottom: 0.875rem;
    position: relative;
}
@media (min-width: 48rem) {
    .footer-tabs__tab-title {
        padding-inline-start: var(--spacing-horizontal-m);
        padding-inline-end: var(--spacing-horizontal-m);
        padding-top: 1.0625rem;
        padding-bottom: 0.8125rem;
    }
}
.footer-tabs__tab-title__selection {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.5px;
    color: var(--text-color-headlines);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 48rem) {
    .footer-tabs__tab-title__selection {
        font-size: 1rem;
        line-height: 1.5;
    }
}
@media (min-width: 90rem) {
    .footer-tabs__tab-title__selection {
        font-size: 1.25rem;
        line-height: 1.2;
    }
}
.footer-tabs__tab-title .icon {
    top: 50%;
    width: 1.5rem;
    position: absolute;
    inset-inline-end: 0;
    transform: translateY(-50%);
}
@media (min-width: 48rem) {
    .footer-tabs__tab-title .icon {
        inset-inline-end: var(--spacing-horizontal-m);
    }
}
.footer-tabs__tab-content-container {
    grid-column: 1/-1;
    grid-row: initial;
    height: 0;
    position: relative;
    overflow: hidden;
}
@media (min-width: 48rem) {
    .footer-tabs__tab-content-container {
        box-shadow: var(--elevation-low);
        background-color: var(--color-white);
        margin-top: var(--spacing-vertical-s);
        grid-row: 2;
    }
}
.footer-tabs__tab-content-container--opened {
    height: auto;
}
.footer-tabs__tab-content {
    opacity: 1;
    height: 0;
    overflow: hidden;
}
.footer-tabs__tab-content.grid-structure {
    margin-top: 0;
    margin-bottom: 0;
}
@media (min-width: 48rem) {
    .footer-tabs__tab-content {
        transition: all 0.8s ease-out;
    }
}
.footer-tabs__tab-content--visible {
    height: auto;
}
.footer-tabs__website-area .footer-tabs__tab-content {
    margin-top: 1.625rem;
}
@media (min-width: 48rem) {
    .footer-tabs__website-area .footer-tabs__tab-content {
        grid-column-gap: var(--grid-gutter);
        padding-top: var(--spacing-vertical-m);
        margin-top: 0;
        grid-template-columns: repeat(3, 1fr);
        margin-inline-start: var(--grid-gutter);
        margin-inline-end: var(--grid-gutter);
        display: grid;
    }
    .footer-tabs__website-area .footer-tabs__tab-content .grid__column--33 {
        grid-column: span 1;
    }
}
.footer-tabs__website-area__list li {
    margin-bottom: var(--spacing-vertical-l);
}
@media (min-width: 48rem) {
    .footer-tabs__website-area__list li {
        margin-bottom: var(--spacing-vertical-s);
    }
}
@media (min-width: 90rem) {
    .footer-tabs__website-area__list li {
        margin-bottom: var(--spacing-vertical-m);
    }
}
.footer-tabs__website-area__link {
    font-family: var(--font-family-frutiger);
    color: var(--text-color-headlines);
    letter-spacing: 0.5px;
    background-image: linear-gradient(transparent 20%, currentColor 21%);
    background-position: 0 1.25rem;
    background-repeat: no-repeat;
    background-size: 0 0.125rem;
    outline: none;
    padding-bottom: 0.375rem;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    line-height: 1.2;
    text-decoration: none;
    transition: background-size 0.3s ease-out;
    display: inline;
    position: relative;
}
:lang(ar) .footer-tabs__website-area__link {
    line-height: 1.4;
}
[dir="rtl"] .footer-tabs__website-area__link {
    background-position: right 1.25rem;
}
@media (max-width: 47.9375rem) {
    .footer-tabs__website-area__link {
        background-position-y: 1.5rem;
    }
    [dir="rtl"] .footer-tabs__website-area__link {
        background-position-y: 1.5rem;
    }
    :lang(ar) .footer-tabs__website-area__link {
        background-position-y: 2.25rem;
    }
}
.footer-tabs__website-area__link--active {
    color: var(--text-color-headlines);
    background-size: 100% 0.125rem;
    transition-delay: 0s;
}
.footer-tabs__website-area__link:hover {
    color: var(--interaction-color-hover);
    background-image: linear-gradient(transparent 20%, currentColor 21%);
    background-size: 100% 0.125rem;
    transition-delay: 0s;
}
.footer-tabs__website-area__link:focus {
    color: var(--interaction-color-focused);
    background-image: linear-gradient(transparent 20%, currentColor 21%);
    background-size: 100% 0.125rem;
    transition-delay: 0s;
}
@media (min-width: 48rem) {
    .footer-tabs__website-area__link {
        font-size: 1rem;
        line-height: 1.5;
    }
    :lang(ar) .footer-tabs__website-area__link {
        background-position-y: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .footer-tabs__website-area__link {
        background-position: 0 1.5rem;
        font-size: 1.25rem;
        line-height: 1.2;
    }
    [dir="rtl"] .footer-tabs__website-area__link {
        background-position: right 1.5rem;
    }
    :lang(ar) .footer-tabs__website-area__link {
        background-position-y: 2.25rem;
    }
}
@media (min-width: 22.5rem) and (max-width: 47.9375rem) {
    .footer-tabs__country-switch {
        margin-left: calc(var(--grid-negative-margin) * -1);
        margin-right: calc(var(--grid-negative-margin) * -1);
    }
}
.general-overlay-link {
    display: inline-block;
}
@media (max-width: 63.9375rem) {
    .grid__container--full-bleed .grid-and-tiles-tile {
        min-height: 100vw;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .grid__container--full-bleed .grid-and-tiles-tile {
        min-height: 29.2rem;
    }
}
.grid-and-tiles {
    grid-gap: var(--spacing-horizontal-xxs);
    display: grid;
    position: relative;
}
.grid-and-tiles-tile {
    min-height: calc(100vw - 2 * var(--grid-margin));
    display: flex;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .grid-and-tiles {
        grid-template-columns: repeat(6, 1fr);
    }
    .grid-and-tiles-tile {
        grid-column-start: span 3;
        min-height: 29.2rem;
    }
    .grid-and-tiles--count-1 .grid-and-tiles-tile,
    .grid-and-tiles--count-2 .grid-and-tiles-tile:first-child {
        grid-column-start: span 6;
    }
    .grid-and-tiles--count-2 .grid-and-tiles-tile:last-child,
    .grid-and-tiles--count-3 .grid-and-tiles-tile:last-child {
        grid-row-start: span 1;
        min-height: 14.6rem;
    }
    .grid-and-tiles--count-4 .grid-and-tiles-tile:nth-child(3) {
        grid-column-start: span 6;
    }
    .grid-and-tiles--count-4 .grid-and-tiles-tile:last-child,
    .grid-and-tiles--count-5 .grid-and-tiles-tile:last-child {
        grid-row-start: span 1;
        min-height: 14.6rem;
    }
    .grid-and-tiles.grid-and-tiles--cta-enabled .grid-and-tiles-cta {
        grid-row-start: span 1;
        grid-column-start: span 3;
    }
    .grid-and-tiles.grid-and-tiles--cta-enabled.grid-and-tiles--count-2
        .grid-and-tiles-tile:nth-last-child(2),
    .grid-and-tiles.grid-and-tiles--cta-enabled.grid-and-tiles--count-3
        .grid-and-tiles-tile:nth-last-child(2),
    .grid-and-tiles.grid-and-tiles--cta-enabled.grid-and-tiles--count-4
        .grid-and-tiles-tile:nth-last-child(2),
    .grid-and-tiles.grid-and-tiles--cta-enabled.grid-and-tiles--count-5
        .grid-and-tiles-tile:nth-last-child(2) {
        grid-row-start: span 1;
        min-height: 14.6rem;
    }
}
@media (min-width: 64rem) {
    .grid-and-tiles {
        grid-template-columns: repeat(6, 1fr);
    }
    .grid-and-tiles-tile {
        grid-row-start: span 2;
        grid-column-start: span 2;
        min-height: 29.2rem;
    }
    .grid-and-tiles--count-1 .grid-and-tiles-tile {
        grid-column-start: span 6;
    }
    .grid-and-tiles--count-2 .grid-and-tiles-tile:first-child {
        grid-column-start: span 4;
    }
    .grid-and-tiles--count-2 .grid-and-tiles-tile:nth-child(2) {
        grid-column-start: span 2;
    }
    .grid-and-tiles--count-4 .grid-and-tiles-tile:first-child,
    .grid-and-tiles--count-4 .grid-and-tiles-tile:nth-child(2) {
        grid-column-start: span 3;
    }
    .grid-and-tiles--count-4 .grid-and-tiles-tile:nth-child(3) {
        grid-column-start: span 4;
    }
    .grid-and-tiles--count-5 .grid-and-tiles-tile:first-child,
    .grid-and-tiles--count-5 .grid-and-tiles-tile:nth-child(2) {
        grid-column-start: span 3;
    }
    .grid-and-tiles.grid-and-tiles--cta-enabled
        .grid-and-tiles-tile:nth-last-child(2) {
        grid-row-start: span 1;
        min-height: 14.6rem;
    }
    .grid-and-tiles.grid-and-tiles--cta-enabled .grid-and-tiles-cta {
        grid-row-start: span 1;
        grid-column-start: span 2;
    }
    .grid-and-tiles.grid-and-tiles--cta-enabled--count-3 .grid-and-tiles-cta,
    .grid-and-tiles.grid-and-tiles--cta-enabled--count-5 .grid-and-tiles-cta {
        grid-column-start: span 2;
    }
}
.grid-and-tiles-cta {
    margin-top: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .grid-and-tiles-cta {
        margin-top: 0;
    }
    .grid-and-tiles-cta__button {
        align-items: flex-end;
        width: 100%;
        height: 100%;
        display: flex;
    }
}
.grid-and-tiles-cta__text {
    text-align: left;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
@media (min-width: 48rem) {
    .grid-and-tiles-cta__text {
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 900;
    }
}
.grid-and-tiles-cta .button-link a:hover .button__text,
.grid-and-tiles-cta .button-link a:active .button__text,
.grid-and-tiles-cta .button-link a:focus .button__text {
    background-size: 0 0;
}
@media (min-width: 48rem) {
    .grid-and-tiles-cta .button-link a:not(.button-link--icon-flow-start),
    .grid-and-tiles-cta .button-link .country-switch-trigger {
        width: 100%;
        height: 100%;
        min-height: 9rem;
        padding: var(--spacing-vertical-l) var(--spacing-horizontal-l);
        color: var(--color-white);
        background-color: var(--interaction-color-link);
        border-radius: 0;
        justify-content: flex-start;
        align-items: flex-end;
        display: flex;
    }
    .grid-and-tiles-cta .button-link a:not(.button-link--icon-flow-start):hover,
    .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start):active,
    .grid-and-tiles-cta .button-link a:not(.button-link--icon-flow-start):focus,
    .grid-and-tiles-cta .button-link .country-switch-trigger:hover,
    .grid-and-tiles-cta .button-link .country-switch-trigger:active,
    .grid-and-tiles-cta .button-link .country-switch-trigger:focus {
        background-color: var(--interaction-color-hover);
    }
    .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    .grid-and-tiles-cta .button-link .country-switch-trigger .button__text {
        font-family: var(--font-family-frutiger);
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.75rem;
    }
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        .country-switch-trigger
        .button__text {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    .grid-and-tiles-cta .button-link .country-switch-trigger .button__text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        .country-switch-trigger
        .button__text {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 64rem) {
    .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    .grid-and-tiles-cta .button-link .country-switch-trigger .button__text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        .country-switch-trigger
        .button__text {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    .grid-and-tiles-cta .button-link .country-switch-trigger .button__text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        .country-switch-trigger
        .button__text {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    .grid-and-tiles-cta .button-link .country-switch-trigger .button__text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .button__text,
    :lang(ar)
        .grid-and-tiles-cta
        .button-link
        .country-switch-trigger
        .button__text {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) {
    .grid-and-tiles-cta .button-link a:not(.button-link--icon-flow-start) .icon,
    .grid-and-tiles-cta .button-link .country-switch-trigger .icon {
        top: 0.313rem;
    }
    .grid-and-tiles-cta
        .button-link
        a:not(.button-link--icon-flow-start)
        .svg-scale-wrapper,
    .grid-and-tiles-cta
        .button-link
        .country-switch-trigger
        .svg-scale-wrapper {
        width: 1.5rem;
        height: 1.5rem;
    }
}
.grid-and-tiles-tile {
    transition:
        box-shadow 0.1s ease-in,
        -webkit-filter 0.1s ease-in,
        filter 0.1s ease-in;
}
.grid-and-tiles-tile .grid-and-tiles-tile__content {
    flex-grow: 1;
    display: flex;
    position: relative;
    overflow: hidden;
}
.grid-and-tiles-tile .grid-and-tiles-tile__text-box {
    background: linear-gradient(
        rgba(255, 255, 255, 0.63) 9.38%,
        rgba(255, 255, 255, 0.42) 54.69%,
        rgba(255, 255, 255, 0) 100%
    );
}
.grid-and-tiles-tile--background-image-color-dark
    .grid-and-tiles-tile__text-box {
    background: linear-gradient(
        rgba(0, 0, 0, 0.63) 9.38%,
        rgba(0, 0, 0, 0.42) 54.69%,
        transparent 100%
    );
}
.grid-and-tiles-tile--background-image-color--none
    .grid-and-tiles-tile__text-box {
    background: 0 0;
}
.grid-and-tiles-tile--blur {
    -webkit-filter: blur(0.2rem);
    filter: blur(0.2rem);
    z-index: -1;
    transform: translateZ(0);
}
.grid-and-tiles-tile .lazy-background-video,
.grid-and-tiles-tile .lazy-background-image {
    transition:
        -webkit-filter 0.25s ease-in-out,
        filter 0.25s ease-in-out;
}
.grid-and-tiles-tile .lazy-background-video > .lazy-background-video__video {
    display: block;
}
@media (min-width: 48rem) {
    .grid-and-tiles-tile .lazy-background-video > .lazy-background-image {
        opacity: 1;
        z-index: 0;
    }
}
.grid-and-tiles-tile .lazy-background-video__video-controls {
    display: none;
}
.grid-and-tiles-tile:hover {
    box-shadow: var(--elevation-overlay);
}
@media (min-width: 48rem) {
    .grid-and-tiles-tile:hover .lazy-background-video > .lazy-background-image {
        opacity: 0;
    }
}
.grid-and-tiles-tile__link {
    z-index: 1;
    width: 100%;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}
.grid-and-tiles-tile__link .grid-and-tiles-tile__text-box {
    padding-top: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-l);
    padding-inline-start: var(--spacing-horizontal-m);
    padding-inline-end: var(--spacing-horizontal-m);
}
@media (min-width: 48rem) {
    .grid-and-tiles-tile__link .grid-and-tiles-tile__text-box {
        padding-inline-start: var(--spacing-horizontal-l);
        padding-inline-end: var(--spacing-horizontal-l);
    }
}
.grid-and-tiles-tile--headline-bottom .grid-and-tiles-tile__link {
    align-items: flex-end;
    display: flex;
}
.grid-and-tiles-tile--headline-bottom
    .grid-and-tiles-tile__link
    .grid-and-tiles-tile__text-box {
    flex-basis: 100%;
}
.grid-and-tiles-tile--headline-bottom .grid-and-tiles-tile__text-box {
    background: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.42) 47.4%,
        rgba(255, 255, 255, 0.63) 89.06%
    );
}
.grid-and-tiles-tile--headline-bottom.grid-and-tiles-tile--background-image-color-dark
    .grid-and-tiles-tile__text-box {
    background: linear-gradient(
        transparent 0%,
        rgba(0, 0, 0, 0.42) 47.4%,
        rgba(0, 0, 0, 0.63) 89.06%
    );
}
.grid-and-tiles-tile--headline-bottom.grid-and-tiles-tile--background-image-color--none
    .grid-and-tiles-tile__text-box {
    background: 0 0;
}
.grid-and-tiles-tile .headline {
    width: 100%;
}
.grid-and-tiles-tile--text-box-width-s-3-4 .headline {
    width: 75%;
}
@media (min-width: 48rem) {
    .grid-and-tiles-tile .headline,
    .grid-and-tiles-tile--text-box-width-m-full .headline {
        width: 100%;
    }
    .grid-and-tiles-tile--text-box-width-m-3-4 .headline {
        width: 75%;
    }
    .grid-and-tiles-tile--text-box-width-m-2-3 .headline {
        width: 66.6%;
    }
    .grid-and-tiles-tile--text-box-width-m-1-2 .headline {
        width: 50%;
    }
}
@media (min-width: 64rem) {
    .grid-and-tiles-tile .headline {
        width: 75%;
    }
    .grid-and-tiles-tile--text-box-width-l-full .headline {
        width: 100%;
    }
    .grid-and-tiles-tile--text-box-width-l-3-4 .headline {
        width: 75%;
    }
    .grid-and-tiles-tile--text-box-width-l-2-3 .headline {
        width: 66.6%;
    }
    .grid-and-tiles-tile--text-box-width-l-1-2 .headline {
        width: 50%;
    }
}
@media (min-width: 80rem) {
    .grid-and-tiles-tile .headline {
        width: 66.6%;
    }
    .grid-and-tiles-tile--text-box-width-xl-full .headline {
        width: 100%;
    }
    .grid-and-tiles-tile--text-box-width-xl-3-4 .headline {
        width: 75%;
    }
    .grid-and-tiles-tile--text-box-width-xl-2-3 .headline {
        width: 66.6%;
    }
    .grid-and-tiles-tile--text-box-width-xl-1-2 .headline {
        width: 50%;
    }
}
body.touch-device .grid-and-tiles-tile .lazy-background-video {
    z-index: unset;
}
body.touch-device
    .grid-and-tiles-tile
    .lazy-background-video
    > .lazy-background-image {
    opacity: 0;
}
body.touch-device .grid-and-tiles-tile .lazy-background-video__video-controls {
    opacity: 1;
    z-index: 2;
    display: block;
}
.header-disclaimer {
    background-color: var(--bg-color-light-03);
    letter-spacing: 0.005em;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    display: none;
    position: relative;
    top: 0;
    overflow: hidden;
}
:lang(ar) .header-disclaimer {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .header-disclaimer {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .header-disclaimer {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .header-disclaimer {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .header-disclaimer {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .header-disclaimer {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .header-disclaimer {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .header-disclaimer {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .header-disclaimer {
        line-height: 1.75rem;
    }
}
.header-disclaimer__content-container {
    align-items: flex-end;
    gap: var(--spacing-vertical-xxs);
    padding-top: var(--spacing-vertical-xs);
    padding-bottom: var(--spacing-vertical-s);
    box-sizing: border-box;
    flex-direction: column;
    max-width: 102rem;
    margin: 0 auto;
    padding-inline-start: var(--grid-margin);
    padding-inline-end: var(--grid-margin);
    display: flex;
}
@media (min-width: 48rem) {
    .header-disclaimer__content-container {
        gap: var(--spacing-horizontal-s);
        padding-bottom: var(--spacing-vertical-xs);
        flex-direction: row-reverse;
        align-items: center;
    }
}
@media (min-width: 64rem) {
    .header-disclaimer__content-container {
        gap: var(--spacing-horizontal-xxl);
    }
}
.header-disclaimer__close-button {
    flex-shrink: 0;
    align-self: flex-start;
    margin-inline-start: auto;
}
.header-disclaimer__text-content {
    color: var(--text-color-headlines);
}
@media (max-width: 47.9375rem) {
    .header-disclaimer__text-content {
        padding-inline-end: 1.25rem;
    }
}
.header-disclaimer__text-content a:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.header--expanded .header-disclaimer {
    height: 0;
}
.header__megamenu .button-group .button-link:not(:last-child) {
    margin-bottom: 1rem;
}
@media (min-width: 48rem) {
    .header__megamenu .button-group .button-link:not(:last-child) {
        margin-bottom: 0;
    }
}
.header__megamenu .button-group .button-link {
    width: 100%;
}
.header__megamenu .button-group .button-link a {
    flex: 1 0 100%;
    justify-content: center;
    display: flex;
}
@media (min-width: 48rem) {
    .header__megamenu .button-group .button-link {
        width: auto;
    }
}
.header .header__megamenu {
    z-index: 5040;
    width: 100vw;
    max-height: calc(100vh - var(--header-overlay-top-offset));
    flex: 1 0 auto;
    position: fixed;
    inset-inline-start: 100%;
    overflow-y: scroll;
}
@media (min-width: 48rem) {
    .header .header__megamenu {
        top: calc(
            var(--header-navigation-area-height) +
                var(--header-meta-visible-height)
        );
    }
}
@media (min-width: 64rem) {
    .header .header__megamenu {
        top: calc(
            var(--header-overlay-top-offset) - var(--header-meta-visible-height)
        );
        max-height: calc(100vh - var(--header-overlay-top-offset));
        height: 0;
        position: fixed;
        left: 0;
        right: 0;
    }
}
.header .header__megamenu--opened {
    bottom: 0;
}
@media (min-width: 64rem) {
    .header .header__megamenu--opened {
        height: auto;
        max-height: calc(
            100vh - var(--header-overlay-top-offset) +
                var(--header-meta-visible-height)
        );
        bottom: auto;
    }
}
.header .header__megamenu__menu {
    display: none;
}
.header .header__megamenu__menu--visible {
    display: block;
}
@media (min-width: 64rem) {
    .header .header__megamenu__menu--visible {
        padding-top: calc(1.5rem + var(--spacing-vertical-s));
    }
    .header--no-campaign .header__megamenu,
    .header--no-campaign .header__megamenu__backdrop {
        top: var(--header-overlay-top-offset);
    }
    .header--no-campaign .header__megamenu--opened {
        max-height: calc(100vh - var(--header-overlay-top-offset));
    }
}
.header--got-animated .header__megamenu {
    top: var(--header-overlay-top-offset-shrink);
    max-height: calc(100vh - var(--header-overlay-top-offset-shrink));
}
@media (min-width: 64rem) {
    .header--got-animated .header__megamenu {
        top: calc(
            var(--header-overlay-top-offset-shrink) -
                var(--header-meta-hidden-height)
        );
        max-height: calc(100vh - var(--header-overlay-top-offset-shrink));
    }
    .header--got-animated .header__megamenu__backdrop {
        top: calc(
            var(--header-overlay-top-offset-shrink) -
                var(--header-meta-hidden-height)
        );
    }
    .header--got-animated .header__megamenu--opened {
        max-height: calc(
            100vh - var(--header-overlay-top-offset-shrink) +
                var(--header-meta-hidden-height)
        );
    }
    .header--got-animated.header--no-campaign .header__megamenu,
    .header--got-animated.header--no-campaign .header__megamenu__backdrop {
        top: calc(
            var(--header-overlay-top-offset-shrink) -
                var(--header-meta-hidden-height)
        );
    }
    .header--got-animated.header--no-campaign .header__megamenu--opened {
        max-height: calc(
            100vh - var(--header-overlay-top-offset-shrink) +
                var(--header-meta-hidden-height)
        );
    }
}
.header__megamenu__close-button-container {
    display: none;
}
@media (min-width: 64rem) {
    .header__megamenu--opened .header__megamenu__close-button-container {
        padding-top: var(--spacing-vertical-s);
        height: calc(1.5rem + var(--spacing-vertical-s));
        background-color: var(--bg-color-secondary);
        z-index: 5041;
        width: 100%;
        transition: position 0.5s ease-out;
        display: block;
        position: absolute;
        inset-inline-start: 50%;
        transform: translate(-50%);
    }
    [dir="rtl"]
        .header__megamenu--opened
        .header__megamenu__close-button-container {
        transform: translate(50%);
    }
}
.header__megamenu__close-button {
    top: 0;
    cursor: pointer;
    position: absolute;
    inset-inline-end: 0;
}
.header__megamenu__close-button:hover {
    fill: var(--interaction-color-hover);
}
.header__megamenu__close-button:focus {
    fill: var(--interaction-color-focused);
}
.header__megamenu__close-button .icon {
    width: 1.5rem;
    height: 1.5rem;
}
.header__megamenu__quick-links {
    padding-top: var(--spacing-vertical-xxl);
    grid-area: 4/1 / auto/-1;
    position: relative;
}
.header__megamenu__quick-links:before {
    content: "";
    background-color: var(--border-color-inactive);
    height: 1px;
    left: calc(var(--grid-margin) * -1);
    right: calc(var(--grid-margin) * -1);
    position: absolute;
    top: 0;
}
.header__megamenu__quick-links .header__megamenu__quick-link-container {
    margin-bottom: var(--spacing-vertical-xl);
}
.header__megamenu__quick-links
    .header__megamenu__quick-link-container:last-child {
    margin-bottom: 0;
}
@media (min-width: 64rem) {
    .header__megamenu__quick-links .header__megamenu__quick-link-container {
        margin-bottom: var(--spacing-vertical-l);
    }
}
.header__megamenu__quick-links--underneath {
    grid-row: 5;
}
@media (min-width: 64rem) {
    .header__megamenu__quick-links--underneath
        .header__megamenu__quick-link-container {
        margin-bottom: 0;
    }
}
.header__megamenu__quick-links--underneath
    .header__megamenu__quick-link-container:first-child,
.header__megamenu__quick-links--underneath
    .header__megamenu__quick-link-container:nth-child(2),
.header__megamenu__quick-links--underneath
    .header__megamenu__quick-link-container:nth-child(3) {
    grid-column: 1/-1;
}
@media (min-width: 48rem) {
    .header__megamenu__quick-links {
        grid-column: 1/-1;
    }
}
@media (min-width: 64rem) {
    .header__megamenu__quick-links {
        grid-area: 2/9 / auto/12;
        padding-top: 0;
    }
    .header__megamenu__quick-links:before {
        margin-top: var(--spacing-vertical-l);
        margin-bottom: var(--spacing-vertical-l);
    }
    .header__megamenu__quick-links:not(
            .header__megamenu__quick-links--underneath
        ).header__megamenu__quick-links:before {
        display: none;
    }
    .header__megamenu__quick-links--underneath {
        padding-top: calc(var(--spacing-vertical-l) * 2);
        grid-area: 3/1 / auto/-1;
    }
    .header__megamenu__quick-links--underneath
        .header__megamenu__quick-link-container:first-child {
        grid-column: 1/5;
    }
    .header__megamenu__quick-links--underneath
        .header__megamenu__quick-link-container:nth-child(2) {
        grid-column: 5/9;
    }
    .header__megamenu__quick-links--underneath
        .header__megamenu__quick-link-container:nth-child(3) {
        grid-column: 9/-1;
    }
}
.header .header__megamenu__quick-links .header__cta-button {
    margin-top: 0;
    margin-bottom: var(--spacing-vertical-l);
}
.header__megamenu__drilldown {
    grid-column: 1/-1;
    padding-bottom: 1rem;
}
@media (min-width: 80rem) {
    .header__megamenu__drilldown .drilldown__link-label {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .header__megamenu__drilldown .drilldown__link .icon {
        top: calc(50% - 0.4rem);
    }
}
@media (min-width: 48rem) {
    .header__megamenu__drilldown {
        padding-bottom: 1.5rem;
    }
}
@media (min-width: 64rem) {
    .header__megamenu__drilldown {
        padding-bottom: 0;
    }
}
.header__megamenu
    .drilldown__first-level-list-item--active
    .drilldown__second-level-container {
    background-color: var(--bg-color-secondary);
}
.header__megamenu__first-level-label {
    font-family: var(--font-family-frutiger);
    text-transform: uppercase;
    color: var(--text-color-headlines);
    margin-bottom: var(--spacing-vertical-l);
    font-style: normal;
    font-weight: 700;
}
@media (min-width: 64rem) {
    .header__megamenu__first-level-label {
        display: none;
    }
}
.header__megamenu__backdrop {
    display: none;
}
@media (min-width: 64rem) {
    .header__megamenu__backdrop {
        top: calc(
            var(--header-overlay-top-offset) - var(--header-meta-visible-height)
        );
        visibility: hidden;
        opacity: 0;
        -webkit-backdrop-filter: blur(0.25rem);
        backdrop-filter: blur(0.25rem);
        z-index: -1;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.5);
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
}
.header__megamenu__menu-container {
    background-color: var(--bg-color-secondary);
    z-index: 15;
    min-height: calc(100vh - var(--header-overlay-top-offset) - 1px);
}
@media (min-width: 64rem) {
    .header__megamenu__menu-container {
        min-height: auto;
    }
}
.header__megamenu__menu-container:before,
.header__megamenu__menu-container:after {
    content: "";
    width: 100%;
    display: block;
}
.header__megamenu__menu-container:after {
    height: var(--spacing-vertical-xxl);
}
@media (min-width: 64rem) {
    .header__megamenu__menu-container:after {
        height: var(--spacing-vertical-l);
    }
}
.header__megamenu__menu-container:before {
    height: var(--spacing-vertical-s);
}
@media (min-width: 64rem) {
    .header__megamenu__menu-container:before {
        height: 0;
    }
}
.header__megamenu__text-entry {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.45px;
    color: var(--text-color-headlines);
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing-vertical-l);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
}
@media (min-width: 64rem) {
    .header__megamenu__text-entry {
        margin-bottom: var(--spacing-vertical-s);
        font-size: 1rem;
        line-height: 1.5;
    }
}
@media (min-width: 80rem) {
    .header__megamenu__text-entry {
        letter-spacing: 0.5px;
        margin-bottom: 1.125rem;
        margin-bottom: var(--spacing-vertical-s);
        font-size: 1.25rem;
        line-height: 1.3;
    }
}
.header__megamenu__text-entry.header__megamenu__quicklink-headline {
    margin-bottom: var(--spacing-vertical-m);
}
@media (min-width: 64rem) {
    .header__megamenu__text-entry.header__megamenu__quicklink-headline {
        max-width: 16.25rem;
        margin-bottom: var(--spacing-vertical-s);
    }
}
@media (min-width: 80rem) {
    .header__megamenu__text-entry.header__megamenu__quicklink-headline {
        margin-bottom: var(--spacing-vertical-s);
        max-width: 19.375rem;
    }
}
.header__megamenu__text-entry.header__megamenu__quicklink-link {
    fill: var(--interaction-color-link);
    color: var(--interaction-color-link);
    margin-bottom: var(--spacing-vertical-m);
    transition: margin 0.3s ease-in-out;
    display: flex;
    position: relative;
}
.header__megamenu__text-entry.header__megamenu__quicklink-link:last-child {
    margin-bottom: 0;
}
@media (min-width: 64rem) {
    .header__megamenu__text-entry.header__megamenu__quicklink-link {
        margin-bottom: var(--spacing-vertical-s);
        max-width: 16.25rem;
    }
}
@media (min-width: 80rem) {
    .header__megamenu__text-entry.header__megamenu__quicklink-link {
        font-family: var(--font-family-frutiger);
        max-width: 19.375rem;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.11;
    }
}
.header__megamenu__text-entry.header__megamenu__quicklink-link:hover {
    color: var(--interaction-color-hover);
    fill: var(--interaction-color-hover);
}
.header__megamenu__text-entry.header__megamenu__quicklink-link:focus {
    color: var(--interaction-color-focused);
    fill: var(--interaction-color-focused);
}
.header__megamenu__text-entry.header__megamenu__quicklink-link .icon {
    width: 1.25rem;
    margin-inline-start: var(--spacing-horizontal-xxs);
    flex-shrink: 0;
    margin-top: 0.1875rem;
    transition: margin-inline-start 0.2s ease-in-out;
}
@media (min-width: 64rem) and (max-width: 79.9375rem) {
    .header__megamenu__text-entry.header__megamenu__quicklink-link .icon {
        width: 1rem;
        margin-top: 0.3125rem;
    }
}
@media (min-width: 80rem) {
    .header__megamenu__text-entry.header__megamenu__quicklink-link .icon {
        margin-top: 0;
    }
}
.header__megamenu__my-zeiss__welcome-separator {
    border: none;
    height: 0;
    margin: 0;
}
.header__megamenu__my-zeiss--welcome {
    margin-bottom: var(--spacing-vertical-xl);
}
@media (min-width: 48rem) {
    .header__megamenu__my-zeiss--welcome {
        margin-bottom: var(--spacing-vertical-l);
    }
}
.header__megamenu__my-zeiss--not-logged-in .headline,
.header__megamenu__my-zeiss--not-logged-in .teaser-list {
    margin-bottom: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .header__megamenu__my-zeiss--not-logged-in .teaser-list {
        margin-bottom: var(--spacing-vertical-l);
    }
}
.header__megamenu__custom-menu__headline {
    font-family: var(--font-family-frutiger);
    color: var(--text-color-headlines);
    margin-bottom: var(--spacing-vertical-l);
    font-style: normal;
    font-weight: 500;
}
@media (min-width: 64rem) {
    .header__megamenu__custom-menu__headline {
        max-width: 16.25rem;
        margin-bottom: var(--spacing-vertical-s);
        text-transform: uppercase;
    }
}
@media (min-width: 80rem) {
    .header__megamenu__custom-menu__headline {
        max-width: 19.375rem;
    }
}
@media (min-width: 64rem) {
    .header__megamenu__drilldown {
        grid-area: 2/1 / auto/9;
    }
}
@media (min-width: 80rem) {
    .header__megamenu__quick-link-container .header__megamenu__quicklink-link,
    .header__megamenu__quick-link-container
        .header__megamenu__quicklink-headline,
    .header__megamenu__custom-menu .header__megamenu__custom-menu__item-label,
    .header__megamenu__custom-menu .header__megamenu__custom-menu__headline,
    .header__megamenu__custom-menu .plain-link {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
.header__megamenu__custom-menu {
    grid-area: 2/1 / auto/-1;
}
.header__megamenu__custom-menu--center {
    grid-row: 3;
}
.header__megamenu__custom-menu--right {
    grid-row: 4;
}
@media (min-width: 48rem) {
    .header__megamenu__custom-menu--left {
        grid-column: 1/3;
    }
    .header__megamenu__custom-menu--center {
        grid-area: 2/4 / auto/6;
    }
    .header__megamenu__custom-menu--right {
        grid-area: 3/1 / auto/4;
    }
}
@media (min-width: 64rem) {
    .header__megamenu__custom-menu {
        grid-row: 2;
    }
    .header__megamenu__custom-menu--left {
        grid-column: 1/5;
    }
    .header__megamenu__custom-menu--center {
        grid-column: 5/9;
    }
    .header__megamenu__custom-menu--right {
        grid-column: 9/-1;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .header_megamenu__menu__structure--narrow
        .header__megamenu__custom-menu--left {
        grid-area: 1/1 / auto/3;
    }
    .header_megamenu__menu__structure--narrow
        .header__megamenu__custom-menu--center {
        grid-area: 2/1 / auto/3;
    }
    .header_megamenu__menu__structure--narrow
        .header__megamenu__custom-menu--right {
        grid-area: 1/4 / auto/7;
    }
}
.header__megamenu__custom-menu__headline {
    font-weight: 600;
}
.header__megamenu__custom-menu__headline--icon {
    padding-inline-start: 1.75rem;
    position: relative;
}
.header__megamenu__custom-menu__headline .icon {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    inset-inline-start: 0;
}
.header__megamenu__custom-menu__headline > a {
    color: var(--text-color-headlines);
}
.header__megamenu__custom-menu__headline > a:hover {
    color: var(--interaction-color-hover);
}
.header__megamenu__custom-menu__item-label--icon {
    margin-inline-end: 1.75rem;
    position: relative;
}
.header__megamenu__custom-menu__item-label .icon {
    inset-inline-end: -1.75rem;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 0.3125rem;
}
[dir="rtl"]
    .header__megamenu__custom-menu__item-label
    .icon.icon-inline-megamenu-logout {
    transform: scaleX(-1);
}
.header__megamenu__custom-menu__list-item-container {
    margin-bottom: var(--spacing-vertical-xxl);
}
@media (min-width: 64rem) {
    .header__megamenu__custom-menu__list-item-container {
        margin-bottom: var(--spacing-vertical-l);
    }
}
.header__megamenu__custom-menu__list-item-container
    > li:last-child
    .header__megamenu__custom-menu__list-item:last-child
    a {
    margin-bottom: 0;
}
@media (min-width: 64rem) {
    .header__megamenu__custom-menu__list-item:last-child span {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .header__megamenu__custom-menu
        > :last-child
        .header__megamenu__custom-menu__list-item-container {
        margin-bottom: 0;
    }
}
.header__megamenu__custom-menu__first-level-label {
    grid-column: 1/-1;
}
.header__megamenu__custom-menu__link {
    display: block;
}
@media (min-width: 64rem) {
    .header__megamenu__custom-menu__link {
        max-width: 16.25rem;
    }
}
@media (min-width: 80rem) {
    .header__megamenu__custom-menu__link {
        max-width: 19.375rem;
    }
}
.header__megamenu__custom-menu__link > span {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.45px;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
}
@media (min-width: 64rem) {
    .header__megamenu__custom-menu__link > span {
        margin-bottom: var(--spacing-vertical-s);
        font-size: 1rem;
        line-height: 1.5;
    }
}
@media (min-width: 80rem) {
    .header__megamenu__custom-menu__link > span {
        letter-spacing: 0.5px;
        margin-bottom: 1.125rem;
        font-size: 1.25rem;
        line-height: 1.3;
    }
}
.header__megamenu__custom-menu__link:hover > span {
    color: var(--interaction-color-hover);
}
.header__megamenu__custom-menu__list-item--active
    .header__megamenu__custom-menu__link,
.header__megamenu__custom-menu__link:focus {
    color: var(--interaction-color-focused);
    outline: none;
}
.custom-menu__entry-login-teaser {
    margin-top: calc(var(--spacing-vertical-s) * -1);
    padding-top: var(--spacing-vertical-l);
    position: relative;
}
.custom-menu__entry-login-teaser:before {
    content: "";
    background-color: var(--bg-color-light-03);
    height: 1px;
    left: calc(var(--grid-margin) * -1);
    right: calc(var(--grid-margin) * -1);
    display: block;
    position: absolute;
    top: 0;
}
@media (min-width: 48rem) {
    .custom-menu__entry-login-teaser {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }
    .custom-menu__entry-login-teaser:before {
        content: none;
    }
}
.custom-menu__entry-login-teaser__text {
    margin-top: var(--spacing-vertical-xs);
}
.custom-menu__entry-login-teaser__buttons {
    margin-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .custom-menu__entry-login-teaser__buttons {
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: baseline;
    }
}
:root {
    --avatar-size-small: 1rem;
    --avatar-size-medium: 1.25rem;
    --avatar-size-large: 1.5rem;
}
.header__first-level-link {
    --country-switch-icon-color: var(--text-color-headlines);
    --header-first-level-link-font-size: var(--font-size-nav-1250-1);
    --header-first-level-link-line-height: var(--line-height-nav-1250-1);
    font-family: var(--font-family-frutiger);
    width: 100%;
    color: var(--text-color-headlines);
    font-style: normal;
    font-weight: 400;
    font-size: var(--header-first-level-link-font-size);
    letter-spacing: 0.5px;
    line-height: var(--header-first-level-link-line-height);
    min-height: 1.5rem;
    padding-block: var(--spacing-horizontal-s);
    justify-content: space-between;
    align-items: center;
    margin-inline-end: 0;
    font-stretch: 100%;
    text-decoration: none;
    display: inline-flex;
    position: relative;
}
@media (min-width: 64rem) {
    .header__first-level-link {
        --header-first-level-link-font-size: var(--font-size-nav-1000-1);
        --header-first-level-link-line-height: var(--line-height-nav-1000-3);
    }
}
@media (min-width: 90rem) {
    .header__first-level-link {
        --header-first-level-link-line-height: var(--line-height-nav-1250-2);
    }
}
@media (min-width: 64rem) {
    .header__first-level-link {
        width: auto;
        padding-block: var(--spacing-horizontal-xxs);
    }
}
.header__first-level-link:after {
    content: "";
    position: absolute;
    inset-block: -0.125rem;
    inset-inline: -0.25rem;
}
.header__first-level-link--my-zeiss-area {
    justify-content: flex-start;
    position: relative;
}
.header__first-level-link--my-zeiss-area
    .header__first-level-link__child-indication {
    position: absolute;
    inset-inline-end: 0;
}
@media (min-width: 64rem) {
    .header__first-level-link--my-zeiss-area {
        flex-direction: row-reverse;
    }
    .header__first-level-link--my-zeiss-area:after {
        inset-inline-start: -0.25rem;
    }
}
.header__first-level-link__avatar-container {
    width: var(--avatar-size-medium);
    height: var(--avatar-size-medium);
    justify-content: flex-start;
    align-items: center;
    margin-inline-start: 0.5rem;
    display: inline-flex;
}
@media (min-width: 64rem) {
    .header__first-level-link__avatar-container {
        width: var(--avatar-size-small);
        height: var(--avatar-size-small);
        justify-content: flex-end;
        margin-inline-end: 0.5rem;
    }
}
.header__first-level-link__avatar {
    width: var(--avatar-size-medium);
    height: var(--avatar-size-medium);
    border-radius: 100%;
    position: absolute;
}
.header__first-level-link__avatar--abbreviation {
    width: var(--avatar-size-large);
    height: var(--avatar-size-large);
    text-align: center;
    color: var(--text-color-invert-body);
    text-transform: uppercase;
    background-color: var(--interaction-color-link);
    font-size: 0.75rem;
    line-height: 1.4rem;
}
.header__first-level-link__avatar--icon {
    width: var(--avatar-size-medium);
    height: var(--avatar-size-medium);
    background-color: transparent;
}
@media (min-width: 64rem) {
    .header__first-level-link__avatar--icon {
        width: var(--avatar-size-small);
        height: var(--avatar-size-small);
    }
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
    .header__first-level-link__avatar--icon {
        justify-content: flex-end;
        align-items: center;
        display: flex;
    }
    .header__first-level-link__avatar--icon .svg-scale-wrapper {
        width: 1rem;
        height: 1rem;
    }
}
@media (min-width: 48rem) {
    .header__my-zeiss-area .header__first-level-link__child-indication {
        display: none;
    }
}
@media (min-width: 64rem) {
    .header__first-level-link__child-indication {
        justify-content: center;
        align-items: center;
        margin-block-start: 0.25rem;
        margin-inline-start: 0.25rem;
        display: none;
    }
}
@media (min-width: 90rem) {
    .header__first-level-link__child-indication {
        display: inline-flex;
    }
}
.header__first-level-link__child-indication .icon {
    width: 1rem;
    transition: all 0.25s ease-in-out;
    transform: rotate(-90deg);
}
@media (min-width: 64rem) {
    .header__first-level-link__child-indication .icon {
        transform: rotate(0);
    }
}
[dir="rtl"] .header__first-level-link__child-indication {
    margin-block-start: 0;
}
[dir="rtl"] .header__first-level-link__child-indication .icon {
    transform: scaleX(-1) rotate(-90deg);
}
@media (min-width: 64rem) {
    [dir="rtl"] .header__first-level-link__child-indication .icon {
        transform: rotate(0);
    }
}
.header__first-level-link__country-switch {
    flex-shrink: 2;
    align-items: flex-end;
    display: flex;
}
.header__first-level-link__country-switch__icon {
    width: 1rem;
    flex-shrink: 0;
    margin-inline-start: var(--spacing-horizontal-xs);
    display: block;
}
.header__first-level-link__country-switch__icon .icon {
    position: relative;
    bottom: 0.25rem;
}
.header__first-level-link__country-switch__icon svg path {
    fill: var(--country-switch-icon-color);
}
.header__first-level-link:hover {
    --country-switch-icon-color: var(--interaction-color-hover);
    color: var(--interaction-color-hover);
}
.header__first-level-link:hover:before {
    background-color: var(--interaction-color-hover);
}
.header__first-level-link:hover .icon svg path {
    fill: var(--interaction-color-hover);
}
.header__first-level-link:hover
    .header__first-level-link__avatar--abbreviation {
    background-color: var(--interaction-color-hover);
}
.header__first-level-link:hover
    .header__first-level-link__avatar--icon
    svg
    path {
    fill: var(--interaction-color-hover);
}
.header__first-level-link:focus-visible {
    color: var(--color-global-background-focus);
    outline: none;
}
.header__first-level-link:focus-visible:after {
    outline-offset: -0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.header__first-level-link:focus-visible .icon svg path {
    fill: var(--color-global-background-focus);
}
.header__first-level-link:focus-visible
    .header__first-level-link__avatar--abbreviation {
    background-color: var(--color-global-background-focus);
}
.header__first-level-link:focus-visible
    .header__first-level-link__avatar--icon
    svg
    path {
    fill: var(--color-global-background-focus);
}
@media (min-width: 64rem) {
    .header__first-level-link--megamenu-open:not(
        .header__first-level-link--lazy
    ),
    .header__first-level-link--active:not(.header__first-level-link--lazy) {
        position: relative;
    }
    .header__first-level-link--megamenu-open:not(
            .header__first-level-link--lazy
        ):before,
    .header__first-level-link--active:not(
            .header__first-level-link--lazy
        ):before {
        content: "";
        inset-inline: 0;
        background-color: var(--color-global-background-focus);
        height: 1px;
        position: absolute;
        bottom: 0.125rem;
    }
    .header__first-level-link--megamenu-open:not(
            .header__first-level-link--lazy
        ).header__first-level-link--my-zeiss-area:before,
    .header__first-level-link--active:not(
            .header__first-level-link--lazy
        ).header__first-level-link--my-zeiss-area:before {
        inset-inline-start: calc(var(--avatar-size-small) * 2);
    }
    .header__first-level-link--megamenu-open:not(
            .header__first-level-link--lazy
        )
        .header__first-level-link__child-indication
        .icon,
    .header__first-level-link--active:not(.header__first-level-link--lazy)
        .header__first-level-link__child-indication
        .icon {
        transform: rotate(180deg);
    }
}
.header__first-level-link--megamenu-open:before {
    background-color: var(--text-color-headlines);
}
.header__first-level-link--active.header__first-level-link--icon:before {
    inset-inline-start: 1.75rem;
}
.header__first-level-link--no-label.header__first-level-link--icon {
    justify-content: center;
    align-items: center;
    height: 2.375rem;
    display: flex;
}
.header__first-level-link--icon {
    position: relative;
}
.header__first-level-link--icon > .icon,
.header__first-level-link--icon > .icon-with-badge {
    width: var(--avatar-size-medium);
    height: var(--avatar-size-medium);
    display: inline-block;
}
@media (min-width: 64rem) {
    .header__first-level-link--icon > .icon,
    .header__first-level-link--icon > .icon-with-badge {
        width: var(--avatar-size-small);
        height: var(--avatar-size-small);
    }
}
.header__first-level-link--icon > .icon-with-badge > .icon {
    width: 100%;
    height: 100%;
}
.header__first-level-link--loading .header__first-level-link__label,
.header__first-level-link--error .header__first-level-link__label {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 0 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    animation: 1.1s infinite inline-loading-animation;
}
[dir="rtl"]
    .header__first-level-link--loading
    .header__first-level-link__label {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 0 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    animation: 1.1s infinite inline-loading-animation-rtl;
}
[dir="rtl"] .header__first-level-link--error .header__first-level-link__label {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 0 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    animation: 1.1s infinite inline-loading-animation-rtl;
}
@keyframes inline-loading-animation {
    0% {
        background-size: 0 0.063rem;
        background-position: left var(--underline-background-y-pos);
    }
    45% {
        background-size: 100% 0.063rem;
        background-position: left var(--underline-background-y-pos);
    }
    45.1% {
        background-size: 100% 0.063rem;
        background-position: right var(--underline-background-y-pos);
    }
    90%,
    to {
        background-size: 0 0.063rem;
        background-position: right var(--underline-background-y-pos);
    }
}
@keyframes inline-loading-animation-rtl {
    0% {
        background-size: 0 0.063rem;
        background-position: right var(--underline-background-y-pos);
    }
    45% {
        background-size: 100% 0.063rem;
        background-position: right var(--underline-background-y-pos);
    }
    45.1% {
        background-size: 100% 0.063rem;
        background-position: left var(--underline-background-y-pos);
    }
    90%,
    to {
        background-size: 0 0.063rem;
        background-position: left var(--underline-background-y-pos);
    }
}
:root {
    --headline-color: var(--text-color-headlines);
    --headline-color-eyebrow: var(--text-color-headlines);
}
.headline {
    text-align: start;
    color: var(--headline-color);
}
.headline__inner {
    display: inline;
}
.headline__main {
    position: relative;
}
.headline__main,
.headline__sub,
.headline__eyebrow {
    display: block;
}
.headline--align-flow-start {
    text-align: start;
}
.headline--align-center {
    text-align: center;
}
.headline--align-flow-end {
    text-align: end;
}
.headline .headline__eyebrow {
    color: var(--headline-color-eyebrow);
}
.headline--inverted {
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
}
.headline__icon {
    width: 1.25rem;
    margin-top: var(--spacing-vertical-xxs);
    margin-inline-start: var(--spacing-vertical-xs);
    position: absolute;
}
.headline__icon path {
    fill: currentColor;
}
.icon-teaser {
    flex-direction: column;
    height: 100%;
    display: flex;
}
.icon-teaser__asset {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: var(--spacing-vertical-m);
    flex: none;
    display: flex;
}
.icon-teaser__asset .icon {
    width: 100%;
    height: 100%;
}
.icon-teaser__link {
    margin-top: var(--spacing-vertical-s);
}
.icon-teaser__text {
    margin-top: var(--spacing-vertical-s);
    flex: 1;
}
@media (min-width: 64rem) {
    .icon-teaser__asset {
        width: 5rem;
        height: 5rem;
    }
}
.icon-teaser-group .grid__structure {
    grid-row-gap: var(--spacing-vertical-l);
}
.icon-teaser-group .grid__column {
    grid-column: span 4;
}
@media (max-width: 63.9375rem) {
    .icon-teaser-group__item:nth-child(3n) .icon-teaser__headline--extended {
        height: auto;
    }
}
@media (min-width: 48rem) {
    .icon-teaser-group .grid__column {
        grid-column: span 3;
    }
}
@media (min-width: 64rem) {
    .icon-teaser-group .grid__column {
        grid-column: span 4;
    }
}
.image-comparison-slider {
    --image-width: 62.5rem;
    --slide-position: 50%;
    position: relative;
}
.image-comparison-slider__format-container {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
}
.image-comparison-slider--ratio-1_1 .image-comparison-slider__format-container {
    padding-bottom: 100%;
}
.image-comparison-slider--ratio-2_1 .image-comparison-slider__format-container {
    padding-bottom: 50%;
}
.image-comparison-slider--ratio-3_1 .image-comparison-slider__format-container {
    padding-bottom: 33.3333%;
}
.image-comparison-slider--ratio-3_2 .image-comparison-slider__format-container {
    padding-bottom: 66.6667%;
}
.image-comparison-slider--ratio-4_1 .image-comparison-slider__format-container {
    padding-bottom: 25%;
}
.image-comparison-slider--ratio-4_3 .image-comparison-slider__format-container {
    padding-bottom: 75%;
}
.image-comparison-slider--ratio-16_9
    .image-comparison-slider__format-container {
    padding-bottom: 56.25%;
}
.image-comparison-slider--ratio-16_10
    .image-comparison-slider__format-container {
    padding-bottom: 62.5%;
}
.image-comparison-slider__caption {
    letter-spacing: 0.005em;
    color: var(--text-color-text);
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: var(--font-family-frutiger);
    padding-top: var(--spacing-vertical-xs);
    font-style: normal;
    font-weight: 400;
}
:lang(ar) .image-comparison-slider__caption {
    font-size: 0.875rem;
    line-height: 1.5rem;
}
.image-comparison-slider__image {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.image-comparison-slider__image--left {
    z-index: 1;
    width: 100%;
    -webkit-mask-image: linear-gradient(
        90deg,
        #000 var(--slide-position),
        #000 var(--slide-position),
        transparent var(--slide-position),
        transparent var(--slide-position)
    );
    -webkit-mask-image: linear-gradient(
        90deg,
        #000 var(--slide-position),
        #000 var(--slide-position),
        transparent var(--slide-position),
        transparent var(--slide-position)
    );
    mask-image: linear-gradient(
        90deg,
        #000 var(--slide-position),
        #000 var(--slide-position),
        transparent var(--slide-position),
        transparent var(--slide-position)
    );
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-source-type: alpha;
    mask-mode: alpha;
}
.image-comparison-slider__image--right {
    z-index: 0;
}
body:not(.no-js) .image-comparison-slider__image-element.lazy-image {
    padding-bottom: 0;
}
.image-comparison-slider__slider {
    z-index: 2;
    width: 3rem;
    height: 100%;
    top: 0;
    bottom: 0;
    left: var(--slide-position);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    transform: translate(-50%);
}
.image-comparison-slider__slider-line {
    background-color: var(--interaction-color-link);
    width: 0.125rem;
    height: 100%;
    transition: background-color 0.25s ease-in-out;
    display: flex;
}
.image-comparison-slider__slider-circle {
    border: 2px solid var(--interaction-color-link);
    background-color: var(--color-white);
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    transition: border-color 0.25s ease-in-out;
    display: flex;
    position: absolute;
}
.image-comparison-slider__slider-circle .icon {
    pointer-events: none;
    width: 80%;
    display: flex;
    transform: rotate(90deg);
}
.image-comparison-slider__slider-circle .icon svg {
    fill: var(--interaction-color-link);
    transition: fill 0.25s ease-in-out;
}
.image-comparison-slider__slider:hover .image-comparison-slider__slider-line {
    background-color: var(--interaction-color-hover);
}
.image-comparison-slider__slider:hover .image-comparison-slider__slider-circle {
    border-color: var(--interaction-color-hover);
}
.image-comparison-slider__slider:hover .icon svg {
    fill: var(--interaction-color-hover);
}
.image-comparison-slider__slider.image-comparison-slider__slider--dragged
    .image-comparison-slider__slider-line {
    background-color: var(--interaction-color-focused);
}
.image-comparison-slider__slider.image-comparison-slider__slider--dragged
    .image-comparison-slider__slider-circle {
    border-color: var(--interaction-color-focused);
}
.image-comparison-slider__slider.image-comparison-slider__slider--dragged
    .icon
    svg {
    fill: var(--interaction-color-focused);
}
.no-js .image-comparison-slider .image-comparison-slider__slider {
    display: none;
}
.no-js .image-comparison-slider .image-comparison-slider__format-container {
    width: auto;
    height: auto;
    padding-bottom: 0;
}
.no-js .image-comparison-slider .image-comparison-slider__image {
    width: auto;
    position: static;
}
.no-js
    .image-comparison-slider
    .image-comparison-slider__image-element.lazy-image {
    width: auto;
    position: relative;
}
.image-filter-group {
    width: 100%;
}
.image-filter-group__container {
    margin-left: calc(var(--spacing-vertical-xxs) / 2 * -1);
    margin-right: calc(var(--spacing-vertical-xxs) / 2 * -1);
}
.image-filter-group .slideshow {
    margin-top: 0;
}
.image-filter-group .slideshow__container {
    overflow-x: hidden;
    overflow-y: visible;
}
.image-filter-group .slideshow__item {
    box-sizing: border-box;
    width: 33.3333%;
    padding-left: calc(var(--spacing-vertical-xxs) / 2);
    padding-right: calc(var(--spacing-vertical-xxs) / 2);
    z-index: 1;
    cursor: pointer;
    flex: none;
    display: none;
    position: relative;
}
@media (min-width: 64rem) {
    .image-filter-group .slideshow__item {
        width: 16.6666%;
    }
}
.image-filter-group .slideshow__item:hover,
.image-filter-group .slideshow__item:focus,
.image-filter-group .slideshow__item--selected-item {
    z-index: 2;
    box-shadow: var(--elevation-highlight);
}
.image-filter-group .slideshow__item--selected-item {
    pointer-events: none;
}
.image-filter-group .slideshow__item--show {
    display: flex;
}
.image-filter-group .slideshow__list.swiper-wrapper {
    margin-right: calc(var(--spacing-vertical-xxs) / 2 * -1);
    justify-content: left;
}
.image-filter-group
    .slideshow__list.swiper-wrapper
    .slideshow__item:first-of-type {
    padding-left: 0;
}
.image-filter-group .slideshow__pagination-bar {
    margin-top: 2.5rem;
    margin-bottom: 1.23rem;
}
.image-filter-group__tiles {
    display: none;
}
.image-filter-group__dropdown {
    margin-top: 2rem;
}
.image-filter-group__dropdown .dropdown-linklist__label-text {
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .image-filter-group__dropdown .dropdown-linklist__label-text {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .image-filter-group__dropdown .dropdown-linklist__label-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .image-filter-group__dropdown .dropdown-linklist__label-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .image-filter-group__dropdown .dropdown-linklist__label-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .image-filter-group__dropdown .dropdown-linklist__label-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .image-filter-group__dropdown .dropdown-linklist__label-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .image-filter-group__dropdown .dropdown-linklist__label-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .image-filter-group__dropdown .dropdown-linklist__label-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .image-filter-group__dropdown .dropdown-linklist__label-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 48rem) {
    .image-filter-group__dropdown {
        display: none;
    }
    .image-filter-group__tiles {
        display: block;
    }
    .image-filter-group__tiles .slideshow__tile .slideshow__navigation-button {
        margin-top: 0;
        transform: translateY(calc(-50% - 1.125rem));
    }
}
.image-filter-item {
    background-color: var(--bg-color-light-primary);
    width: 100%;
    color: var(--text-color-body);
    cursor: pointer;
    height: 100%;
    min-height: 4rem;
    padding: 0.75rem 0.75rem 0.5rem;
    text-decoration: none;
    position: relative;
}
.image-filter-item__image-wrapper {
    padding-bottom: var(--spacing-vertical-xs);
    width: 100%;
    display: none;
}
.image-filter-item__image-wrapper
    .lazy-image__image-container
    img.lazy-image__image {
    max-width: 100%;
}
.image-filter-item__title {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.005em;
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
}
:lang(ar) .image-filter-item__title {
    line-height: 1.5rem;
}
@media (min-width: 48rem) {
    .image-filter-item__image-wrapper {
        display: block;
    }
    .image-filter-item__title {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .image-filter-item__title {
        line-height: 1.75rem;
    }
}
.interactive-image-item {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
}
.interactive-image-item__info-point {
    cursor: pointer;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    overflow: auto;
}
.interactive-image-item__info-point .interactive-image-item__ring {
    pointer-events: none;
    background: var(--interaction-color-link);
    width: 0.75rem;
    height: 0.75rem;
    box-shadow:
        0 0 0 0.188rem var(--bg-color-light-primary),
        0 0 0 0.313rem var(--interaction-color-link);
    border-radius: 50%;
    transition: all 0.2s;
    animation: 3s infinite pulsing;
    position: absolute;
    top: calc(50% - 0.375rem);
    left: calc(50% - 0.375rem);
}
.interactive-image-item__info-point--disable-dot-animation
    .interactive-image-item__ring,
.interactive-image-map--active
    .interactive-image-item__info-point
    .interactive-image-item__ring,
.interactive-image-map--hovered
    .interactive-image-item__info-point
    .interactive-image-item__ring {
    animation: none;
}
.interactive-image-item__info-point:hover .interactive-image-item__ring,
.interactive-image-item__info-point.hover .interactive-image-item__ring {
    box-shadow:
        0 0 0 0.188rem var(--interaction-color-link),
        0 0 0 0.563rem rgba(0, 114, 239, 0.6);
    animation: none;
}
.interactive-image-item__info-point--active .interactive-image-item__ring {
    box-shadow:
        0 0 0 0.188rem var(--interaction-color-link),
        0 0 0 0.438rem var(--bg-color-light-primary),
        0 0 0 0.563rem var(--interaction-color-link);
    animation: none;
}
.interactive-image-item__info-point--active:hover .interactive-image-item__ring,
.interactive-image-item__info-point--active.hover
    .interactive-image-item__ring {
    box-shadow:
        0 0 0 0.188rem var(--interaction-color-link),
        0 0 0 0.438rem var(--bg-color-light-primary),
        0 0 0 0.563rem var(--interaction-color-link),
        0 0 0 0.875rem rgba(0, 114, 239, 0.6);
    animation: none;
}
@keyframes pulsing {
    0% {
        box-shadow:
            0 0 0 0.188rem var(--bg-color-light-primary),
            0 0 0 0.313rem var(--interaction-color-link);
    }
    50% {
        box-shadow:
            0 0 0 0.188rem var(--interaction-color-link),
            0 0 0 0.563rem rgba(0, 114, 239, 0.6);
    }
    to {
        box-shadow:
            0 0 0 0.188rem var(--bg-color-light-primary),
            0 0 0 0.313rem var(--interaction-color-link);
    }
}
.interactive-image-item__info-box {
    background-color: var(--bg-color-light-primary);
    transition: all 0.2s;
    position: absolute;
    overflow: hidden;
}
.interactive-image-item__info-box--active
    .interactive-image-item__headline-wrapper {
    padding-right: var(--spacing-horizontal-l);
}
.interactive-image-item__info-box--active .interactive-image-item__head {
    height: auto;
}
.interactive-image-item__info-box--active .interactive-image-item__headline {
    white-space: normal;
}
.interactive-image-item__info-box--active
    .interactive-image-item__headline
    .headline__main {
    overflow: unset;
}
.interactive-image-item__info-box--active .interactive-image-item__body {
    display: block;
}
.interactive-image-item__head {
    cursor: pointer;
    align-items: center;
    height: auto;
    transition: all 0.2s;
    display: flex;
    position: relative;
}
.interactive-image-item__eyebrow {
    display: block;
}
.interactive-image-item__body {
    border-top: 1px solid var(--color-bg-light-03);
    display: none;
}
.interactive-image-item__headline .headline__main {
    text-overflow: ellipsis;
    overflow: hidden;
}
.interactive-image-item__headline-wrapper {
    color: var(--text-color-headlines);
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-s);
    text-align: left;
    white-space: nowrap;
    padding-right: var(--spacing-horizontal-m);
    padding-left: var(--spacing-horizontal-m);
    overflow: hidden;
}
.interactive-image-item__close-button {
    cursor: pointer;
    padding: 1rem;
    position: absolute;
    right: 0;
}
.interactive-image-item__close-button .icon {
    width: 1.3rem;
}
.interactive-image-item__close-button:hover {
    fill: var(--color-interaction-hover);
}
.interactive-image-item__close-button:focus {
    fill: var(--color-interaction-focused);
}
.interactive-image-item__image {
    padding-top: var(--spacing-vertical-xxs);
    padding-right: var(--spacing-horizontal-xxs);
    padding-left: var(--spacing-horizontal-xxs);
}
.interactive-image-item__content-container {
    padding-top: var(--spacing-vertical-s);
    padding-right: var(--spacing-horizontal-m);
    padding-bottom: var(--spacing-vertical-m);
    padding-left: var(--spacing-horizontal-m);
}
.interactive-image-item__content {
    color: var(--color-font-body);
}
.interactive-image-item__link {
    margin-top: var(--spacing-vertical-xxs);
}
.interactive-image-item__info-box {
    opacity: 0;
    z-index: 1;
    min-width: 0;
    max-width: 18.75rem;
    max-height: 4.5rem;
    transition:
        opacity 0.4s ease-in-out,
        max-height 0.3s,
        min-width 0.15s 0.3s,
        z-index 0s 0.3s;
}
@media (max-width: 47.9375rem) {
    .interactive-image-item__info-box {
        pointer-events: none;
        min-width: 100%;
        max-height: 100%;
        position: fixed;
        top: 0;
        left: 0 !important;
        right: 0 !important;
    }
}
@media (min-width: 48rem) {
    .interactive-image-item__info-box {
        opacity: 1;
    }
    .interactive-image-item__info-box--hide-flag {
        opacity: 0;
        pointer-events: none;
    }
    .interactive-image-item__info-box--hide-flag.interactive-image-item__info-box--active {
        opacity: 1;
        pointer-events: initial;
    }
}
.interactive-image-item__info-box--position-bottom.interactive-image-item__info-box--active,
.interactive-image-item__info-box--position-right.interactive-image-item__info-box--active,
.interactive-image-item__info-box--position-left.interactive-image-item__info-box--active,
.interactive-image-item__info-box--position-top.interactive-image-item__info-box--active {
    z-index: 20000;
}
@media (max-width: 47.9375rem) {
    .interactive-image-item__info-box--position-bottom.interactive-image-item__info-box--active,
    .interactive-image-item__info-box--position-right.interactive-image-item__info-box--active,
    .interactive-image-item__info-box--position-left.interactive-image-item__info-box--active,
    .interactive-image-item__info-box--position-top.interactive-image-item__info-box--active {
        opacity: 1;
        pointer-events: initial;
    }
}
@media (min-width: 48rem) {
    .interactive-image-item__info-box--position-bottom.interactive-image-item__info-box--active,
    .interactive-image-item__info-box--position-right.interactive-image-item__info-box--active,
    .interactive-image-item__info-box--position-left.interactive-image-item__info-box--active,
    .interactive-image-item__info-box--position-top.interactive-image-item__info-box--active {
        min-width: 18.75rem;
        max-height: 62.5rem;
        transition:
            min-width 0.15s,
            max-height 0.2s 0.2s;
    }
    .interactive-image-item__info-box--position-bottom {
        top: var(--spacing-vertical-m);
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    .interactive-image-item__info-box--position-bottom-switch {
        top: initial;
        bottom: var(--spacing-vertical-l);
    }
}
@media (min-width: 48rem) {
    .interactive-image-item__info-box--position-right {
        top: -1.625rem;
        left: var(--spacing-horizontal-m);
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    .interactive-image-item__info-box--position-right {
        left: var(--spacing-horizontal-l);
    }
}
@media (min-width: 48rem) {
    .interactive-image-item__info-box--position-right-switch {
        left: initial;
        right: var(--spacing-horizontal-l);
    }
    .interactive-image-item__info-box--position-left {
        top: -1.625rem;
        right: var(--spacing-horizontal-m);
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    .interactive-image-item__info-box--position-left {
        right: var(--spacing-horizontal-l);
    }
}
@media (min-width: 48rem) {
    .interactive-image-item__info-box--position-left-switch {
        right: initial;
        left: var(--spacing-horizontal-l);
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    .interactive-image-item__info-box--position-top {
        bottom: var(--spacing-vertical-m);
    }
    .interactive-image-item__info-box--position-top-switch {
        bottom: initial;
        top: var(--spacing-vertical-l);
    }
}
.interactive-image-map {
    position: relative;
}
.interactive-image-map__backdrop,
.interactive-image-map__items {
    position: absolute;
    inset: 0;
}
.key-figure-item {
    text-align: center;
}
.key-figure-item__figure {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.015em;
    color: var(--color-information-zeiss);
    justify-content: center;
    align-items: flex-end;
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 900;
    line-height: 4rem;
    display: flex;
}
@media (min-width: 48rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 64rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 80rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 6rem;
        line-height: 6.5rem;
    }
}
@media (min-width: 90rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 6rem;
        line-height: 6.5rem;
    }
}
.key-figure-item__text {
    margin-top: var(--spacing-vertical-s);
}
.key-figure-item__link {
    display: block;
}
.key-figure-item__text,
.key-figure-item__link {
    letter-spacing: 0.005em;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .key-figure-item__text,
:lang(ar) .key-figure-item__link {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 64rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 48rem) {
    [data-item-count="1"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 3.75rem;
        line-height: 4rem;
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    [data-item-count="1"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 64rem) {
    [data-item-count="1"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    [data-item-count="1"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 6rem;
        line-height: 6.5rem;
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    [data-item-count="1"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 6rem;
        line-height: 6.5rem;
    }
}
@media (min-width: 48rem) {
    [data-item-count="2"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    [data-item-count="2"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 64rem) {
    [data-item-count="2"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    [data-item-count="2"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    [data-item-count="2"] .key-figure-item__figure {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
}
.key-figure-item-group .slideshow__item {
    box-sizing: border-box;
    flex: 1 0 auto;
}
.language-switch-overlay {
    box-shadow: var(--elevation-overlay);
    z-index: 20000;
    width: calc(100vw - var(--spacing-vertical-xxl));
    border: none;
    border-radius: 3px;
    max-width: 100vw;
    padding: 0;
    position: fixed;
    inset-block: 50% auto;
    inset-inline: 50% auto;
    overflow: hidden;
    transform: translate(-50%, -50%);
}
.language-switch-overlay::-ms-backdrop {
    background: var(--bg-color-dark-01);
    opacity: 0.5;
}
.language-switch-overlay::backdrop {
    background: var(--bg-color-dark-01);
    opacity: 0.5;
}
.language-switch-overlay__message-wrapper {
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-l);
    padding-inline: var(--spacing-horizontal-m);
}
.language-switch-overlay__message-wrapper a:focus-within {
    background-color: var(--interaction-color-background-focused);
}
@media (min-width: 48rem) {
    .language-switch-overlay {
        width: 55%;
    }
    .language-switch-overlay__message-wrapper {
        padding-inline: var(--spacing-horizontal-xxl);
    }
}
.language-switch-overlay__close-button {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    margin-top: var(--spacing-vertical-s);
    margin-inline-end: var(--spacing-horizontal-m);
    display: block;
}
.language-switch-overlay__headline {
    margin-bottom: var(--spacing-vertical-s);
}
.lazy-background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--bg-color-light-01);
    z-index: -1;
    background-position: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.lazy-background-image--top {
    background-position-y: top;
}
.lazy-background-image--bottom {
    background-position-y: bottom;
}
.lazy-background-image--left {
    background-position-x: left;
}
.lazy-background-image--right {
    background-position-x: right;
}
.lazy-background-image--loaded {
    background-color: transparent;
}
.lazy-background-image__copyright {
    padding-top: var(--spacing-vertical-xxs);
    padding-inline-end: var(--spacing-horizontal-xs);
    padding-bottom: var(--spacing-vertical-xxs);
    background-color: rgba(255, 255, 255, 0.6);
    padding-inline-start: var(--spacing-horizontal-xs);
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
}
[dir="rtl"] .lazy-background-image__copyright {
    left: 0;
    right: auto;
}
.lazy-background-image__copyright-text {
    display: flex;
}
.lazy-background-image__copyright-text:before {
    content: "©";
    padding-inline-end: var(--spacing-horizontal-xxs);
}
.lazy-background-image__copyright-text--no-copyright-icon:before {
    display: none;
}
.lazy-background-video {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0;
    overflow: hidden;
}
.lazy-background-video:hover .lazy-background-video__video-controls {
    opacity: 0;
}
@media (min-width: 64rem) {
    .lazy-background-video:hover .lazy-background-video__video-controls {
        opacity: 1;
    }
}
.lazy-background-video > .lazy-background-image {
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0;
    transform: translate(0, 0);
}
.lazy-background-video__video-ai-label {
    visibility: hidden;
}
.lazy-background-video__fallback-ai-label,
.lazy-background-video--video-active .lazy-background-video__video-ai-label {
    visibility: visible;
}
.lazy-background-video--video-active .lazy-background-video__fallback-ai-label {
    visibility: hidden;
}
.lazy-background-video--fallback-active .lazy-background-video__video-ai-label {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.8s,
        visibility 0.8s;
}
.lazy-background-video--fallback-active
    .lazy-background-video__fallback-ai-label {
    opacity: 1;
    visibility: visible;
    transition:
        opacity 0.8s,
        visibility 0.8s;
}
.lazy-background-video__video {
    z-index: -1;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity 0.45s ease-out;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
@media (min-width: 64rem) {
    .lazy-background-video__video {
        display: block;
    }
}
.lazy-background-video__video--hide {
    opacity: 0;
}
.lazy-background-video__video--left {
    left: 0;
    right: auto;
}
.lazy-background-video__video--right {
    left: auto;
    right: 0;
}
.lazy-background-video__video--center {
    left: 50%;
    right: auto;
    transform: translate(-50%);
}
.lazy-background-video__video--top {
    top: 0;
    bottom: auto;
}
.lazy-background-video__video--bottom {
    top: auto;
    bottom: 0;
}
.lazy-background-video__video--middle {
    top: 50%;
    transform: translateY(-50%);
}
.lazy-background-video__video--middle.lazy-background-video__video--center {
    transform: translateY(-50%) translate(-50%);
}
.lazy-background-video__video:hover ~ .lazy-background-video__video-controls {
    opacity: 1;
}
.lazy-background-video__video-controls {
    opacity: 0;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    inset-inline-start: auto;
    inset-inline-end: var(--spacing-horizontal-s);
    top: var(--spacing-vertical-s);
    cursor: pointer;
    background-color: var(--bg-color-light-primary);
    border: 0;
    border-radius: 50%;
    padding: 0;
    font-size: 100%;
    transition:
        fill 0.45s,
        transform 0.45s,
        box-shadow 0.45s,
        opacity 1s;
    position: absolute;
}
body .lazy-background-video__video-controls:focus {
    opacity: 1;
    box-shadow: 0 0 0 0.25rem var(--bg-color-light-03);
    outline: none;
}
.lazy-background-video__video-controls:hover {
    fill: var(--interaction-color-hover);
    opacity: 1;
    transform: scale(1.2);
}
.lazy-background-video__video-controls:hover svg {
    opacity: 1;
    transform: scale(0.86);
}
.lazy-background-video__video-controls:focus {
    box-shadow: 0 0 0 0.25rem var(--bg-color-light-03);
    outline: none;
}
.lazy-background-video__video-controls--bottom {
    top: auto;
    bottom: var(--spacing-horizontal-s);
}
.lazy-background-video__video-controls__pause-button,
.lazy-background-video__video-controls__resume-button,
.lazy-background-video__video-controls__replay-button {
    padding: 0.5rem;
    display: none;
}
.lazy-background-video__video-controls.control-playing
    .lazy-background-video__video-controls__resume-button,
.lazy-background-video__video-controls.control-playing
    .lazy-background-video__video-controls__replay-button {
    display: none;
}
.lazy-background-video__video-controls.control-playing
    .lazy-background-video__video-controls__pause-button {
    display: block;
}
.lazy-background-video__video-controls.control-paused
    .lazy-background-video__video-controls__pause-button,
.lazy-background-video__video-controls.control-paused
    .lazy-background-video__video-controls__replay-button {
    display: none;
}
.lazy-background-video__video-controls.control-paused
    .lazy-background-video__video-controls__resume-button {
    display: block;
}
.lazy-background-video__video-controls.control-ended
    .lazy-background-video__video-controls__resume-button,
.lazy-background-video__video-controls.control-ended
    .lazy-background-video__video-controls__pause-button {
    display: none;
}
.lazy-background-video__video-controls.control-ended
    .lazy-background-video__video-controls__replay-button {
    display: block;
}
.lazy-background-video__video-controls svg {
    fill: var(--fill-color-headlines);
    transition: transform 0.45s;
}
:root {
    --caption-color: var(--text-color-headlines);
    --active-thumbnail-indicator-color: var(--bg-color-dark-01);
}
.lazy-image {
    width: 100%;
    position: relative;
}
.lazy-image[class*="lazy-image--ratio-"] .lazy-image__image {
    position: absolute;
}
.lazy-image--ratio-0_0 .lazy-image__image-container {
    padding-bottom: 133.333%;
}
.lazy-image--ratio-1_1 .lazy-image__image-container {
    padding-bottom: 100%;
}
.lazy-image--ratio-2_1 .lazy-image__image-container {
    padding-bottom: 50%;
}
.lazy-image--ratio-16_9 .lazy-image__image-container {
    padding-bottom: 56.25%;
}
.lazy-image--ratio-3_2 .lazy-image__image-container {
    padding-bottom: 66.6667%;
}
.lazy-image--ratio-4_3 .lazy-image__image-container {
    padding-bottom: 75%;
}
.lazy-image--ratio-9_16 .lazy-image__image-container {
    padding-bottom: 177.778%;
}
.lazy-image--ratio-2_3 .lazy-image__image-container {
    padding-bottom: 150%;
}
.lazy-image--ratio-3_4 .lazy-image__image-container {
    padding-bottom: 133.333%;
}
.lazy-image--ratio-4_1 .lazy-image__image-container {
    padding-bottom: 25%;
}
.lazy-image--ratio-3_1 .lazy-image__image-container {
    padding-bottom: 33.3333%;
}
.lazy-image--ratio-16_10 .lazy-image__image-container {
    padding-bottom: 62.5%;
}
.lazy-image .lazy-image__figcaption {
    display: flex;
    position: relative;
}
.lazy-image .lazy-image__caption {
    color: var(--caption-color);
    padding-top: var(--spacing-vertical-xs);
    margin-inline-end: var(--spacing-horizontal-xxs);
    display: block;
}
.lazy-image .lazy-image__copyright {
    padding-top: var(--spacing-vertical-xxs);
    padding-inline-end: var(--spacing-horizontal-xs);
    padding-bottom: var(--spacing-vertical-xxs);
    background-color: rgba(255, 255, 255, 0.6);
    padding-inline-start: var(--spacing-horizontal-xs);
    position: absolute;
    bottom: 100%;
    left: auto;
    right: 0;
}
[dir="rtl"] .lazy-image .lazy-image__copyright {
    left: 0;
    right: auto;
}
.lazy-image .lazy-image__copyright-text {
    display: flex;
}
.lazy-image .lazy-image__copyright-text:before {
    content: "©";
    padding-inline-end: var(--spacing-horizontal-xxs);
}
.lazy-image .lazy-image__copyright-text--no-copyright-icon:before {
    display: none;
}
.lazy-image .lazy-image__link {
    padding-top: var(--spacing-vertical-xs);
    white-space: nowrap;
}
.lazy-image--elevation-base .lazy-image__image-container {
    box-shadow: var(--elevation-base);
}
.lazy-image--elevation-low .lazy-image__image-container {
    box-shadow: var(--elevation-low);
}
.lazy-image--elevation-raised .lazy-image__image-container {
    box-shadow: var(--elevation-raised);
}
.lazy-image--elevation-highlight .lazy-image__image-container {
    box-shadow: var(--elevation-highlight);
}
.lazy-image--elevation-overlay .lazy-image__image-container {
    box-shadow: var(--elevation-overlay);
}
.lazy-image--elevation-stand-out .lazy-image__image-container {
    box-shadow: var(--elevation-standout);
}
.lazy-image--magnification-mode {
    height: 100%;
}
.lazy-image--magnification-mode .lazy-image__image-container {
    height: 100%;
    padding-bottom: 0;
}
.lazy-image--magnification-mode.lazy-image {
    flex-direction: column;
    display: flex;
}
.lazy-image--magnification-mode.lazy-image .lazy-image__image {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    position: absolute;
}
.lazy-image--magnification-mode .lazy-image__figcaption {
    width: 100%;
    padding-top: 0.75rem;
    padding-inline-end: var(--spacing-horizontal-s);
    padding-bottom: 0.75rem;
    background-color: rgba(255, 255, 255, 0.8);
    flex-direction: column;
    padding-inline-start: var(--spacing-horizontal-s);
    display: flex;
    position: absolute;
    bottom: 0;
}
@media (min-width: 48rem) {
    .lazy-image--magnification-mode .lazy-image__figcaption {
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
}
.lazy-image--magnification-mode .lazy-image__caption {
    letter-spacing: 0.005em;
    flex: 1;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:lang(ar) .lazy-image--magnification-mode .lazy-image__caption {
    line-height: 1.5rem;
}
@media (min-width: 48rem) {
    .lazy-image--magnification-mode .lazy-image__caption {
        padding: 0;
    }
}
.lazy-image--magnification-mode .lazy-image__copyright {
    position: initial;
    bottom: initial;
    right: initial;
    background-color: initial;
    flex: 1;
    padding: 0;
}
@media (min-width: 48rem) {
    .lazy-image--magnification-mode .lazy-image__copyright {
        justify-content: flex-end;
        padding-inline-start: var(--spacing-horizontal-s);
        display: flex;
    }
}
.lazy-image--position {
    top: 0;
    left: 0;
}
.lazy-image--position-top .lazy-image__image {
    margin-top: 0;
    top: 0;
    bottom: auto;
}
.lazy-image--position-bottom .lazy-image__image {
    margin-top: 0;
    top: auto;
    bottom: 0;
}
.lazy-image--position-center .lazy-image__image {
    left: 50%;
    transform: translate(-50%);
}
.lazy-image--position-middle .lazy-image__image {
    top: 50%;
    transform: translateY(-50%);
}
.lazy-image--position-middle.lazy-image--position-center .lazy-image__image {
    transform: translate(-50%, -50%);
}
.lazy-image--position-right .lazy-image__image {
    left: auto;
    right: 0;
}
.lazy-image--position-left .lazy-image__image {
    left: 0;
    right: auto;
}
.lazy-image--position-left .lazy-image__image-container .lazy-image__image,
.lazy-image--position-right .lazy-image__image-container .lazy-image__image,
.lazy-image--position-center .lazy-image__image-container .lazy-image__image {
    width: unset;
    max-width: unset;
}
.lazy-image--rounded .lazy-image__image-container {
    border-radius: 50%;
}
.lazy-image--rounded .lazy-image__figcaption {
    text-align: center;
    flex-direction: column;
    padding-top: 0;
    display: flex;
}
.lazy-image--rounded .lazy-image__caption {
    padding-top: var(--spacing-vertical-xs);
}
.lazy-image--rounded .lazy-image__copyright {
    position: initial;
    background-color: initial;
    padding-top: var(--spacing-vertical-xs);
    padding-inline-end: 0;
    padding-bottom: 0;
    padding-inline-start: 0;
}
.lazy-image--rounded .lazy-image__copyright-text {
    display: block;
}
.lazy-image .lazy-image__image-container {
    width: 100%;
    line-height: 0;
    position: relative;
    overflow: hidden;
}
.lazy-image .lazy-image__image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
}
.lazy-image .lazy-image__image.lazy-image__target-image {
    opacity: 0;
    transition: opacity 0.125s linear;
}
.lazy-image__image-container {
    background-color: var(--bg-color-light-04);
}
.lazy-image--loaded .lazy-image__image-container {
    background-color: transparent;
}
.lazy-image--loaded .lazy-image__image.lazy-image__target-image {
    opacity: 1;
}
.lazy-image__active-image-indicator {
    display: none;
}
.thumbnail-slideshow__thumbs .lazy-image__caption {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.thumbnail-slideshow__thumbs .lazy-image--rounded .lazy-image__caption {
    display: none;
}
.thumbnail-slideshow__thumbs .lazy-image__active-image-indicator {
    margin-top: 0.375rem;
    margin-inline-end: 1px;
    margin-bottom: 0.125rem;
    height: 0.125rem;
    margin-inline-start: 1px;
    display: block;
}
.swiper-slide-thumb-active .lazy-image__active-image-indicator {
    border-bottom: 3px solid var(--border-strong);
}
.swiper-slide-thumb-active
    .lazy-image--rounded
    .lazy-image__active-image-indicator {
    width: 1.5rem;
    margin-inline: auto;
}
.swiper-slide .lazy-image--ratio-1_1 .lazy-image__image-container {
    padding-bottom: calc(100% - 0.125rem);
}
.lazy-image-magnification-modal {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.lazy-image-magnification-modal__button {
    cursor: pointer;
    box-sizing: content-box;
    z-index: 3;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.75rem;
    display: flex;
    position: relative;
}
.lazy-image-magnification-modal__button:before,
.lazy-image-magnification-modal__button:after {
    content: "";
    transform-origin: 50%;
    z-index: -1;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    transition:
        transform 0.25s ease-in-out,
        opacity 0.25s ease-in-out;
    position: absolute;
    transform: scale(1);
}
.lazy-image-magnification-modal__button:before {
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.4);
}
.lazy-image-magnification-modal__button:after {
    box-shadow: var(--elevation-highlight);
    background-color: rgba(255, 255, 255, 0.8);
}
.lazy-image-magnification-modal__button svg {
    fill: var(--bg-color-dark-01);
}
.lazy-image-magnification-modal__button .icon {
    pointer-events: none;
    width: 1.625rem;
}
body:not(.touch-device) .lazy-image-magnification-modal__button:hover:after,
body:not(.touch-device)
    .lazy-image-magnification-modal__button.pseudo-hover:after {
    transform: scale(1.2);
}
body:not(.touch-device) .lazy-image-magnification-modal__button:hover svg,
body:not(.touch-device)
    .lazy-image-magnification-modal__button.pseudo-hover
    svg {
    fill: var(--interaction-color-hover);
}
body:not(.touch-device) .lazy-image-magnification-modal__button:focus:before {
    opacity: 1;
    transform: scale(1.2);
}
.lazy-image-magnification-modal__modal {
    background-color: var(--bg-color-light-primary);
    z-index: 20000;
    flex-direction: column;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: hidden;
}
.lazy-image-magnification-modal__modal--hidden {
    display: none;
}
.lazy-image-magnification-modal__modal
    .lazy-image-magnification-modal__headline {
    background-color: var(--bg-color-light-primary);
    padding-top: var(--spacing-vertical-s);
    padding-inline-end: var(--spacing-horizontal-s);
    padding-bottom: var(--spacing-vertical-s);
    border-bottom: 1px solid var(--border-subtle);
    padding-inline-start: var(--spacing-horizontal-s);
    display: flex;
}
@media (min-width: 48rem) {
    .lazy-image-magnification-modal__modal
        .lazy-image-magnification-modal__headline {
        padding-inline-start: 5rem;
    }
}
.lazy-image-magnification-modal__modal
    .lazy-image-magnification-modal__headline-text {
    flex: auto;
}
@media (min-width: 48rem) {
    .lazy-image-magnification-modal__modal
        .lazy-image-magnification-modal__headline-text {
        text-align: center;
    }
}
.lazy-image-magnification-modal__modal
    .lazy-image-magnification-modal__headline-close {
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    margin-inline-start: var(--spacing-horizontal-m);
    margin-inline-end: var(--spacing-horizontal-xs);
}
@media (min-width: 48rem) {
    .lazy-image-magnification-modal__modal
        .lazy-image-magnification-modal__headline-close {
        margin-inline-start: var(--spacing-horizontal-l);
    }
}
.lazy-image-magnification-modal__modal
    .lazy-image-magnification-modal__close-modal-button {
    margin-top: var(--spacing-vertical-s);
    margin-inline-end: var(--spacing-horizontal-s);
    position: absolute;
    inset-inline-end: 0;
}
.lazy-image-magnification-modal__modal .lazy-image-magnification-modal__image {
    height: 100%;
}
.lazy-image-magnification-modal__modal
    .lazy-image-magnification-modal__control {
    bottom: 0;
    padding-bottom: var(--spacing-vertical-xl);
    padding-inline-end: var(--spacing-horizontal-s);
    position: absolute;
    inset-inline-end: 0;
}
.lazy-image-magnification-modal__modal
    .lazy-image-magnification-modal__control
    .lazy-image-magnification-modal__button:first-child {
    margin-bottom: var(--spacing-vertical-xs);
}
.lazy-image-magnification-modal--magnify_rounded {
    display: flex;
}
.lazy-image-magnification-modal--magnify_rounded
    .lazy-image-magnification-modal__fullscreen-button {
    position: initial;
    margin-top: auto;
    margin-inline: auto;
    margin-bottom: var(--spacing-vertical-s);
    inset-inline-end: initial;
}
.lazy-image-magnification-modal__fullscreen-button {
    inset-inline-end: 0;
    margin-top: var(--spacing-vertical-s);
    margin-inline-end: var(--spacing-horizontal-s);
    position: absolute;
    top: 0;
}
.link-group__multiple-links {
    gap: var(--spacing-vertical-xs);
    flex-direction: column;
    display: flex;
}
.loading-spinner {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
}
.loading-spinner__animation {
    width: 2rem;
    height: 2rem;
    animation-name: animation-spinning;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.loading-spinner--inline {
    width: 2rem;
    height: 2rem;
    position: relative;
}
@keyframes animation-spinning {
    0% {
        background-color: var(--color-information-zeiss);
        transform: rotate(0);
    }
    45% {
        background-color: var(--color-information-zeiss);
        transform: rotate(180deg);
    }
    50% {
        background-color: var(--bg-color-light-01);
        transform: rotate(180deg);
    }
    95% {
        background-color: var(--bg-color-light-01);
        transform: rotate(360deg);
    }
    to {
        background-color: var(--color-information-zeiss);
        transform: rotate(360deg);
    }
}
@keyframes animation-spinning1 {
    0% {
        background-color: var(--color-information-zeiss);
        transform: rotate(0);
    }
    50% {
        background-color: var(--bg-color-light-01);
        transform: rotate(180deg);
    }
    to {
        background-color: var(--color-information-zeiss);
        transform: rotate(360deg);
    }
}
.location-info__headline {
    margin-bottom: var(--spacing-vertical-s);
}
.location-info__address {
    margin-bottom: var(--spacing-vertical-s);
    color: var(--text-color-text);
    flex-direction: column;
    display: flex;
}
.location-info__address-block,
.location-info__address-wrapper {
    flex-direction: column;
    display: flex;
}
.location-info__link {
    margin-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .location-info__link {
        width: 20%;
        margin-top: 0;
    }
    .location-info__address-wrapper {
        flex-direction: row;
    }
    .location-info__address-block {
        width: 30%;
    }
}
@media (min-width: 64rem) {
    .location-info__address-block,
    .location-info__link {
        width: 50%;
    }
}
.location-info-group__wrapper {
    margin-top: var(--spacing-vertical-l);
}
@media (min-width: 64rem) {
    .location-info-group {
        flex-wrap: wrap;
        display: flex;
    }
    .location-info-group__wrapper {
        width: 50%;
    }
}
.login-wall {
    padding: var(--spacing-vertical-l) 0;
}
.login-wall__column-left {
    grid-column: 1/-1;
}
.login-wall__column-right {
    display: none;
}
.login-wall .headline {
    text-align: center;
    margin-bottom: var(--spacing-vertical-m);
}
.login-wall .headline__sub {
    display: none;
}
@media (min-width: 48rem) {
    .login-wall__column-left {
        padding-left: var(--spacing-horizontal-xxl);
        padding-right: var(--spacing-horizontal-xxl);
        flex-direction: column;
        display: flex;
    }
    .login-wall .headline {
        text-align: initial;
    }
    .login-wall .headline__sub {
        display: block;
    }
    .login-wall__cta {
        align-items: baseline;
    }
    .login-wall__button {
        margin-right: var(--spacing-horizontal-xs);
        width: initial;
    }
    .login-wall__button a {
        width: initial;
    }
}
@media (min-width: 64rem) {
    .login-wall__column-left {
        padding-left: var(--spacing-horizontal-xxl);
        grid-column: 1/6;
        padding-right: 0;
    }
    .login-wall__column-right {
        display: initial;
        padding-right: var(--spacing-horizontal-xxl);
        grid-column: 6/-1;
        padding-left: 0;
    }
}
@media (min-width: 80rem) {
    .login-wall__cta {
        margin-top: var(--spacing-vertical-xs);
    }
}
@media (min-width: 120rem) {
    .login-wall {
        margin-left: calc(var(--grid-negative-margin) * -1);
        margin-right: calc(var(--grid-negative-margin) * -1);
        padding-left: var(--grid-margin);
        padding-right: var(--grid-margin);
    }
}
.main-menu-toggle {
    cursor: pointer;
    background: 0 0;
    border: none;
    padding: 1rem 0;
}
@media (min-width: 64rem) {
    .main-menu-toggle {
        display: none;
    }
    .header--expanded .main-menu-toggle {
        display: block;
    }
}
.main-menu-toggle svg polygon {
    transform-origin: 50%;
    transition: all 0.2s ease-out;
}
.main-menu-toggle .svg-scale-wrapper {
    padding-bottom: 100%;
}
.header--expanded .main-menu-toggle svg .bottom-line,
.header--expanded .main-menu-toggle svg .top-line {
    opacity: 0;
}
.header--expanded .main-menu-toggle svg .center-line__1 {
    transform: rotate(45deg);
}
.header--expanded .main-menu-toggle svg .center-line__2 {
    transform: rotate(-45deg);
}
.media {
    position: relative;
}
.module-headline--column {
    grid-column: 1/-1;
}
@media (min-width: 64rem) {
    .module-headline--column {
        grid-column: 3/8 span;
    }
}
.module-headline .hl-l .hl--sub {
    margin-top: var(--spacing-vertical-xs);
    color: var(--headline-color);
}
.motion {
    position: relative;
}
.motion__video {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity 0.45s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.motion__video--hide {
    opacity: 0;
}
.no-js .motion__video--hide {
    opacity: 1;
}
.motion__video > .lazy-background-image {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
.motion__video-player {
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
.motion__video-controls {
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    inset-inline-end: var(--spacing-horizontal-s);
    top: var(--spacing-vertical-s);
    cursor: pointer;
    background-color: var(--bg-color-light-primary);
    border: 0;
    border-radius: 50%;
    padding: 0.5rem;
    font-size: 100%;
    transition:
        fill 0.45s,
        transform 0.45s,
        box-shadow 0.45s,
        opacity 1s;
    position: absolute;
}
@media (min-width: 64rem) {
    body:not(.touch-device) .motion__video-controls {
        opacity: 0;
    }
    body .motion__video-controls:focus {
        opacity: 1;
        box-shadow: 0 0 0 0.25rem var(--bg-color-light-03);
        outline: none;
    }
}
.motion__video-controls--bottom {
    top: auto;
    bottom: var(--spacing-horizontal-s);
}
.motion__video-controls__resume-button,
.motion__video-controls__replay-button,
.motion__video-controls.control-playing .motion__video-controls__play-button,
.motion__video-controls.control-playing .motion__video-controls__replay-button {
    display: none;
}
.motion__video-controls.control-playing .motion__video-controls__pause-button {
    display: block;
}
.motion__video-controls.control-paused .motion__video-controls__pause-button,
.motion__video-controls.control-paused .motion__video-controls__replay-button {
    display: none;
}
.motion__video-controls.control-paused .motion__video-controls__resume-button {
    display: block;
}
.motion__video-controls.control-ended .motion__video-controls__resume-button,
.motion__video-controls.control-ended .motion__video-controls__pause-button {
    display: none;
}
.motion__video-controls.control-ended .motion__video-controls__replay-button {
    display: block;
}
.motion__video--position-vertical-top .motion__video-player {
    margin-top: 0;
    top: 0;
    bottom: auto;
}
.motion__video--position-vertical-bottom .motion__video-player {
    margin-top: 0;
    top: auto;
    bottom: 0;
}
.motion__video--position-horizontal-center .motion__video-player {
    left: 50%;
    transform: translate(-50%);
}
.motion__video--position-vertical-middle .motion__video-player {
    top: 50%;
    transform: translateY(-50%);
}
.motion__video--position-vertical-middle.motion__video--position-horizontal-center
    .motion__video-player {
    transform: translate(-50%, -50%);
}
.motion__video--position-horizontal-start .motion__video-player {
    inset-inline: 0 auto;
}
.motion__video--position-horizontal-end .motion__video-player {
    inset-inline: auto 0;
}
.motion--ratio-1_1 {
    padding-bottom: 100%;
}
.motion--ratio-2_1 {
    padding-bottom: 50%;
}
.motion--ratio-16_9 {
    padding-bottom: 56.25%;
}
.motion--ratio-4_3 {
    padding-bottom: 75%;
}
.motion--ratio-3_2 {
    padding-bottom: 66.6667%;
}
.motion--ratio-16_10 {
    padding-bottom: 62.5%;
}
@media (min-width: 64rem) {
    body:not(.touch-device) .motion__video:hover .motion__video-controls,
    .benefits--in-the-background:hover
        body:not(.touch-device)
        .motion
        .motion__video-controls {
        opacity: 1;
        transition:
            fill 0.45s,
            transform 0.45s,
            box-shadow 0.45s,
            opacity 1s;
    }
    body:not(.touch-device) .motion__video:hover .motion__video-controls svg,
    .benefits--in-the-background:hover
        body:not(.touch-device)
        .motion
        .motion__video-controls
        svg {
        transition: transform 0.45s;
    }
    body:not(.touch-device) .motion__video:hover .motion__video-controls:hover,
    .benefits--in-the-background:hover
        body:not(.touch-device)
        .motion
        .motion__video-controls:hover {
        fill: var(--interaction-color-hover);
        transform: scale(1.2);
    }
    body:not(.touch-device)
        .motion__video:hover
        .motion__video-controls:hover
        svg,
    .benefits--in-the-background:hover
        body:not(.touch-device)
        .motion
        .motion__video-controls:hover
        svg {
        transform: scale(0.86);
    }
    body:not(.touch-device) .motion__video:hover .motion__video-controls:focus,
    .benefits--in-the-background:hover
        body:not(.touch-device)
        .motion
        .motion__video-controls:focus {
        box-shadow: 0 0 0 0.25rem var(--bg-color-light-03);
        outline: none;
    }
}
.overlay-page {
    --overlay-header-height: 0;
    --page-bg-color: var(--titan-bg-color, var(--classic-bg-color));
    background-color: var(--page-bg-color, var(--bg-color-light-primary));
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    width: 100vw;
    height: 0;
    transition: opacity 0.4s ease-in-out;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
}
.overlay-page--active-animation {
    z-index: 20000;
    height: 100vh;
}
.overlay-page--active {
    opacity: 1;
    visibility: visible;
}
.overlay-page__header {
    padding-top: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-l);
    background-color: var(--page-bg-color, var(--bg-color-light-primary));
    z-index: 100;
    border-bottom: 1px solid var(--border-subtle);
    transition: padding 0.25s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.overlay-page__headline {
    padding-left: var(--spacing-horizontal-s);
    padding-right: var(--spacing-horizontal-s);
    text-align: center;
    margin-left: 2rem;
    margin-right: 2rem;
    transition:
        font-size 0.25s ease-in-out,
        line-height 0.25s ease-in-out;
}
.overlay-page__header-column-headline {
    grid-column: 1/-1;
    align-items: center;
    display: grid;
}
.overlay-page__header-column-button {
    grid-area: 1/-1;
    justify-self: flex-end;
    transition:
        top 0.25s ease-in-out,
        transform 0.25s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
}
.overlay-page__header--scrolled {
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-s);
}
.overlay-page__header--scrolled .overlay-page__headline {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .overlay-page__header--scrolled .overlay-page__headline {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .overlay-page__header--scrolled .overlay-page__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .overlay-page__header--scrolled .overlay-page__headline {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) {
    .overlay-page__header--scrolled .overlay-page__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .overlay-page__header--scrolled .overlay-page__headline {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .overlay-page__header--scrolled .overlay-page__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .overlay-page__header--scrolled .overlay-page__headline {
        line-height: 2rem;
    }
}
@media (min-width: 90rem) {
    .overlay-page__header--scrolled .overlay-page__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .overlay-page__header--scrolled .overlay-page__headline {
        line-height: 2rem;
    }
}
.overlay-page__header--scrolled .overlay-page__header-column-button {
    top: 50%;
    transform: translateY(-50%);
}
.overlay-page__header--static {
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-s);
}
.overlay-page__header--static .overlay-page__headline {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .overlay-page__header--static .overlay-page__headline {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .overlay-page__header--static .overlay-page__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .overlay-page__header--static .overlay-page__headline {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) {
    .overlay-page__header--static .overlay-page__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .overlay-page__header--static .overlay-page__headline {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .overlay-page__header--static .overlay-page__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .overlay-page__header--static .overlay-page__headline {
        line-height: 2rem;
    }
}
@media (min-width: 90rem) {
    .overlay-page__header--static .overlay-page__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .overlay-page__header--static .overlay-page__headline {
        line-height: 2rem;
    }
}
.overlay-page__content {
    height: 100%;
    overflow-y: auto;
}
.overlay-page__content-section {
    box-sizing: content-box;
    height: calc(100% - var(--overlay-header-height));
    padding-top: var(--overlay-header-height);
    transition:
        height 0.25s ease-in-out,
        padding-top 0.25s ease-in-out;
}
.overlay-page__content-section > .cmp-container {
    padding-bottom: var(--spacing-vertical-xxxl);
}
.overlay-page__content-section-non-static {
    flex-direction: column;
    display: flex;
}
.overlay-page__button-close {
    width: 2rem;
    height: 2rem;
    display: block;
}
.overlay-page__button-close svg {
    fill: var(--icon-strong);
    transition: fill 0.25s ease-in-out;
}
.overlay-page__button-close:hover svg {
    fill: var(--interaction-color-hover);
}
.overlay-page__button-close .icon {
    width: 100%;
}
@media (min-width: 64rem) {
    .overlay-page__headline {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .overlay-page__header-column-headline {
        grid-column: 3/-3;
    }
    .overlay-page__header-column-button {
        grid-column: -2 / span 1;
        position: static;
        transform: none;
    }
    .overlay-page__header--scrolled .overlay-page__header-column-button {
        top: 0;
        transform: none;
    }
}
.plain-link {
    cursor: pointer;
    text-decoration: none;
}
.plain-link > div,
.plain-link > span,
.plain-link > figure {
    pointer-events: none;
}
.product-item {
    background-color: var(--bg-surface, var(--bg-color-secondary));
    flex: 100%;
    height: 100%;
    display: flex;
}
.product-item > * {
    flex: 100%;
    height: 100%;
    display: flex;
}
.product-item__button {
    padding: var(--spacing-vertical-s);
    flex-direction: column;
    flex: 1 0 100%;
    transition:
        box-shadow 0.4s ease-in-out,
        background-color 0.4s ease-in-out;
    display: flex;
}
.product-item__button > * {
    pointer-events: none;
}
.product-item__button:hover {
    box-shadow: var(--elevation-overlay);
    background-color: var(--product-item-hover);
}
.product-item__image,
.product-item__content {
    display: flex;
}
.product-item__image {
    margin-bottom: var(--spacing-vertical-s);
    flex: none;
    width: 100%;
}
.product-item__content {
    margin-bottom: var(--spacing-vertical-s);
    flex: auto;
    align-self: stretch;
}
.product-item-large {
    grid-column-gap: var(--grid-gutter);
    background-color: var(--bg-color-light-primary);
    display: grid;
    position: relative;
}
.product-item-large__fake-link {
    z-index: 2;
    transition: box-shadow 0.45s;
    position: absolute;
    inset: 0;
}
.product-item-large--mouseover .product-item-large__fake-link {
    box-shadow: var(--elevation-overlay);
}
.product-item-large--mouseover:has(.product-item-large__fake-link):before {
    content: "";
    top: 0;
    background-color: var(--item-hover-bg-color);
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.45s;
    position: absolute;
    inset-inline-start: 0;
}
.product-item-large--mouseover:has(
        .product-item-large__fake-link
    ):hover:before {
    opacity: 1;
}
.product-item-large--mouseover
    .product-item-large__fake-link
    + .product-item-large__media
    .motion__video-controls {
    opacity: 1;
}
.product-item-large--mouseover:has(.product-item-large__fake-link:hover)
    .button-link--link
    a {
    color: var(--button-link-text-hover);
}
.product-item-large--mouseover:has(.product-item-large__fake-link:hover)
    .button-link--link
    button {
    color: var(--button-link-text-hover);
}
.product-item-large--mouseover:has(.product-item-large__fake-link:hover)
    .button-link--link
    a
    .button__text {
    background-size: 100% 100%;
}
.product-item-large--mouseover:has(.product-item-large__fake-link:hover)
    .button-link--link
    button
    .button__text {
    background-size: 100% 100%;
}
.product-item-large--mouseover:has(.product-item-large__fake-link:hover)
    .button-link--link
    a
    .icon {
    transform: translate(0.25rem);
}
.product-item-large--mouseover:has(.product-item-large__fake-link:hover)
    .button-link--link
    button
    .icon {
    transform: translate(0.25rem);
}
[dir="rtl"]
    .product-item-large--mouseover:has(.product-item-large__fake-link:hover)
    .button-link--link
    a
    .icon {
    transform: scaleX(-1) translate(0.25rem);
}
[dir="rtl"]
    .product-item-large--mouseover:has(.product-item-large__fake-link:hover)
    .button-link--link
    button
    .icon {
    transform: scaleX(-1) translate(0.25rem);
}
.product-item-large__media {
    margin-bottom: var(--spacing-vertical-m);
    position: relative;
}
@media (min-width: 48rem) {
    .product-item-large__media .motion__video-controls {
        opacity: 0;
    }
}
.product-item-large__content {
    margin-inline: var(--grid-margin);
}
@media (min-width: 64rem) and (max-width: 79.9375rem) {
    .product-overview .product-item-large__content {
        margin-inline-start: 0;
        margin-inline-end: var(--spacing-horizontal-m);
    }
}
.product-item-large__content .product-item-large__text {
    margin-bottom: var(--spacing-vertical-s);
}
.product-item-large__link {
    margin-bottom: var(--spacing-vertical-m);
}
.product-item-large:focus a,
.product-item-large:focus button,
.product-item-large:active a,
.product-item-large:active button {
    --button-link-underline-default: var(--button-link-text-focus);
    color: var(--button-link-text-focus);
}
.product-item-large:focus a .button__text,
.product-item-large:focus button .button__text,
.product-item-large:active a .button__text,
.product-item-large:active button .button__text {
    background-size: 100% 100%;
}
@media (min-width: 64rem) {
    .product-item-large {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-item-large__media {
        margin-bottom: 0;
    }
    .product-item-large__content {
        margin-inline: var(--spacing-horizontal-xxl);
        flex-direction: column;
        justify-content: center;
        display: flex;
    }
    .product-item-large--text-left .product-item-large__media {
        grid-column: 2/3;
    }
    .product-item-large--text-left .product-item-large__content {
        grid-column: 1/2;
        grid-row-start: 1;
    }
    .product-item-large__link {
        margin-bottom: 0;
    }
    .product-item-large-group--background-media .product-item-large,
    .product-item-large--background-media {
        --headline-color: var(--text-color-headlines);
        --headline-color-eyebrow: var(--text-color-headlines);
        --text-color-text: var(--text-color-body);
        --text-color-link-hover: var(--button-tertiary-text-hover);
        --text-color-link-focus: var(--button-tertiary-text-focus);
        background-color: transparent;
    }
    .product-item-large-group--background-media
        .product-item-large
        .product-item-large__media,
    .product-item-large--background-media .product-item-large__media {
        z-index: 0;
        grid-column: 1/3;
        grid-row-start: 1;
        position: relative;
    }
    .product-item-large-group--background-media
        .product-item-large
        .product-item-large__content,
    .product-item-large--background-media .product-item-large__content {
        z-index: 1;
        grid-column: 2/3;
        grid-row-start: 1;
        position: relative;
    }
    .product-item-large-group--background-media
        .product-item-large.product-item-large--text-left
        .product-item-large__content,
    .product-item-large--background-media.product-item-large--text-left
        .product-item-large__content {
        grid-column: 1/2;
    }
    .product-item-large-group--background-media .product-item-large button,
    .product-item-large-group--background-media .product-item-large a,
    .product-item-large--background-media button,
    .product-item-large--background-media a {
        --button-link-text-default: var(--interaction-color-link);
        --button-link-underline-default: var(--interaction-color-hover);
        --button-link-text-hover: var(--interaction-color-hover);
        --button-link-text-focus: var(--interaction-color-focused);
    }
    .product-item-large--light.product-item-large--background-media,
    .product-item-large-group--background-media .product-item-large--light {
        --headline-color: var(--text-color-invert-headlines);
        --headline-color-eyebrow: var(--text-color-invert-headlines);
        --text-color-text: var(--text-color-invert-body);
        --text-color-link-hover: var(--interaction-color-grey-hover);
        --text-color-link-focus: var(--interaction-color-grey-focused);
        --text-color-information: var(--color-information-70);
    }
    .product-item-large--light.product-item-large--background-media button,
    .product-item-large--light.product-item-large--background-media a,
    .product-item-large-group--background-media
        .product-item-large--light
        button,
    .product-item-large-group--background-media .product-item-large--light a {
        --button-link-text-default: var(--color-information-60);
        --button-link-underline-default: var(--color-information-50);
        --button-link-text-hover: var(--color-information-50);
        --button-link-text-focus: var(--color-information-40);
    }
}
.product-item-large .motion__video-controls {
    z-index: 3;
}
.classic-section:not(.classic-section--no-bg) .product-item-large {
    background-color: var(--bg-surface);
}
.product-item-large-group {
    grid-row-gap: var(--grid-gutter);
    display: grid;
}
.product-item-medium {
    background-color: var(--bg-color-light-primary);
    flex-direction: column;
    align-self: stretch;
    height: 100%;
    display: flex;
    position: relative;
}
.product-item-medium:before {
    content: "";
    top: 0;
    background-color: var(--item-hover-bg-color);
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.45s;
    position: absolute;
    inset-inline-start: 0;
}
.product-item-medium:hover:before {
    opacity: 1;
}
.product-item-medium__fake-link {
    z-index: 1;
    transition: box-shadow 0.45s;
    position: absolute;
    inset: 0;
}
.product-item-medium__fake-link:hover,
.product-item-medium__fake-link:focus {
    box-shadow: var(--elevation-overlay);
}
.product-item-medium__media {
    margin-bottom: var(--spacing-vertical-m);
    flex: none;
    display: flex;
}
.product-item-medium__content {
    margin-inline: var(--grid-gutter);
    flex-direction: column;
    flex: 1 0 auto;
    display: flex;
}
.product-item-medium__content .headline {
    flex-direction: column;
    flex: 1 0 auto;
    align-self: stretch;
    display: flex;
}
.product-item-medium__link {
    pointer-events: none;
    z-index: 2;
    margin-bottom: var(--spacing-vertical-m);
    position: relative;
}
.product-item-medium-group--background-media .product-item-medium,
.product-item-medium--background-media {
    position: relative;
}
.product-item-medium-group--background-media
    .product-item-medium
    .product-item-medium__media,
.product-item-medium--background-media .product-item-medium__media {
    margin-bottom: 0;
}
.product-item-medium-group--background-media
    .product-item-medium
    .product-item-medium__content,
.product-item-medium--background-media .product-item-medium__content {
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.product-item-medium-group--background-media
    .product-item-medium
    .product-item-medium__link,
.product-item-medium--background-media .product-item-medium__link {
    margin-bottom: var(--spacing-vertical-m);
}
.product-item-medium--light.product-item-medium--background-media
    .product-item-medium__content
    .headline,
.product-item-medium-group--background-media
    .product-item-medium--light
    .product-item-medium__content
    .headline {
    color: var(--text-color-invert-headlines);
}
.product-item-medium--light.product-item-medium--background-media
    .product-item-medium__link
    a,
.product-item-medium-group--background-media
    .product-item-medium--light
    .product-item-medium__link
    a {
    color: var(--interaction-color-grey-link);
}
.product-item-medium--light.product-item-medium--background-media
    .product-item-medium__link
    a
    .icon
    svg,
.product-item-medium-group--background-media
    .product-item-medium--light
    .product-item-medium__link
    a
    .icon
    svg,
.product-item-medium--light.product-item-medium--background-media
    .product-item-medium__link
    a:hover
    .icon
    svg,
.product-item-medium-group--background-media
    .product-item-medium--light
    .product-item-medium__link
    a:hover
    .icon
    svg {
    fill: var(--interaction-color-grey-link);
}
.product-item-medium--light.product-item-medium--background-media
    .button-link--link
    .button__text,
.product-item-medium-group--background-media
    .product-item-medium--light
    .button-link--link
    .button__text {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(
        transparent calc(100% - var(--border-width-s)),
        var(--text-color-invert-headlines) var(--border-width-s)
    );
    transition: background-size 0.75s ease-in-out;
}
[dir="rtl"]
    .product-item-medium--light.product-item-medium--background-media
    .button-link--link
    .button__text {
    background-position-x: right;
}
[dir="rtl"]
    .product-item-medium-group--background-media
    .product-item-medium--light
    .button-link--link
    .button__text {
    background-position-x: right;
}
:lang(ar)
    .product-item-medium--light.product-item-medium--background-media
    .button-link--link
    .button__text,
:lang(ar)
    .product-item-medium-group--background-media
    .product-item-medium--light
    .button-link--link
    .button__text {
    background-position-y: -0.1875rem;
}
.product-item-medium--light.product-item-medium--background-media.product-item-medium:hover
    .product-item-medium__link
    a
    .button__text,
.product-item-medium-group--background-media
    .product-item-medium--light.product-item-medium:hover
    .product-item-medium__link
    a
    .button__text {
    color: var(--text-color-invert-headlines);
    background-size: 100% 100%;
}
.product-item-medium--light.product-item-medium--background-media.product-item-medium:hover
    .product-item-medium__link
    a
    .icon
    svg,
.product-item-medium-group--background-media
    .product-item-medium--light.product-item-medium:hover
    .product-item-medium__link
    a
    .icon
    svg {
    fill: var(--text-color-invert-headlines);
}
.product-item-medium:hover .button-link--link a,
.product-item-medium:hover .button-link--link button {
    color: var(--button-link-text-hover);
}
.product-item-medium:hover .button-link--link a .button__text,
.product-item-medium:hover .button-link--link button .button__text {
    background-size: 100% 100%;
}
.product-item-medium:hover .button-link--link a .icon,
.product-item-medium:hover .button-link--link button .icon {
    transform: translate(0.25rem);
}
[dir="rtl"] .product-item-medium:hover .button-link--link a .icon {
    transform: scaleX(-1) translate(0.25rem);
}
[dir="rtl"] .product-item-medium:hover .button-link--link button .icon {
    transform: scaleX(-1) translate(0.25rem);
}
.product-item-medium:focus a,
.product-item-medium:focus button,
.product-item-medium:active a,
.product-item-medium:active button {
    --button-link-underline-default: var(--button-link-text-focus);
    color: var(--button-link-text-focus);
}
.product-item-medium:focus a .button__text,
.product-item-medium:focus button .button__text,
.product-item-medium:active a .button__text,
.product-item-medium:active button .button__text {
    background-size: 100% 100%;
}
.classic-section:not(.classic-section--no-bg) .product-item-medium {
    background-color: var(--bg-surface);
}
.product-item-medium-group .grid__structure {
    grid-row-gap: var(--grid-gutter);
}
.product-item-medium-group .grid__column {
    grid-column: span 4;
}
@media (min-width: 48rem) {
    .product-item-medium-group .grid__column {
        grid-column: span 3;
    }
}
@media (min-width: 64rem) {
    .product-item-medium-group .grid__column {
        grid-column: span 6;
    }
}
.product-item-medium-group--background-media {
    grid-template-rows: repeat(2, auto);
    grid-template-columns: auto;
}
.profile {
    flex-direction: column;
    display: flex;
}
.profile .grid__container {
    width: 100%;
}
.profile__column--image {
    grid-column: 1 / span 2;
}
.profile__column--content {
    grid-column: 1/-1;
}
.profile__image {
    width: 100%;
    margin-bottom: var(--spacing-vertical-l);
    z-index: 1;
    flex: none;
    align-self: center;
    display: flex;
    position: relative;
    overflow: hidden;
}
.profile__image figure {
    z-index: 0;
}
.profile__description {
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.profile__description-text {
    color: var(--text-color-text);
    letter-spacing: 0.005em;
    padding-top: var(--spacing-vertical-s);
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .profile__description-text {
    line-height: 1.75rem;
}
.profile__actions {
    margin-top: var(--spacing-vertical-s);
    flex: 1 0 100%;
    gap: 1rem;
    display: flex;
}
.profile__toggle {
    flex: auto;
    align-items: center;
    display: flex;
}
@media (max-width: 63.9375rem) {
    .profile__toggle .button-toggle {
        width: 100%;
    }
    .profile__toggle .button-link--icon {
        text-align: left;
    }
}
.profile__contact {
    flex: none;
    justify-items: flex-end;
    display: flex;
}
.profile__contact-list {
    margin-left: calc(var(--spacing-horizontal-l) / -2);
    margin-right: calc(var(--spacing-horizontal-l) / -2);
    flex-direction: row;
    flex: none;
    display: flex;
}
.profile__contact-item {
    margin-left: calc(var(--spacing-horizontal-l) / 2);
    margin-right: calc(var(--spacing-horizontal-l) / 2);
    flex: none;
    display: flex;
}
.profile__contact-item-additional {
    margin-left: 2.5rem;
}
.profile__contact .icon {
    flex: none;
    width: 1.5rem;
    display: flex;
}
.profile__contact .icon svg {
    color: currentColor;
    fill: currentColor;
    transition: fill 0.15s ease-in-out;
}
.profile__contact-item-link {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.005em;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--button-tertiary-text-default);
    flex: none;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    transition: color 0.15s ease-in-out;
    display: flex;
}
:lang(ar) .profile__contact-item-link {
    line-height: 1.75rem;
}
.profile__contact-item-link.button-link a {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}
.profile__contact-item-link:focus,
.profile__contact-item-link:active,
.profile__contact-item-link:hover {
    color: var(--button-tertiary-text-hover);
}
.profile__contact-item-label,
.profile--secondary .profile__image,
.profile--secondary .profile__description,
.profile--secondary .profile__actions {
    display: none;
}
.profile--secondary .profile__headline {
    margin-bottom: 0;
}
.profile__grid-structure--with-additional .profile__toggle {
    display: none;
}
.profile__grid-structure--with-additional .icon {
    width: 1rem;
    margin-right: var(--spacing-horizontal-xs);
}
.profile__grid-structure--with-additional .profile__contact-list {
    flex-direction: column;
}
.profile__grid-structure--with-additional .profile__contact-item-link {
    width: auto;
    height: auto;
}
.profile__grid-structure--with-additional .profile__contact-item-label {
    flex: 1 0 auto;
    display: flex;
}
@media (min-width: 48rem) {
    .profile__image {
        width: 9.25rem;
    }
    .profile__column--image {
        grid-column: 3 / span 2;
        justify-self: center;
    }
    .profile__column--content {
        grid-column: 2/-2;
    }
}
@media (min-width: 64rem) {
    .profile__column--image {
        grid-column: span 2;
        justify-content: flex-end;
        justify-self: normal;
        display: flex;
    }
    .profile__column--content {
        grid-column: 3 / span 8;
    }
    .profile__image {
        align-self: flex-start;
        justify-self: flex-end;
        max-width: 100%;
        margin-bottom: 0;
    }
    .profile__description {
        opacity: 1;
        height: auto;
    }
    .profile__toggle {
        display: none;
    }
    .profile__contact {
        flex: 1 0 100%;
    }
    .profile .icon {
        width: 1rem;
        margin-right: var(--spacing-horizontal-xs);
    }
    .profile__contact-list {
        flex-direction: column;
    }
    .profile__contact-item-link {
        width: auto;
        height: auto;
    }
    .profile__contact-item-label {
        flex: 1 0 auto;
        display: flex;
    }
}
@media (max-width: 47.9375rem) {
    .profile--primary .profile__image {
        width: 9.25rem;
        margin-bottom: var(--spacing-vertical-m);
    }
    [data-primary-count="4"] .profile--primary .profile__image,
    [data-primary-count="5"] .profile--primary .profile__image,
    [data-primary-count="6"] .profile--primary .profile__image {
        width: 4.125rem;
        margin-bottom: var(--spacing-vertical-m);
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    [data-primary-count] .profile--primary .profile__column--image {
        grid-column: span 1;
        width: 9.75rem;
    }
    [data-primary-count] .profile--primary .profile__column--content {
        grid-column: 1/-1;
    }
    [data-primary-count] .profile--secondary .profile__column--image {
        grid-column: 0;
        width: 9.75rem;
    }
    [data-primary-count] .profile--secondary .profile__column--content {
        grid-column: 1/-1;
    }
    [data-primary-count="4"] .profile--primary .profile__image,
    [data-primary-count="5"] .profile--primary .profile__image,
    [data-primary-count="6"] .profile--primary .profile__image {
        width: 4.625rem;
        margin-bottom: var(--spacing-vertical-s);
    }
}
@media (min-width: 80rem) {
    [data-primary-count] .profile--primary .profile__column--image {
        grid-column: span 4;
        width: 9.75rem;
    }
    [data-primary-count] .profile--primary .profile__column--content {
        grid-column: 5/-1;
    }
    [data-primary-count] .profile--secondary .profile__column--image {
        grid-column: span 4;
    }
    [data-primary-count] .profile--secondary .profile__column--content {
        grid-column: 5/-1;
    }
    [data-primary-count="3"] .profile--primary .profile__image,
    [data-primary-count="4"] .profile--primary .profile__image,
    [data-primary-count="5"] .profile--primary .profile__image,
    [data-primary-count="6"] .profile--primary .profile__image {
        width: 9.75rem;
        margin-bottom: var(--spacing-vertical-m);
    }
    [data-primary-count="3"] .profile--primary .profile__column--image,
    [data-primary-count="3"] .profile--secondary .profile__column--image,
    [data-primary-count="4"] .profile--primary .profile__column--image,
    [data-primary-count="4"] .profile--secondary .profile__column--image,
    [data-primary-count="5"] .profile--primary .profile__column--image,
    [data-primary-count="5"] .profile--secondary .profile__column--image,
    [data-primary-count="6"] .profile--primary .profile__column--image,
    [data-primary-count="6"] .profile--secondary .profile__column--image {
        grid-column: 1/-1;
        justify-content: flex-start;
    }
    [data-primary-count="3"] .profile--primary .profile__column--content,
    [data-primary-count="3"] .profile--secondary .profile__column--content,
    [data-primary-count="4"] .profile--primary .profile__column--content,
    [data-primary-count="4"] .profile--secondary .profile__column--content,
    [data-primary-count="5"] .profile--primary .profile__column--content,
    [data-primary-count="5"] .profile--secondary .profile__column--content,
    [data-primary-count="6"] .profile--primary .profile__column--content,
    [data-primary-count="6"] .profile--secondary .profile__column--content {
        grid-column: 1/-1;
    }
    [data-primary-count="4"] .profile--primary .profile__image,
    [data-primary-count="5"] .profile--primary .profile__image,
    [data-primary-count="6"] .profile--primary .profile__image {
        width: 4.625rem;
        margin-bottom: var(--spacing-vertical-s);
    }
    [data-primary-count="1"] .profile--primary .profile__column--image {
        grid-column: span 2;
    }
    [data-primary-count="1"] .profile--primary .profile__column--content {
        grid-column: 3 / span 8;
    }
}
.related-websites {
    display: flex;
}
.related-websites__headline {
    line-height: 1.6;
}
@media (min-width: 64rem) {
    .related-websites .header__first-level-link {
        margin-inline-start: var(--spacing-horizontal-m);
    }
}
.search--is-loading .search__searches:before {
    opacity: 0.6;
    visibility: visible;
}
.search__container {
    top: var(--header-overlay-top-offset);
    background-color: var(--bg-color-secondary);
    z-index: 5050;
    display: none;
    position: fixed;
    bottom: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
}
.header--no-campaign .search__container {
    top: var(--header-overlay-top-offset);
}
.header--got-animated .search__container,
.header--got-animated.header--no-campaign .search__container {
    top: var(--header-overlay-top-offset-shrink);
}
@media (min-width: 48rem) {
    .search__container {
        top: calc(
            var(--header-overlay-top-offset) - var(--header-meta-visible-height)
        );
    }
    .header--no-campaign .search__container {
        top: var(--header-overlay-top-offset);
    }
    .header--got-animated .search__container,
    .header--got-animated.header--no-campaign .search__container {
        top: calc(
            var(--header-overlay-top-offset-shrink) -
                var(--header-meta-hidden-height)
        );
    }
}
@media (min-width: 64rem) {
    .header--no-campaign .search__container {
        top: var(--header-overlay-top-offset);
    }
}
.header--search-open .search__container {
    width: 100vw;
    display: block;
    bottom: 0;
    overflow-y: scroll;
}
.search__searches {
    position: relative;
}
.search__searches:before {
    content: "";
    background-color: var(--bg-color-secondary);
    opacity: 0;
    z-index: 50;
    visibility: hidden;
    transition: all 1s ease-out;
    display: block;
    position: absolute;
    inset: 0;
}
.search__input-container {
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-l);
    padding-top: 0.1875rem;
    padding-bottom: 0.5rem;
    position: relative;
}
@media (min-width: 48rem) {
    .search__input-container {
        margin-top: var(--spacing-vertical-l);
        margin-bottom: var(--spacing-vertical-xxxl);
        padding-bottom: 0.75rem;
    }
}
@media (min-width: 64rem) {
    .search__input-container {
        margin-top: var(--spacing-vertical-xxxl);
        margin-bottom: var(--spacing-vertical-xxl);
    }
}
.search__input-container:after {
    content: "";
    background: var(--color-black);
    height: 0.125rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media (min-width: 48rem) {
    .search__input-container:after {
        height: 1px;
    }
}
@media (min-width: 64rem) {
    .search__input-container:after {
        height: 0.125rem;
    }
}
.search__input-container .icon {
    width: 1.75rem;
    fill: var(--interaction-color-focused);
    transition: fill 0.5s ease-out;
}
@media (min-width: 48rem) {
    .search__input-container .icon {
        width: 3.375rem;
    }
}
.search__submit {
    cursor: pointer;
    top: 0.3125rem;
    background-color: transparent;
    border: 0;
    width: 1.75rem;
    padding: 0;
    position: absolute;
    inset-inline-end: 0;
}
.search__submit:disabled {
    cursor: not-allowed;
    opacity: var(--form-opacity-checkbox-disabled);
}
@media (min-width: 48rem) {
    .search__submit {
        width: 3.375rem;
        top: 0.875rem;
    }
}
@media (min-width: 64rem) {
    .search__submit {
        top: 0.75rem;
    }
}
.search__input {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.5px;
    width: 100%;
    caret-color: var(--interaction-color-focused);
    background-color: transparent;
    border: none;
    outline: none;
    padding-inline-end: 1.875rem;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.33;
    display: block;
}
.search__input::placeholder {
    color: var(--bg-color-light-03);
}
.search__input::placeholder {
    color: var(--bg-color-light-03);
}
.search__input::placeholder {
    color: var(--bg-color-light-03);
}
@media (min-width: 48rem) {
    .search__input {
        font-family: var(--font-family-frutiger);
        letter-spacing: 0.42px;
        padding-inline-end: 3.75rem;
        font-size: 2.5rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.6;
    }
}
.search__title-recommended,
.search__title-popular {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: var(--spacing-vertical-l);
    color: var(--text-color-headlines);
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    display: none;
}
.search--recommended .search__title-recommended,
.search--popular .search__title-popular {
    display: block;
}
.search__list-entry {
    margin-bottom: var(--spacing-vertical-m);
}
.search__list-entry strong {
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 500;
}
.search__link-entry {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.5px;
    color: var(--text-color-headlines);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2rem;
}
@media (min-width: 64rem) {
    .search__link-entry {
        letter-spacing: 0.5px;
        font-size: 1.5rem;
        font-style: normal;
        font-stretch: 100%;
        line-height: 1.58rem;
    }
}
.section-heading {
    margin-top: var(--spacing-vertical-xxxl);
}
.section-heading .grid__structure:after {
    content: "";
    background-color: var(--border-subtle);
    height: 0.063rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.section-heading--column {
    grid-column: 1/-1;
}
@media (min-width: 64rem) {
    .section-heading--column {
        grid-column: 3/8 span;
    }
}
.section-heading--column .hl--sub {
    margin-top: var(--spacing-vertical-xs);
    color: var(--headline-color);
}
.segment-routing__quick-link__item {
    gap: var(--spacing-vertical-xs);
    width: 5.625rem;
    padding-bottom: var(--spacing-vertical-xs);
    flex-direction: column;
    text-decoration: none;
    display: flex;
}
@media (min-width: 48rem) {
    .segment-routing__quick-link__item {
        width: 7.8125rem;
    }
}
.segment-routing__quick-link__item:hover,
.segment-routing__quick-link__item:active,
.segment-routing__quick-link__item:visited {
    color: var(--interaction-color-link);
}
.segment-routing__quick-link__item__text {
    text-align: center;
    color: var(--text-color-headlines);
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
}
@media (min-width: 48rem) {
    .segment-routing__quick-link__item__text {
        letter-spacing: 0.005px;
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
}
.segment-routing__quick-link__item__image-small {
    width: 5.625rem;
}
@media (min-width: 48rem) {
    .segment-routing__quick-link__item__image-small {
        display: none;
    }
}
.segment-routing__quick-link__item__image-small .lazy-image__image-container {
    border-radius: 0.5rem;
}
.segment-routing__quick-link__item__image {
    width: 5.625rem;
}
@media (min-width: 48rem) {
    .segment-routing__quick-link__item__image {
        width: 7.8125rem;
    }
}
.segment-routing__quick-link__item__image .lazy-image__image-container {
    border-radius: 0.5rem;
}
@media (min-width: 48rem) {
    .segment-routing__quick-link__item__image .lazy-image__image-container {
        padding-bottom: 80%;
    }
}
.segment-routing__quick-links {
    flex-wrap: wrap;
    gap: 1rem;
    display: flex;
}
@media (min-width: 48rem) {
    .segment-routing__quick-links {
        gap: 1.5rem;
    }
}
.segment-routing__item__panel {
    gap: var(--spacing-vertical-xxl);
    flex-direction: column;
    display: none;
}
.segment-routing__item__panel.active {
    display: flex;
}
@media (min-width: 64rem) {
    .segment-routing__item__panel {
        gap: var(--spacing-vertical-m);
    }
    .segment-routing__item__panel__headline-mobile-fallback {
        display: none;
    }
}
.segment-routing__item__panel__header {
    gap: var(--spacing-vertical-m);
    flex-direction: column;
    display: flex;
}
.segment-routing__item__panel .headline__main {
    letter-spacing: 0.015em;
    font-size: 2rem;
    font-weight: 750;
    line-height: 2.25rem;
}
:lang(ar) .segment-routing__item__panel .headline__main {
    line-height: 3rem;
}
@media (min-width: 48rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 4rem;
    }
}
@media (min-width: 64rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 4rem;
    }
}
@media (min-width: 80rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 4.75rem;
    }
}
@media (min-width: 90rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 4.75rem;
    }
}
@media (min-width: 64rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.75rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) and (min-width: 48rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 2.625rem;
    }
}
@media (min-width: 64rem) and (min-width: 64rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 2.625rem;
    }
}
@media (min-width: 64rem) and (min-width: 80rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 3rem;
    }
}
@media (min-width: 64rem) and (min-width: 90rem) {
    .segment-routing__item__panel .headline__main {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .segment-routing__item__panel .headline__main {
        line-height: 3rem;
    }
}
.segment-routing__item__panel__info {
    gap: var(--spacing-vertical-m);
    flex-direction: column;
    display: flex;
}
@media (min-width: 64rem) {
    .segment-routing__item__panel__info {
        gap: var(--spacing-vertical-s);
    }
    .segment-routing__item__panel .text {
        max-width: 80%;
    }
}
@media (min-width: 80rem) {
    .segment-routing__item__panel .text {
        max-width: 70%;
    }
}
.segment-routing__item__panel .cta-button {
    padding-bottom: var(--spacing-vertical-xs);
}
@media (min-width: 48rem) {
    .segment-routing__item__panel .cta-button {
        padding-bottom: 0;
    }
}
.segment-routing__item__panel .cta-button.button-link--secondary a {
    text-align: center;
    letter-spacing: 0.02em;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
}
@media (max-width: 47.9375rem) {
    .segment-routing__item__panel .cta-button.button-link--secondary a {
        width: 100%;
    }
}
@media (min-width: 64rem) {
    .segment-routing__item__panel .cta-button.button-link--secondary a {
        letter-spacing: 0.02em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
@media (min-width: 80rem) {
    .segment-routing__item__panel .cta-button.button-link--secondary a {
        letter-spacing: 0.063em;
    }
}
.share {
    display: flex;
}
.share__link {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--button-link-text-default);
    margin-left: var(--spacing-horizontal-xs);
    background-color: var(--classic-bg-color, var(--bg-color-light-00));
}
.share__link:first-child {
    margin-left: 0;
}
.share__link .icon {
    width: 1.25rem;
    margin: 0.625rem;
}
.share__link .icon svg {
    color: var(--button-link-text-default);
}
.share__link:hover .icon svg {
    color: var(--button-link-text-hover);
}
.share__link:focus .icon svg {
    color: var(--button-link-text-focus);
}
.share__link:disabled .icon svg {
    color: var(--interaction-color-disabled);
}
.share__link[data-js-select="Share_copy-to-clipboard"] textarea {
    z-index: -1;
    position: absolute;
    left: -625rem;
}
.share-link-overlay .overlay__content {
    flex-direction: column;
    display: flex;
}
.share-link-overlay
    .overlay__content
    .share-link-overlay__content
    .button-link
    a {
    width: auto;
}
.share-link-overlay__content-wrapper {
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
}
.share-link-overlay .headline {
    margin-bottom: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .share-link-overlay .headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .share-link-overlay .headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    .share-link-overlay .headline {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .share-link-overlay .headline {
        line-height: 3rem;
    }
}
@media (min-width: 48rem) and (min-width: 64rem) {
    .share-link-overlay .headline {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .share-link-overlay .headline {
        line-height: 3rem;
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    .share-link-overlay .headline {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .share-link-overlay .headline {
        line-height: 4rem;
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    .share-link-overlay .headline {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .share-link-overlay .headline {
        line-height: 4rem;
    }
}
.share-link-overlay__description {
    background: var(--color-alert-info-10);
    margin-bottom: var(--spacing-vertical-m);
    padding: 0.5rem;
}
@media (min-width: 48rem) {
    .share-link-overlay__description {
        margin-bottom: var(--spacing-vertical-s);
    }
}
.share-link-overlay__description .text {
    color: var(--text-color-headlines);
}
@media (min-width: 48rem) {
    .share-link-overlay__description .text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .share-link-overlay__description .text {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .share-link-overlay__description .text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .share-link-overlay__description .text {
        line-height: 2rem;
    }
}
.share-link-overlay__link-wrapper {
    margin-bottom: var(--spacing-vertical-m);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
@media (min-width: 80rem) {
    .share-link-overlay__link-wrapper {
        gap: var(--spacing-horizontal-m);
        flex-direction: row;
        align-items: center;
        margin-bottom: 0;
    }
}
.share-link-overlay__link {
    flex-direction: column;
    width: 100%;
    padding: 0.25rem 0 1.125rem;
    display: flex;
}
.share-link-overlay__link label {
    letter-spacing: 0.005em;
    font-size: 0.75rem;
    line-height: 1.375rem;
}
.share-link-overlay__link input {
    letter-spacing: 0.005em;
    color: var(--text-color-headlines);
    border-width: 0 0 1px;
    border-color: var(--border-color-inactive);
    text-overflow: ellipsis;
    width: 100%;
    padding: 0 0 var(--spacing-vertical-xxs);
    outline: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    overflow: hidden;
}
.share-link-overlay__email-wrapper {
    margin-bottom: var(--spacing-vertical-m);
    flex-direction: column;
    display: flex;
}
@media (min-width: 80rem) {
    .share-link-overlay__email-wrapper {
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 0;
    }
}
.share-link-overlay__email-button {
    margin-bottom: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .share-link-overlay__confirmation-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .share-link-overlay__confirmation-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .share-link-overlay__confirmation-text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .share-link-overlay__confirmation-text {
        line-height: 2rem;
    }
}
.share-link-overlay__close-button {
    align-self: flex-end;
}
.share-link-overlay__close-button.button-link--tertiary a {
    padding-right: 0;
}
:root {
    --bullet-color: var(--bg-color-light-03);
    --animated-bullet-color: var(--bg-color-dark-primary);
    --hover-bullet-color: var(--interaction-color-hover);
    --transparent-bg-color: rgba(23, 25, 28, 0.6);
    --fill-color-icon: var(--fill-color-invert-headlines);
}
.slideshow {
    width: 100%;
    margin-top: var(--spacing-vertical-l);
    position: relative;
}
.slideshow__navigation-button {
    background: 0 0;
    border: none;
    width: 3rem;
    height: 3rem;
    padding: 0;
}
.slideshow__navigation-button:after,
.swiper-rtl .slideshow__navigation-button:after {
    content: "";
}
.slideshow__navigation-button .icon {
    pointer-events: none;
    width: 1.625rem;
}
.slideshow__navigation-button svg {
    fill: var(--classic-bg-color, var(--fill-color-icon));
}
body:not(.touch-device)
    .slideshow__navigation-button:hover
    .slideshow__navigation-circle:after {
    background-color: var(--animated-bullet-color);
    transform: scale(1.2);
}
body:not(.touch-device)
    .slideshow__navigation-button:hover
    .slideshow__navigation-circle:active:after,
body:not(.touch-device)
    .slideshow__navigation-button:hover
    .slideshow__navigation-circle:focus:after {
    box-shadow: 0 0 0 0.25rem var(--transparent-bg-color);
    transform: scale(1);
}
.slideshow--navigation-recenter .slideshow__navigation-button {
    margin-top: 0;
    transform: translateY(-50%);
}
.slideshow__navigation-circle {
    color: var(--bg-color-light-02);
    cursor: pointer;
    position: relative;
}
.slideshow__navigation-circle:after {
    content: "";
    top: -0.4375rem;
    background-color: var(--transparent-bg-color);
    transform-origin: 50%;
    z-index: -1;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    padding: 0.4375rem;
    transition: all 0.25s ease-in-out;
    position: absolute;
    inset-inline-start: -0.4375rem;
    transform: scale(1);
}
.slideshow--disabled .slideshow__navigation-button {
    display: none;
}
.slideshow .swiper-button-next,
.slideshow .swiper-container-rtl .swiper-button-prev {
    inset-inline-start: auto;
    inset-inline-end: var(--spacing-horizontal-s);
}
.slideshow .swiper-button-prev,
.slideshow .swiper-container-rtl .swiper-button-next {
    inset-inline-start: var(--spacing-horizontal-s);
    inset-inline-end: auto;
}
.slideshow .swiper-button-disabled {
    pointer-events: all;
    cursor: auto;
}
.slideshow .swiper-button-disabled:active {
    pointer-events: none;
}
.slideshow .swiper-button-disabled .slideshow__navigation-circle {
    cursor: auto;
}
.slideshow .swiper-button-disabled .slideshow__navigation-circle:active:after,
.slideshow .swiper-button-disabled .slideshow__navigation-circle:focus:after {
    box-shadow: none;
}
body:not(.touch-device)
    .slideshow
    .swiper-button-disabled:hover
    .slideshow__navigation-circle:after {
    box-shadow: none;
    background-color: var(--transparent-bg-color);
    transform: none;
}
@media (min-width: 48rem) {
    .slideshow {
        --swiper-navigation-size: 9rem;
    }
    .slideshow .swiper-button-prev,
    .slideshow .swiper-button-next {
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }
    body.touch-device .slideshow .swiper-button-prev,
    body.touch-device .slideshow .swiper-button-next,
    .slideshow:hover .swiper-button-prev,
    .slideshow:hover .swiper-button-next {
        opacity: 1;
    }
    body.touch-device .slideshow .swiper-button-disabled,
    .slideshow:hover .swiper-button-disabled {
        opacity: 0.4;
    }
    .slideshow__navigation-button {
        width: 5rem;
        height: var(--swiper-navigation-size);
    }
}
.slideshow__pagination-wrapper {
    flex: 1 0 100%;
    justify-content: center;
    display: flex;
    position: relative;
}
.slideshow__pagination {
    flex: 1 0 100%;
    display: flex;
    position: relative;
}
.slideshow__pagination-bar {
    width: 50%;
    max-width: 30rem;
    height: 0.25rem;
    margin-top: var(--spacing-vertical-m);
    flex: none;
    display: flex;
    position: relative;
}
@media (min-width: 64rem) {
    .slideshow__pagination-bar {
        width: 25%;
    }
}
.slideshow__pagination-bullet {
    cursor: pointer;
    box-sizing: content-box;
    flex: 1 0 auto;
    height: 0.25rem;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    display: flex;
    position: relative;
    top: -0.3125rem;
}
.slideshow__pagination-bullet--animated:after,
.slideshow__pagination-bullet--active:after {
    margin-inline-start: var(--spacing-horizontal-xxs);
    margin-inline-end: var(--spacing-horizontal-xxs);
}
.slideshow__pagination-bullet:after {
    content: "";
    z-index: 0;
    background-color: var(--border-subtle);
    height: 0.25rem;
    transition: background-color 0.25s ease-in-out;
    position: absolute;
    top: 0.3125rem;
    left: 0;
    right: 0;
}
.slideshow__pagination-bullet:hover {
    z-index: 3;
}
.slideshow__pagination-bullet:hover:after {
    background-color: var(--hover-bullet-color);
}
.slideshow__pagination-bullet--animated {
    top: -0.3125rem;
    z-index: 11;
    cursor: default;
    height: 100%;
    transition: inset-inline-start 0.7s ease-in-out;
    position: absolute;
    inset-inline-start: 0;
}
.slideshow__pagination-bullet--animated:after {
    background-color: var(--border-strong);
}
.slideshow__pagination-bullet--animated:hover {
    z-index: 11;
}
.slideshow__pagination-bullet--animated:hover:after {
    background-color: var(--border-strong);
}
.slideshow__container {
    width: 100%;
    overflow: hidden;
}
.slideshow__item {
    box-sizing: content-box;
    opacity: 1;
    width: 100%;
    height: auto;
    padding-left: var(--spacing-horizontal-xs);
    padding-right: var(--spacing-horizontal-xs);
    flex: 0 auto;
    transition: opacity 0.25s ease-in-out;
}
@media (min-width: 48rem) {
    .slideshow__item {
        width: auto;
    }
}
.slideshow__item--inactive {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}
.slideshow--hide-interaction .slideshow__pagination-bar,
.slideshow--hide-interaction .slideshow__navigation-button {
    display: none;
}
.slideshow--hide-interaction .slideshow__list {
    justify-content: center;
}
.slideshow--disabled .slideshow__pagination-bar,
.slideshow--disabled .slideshow__navigation-button {
    display: none;
}
.slideshow-pagination-fraction {
    padding-bottom: var(--spacing-vertical-xxl);
}
.slideshow-pagination-fraction .slideshow {
    margin-top: var(--spacing-vertical-s);
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction .slideshow {
        position: relative;
    }
    .slideshow-pagination-fraction .slideshow:before,
    .slideshow-pagination-fraction .slideshow:after {
        content: "";
        background-color: transparent;
        width: 5rem;
        height: 100%;
        position: absolute;
        top: 0;
    }
    .slideshow-pagination-fraction .slideshow:before {
        inset-inline-start: -5rem;
    }
    .slideshow-pagination-fraction .slideshow:after {
        inset-inline-end: -5rem;
    }
}
@media (min-width: 80rem) {
    .slideshow-pagination-fraction .slideshow:before,
    .slideshow-pagination-fraction .slideshow:after {
        width: 6.875rem;
    }
    .slideshow-pagination-fraction .slideshow:before {
        inset-inline-start: -6.875rem;
    }
    .slideshow-pagination-fraction .slideshow:after {
        inset-inline-end: -6.875rem;
    }
}
.slideshow-pagination-fraction
    .slideshow:hover
    .slideshow__navigation-button.swiper-button-disabled {
    opacity: 0.3;
}
.slideshow-pagination-fraction__counter {
    letter-spacing: 0.005em;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    display: block;
}
:lang(ar) .slideshow-pagination-fraction__counter {
    line-height: 2rem;
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction__grid-column {
        grid-column: 2 / span 10;
    }
}
.slideshow-pagination-fraction .slideshow__container {
    padding-inline: var(--grid-gutter);
    padding-bottom: 1.563rem;
    position: static;
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction .slideshow__container {
        padding-inline: 0;
        padding-bottom: 0;
    }
}
.slideshow-pagination-fraction .slideshow__list {
    margin-top: var(--spacing-vertical-s);
}
.slideshow-pagination-fraction .slideshow__item {
    height: inherit;
    flex: 1 0 100%;
    padding-inline: 0;
}
.slideshow-pagination-fraction .slideshow__item-media {
    aspect-ratio: 3/2;
    position: relative;
}
.slideshow-pagination-fraction .slideshow__item-media .lazy-background-image {
    z-index: -1;
}
.slideshow-pagination-fraction
    .slideshow__item-media
    .video-player__scale-wrapper {
    padding-bottom: var(--video-ratio);
}
.slideshow-pagination-fraction .slideshow__item-media .video-player > div,
.slideshow-pagination-fraction
    .slideshow__item-media
    .video-player__settings
    > div,
.slideshow-pagination-fraction
    .slideshow__item-media
    .video-player__scale-wrapper
    > div {
    height: 100%;
}
.slideshow-pagination-fraction
    .slideshow__item-media
    .video-player
    .video-player__caption,
.slideshow-pagination-fraction
    .slideshow__item-media
    .video-player
    .video-player__title {
    height: auto;
}
.slideshow-pagination-fraction .slideshow__item-content {
    margin-top: var(--spacing-vertical-xxxxl);
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction .slideshow__item-content {
        margin-top: var(--spacing-vertical-s);
        margin-bottom: var(--spacing-vertical-m);
    }
}
.slideshow-pagination-fraction .slideshow__item .button-link {
    margin-top: var(--spacing-vertical-s);
}
.slideshow-pagination-fraction .lazy-background-video {
    z-index: unset;
}
.slideshow-pagination-fraction
    .lazy-background-video:hover
    .lazy-background-video__video-controls {
    opacity: 1;
}
.slideshow-pagination-fraction .lazy-background-video__video {
    display: block;
}
.slideshow-pagination-fraction .lazy-background-video__video-controls {
    opacity: 1;
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction .lazy-background-video__video-controls {
        opacity: 0;
    }
}
.slideshow-pagination-fraction .slideshow__navigation-button {
    width: 3rem;
    height: 2.5rem;
    margin-top: var(--spacing-vertical-m);
    opacity: 1;
    padding: 0;
    transform: translateY(100%);
}
.slideshow-pagination-fraction
    .slideshow__navigation-button.swiper-button-disabled {
    opacity: 0.35;
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction
        .slideshow__navigation-button.swiper-button-disabled {
        opacity: 0;
    }
    .slideshow-pagination-fraction .slideshow__navigation-button {
        opacity: 0;
        width: 5rem;
        height: auto;
        margin-top: var(--spacing-vertical-s);
    }
}
.slideshow-pagination-fraction .swiper-button-prev {
    inset-inline-start: calc(100% - 7.6rem);
}
@media (min-width: 48rem) {
    .slideshow-pagination-fraction .swiper-button-prev {
        inset-inline-start: calc(100% - 8.1rem);
    }
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction .swiper-button-prev {
        inset-inline-start: -5rem;
    }
}
@media (min-width: 80rem) {
    .slideshow-pagination-fraction .swiper-button-prev {
        inset-inline-start: -6.25rem;
    }
}
.slideshow-pagination-fraction .swiper-button-next {
    inset-inline-end: 1.1rem;
}
@media (min-width: 48rem) {
    .slideshow-pagination-fraction .swiper-button-next {
        inset-inline-end: 1.6rem;
    }
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction .swiper-button-next {
        inset-inline-end: -5rem;
    }
}
@media (min-width: 80rem) {
    .slideshow-pagination-fraction .swiper-button-next {
        inset-inline-end: -6.25rem;
    }
}
.slideshow-pagination-fraction .slideshow__pagination-wrapper {
    width: calc(100% - var(--grid-margin));
    margin-top: var(--spacing-vertical-l);
    z-index: 1;
    justify-content: flex-start;
    position: absolute;
    transform: translateY(100%);
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction .slideshow__pagination-wrapper {
        justify-content: center;
        width: auto;
        margin-top: 0;
        position: static;
        transform: none;
    }
}
.slideshow-pagination-fraction .slideshow__pagination-bar {
    inset-inline-start: -0.188rem;
}
@media (min-width: 64rem) {
    .slideshow-pagination-fraction .slideshow__pagination-bar {
        margin-top: 0;
        inset-inline-start: 0;
    }
}
.table--two-column.table__wrapper {
    overflow: hidden;
}
.table--two-column.table__wrapper .table__table {
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin-inline: 0;
}
.table--two-column.table__wrapper .table__table tr {
    border-bottom: 1px solid var(--border-color-inactive);
}
.table--two-column.table__wrapper .table__table tr td,
.table--two-column.table__wrapper .table__table tr th {
    display: block;
}
.table--two-column.table__wrapper .table__table tr td:first-child,
.table--two-column.table__wrapper .table__table tr th:first-child {
    width: 100%;
}
.table--two-column.table__wrapper .table__table tr td:first-child div,
.table--two-column.table__wrapper .table__table tr th:first-child div {
    padding-bottom: 0;
}
.table--two-column.table__wrapper .table__table tr td:last-child div,
.table--two-column.table__wrapper .table__table tr th:last-child div {
    padding-top: 0;
}
.table--two-column.table__wrapper .table__table tr td div,
.table--two-column.table__wrapper .table__table tr th div {
    border: none;
    transition:
        max-height 0.8s cubic-bezier(0, 1, 0.5, 1),
        padding-top 0.8s cubic-bezier(0, 1, 0.5, 1),
        padding-bottom 0.8s cubic-bezier(0, 1, 0.5, 1);
}
.table--two-column.table__wrapper .table__table tr:first-child {
    border-top: 0.125rem solid var(--text-color-headlines);
}
.table--two-column.table__wrapper .table__table tr:first-child td,
.table--two-column.table__wrapper .table__table tr:first-child th {
    border: none;
}
.table--two-column.table__wrapper .table__table tr:not(:last-child) td,
.table--two-column.table__wrapper .table__table tr:not(:last-child) th {
    border-bottom: none;
}
.table--two-column.table__wrapper .table__table tr:last-child {
    border-bottom: 0.125rem solid var(--text-color-headlines);
}
.table--two-column.table__wrapper .table__table tr:last-child td,
.table--two-column.table__wrapper .table__table tr:last-child th {
    border-bottom: none;
}
.table--two-column.table__wrapper .table__table tr:hover td,
.table--two-column.table__wrapper .table__table tr:hover th {
    background-color: var(--bg-color-secondary);
}
@media (min-width: 48rem) {
    .table--two-column.table__wrapper .table__table {
        border-spacing: var(--grid-gutter) 0;
        border-collapse: separate;
        width: calc(100% + 2 * var(--grid-gutter));
        margin-inline-start: calc(-1 * var(--grid-gutter));
        margin-inline-end: calc(-1 * var(--grid-gutter));
    }
    .table--two-column.table__wrapper .table__table tr {
        border-top: none;
    }
    .table--two-column.table__wrapper
        .table__table
        tr:hover
        td:not(:last-child),
    .table--two-column.table__wrapper
        .table__table
        tr:hover
        th:not(:last-child) {
        position: relative;
    }
    .table--two-column.table__wrapper
        .table__table
        tr:hover
        td:not(:last-child):after,
    .table--two-column.table__wrapper
        .table__table
        tr:hover
        th:not(:last-child):after {
        background-color: var(--bg-color-secondary);
        content: " ";
        width: var(--grid-gutter);
        height: 100%;
        top: 0;
        right: calc(-1 * var(--grid-gutter));
        display: block;
        position: absolute;
    }
    .table--two-column.table__wrapper .table__table tr td,
    .table--two-column.table__wrapper .table__table tr th {
        display: table-cell;
    }
    .table--two-column.table__wrapper
        .table__table
        tr
        td
        div.table__cell--headline,
    .table--two-column.table__wrapper
        .table__table
        tr
        th
        div.table__cell--headline,
    .table--two-column.table__wrapper
        .table__table
        tr
        td
        div.table__cell--headline
        .text,
    .table--two-column.table__wrapper
        .table__table
        tr
        th
        div.table__cell--headline
        .text {
        color: var(--text-color-headlines);
    }
    .table--two-column.table__wrapper .table__table tr td:first-child,
    .table--two-column.table__wrapper .table__table tr th:first-child {
        width: 33%;
    }
    .table--two-column.table__wrapper .table__table tr td:first-child > div,
    .table--two-column.table__wrapper .table__table tr th:first-child > div {
        padding-bottom: var(--spacing-vertical-s);
    }
    .table--two-column.table__wrapper .table__table tr td:last-child > div,
    .table--two-column.table__wrapper .table__table tr th:last-child > div {
        padding-top: var(--spacing-vertical-s);
    }
    .table--two-column.table__wrapper
        .table__table
        tr
        td
        > div.h-aligned--center,
    .table--two-column.table__wrapper
        .table__table
        tr
        th
        > div.h-aligned--center {
        text-align: center;
    }
    .table--two-column.table__wrapper
        .table__table
        tr
        td
        > div.h-aligned--right,
    .table--two-column.table__wrapper
        .table__table
        tr
        th
        > div.h-aligned--right {
        text-align: right;
    }
    .table--two-column.table__wrapper .table__table tr:first-child {
        border-top: none;
    }
    .table--two-column.table__wrapper .table__table tr:first-child td,
    .table--two-column.table__wrapper .table__table tr:first-child th {
        border-top: 0.125rem solid var(--text-color-headlines);
    }
    .table--two-column.table__wrapper .table__table tr:not(:last-child) td,
    .table--two-column.table__wrapper .table__table tr:not(:last-child) th {
        border-bottom: 1px solid var(--border-color-inactive);
    }
    .table--two-column.table__wrapper .table__table tr:last-child {
        border-bottom: none;
    }
    .table--two-column.table__wrapper .table__table tr:last-child td,
    .table--two-column.table__wrapper .table__table tr:last-child th,
    .table--two-column.table__wrapper .table__table tr:last-child td:last-child,
    .table--two-column.table__wrapper
        .table__table
        tr:last-child
        th:last-child {
        border-bottom: 0.125rem solid var(--text-color-headlines);
    }
    .table--two-column.table__wrapper--extended.table__wrapper--4-2-6
        .table__table
        th.table__first-col {
        width: 30%;
    }
    .table--two-column.table__wrapper--extended.table__wrapper--4-2-6
        .table__table
        th:not(.table__first-col) {
        width: 20%;
    }
    .table--two-column.table__wrapper--extended.table__wrapper--4-2-6
        .table__table
        td {
        width: 50%;
    }
    .table--two-column.table__wrapper--extended.table__wrapper--4-4-4
        .table__table
        th,
    .table--two-column.table__wrapper--extended.table__wrapper--4-4-4
        .table__table
        td {
        width: 33.33%;
    }
    .table--two-column.table__wrapper--extended.table__wrapper--3-3-6
        .table__table
        th.table__first-col,
    .table--two-column.table__wrapper--extended.table__wrapper--3-3-6
        .table__table
        th:not(.table__first-col) {
        width: 25%;
    }
    .table--two-column.table__wrapper--extended.table__wrapper--3-3-6
        .table__table
        td {
        width: 50%;
    }
    .table--two-column.table__wrapper--extended.table__wrapper--2-2-8
        .table__table
        th.table__first-col,
    .table--two-column.table__wrapper--extended.table__wrapper--2-2-8
        .table__table
        th:not(.table__first-col) {
        width: 20%;
    }
    .table--two-column.table__wrapper--extended.table__wrapper--2-2-8
        .table__table
        td {
        width: 60%;
    }
}
.table--two-column.table__wrapper--extended .table__table {
    border-spacing: var(--grid-gutter) 0;
    border-collapse: separate;
    width: calc(100% + 2 * var(--grid-gutter));
    table-layout: auto;
    margin-inline-start: calc(-1 * var(--grid-gutter));
    margin-inline-end: calc(-1 * var(--grid-gutter));
}
@media (min-width: 48rem) {
    .table--two-column.table__wrapper--extended
        .table__table
        tr:hover
        td:not(:last-child):after,
    .table--two-column.table__wrapper--extended
        .table__table
        tr:hover
        th:not(:last-child):after {
        display: none;
    }
}
.table--two-column.table__wrapper--extended .table__table tr {
    border-top: none;
    overflow-x: hidden;
}
.table--two-column.table__wrapper--extended .table__table tr:first-child {
    border-top: none;
}
.table--two-column.table__wrapper--extended .table__table tr:first-child td,
.table--two-column.table__wrapper--extended .table__table tr:first-child th {
    border-top: 0.125rem solid var(--text-color-headlines);
}
.table--two-column.table__wrapper--extended
    .table__table
    tr:not(:last-child)
    td,
.table--two-column.table__wrapper--extended
    .table__table
    tr:not(:last-child)
    th {
    border-bottom: 1px solid var(--bg-color-light-03);
}
.table--two-column.table__wrapper--extended .table__table tr th,
.table--two-column.table__wrapper--extended .table__table tr td {
    vertical-align: top;
    display: table-cell;
}
.table--two-column.table__wrapper--extended
    .table__table
    tr
    th
    div.table__cell--headline,
.table--two-column.table__wrapper--extended
    .table__table
    tr
    td
    div.table__cell--headline {
    letter-spacing: 0.005em;
    color: var(--text-color-headlines);
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 700;
}
.table--two-column.table__wrapper--extended
    .table__table
    tr
    th
    div.table__cell--headline
    .text,
.table--two-column.table__wrapper--extended
    .table__table
    tr
    td
    div.table__cell--headline
    .text {
    color: var(--text-color-headlines);
}
@media (min-width: 48rem) {
    .table--two-column.table__wrapper--extended .table__table tr th,
    .table--two-column.table__wrapper--extended .table__table tr td {
        vertical-align: middle;
    }
}
.table--two-column.table__wrapper--extended .table__table tr th:first-child,
.table--two-column.table__wrapper--extended .table__table tr td:first-child {
    width: 33%;
}
.table--two-column.table__wrapper--extended
    .table__table
    tr
    th:first-child
    > div,
.table--two-column.table__wrapper--extended
    .table__table
    tr
    td:first-child
    > div {
    padding-bottom: var(--spacing-vertical-s);
}
.table--two-column.table__wrapper--extended
    .table__table
    tr
    th:last-child
    > div,
.table--two-column.table__wrapper--extended
    .table__table
    tr
    td:last-child
    > div {
    padding-top: var(--spacing-vertical-s);
}
.table--two-column.table__wrapper--extended .table__table tr:last-child {
    border-bottom: none;
}
.table--two-column.table__wrapper--extended .table__table tr:last-child td,
.table--two-column.table__wrapper--extended .table__table tr:last-child th {
    border-top: none;
    border-bottom: 0.125rem solid var(--text-color-headlines);
}
.table--two-column.table__wrapper--extended
    .table__table
    tr:last-child
    td:last-child,
.table--two-column.table__wrapper--extended
    .table__table
    tr:last-child
    th:last-child {
    border-bottom: 0.125rem solid var(--text-color-headlines);
}
.table--two-column.table__wrapper--extended .table__table tr:hover td,
.table--two-column.table__wrapper--extended .table__table tr:hover th {
    background-color: transparent;
}
.table--two-column.table__wrapper--extended .table__table tr:hover td:after,
.table--two-column.table__wrapper--extended .table__table tr:hover th:after {
    display: none;
}
@media (min-width: 48rem) {
    .table--two-column.table__wrapper--extended .table__table tr:hover td:after,
    .table--two-column.table__wrapper--extended
        .table__table
        tr:hover
        th:after {
        display: none;
    }
}
.table--two-column.table__wrapper--extended .table__table tr:hover td:hover,
.table--two-column.table__wrapper--extended .table__table tr:hover th:hover {
    background-color: var(--bg-color-secondary);
}
.table--multi-column.table__wrapper {
    overflow: hidden;
}
.table--multi-column .table__table {
    width: calc(100% + 2 * var(--grid-gutter));
    table-layout: fixed;
    height: -moz-fit-content;
    height: fit-content;
}
.table--multi-column .table__table--with-header tr:first-child {
    border: none;
}
.table--multi-column .table__table--with-header tr:first-child td,
.table--multi-column .table__table--with-header tr:first-child th {
    border-top: none;
    border-bottom: 0.125rem solid var(--border-color-active);
}
.table--multi-column
    .table__table--with-header
    tr:first-child
    td
    .table__product-image,
.table--multi-column
    .table__table--with-header
    tr:first-child
    th
    .table__product-image {
    max-width: 80%;
    padding: 0;
    display: none;
}
@media (min-width: 48rem) {
    .table--multi-column
        .table__table--with-header
        tr:first-child
        td
        .table__product-image,
    .table--multi-column
        .table__table--with-header
        tr:first-child
        th
        .table__product-image {
        margin-bottom: var(--spacing-vertical-s);
        display: block;
    }
}
.table--multi-column
    .table__table--with-header
    tr:first-child
    td
    .table__subline,
.table--multi-column
    .table__table--with-header
    tr:first-child
    th
    .table__subline {
    letter-spacing: 0.005em;
    color: var(--color-font-headlines);
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 300;
    display: block;
}
@media (max-width: 47.9375rem) {
    .table--multi-column
        .table__table--with-header
        tr:first-child
        td
        .table__subline,
    .table--multi-column
        .table__table--with-header
        tr:first-child
        th
        .table__subline {
        font-size: 0.75rem;
    }
}
.table--multi-column .table__table tr td,
.table--multi-column .table__table tr th {
    vertical-align: top;
}
.table--multi-column .table__table tr td div.table__cell--headline,
.table--multi-column .table__table tr th div.table__cell--headline {
    letter-spacing: 0.005em;
    color: var(--text-color-headlines);
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .table--multi-column .table__table tr td div.table__cell--headline,
:lang(ar) .table--multi-column .table__table tr th div.table__cell--headline {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .table--multi-column .table__table tr td div.table__cell--headline,
    .table--multi-column .table__table tr th div.table__cell--headline {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .table--multi-column
        .table__table
        tr
        td
        div.table__cell--headline,
    :lang(ar)
        .table--multi-column
        .table__table
        tr
        th
        div.table__cell--headline {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .table--multi-column .table__table tr td div.table__cell--headline,
    .table--multi-column .table__table tr th div.table__cell--headline {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .table--multi-column
        .table__table
        tr
        td
        div.table__cell--headline,
    :lang(ar)
        .table--multi-column
        .table__table
        tr
        th
        div.table__cell--headline {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .table--multi-column .table__table tr td div.table__cell--headline,
    .table--multi-column .table__table tr th div.table__cell--headline {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .table--multi-column
        .table__table
        tr
        td
        div.table__cell--headline,
    :lang(ar)
        .table--multi-column
        .table__table
        tr
        th
        div.table__cell--headline {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .table--multi-column .table__table tr td div.table__cell--headline,
    .table--multi-column .table__table tr th div.table__cell--headline {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .table--multi-column
        .table__table
        tr
        td
        div.table__cell--headline,
    :lang(ar)
        .table--multi-column
        .table__table
        tr
        th
        div.table__cell--headline {
        line-height: 1.75rem;
    }
}
@media (max-width: 47.9375rem) {
    .table--multi-column .table__table tr td div.table__cell--headline,
    .table--multi-column .table__table tr th div.table__cell--headline {
        font-size: 0.75rem;
    }
}
.table--multi-column .table__table tr td div.table__cell--headline .text,
.table--multi-column .table__table tr th div.table__cell--headline .text {
    color: var(--text-color-headlines);
}
.table--multi-column .table__table tr td:first-child,
.table--multi-column .table__table tr th:first-child {
    min-width: 9.375rem;
}
.table--multi-column .table__table tr td .table__subline,
.table--multi-column .table__table tr th .table__subline {
    letter-spacing: 0.005em;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
}
.table--multi-column .table__table tr td.border-bottom,
.table--multi-column .table__table tr th.border-bottom {
    border-bottom: 0.125rem solid var(--border-color-active);
}
.table--multi-column .table__table tr td > div.v-aligned--center,
.table--multi-column .table__table tr th > div.v-aligned--center {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    display: flex;
}
.table--multi-column .table__table tr td > div.h-aligned--center,
.table--multi-column .table__table tr th > div.h-aligned--center {
    text-align: center;
}
.table--multi-column
    .table__table
    tr
    td
    > div.h-aligned--center
    .table__product-image,
.table--multi-column
    .table__table
    tr
    th
    > div.h-aligned--center
    .table__product-image {
    margin-inline: auto;
}
.table--multi-column
    .table__table
    tr
    td
    > div.h-aligned--center
    .table__product-image
    img,
.table--multi-column
    .table__table
    tr
    th
    > div.h-aligned--center
    .table__product-image
    img {
    left: 0;
}
.table--multi-column .table__table tr td > div.h-aligned--right,
.table--multi-column .table__table tr th > div.h-aligned--right {
    text-align: right;
}
.table--multi-column
    .table__table
    tr
    td
    > div.h-aligned--right
    .table__product-image,
.table--multi-column
    .table__table
    tr
    th
    > div.h-aligned--right
    .table__product-image {
    margin-inline-start: auto;
}
.table--multi-column
    .table__table
    tr
    td
    > div.h-aligned--right
    .table__product-image
    img,
.table--multi-column
    .table__table
    tr
    th
    > div.h-aligned--right
    .table__product-image
    img {
    left: 0;
}
.table--multi-column .table__table tr:hover td,
.table--multi-column .table__table tr:hover th {
    background-color: var(--bg-color-secondary);
}
.table--multi-column .table__table tr:hover td:not(:last-child),
.table--multi-column .table__table tr:hover th:not(:last-child) {
    position: relative;
}
.table--multi-column .table__table tr:hover td:not(:last-child):after,
.table--multi-column .table__table tr:hover th:not(:last-child):after {
    background-color: var(--bg-color-secondary);
    content: " ";
    width: var(--grid-gutter);
    height: 100%;
    top: 0;
    right: calc(-1 * var(--grid-gutter));
    display: block;
    position: absolute;
}
.table--multi-column.table--multi-column-long {
    overflow-x: auto;
}
@media (min-width: 64rem) {
    .table--multi-column.table--multi-column-long {
        overflow-x: hidden;
    }
}
.table--multi-column.table--multi-column-long .table__table {
    padding-bottom: var(--spacing-vertical-s);
}
.table--multi-column.table--multi-column-long .table__table tr:first-child td,
.table--multi-column.table--multi-column-long .table__table tr:first-child th {
    width: 11.25rem;
}
@media (min-width: 48rem) {
    .table--multi-column.table--multi-column-long
        .table__table
        tr:first-child
        td,
    .table--multi-column.table--multi-column-long
        .table__table
        tr:first-child
        th {
        width: auto;
    }
    .table--multi-column.table--multi-column-long .table__table {
        padding-bottom: 0;
    }
}
.table--multi-column .lazy-image__image {
    -o-object-fit: unset;
    object-fit: unset;
    min-height: unset;
}
.table__cell a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.table__cell a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.table__cell a:active,
.table__cell a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.tabs-horizontal {
    --tab-nav-indicator-width: 7rem;
    margin-inline: var(--grid-margin);
}
@media (min-width: 48rem) {
    .tabs-horizontal {
        --tab-nav-indicator-width: 10rem;
    }
}
.tabs-horizontal.tabs-horizontal--nav-inline-start .tabs-horizontal__nav {
    justify-content: flex-start;
}
.tabs-horizontal.tabs-horizontal--nav-inline-start
    .tabs-horizontal__nav
    .swiper-container {
    margin-inline: 0;
}
.tabs-horizontal__nav {
    justify-content: center;
    height: 2.45rem;
    display: flex;
    position: relative;
}
.tabs-horizontal__nav .tabs-horizontal__nav-wrapper {
    position: relative;
}
.tabs-horizontal__nav .swiper-wrapper {
    width: -moz-fit-content;
    width: fit-content;
}
.tabs-horizontal__nav .tabs-horizontal__tabs {
    display: flex;
}
.tabs-horizontal__nav .tabs-horizontal__tab-item {
    border-bottom: 0.125rem solid var(--border-subtle);
}
.tabs-horizontal__nav .tabs-horizontal__tab-item .button-link {
    display: flex;
}
.tabs-horizontal__nav .tabs-horizontal__tab-item .button-link:after {
    content: "";
    width: 2rem;
    display: inline-block;
}
.tabs-horizontal__nav .tabs-horizontal__tab-item:last-child .button-link:after {
    display: none;
}
.tabs-horizontal__nav
    .tabs-horizontal__tab-item.tabs-horizontal__tab-item--active {
    transition:
        color 0.5s,
        font-weight 0.5s;
}
.tabs-horizontal__nav
    .tabs-horizontal__tab-item.tabs-horizontal__tab-item--active
    .tabs-horizontal__tab
    a {
    color: var(--headline-color);
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 700;
    transition:
        color 0.5s,
        font-weight 0.5s;
}
.tabs-horizontal__nav
    .tabs-horizontal__tab-item.tabs-horizontal__tab-item--active
    .tabs-horizontal__tab
    a:hover {
    border-bottom: none;
}
.tabs-horizontal__nav .tabs-horizontal__tab a {
    padding-top: 0;
    padding-bottom: 0.75rem;
    color: var(--text-color-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    box-shadow: none;
    font-size: inherit;
    letter-spacing: 0.005em;
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    padding-inline: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-decoration: none;
    display: block;
    position: relative;
}
:lang(ar) .tabs-horizontal__nav .tabs-horizontal__tab a {
    line-height: 1.75rem;
}
.tabs-horizontal__nav .tabs-horizontal__tab a:last-child {
    margin-inline-end: 0;
}
.tabs-horizontal__nav .tabs-horizontal__tab a:hover,
.tabs-horizontal__nav .tabs-horizontal__tab a:focus {
    color: var(--headline-color);
    background: 0 0;
    outline: none;
}
.tabs-horizontal__nav .tabs-horizontal__tab a:hover {
    border-bottom: 0.125rem solid;
    transition: none;
}
.tabs-horizontal__nav .tabs-horizontal__tab a:focus-visible {
    background-color: var(--bg-color-light-02);
}
.tabs-horizontal__nav .tabs-horizontal__nav-indicator {
    z-index: 1;
    background-color: transparent;
    height: 0.125rem;
    transition:
        inset-inline-start 0.5s,
        width 0.2s;
    display: block;
    position: absolute;
    bottom: 0.075rem;
}
.tabs-horizontal__nav .tabs-horizontal__nav-indicator:before {
    content: "";
    border-left: var(--spacing-horizontal-xxs) solid
        var(--classic-bg-color, var(--color-white));
    border-right: var(--spacing-horizontal-xxs) solid
        var(--classic-bg-color, var(--color-white));
    background-color: var(--border-strong);
    height: 100%;
    display: block;
    position: absolute;
    left: -0.25rem;
    right: -0.25rem;
}
.tabs-horizontal__nav
    .tabs-horizontal__nav-indicator.tabs-horizontal__nav-indicator--hide {
    display: none;
}
.tabs-horizontal__content {
    opacity: 0;
    height: 0;
    transition: opacity 0.5s;
    overflow: hidden;
}
.tabs-horizontal__content.tabs-horizontal__content--active {
    opacity: 1;
    height: auto;
    transition: opacity 0.5s;
}
.tabs-horizontal .swiper-container {
    padding-bottom: 0.0625rem;
    overflow: hidden;
}
.tabs-horizontal .swiper-slide {
    flex: 0 auto;
}
.tabs-horizontal__navigation-button {
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--bg-color-light-primary);
    width: auto;
    height: 100%;
    padding-inline: 0;
    display: none;
    position: absolute;
    top: 1.375rem;
}
.tabs-horizontal__navigation-button:after {
    content: none;
}
.tabs-horizontal__navigation-button svg {
    fill: var(--bg-color-dark-01);
}
.tabs-horizontal__navigation-button .icon {
    width: 1.5rem;
}
.tabs-horizontal__navigation-button:hover svg {
    fill: var(--interaction-color-hover);
}
[dir="rtl"] .tabs-horizontal__navigation-button .icon-symbols-chevron-left {
    transform: scaleX(-1);
}
[dir="rtl"] .tabs-horizontal__navigation-button .icon-symbols-chevron-right {
    transform: scaleX(-1);
}
.tabs-horizontal__nav-wrapper-slider-active
    .tabs-horizontal__navigation-button {
    display: block;
}
.tabs-horizontal__navigation-button--next {
    background-color: transparent;
    padding-inline-start: 0.5rem;
    inset-inline-start: auto;
    inset-inline-end: calc(var(--grid-negative-margin) * -1);
}
.tabs-horizontal__navigation-button--prev {
    background-color: transparent;
    padding-inline-end: 0.5rem;
    inset-inline-start: calc(var(--grid-negative-margin) * -1);
    inset-inline-end: auto;
}
.tabs-vertical-group {
    --tablist-grid-row-height: auto;
}
.tabs-vertical-group__wrapper {
    border-top: 2px solid var(--border-strong);
    border-bottom: 2px solid var(--border-strong);
}
@media (min-width: 48rem) {
    .tabs-vertical-group__wrapper {
        margin-left: var(--grid-margin);
        margin-right: var(--grid-margin);
    }
}
@media (min-width: 64rem) {
    .tabs-vertical-group__wrapper {
        border-top: none;
        border-bottom: none;
        display: flex;
    }
    .tabs-vertical-group__wrapper .tabs-vertical-group__nav-indicator-wrapper {
        margin-bottom: calc(var(--spacing-vertical-xxs) * -1);
        margin-top: calc(var(--spacing-vertical-xxs) * -1);
        flex-direction: column;
        flex: 0 0 0.125rem;
        display: flex;
        position: relative;
    }
    .tabs-vertical-group__wrapper
        .tabs-vertical-group__nav-indicator-wrapper
        .tabs-vertical-group__nav-indicator-top,
    .tabs-vertical-group__wrapper
        .tabs-vertical-group__nav-indicator-wrapper
        .tabs-vertical-group__nav-indicator-bottom {
        background: var(--border-color-inactive);
        transition: all 0.45s;
    }
    .tabs-vertical-group__wrapper
        .tabs-vertical-group__nav-indicator-wrapper
        .tabs-vertical-group__nav-indicator-top {
        flex: none;
    }
    .tabs-vertical-group__wrapper
        .tabs-vertical-group__nav-indicator-wrapper
        .tabs-vertical-group__nav-indicator-bottom {
        flex: auto;
    }
    .tabs-vertical-group__wrapper
        .tabs-vertical-group__nav-indicator-wrapper
        .tabs-vertical-group__nav-indicator {
        background-color: var(--border-color-active);
        width: 100%;
        margin-top: var(--spacing-vertical-xxs);
        margin-bottom: var(--spacing-vertical-xxs);
        flex: none;
        transition: all 0.45s;
    }
    .tabs-vertical-group__wrapper .tabs-vertical-group__tablist {
        flex-direction: column;
        flex: auto;
        display: flex;
    }
}
.tabs-vertical-item {
    border-top: 1px solid var(--border-subtle);
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.tabs-vertical-item:first-child {
    border-top: none;
}
.tabs-vertical-item__button {
    cursor: pointer;
    width: 100%;
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
    background: 0 0;
    border: none;
    padding-left: 0;
    padding-right: 0;
    transition: background 0.45s;
}
.tabs-vertical-item__button:hover {
    background: var(--bg-color-light-01);
    outline: none;
}
.tabs-vertical-item__button:focus-visible {
    background: var(--bg-color-light-01);
    outline: none;
}
.tabs-vertical-item__button-container {
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    pointer-events: none;
    text-align: left;
    align-items: center;
    display: flex;
}
@media (min-width: 48rem) {
    .tabs-vertical-item__button-container {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }
}
.tabs-vertical-item__button-container .tabs-vertical-item__headline {
    letter-spacing: 0.005em;
    flex: auto;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
:lang(ar) .tabs-vertical-item__button-container .tabs-vertical-item__headline {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .tabs-vertical-item__button-container .tabs-vertical-item__headline {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .tabs-vertical-item__button-container
        .tabs-vertical-item__headline {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .tabs-vertical-item__button-container .tabs-vertical-item__headline {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .tabs-vertical-item__button-container
        .tabs-vertical-item__headline {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .tabs-vertical-item__button-container .tabs-vertical-item__headline {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .tabs-vertical-item__button-container
        .tabs-vertical-item__headline {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .tabs-vertical-item__button-container .tabs-vertical-item__headline {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .tabs-vertical-item__button-container
        .tabs-vertical-item__headline {
        line-height: 1.75rem;
    }
}
.tabs-vertical-item__button-container .tabs-vertical-item__icon {
    flex: 0 0 var(--spacing-horizontal-m);
    margin-left: var(--spacing-horizontal-xs);
    transition: transform 0.45s;
    display: block;
}
.tabs-vertical-item__button-container .tabs-vertical-item__subheadline-large {
    display: none;
}
.tabs-vertical-item__button[aria-selected="true"] .tabs-vertical-item__icon {
    transform: rotate(180deg);
}
.tabs-vertical-item__panel {
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    opacity: 0;
    max-height: 0;
    transition:
        max-height 0.45s,
        opacity 0.45s,
        margin-bottom 0.45s,
        margin-top 0.45s;
    overflow: hidden;
}
@media (min-width: 48rem) {
    .tabs-vertical-item__panel {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }
}
.no-js .tabs-vertical-item__panel {
    opacity: 1;
    max-height: none;
}
.tabs-vertical-item__panel .tabs-vertical-item__subheadline-small {
    letter-spacing: 0.005em;
    margin-bottom: var(--spacing-vertical-l);
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
}
:lang(ar) .tabs-vertical-item__panel .tabs-vertical-item__subheadline-small {
    line-height: 1.75rem;
}
.tabs-vertical-item__panel--active {
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-l);
    opacity: 1;
    max-height: 100vh;
    transition:
        max-height 0.45s,
        opacity 1.7s,
        margin-bottom 0.45s,
        margin-top 0.45s;
}
.tabs-vertical-item__media {
    position: relative;
}
.tabs-vertical-item__fallback-media-for-small + .tabs-vertical-item__media {
    display: none;
}
@media (min-width: 64rem) {
    .tabs-vertical-item {
        border-top: none;
        padding-top: 0;
        padding-bottom: 0;
    }
    .tabs-vertical-item__button {
        padding-left: var(--spacing-horizontal-s);
        padding-top: var(--spacing-vertical-xs);
        padding-bottom: var(--spacing-vertical-xs);
        margin: 0;
        transition: background 0.45s;
        display: flex;
    }
    .tabs-vertical-item__button-container {
        flex-direction: column;
        align-items: flex-start;
    }
    .tabs-vertical-item__button-container .tabs-vertical-item__headline {
        font-family: var(--font-family-frutiger);
        letter-spacing: 0.005em;
        text-transform: initial;
        flex: 0 auto;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5rem;
        display: block;
    }
    :lang(ar)
        .tabs-vertical-item__button-container
        .tabs-vertical-item__headline {
        line-height: 1.75rem;
    }
    .tabs-vertical-item__button-container
        .tabs-vertical-item__subheadline-large {
        font-family: var(--font-family-frutiger);
        letter-spacing: 0.005em;
        opacity: 0;
        max-height: 0;
        color: var(--text-color-body);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.125rem;
        transition:
            opacity 0.45s,
            max-height 0.45s,
            margin-top 0.45s;
        display: block;
        overflow: hidden;
    }
    :lang(ar)
        .tabs-vertical-item__button-container
        .tabs-vertical-item__subheadline-large {
        line-height: 1.375rem;
    }
    .tabs-vertical-item__button-container .tabs-vertical-item__icon {
        color: var(--text-color-body);
        display: none;
    }
    .tabs-vertical-item__button[aria-selected="true"]
        .tabs-vertical-item__headline {
        font-family: var(--font-family-frutiger);
        color: var(--text-color-headlines);
        font-style: normal;
        font-weight: 700;
    }
    .tabs-vertical-item__button[aria-selected="true"]
        .tabs-vertical-item__subheadline-large {
        margin-top: var(--spacing-vertical-xxs);
        opacity: 1;
        max-height: 4.5rem;
        transition:
            opacity 0.45s,
            margin-top 0.45s,
            max-height 0.45s;
    }
    .tabs-vertical-item__button[aria-selected="true"]:hover
        .tabs-vertical-item__headline {
        color: inherit;
    }
    .tabs-vertical-item__button[aria-selected="true"]:hover
        .tabs-vertical-item__subheadline-large {
        color: var(--text-color-body);
    }
    .render-open-state
        .tabs-vertical-item__button
        .tabs-vertical-item__headline {
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 700;
    }
    .render-open-state
        .tabs-vertical-item__button
        .tabs-vertical-item__subheadline-large {
        margin-top: var(--spacing-vertical-xxs);
        max-height: none;
        transition: none;
        animation: none;
    }
    .render-closed-state
        .tabs-vertical-item__button
        .tabs-vertical-item__headline {
        font-weight: 400;
    }
    .render-closed-state
        .tabs-vertical-item__button
        .tabs-vertical-item__subheadline-large {
        max-height: 0;
        margin-top: 0;
        transition: none;
        animation: none;
    }
    .tabs-vertical-item__button:hover {
        background-color: transparent;
    }
    .tabs-vertical-item__button:hover .tabs-vertical-item__headline,
    .tabs-vertical-item__button:hover .tabs-vertical-item__subheadline-large {
        color: var(--interaction-color-hover);
    }
    .tabs-vertical-item__button:focus-visible {
        background: rgba(25, 25, 25, 0.05);
        transition: background 0.45s;
    }
    .tabs-vertical-item__button:focus-visible .tabs-vertical-item__headline {
        color: var(--text-color-headlines);
    }
    .tabs-vertical-item__panel {
        max-height: none;
        display: none;
    }
    .tabs-vertical-item__panel--active {
        z-index: 1;
        max-height: none;
        margin: 0;
    }
    .tabs-vertical-item__panel-container .tabs-vertical-item__subheadline-small,
    .tabs-vertical-item__fallback-media-for-small {
        display: none;
    }
    .tabs-vertical-item__fallback-media-for-small + .tabs-vertical-item__media {
        display: block;
    }
    .no-js .tabs-vertical-item {
        margin-bottom: var(--spacing-vertical-xxxl);
        grid-template-columns: 50% 50%;
        display: grid;
    }
    .no-js .tabs-vertical-item .tabs-vertical-item__button {
        align-items: center;
    }
    .no-js .tabs-vertical-item .tabs-vertical-item__headline {
        font-family: var(--font-family-frutiger);
        font-style: normal;
        font-weight: 700;
    }
    .no-js .tabs-vertical-item .tabs-vertical-item__panel-container {
        display: block;
    }
}
.teaser-item-small {
    background-color: var(
        --teaser-item-bg-color,
        var(--bg-color-light-primary)
    );
    width: 17rem;
    height: 100%;
}
.teaser-item-small__container {
    padding: var(--spacing-vertical-s);
    height: 100%;
}
.teaser-item-small a .teaser-item-small__container {
    transition:
        box-shadow 0.4s ease-in-out,
        background-color 0.4s ease-in-out;
}
.teaser-item-small a:hover .teaser-item-small__container {
    box-shadow: var(--elevation-overlay);
    background-color: var(--teaser-item-bg-color-hover);
}
.teaser-item-small .general-overlay-link {
    display: initial;
}
.teaser-list {
    margin: 0;
    padding: 0;
}
.teaser-list--content-light {
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
}
.teaser-list--checkmarks .teaser-list__icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
}
.teaser-list--checkmarks.text--body-l .teaser-list__icon {
    width: 1.5rem;
    height: 1.5rem;
}
.teaser-list--numbers {
    list-style: decimal;
}
.teaser-list--numbers .teaser-list__item {
    margin-inline-start: 1.188rem;
    padding-inline-start: var(--spacing-horizontal-xs);
    display: list-item;
}
.teaser-list--numbers.text--body-l .teaser-list__item {
    margin-inline-start: 1.438rem;
}
.teaser-list--bullets.text--body-l .teaser-list__bullet,
.teaser-list--bullets-emphasized.text--body-l .teaser-list__bullet {
    margin-top: 0.563em;
}
.teaser-list--bullets-emphasized .teaser-list__bullet {
    margin-top: 0.625rem;
    border-radius: 50%;
    margin-inline-end: var(--spacing-horizontal-xs);
}
.teaser-list--bullets-emphasized,
.teaser-list--benefits {
    --teaser-list-color-text: var(--text-color-headlines);
    --teaser-list-color-icon: var(--text-color-headlines);
    --teaser-list-color-bullet: var(--text-color-headlines);
}
.teaser-list--bullets-emphasized .teaser-list__item,
.teaser-list--bullets-emphasized .teaser-list__label,
.teaser-list--benefits .teaser-list__item,
.teaser-list--benefits .teaser-list__label {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 700;
}
:lang(ar) .teaser-list--bullets-emphasized .teaser-list__item,
:lang(ar) .teaser-list--bullets-emphasized .teaser-list__label,
:lang(ar) .teaser-list--benefits .teaser-list__item,
:lang(ar) .teaser-list--benefits .teaser-list__label {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .teaser-list--bullets-emphasized .teaser-list__item,
    .teaser-list--bullets-emphasized .teaser-list__label,
    .teaser-list--benefits .teaser-list__item,
    .teaser-list--benefits .teaser-list__label {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .teaser-list--bullets-emphasized .teaser-list__item,
    :lang(ar) .teaser-list--bullets-emphasized .teaser-list__label,
    :lang(ar) .teaser-list--benefits .teaser-list__item,
    :lang(ar) .teaser-list--benefits .teaser-list__label {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) {
    .teaser-list--bullets-emphasized .teaser-list__item,
    .teaser-list--bullets-emphasized .teaser-list__label,
    .teaser-list--benefits .teaser-list__item,
    .teaser-list--benefits .teaser-list__label {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .teaser-list--bullets-emphasized .teaser-list__item,
    :lang(ar) .teaser-list--bullets-emphasized .teaser-list__label,
    :lang(ar) .teaser-list--benefits .teaser-list__item,
    :lang(ar) .teaser-list--benefits .teaser-list__label {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .teaser-list--bullets-emphasized .teaser-list__item,
    .teaser-list--bullets-emphasized .teaser-list__label,
    .teaser-list--benefits .teaser-list__item,
    .teaser-list--benefits .teaser-list__label {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .teaser-list--bullets-emphasized .teaser-list__item,
    :lang(ar) .teaser-list--bullets-emphasized .teaser-list__label,
    :lang(ar) .teaser-list--benefits .teaser-list__item,
    :lang(ar) .teaser-list--benefits .teaser-list__label {
        line-height: 2rem;
    }
}
@media (min-width: 90rem) {
    .teaser-list--bullets-emphasized .teaser-list__item,
    .teaser-list--bullets-emphasized .teaser-list__label,
    .teaser-list--benefits .teaser-list__item,
    .teaser-list--benefits .teaser-list__label {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .teaser-list--bullets-emphasized .teaser-list__item,
    :lang(ar) .teaser-list--bullets-emphasized .teaser-list__label,
    :lang(ar) .teaser-list--benefits .teaser-list__item,
    :lang(ar) .teaser-list--benefits .teaser-list__label {
        line-height: 2rem;
    }
}
.teaser-list--bullets-emphasized.teaser-list--content-light,
.teaser-list--benefits.teaser-list--content-light {
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
}
.teaser-list--bullets-emphasized .teaser-list__item:not(:last-child),
.teaser-list--benefits .teaser-list__item:not(:last-child) {
    margin-bottom: var(--spacing-vertical-s);
}
.teaser-list--benefits .teaser-list__icon {
    width: 2rem;
    height: 2rem;
}
.teaser-list__item {
    align-items: flex-start;
    display: flex;
}
.teaser-list__item:not(:last-child) {
    margin-bottom: var(--spacing-vertical-xs);
}
.teaser-list__item,
.teaser-list__label {
    color: var(--teaser-list-color-text);
}
.teaser-list__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-inline-end: var(--spacing-horizontal-xs);
    flex: none;
    align-self: flex-start;
    align-items: center;
    margin-bottom: auto;
    display: flex;
}
.teaser-list__icon .icon {
    width: 100%;
    height: 100%;
}
.teaser-list__icon .icon svg {
    fill: var(--teaser-list-color-icon);
}
.teaser-list__bullet {
    background-color: var(--teaser-list-color-bullet);
    width: 0.375rem;
    height: 0.375rem;
    margin-top: 0.625em;
    margin-inline-end: var(--spacing-horizontal-s);
    flex-shrink: 0;
    margin-bottom: auto;
}
.teaser-list__label {
    align-self: center;
}
.teaser-list__label > a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.teaser-list__label > a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.teaser-list__label > a:active,
.teaser-list__label > a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
:root {
    --text-color-text: var(--text-color-body);
    --text-color-information: var(--color-information-100);
    --list-indent: 2.8rem;
    --list-item-translate-x: -100%;
}
:root[dir="rtl"] {
    --list-item-translate-x: 100%;
}
[dir="rtl"] .text a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
[dir="rtl"] .text a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation-name: hover-in-animation, hover-out-animation;
    animation-duration: 0.35s, 0.45s;
    animation-timing-function: ease, ease;
    animation-iteration-count: 1, 1;
    animation-direction: reverse;
    animation-play-state: running, running;
    animation-delay: 0s, 0.45s;
    animation-fill-mode: forwards, forwards;
    animation-timeline: auto, auto;
}
[dir="rtl"] .text a:active {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation-name: hover-in-animation, hover-out-animation;
    animation-duration: 0.35s, 0.45s;
    animation-timing-function: ease, ease;
    animation-iteration-count: 1, 1;
    animation-direction: reverse;
    animation-play-state: running, running;
    animation-delay: 0s, 0.45s;
    animation-fill-mode: forwards, forwards;
    animation-timeline: auto, auto;
}
[dir="rtl"] .text a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation-name: hover-in-animation, hover-out-animation;
    animation-duration: 0.35s, 0.45s;
    animation-timing-function: ease, ease;
    animation-iteration-count: 1, 1;
    animation-direction: reverse;
    animation-play-state: running, running;
    animation-delay: 0s, 0.45s;
    animation-fill-mode: forwards, forwards;
    animation-timeline: auto, auto;
}
.text {
    color: var(--text-color-text);
}
.text > * {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
.text__ordered_list,
.text__unordered_list {
    counter-reset: first-level;
    margin-inline-start: 0;
    padding-inline-start: var(--list-indent);
}
.text__ordered_list li,
.text__unordered_list li {
    padding-bottom: var(--spacing-vertical-xs);
    counter-increment: first-level;
}
.text__ordered_list li:last-child,
.text__unordered_list li:last-child {
    padding-bottom: 0;
}
.text__ordered_list li:before,
.text__unordered_list li:before {
    content: counter(first-level) ".";
    transform: translateX(var(--list-item-translate-x));
    padding-inline-end: var(--spacing-horizontal-s);
    position: absolute;
}
.text__ordered_list li a,
.text__unordered_list li a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.text__ordered_list li a:hover,
.text__unordered_list li a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.text__ordered_list li a:active,
.text__ordered_list li a:focus,
.text__unordered_list li a:active,
.text__unordered_list li a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.text__ordered_list li ol,
.text__ordered_list li ul,
.text__unordered_list li ol,
.text__unordered_list li ul {
    counter-reset: second-level;
    padding-inline-start: var(--list-indent);
}
.text__ordered_list li ol li,
.text__ordered_list li ul li,
.text__unordered_list li ol li,
.text__unordered_list li ul li {
    counter-increment: second-level;
}
.text__ordered_list li ol li:first-child,
.text__ordered_list li ul li:first-child,
.text__unordered_list li ol li:first-child,
.text__unordered_list li ul li:first-child {
    padding-top: var(--spacing-vertical-xs);
}
.text__ordered_list li ol li:before,
.text__ordered_list li ul li:before,
.text__unordered_list li ol li:before,
.text__unordered_list li ul li:before {
    content: counter(first-level) "." counter(second-level);
}
.text__ordered_list li ol li ol,
.text__ordered_list li ol ul,
.text__ordered_list li ul li ol,
.text__ordered_list li ul ul,
.text__unordered_list li ol li ol,
.text__unordered_list li ol ul,
.text__unordered_list li ul li ol,
.text__unordered_list li ul ul {
    counter-reset: third-level;
}
.text__ordered_list li ol li ol li,
.text__ordered_list li ol ul li,
.text__ordered_list li ul li ol li,
.text__ordered_list li ul ul li,
.text__unordered_list li ol li ol li,
.text__unordered_list li ol ul li,
.text__unordered_list li ul li ol li,
.text__unordered_list li ul ul li {
    counter-increment: third-level;
}
.text__ordered_list li ol li ol li:before,
.text__ordered_list li ol ul li:before,
.text__ordered_list li ul li ol li:before,
.text__ordered_list li ul ul li:before,
.text__unordered_list li ol li ol li:before,
.text__unordered_list li ol ul li:before,
.text__unordered_list li ul li ol li:before,
.text__unordered_list li ul ul li:before {
    content: counter(first-level) "." counter(second-level) "."
        counter(third-level);
}
.text__unordered_list li:before {
    content: "●";
    font-size: 0.75rem;
}
.text__unordered_list li ul li:before {
    content: "◦";
    font-size: 1.375rem;
}
.text__unordered_list li ul li ul li:before {
    content: "▪";
    font-size: unset;
}
.text--body-xs p {
    padding-top: 1.125rem;
}
.text--body-s p {
    padding-top: 1.25rem;
}
.text--body-m p {
    padding-top: 1.5rem;
}
.text--body-l p {
    padding-top: 1.75rem;
}
.text--body-xl p {
    padding-top: 2rem;
}
.text--responsive-body p {
    padding-top: 1.125rem;
}
@media (min-width: 22.5rem) {
    .text--responsive-body p {
        padding-top: 1.5rem;
    }
}
@media (min-width: 48rem) {
    .text--responsive-body p {
        padding-top: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .text--responsive-body p {
        padding-top: 2rem;
    }
}
.text > :-webkit-any(ul, ol) {
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
}
.text > :-moz-any(ul, ol) {
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
}
.text > :is(ul, ol) {
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
}
.text > [id] > :-webkit-any(ul, ol) {
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
}
.text > [id] > :-moz-any(ul, ol) {
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
}
.text > [id] > :is(ul, ol) {
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
}
.text > :-webkit-any(ul, ol) li:not(:last-child) {
    padding-bottom: var(--spacing-vertical-xs);
}
.text > :-moz-any(ul, ol) li:not(:last-child) {
    padding-bottom: var(--spacing-vertical-xs);
}
.text > :is(ul, ol) li:not(:last-child) {
    padding-bottom: var(--spacing-vertical-xs);
}
.text > [id] > :-webkit-any(ul, ol) li:not(:last-child) {
    padding-bottom: var(--spacing-vertical-xs);
}
.text > [id] > :-moz-any(ul, ol) li:not(:last-child) {
    padding-bottom: var(--spacing-vertical-xs);
}
.text > [id] > :is(ul, ol) li:not(:last-child) {
    padding-bottom: var(--spacing-vertical-xs);
}
.text > :-webkit-any(ul, ol) + * {
    padding-top: 0;
}
.text > :-moz-any(ul, ol) + * {
    padding-top: 0;
}
.text > :is(ul, ol) + * {
    padding-top: 0;
}
.text > [id] > :-webkit-any(ul, ol) + * {
    padding-top: 0;
}
.text > [id] > :-moz-any(ul, ol) + * {
    padding-top: 0;
}
.text > [id] > :is(ul, ol) + * {
    padding-top: 0;
}
.text :first-child {
    padding-top: 0;
}
.text :only-child {
    padding-top: 0;
    padding-bottom: 0;
}
.text--inverted {
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
}
.text-media-item-horizontal {
    align-items: center;
    height: 100%;
    display: flex;
}
.text-media-item-horizontal__column {
    grid-column: span 6;
}
@media (min-width: 48rem) {
    .text-media-item-horizontal__column:not(.text-media-item-horizontal__text) {
        margin-top: auto;
        margin-bottom: auto;
    }
}
.text-media-item-horizontal__text {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
    flex-wrap: wrap;
    align-content: center;
    display: flex;
}
.text-media-item-horizontal__text > div {
    width: 100%;
}
.text-media-item-horizontal__link {
    margin-top: var(--spacing-vertical-s);
}
@media (min-width: 64rem) {
    .text-media-item-horizontal__aligned--start-with-text
        .text-media-item-horizontal__column {
        order: 2;
    }
    .text-media-item-horizontal__aligned--start-with-text
        .text-media-item-horizontal__text {
        order: 1;
    }
}
.text-media-item-vertical {
    grid-gap: 0;
    grid-template-rows: max-content;
}
.text-media-item-vertical__media--rounded-mode {
    margin-left: 10%;
    margin-right: 10%;
}
.text-media-item-vertical__grid-column {
    grid-column: 1/-1;
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
    .text-media-item-vertical__grid-column--narrowed,
    .text-media-item-vertical__grid-column--narrowed
        ~ .text-media-item-vertical__text-container {
        grid-column: 3 / span 8;
    }
}
.text-media-item-vertical__text-container {
    margin-top: var(--spacing-vertical-m);
    grid-column: 1 / span 8;
}
.text-media-item-vertical__text-container--headline-s {
    margin-top: var(--spacing-vertical-s);
}
@media (min-width: 64rem) and (max-width: 89.9375rem) {
    .text-media-item-vertical__text-container--full-width {
        grid-column: 1/-1;
    }
}
.text-media-item-vertical__text--rounded-mode {
    text-align: center;
    grid-column: 1/-1;
}
.text-media-item-vertical__text--rounded-mode .headline {
    text-align: inherit;
}
.text-teaser-item__text {
    margin-top: var(--spacing-vertical-m);
}
.text-teaser-item__link {
    margin-top: var(--spacing-vertical-s);
}
.thumbnail-slideshow {
    --thumbnail-width: 5.25rem;
    --max-thumbs: 7;
    --thumb-nav-button-width: 1.5rem;
    flex-direction: column-reverse;
    display: flex;
}
.thumbnail-slideshow--rounded {
    --thumbnail-width: 3.5rem;
}
.thumbnail-slideshow__main .slideshow__item {
    flex: 1 0 100%;
    padding-left: 0;
    padding-right: 0;
}
.thumbnail-slideshow__thumbs-wrapper {
    display: none;
}
@media (min-width: 48rem) {
    .thumbnail-slideshow--display-thumbs .thumbnail-slideshow__thumbs-wrapper {
        margin-top: var(--spacing-vertical-m);
        max-width: calc(
            var(--max-thumbs) * var(--thumbnail-width) + var(--max-thumbs) *
                var(--spacing-horizontal-xs) * 2 +
                var(--thumb-nav-button-width) * 2
        );
        grid-template-columns: var(--thumb-nav-button-width) minmax(0, 1fr) var(
                --thumb-nav-button-width
            );
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: grid;
    }
    .thumbnail-slideshow--display-thumbs
        .thumbnail-slideshow__thumbs-wrapper
        .slideshow__pagination-wrapper {
        display: none;
    }
    .teaser-media-slideshow
        .thumbnail-slideshow--display-thumbs
        .thumbnail-slideshow__thumbs-wrapper
        .slideshow__list {
        max-width: 0;
    }
    .thumbnail-slideshow--display-thumbs
        .thumbnail-slideshow__main
        .slideshow__pagination-wrapper {
        display: none;
    }
    .thumbnail-slideshow--left-aligned .thumbnail-slideshow__thumbs-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    .thumbnail-slideshow--left-aligned
        .slideshow--hide-interaction
        .slideshow__list {
        justify-content: flex-start;
    }
    .thumbnail-slideshow--left-aligned
        .slideshow--hide-interaction
        .slideshow__list
        .slideshow__item:first-child {
        padding-left: 0;
    }
    .thumbnail-slideshow--left-aligned
        .slideshow--hide-interaction
        .slideshow__list
        .slideshow__item:last-child {
        padding-right: 0;
    }
    .thumbnail-slideshow__thumbs {
        margin-top: 0;
    }
    .thumbnail-slideshow__thumbs .slideshow__item {
        cursor: pointer;
        flex: 0 0 var(--thumbnail-width);
        max-width: var(--thumbnail-width);
    }
    .thumbnail-slideshow__thumbs .slideshow__item .lazy-image__image-container {
        border: 1px solid var(--border-subtle);
    }
    .thumbnail-slideshow__thumbs
        .slideshow__item
        .lazy-image__image-container__image {
        transition:
            -webkit-filter 0.45s,
            filter 0.45s;
    }
    .thumbnail-slideshow__thumbs .slideshow__item:hover .lazy-image__image {
        background-color: var(--bg-color-dark-01);
        -webkit-filter: contrast(0.7);
        filter: contrast(0.7);
    }
    .thumbnail-slideshow__thumbs .slideshow__item:only-child {
        display: none;
    }
    .thumbnail-slideshow__thumbs .thumbnail-slideshow-item__media {
        border: 1px solid var(--bg-color-light-03);
        transition:
            border-bottom-color 0.45s,
            background-color 0.45s;
    }
    .thumbnail-slideshow__thumbs .thumbnail-slideshow-item__image {
        transition: background-color 0.45s;
    }
    .thumbnail-slideshow__thumbs .thumbnail-slideshow-item__media-indicator {
        background-color: transparent;
        width: 100%;
        height: 0.188rem;
        margin-top: 0.375rem;
        display: block;
    }
    .thumbnail-slideshow .thumbnail-slideshow__prev-button,
    .thumbnail-slideshow .thumbnail-slideshow__next-button {
        cursor: pointer;
        background: 0 0;
        border: none;
        padding: 1rem 0 0;
        display: flex;
    }
    .thumbnail-slideshow .thumbnail-slideshow__prev-button .icon,
    .thumbnail-slideshow .thumbnail-slideshow__next-button .icon {
        width: 1.5rem;
    }
    .thumbnail-slideshow
        .thumbnail-slideshow__prev-button.swiper-button-disabled,
    .thumbnail-slideshow
        .thumbnail-slideshow__next-button.swiper-button-disabled {
        opacity: 0.4;
    }
}
:root {
    --icon-color-hover: var(--interaction-color-hover);
}
.tile {
    width: 100%;
    transition: all 0.2s;
}
.tile .icon {
    width: 100%;
}
.tile .icon svg {
    fill: var(--icon-strong);
}
.tile__content {
    margin-top: var(--spacing-vertical-xxs);
}
.tile__background {
    padding: var(--spacing-vertical-m) var(--spacing-horizontal-s);
    flex-direction: row;
    align-content: flex-start;
    align-items: center;
    height: 100%;
    text-decoration: none;
    display: flex;
}
.tile__background--without-icon .tile__description {
    margin-left: var(--spacing-horizontal-s);
}
.tile__background--with-text {
    align-items: unset;
}
.tile__background:hover {
    transform: scale(1.0116);
}
.tile__background--hover-expand-lg:hover {
    transform: scale(1.02);
}
.tile__background--hover-expand-single-tile:hover {
    transform: scale(1.006);
}
.tile--grey,
.tile--blue {
    height: 100%;
}
.tile--grey .tile__link .tile__background,
.tile--blue .tile__link .tile__background {
    transition: transform 0.3s cubic-bezier(0, 0, 0.6, 1);
}
.tile--grey .tile__title,
.tile--grey .tile__content {
    color: var(--headline-color, var(--text-color-headlines));
}
.tile--grey .tile__background {
    pointer-events: all;
    background-color: var(--bg-surface-interactive, var(--bg-color-light-04));
}
.tile--grey .tile__link:hover .tile__background,
.tile--grey .tile__link:active .tile__background,
.tile--grey .tile__link:focus .tile__background {
    background-color: var(--tile-hover-bg-color, var(--bg-color-light-05));
}
.tile--blue .tile__icon svg {
    color: var(--bg-color-light-00);
    fill: var(--bg-color-light-00);
}
.tile--blue .tile__title,
.tile--blue .tile__content {
    color: var(--text-color-button);
}
.tile--blue .tile__background {
    pointer-events: all;
    background-color: var(--interaction-color-link);
}
.tile--blue .tile__link:hover .tile__background,
.tile--blue .tile__link:active .tile__background {
    background-color: var(--interaction-color-hover);
}
.tile--blue .tile__link:focus .tile__background,
.tile--active.tile--blue .tile__background {
    background-color: var(--interaction-color-focused);
}
.tile--active.tile--grey .tile__background {
    background-color: var(--interaction-color-grey-focused);
}
.tile__icon {
    width: 3rem;
    flex: none;
    margin-inline-end: var(--spacing-horizontal-s);
    display: flex;
}
.tile__description {
    flex-direction: column;
    flex: auto;
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.tile__expandable {
    z-index: 11;
    width: 100%;
    height: 0;
    display: none;
    position: relative;
}
.no-js .tile__expandable {
    height: auto;
    display: block;
}
@media (min-width: 22.5rem) and (max-width: 47.9375rem) {
    .tile__expandable .form-kit__form-field__datepicker__calender {
        padding: 2.25rem var(--spacing-xs);
    }
}
.tile__expandable-area {
    padding: var(--spacing-vertical-m) var(--spacing-horizontal-s);
    background-color: var(--bg-surface-interactive, var(--bg-color-light-04));
    margin-top: var(--spacing-vertical-xxs);
    flex-direction: column;
    display: flex;
}
.tile__expandable-close {
    align-self: flex-end;
    display: flex;
}
.no-js .tile__expandable-close {
    display: none;
}
.tile__button-close {
    width: 2rem;
    height: 2rem;
    padding: 0.25rem;
    display: block;
}
.tile__button-close svg {
    fill: var(--icon-strong);
}
.tile__button-close:hover svg {
    fill: var(--icon-color-hover);
}
.tile__button-close > * {
    pointer-events: none;
}
.tile__expandable-content {
    padding-top: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .tile__background {
        padding: var(--spacing-horizontal-l) var(--spacing-horizontal-m);
    }
    .tile__icon {
        margin-inline-end: var(--spacing-horizontal-m);
    }
}
@media (min-width: 64rem) {
    .tile__background--without-icon {
        flex-direction: row;
    }
    .tile__expandable {
        z-index: 0;
        height: auto;
        display: none;
        position: relative;
    }
    .no-js .tile__expandable {
        transform: translateY(-100%);
    }
    .tile-expand-container .tile__expandable {
        opacity: 0;
        background-color: transparent;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        transform: none;
    }
    .tile-expand-container .tile__expandable--expanded {
        z-index: 11;
        position: relative;
    }
    .tile__expandable-area {
        padding-inline: var(--spacing-horizontal-l);
        padding-top: var(--spacing-vertical-l);
        padding-bottom: var(--spacing-vertical-xl);
    }
    .tile__expandable-content {
        padding-top: var(--spacing-vertical-m);
    }
}
@media (min-width: 90rem) {
    .tile__background {
        padding: var(--spacing-horizontal-xl) var(--spacing-horizontal-l);
    }
}
.tile-component {
    flex: 100%;
    width: auto;
}
@media (min-width: 64rem) {
    .tile-component:not(:first-child) {
        margin-left: var(--spacing-horizontal-xs);
    }
}
.tile-expand-container {
    width: 100%;
    height: 0;
    display: none;
    position: relative;
}
@media (min-width: 64rem) {
    .tile-expand-container {
        margin-top: var(--spacing-vertical-xs);
        display: block;
        overflow: hidden;
    }
    .tile-expand-container--expanded {
        overflow: visible;
    }
}
.tile-icon__link {
    background-color: var(--bg-color-light-primary);
    color: var(--text-color-headlines);
    text-align: center;
    padding: var(--spacing-vertical-xs);
    cursor: pointer;
    flex-direction: column;
    height: 100%;
    min-height: 4rem;
    text-decoration: none;
    display: flex;
    position: relative;
}
.tile-icon__link:hover,
.tile-icon__link:focus,
.tile-icon__link:active {
    background-color: var(--bg-color-light-02);
    box-shadow: var(--elevation-raised);
    opacity: 1;
    z-index: 1;
}
.tile-icon__link:focus,
.tile-icon__link:active {
    background-color: var(--interaction-color-grey-hover);
    box-shadow: none;
}
.tile-icon__link > * {
    pointer-events: none;
}
.tile-icon--active .tile-icon__link,
.tile-icon--active .tile-icon__link:hover {
    background-color: var(--interaction-color-grey-hover);
}
.tile-icon--active .tile-icon__link:focus,
.tile-icon--active .tile-icon__link:active {
    background-color: var(--interaction-color-grey-focused);
}
.tile-icon__title {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.005em;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
}
:lang(ar) .tile-icon__title {
    line-height: 1.5rem;
}
.tile-icon__asset {
    justify-content: center;
    width: 100%;
    display: flex;
}
.tile-icon__asset i,
.tile-icon__asset-image {
    width: 4rem;
    display: block;
}
.tile-icon__asset i figure,
.tile-icon__asset-image figure {
    display: flex;
}
.tile-icon__asset i .lazy-image__image-container .lazy-image__image,
.tile-icon__asset-image .lazy-image__image-container .lazy-image__image {
    max-width: 100%;
    left: 0;
}
.tile-icon--not-selected {
    display: none;
}
.tile-icon-group {
    width: 100%;
}
.tile-icon-group__container {
    margin-left: calc(var(--spacing-vertical-xxs) / 2 * -1);
    margin-right: calc(var(--spacing-vertical-xxs) / 2 * -1);
}
.tile-icon-group__tiles {
    display: none;
}
@media (min-width: 48rem) {
    .tile-icon-group__tiles {
        grid-auto-rows: 1fr;
        display: grid;
    }
}
.tile-icon-group__dropdown .dropdown-linklist__label-text {
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .tile-icon-group__dropdown .dropdown-linklist__label-text {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .tile-icon-group__dropdown .dropdown-linklist__label-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .tile-icon-group__dropdown .dropdown-linklist__label-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .tile-icon-group__dropdown .dropdown-linklist__label-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .tile-icon-group__dropdown .dropdown-linklist__label-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .tile-icon-group__dropdown .dropdown-linklist__label-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .tile-icon-group__dropdown .dropdown-linklist__label-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .tile-icon-group__dropdown .dropdown-linklist__label-text {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .tile-icon-group__dropdown .dropdown-linklist__label-text {
        line-height: 1.75rem;
    }
}
@media (min-width: 48rem) {
    .tile-icon-group__dropdown {
        display: none;
    }
}
.tile-icon-group .tile-icon,
.tile-icon-group__show-more,
.tile-icon-group__return {
    margin-bottom: var(--spacing-vertical-xxs);
    padding-right: calc(var(--spacing-vertical-xxs) / 2);
    padding-left: calc(var(--spacing-vertical-xxs) / 2);
}
@media (min-width: 48rem) {
    .tile-icon-group__tiles {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 64rem) {
    .tile-icon-group__tiles {
        grid-template-columns: repeat(6, 1fr);
    }
    .tile-icon-group__container[data-entries="7"] .tile-icon-group__tiles,
    .tile-icon-group__container[data-entries="8"] .tile-icon-group__tiles {
        grid-template-columns: repeat(4, 1fr);
    }
    .tile-icon-group__container[data-entries="9"] .tile-icon-group__tiles,
    .tile-icon-group__container[data-entries="10"] .tile-icon-group__tiles {
        grid-template-columns: repeat(5, 1fr);
    }
    .tile-icon-group__container[data-entries="12"] .tile-icon-group__tiles {
        grid-template-columns: repeat(6, 1fr);
    }
}
.tile-icon-group__show-more__wrapper,
.tile-icon-group__return__wrapper {
    cursor: pointer;
    background-color: var(--bg-color-light-primary);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}
.tile-icon-group__show-more:hover,
.tile-icon-group__show-more:focus,
.tile-icon-group__return:hover,
.tile-icon-group__return:focus {
    box-shadow: var(--elevation-raised);
    z-index: 1;
}
.tile-icon-group__show-more .icon,
.tile-icon-group__return .icon {
    width: 3rem;
    fill: var(--text-color-body);
}
.tile-icon-group--hidden,
.tile-icon-group--not-selected {
    display: none;
}
.to-top__link {
    color: var(--interaction-color-link);
    letter-spacing: 0.5px;
    flex-wrap: nowrap;
    font-size: 0.875rem;
    line-height: 1.6;
    text-decoration: none;
    display: flex;
}
@media (min-width: 90rem) {
    .to-top__link {
        font-size: 1rem;
    }
}
.to-top__link:hover {
    color: var(--interaction-color-hover);
}
.to-top__link:hover .icon {
    fill: var(--interaction-color-hover);
}
.to-top__link:focus {
    color: var(--interaction-color-focused);
    outline: none;
}
.to-top__link:focus .icon {
    fill: var(--interaction-color-focused);
}
.to-top__link-text {
    padding-inline-end: var(--spacing-horizontal-xs);
    display: none;
}
@media (min-width: 48rem) {
    .to-top__link-text {
        display: block;
    }
}
.to-top .icon {
    width: 1.125rem;
    margin-top: 1px;
}
.to-top .icon svg {
    fill: var(--interaction-color-link);
}
@media (min-width: 90rem) {
    .to-top .icon {
        width: 1.25rem;
    }
}
.toast-notification {
    width: 20rem;
    right: 0;
    top: var(--spacing-vertical-m);
    z-index: 5042;
    position: fixed;
}
@media (min-width: 48rem) {
    .toast-notification {
        right: var(--grid-margin);
    }
}
.toast-notification--success.toast-notification__item {
    border-left-color: var(--color-alert-success);
}
.toast-notification--success .toast-notification__icon svg {
    color: var(--color-alert-success);
}
.toast-notification--error.toast-notification__item {
    border-left-color: var(--color-alert-error);
}
.toast-notification--error .toast-notification__icon svg {
    color: var(--color-alert-error);
}
.toast-notification--info.toast-notification__item {
    border-left-color: var(--color-information-90);
}
.toast-notification--info .toast-notification__icon svg {
    color: var(--color-information-90);
}
.toast-notification__wrapper {
    gap: var(--spacing-vertical-s);
    flex-direction: column;
    display: flex;
}
.toast-notification__item {
    background: var(--bg-color-light-primary);
    border-left: var(--spacing-horizontal-xxs) solid;
    width: 100%;
    box-shadow: var(--elevation-raised);
    padding: var(--spacing-horizontal-s);
    gap: var(--spacing-vertical-s);
    border-radius: 0.5rem;
    animation-name: slide-right;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    display: flex;
}
.toast-notification__item--visible {
    animation-name: slide-left;
}
@media (min-width: 48rem) {
    .toast-notification__item {
        padding: var(--spacing-horizontal-m);
        animation-name: slide-right-m;
    }
    .toast-notification__item--visible {
        animation-name: slide-left-m;
    }
}
.toast-notification .svg-scale-wrapper {
    width: 1.5rem;
}
.toast-notification__content {
    gap: var(--spacing-vertical-xxs);
    flex-direction: column;
    flex-grow: 1;
    display: flex;
}
.toast-notification__content .button-link--link {
    padding: 0;
}
.toast-notification .headline {
    color: var(--text-color-body);
}
.toast-notification__close-button .svg-scale-wrapper {
    width: 1rem;
}
@keyframes slide-left {
    0% {
        transform: translate(20rem);
    }
    to {
        transform: translate(0%);
    }
}
@keyframes slide-right {
    0% {
        transform: translate(0%);
    }
    to {
        transform: translate(20rem);
    }
}
@keyframes slide-left-m {
    0% {
        transform: translateX(20rem) translateX(var(--grid-margin));
    }
    to {
        transform: translate(0%);
    }
}
@keyframes slide-right-m {
    0% {
        transform: translate(0%);
    }
    to {
        transform: translateX(20rem) translateX(var(--grid-margin));
    }
}
.topic-tile {
    width: 50%;
    margin-bottom: var(--spacing-vertical-xs);
    padding-inline: calc(var(--spacing-vertical-xs) / 2);
}
@media (min-width: 48rem) {
    .topic-tile {
        width: 33.3333%;
    }
}
@media (min-width: 64rem) {
    .topic-tile {
        width: 16.6667%;
    }
    .category-navigation__container[data-entries="7"] .topic-tile,
    .category-navigation__container[data-entries="8"] .topic-tile {
        width: 25%;
    }
    .category-navigation__container[data-entries="9"] .topic-tile,
    .category-navigation__container[data-entries="10"] .topic-tile {
        width: 20%;
    }
    .category-navigation__container[data-entries="12"] .topic-tile {
        width: 16.6667%;
    }
}
.category-navigation--sidebar .category-navigation__container .topic-tile {
    width: 100%;
    margin-bottom: var(--spacing-vertical-xs);
}
.category-navigation--sidebar
    .category-navigation__container
    .topic-tile:last-child {
    margin-bottom: 0;
}
@media (min-width: 64rem) {
    .overlay__content-module .topic-selection .topic-tile {
        width: 33.3333%;
    }
}
@media (min-width: 80rem) {
    .overlay__content-module .topic-selection .topic-tile {
        width: 16.6667%;
    }
}
.topic-tile .button-link {
    height: 100%;
}
.topic-tile__link {
    height: 100%;
    min-height: 4rem;
    padding: var(--spacing-vertical-xs);
    color: var(--headline-color);
    text-align: center;
    background-color: var(--bg-surface-interactive, var(--bg-color-light-03));
    flex-direction: column;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
    display: flex;
}
.category-navigation--sidebar .topic-tile__link {
    text-align: left;
    min-height: 4.5rem;
    padding-inline: var(--spacing-vertical-s);
    background-color: var(--tile-sidebar-bg-color, var(--bg-color-light-03));
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.topic-tile__link--no-icon {
    justify-content: center;
}
.topic-tile__link:focus,
.topic-tile__link:active,
.topic-tile__link--active {
    box-shadow: none;
    background-color: var(--tile-hover-bg-color, var(--bg-color-light-05));
}
.category-navigation--sidebar .topic-tile__link:focus,
.category-navigation--sidebar .topic-tile__link:active,
.category-navigation--sidebar .topic-tile__link--active {
    background-color: var(
        --tile-sidebar-active-bg-color,
        var(--bg-color-light-05)
    );
}
@media (min-width: 64rem) {
    .category-navigation--sidebar .topic-tile__link:focus,
    .category-navigation--sidebar .topic-tile__link:active,
    .category-navigation--sidebar .topic-tile__link--active {
        position: relative;
    }
    .category-navigation--sidebar .topic-tile__link:focus:after,
    .category-navigation--sidebar .topic-tile__link:active:after,
    .category-navigation--sidebar .topic-tile__link--active:after {
        content: "";
        background-color: var(--border-strong);
        width: 1px;
        height: 100%;
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: -1px;
    }
}
.category-navigation--sidebar .topic-tile__link:focus .topic-tile__title,
.category-navigation--sidebar .topic-tile__link:active .topic-tile__title,
.category-navigation--sidebar .topic-tile__link--active .topic-tile__title {
    font-weight: 700;
}
.topic-tile__link > * {
    pointer-events: none;
}
.topic-tile:hover .topic-tile__link {
    opacity: 1;
    z-index: 1;
    cursor: pointer;
    box-shadow: var(--elevation-raised);
    background-color: var(--tile-hover-bg-color, var(--bg-color-light-05));
    transform: scale(1.03);
}
.category-navigation--sidebar .topic-tile:hover .topic-tile__link {
    box-shadow: none;
    background-color: var(
        --tile-sidebar-hover-bg-color,
        var(--bg-color-light-05)
    );
    transform: none;
}
.topic-tile__icon-wrapper {
    justify-content: center;
    width: 100%;
    display: flex;
}
.topic-tile__icon-wrapper i {
    min-width: 4rem;
    display: block;
}
.topic-tile__icon-wrapper svg,
.topic-tile__icon-wrapper path {
    fill: var(--icon-strong);
}
.category-navigation--sidebar .topic-tile__icon-wrapper {
    width: auto;
    padding-inline-end: var(--spacing-vertical-xs);
}
.category-navigation--sidebar .topic-tile__icon-wrapper i {
    min-width: 2.8rem;
}
.topic-tile__title {
    letter-spacing: 0.005em;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:lang(ar) .topic-tile__title {
    line-height: 1.5rem;
}
.topic-tile .general-overlay-link {
    display: initial;
}
.vario-teaser-item {
    display: grid;
    position: relative;
}
.vario-teaser-item__fake-link {
    z-index: 4;
    transition:
        -webkit-filter 0.45s,
        filter 0.45s;
    position: absolute;
    inset: 0;
}
.vario-teaser-item:hover {
    -webkit-filter: drop-shadow(var(--elevation-overlay));
    filter: drop-shadow(var(--elevation-overlay));
}
.vario-teaser-item:hover .button-link--link a {
    color: var(--interaction-color-hover);
}
.vario-teaser-item:hover .button-link--link a .button__text {
    background-size: 100% 100%;
}
.vario-teaser-item:hover .button-link--link a .icon {
    transform: translate(0.25rem);
}
[dir="rtl"] .vario-teaser-item:hover .button-link--link a .icon {
    transform: scaleX(-1) translate(0.25rem);
}
.vario-teaser-item__info-box {
    margin-top: calc(var(--spacing-vertical-xxl) * -1);
    padding: var(--spacing-vertical-l) var(--spacing-horizontal-l);
    z-index: 3;
    background-color: var(--bg-surface, var(--bg-color-light-02));
    margin-right: 2.5rem;
}
.vario-teaser-item__info-box .button-link {
    margin-top: var(--spacing-vertical-m);
}
.vario-teaser-item--small,
.vario-teaser-item--medium,
.vario-teaser-item--large {
    flex-direction: column;
    width: 100%;
    display: flex;
}
.vario-teaser-item .lazy-image__image {
    height: 100%;
    width: unset;
    max-width: unset;
}
.vario-teaser-item .lazy-image--fallback .lazy-image__image {
    width: 100%;
    height: auto;
}
@media (min-width: 22.5rem) and (max-width: 47.9375rem) {
    .vario-teaser-item .lazy-image__image-container {
        padding-bottom: 100%;
    }
}
@media (min-width: 48rem) {
    .vario-teaser-item--small,
    .vario-teaser-item--medium,
    .vario-teaser-item--large {
        grid-column: 1 / span var(--grid-columns);
        grid-gap: var(--grid-gutter);
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        grid-template-rows: 1fr;
        row-gap: 0;
        display: grid;
    }
    .vario-teaser-item .vario-teaser-item__image {
        grid-area: 1/1 / auto/span 6;
    }
    .vario-teaser-item .vario-teaser-item__info-box {
        grid-area: 2/3 / auto/span 4;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 64rem) {
    .vario-teaser-item--large {
        grid-column: 1 / span var(--grid-columns);
        grid-gap: var(--grid-gutter);
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        grid-template-rows: auto;
        row-gap: 0;
        position: relative;
    }
    .vario-teaser-item--large .vario-teaser-item__image {
        grid-column: 1 / span 9;
    }
    .vario-teaser-item--large .vario-teaser-item__info-box {
        bottom: calc(var(--spacing-vertical-xxl) * -1);
        grid-area: 1/-1 / auto/-7;
        width: 100%;
        height: auto;
        margin-top: 0;
        position: absolute;
    }
    .vario-teaser-item--medium {
        grid-gap: var(--grid-gutter);
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        grid-template-rows: auto;
        row-gap: 0;
        position: relative;
    }
    .vario-teaser-item--medium .vario-teaser-item__image {
        grid-column: 1 / span var(--grid-columns);
        grid-row: 1 / span 2;
    }
    .vario-teaser-item--medium .vario-teaser-item__info-box {
        bottom: calc(var(--spacing-vertical-xxl) * -1);
        grid-area: 1/1 / auto/span 8;
        height: auto;
        margin-top: 0;
        position: absolute;
    }
    .vario-teaser-item--medium:first-child {
        grid-column: 1 / span calc(var(--grid-columns) / 2);
    }
    .vario-teaser-item--medium:last-child {
        grid-column: calc(var(--grid-columns) / 2 + 1) /
            calc(var(--grid-columns) + 1);
    }
    .vario-teaser-item--medium:last-child .vario-teaser-item__info-box {
        grid-column: -1/-9;
    }
    .vario-teaser-item--small {
        grid-gap: var(--grid-gutter);
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        grid-template-rows: auto;
        row-gap: 0;
        position: relative;
    }
    .vario-teaser-item--small .vario-teaser-item__image {
        grid-column: 1 / span var(--grid-columns);
        grid-row: 1 / span 2;
    }
    .vario-teaser-item--small .vario-teaser-item__info-box {
        bottom: calc(var(--spacing-vertical-xxl) * -1);
        grid-area: 1/1 / auto/12;
        height: auto;
        margin-top: 0;
        position: absolute;
    }
    .vario-teaser-item--small:first-child {
        grid-column: 1/5;
    }
    .vario-teaser-item--small:nth-child(2) {
        grid-column: 5/9;
    }
    .vario-teaser-item--small:nth-child(3) {
        grid-column: 9/13;
    }
}
.video-item {
    gap: var(--spacing-vertical-m);
    flex-direction: column;
    display: flex;
}
.video-item__headline {
    display: block;
}
.video-item .video-player__caption {
    padding-top: var(--spacing-vertical-xs);
}
.video-item-group .slideshow__item {
    flex: 1 0 100%;
    padding-left: 0;
    padding-right: 0;
}
.video-item-group .swiper-button-prev,
.video-item-group .swiper-button-next {
    transition: top 0.25s ease-in-out;
}
@media (max-width: 63.9375rem) {
    .video-item-group .swiper-button-prev,
    .video-item-group .swiper-container-rtl .swiper-button-next {
        left: -1.25rem;
    }
    .video-item-group .swiper-button-next,
    .video-item-group .swiper-container-rtl .swiper-button-prev {
        right: -1.25rem;
    }
}
.video-player {
    --video-ratio: 56.25%;
}
.video-player__image {
    display: block;
}
.video-player__player {
    display: none;
}
.video-player__scale-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: var(--video-ratio);
    position: relative;
    overflow: hidden;
}
.video-player--with-frame .video-player__scale-wrapper {
    border: 0.5rem solid var(--color-black);
    padding-bottom: calc(var(--video-ratio) - 0.5rem);
    border-radius: 0.5rem;
}
@media (min-width: 48rem) {
    .video-player--with-frame .video-player__scale-wrapper {
        border: 1rem solid var(--color-black);
        padding-bottom: calc(var(--video-ratio) - 1rem);
        border-radius: 1rem;
    }
}
.video-player__caption {
    padding-top: var(--spacing-vertical-xs);
}
.video-player__caption .text--caption {
    color: var(--headline-color);
}
.video-player__title {
    padding-top: var(--spacing-vertical-xs);
}
.video-player--enable-video .video-player__image {
    display: none;
}
.video-player--enable-video .video-player__player {
    display: block;
}
.video-player--ratio-4_3 {
    --video-ratio: 75%;
}
.video-player--ratio-1_1 {
    --video-ratio: 100%;
}
.video-player--ratio-3_2 {
    --video-ratio: 66.6667%;
}
.video-player--ratio-16_10 {
    --video-ratio: 62.5%;
}
.video-player--custom video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.video-player--custom .video-player__image {
    display: none;
}
.video-player--custom .video-player__player {
    background-color: var(--color-black);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.video-player--custom
    .video-player__player--disable-fullscreen
    video::-webkit-media-controls-fullscreen-button {
    display: none;
}
.video-player--vimeo .video-player__image,
.video-player--youtube .video-player__image,
.video-player--wistia .video-player__image {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.video-player--wistia .wistia_embed,
.video-player--vimeo iframe,
.video-player--youtube iframe {
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
}
.video-player--position-horizontal-left.video-player--position-vertical-top
    video {
    -o-object-position: left top;
    object-position: left top;
}
.video-player--position-horizontal-left.video-player--position-vertical-bottom
    video {
    -o-object-position: left bottom;
    object-position: left bottom;
}
.video-player--position-horizontal-left.video-player--position-vertical-middle
    video {
    -o-object-position: left center;
    object-position: left center;
}
.video-player--position-horizontal-right.video-player--position-vertical-top
    video {
    -o-object-position: right top;
    object-position: right top;
}
.video-player--position-horizontal-right.video-player--position-vertical-bottom
    video {
    -o-object-position: right bottom;
    object-position: right bottom;
}
.video-player--position-horizontal-right.video-player--position-vertical-middle
    video {
    -o-object-position: right center;
    object-position: right center;
}
.video-player--position-horizontal-center.video-player--position-vertical-top
    video {
    -o-object-position: center top;
    object-position: center top;
}
.video-player--position-horizontal-center.video-player--position-vertical-bottom
    video {
    -o-object-position: center bottom;
    object-position: center bottom;
}
:root {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--interaction-color-link);
    --button-secondary-border-default: var(--interaction-color-link);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--interaction-color-hover);
    --button-secondary-border-hover: var(--interaction-color-hover);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--text-color-button);
    --button-secondary-border-focus: var(--interaction-color-focused);
    --button-secondary-background-focus: var(--interaction-color-focused);
    --button-tertiary-text-default: var(--interaction-color-link);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-text-hover: var(--interaction-color-hover);
    --button-tertiary-border-hover: var(--interaction-color-hover);
    --button-tertiary-background-hover: var(--bg-color-light-02);
    --button-tertiary-text-focus: var(--text-color-button);
    --button-tertiary-border-focus: var(--interaction-color-focused);
    --button-tertiary-background-focus: var(--interaction-color-focused);
    --button-link-text-default: var(--interaction-color-link);
    --button-link-underline-default: var(--interaction-color-hover);
    --button-link-text-hover: var(--interaction-color-hover);
    --button-link-text-focus: var(--interaction-color-focused);
}
.button-link__content {
    text-align: start;
    pointer-events: none;
}
.button__text {
    font: var(--text-button-m);
    vertical-align: middle;
    display: inline;
    position: relative;
    top: -0.031rem;
}
.button-link.button-link--inverted {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
}
.button-link a,
.button-link button {
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xs);
    padding: 0.6875rem var(--spacing-horizontal-l);
    color: var(--button-primary-text-default);
    border-width: var(--border-width-s);
    border-style: solid;
    border-color: var(--button-primary-border-default);
    border-radius: var(--border-radius-s);
    background-color: var(--button-primary-background-default);
    flex-direction: row;
    text-decoration: none;
    transition:
        background-color 0.3s ease-in-out,
        border 0.3s ease-in-out,
        outline 0.3s ease-in-out,
        box-shadow 0.3s ease-in-out,
        color 0.3s ease-in-out;
    display: inline-flex;
    position: relative;
}
.button-link a:hover,
.button-link button:hover {
    cursor: pointer;
    border-color: var(--button-primary-border-hover);
    background-color: var(--button-primary-background-hover);
}
.button-link a:focus,
.button-link a:active,
.button-link button:focus,
.button-link button:active {
    color: var(--button-primary-text-focus);
    border-color: var(--button-primary-border-focus);
    background-color: var(--button-primary-background-focus);
}
.button-link a:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.button-link button:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.button-link a:disabled,
.button-link button:disabled {
    opacity: 0.4;
    pointer-events: none;
}
[dir="rtl"] .button-link a .icon[class*="arrow-right"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="arrow-right"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="ArrowRight"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="ArrowRight"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="chevron-left"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="chevron-left"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="ChevronLeft"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="ChevronLeft"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="external-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="external-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="ExternalLInk"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="ExternalLInk"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="internal-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="internal-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link a .icon[class*="InternalLink"] {
    transform: scaleX(-1);
}
[dir="rtl"] .button-link button .icon[class*="InternalLink"] {
    transform: scaleX(-1);
}
.button-link .icon {
    vertical-align: middle;
    margin-inline-start: var(--spacing-horizontal-xs);
    display: inline-flex;
}
.button-link .svg-scale-wrapper {
    width: 1.25rem;
    height: 1.25rem;
}
.button-link--secondary.button-link--inverted {
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
}
.button-link--secondary a,
.button-link--secondary button {
    color: var(--button-secondary-text-default);
    border-color: var(--button-secondary-border-default);
    background-color: var(--button-secondary-background-default);
}
.button-link--secondary a:hover,
.button-link--secondary button:hover {
    color: var(--button-secondary-text-hover);
    border-color: var(--button-secondary-border-hover);
    background-color: var(--button-secondary-background-hover);
}
.button-link--secondary a:focus,
.button-link--secondary a:active,
.button-link--secondary button:focus,
.button-link--secondary button:active {
    color: var(--button-secondary-text-focus);
    border-color: var(--button-secondary-border-focus);
    background-color: var(--button-secondary-background-focus);
}
.button-link--tertiary.button-link--inverted {
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
}
.button-link--tertiary a,
.button-link--tertiary button {
    color: var(--button-tertiary-text-default);
    border-color: var(--button-tertiary-border-default);
    background-color: var(--button-tertiary-background-default);
}
.button-link--tertiary a:hover,
.button-link--tertiary button:hover {
    color: var(--button-tertiary-text-hover);
    border-color: var(--button-tertiary-border-default);
    background-color: var(--button-tertiary-background-hover);
}
.button-link--tertiary a:focus,
.button-link--tertiary a:active,
.button-link--tertiary button:focus,
.button-link--tertiary button:active {
    color: var(--button-tertiary-text-focus);
    border-color: var(--button-tertiary-border-focus);
    background-color: var(--button-tertiary-background-focus);
}
.button-link--link.button-link--inverted,
.button-link--overlay.button-link--inverted {
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
}
.button-link--link a,
.button-link--link button,
.button-link--overlay a,
.button-link--overlay button {
    color: var(--button-link-text-default);
    letter-spacing: var(--letter-spacing-normal);
    background-color: transparent;
    border: none;
    padding: 0;
    display: inline-block;
}
.button-link--link a .button__text,
.button-link--link button .button__text,
.button-link--overlay a .button__text,
.button-link--overlay button .button__text {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(
        transparent calc(100% - var(--border-width-s)),
        var(--button-link-underline-default) var(--border-width-s)
    );
    transition: background-size 0.75s ease-in-out;
}
[dir="rtl"] .button-link--link a .button__text {
    background-position-x: right;
}
[dir="rtl"] .button-link--link button .button__text {
    background-position-x: right;
}
[dir="rtl"] .button-link--overlay a .button__text {
    background-position-x: right;
}
[dir="rtl"] .button-link--overlay button .button__text {
    background-position-x: right;
}
:lang(ar) .button-link--link a .button__text,
:lang(ar) .button-link--link button .button__text,
:lang(ar) .button-link--overlay a .button__text,
:lang(ar) .button-link--overlay button .button__text {
    background-position-y: -0.1875rem;
}
[dir="rtl"] .button-link--link a.button-link--backlink .button__text {
    background-position: 0 100%;
}
[dir="rtl"] .button-link--link button.button-link--backlink .button__text {
    background-position: 0 100%;
}
[dir="rtl"] .button-link--overlay a.button-link--backlink .button__text {
    background-position: 0 100%;
}
[dir="rtl"] .button-link--overlay button.button-link--backlink .button__text {
    background-position: 0 100%;
}
:lang(ar) .button-link--link a.button-link--backlink .button__text,
:lang(ar) .button-link--link button.button-link--backlink .button__text,
:lang(ar) .button-link--overlay a.button-link--backlink .button__text,
:lang(ar) .button-link--overlay button.button-link--backlink .button__text {
    background-position-y: -0.1875rem;
}
.button-link--link a:hover,
.button-link--link a:focus,
.button-link--link a:active,
.button-link--link button:hover,
.button-link--link button:focus,
.button-link--link button:active,
.button-link--overlay a:hover,
.button-link--overlay a:focus,
.button-link--overlay a:active,
.button-link--overlay button:hover,
.button-link--overlay button:focus,
.button-link--overlay button:active {
    background-color: transparent;
}
.button-link--link a:hover .button__text,
.button-link--link a:focus .button__text,
.button-link--link a:active .button__text,
.button-link--link button:hover .button__text,
.button-link--link button:focus .button__text,
.button-link--link button:active .button__text,
.button-link--overlay a:hover .button__text,
.button-link--overlay a:focus .button__text,
.button-link--overlay a:active .button__text,
.button-link--overlay button:hover .button__text,
.button-link--overlay button:focus .button__text,
.button-link--overlay button:active .button__text {
    background-size: 100% 100%;
}
.button-link--link a:hover,
.button-link--link button:hover,
.button-link--overlay a:hover,
.button-link--overlay button:hover {
    color: var(--button-link-text-hover);
}
.button-link--link a:focus,
.button-link--link a:active,
.button-link--link button:focus,
.button-link--link button:active,
.button-link--overlay a:focus,
.button-link--overlay a:active,
.button-link--overlay button:focus,
.button-link--overlay button:active {
    --button-link-underline-default: var(--button-link-text-focus);
    color: var(--button-link-text-focus);
}
.button-link--link .icon,
.button-link--overlay .icon {
    top: 0.125rem;
}
.button-link--link .svg-scale-wrapper,
.button-link--overlay .svg-scale-wrapper {
    width: 1rem;
    height: 1rem;
}
.button-link--backlink .button__text {
    background-position: 100% 100%;
}
.button-link--backlink .button__text:hover .button__text,
.button-link--backlink .button__text:focus .button__text {
    background-size: 100% 100%;
}
.button-link--internal:not(.button-link--icon-flow-start) .icon {
    transition: all 0.3s ease-in-out;
}
.button-link .icon svg {
    color: currentColor;
}
.button-link .icon--symbol svg {
    fill: currentColor;
}
.button-link--icon-left .icon,
.button-link--icon-flow-start .icon {
    margin-inline-start: 0;
    margin-inline-end: var(--spacing-horizontal-xxs);
}
.button-link--icon-forced-inline svg path,
.button-link--icon-forced-inline svg polygon {
    fill: currentColor;
}
.button-link--rounded a,
.button-link--rounded button {
    width: 3rem;
    height: 3rem;
    padding: var(--spacing-horizontal-s);
    border-radius: var(--border-radius-full);
}
.button-link--rounded .icon {
    margin: 0;
    top: 0.163rem;
}
.button-link--disabled a,
.button-link--disabled button {
    opacity: 0.4;
    pointer-events: none;
}
.button-link .button-link--with-badge {
    justify-content: center;
    align-items: center;
    gap: var(--spacing-horizontal-xs);
    flex-direction: row;
    display: flex;
}
.walls-io__wrapper {
    width: 100%;
    height: 31.25rem;
    position: relative;
}
.walls-io__wrapper--enable-wall {
    height: auto;
}
.walls-io__wrapper--enable-wall.button-link--inverted {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
}
.walls-io__wrapper--enable-wall a,
.walls-io__wrapper--enable-wall button {
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xs);
    padding: 0.6875rem var(--spacing-horizontal-l);
    color: var(--button-primary-text-default);
    border-width: var(--border-width-s);
    border-style: solid;
    border-color: var(--button-primary-border-default);
    border-radius: var(--border-radius-s);
    background-color: var(--button-primary-background-default);
    flex-direction: row;
    text-decoration: none;
    transition:
        background-color 0.3s ease-in-out,
        border 0.3s ease-in-out,
        outline 0.3s ease-in-out,
        box-shadow 0.3s ease-in-out,
        color 0.3s ease-in-out;
    display: inline-flex;
    position: relative;
}
.walls-io__wrapper--enable-wall a:hover,
.walls-io__wrapper--enable-wall button:hover {
    cursor: pointer;
    border-color: var(--button-primary-border-hover);
    background-color: var(--button-primary-background-hover);
}
.walls-io__wrapper--enable-wall a:focus,
.walls-io__wrapper--enable-wall a:active,
.walls-io__wrapper--enable-wall button:focus,
.walls-io__wrapper--enable-wall button:active {
    color: var(--button-primary-text-focus);
    border-color: var(--button-primary-border-focus);
    background-color: var(--button-primary-background-focus);
}
.walls-io__wrapper--enable-wall a:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.walls-io__wrapper--enable-wall button:focus-visible {
    outline-offset: 0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.walls-io__wrapper--enable-wall a:disabled,
.walls-io__wrapper--enable-wall button:disabled {
    opacity: 0.4;
    pointer-events: none;
}
[dir="rtl"] .walls-io__wrapper--enable-wall a .icon[class*="arrow-right"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall button .icon[class*="arrow-right"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall a .icon[class*="ArrowRight"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall button .icon[class*="ArrowRight"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall a .icon[class*="chevron-left"] {
    transform: scaleX(-1);
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall
    button
    .icon[class*="chevron-left"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall a .icon[class*="ChevronLeft"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall button .icon[class*="ChevronLeft"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall a .icon[class*="external-link"] {
    transform: scaleX(-1);
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall
    button
    .icon[class*="external-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall a .icon[class*="ExternalLInk"] {
    transform: scaleX(-1);
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall
    button
    .icon[class*="ExternalLInk"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall a .icon[class*="internal-link"] {
    transform: scaleX(-1);
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall
    button
    .icon[class*="internal-link"] {
    transform: scaleX(-1);
}
[dir="rtl"] .walls-io__wrapper--enable-wall a .icon[class*="InternalLink"] {
    transform: scaleX(-1);
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall
    button
    .icon[class*="InternalLink"] {
    transform: scaleX(-1);
}
.walls-io__wrapper--enable-wall .icon {
    vertical-align: middle;
    margin-inline-start: var(--spacing-horizontal-xs);
    display: inline-flex;
}
.walls-io__wrapper--enable-wall .svg-scale-wrapper {
    width: 1.25rem;
    height: 1.25rem;
}
.walls-io__wrapper--enable-wall--secondary.button-link--inverted {
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
}
.walls-io__wrapper--enable-wall--secondary a,
.walls-io__wrapper--enable-wall--secondary button {
    color: var(--button-secondary-text-default);
    border-color: var(--button-secondary-border-default);
    background-color: var(--button-secondary-background-default);
}
.walls-io__wrapper--enable-wall--secondary a:hover,
.walls-io__wrapper--enable-wall--secondary button:hover {
    color: var(--button-secondary-text-hover);
    border-color: var(--button-secondary-border-hover);
    background-color: var(--button-secondary-background-hover);
}
.walls-io__wrapper--enable-wall--secondary a:focus,
.walls-io__wrapper--enable-wall--secondary a:active,
.walls-io__wrapper--enable-wall--secondary button:focus,
.walls-io__wrapper--enable-wall--secondary button:active {
    color: var(--button-secondary-text-focus);
    border-color: var(--button-secondary-border-focus);
    background-color: var(--button-secondary-background-focus);
}
.walls-io__wrapper--enable-wall--tertiary.button-link--inverted {
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
}
.walls-io__wrapper--enable-wall--tertiary a,
.walls-io__wrapper--enable-wall--tertiary button {
    color: var(--button-tertiary-text-default);
    border-color: var(--button-tertiary-border-default);
    background-color: var(--button-tertiary-background-default);
}
.walls-io__wrapper--enable-wall--tertiary a:hover,
.walls-io__wrapper--enable-wall--tertiary button:hover {
    color: var(--button-tertiary-text-hover);
    border-color: var(--button-tertiary-border-default);
    background-color: var(--button-tertiary-background-hover);
}
.walls-io__wrapper--enable-wall--tertiary a:focus,
.walls-io__wrapper--enable-wall--tertiary a:active,
.walls-io__wrapper--enable-wall--tertiary button:focus,
.walls-io__wrapper--enable-wall--tertiary button:active {
    color: var(--button-tertiary-text-focus);
    border-color: var(--button-tertiary-border-focus);
    background-color: var(--button-tertiary-background-focus);
}
.walls-io__wrapper--enable-wall--link.button-link--inverted,
.walls-io__wrapper--enable-wall--overlay.button-link--inverted {
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
}
.walls-io__wrapper--enable-wall--link a,
.walls-io__wrapper--enable-wall--link button,
.walls-io__wrapper--enable-wall--overlay a,
.walls-io__wrapper--enable-wall--overlay button {
    color: var(--button-link-text-default);
    letter-spacing: var(--letter-spacing-normal);
    background-color: transparent;
    border: none;
    padding: 0;
    display: inline-block;
}
.walls-io__wrapper--enable-wall--link a .button__text,
.walls-io__wrapper--enable-wall--link button .button__text,
.walls-io__wrapper--enable-wall--overlay a .button__text,
.walls-io__wrapper--enable-wall--overlay button .button__text {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(
        transparent calc(100% - var(--border-width-s)),
        var(--button-link-underline-default) var(--border-width-s)
    );
    transition: background-size 0.75s ease-in-out;
}
[dir="rtl"] .walls-io__wrapper--enable-wall--link a .button__text {
    background-position-x: right;
}
[dir="rtl"] .walls-io__wrapper--enable-wall--link button .button__text {
    background-position-x: right;
}
[dir="rtl"] .walls-io__wrapper--enable-wall--overlay a .button__text {
    background-position-x: right;
}
[dir="rtl"] .walls-io__wrapper--enable-wall--overlay button .button__text {
    background-position-x: right;
}
:lang(ar) .walls-io__wrapper--enable-wall--link a .button__text,
:lang(ar) .walls-io__wrapper--enable-wall--link button .button__text,
:lang(ar) .walls-io__wrapper--enable-wall--overlay a .button__text,
:lang(ar) .walls-io__wrapper--enable-wall--overlay button .button__text {
    background-position-y: -0.1875rem;
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall--link
    a.button-link--backlink
    .button__text {
    background-position: 0 100%;
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall--link
    button.button-link--backlink
    .button__text {
    background-position: 0 100%;
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall--overlay
    a.button-link--backlink
    .button__text {
    background-position: 0 100%;
}
[dir="rtl"]
    .walls-io__wrapper--enable-wall--overlay
    button.button-link--backlink
    .button__text {
    background-position: 0 100%;
}
:lang(ar)
    .walls-io__wrapper--enable-wall--link
    a.button-link--backlink
    .button__text,
:lang(ar)
    .walls-io__wrapper--enable-wall--link
    button.button-link--backlink
    .button__text,
:lang(ar)
    .walls-io__wrapper--enable-wall--overlay
    a.button-link--backlink
    .button__text,
:lang(ar)
    .walls-io__wrapper--enable-wall--overlay
    button.button-link--backlink
    .button__text {
    background-position-y: -0.1875rem;
}
.walls-io__wrapper--enable-wall--link a:hover,
.walls-io__wrapper--enable-wall--link a:focus,
.walls-io__wrapper--enable-wall--link a:active,
.walls-io__wrapper--enable-wall--link button:hover,
.walls-io__wrapper--enable-wall--link button:focus,
.walls-io__wrapper--enable-wall--link button:active,
.walls-io__wrapper--enable-wall--overlay a:hover,
.walls-io__wrapper--enable-wall--overlay a:focus,
.walls-io__wrapper--enable-wall--overlay a:active,
.walls-io__wrapper--enable-wall--overlay button:hover,
.walls-io__wrapper--enable-wall--overlay button:focus,
.walls-io__wrapper--enable-wall--overlay button:active {
    background-color: transparent;
}
.walls-io__wrapper--enable-wall--link a:hover .button__text,
.walls-io__wrapper--enable-wall--link a:focus .button__text,
.walls-io__wrapper--enable-wall--link a:active .button__text,
.walls-io__wrapper--enable-wall--link button:hover .button__text,
.walls-io__wrapper--enable-wall--link button:focus .button__text,
.walls-io__wrapper--enable-wall--link button:active .button__text,
.walls-io__wrapper--enable-wall--overlay a:hover .button__text,
.walls-io__wrapper--enable-wall--overlay a:focus .button__text,
.walls-io__wrapper--enable-wall--overlay a:active .button__text,
.walls-io__wrapper--enable-wall--overlay button:hover .button__text,
.walls-io__wrapper--enable-wall--overlay button:focus .button__text,
.walls-io__wrapper--enable-wall--overlay button:active .button__text {
    background-size: 100% 100%;
}
.walls-io__wrapper--enable-wall--link a:hover,
.walls-io__wrapper--enable-wall--link button:hover,
.walls-io__wrapper--enable-wall--overlay a:hover,
.walls-io__wrapper--enable-wall--overlay button:hover {
    color: var(--button-link-text-hover);
}
.walls-io__wrapper--enable-wall--link a:focus,
.walls-io__wrapper--enable-wall--link a:active,
.walls-io__wrapper--enable-wall--link button:focus,
.walls-io__wrapper--enable-wall--link button:active,
.walls-io__wrapper--enable-wall--overlay a:focus,
.walls-io__wrapper--enable-wall--overlay a:active,
.walls-io__wrapper--enable-wall--overlay button:focus,
.walls-io__wrapper--enable-wall--overlay button:active {
    --button-link-underline-default: var(--button-link-text-focus);
    color: var(--button-link-text-focus);
}
.walls-io__wrapper--enable-wall--link .icon,
.walls-io__wrapper--enable-wall--overlay .icon {
    top: 0.125rem;
}
.walls-io__wrapper--enable-wall--link .svg-scale-wrapper,
.walls-io__wrapper--enable-wall--overlay .svg-scale-wrapper {
    width: 1rem;
    height: 1rem;
}
.walls-io__wrapper--enable-wall--backlink .button__text {
    background-position: 100% 100%;
}
.walls-io__wrapper--enable-wall--backlink .button__text:hover .button__text,
.walls-io__wrapper--enable-wall--backlink .button__text:focus .button__text {
    background-size: 100% 100%;
}
.walls-io__wrapper--enable-wall--internal:not(.button-link--icon-flow-start)
    .icon {
    transition: all 0.3s ease-in-out;
}
.walls-io__wrapper--enable-wall .icon svg {
    color: currentColor;
}
.walls-io__wrapper--enable-wall .icon--symbol svg {
    fill: currentColor;
}
.walls-io__wrapper--enable-wall--icon-left .icon,
.walls-io__wrapper--enable-wall--icon-flow-start .icon {
    margin-inline-start: 0;
    margin-inline-end: var(--spacing-horizontal-xxs);
}
.walls-io__wrapper--enable-wall--icon-forced-inline svg path,
.walls-io__wrapper--enable-wall--icon-forced-inline svg polygon {
    fill: currentColor;
}
.walls-io__wrapper--enable-wall--rounded a,
.walls-io__wrapper--enable-wall--rounded button {
    width: 3rem;
    height: 3rem;
    padding: var(--spacing-horizontal-s);
    border-radius: var(--border-radius-full);
}
.walls-io__wrapper--enable-wall--rounded .icon {
    margin: 0;
    top: 0.163rem;
}
.walls-io__wrapper--enable-wall--disabled a,
.walls-io__wrapper--enable-wall--disabled button {
    opacity: 0.4;
    pointer-events: none;
}
.walls-io .wallsio-load-more-button {
    margin-top: var(--spacing-vertical-m);
}
.zeisslet-item {
    flex: auto;
    display: flex;
    position: relative;
}
.zeisslet-item td {
    vertical-align: middle;
}
.zeisslet-row {
    flex-direction: column;
    flex: 1 0 100%;
    display: flex;
}
.zeisslet-row:first-child {
    margin-top: 0;
}
.zeisslet-row__headline {
    text-transform: uppercase;
    margin-top: var(--spacing-vertical-xxl);
    text-align: center;
}
.zeisslet-row__items {
    margin-top: var(--spacing-modular);
    margin-left: calc(var(--spacing-horizontal-m) / -2);
    margin-right: calc(var(--spacing-horizontal-m) / -2);
    margin-bottom: calc(var(--spacing-vertical-m) * -1);
    flex-wrap: wrap;
    flex: 1 0 100%;
    display: flex;
}
.zeisslet-row .zeisslet-item {
    max-width: 100%;
    padding-left: calc(var(--spacing-horizontal-m) / 2);
    padding-right: calc(var(--spacing-horizontal-m) / 2);
    padding-bottom: var(--spacing-vertical-m);
    flex: 100%;
    display: flex;
    position: relative;
}
.zeisslet-row [data-item-count-visible="0"] {
    display: none;
}
@media (min-width: 48rem) {
    .zeisslet-row__items {
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
    .zeisslet-row .zeisslet-item {
        flex-basis: auto;
        padding-bottom: 0;
    }
    .zeisslet-row--50-50 .zeisslet-item,
    .zeisslet-row--66-33 .zeisslet-item,
    .zeisslet-row--33-66 .zeisslet-item {
        flex-basis: 50%;
    }
    .zeisslet-row--75-25 .zeisslet-item {
        flex-basis: 33.3333%;
    }
    .zeisslet-row--75-25 .zeisslet-item--0 {
        flex-basis: 66.6667%;
    }
    .zeisslet-row--25-75 .zeisslet-item {
        flex-basis: 33.3333%;
    }
    .zeisslet-row--25-75 .zeisslet-item--1 {
        flex-basis: 66.6667%;
    }
    .zeisslet-row [data-item-count-visible="4"] .zeisslet-row__items {
        margin-bottom: calc(var(--spacing-vertical-m) * -1);
        flex-wrap: wrap;
    }
    .zeisslet-row [data-item-count-visible="4"] .zeisslet-item {
        padding-bottom: var(--spacing-vertical-m);
        flex-basis: 50%;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .zeisslet-row--50-25-25 .zeisslet-item,
    .zeisslet-row--25-50-25 .zeisslet-item,
    .zeisslet-row--25-25-50 .zeisslet-item,
    .zeisslet-row--33-33-33 .zeisslet-item {
        flex-basis: 33.3333%;
    }
    .zeisslet-row [data-item-count-visible="3"] .zeisslet-row__items {
        margin-bottom: calc(var(--spacing-vertical-m) * -1);
        flex-wrap: wrap;
    }
    .zeisslet-row [data-item-count-visible="3"] .zeisslet-item {
        padding-bottom: var(--spacing-vertical-m);
        flex-basis: 50%;
    }
    .zeisslet-row [data-item-count-visible="3"] .zeisslet-item:last-child {
        flex-basis: 100%;
    }
}
@media (min-width: 64rem) and (max-width: 79.9375rem) {
    .zeisslet-row--50-25-25 .zeisslet-item,
    .zeisslet-row--25-50-25 .zeisslet-item,
    .zeisslet-row--25-25-50 .zeisslet-item,
    .zeisslet-row--33-33-33 .zeisslet-item {
        flex-basis: 33.3333%;
    }
}
@media (min-width: 80rem) {
    .zeisslet-row--66-33 .zeisslet-item {
        flex-basis: 33.3333%;
    }
    .zeisslet-row--66-33 .zeisslet-item--0 {
        flex-basis: 66.6667%;
    }
    .zeisslet-row--33-66 .zeisslet-item {
        flex-basis: 33.3333%;
    }
    .zeisslet-row--33-66 .zeisslet-item--1 {
        flex-basis: 66.6667%;
    }
    .zeisslet-row--75-25 .zeisslet-item {
        flex-basis: 25%;
    }
    .zeisslet-row--75-25 .zeisslet-item--0 {
        flex-basis: 75%;
    }
    .zeisslet-row--25-75 .zeisslet-item {
        flex-basis: 25%;
    }
    .zeisslet-row--25-75 .zeisslet-item--1 {
        flex-basis: 75%;
    }
    .zeisslet-row--50-25-25 .zeisslet-item {
        flex-basis: 25%;
    }
    .zeisslet-row--50-25-25 .zeisslet-item--0 {
        flex-basis: 50%;
    }
    .zeisslet-row--25-50-25 .zeisslet-item {
        flex-basis: 25%;
    }
    .zeisslet-row--25-50-25 .zeisslet-item--1 {
        flex-basis: 50%;
    }
    .zeisslet-row--25-25-50 .zeisslet-item {
        flex-basis: 25%;
    }
    .zeisslet-row--25-25-50 .zeisslet-item--2 {
        flex-basis: 50%;
    }
    .zeisslet-row--33-33-33 .zeisslet-item {
        flex-basis: 33.3333%;
    }
    .zeisslet-row [data-item-count-visible="4"] .zeisslet-row__items {
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
    .zeisslet-row [data-item-count-visible="4"] .zeisslet-item {
        flex-basis: 25%;
        padding-bottom: 0;
    }
}
.titan-floating-cta {
    margin-top: var(--spacing-vertical-xxxl);
    height: 4.5rem;
}
.titan-floating-cta .titan-floating-cta-wrapper {
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    justify-content: center;
    align-items: center;
    width: auto;
    height: 4.5rem;
    display: flex;
    position: relative;
}
.titan-floating-cta .titan-floating-cta-wrapper.active {
    z-index: 20000;
    transform-origin: 50%;
    padding: 1rem 0;
    position: fixed;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%);
}
.titan-floating-cta .titan-floating-cta-wrapper.active .button-link--icon {
    box-shadow: 0 0.25rem 1.7rem rgba(0, 0, 0, 0.2);
}
.titan-floating-cta
    .titan-floating-cta-wrapper
    .floating-cta
    .button-link--icon {
    width: auto;
    height: 4.5rem;
    color: var(--bg-color-light-primary);
    visibility: hidden;
    border: none;
    border-radius: 3.75rem;
    justify-content: center;
    align-self: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    display: flex;
}
.titan-floating-cta
    .titan-floating-cta-wrapper
    .floating-cta
    .button-link--icon
    .icon {
    width: 1rem;
    height: 1rem;
    margin: 0;
    top: 0.063rem;
}
.titan-floating-cta
    .titan-floating-cta-wrapper
    .floating-cta
    .button-link--icon
    .icon
    svg {
    width: 1rem;
    height: 1rem;
    fill: var(--bg-color-light-primary);
}
.titan-floating-cta
    .titan-floating-cta-wrapper
    .floating-cta
    .button-link--icon
    .button-link__content {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    display: flex;
}
.titan-floating-cta
    .titan-floating-cta-wrapper
    .floating-cta
    .button-link--icon
    .button-link__content
    .icon {
    visibility: hidden;
    fill: var(--bg-color-light-primary);
}
.video-dummy-module__video {
    background-color: var(--bg-color-light-01);
    border: 1px solid var(--bg-color-dark-03);
}
.zeisslet-dummy {
    width: 100%;
    display: block;
}
.zeisslet-dummy__content {
    background-color: #20b2aa;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 18.75rem;
    display: flex;
}
.zeisslet-dummy--unauthorized .zeisslet-dummy__content {
    background-color: #f08080;
}
.accordion-module {
    margin-top: var(--spacing-vertical-xxxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.accordion-module--background-grey {
    background-color: var(--bg-color-secondary);
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    margin-top: 0;
    margin-bottom: 0;
}
.accordion-module__grid {
    padding: 0;
}
@media (min-width: 48rem) {
    .accordion-module__grid {
        padding-left: var(--grid-margin);
        padding-right: var(--grid-margin);
        margin-left: auto;
        margin-right: auto;
    }
}
.accordion-module__header {
    padding: 0 var(--grid-margin);
}
.article-overview {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.article-overview__headline {
    margin-bottom: var(--spacing-vertical-m);
}
.article-overview .form-kit__form-field__drop-down--inactive {
    opacity: 0.4;
}
.benefits {
    margin-block: var(--spacing-vertical-xxl);
}
@media (min-width: 64rem) {
    .benefits {
        margin-block: var(--spacing-vertical-xl);
    }
}
.benefits__container-outer-grid {
    margin-left: calc(var(--grid-negative-margin) * -1);
    margin-right: calc(var(--grid-negative-margin) * -1);
    flex-direction: column;
    display: flex;
    position: relative;
}
@media (min-width: 64rem) {
    .benefits__container-outer-grid {
        flex-direction: row;
    }
}
.benefits__container-outer-grid:after {
    content: "";
    z-index: 0;
    background-color: transparent;
    display: block;
    position: absolute;
    inset: 0;
}
.benefits__content {
    padding-inline: var(--grid-margin);
    z-index: 1;
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--interaction-color-link);
    --button-secondary-border-default: var(--interaction-color-link);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--interaction-color-hover);
    --button-secondary-border-hover: var(--interaction-color-hover);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--text-color-button);
    --button-secondary-border-focus: var(--interaction-color-focused);
    --button-secondary-background-focus: var(--interaction-color-focused);
    --button-tertiary-text-default: var(--interaction-color-link);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-text-hover: var(--interaction-color-hover);
    --button-tertiary-border-hover: var(--interaction-color-hover);
    --button-tertiary-background-hover: var(--bg-color-light-02);
    --button-tertiary-text-focus: var(--text-color-button);
    --button-tertiary-border-focus: var(--interaction-color-focused);
    --button-tertiary-background-focus: var(--interaction-color-focused);
    --headline-color: var(--text-color-headlines);
    --headline-color-eyebrow: var(--text-color-headlines);
    --text-color-text: var(--text-color-body);
    --text-color-link-hover: var(--button-tertiary-text-hover);
    --text-color-link-focus: var(--button-tertiary-text-focus);
    flex-direction: column;
    flex: 100%;
    display: flex;
}
@media (min-width: 64rem) {
    .benefits__content {
        margin-inline: var(--spacing-horizontal-xxl);
        justify-content: center;
        padding-inline: 0;
    }
}
.benefits__content .benefits__icon svg {
    fill: var(--fill-color-headlines);
}
.benefits__content--text-color-light,
.benefits--in-the-background .benefits__content--text-color-light {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--interaction-color-link);
    --button-secondary-border-default: var(--interaction-color-link);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--interaction-color-hover);
    --button-secondary-border-hover: var(--interaction-color-hover);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--text-color-button);
    --button-secondary-border-focus: var(--interaction-color-focused);
    --button-secondary-background-focus: var(--interaction-color-focused);
    --button-tertiary-text-default: var(--interaction-color-link);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-text-hover: var(--interaction-color-hover);
    --button-tertiary-border-hover: var(--interaction-color-hover);
    --button-tertiary-background-hover: var(--bg-color-light-02);
    --button-tertiary-text-focus: var(--text-color-button);
    --button-tertiary-border-focus: var(--interaction-color-focused);
    --button-tertiary-background-focus: var(--interaction-color-focused);
    --headline-color: var(--text-color-headlines);
    --headline-color-eyebrow: var(--text-color-headlines);
    --text-color-text: var(--text-color-body);
    --text-color-link-hover: var(--button-tertiary-text-hover);
    --text-color-link-focus: var(--button-tertiary-text-focus);
}
@media (min-width: 64rem) {
    .benefits--in-the-background .benefits__content--text-color-light {
        --button-primary-text-default: var(--text-color-button);
        --button-primary-border-default: var(--interaction-color-link);
        --button-primary-background-default: var(--interaction-color-link);
        --button-primary-text-hover: var(--text-color-button);
        --button-primary-border-hover: var(--interaction-color-hover);
        --button-primary-background-hover: var(--interaction-color-hover);
        --button-primary-text-focus: var(--text-color-button);
        --button-primary-border-focus: var(--interaction-color-focused);
        --button-primary-background-focus: var(--interaction-color-focused);
        --button-secondary-text-default: var(--color-information-60);
        --button-secondary-border-default: var(--color-information-60);
        --button-secondary-background-default: transparent;
        --button-secondary-text-hover: var(--color-information-50);
        --button-secondary-border-hover: var(--color-information-50);
        --button-secondary-background-hover: transparent;
        --button-secondary-text-focus: var(--color-black);
        --button-secondary-border-focus: var(--color-information-40);
        --button-secondary-background-focus: var(--color-information-40);
        --button-tertiary-text-default: var(--color-information-60);
        --button-tertiary-border-default: transparent;
        --button-tertiary-background-default: transparent;
        --button-tertiary-underline-default: var(--color-information-60);
        --button-tertiary-text-hover: var(--color-information-50);
        --button-tertiary-border-hover: transparent;
        --button-tertiary-background-hover: var(--bg-color-dark-02);
        --button-tertiary-underline-hover: var(--color-information-50);
        --button-tertiary-text-focus: var(--color-black);
        --button-tertiary-border-focus: var(--color-information-40);
        --button-tertiary-background-focus: var(--color-information-40);
        --button-tertiary-underline-focus: var(--color-black);
        --button-link-text-default: var(--color-information-60);
        --button-link-underline-default: var(--color-information-50);
        --button-link-text-hover: var(--color-information-50);
        --button-link-text-focus: var(--color-information-40);
        --teaser-list-color-text: var(--text-color-invert-body);
        --teaser-list-color-icon: var(--text-color-invert-body);
        --teaser-list-color-bullet: var(--text-color-invert-body);
        --headline-color: var(--text-color-invert-headlines);
        --headline-color-eyebrow: var(--text-color-invert-headlines);
        --text-color-text: var(--text-color-invert-body);
        --text-color-link-hover: var(--interaction-color-grey-hover);
        --text-color-link-focus: var(--interaction-color-grey-focused);
        --text-color-information: var(--color-information-70);
        --form-color-background: var(
            --classic-bg-color,
            var(--interaction-color-link)
        );
        --form-color-background-transparent: rgba(0, 114, 239, 0.8);
        --form-color-background-focus: var(--color-frame-focused-dark);
        --form-color-background-error: var(--color-frame-focused-dark);
        --form-opacity-label: 0.8;
        --form-opacity-label-focus: 1;
        --form-opacity-label-hover: 1;
        --form-opacity-label-filled: 1;
        --form-color-label: var(--text-color-invert-body);
        --form-color-label-hover: var(--text-color-invert-body);
        --form-color-label-focus: var(--bg-color-light-primary);
        --form-color-label-filled: var(--text-color-invert-body);
        --form-color-label-elevated: var(--text-color-invert-body);
        --form-color-label-elevated-focus: var(--bg-color-light-primary);
        --form-color-label-elevated-error: var(--color-alert-error);
        --form-opacity-item: 0.8;
        --form-opacity-item-hover: 1;
        --form-opacity-item-filled: 1;
        --form-opacity-item-focus: 1;
        --form-color-border-bottom: var(--text-color-invert-body);
        --form-color-border-bottom-hover: var(--text-color-invert-body);
        --form-color-border-bottom-focus: var(--bg-color-light-primary);
        --form-color-border-bottom-error: var(--color-alert-error);
        --form-color-border-bottom-filled: var(--text-color-invert-body);
        --form-color-inputfield: var(--text-color-invert-body);
        --form-color-font-filled: var(--text-color-invert-body);
        --form-opacity-helpertext: 0.8;
        --form-opacity-helpertext-hover: 1;
        --form-opacity-helpertext-filled: 1;
        --form-opacity-helpertext-focus: 1;
        --form-color-helpertext: var(--text-color-invert-body);
        --form-color-helpertext-hover: var(--text-color-invert-body);
        --form-color-helpertext-filled: var(--text-color-invert-body);
        --form-opacity-inputfield-disabled: 0.4;
        --form-color-font-error: var(--color-alert-error);
        --form-color-form-field-icon: var(--text-color-headlines);
        --form-color-form-field-icon-hover: var(--text-color-invert-body);
        --form-color-form-field-icon-focus: var(--text-color-invert-body);
        --form-color-form-field-icon-filled: var(--text-color-invert-body);
        --form-color-form-field-icon-error: var(--color-alert-error);
        --form-opacity-form-field-icon: 0.8;
        --form-opacity-form-field-icon-hover: 1;
        --form-opacity-form-field-icon-focus: 1;
        --form-opacity-form-field-icon-disabled: 0.4;
        --form-opacity-form-field-icon-filled: 1;
        --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
        --form-color-selectfield-chevron-icon-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-chevron-icon-focus: var(
            --text-color-invert-body
        );
        --form-opacity-selectfield-chevron-icon: 0.8;
        --form-opacity-selectfield-chevron-icon-hover: 1;
        --form-opacity-selectfield-chevron-icon-focus: 1;
        --form-opacity-selectfield-chevron-icon-disabled: 0.4;
        --form-color-selectfield-item-option-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-bg-options: var(--interaction-color-link);
        --form-color-selectfield-bg-options-hover: 240, 240, 240;
        --form-color-selectfield-bg-options-hover-opacity: 0.08;
        --form-color-selectfield-bg-options-selected: 240, 240, 240;
        --form-color-selectfield-bg-options-selected-opacity: 0.16;
        --form-color-selectfield-options: var(--text-color-invert-body);
        --form-color-selectfield-options-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-opacity: 0.8;
        --form-color-selectfield-type-ahead-hover-opacity: 1;
        --form-color-selectfield-type-ahead-focus-opacity: 1;
        --form-color-selectfield-type-ahead: var(--text-color-invert-body);
        --form-color-selectfield-type-ahead-placeholder: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
        --form-color-selectfield-multi-checkmark: var(--color-black);
        --form-color-selectfield-multi-checkbox-background: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-border: var(--color-white);
        --form-color-selectfield-multi-checkbox-border-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
        --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
        --form-color-selectfield-multi-selected-items-font-color: var(
            --color-white
        );
        --form-color-checkbox-border-unselected-hover: var(--color-black);
        --form-color-checkbox-label: var(--text-color-invert-body);
        --form-color-checkbox-border-unselected: var(--color-white);
        --form-color-checkbox-fontcolor: var(--text-color-invert-body);
        --form-color-checkbox-background-selected: var(--color-white);
        --form-color-checkbox-border-selected: var(--color-black);
        --form-color-checkbox-checkmark-border-selected: var(--color-black);
        --form-color-checkbox-background-selected-hover: var(--color-white);
        --form-color-checkbox-border-selected-hover: var(--color-black);
        --form-color-checkbox-background-unselected-focus: var(
            --interaction-color-focused
        );
        --form-color-checkbox-error: var(--color-white);
        --form-color-checkbox-background-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-font-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-border-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-background-unselected-focus-disabled: var(
            --interaction-color-link
        );
        --form-color-radiobutton-background-selected: var(--color-black);
        --form-color-radiobutton-background-selected-hover: var(
            --interaction-color-focused
        );
        --form-color-datepicker-label-color-enabled: var(--color-white);
        --form-color-datepicker-border-enabled: var(--color-white);
        --form-color-datepicker-border-hover: var(--text-color-invert-body);
        --form-color-datepicker-border-disabled: var(--text-color-invert-body);
        --form-color-datepicker-label-color-focused: var(--color-white);
        --form-opacity-checkbox-disabled: 0.4;
        --form-color-multi-step-indicator-title-mobile: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-title-desktop: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-next-title-mobile: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-circle: 0.4;
        --form-color-multi-step-circle: var(--bg-color-light-primary);
        --form-color-multi-step-circle-progress-indicator: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-circle-progress-indicator-text: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-indicator: var(--bg-color-light-primary);
        --form-opacity-multi-step-indicator-next-steps: 0.4;
        --form-color-multi-step-indicator-next-steps-text: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-indicator-next-steps-text: 0.6;
        --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
        --form-color-multi-step-border-bottom-mobile: var(
            --bg-color-light-primary
        );
    }
    .benefits--in-the-background
        .benefits__content--text-color-light
        .benefits__icon
        svg {
        fill: var(--fill-color-invert-headlines);
    }
}
.benefits__icon {
    width: 2.5rem;
    margin-bottom: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .benefits__icon {
        width: 3rem;
    }
}
.benefits__button {
    margin-top: var(--spacing-vertical-s);
}
.benefits__media {
    z-index: 1;
    margin-bottom: var(--spacing-vertical-xl);
    display: flex;
    position: relative;
    overflow: hidden;
}
@media (min-width: 64rem) {
    .benefits__media {
        flex: 1 0 50%;
        margin-bottom: 0;
    }
}
.benefits__media-element {
    width: 100%;
    height: auto;
}
.benefits--text-background .benefits__container-outer-grid:after {
    background-color: var(--classic-bg-color, var(--bg-color-light-primary));
}
.benefits--text-background-emphasized .benefits__container-outer-grid:after {
    background-color: var(--bg-surface, var(--bg-color-secondary));
}
.benefits--text-background-emphasized .benefits__content {
    margin-bottom: var(--spacing-vertical-xxxl);
}
@media (min-width: 64rem) {
    .benefits--text-background-emphasized .benefits__content {
        margin-bottom: 0;
    }
    .benefits--text-left .benefits__container-outer-grid {
        flex-direction: row-reverse;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .benefits__media .lazy-image__image-container {
        padding-bottom: 100%;
        position: static;
    }
}
.benefits--in-the-background .benefits__media {
    padding-bottom: 100%;
    overflow: hidden;
}
.benefits--in-the-background .benefits__media .benefits__media-element {
    z-index: 0;
    width: auto;
    height: 100%;
    padding-bottom: 0;
    padding-right: 200%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.benefits--in-the-background .benefits__media .media {
    width: 100%;
    height: 100%;
    position: absolute;
}
.benefits--in-the-background .benefits__media .lazy-image {
    width: auto;
    height: 100%;
    padding-bottom: 0;
}
.benefits--in-the-background .benefits__media .lazy-image__image {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 79.9375rem) {
    .benefits--in-the-background:not(.benefits--text-left)
        .motion__video-controls {
        left: calc(100vw - (2.5rem + var(--spacing-horizontal-s)));
        right: auto;
    }
}
.benefits--in-the-background.benefits--text-left
    .benefits__media
    .benefits__media-element {
    left: auto;
    right: 0;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .benefits--in-the-background .benefits__media {
        padding-bottom: 75%;
    }
    .benefits--in-the-background .benefits__media .benefits__media-element {
        padding-right: 150%;
        top: 0;
        transform: none;
    }
}
@media (min-width: 64rem) {
    .benefits--in-the-background .benefits__media {
        padding-bottom: 50%;
        overflow: visible;
    }
}
.classic-section--primary_dark .benefits__content {
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
@media (min-width: 64rem) {
    .classic-section--primary_dark
        .benefits__content.benefits__content--in-the-background {
        --button-primary-text-default: var(--text-color-button);
        --button-primary-border-default: var(--interaction-color-link);
        --button-primary-background-default: var(--interaction-color-link);
        --button-primary-text-hover: var(--text-color-button);
        --button-primary-border-hover: var(--interaction-color-hover);
        --button-primary-background-hover: var(--interaction-color-hover);
        --button-primary-text-focus: var(--text-color-button);
        --button-primary-border-focus: var(--interaction-color-focused);
        --button-primary-background-focus: var(--interaction-color-focused);
        --button-secondary-text-default: var(--interaction-color-link);
        --button-secondary-border-default: var(--interaction-color-link);
        --button-secondary-background-default: transparent;
        --button-secondary-text-hover: var(--interaction-color-hover);
        --button-secondary-border-hover: var(--interaction-color-hover);
        --button-secondary-background-hover: transparent;
        --button-secondary-text-focus: var(--text-color-button);
        --button-secondary-border-focus: var(--interaction-color-focused);
        --button-secondary-background-focus: var(--interaction-color-focused);
        --button-tertiary-text-default: var(--interaction-color-link);
        --button-tertiary-border-default: transparent;
        --button-tertiary-background-default: transparent;
        --button-tertiary-text-hover: var(--interaction-color-hover);
        --button-tertiary-border-hover: var(--interaction-color-hover);
        --button-tertiary-background-hover: var(--bg-color-light-02);
        --button-tertiary-text-focus: var(--text-color-button);
        --button-tertiary-border-focus: var(--interaction-color-focused);
        --button-tertiary-background-focus: var(--interaction-color-focused);
        --headline-color: var(--text-color-headlines);
        --headline-color-eyebrow: var(--text-color-headlines);
        --text-color-text: var(--text-color-body);
        --text-color-link-hover: var(--button-tertiary-text-hover);
        --text-color-link-focus: var(--button-tertiary-text-focus);
    }
    .classic-section--primary_dark
        .benefits__content.benefits__content--in-the-background
        .benefits__icon
        svg {
        fill: var(--fill-color-headlines);
    }
}
.classic-section--primary_dark
    .benefits__content--text-color-light.benefits__content--in-the-background {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
}
.classic-section--primary_dark
    .benefits__content--text-color-light.benefits__content--in-the-background
    .benefits__icon
    svg,
.classic-section--primary_dark .benefits__content .benefits__icon svg {
    fill: var(--fill-color-invert-headlines);
}
.card-overview {
    padding-block: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    overflow: hidden;
}
.card-overview__link {
    text-align: center;
    margin-top: var(--spacing-vertical-xs);
}
.card-overview__wrapper {
    margin-top: calc(var(--spacing-vertical-xl) - var(--spacing-vertical-s));
}
.card-overview__wrapper .slideshow__item {
    box-sizing: border-box;
}
.card-slideshow {
    padding-block: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    overflow: hidden;
}
.card-slideshow--headline-two-lines .card__headline {
    min-height: 3.25rem;
}
.card-slideshow__headline {
    margin-bottom: var(--spacing-vertical-l);
}
.card-slideshow .card {
    max-width: 85vw;
    height: 100%;
}
@media (min-width: 0) and (max-width: 22.4375rem) {
    .card-slideshow .card {
        width: 18rem;
    }
}
.card-slideshow .slideshow {
    margin-top: 0;
}
.card-slideshow .slideshow .slideshow__container {
    overflow: visible;
}
.card-slideshow .slideshow.slideshow--disabled .slideshow__list {
    flex-direction: column;
}
.card-slideshow .slideshow.slideshow--disabled .slideshow__item {
    padding-inline-start: var(--grid-margin);
    padding-inline-end: var(--grid-margin);
}
.card-slideshow .slideshow.slideshow--disabled .card {
    width: auto;
    margin-bottom: var(--spacing-vertical-s);
}
.compact-form {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.compact-form--gray {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    background-color: var(--bg-color-secondary);
    margin-top: 0;
    margin-bottom: 0;
}
.compact-form--gray .compact-form__column--large {
    background-color: var(--bg-color-light-primary);
}
.compact-form--gray .compact-form__column--centered {
    background-color: transparent;
}
.compact-form--dark-gray {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    background-color: var(--bg-color-dark-00);
    margin-top: 0;
    margin-bottom: 0;
}
.compact-form--dark-gray .compact-form__column--large {
    background-color: var(--color-black);
}
.compact-form--dark-gray .compact-form__column--centered {
    background-color: transparent;
}
.compact-form--dark-gray__headline,
.compact-form--dark-gray__form-headline,
.compact-form--dark-gray__text,
.compact-form--dark-gray .headline__sub.hl--sub,
.compact-form--dark-gray .teaser-list__label {
    color: var(--text-color-invert-headlines);
}
.compact-form--dark-gray .teaser-list__icon .icon {
    fill: var(--text-color-invert-headlines);
}
.compact-form form {
    margin-bottom: var(--spacing-vertical-xl);
    flex-direction: column;
    display: flex;
}
.compact-form__media {
    margin-bottom: var(--spacing-vertical-s);
}
.compact-form__text {
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 700;
}
.compact-form__column--small {
    margin-bottom: var(--spacing-horizontal-l);
    grid-column: 1/13;
}
@media (min-width: 48rem) {
    .compact-form__column--small {
        grid-column: 1/3;
        margin-bottom: 0;
    }
}
@media (min-width: 64rem) {
    .compact-form__column--small {
        grid-column: 1/5;
    }
}
.compact-form__column--large {
    padding-top: var(--spacing-vertical-xl);
    margin-left: calc(var(--grid-margin) * -1);
    margin-right: calc(var(--grid-margin) * -1);
    background-color: var(--bg-color-secondary);
    grid-column: 1/13;
}
@media (min-width: 48rem) {
    .compact-form__column--large {
        grid-column: 3/8;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 64rem) {
    .compact-form__column--large {
        grid-column: 5/13;
    }
}
.compact-form__column--centered {
    margin-left: calc(var(--grid-margin) * -1);
    margin-right: calc(var(--grid-margin) * -1);
    background-color: transparent;
    grid-column: 1/5;
    padding-top: 0;
}
@media (min-width: 48rem) {
    .compact-form__column--centered {
        grid-column: 2/-2;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 64rem) {
    .compact-form__column--centered {
        grid-column: 4/-4;
    }
}
.compact-form__column--centered form {
    margin-bottom: 0;
}
@media (min-width: 48rem) {
    .compact-form__column--centered .compact-form__form-column {
        grid-column: 1/9;
    }
    .compact-form__form-container.grid__container {
        padding-left: 0;
        padding-right: 0;
    }
}
.compact-form__form-container .grid__structure {
    grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 48rem) {
    .compact-form__form-container .grid__structure {
        grid-template-columns: repeat(8, 1fr);
    }
    .compact-form__form-column {
        grid-column: 2/8;
    }
}
.contact-and-services {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.contact-and-services--grey-background {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    margin-top: 0;
    margin-bottom: 0;
}
.contact-and-services__row {
    flex-direction: column;
    display: flex;
    position: relative;
}
@media (min-width: 64rem) {
    .contact-and-services__row {
        flex-direction: row;
    }
    [dir="rtl"] .contact-and-services__row {
        flex-direction: row-reverse;
    }
}
.contact-and-services__row .tile-component .general-overlay-link {
    display: inline;
}
.contact-and-services__row .tile-component:not(:last-child) {
    margin-bottom: var(--spacing-vertical-xs);
}
@media (min-width: 64rem) {
    .contact-and-services__row .tile-component:not(:last-child) {
        margin-bottom: 0;
    }
}
@media (min-width: 80rem) {
    .contact-and-services__row .tile--single {
        flex: none;
        width: 50%;
        margin-inline: auto;
    }
}
.contact-and-services__row--contact {
    margin-top: var(--spacing-vertical-xs);
}
.contact-and-services__row:has(.tile--single) ~ .tile-expand-container {
    width: 100%;
    margin-inline: auto;
}
@media (min-width: 80rem) {
    .contact-and-services__row:has(.tile--single) ~ .tile-expand-container {
        width: 50%;
    }
}
.contact-stage {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-xl);
}
.contact-stage__column_headline {
    grid-column: 1/-1;
}
.contact-stage__column_dropdown {
    grid-column: 1/-1;
    max-width: 100%;
}
.contact-stage__column_text {
    grid-column: 1/-1;
}
.contact-stage__text {
    padding-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .contact-stage__column_dropdown {
        grid-column: 1 / span 3;
    }
}
@media (min-width: 64rem) {
    .contact-stage .dropdown-linklist .dropdown-linklist__wrapper {
        flex: none;
        width: auto;
        min-width: 66.6667%;
        max-width: 100%;
    }
    .contact-stage__column_dropdown {
        grid-column: 1 / span 6;
    }
    .contact-stage__column_text {
        grid-column: 1 / span 8;
    }
}
.crisis-banner {
    --crisis-banner-icon-size: 1.25rem;
    --crisis-banner-caution-color: var(--color-global-border-caution_subtle);
    width: 100%;
    margin-top: var(--spacing-vertical-xs);
    margin-bottom: var(--spacing-vertical-l);
    transition:
        opacity 0.4s,
        top 0.4s;
    position: relative;
    top: 0;
    left: 0;
}
.crisis-banner__inner {
    gap: var(--spacing-vertical-xxs);
    border-left: 0.25rem solid var(--color-alert-error);
    padding: var(--spacing-m);
    background-color: var(--bg-color-light-00);
    border-radius: 0.25rem;
    flex-direction: row;
    align-items: flex-start;
    display: flex;
    box-shadow: 0 0.25rem 1rem rgba(25, 25, 25, 0.12);
}
@media (min-width: 48rem) {
    .crisis-banner__inner {
        gap: var(--spacing-horizontal-s);
    }
}
.header--mobile-navigation-open + main .crisis-banner,
.header--search-open + main .crisis-banner {
    opacity: 0;
    z-index: 4999;
}
.crisis-banner--hidden {
    display: none;
}
.crisis-banner .text {
    color: var(--color-alert-error);
    margin-top: -0.25rem;
}
.crisis-banner__icon {
    width: var(--crisis-banner-icon-size);
    height: var(--crisis-banner-icon-size);
    display: inline-block;
}
.crisis-banner__icon svg path {
    fill: var(--color-alert-error);
}
.crisis-banner--sticky {
    z-index: 5001;
    right: 0;
    top: var(
        --header-height-for-sticky-crisis-banner,
        var(--header-with-breadcrumb-height, var(--header-height))
    );
    position: fixed;
}
.crisis-banner__content {
    width: 100%;
}
.crisis-banner__close-button {
    width: var(--crisis-banner-icon-size);
    flex: 0 0 var(--crisis-banner-icon-size);
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding: 0;
}
.crisis-banner .button-link a {
    font-size: var(--font-size-link-875);
    line-height: var(--line-height-link-875);
    padding-left: var(--spacing-m);
    padding-right: var(--spacing-m);
    font-weight: 500;
}
.crisis-banner--warning .crisis-banner__inner {
    border-left-color: var(--crisis-banner-caution-color);
}
.crisis-banner--warning .crisis-banner__icon svg path {
    fill: var(--crisis-banner-caution-color);
}
.crisis-banner--warning .text {
    color: var(--color-global-text-subtle);
}
.crisis-banner--important .crisis-banner__inner {
    background-color: var(--color-alert-error-10);
}
.crisis-banner--important .crisis-banner__icon svg path {
    fill: var(--color-alert-error-120);
}
.crisis-banner--important .text {
    color: var(--color-alert-error-120);
}
.crisis-banner--important .crisis-banner__close-button svg {
    fill: var(--fill-color-headlines);
}
.crisis-overlay {
    min-height: 18.75rem;
}
.crisis-overlay .overlay__backdrop,
.crisis-overlay .overlay__content {
    z-index: 2147483647;
}
.crisis-overlay--important .overlay__content {
    background-color: var(--color-alert-error-10);
}
.crisis-overlay--important .overlay__content .headline {
    color: var(--color-alert-error-120);
}
#content
    .aem-GridColumn--default--12:nth-child(2)
    > div
    > .cross-page-navigation {
    margin-top: 0;
}
.cross-page-navigation {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
    padding-top: 0;
    padding-bottom: 0;
    transition: z-index 0.5s;
    position: relative;
}
.cross-page-navigation__grid {
    background: var(--color-white);
}
.cross-page-navigation.cross-page-navigation--expanded
    .cross-page-navigation__grid {
    box-shadow: var(--elevation-raised);
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .cross-page-navigation {
        margin-top: var(--spacing-vertical-xl);
        margin-bottom: var(--spacing-vertical-xl);
    }
}
.header--expanded + main .cross-page-navigation {
    z-index: 0;
}
.cross-page-navigation__background-column {
    position: absolute;
    inset: 0;
}
.cross-page-navigation--dark {
    margin-top: 0;
    margin-bottom: 0;
}
.cross-page-navigation--dark .cross-page-navigation__navigation-wrapper,
.cross-page-navigation--dark .cross-page-navigation__navigation-list,
.cross-page-navigation--dark .cross-page-navigation__expand-button,
.cross-page-navigation--dark .cross-page-navigation__background-column,
.cross-page-navigation--dark .cross-page-navigation__grid {
    background-color: var(--bg-color-light-01);
}
.cross-page-navigation--dark .cross-page-navigation__navigation-link:hover {
    background-color: var(--bg-color-light-03);
}
.cross-page-navigation--dark .cross-page-navigation__navigation-link--active {
    background-color: var(--bg-color-light-05);
}
.cross-page-navigation__placeholder {
    display: none;
}
.cross-page-navigation--sticky .cross-page-navigation__placeholder {
    height: 4rem;
    display: block;
    position: relative;
}
.cross-page-navigation--sticky .cross-page-navigation__grid {
    width: 100%;
    position: fixed;
    top: 0.188rem;
}
.cross-page-navigation--sticky .button-link:not(.button-link--rounded) a,
.cross-page-navigation--sticky .button-link:not(.button-link--rounded) button {
    height: 2.5rem;
}
@media (min-width: 48rem) {
    .cross-page-navigation {
        top: 0.25rem;
    }
}
@media (min-width: 64rem) {
    .cross-page-navigation {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.cross-page-navigation__navigation-wrapper {
    background-color: var(--color-white);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .cross-page-navigation__navigation-wrapper {
        padding-top: 0.625rem;
    }
}
.cross-page-navigation__navigation-wrapper--horizontal {
    position: initial;
    flex-wrap: nowrap;
}
.cross-page-navigation__navigation-wrapper--horizontal
    .cross-page-navigation__expand-button {
    display: none;
}
.cross-page-navigation__navigation-wrapper--horizontal
    .cross-page-navigation__navigation-list-wrapper {
    order: 1;
}
.cross-page-navigation__navigation-list {
    max-height: 0;
    width: calc(100% + var(--grid-margin) * 2);
    margin: 0 calc(var(--grid-margin) * -1);
    background-color: var(--color-white);
    flex-direction: column;
    order: 2;
    transition: all 0.3s ease-in;
    overflow: auto;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .cross-page-navigation__navigation-list {
        margin-top: 0.625rem;
    }
}
.cross-page-navigation__navigation-list.cross-page-navigation--expanded {
    max-height: calc(100vh - 4rem);
}
.cross-page-navigation__navigation-list-wrapper {
    order: 3;
    width: 100%;
    height: auto;
    position: relative;
    overflow: visible;
}
@media (min-width: 48rem) {
    .cross-page-navigation__navigation-list-wrapper {
        order: 3;
    }
}
@media (min-width: 64rem) {
    .cross-page-navigation__navigation-list--horizontal {
        white-space: nowrap;
        width: -moz-fit-content;
        max-height: 100%;
        flex-direction: row;
        order: 1;
        width: fit-content;
        margin: 0;
        transition-property: transform;
        overflow: hidden;
        height: auto !important;
    }
    .cross-page-navigation__navigation-list--horizontal
        .cross-page-navigation__navigation-link {
        width: auto;
        height: unset;
        margin-inline-end: 3rem;
        padding: 1.25rem 0;
        display: inline-block;
    }
    .cross-page-navigation__navigation-list--horizontal
        .cross-page-navigation__navigation-link:hover {
        color: var(--interaction-color-hover);
        background-color: transparent;
    }
    .cross-page-navigation__navigation-list--horizontal
        .cross-page-navigation__navigation-link:focus {
        color: var(--interaction-color-focused);
    }
    .cross-page-navigation__navigation-list--horizontal
        .cross-page-navigation__navigation-link--active {
        font-family: var(--font-family-frutiger);
        color: var(--text-color-headlines);
        background-color: transparent;
        font-style: normal;
        font-weight: 700;
        position: relative;
    }
    .cross-page-navigation__navigation-list--horizontal
        .cross-page-navigation__navigation-link--active:hover {
        color: var(--text-color-headlines);
    }
    .cross-page-navigation__navigation-list--horizontal
        .cross-page-navigation__navigation-link--active:after {
        content: "";
        background-color: var(--text-color-headlines);
        bottom: 0;
        width: 100%;
        height: 0.125rem;
        display: block;
        position: absolute;
        inset-inline-start: 0;
    }
}
.cross-page-navigation__navigation-link {
    color: var(--text-color-headlines);
    padding: 1.25rem var(--grid-margin);
    flex-shrink: 1;
    height: 4rem;
    line-height: 1.5rem;
    display: block;
}
.cross-page-navigation__navigation-link:hover {
    background-color: var(--bg-color-secondary);
}
.cross-page-navigation__navigation-link--active {
    color: var(--text-color-headlines);
    background-color: var(--bg-color-light-03);
    position: relative;
}
.cross-page-navigation__expand-button {
    color: var(--text-color-headlines);
    padding-top: 1.15rem;
    padding-bottom: 1.15rem;
    background-color: var(--color-white);
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-horizontal-xs);
    line-height: 1.5;
    font-family: var(--font-family-frutiger);
    flex-grow: 1;
    flex-basis: 0;
    margin-inline-end: var(--spacing-horizontal-s);
    padding-inline-end: 2rem;
    font-style: normal;
    font-weight: 700;
    display: flex;
    position: relative;
}
@media (min-width: 48rem) {
    .cross-page-navigation__expand-button {
        width: auto;
        height: 4rem;
        min-height: 2.75rem;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.cross-page-navigation__expand-button
    .cross-page-navigation__expand-button-icon {
    width: 1.5rem;
    height: 1.5rem;
}
.cross-page-navigation__expand-button
    .cross-page-navigation__expand-button-icon
    .icon {
    transition: transform 0.25s ease-in-out;
}
.cross-page-navigation__expand-button.cross-page-navigation--expanded .icon {
    transform: rotate(180deg);
}
.cyan-teaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    position: relative;
}
.cyan-teaser__text div:not(:only-child) {
    margin-bottom: var(--spacing-vertical-m);
}
.cyan-teaser__content {
    padding-inline: var(--spacing-horizontal-m);
    background-color: var(--bg-surface-emphasized, var(--bg-color-dark-02));
}
.cyan-teaser__content-wrapper {
    min-height: 22.5rem;
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    grid-column: span 6;
}
.cyan-teaser__button {
    padding-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .cyan-teaser__content {
        padding-inline: var(--spacing-horizontal-l);
    }
    .cyan-teaser__content-wrapper {
        min-height: 24rem;
    }
}
@media (min-width: 64rem) {
    .cyan-teaser__content {
        padding-inline: var(--spacing-horizontal-xxxxl);
    }
    .cyan-teaser__content-wrapper {
        grid-column: span 8;
        min-height: 25rem;
    }
}
@media (min-width: 80rem) {
    .cyan-teaser__content-wrapper {
        min-height: 28rem;
    }
}
@media (min-width: 120rem) {
    .cyan-teaser__content-wrapper {
        min-height: 31rem;
    }
}
.dashboard-tile-collection {
    --dashboard-tile-collection-background-color: var(--bg-color-light-primary);
    background-color: var(--dashboard-tile-collection-background-color);
}
.dashboard-tile-collection--background-secondary {
    --dashboard-tile-collection-background-color: var(--bg-color-secondary);
}
.dashboard-tile-collection--background-secondary
    .dashboard-tile-collection__rows-wrapper {
    margin-top: 0;
}
.dashboard-tile-collection__rows-wrapper {
    margin-top: var(--spacing-vertical-xxl);
}
.dashboard-tile-collection__rows-wrapper[data-row-count="0"] {
    display: none;
}
.dashboard-tile-collection__rows-wrapper .general-overlay-link {
    display: flex;
}
.dealer-search {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.dealer-search__headline,
.dealer-search__text {
    grid-column: 1/4 span;
}
.dealer-search__map-consent-overlay {
    width: 100%;
    padding-top: var(--spacing-vertical-xxxl);
    padding-bottom: var(--spacing-vertical-xxxl);
    display: flex;
    position: relative;
}
.dealer-search__map-consent-overlay .consent-overlay {
    position: relative;
}
.dealer-search__map-consent-overlay .consent-overlay__box {
    max-width: 23rem;
}
.dealer-search__map-consent-overlay--hidden {
    display: none;
}
.dealer-search__map-fallback-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.dealer-search__map--hidden {
    display: none;
}
.dealer-search__map-container {
    width: 100%;
    height: 62.5rem;
}
.dealer-search__map-container #oc-wrapper {
    height: 100%;
}
@media (min-width: 48rem) {
    .dealer-search__headline,
    .dealer-search__text {
        grid-column: 1/6 span;
    }
}
@media (min-width: 64rem) {
    .dealer-search__headline,
    .dealer-search__text {
        grid-column: 1/8 span;
    }
}
.downloads-wrapper {
    margin-top: var(--spacing-vertical-xxxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.downloads-wrapper .downloads .tabs-horizontal {
    margin-top: var(--spacing-vertical-m);
    margin-inline: 0;
}
.downloads-wrapper .downloads .tabs-horizontal__navigation-button--next {
    inset-inline-end: calc(var(--grid-negative-margin) * -1);
}
.downloads-wrapper .downloads .tabs-horizontal__navigation-button--prev {
    inset-inline-start: calc(var(--grid-negative-margin) * -1);
}
.downloads-wrapper .downloads .tabs-horizontal__nav {
    margin-inline: var(--grid-margin);
}
.downloads-wrapper .downloads__tabs--no-tabs .tabs-horizontal {
    margin-top: 0;
}
.downloads-wrapper .downloads__caption-grid {
    margin-top: var(--spacing-vertical-l);
}
.downloads-wrapper .downloads__caption-grid .text--caption {
    text-align: start;
}
@media (min-width: 22.5rem) {
    .downloads-wrapper .downloads__caption-grid {
        margin-top: var(--spacing-vertical-m);
    }
}
@media (min-width: 48rem) {
    .downloads-wrapper .downloads__caption-grid {
        margin-top: var(--spacing-vertical-l);
    }
}
@media (min-width: 64rem) {
    .downloads-wrapper .downloads__caption-grid .grid__column {
        grid-column: 3/8 span;
    }
    .downloads-wrapper .downloads__caption-grid .text--caption {
        text-align: center;
    }
}
.downloads-wrapper--dark-background {
    padding-top: var(--spacing-vertical-xxxl);
    padding-bottom: var(--spacing-vertical-xxxl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    margin-top: 0;
    margin-bottom: 0;
}
.downloads-wrapper--dark-background .tabs-horizontal__nav-indicator:before {
    border-left: var(--spacing-horizontal-xxs) solid var(--bg-color-secondary);
    border-right: var(--spacing-horizontal-xxs) solid var(--bg-color-secondary);
}
:root {
    --sticky-header-offset: 43.5rem;
}
.downloads-filter__preview-btn,
.downloads-filter__info-list a,
.downloads-filter__info-list button {
    scroll-margin-top: var(--sticky-header-offset);
}
.downloads-filter {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
@media (min-width: 48rem) {
    .downloads-filter__wrapper {
        padding-inline-end: var(--spacing-horizontal-xs);
    }
}
.downloads-filter__header {
    margin-bottom: var(--spacing-vertical-s);
    justify-content: space-between;
    align-items: baseline;
    display: flex;
}
@media (min-width: 48rem) {
    .downloads-filter__header {
        padding-inline: var(--spacing-horizontal-xs);
        margin-bottom: calc(
            var(--spacing-vertical-xxs) + var(--spacing-vertical-xs)
        );
    }
}
.downloads-filter__content {
    grid-column: span 4;
}
@media (min-width: 48rem) {
    .downloads-filter__content {
        padding-top: var(--spacing-horizontal-xxs);
    }
}
@media (min-width: 64rem) {
    .downloads-filter__content {
        grid-column: span 9;
    }
}
.downloads-filter__filter-sidebar {
    grid-column: span 4;
}
@media (min-width: 48rem) {
    .downloads-filter__filter-sidebar {
        grid-column: span 2;
    }
    .downloads-filter__filter-sidebar .button-link--link button {
        padding-block-start: var(--spacing-vertical-xxs);
    }
}
@media (min-width: 64rem) {
    .downloads-filter__filter-sidebar {
        grid-column: span 3;
    }
    .downloads-filter__filter-sidebar .button-link--link button {
        padding-block-start: 0.375rem;
    }
}
.downloads-filter__filter-wrapper {
    margin-bottom: var(--spacing-vertical-s);
}
.downloads-filter__filter-wrapper .downloads-filter__field {
    grid-column: span 6;
    position: relative;
}
.downloads-filter__search-field:hover .input_icon {
    fill: var(--border-color-active);
}
.downloads-filter .input_icon {
    width: 1.25rem;
    fill: var(--border-color-inactive);
    position: absolute;
    top: 1.563rem;
    right: 0;
}
.downloads-filter .input_icon--active {
    fill: var(--border-color-active);
}
.downloads-filter .form-kit__form-field__drop-down--inactive {
    opacity: 0.4;
}
.downloads-filter .svg-scale-wrapper {
    height: 100%;
}
.downloads-filter__thumbnail {
    margin-bottom: var(--spacing-vertical-l);
    flex-direction: column;
    display: flex;
    position: relative;
}
.downloads-filter__thumbnail .downloads-filter__preview-btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.downloads-filter__thumbnail
    .downloads-filter__preview-btn-wrapper
    .downloads-filter__preview-btn {
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-vertical-xs);
    background: var(--bg-color-dark-blur);
    width: 100%;
    color: var(--text-color-invert-body);
    padding: var(--spacing-vertical-m) var(--spacing-horizontal-s);
    z-index: 1;
    letter-spacing: 0.5px;
    border: none;
    flex-direction: row-reverse;
    font-family: Frutiger Next;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    transition: all 0.8s ease-in-out;
    display: flex;
}
.downloads-filter__thumbnail
    .downloads-filter__preview-btn-wrapper
    .downloads-filter__preview-btn:focus-visible {
    outline-offset: 0.375rem;
    outline: 0.125rem solid var(--bg-color-light-02);
}
.downloads-filter__thumbnail
    .downloads-filter__preview-btn-wrapper
    .downloads-filter__preview-btn:focus-visible {
    transition: outline-color 0.5s;
}
@media (min-width: 64rem) {
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper
        .downloads-filter__preview-btn {
        opacity: 0;
    }
}
.downloads-filter__thumbnail
    .downloads-filter__preview-btn-wrapper
    .downloads-filter__preview-btn
    .icon {
    width: 1.5rem;
    height: 1.5rem;
}
.downloads-filter__thumbnail
    .downloads-filter__preview-btn-wrapper
    .downloads-filter__preview-btn
    svg {
    color: currentColor;
}
.downloads-filter__thumbnail
    .downloads-filter__preview-btn-wrapper
    .downloads-filter__preview-btn
    .downloads-filter__preview-btn-label {
    color: var(--bg-color-light-02);
}
.downloads-filter__thumbnail
    .downloads-filter__preview-btn-wrapper
    .downloads-filter__preview-btn
    .downloads-filter__preview-btn-label:after {
    content: "";
    background-color: var(--bg-color-light-02);
    width: 0;
    height: 0.063rem;
    transition: all 0.8s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
}
.downloads-filter__thumbnail
    .downloads-filter__preview-btn-wrapper
    .downloads-filter__preview-btn
    .downloads-filter__preview-btn-label:hover:after {
    width: 100%;
}
@media (min-width: 64rem) {
    .downloads-filter__thumbnail .downloads-filter__preview-btn-wrapper {
        width: 100%;
        height: 100%;
    }
    .downloads-filter__thumbnail .downloads-filter__preview-btn-wrapper:after {
        content: "";
        opacity: 0;
        z-index: 0;
        background-color: var(--bg-color-dark-blur);
        width: 100%;
        height: 100%;
        transition: all 0.5s;
        position: absolute;
        top: 0;
        left: 0;
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper
        .downloads-filter__preview-btn {
        text-align: center;
        color: var(--text-color-invert-body);
        cursor: pointer;
        background: 0 0;
        flex-direction: column;
        justify-content: center;
        width: auto;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper
        .downloads-filter__preview-btn
        .icon {
        transform: unset;
        width: 3rem;
        height: 3rem;
        position: static;
        top: auto;
        left: auto;
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper
        .downloads-filter__preview-btn
        .svg-scale-wrapper {
        transform: unset;
        display: inline;
        position: static;
        top: auto;
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper
        .downloads-filter__preview-btn
        svg {
        position: static;
        top: auto;
        left: auto;
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper
        .downloads-filter__preview-btn
        path {
        fill: var(--bg-color-light-02);
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper
        .downloads-filter__preview-btn:focus-visible:after {
        content: "";
        outline-offset: 0.5rem;
        outline: 0.188rem solid var(--color-global-background-focus);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper:hover:after {
        opacity: 1;
        transition: all 0.5s;
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper:focus-within:after {
        opacity: 1;
        transition: all 0.5s;
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper:hover
        .downloads-filter__preview-btn {
        opacity: 1;
        transition: opacity 0.5s;
    }
    .downloads-filter__thumbnail
        .downloads-filter__preview-btn-wrapper:focus-within
        .downloads-filter__preview-btn {
        opacity: 1;
        transition: opacity 0.5s;
    }
}
.downloads-filter__preview-img-wrapper {
    background-color: var(--bg-color-light-01);
    box-shadow: var(--elevation-raised);
    flex: 0 38rem;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}
.downloads-filter__flag {
    color: var(--color-black);
    margin-top: var(--spacing-vertical-xs);
    padding-inline: var(--spacing-horizontal-xxs);
    margin-inline-start: var(--spacing-horizontal-xs);
    line-height: 1.125rem;
    position: absolute;
    top: 0;
    left: 0;
}
.downloads-filter__flag--new {
    background-color: #e1ff32;
}
.downloads-filter__flag--updated {
    background-color: var(--bg-color-light-04);
}
.downloads-filter__info-wrapper {
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;
    display: flex;
}
.downloads-filter__info-wrapper .button-link--link a {
    border-radius: 0;
}
.downloads-filter__title-wrapper {
    justify-content: space-between;
    gap: var(--spacing-horizontal-xs);
    display: flex;
}
.downloads-filter__title-wrapper .bookmark-icon {
    cursor: pointer;
    color: var(--bg-color-dark-03);
}
.downloads-filter__title-wrapper .bookmark-icon .svg-scale-wrapper {
    width: 1.25rem;
    height: 1.25rem;
}
.downloads-filter__title {
    display: block;
}
.downloads-filter__description {
    margin-bottom: var(--spacing-vertical-s);
    flex: 1 0 auto;
    display: block;
}
.downloads-filter__info-list__item {
    gap: var(--spacing-vertical-xxs);
    margin-bottom: var(--spacing-vertical-s);
    flex-direction: column;
    display: flex;
}
.downloads-filter__info {
    flex: none;
}
.downloads-filter__info-item {
    display: inline-block;
}
.downloads-filter__info-label {
    margin-inline-end: var(--spacing-horizontal-xxs);
}
.downloads-filter__info-pages-value {
    margin-inline-end: var(--spacing-horizontal-s);
}
.downloads-filter__link {
    display: block;
}
.downloads-filter__sort-control {
    grid-column: 1/7;
}
.downloads-filter__sort-control-for-large {
    display: none;
}
.downloads-filter__filter-control {
    gap: var(--spacing-vertical-m);
    margin-bottom: var(--spacing-vertical-l);
    flex-direction: column;
    display: flex;
}
.downloads-filter__filter-control .button-toggle {
    display: inline-flex;
}
.downloads-filter__total-assets {
    gap: var(--spacing-horizontal-s);
    padding: var(--spacing-vertical-m) 1.5rem var(--spacing-vertical-s);
    flex-direction: column;
    margin-inline: -1.5rem;
    display: flex;
}
@media (min-width: 48rem) {
    .downloads-filter__total-assets {
        -webkit-backdrop-filter: blur(0.781rem);
        backdrop-filter: blur(0.781rem);
        z-index: 1;
        gap: var(--spacing-horizontal-m);
        background-color: rgba(255, 255, 255, 0.8);
        flex-direction: row;
        order: 1;
        position: -webkit-sticky;
        position: sticky;
    }
    .downloads-filter__total-assets .button-link {
        margin-bottom: 0;
    }
}
@media (min-width: 64rem) {
    .downloads-filter__total-assets .button-link--link button {
        padding-block-start: 0.063rem;
    }
}
@media (min-width: 0) and (max-width: 47.9375rem) {
    .downloads-filter__total-text-wrapper {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }
    .downloads-filter__total-text-wrapper .button-link--link button {
        padding-block-end: var(--spacing-vertical-xxs);
    }
}
.downloads-filter__result-info {
    flex: none;
    padding-inline-end: var(--spacing-horizontal-s);
    display: flex;
}
.downloads-filter__spinner-wrapper {
    flex-direction: row;
    align-items: center;
    display: flex;
}
.downloads-filter__total-text {
    position: relative;
    top: -0.125rem;
}
.downloads-filter__total-label {
    margin-inline-end: var(--spacing-horizontal-xs);
}
.downloads-filter__no-bookmarks-text {
    letter-spacing: 0.005em;
    text-align: center;
    color: var(--color-black);
    padding-top: 1.5rem;
    padding-bottom: var(--spacing-vertical-xxxl);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
}
:lang(ar) .downloads-filter__no-bookmarks-text {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .downloads-filter__no-bookmarks-text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .downloads-filter__no-bookmarks-text {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) {
    .downloads-filter__no-bookmarks-text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .downloads-filter__no-bookmarks-text {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .downloads-filter__no-bookmarks-text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .downloads-filter__no-bookmarks-text {
        line-height: 2rem;
    }
}
@media (min-width: 90rem) {
    .downloads-filter__no-bookmarks-text {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .downloads-filter__no-bookmarks-text {
        line-height: 2rem;
    }
}
.downloads-filter__pagination {
    border-top: 1px solid var(--border-subtle);
    border-bottom: 2px solid var(--border-strong);
    padding-top: var(--spacing-vertical-xs);
    padding-bottom: var(--spacing-vertical-xs);
    flex-direction: row;
    justify-content: center;
    display: flex;
}
.downloads-filter__pagination .button-link {
    padding-inline: var(--spacing-horizontal-xs);
    flex: auto;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    display: flex;
}
.downloads-filter__pagination .button-link .button-link--icon {
    width: 1rem;
    padding-inline-end: 0;
}
.downloads-filter__pagination .button-link .icon {
    width: 1rem;
    height: 1rem;
}
.downloads-filter__pagination .button-link:first-child,
.downloads-filter__pagination .button-link:nth-child(2) {
    border-left: 1px solid var(--border-subtle);
}
.downloads-filter__pagination .button-link:nth-child(4),
.downloads-filter__pagination .button-link:nth-child(5) {
    border-right: 1px solid var(--border-subtle);
}
.downloads-filter__pagination__list {
    border-left: 1px solid var(--border-subtle);
    border-right: 1px solid var(--border-subtle);
    padding-inline: var(--spacing-horizontal-s);
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    display: flex;
}
.downloads-filter__pagination__list .downloads-filter__pagination-info {
    justify-content: center;
    align-items: center;
    display: flex;
}
.downloads-filter__pagination__list
    .downloads-filter__pagination-info
    .form-kit__form-field__drop-down {
    margin-bottom: 0;
    margin-inline: var(--spacing-horizontal-xs);
    min-width: var(--spacing-horizontal-xxxl);
}
.downloads-filter__pagination__list
    .downloads-filter__pagination-info
    .form-kit__form-field__drop-down
    .form-kit__form-field__label {
    font-size: 0.75rem;
}
.downloads-filter__list {
    opacity: 0;
    grid-column-gap: var(--grid-gutter);
    transition: opacity 0.6s;
    display: grid;
}
@media (min-width: 48rem) {
    .downloads-filter__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 64rem) {
    .downloads-filter__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
.downloads-filter__list--loaded {
    opacity: 1;
    transition: opacity 0.6s;
}
.downloads-filter__list__item {
    margin-bottom: var(--spacing-vertical-xl);
    flex-direction: column;
    display: flex;
}
.downloads-filter__list--error {
    margin-block-end: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .downloads-filter__filter-wrapper .downloads-filter__field {
        grid-column: span 3;
    }
    .downloads-filter__filter-control {
        flex-direction: row;
        order: 2;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
        margin-bottom: 0;
    }
    .downloads-filter__filter-control .button-toggle {
        margin-inline-start: var(--spacing-horizontal-m);
    }
    .downloads-filter__sort-control {
        display: none;
    }
    .downloads-filter__sort-control-for-large {
        text-align: end;
        align-items: center;
        display: flex;
    }
    .downloads-filter__sort-control-for-large .button-link {
        margin-inline-start: var(--spacing-horizontal-s);
        display: inline-flex;
    }
    .downloads-filter__preview-img-wrapper {
        flex: 0 23rem;
    }
    .downloads-filter__pagination .button-link .button-link--icon {
        padding-inline-end: inherit;
    }
    .downloads-filter__pagination__list {
        font-size: inherit;
    }
    .downloads-filter__pagination__list
        .downloads-filter__pagination-info
        .form-kit__form-field__drop-down {
        min-width: calc(var(--spacing-horizontal-xxxl) * 1.5);
    }
    .downloads-filter__pagination__list
        .downloads-filter__pagination-info
        .form-kit__form-field__drop-down
        .form-kit__form-field__label {
        font-size: 1rem;
    }
}
@media (min-width: 64rem) {
    .downloads-filter__preview-img-wrapper {
        flex: 0 21rem;
    }
    .downloads-filter__pagination .button-link {
        padding-inline: var(--spacing-horizontal-m);
        flex: 0 auto;
    }
    .downloads-filter__pagination .button-link .icon {
        width: 1.5rem;
        height: 1.5rem;
    }
    .downloads-filter__pagination__list {
        padding-inline: var(--spacing-horizontal-m);
    }
}
@media (min-width: 80rem) {
    .downloads-filter__list {
        margin-top: var(--spacing-vertical-l);
    }
    .downloads-filter__preview-img-wrapper {
        flex: 0 28rem;
    }
}
.event-agenda {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.event-agenda__intro__wrapper {
    margin-bottom: var(--spacing-vertical-l);
}
@media (min-width: 22.5rem) {
    .event-agenda__intro__wrapper {
        grid-column: span 4;
        padding-right: 0;
    }
}
@media (min-width: 48rem) {
    .event-agenda__intro__wrapper {
        grid-column: span 6;
        padding-right: 16.6667%;
    }
}
@media (min-width: 64rem) {
    .event-agenda__intro__wrapper {
        grid-column: span 8;
        padding-right: 0;
    }
}
.event-agenda__text + .event-agenda__share {
    margin-top: var(--spacing-vertical-s);
}
.event-calendar {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
}
@media (min-width: 48rem) {
    .event-calendar {
        margin-top: var(--spacing-vertical-xxl);
        margin-bottom: var(--spacing-vertical-xxl);
        padding-top: 0;
        padding-bottom: 0;
    }
}
.event-calendar__headline {
    margin-bottom: var(--spacing-vertical-m);
}
.event-calendar-item__content__headline {
    text-align: left;
}
.event-calendar-item__text__end-date:before {
    content: " – ";
}
.event-calendar .result-info {
    z-index: 2;
    padding-bottom: 0.1875rem;
}
.event-location {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.event-streaming {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
@media (min-width: 64rem) {
    .event-streaming__player.event-streaming__player-full-bleed {
        height: auto;
    }
    .event-streaming__player.event-streaming__player-full-bleed
        .event-streaming__media
        iframe {
        height: 100%;
    }
    .event-streaming__player.event-streaming__player-collapsed {
        height: auto;
    }
    .event-streaming__player.event-streaming__player-collapsed
        .event-streaming__media
        iframe {
        height: 100%;
    }
}
.event-streaming__player.event-streaming__player-collapsed
    .event-streaming__interaction {
    height: auto;
}
@media (min-width: 64rem) {
    .event-streaming__player.event-streaming__player-collapsed
        .event-streaming__interaction {
        width: auto;
    }
    .event-streaming__player {
        height: 27rem;
    }
}
.event-streaming__player--hidden {
    display: none;
}
.event-streaming__media {
    flex-grow: 1;
    padding: 46.25% 0 0;
    position: relative;
}
.event-streaming__media iframe {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media (min-width: 64rem) {
    .event-streaming__media iframe {
        height: 27rem;
    }
}
.event-streaming__interaction {
    height: 32rem;
    margin-left: 0;
    margin-top: var(--spacing-vertical-xxs);
    flex-direction: column;
    display: flex;
}
@media (min-width: 64rem) {
    .event-streaming__interaction {
        width: 23rem;
        height: 27rem;
    }
}
.event-streaming__interaction-controls {
    background: var(--color-black);
    color: var(--text-color-invert-body);
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 0.25rem;
    display: flex;
}
.event-streaming__interaction-controls .icon {
    width: 1.5rem;
}
.event-streaming__interaction-controls .icon svg {
    fill: var(--text-color-invert-body);
}
.event-streaming__interaction-button {
    background: var(--bg-color-dark-02);
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding: 0.25rem;
}
.event-streaming__interaction-button__show,
.event-streaming__interaction-button__hide {
    display: none;
}
.event-streaming__interaction-button__show-vertical {
    display: inline;
}
.event-streaming__interaction-button__hide-vertical,
.event-streaming__player-collapsed.event-streaming__player-vertical
    .event-streaming__interaction-button__show-vertical {
    display: none;
}
.event-streaming__player-collapsed.event-streaming__player-vertical
    .event-streaming__interaction-button__hide-vertical {
    display: inline;
}
.event-streaming__interaction-chat {
    height: 100%;
}
.event-streaming__player-collapsed .event-streaming__interaction-chat {
    display: none;
}
.event-streaming__interaction-chat iframe {
    width: 100%;
    height: 100%;
}
@media (min-width: 64rem) {
    .event-streaming__player {
        display: flex;
    }
    .event-streaming__player--hidden {
        display: none;
    }
    .event-streaming__media {
        min-width: 24rem;
        padding: 39% 0 0;
    }
    .event-streaming__player-collapsed .event-streaming__media,
    .event-streaming__player-full-bleed .event-streaming__media {
        padding: 50% 0 0;
    }
    .event-streaming__interaction {
        height: auto;
        margin-left: var(--spacing-horizontal-xxs);
        flex-direction: row;
        flex-grow: 0;
        margin-top: 0;
        overflow: hidden;
    }
    .event-streaming__interaction-button {
        padding: 0.5rem;
    }
    .event-streaming__interaction-button__show-vertical,
    .event-streaming__interaction-button__hide-vertical {
        display: none;
    }
    .event-streaming__interaction-button__show {
        display: inline;
    }
    .event-streaming__interaction-button__hide,
    .event-streaming__player-collapsed
        .event-streaming__interaction-button__show {
        display: none;
    }
    .event-streaming__player-collapsed
        .event-streaming__interaction-button__hide {
        display: inline;
    }
    .event-streaming__media {
        padding: 45.25% 0 0;
    }
}
@media (min-width: 80rem) {
    .event-streaming__headline .headline {
        text-align: center;
    }
}
.event-streaming__consent-overlay {
    position: relative;
}
@media (min-width: 64rem) {
    .event-streaming__consent-overlay {
        height: auto;
    }
}
.event-streaming__consent-overlay .consent-overlay__box {
    max-width: 20rem;
    padding-block: var(--spacing-vertical-l);
}
@media (min-width: 64rem) {
    .event-streaming__consent-overlay .consent-overlay__box {
        max-width: 22rem;
    }
}
.event-streaming__consent-overlay--hidden {
    display: none;
}
@media (min-width: 64rem) {
    .event-streaming__consent-overlay-fallback-image-wrapper {
        width: auto;
    }
}
.event-streaming__consent-overlay-fallback-image {
    width: 100%;
    display: inline-block;
}
.event-teaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.event-teaser__grid-column--headline {
    justify-content: center;
    display: flex;
}
.event-teaser__headline {
    width: 100%;
    margin-bottom: var(--spacing-vertical-l);
    flex-wrap: wrap;
    flex: none;
    display: flex;
}
.event-teaser__headline-title {
    width: 100%;
}
.event-teaser__blockbuster {
    margin-bottom: var(--spacing-vertical-l);
}
.event-teaser__grid-column--events {
    flex-flow: column;
    display: flex;
}
.event-teaser__events {
    gap: var(--spacing-vertical-xxs);
    flex-direction: column;
    width: 100%;
    display: flex;
}
.event-teaser__list {
    background-color: var(--bg-surface, var(--bg-color-secondary));
}
.event-teaser__list:last-child {
    height: 100%;
}
@media (min-width: 22.5rem) and (max-width: 47.9375rem) {
    .event-teaser__blockbuster,
    .event-teaser__headline {
        margin-left: calc(var(--grid-margin) * -1);
        margin-right: calc(var(--grid-margin) * -1);
    }
}
@media (min-width: 48rem) {
    .event-teaser__blockbuster {
        margin-bottom: var(--spacing-vertical-xxs);
    }
}
@media (min-width: 64rem) {
    .event-teaser__blockbuster,
    .event-teaser__headline {
        margin-left: 0;
        margin-right: 0;
    }
    .event-teaser__grid-column--events {
        flex-direction: row;
    }
    .event-teaser__blockbuster {
        width: 66.6667%;
        margin-bottom: 0;
        margin-right: var(--spacing-horizontal-xxs);
        flex: none;
        display: flex;
    }
}
.extended-benefits-50-50 {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.extended-benefits-50-50__button {
    margin-top: var(--spacing-vertical-s);
}
.extended-benefits-50-50__content {
    z-index: 1;
    flex-direction: column;
    flex: 100%;
    display: flex;
}
.extended-benefits-50-50__media {
    z-index: 1;
    margin-bottom: var(--spacing-vertical-m);
    overflow: hidden;
}
@media (min-width: 48rem) {
    .extended-benefits-50-50__media {
        margin-bottom: 0;
        overflow: visible;
    }
    .extended-benefits-50-50__content {
        justify-content: center;
        height: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .extended-benefits-50-50--text_left .extended-benefits-50-50__media {
        grid-area: 1/2;
    }
    .extended-benefits-50-50--text_left .extended-benefits-50-50__content {
        grid-area: 1/1;
    }
}
.extended-benefits-column-layout {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.extended-benefits-column-layout__column-content {
    padding-bottom: var(--spacing-vertical-l);
    grid-column: 1/-1;
}
.extended-benefits-column-layout__column-items {
    padding-top: var(--spacing-vertical-xs);
    grid-column: 1/-1;
}
@media (min-width: 64rem) {
    .extended-benefits-column-layout {
        margin-top: var(--spacing-vertical-xl);
        margin-bottom: var(--spacing-vertical-xl);
    }
    .extended-benefits-column-layout__column-content {
        padding-bottom: var(--spacing-vertical-m);
        grid-column: 1 / span 9;
    }
    .extended-benefits-column-layout__headline {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .extended-benefits-column-layout__headline {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) and (min-width: 48rem) {
    .extended-benefits-column-layout__headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .extended-benefits-column-layout__headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 64rem) and (min-width: 64rem) {
    .extended-benefits-column-layout__headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .extended-benefits-column-layout__headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 64rem) and (min-width: 80rem) {
    .extended-benefits-column-layout__headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .extended-benefits-column-layout__headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 64rem) and (min-width: 90rem) {
    .extended-benefits-column-layout__headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar) .extended-benefits-column-layout__headline {
        line-height: 2.375rem;
    }
}
.extended-benefits-full-width {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.extended-benefits-full-width__content {
    flex-direction: column-reverse;
    display: flex;
}
.extended-benefits-full-width__content .extended-benefits-full-width__title {
    margin-top: var(--spacing-vertical-m);
}
.extended-benefits-full-width__content .extended-benefits-full-width__visual {
    width: 100%;
}
.extended-benefits-full-width__footer .quotation > .grid__container {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 64rem) {
    .extended-benefits-full-width {
        margin-top: var(--spacing-vertical-xl);
        margin-bottom: var(--spacing-vertical-xl);
    }
    .extended-benefits-full-width__content {
        flex-direction: column;
    }
    .extended-benefits-full-width__content
        .extended-benefits-full-width__title {
        margin-bottom: var(--spacing-vertical-m);
        margin-top: 0;
    }
}
.feature-comparison {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
    position: relative;
}
.feature-comparison__featured .feature-abstract {
    margin-top: 1.25rem;
}
.feature-comparison__single
    .feature-comparison__slideshow
    .slideshow__container {
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 64rem) {
    .feature-comparison__single {
        grid-gap: var(--grid-gutter);
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        grid-template-rows: auto;
        row-gap: 0;
        display: grid;
    }
    .feature-comparison__single .grid__column {
        grid-column: 3 / span 8;
    }
}
.feature-comparison__link-container {
    margin-top: var(--spacing-vertical-l);
    border-top: 1px solid var(--bg-color-light-03);
    border-bottom: 1px solid var(--bg-color-light-03);
    text-align: center;
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-s);
}
.feature-comparison__slideshow .slideshow__container {
    width: unset;
    margin-inline: -1rem;
}
.feature-comparison__slideshow {
    margin-top: 0;
    position: relative;
}
.feature-comparison__slideshow .swiper-container {
    position: relative;
}
.feature-comparison__slideshow .slideshow__navigation-button {
    width: 5rem;
    height: auto;
    position: absolute;
    transform: none;
}
.feature-comparison__slideshow .slideshow__navigation-button--next {
    right: -1rem;
}
.feature-comparison__slideshow .slideshow__navigation-button--right {
    left: -1rem;
}
@media (min-width: 48rem) {
    .feature-comparison .slideshow__list > .slideshow__item:only-child {
        padding-left: 0;
        padding-right: 0;
    }
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract {
        max-width: 100%;
    }
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract
        .hide-section {
        display: none;
    }
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract__list-container {
        gap: 3rem;
        display: flex;
    }
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract__bullet-list-section,
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract__feature-list-section {
        flex: 1;
    }
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract__feature-list {
        margin-top: 0;
    }
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract__main-content-wrapper {
        gap: 3rem;
        display: flex;
    }
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract__image {
        flex: 1;
        width: 100%;
        margin-bottom: 0;
    }
    .feature-comparison
        .slideshow__list
        > .slideshow__item:only-child
        .feature-abstract__main-content {
        flex: 1;
    }
}
.feature-comparison .slideshow .slideshow__item {
    box-sizing: border-box;
    flex: 1 0 100%;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
}
@media (min-width: 48rem) {
    .feature-comparison .slideshow .slideshow__item {
        flex: 1 0 50%;
    }
}
@media (min-width: 64rem) {
    .feature-comparison .slideshow .slideshow__item {
        flex: 1 0 33.333%;
    }
}
.featured-articles-with-teaser {
    margin-block: var(--spacing-vertical-xxl);
    --teaser-bg-color: var(--teaser-surface-bg, var(--bg-color-light-00));
}
.featured-articles-with-teaser .article-teaser-item {
    height: 100%;
}
.featured-articles-with-teaser--background-grey
    .featured-articles-with-teaser__grid-background {
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
}
.featured-articles-with-teaser--background-grey
    .featured-articles-with-teaser__inner-grid-content {
    padding-block: var(--spacing-vertical-xxl);
}
.featured-articles-with-teaser--background-grey
    .featured-articles-with-teaser__teaser {
    background-color: var(--teaser-bg-color);
}
.featured-articles-with-teaser--background-white
    .featured-articles-with-teaser__grid-background {
    background-color: var(--classic-bg-color, var(--bg-color-light-00));
}
.featured-articles-with-teaser--background-white
    .featured-articles-with-teaser__teaser {
    --teaser-bg-color: var(--bg-surface-teaser, var(--bg-color-light-02));
    background-color: var(--teaser-bg-color);
}
.featured-articles-with-teaser--full-bleed {
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    margin-block: 0;
}
.featured-articles-with-teaser--full-bleed
    .featured-articles-with-teaser__teaser {
    background-color: var(--teaser-bg-color);
}
.featured-articles-with-teaser--full-bleed
    .featured-articles-with-teaser__grid-background {
    display: none;
}
.featured-articles-with-teaser__inner-grid-content {
    z-index: 1;
    position: relative;
}
.featured-articles-with-teaser__items {
    row-gap: var(--spacing-vertical-l);
}
.featured-articles-with-teaser__item {
    grid-column: 1/-1;
}
.featured-articles-with-teaser__headline .headline {
    margin-bottom: var(--spacing-vertical-l);
}
.featured-articles-with-teaser__headline
    .headline.featured-articles-with-teaser__section-headline {
    margin-bottom: var(--spacing-modular);
}
.featured-articles-with-teaser__section-headline {
    text-transform: uppercase;
}
.featured-articles-with-teaser
    .article-teaser-item__content-link
    .headline__main:has(.headline__icon) {
    padding-right: var(--spacing-horizontal-s);
}
@media (max-width: 47.9375rem) {
    .featured-articles-with-teaser__items--reduced-articles
        .featured-articles-with-teaser__item--article:nth-child(n + 2) {
        display: none;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .featured-articles-with-teaser__item {
        grid-column: span 3;
    }
    .featured-articles-with-teaser__items--2
        .featured-articles-with-teaser__item--teaser {
        grid-column: span 6;
    }
    .featured-articles-with-teaser__items--no-teaser.featured-articles-with-teaser__items--1 {
        flex: 1 0 100%;
        grid-template-columns: none;
        justify-content: center;
        display: flex;
    }
    .featured-articles-with-teaser__items--no-teaser.featured-articles-with-teaser__items--1
        .featured-articles-with-teaser__item {
        width: 50%;
        display: flex;
    }
    .featured-articles-with-teaser__items--no-teaser.featured-articles-with-teaser__items--3
        .featured-articles-with-teaser__item {
        grid-column: span 3;
    }
}
@media (min-width: 64rem) {
    .featured-articles-with-teaser__items {
        row-gap: var(--spacing-vertical-m);
    }
    .featured-articles-with-teaser__item {
        grid-column: span 4;
    }
    .featured-articles-with-teaser__items--1
        .featured-articles-with-teaser__item--teaser {
        grid-column: span 8;
    }
    .featured-articles-with-teaser__items--3
        .featured-articles-with-teaser__item--teaser {
        grid-column: 1/-1;
    }
    .featured-articles-with-teaser__items--no-teaser.featured-articles-with-teaser__items--2
        .featured-articles-with-teaser__item {
        grid-column: 3 / span 4;
    }
    .featured-articles-with-teaser__items--no-teaser.featured-articles-with-teaser__items--2
        .featured-articles-with-teaser__item:last-child {
        grid-column: 7 / span 4;
    }
    .featured-articles-with-teaser__items--no-teaser.featured-articles-with-teaser__items--1
        .featured-articles-with-teaser__item {
        grid-column: 5 / span 4;
    }
}
.featured-articles-with-teaser__teaser {
    flex-direction: column;
    flex: auto;
    height: 100%;
    padding: 1.5rem;
    display: flex;
}
.featured-articles-with-teaser__teaser-headline {
    margin-bottom: var(--spacing-vertical-m);
}
.featured-articles-with-teaser__teaser-text {
    margin-bottom: var(--spacing-vertical-m);
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .featured-articles-with-teaser__teaser-text {
    line-height: 2rem;
}
.featured-articles-with-teaser__teaser-link {
    align-self: stretch;
}
@media (min-width: 48rem) {
    .featured-articles-with-teaser__teaser-text {
        flex: 1 0 auto;
        align-self: stretch;
    }
}
@media (min-width: 64rem) {
    .featured-articles-with-teaser__teaser {
        padding: 2rem 1.5rem;
    }
    .featured-articles-with-teaser__items--3
        .featured-articles-with-teaser__teaser
        > * {
        max-width: 66.6667%;
    }
}
.classic-section--primary
    .featured-articles-with-teaser--background-grey
    .featured-articles-with-teaser__inner-grid-content,
.classic-section--secondary
    .featured-articles-with-teaser--background-grey
    .featured-articles-with-teaser__inner-grid-content,
.classic-section--primary_dark
    .featured-articles-with-teaser--background-grey
    .featured-articles-with-teaser__inner-grid-content {
    padding-block: 0;
}
.classic-section--no-bg
    .featured-articles-with-teaser--background-grey
    .featured-articles-with-teaser__grid-background,
.classic-section--no-bg .featured-articles-with-teaser--full-bleed {
    background-color: var(--bg-color-secondary);
}
.footer {
    --country-list-gap: var(--grid-gutter);
    transition: padding-bottom 1s ease-in-out;
}
.footer__background-column {
    position: absolute;
    inset: 0;
}
.footer__disclaimer {
    margin-block: var(--spacing-vertical-xxxl) var(--spacing-vertical-xxxl);
}
.footer__to-top {
    margin-block: var(--spacing-vertical-xxxl) var(--spacing-vertical-l);
}
.footer__to-top .grid__column {
    justify-content: flex-end;
    width: 100%;
    display: flex;
}
.footer__to-top .to-top {
    white-space: nowrap;
    padding-inline-start: var(--spacing-horizontal-s);
}
.footer__related-websites .footer__background-column {
    background-color: var(--bg-color-light-04);
}
.footer__related-websites .related-websites {
    padding-block: 1.75rem;
}
@media (min-width: 90rem) {
    .footer__related-websites .related-websites {
        padding-block-start: 1.8125rem;
    }
}
.footer__related-websites .related-websites__headline,
.footer__related-websites .header__first-level-link {
    color: var(--text-color-headlines);
    align-items: center;
    font-size: 1rem;
    display: flex;
}
@media (min-width: 90rem) {
    .footer__related-websites .related-websites__headline,
    .footer__related-websites .header__first-level-link {
        font-size: 1.25rem;
        line-height: 1.2;
    }
}
@media (min-width: 48rem) {
    .footer__related-websites .header__first-level-link {
        font-family: var(--font-family-frutiger);
        letter-spacing: normal;
        margin-inline-start: var(--spacing-horizontal-l);
        font-style: normal;
        font-weight: 300;
    }
}
@media (min-width: 90rem) {
    .footer__related-websites .header__first-level-link {
        letter-spacing: 0.5px;
        margin-inline-start: var(--spacing-horizontal-l);
    }
}
@media (min-width: 48rem) {
    .footer__related-websites .related-websites__headline {
        letter-spacing: 0;
    }
}
@media (min-width: 64rem) {
    .footer__related-websites .related-websites__headline {
        letter-spacing: 0.5px;
        line-height: 1.5;
    }
}
.footer__main-footer .accordion {
    border-top: none;
    border-bottom: 1px solid var(--bg-color-light-03);
    margin-inline: calc(var(--grid-margin) * -1);
}
@media (min-width: 48rem) {
    .footer__main-footer .accordion {
        margin-inline: var(--grid-gutter);
        border-bottom: 0;
    }
}
.footer__main-footer .accordion__item .accordion__button:hover,
.footer__main-footer .accordion__item .accordion__button:focus {
    background-color: transparent;
}
.footer__main-footer .accordion__button {
    font-family: var(--font-family-frutiger);
    text-transform: uppercase;
    color: var(--text-color-headlines);
    letter-spacing: 0.5px;
    background-color: transparent;
    padding-block: 1.875rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
}
@media (min-width: 48rem) {
    .footer__main-footer .accordion__button {
        letter-spacing: 0.44px;
        margin-block-end: var(--spacing-vertical-m);
        padding: 0;
        font-size: 0.875rem;
    }
}
.footer__main-footer .grid__column--33 {
    grid-column: 1/-1;
}
@media (min-width: 48rem) {
    .footer__main-footer .grid__column--33 {
        grid-column: span 1;
    }
}
.footer__main-footer .footer__background-column {
    background-color: var(--bg-color-secondary);
}
@media (min-width: 48rem) {
    .footer__navigation {
        margin-bottom: var(--spacing-vertical-l);
        grid-column-gap: var(--country-list-gap);
        padding-inline: var(--country-list-gap);
        grid-template-columns: 1fr 1fr 1fr;
    }
    .footer__navigation .accordion {
        margin-inline-start: inherit;
        margin-inline-end: inherit;
    }
    .footer__navigation .accordion .accordion__content-container {
        padding-inline: 0;
    }
    .footer__navigation:first-child {
        margin-block-start: var(--spacing-vertical-l);
    }
}
@media (min-width: 80rem) {
    .footer__navigation {
        padding-inline-end: var(--country-list-gap);
    }
}
.footer__ai-label {
    margin-block: var(--spacing-vertical-m) var(--spacing-vertical-s);
}
.footer__ai-label--hidden {
    display: none;
}
.footer__ai-label .ai-label__text--short {
    display: inline;
}
.footnote {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.footnote__wrapper {
    gap: var(--spacing-vertical-m);
    flex-direction: column;
    display: flex;
}
.footnote__list {
    gap: var(--spacing-vertical-xs);
    flex-direction: column;
    padding-inline: 1.5rem;
    display: flex;
}
@media (min-width: 80rem) {
    .footnote__list {
        padding-inline: 2rem;
    }
}
.footnote__item {
    letter-spacing: 0.005em;
    color: var(--text-color-text);
    align-items: baseline;
    gap: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: flex;
}
:lang(ar) .footnote__item {
    line-height: 1.5rem;
}
.footnote__item__index {
    font-size: 0.75rem;
    line-height: 1.125rem;
}
.titan-section .footnote {
    margin-top: 0;
    margin-bottom: var(--spacing-vertical-xxxxl);
}
.general-article-stage {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
}
.general-article-stage__back-button {
    margin-bottom: var(--spacing-vertical-m);
}
.general-article-stage__column-content {
    padding-top: var(--spacing-vertical-l);
    grid-column: 1/-1;
}
.general-article-stage__column-content + .grid__column > .divider {
    margin-top: var(--spacing-vertical-l);
}
.general-article-stage .headline__sub {
    margin-top: var(--spacing-vertical-s);
}
.general-article-stage .divider {
    margin: 0;
}
.general-article-stage__details,
.general-article-stage__tags {
    margin-top: var(--spacing-vertical-s);
}
.general-article-stage__tag-list {
    flex-wrap: wrap;
    margin: -0.125rem;
    display: flex;
}
.general-article-stage__tag {
    color: var(--text-color-body);
    background-color: var(--bg-color-light-02);
    border-radius: 4px;
    margin: 0.125rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    display: inline-flex;
}
.general-article-stage__share {
    margin-top: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .general-article-stage__back-button {
        margin-bottom: var(--spacing-vertical-s);
    }
    .general-article-stage__column-content {
        grid-column: 2/6;
    }
}
@media (min-width: 64rem) {
    .general-article-stage__column-content {
        grid-column: 3/-3;
    }
}
.general-teaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
    background-color: var(--bg-color-light-primary);
}
.general-teaser:not(:has(.grid__container)) {
    display: none;
}
.general-teaser--dark {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    background-color: var(--bg-color-secondary);
    margin-top: 0;
    margin-bottom: 0;
}
.general-teaser--no-bottom-padding {
    margin-bottom: 0;
    padding-bottom: 0;
}
.general-teaser__headline {
    padding-bottom: var(--spacing-vertical-l);
}
.general-teaser__full-width .grid__structure {
    align-items: center;
}
.general-teaser__media-large {
    display: none;
}
.general-teaser__media-medium {
    padding-bottom: var(--spacing-vertical-l);
    display: block;
}
.general-teaser .grid__container--full-bleed .text {
    padding-top: var(--spacing-vertical-m);
}
.general-teaser .grid__container--full-bleed .button-link {
    padding-top: var(--spacing-vertical-s);
}
.general-teaser--background-dark
    .general-teaser__50-50
    .grid__structure--50-50 {
    background-color: var(--bg-color-secondary);
}
@media (max-width: 47.9375rem) {
    .general-teaser__headline,
    .general-teaser__description,
    .general-teaser__text-content {
        padding-left: var(--grid-margin);
        padding-right: var(--grid-margin);
    }
    .general-teaser .grid__container {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 63.9375rem) {
    .general-teaser__media-medium,
    .general-teaser--background-dark
        .general-teaser__50-50
        .grid__structure--50-50 {
        padding-bottom: var(--spacing-vertical-m);
    }
}
@media (min-width: 48rem) {
    .general-teaser .grid__structure--50-50 {
        grid-template-columns: repeat(1, 1fr);
    }
    .general-teaser--background-dark
        .general-teaser__50-50
        .general-teaser__text-content {
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
    }
}
@media (min-width: 64rem) {
    .general-teaser--background-dark
        .general-teaser__50-50
        .general-teaser__text-content {
        padding-top: var(--spacing-vertical-m);
        padding-bottom: var(--spacing-vertical-m);
    }
    .general-teaser--text-left
        .grid__structure--50-50
        .grid__column:first-child {
        order: 2;
    }
    .general-teaser--text-left
        .grid__structure--50-50
        .grid__column:nth-child(2) {
        order: 1;
    }
    .general-teaser--text-left
        .general-teaser__full-width
        .grid__structure--50-50
        .grid__column:first-child {
        grid-row-start: 1;
        grid-column-start: 1;
    }
    .general-teaser .grid__structure--50-50 {
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
    }
    .general-teaser .grid__structure--50-50 .grid__column:nth-child(2) {
        padding-left: var(--spacing-horizontal-xxl);
        padding-right: var(--spacing-horizontal-xxl);
    }
    .general-teaser__full-width {
        position: relative;
    }
    .general-teaser__full-width--ratio-1_1 {
        padding-bottom: 100%;
    }
    .general-teaser__full-width--ratio-2_1 {
        padding-bottom: 50%;
    }
    .general-teaser__full-width--ratio-16_9 {
        padding-bottom: 56.25%;
    }
    .general-teaser__full-width--ratio-3_2 {
        padding-bottom: 66.6667%;
    }
    .general-teaser__full-width--ratio-4_3 {
        padding-bottom: 75%;
    }
    .general-teaser__full-width--ratio-9_16 {
        padding-bottom: 177.778%;
    }
    .general-teaser__full-width--ratio-2_3 {
        padding-bottom: 150%;
    }
    .general-teaser__full-width--ratio-3_4 {
        padding-bottom: 133.333%;
    }
    .general-teaser__full-width--ratio-4_1 {
        padding-bottom: 25%;
    }
    .general-teaser__full-width .grid__container,
    .general-teaser__full-width .grid__structure {
        height: 100%;
    }
    .general-teaser__full-width .grid__container {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .general-teaser__full-width .grid__structure {
        align-items: center;
    }
    .general-teaser__full-width .general-teaser__media-large {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .general-teaser__full-width .grid__structure--50-50 {
        padding-left: var(--spacing-horizontal-xxl);
        padding-right: var(--spacing-horizontal-xxl);
        grid-gap: 0;
    }
    .general-teaser__full-width
        .grid__structure--50-50
        .grid__column:first-child {
        grid-column-start: 2;
    }
    .general-teaser__media-large {
        display: block;
    }
    .general-teaser__media-medium {
        display: none;
    }
    .general-teaser--text-light .general-teaser__full-width .headline {
        color: var(--text-color-invert-headlines);
    }
    .general-teaser--text-light .general-teaser__full-width .text {
        color: var(--text-color-invert-body);
    }
    .general-teaser--text-light
        .general-teaser__full-width
        .button-link--link
        .button__text {
        color: var(--interaction-color-grey-link);
        background-repeat: no-repeat;
        background-size: 0% 100%;
        background-image: linear-gradient(
            transparent calc(100% - var(--border-width-s)),
            var(--interaction-color-grey-hover) var(--border-width-s)
        );
        transition: background-size 0.75s ease-in-out;
    }
    [dir="rtl"]
        .general-teaser--text-light
        .general-teaser__full-width
        .button-link--link
        .button__text {
        background-position-x: right;
    }
    :lang(ar)
        .general-teaser--text-light
        .general-teaser__full-width
        .button-link--link
        .button__text {
        background-position-y: -0.1875rem;
    }
    .general-teaser--text-light
        .general-teaser__full-width
        .button-link--link
        .icon
        svg {
        fill: var(--interaction-color-grey-link);
    }
    .general-teaser--text-light
        .general-teaser__full-width
        .button-link--link:hover
        .button__text {
        background-size: 100% 100%;
    }
}
.generic-third-party-html-app-module {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.generic-third-party-html-app-module--no-spacing {
    margin-top: 0;
    margin-bottom: 0;
}
.generic-third-party-html-app-module--full-bleed > .grid__container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}
.grid-and-tiles-module {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.grid-and-tiles-autofill {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.grid-and-tiles-autofill__wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.grid-and-tiles-autofill__headline {
    padding-bottom: var(--spacing-vertical-l);
}
.grid-and-tiles-autofill--magazine,
.grid-and-tiles-autofill--squared {
    grid-gap: var(--spacing-horizontal-xxs);
    padding-bottom: var(--spacing-vertical-xl);
    width: 100%;
    display: grid;
}
@media (min-width: 48rem) {
    .grid-and-tiles-autofill--magazine,
    .grid-and-tiles-autofill--squared {
        grid-template-columns: repeat(6, 1fr);
    }
}
.grid-and-tiles-autofill .grid-and-tiles-tile {
    transform-origin: 0;
    min-height: unset;
    aspect-ratio: 1;
    display: none;
}
.grid-and-tiles-autofill .grid-and-tiles-tile.active {
    display: flex;
}
@media (min-width: 48rem) {
    .grid-and-tiles-autofill .grid-and-tiles-tile {
        grid-column-start: span 3;
    }
}
@media (min-width: 64rem) {
    .grid-and-tiles-autofill .grid-and-tiles-tile {
        grid-column-start: span 2;
    }
    .grid-and-tiles-autofill
        .grid-and-tiles-autofill--magazine
        .grid-and-tiles-tile--large {
        aspect-ratio: 2;
        grid-column-start: span 4;
    }
}
.grid-and-tiles-autofill__show-filters-btn {
    padding-bottom: var(--spacing-vertical-m);
    background-color: var(--bg-color-light-primary);
    transition: padding-top 0.3s ease-in-out;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.grid-and-tiles-autofill__show-filters-btn.sticky {
    padding-top: var(--spacing-vertical-l);
    z-index: 3;
}
@media (min-width: 48rem) {
    .grid-and-tiles-autofill__show-filters-btn {
        display: none;
    }
}
.grid-and-tiles-autofill__filter-bar {
    background-color: var(--bg-color-light-primary);
    flex-direction: column;
    display: flex;
}
@media (max-width: 47.9375rem) {
    .grid-and-tiles-autofill__filter-bar {
        z-index: 20000;
        width: 100vw;
        height: 100vh;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        overflow-y: auto;
    }
    .grid-and-tiles-autofill__filter-bar.active {
        padding: 0;
        display: flex;
    }
}
@media (min-width: 48rem) {
    .grid-and-tiles-autofill__filter-bar {
        padding-bottom: var(--spacing-vertical-m);
        z-index: 2;
        width: 100%;
        transition: padding-top 0.3s ease-in-out;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    .grid-and-tiles-autofill__filter-bar.sticky {
        padding-top: var(--spacing-vertical-l);
        z-index: 3;
    }
}
.grid-and-tiles-autofill__chip-wrapper {
    gap: var(--spacing-horizontal-xs);
    padding: var(--spacing-vertical-l) var(--grid-margin)
        var(--spacing-horizontal-m);
    flex-wrap: wrap;
    margin-bottom: auto;
    display: flex;
}
@media (min-width: 48rem) {
    .grid-and-tiles-autofill__chip-wrapper {
        gap: var(--spacing-horizontal-s);
        align-self: center;
        padding: 0;
    }
}
.grid-and-tiles-autofill__filter-close-btn {
    padding: 1rem var(--grid-margin);
    background: 0 0;
    border: none;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    display: flex;
}
.grid-and-tiles-autofill__filter-close-btn .svg-scale-wrapper {
    width: 1.25rem;
    height: 1.25rem;
}
.grid-and-tiles-autofill__filter-header {
    letter-spacing: 0.015em;
    width: 100%;
    padding: 0 var(--grid-margin);
    color: var(--text-color-headlines);
    font-size: 2rem;
    font-weight: 750;
    line-height: 2.25rem;
}
@media (min-width: 48rem) {
    .grid-and-tiles-autofill__filter-header {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 64rem) {
    .grid-and-tiles-autofill__filter-header {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
@media (min-width: 80rem) {
    .grid-and-tiles-autofill__filter-header {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
@media (min-width: 90rem) {
    .grid-and-tiles-autofill__filter-header {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
}
.grid-and-tiles-autofill__filter-header:after {
    content: "";
    background-color: var(--bg-color-light-02);
    height: 0.125rem;
    margin-top: var(--spacing-vertical-l);
    display: block;
}
.grid-and-tiles-autofill__filter-button-wrapper {
    background-color: var(--bg-color-light-02);
    padding: 1.25rem var(--grid-margin);
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    display: grid;
}
.grid-and-tiles-autofill__filter-reset-btn {
    justify-content: center;
    align-items: center;
    display: flex;
}
@media (min-width: 48rem) {
    .grid-and-tiles-autofill__filter-close-btn,
    .grid-and-tiles-autofill__filter-header,
    .grid-and-tiles-autofill__filter-button-wrapper {
        display: none;
    }
}
.grid-and-tiles-autofill__chip:not(.active) .chip {
    background-color: var(--bg-color-light-04);
    color: var(--text-color-headlines);
}
.grid-and-tiles-autofill__load-more-btn {
    padding: var(--spacing-vertical-m) 0;
    border-top: 1px solid var(--border-color-inactive);
    border-bottom: 2px solid var(--border-color-active);
    width: 100%;
    display: none;
}
@media (min-width: 48rem) {
    .grid-and-tiles-autofill__load-more-btn {
        justify-content: center;
    }
}
.grid-and-tiles-autofill__load-more-btn.active {
    display: flex;
}
@media (max-width: 47.9375rem) {
    .grid-and-tiles-autofill__cta-btn,
    .grid-and-tiles-autofill__cta-btn button {
        width: 100%;
    }
}
.grid-and-tiles-autofill .chip {
    height: unset;
    word-break: break-word;
}
.grid-and-tiles-autofill .chip:focus {
    outline-offset: none;
    outline: none;
}
.classic-section .cmp-container > .gridAndTilesAutofill {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.classic-section
    .cmp-container
    > .gridAndTilesAutofill
    .grid-and-tiles-autofill {
    margin-top: 0;
    margin-bottom: 0;
}
body #content {
    padding-top: var(--header-with-breadcrumb-height, var(--header-height));
}
.header {
    --header-transition-opacity: opacity 0.3s ease-in-out;
    --cta-button-icon-size: 1.25rem;
    --header-button-link-icon-font-size: var(--font-size-nav-1250-1);
    z-index: 5000;
    background-color: var(--color-white);
    transition: all 0.5s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
@media (min-width: 64rem) {
    .header {
        --cta-button-icon-size: 1rem;
        --header-button-link-icon-font-size: var(--font-size-nav-1000-1);
    }
}
.header.header--got-animated .header__meta {
    margin-top: calc(
        var(--header-meta-hidden-height) - var(--header-meta-visible-height)
    );
}
@media (min-width: 64rem) {
    .header.header--got-animated.header--no-campaign.header--with-disclaimer
        .header__meta {
        margin-top: calc(var(--header-meta-visible-height) * -1);
    }
    .header.header--got-animated.header--no-campaign .header__navigation,
    .header.header--got-animated .header__navigation {
        top: calc(
            var(--header-overlay-top-offset-shrink) -
                var(--header-meta-hidden-height)
        );
    }
}
.header.header--got-animated .header__navigation-area {
    height: 4rem;
}
.header.header--got-animated .header__logo {
    z-index: 20;
    padding-inline-end: 1rem;
}
.header.header--got-animated .header__navigation,
.header.header--got-animated.header--no-campaign .header__navigation {
    top: calc(
        var(--header-overlay-top-offset-shrink) -
            var(--header-meta-hidden-height)
    );
}
.header .header__navigation {
    top: var(--header-overlay-top-offset);
}
@media (min-width: 48rem) {
    .header .header__navigation {
        top: calc(
            var(--header-overlay-top-offset) - var(--header-meta-visible-height)
        );
    }
}
.header.header--no-campaign .header__navigation {
    top: var(--header-overlay-top-offset);
}
.header-disclaimer {
    z-index: 40;
}
.header__meta {
    transition: margin-top 0.5s ease-out;
}
@media (min-width: 48rem) {
    .header__meta {
        display: block;
    }
}
.header__meta .header__flex__container {
    box-sizing: border-box;
    max-width: 102rem;
    margin: 0 auto;
    padding-inline-start: var(--grid-margin);
    padding-inline-end: var(--grid-margin);
}
.header__meta .header__flex__structure {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
.header__meta > .grid__structure > .grid__column {
    padding-top: var(--spacing-vertical-xxs);
    padding-bottom: var(--spacing-vertical-xxs);
}
@media (min-width: 48rem) {
    .header__meta > .grid__structure > .grid__column {
        padding-top: var(--spacing-vertical-xs);
        padding-bottom: var(--spacing-vertical-xs);
    }
}
.header__meta .grid__background-column {
    background: var(--bg-color-dark-01);
    position: absolute;
    inset: 0;
}
.header__meta .header__website-area-name {
    letter-spacing: 0.5px;
    z-index: 30;
    width: auto;
    color: var(--text-color-invert-body);
    flex-shrink: 0;
    align-items: start;
    margin-inline-end: var(--spacing-horizontal-xxxxl);
    line-height: 1.5;
    display: flex;
}
.header__meta .header__website-area-name .header__target_group_identifier {
    font-family: var(--font-family-frutiger);
    margin-top: inherit;
    margin-bottom: inherit;
    color: var(--text-color-invert-body);
    margin-inline-start: 0.5rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
}
[dir="rtl"]
    .header__meta
    .header__website-area-name
    .header__target_group_identifier {
    margin-inline-start: 0.25rem;
}
.header__meta
    .header__website-area-name
    .header__target_group_identifier:first-letter {
    text-transform: none;
}
.header__meta .header__first-level-link {
    padding-top: 0;
    padding-bottom: 0;
}
.header__meta .header__first-level-link > .icon {
    top: 45%;
}
.header__target_group_identifier {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.5px;
    color: var(--text-color-headlines);
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-xs);
    margin-inline-start: var(--grid-margin);
    margin-inline-end: var(--grid-margin);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 900;
}
.header__target_group_identifier:first-letter {
    text-transform: uppercase;
}
.header__navigation-area {
    height: var(--header-navigation-area-height);
    flex-wrap: wrap;
    grid-column: 1/-1;
    transition: all 0.5s ease-out;
    display: flex;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .header__navigation-area {
        justify-content: space-between;
    }
}
.header__navigation-area:before {
    content: "";
    background-color: var(--color-white);
    left: calc(var(--grid-margin) * -1);
    right: calc(var(--grid-margin) * -1);
    z-index: 15;
    transition: background-color 0.5s ease-out;
    position: absolute;
    top: 0;
    bottom: 0;
}
.header__navigation-area .header__website-area-name {
    z-index: 20;
    flex-grow: 1;
    align-self: center;
    max-width: calc(100% - 9.75rem);
}
.header__navigation {
    background-color: var(--bg-color-secondary);
    z-index: 10;
    top: var(--header-overlay-top-offset);
    flex-direction: column;
    flex-grow: 1;
    width: 100vw;
    height: auto;
    transition: all 0.5s ease-out;
    display: flex;
    position: fixed;
    bottom: 100vh;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
@media (min-width: 64rem) {
    .header__navigation {
        margin-inline-end: calc(
            var(--spacing-horizontal-m) - var(--spacing-vertical-xxs)
        );
    }
}
.header__navigation .header__first-level-container {
    padding-block: var(--spacing-vertical-s);
    padding-inline: var(--grid-margin);
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}
@media (min-width: 64rem) {
    .header__navigation .header__first-level-container {
        padding-inline: var(--spacing-vertical-xxs);
        flex-direction: row;
    }
}
.header__navigation .header__first-level-container--main-navigation,
.header__navigation
    .header__first-level-container.header__my-zeiss-area--mobile {
    border-bottom: 1px solid var(--border-color-inactive);
}
@media (min-width: 64rem) {
    .header__navigation .header__first-level-container--main-navigation,
    .header__navigation
        .header__first-level-container.header__my-zeiss-area--mobile {
        border-bottom: none;
    }
}
@media (min-width: 48rem) {
    .header__navigation
        .header__first-level-container.header__my-zeiss-area--mobile {
        border-bottom: none;
    }
}
.header__navigation--drilldown-mobile-visible .header__megamenu {
    transition: all 0.5s ease-out;
    position: relative;
    top: 0;
}
@media (min-width: 64rem) {
    .header__navigation {
        z-index: 30;
        min-height: auto;
        position: initial;
        background-color: transparent;
        align-self: center;
        width: auto;
        padding-inline: 0;
        overflow: hidden;
    }
}
.header__first-level-links-list {
    align-self: center;
    align-items: flex-start;
    gap: calc(var(--spacing-horizontal-xxs) - var(--grid-margin));
    flex-direction: column;
    width: 100%;
    display: flex;
}
@media (min-width: 64rem) {
    .header__first-level-links-list {
        align-items: center;
        gap: var(--spacing-horizontal-m);
        flex-direction: row;
        width: auto;
    }
}
.header__first-level-links-list--action-area {
    gap: var(--spacing-horizontal-m);
    z-index: 20;
    flex-direction: row;
    align-items: center;
    width: auto;
    margin-inline-start: auto;
    position: relative;
}
@media (min-width: 64rem) {
    .header__first-level-links-list--action-area {
        margin-inline-start: auto;
    }
}
.header__first-level-links-list--action-area
    .header__first-level-links-list-item:not(
        .header__first-level-link--my-zeiss-area--initialized
    ):has(.header__first-level-link--my-zeiss-area--logged-in) {
    display: none;
}
.header__first-level-links-list--action-area
    .header__first-level-links-list-item:not(
        .header__first-level-link--my-zeiss-area--initialized
    ):has(.header__first-level-link--my-zeiss-area--logged-out) {
    display: none;
}
.header__first-level-links-list--action-area .icon {
    pointer-events: none;
    width: var(--cta-button-icon-size);
}
.header__first-level-links-list--action-area .header__cta-button {
    display: none;
}
@media (min-width: 48rem) {
    .header__first-level-links-list--action-area .header__cta-button {
        display: flex;
    }
    .header__first-level-links-list--action-area
        .header__cta-button
        .button-link--icon
        .icon
        .svg-scale-wrapper {
        transition: width 0.5s ease-out;
    }
}
.header--got-animated
    .header__first-level-links-list--action-area
    .header__cta-button
    .button-link--icon {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.header__first-level-links-list-item-group {
    align-items: center;
    gap: var(--spacing-horizontal-m);
    display: flex;
}
.header__first-level-links-list-item {
    width: 100%;
}
@media (min-width: 64rem) {
    .header__first-level-links-list-item {
        width: auto;
    }
}
.header__first-level-links-list-item--cta-button {
    display: none;
}
@media (min-width: 48rem) {
    .header__first-level-links-list-item--cta-button {
        display: block;
    }
}
.header__utility-links {
    grid-column: 1/-1;
    display: none;
}
@media (min-width: 48rem) {
    .header__utility-links {
        justify-content: flex-end;
        gap: var(--spacing-horizontal-m);
        flex-direction: row;
        grid-column: 5/-1;
        display: flex;
    }
}
@media (min-width: 64rem) {
    .header__utility-links {
        grid-column: 9/-1;
    }
}
.header__utility-links .header__first-level-link {
    --text-color-headlines: var(--text-color-invert-body);
    color: var(--text-color-invert-body);
    letter-spacing: 0.5px;
    text-align: end;
    padding-inline: var(--spacing-horizontal-xxs);
    font-size: 1.25rem;
    line-height: 1.4;
}
@media (min-width: 48rem) {
    .header__utility-links .header__first-level-link {
        letter-spacing: normal;
        font-size: 1rem;
        line-height: 1.5;
    }
}
.header__utility-links .header__first-level-link:hover,
.header__utility-links .header__first-level-link:focus {
    color: var(--color-white);
}
.header__utility-links .header__first-level-link:hover svg path,
.header__utility-links .header__first-level-link:focus svg path {
    fill: var(--color-white);
}
.header__utility-links .header__first-level-link:hover {
    opacity: 0.8;
}
.header__utility-links .header__first-level-link:focus-visible {
    color: var(--color-information-50);
    border-radius: var(--border-radius-s);
}
.header__utility-links .header__first-level-link:focus-visible:after {
    outline-color: var(--color-information-50);
}
.header__utility-links .header__first-level-link:focus-visible svg path {
    fill: var(--color-information-50);
}
.header__utility-links .header__first-level-links-list-item {
    width: auto;
}
.header section.header__utility-links-in-navigation {
    flex: 1 0 auto;
}
@media (min-width: 64rem) {
    .header__first-level-links-list-item--mobile-menu {
        opacity: 0;
        visibility: hidden;
        z-index: 2;
        position: absolute;
        inset-inline-end: 0;
    }
    .header--expanded .main-menu-toggle {
        inset-inline-end: 0.125rem;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .header--expanded .main-menu-toggle:hover svg polygon {
        fill: var(--interaction-color-hover);
    }
    .header--expanded .main-menu-toggle:focus-visible svg polygon {
        fill: var(--interaction-color-hover);
    }
    .header--expanded .header__first-level-links-list-item--mobile-menu {
        opacity: 1;
        visibility: visible;
    }
}
.header__navigation-separator {
    border: 0;
    flex: 1 0 auto;
}
.header .header__related-websites {
    padding-block: var(--spacing-vertical-xxl) 2rem;
    background-color: var(--bg-color-light-04);
    flex: auto;
}
@media (min-width: 48rem) {
    .header .header__related-websites {
        padding-bottom: 2.5rem;
    }
}
.header .header__related-websites .related-websites {
    display: block;
}
.header .header__related-websites .related-websites__headline {
    margin-bottom: 1.5rem;
}
@media (min-width: 48rem) {
    .header .header__related-websites .related-websites__headline {
        margin-bottom: 2rem;
    }
}
.header .header__related-websites .header__first-level-links-list-item {
    margin-inline-start: 0;
}
.header--expanded,
.header--expanded .header__navigation-area:before {
    background-color: var(--bg-color-secondary);
}
.header--expanded:has(.search-mindbreeze) {
    background-color: var(--bg-color-light-primary);
}
.header--expanded:has(.search-mindbreeze) .header__navigation-area:before {
    background-color: var(--bg-color-light-primary);
}
.header--mobile-navigation-open .header__navigation {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    overflow-y: scroll;
}
@media (min-width: 64rem) {
    .header--mobile-navigation-open .header__navigation {
        overflow-y: auto;
    }
}
.header--mobile-navigation-open .header-disclaimer {
    height: 0;
    padding: 0;
    overflow: hidden;
}
.header__my-zeiss-area {
    z-index: 20;
    display: none;
}
@media (min-width: 64rem) {
    .header__my-zeiss-area {
        display: flex;
    }
}
.header__my-zeiss-area
    .header__first-level-links-list-item:not(
        .header__first-level-link--my-zeiss-area--initialized
    ):has(.header__first-level-link--my-zeiss-area--logged-in) {
    display: none;
}
.header__my-zeiss-area
    .header__first-level-links-list-item:not(
        .header__first-level-link--my-zeiss-area--initialized
    ):has(.header__first-level-link--my-zeiss-area--logged-out) {
    display: none;
}
.header__my-extended-icons {
    margin-inline-start: auto;
    margin-inline-end: var(--spacing-horizontal-m);
    display: none;
}
@media (min-width: 64rem) {
    .header__my-extended-icons {
        display: flex;
    }
}
.header__my-extended-icons
    .header__first-level-links-list-item:not(
        .header__first-level-link--my-zeiss-area--initialized
    ):has(.header__first-level-link--my-zeiss-area--logged-in) {
    display: none;
}
.header__my-extended-icons
    .header__first-level-links-list-item:not(
        .header__first-level-link--my-zeiss-area--initialized
    ):has(.header__first-level-link--my-zeiss-area--logged-out) {
    display: none;
}
.header__logo {
    width: var(--header-logo-width-and-height);
    height: var(--header-logo-width-and-height);
    z-index: 20;
    flex-shrink: 0;
    align-self: center;
    align-items: center;
    margin-inline-end: 2.25rem;
    padding-inline-end: 0;
    transition: all 0.5s ease-out;
    display: flex;
    position: relative;
}
.header__logo > .icon {
    pointer-events: none;
    width: 100%;
}
.header__logo:after {
    content: "";
    position: absolute;
    inset: -0.25rem;
}
.header__logo:focus-visible {
    outline: none;
}
.header__logo:focus-visible:after {
    outline-offset: -0.125rem;
    outline: 0.125rem solid var(--color-global-background-focus);
}
.header__backlink {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.5px;
    z-index: 20;
    color: var(--interaction-color-link);
    fill: var(--interaction-color-link);
    opacity: 0;
    align-items: center;
    margin-inline-start: -0.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.header__backlink:hover .icon,
.header__backlink:focus .icon {
    transform: translateX(calc(var(--spacing-vertical-xxs) * -1));
}
.header__backlink:hover {
    color: var(--interaction-color-hover);
    fill: var(--interaction-color-hover);
}
.header__backlink .icon {
    width: 1.5rem;
    transition: transform 0.3s ease-in-out;
}
[dir="rtl"] .header__backlink .icon {
    transform: scaleX(-1);
}
@media (min-width: 64rem) {
    .header__backlink {
        display: none;
    }
}
.header__website-area-name {
    font-family: var(--font-family-frutiger);
    color: var(--text-color-headlines);
    transition: var(--header-transition-opacity);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
}
.header--megamenu-open {
    z-index: 5030;
}
.header--megamenu-open.header__website-area-name {
    opacity: 0;
}
@media (min-width: 48rem) {
    .header--megamenu-open.header__website-area-name {
        opacity: 1;
    }
}
.header .header__cta-button {
    margin-block: var(--spacing-vertical-l);
}
@media (min-width: 48rem) {
    .header .header__cta-button {
        margin-block: 0;
    }
}
.header .header__cta-button .button-link--icon {
    width: 100%;
    padding-inline: var(--spacing-horizontal-s);
    transition: padding 0.5s ease-out;
}
@media (min-width: 48rem) {
    .header .header__cta-button .button-link--icon {
        width: auto;
    }
}
.header .header__cta-button .button-link--icon .button__text {
    font-size: var(--header-button-link-icon-font-size);
}
.header .header__cta-button .button-link__content {
    align-items: center;
    display: flex;
}
.header .header__cta-button .button-link__content .icon {
    margin-block-start: calc(var(--spacing-horizontal-xxs) / 4);
    margin-inline-start: var(--spacing-horizontal-xs);
}
.header .header__cta-button .button-link__content .svg-scale-wrapper {
    width: var(--cta-button-icon-size);
    height: var(--cta-button-icon-size);
}
@media (min-width: 48rem) {
    .header.header--search-open .header__cta-button {
        pointer-events: none;
    }
}
.header__skip-link {
    top: -6.25rem;
    color: var(--bg-color-light-primary);
    z-index: 5001;
    border: 2px solid var(--bg-color-dark-primary);
    background-color: var(--bg-color-light-primary);
    font: var(--text-button-m);
    border-radius: 6px;
    padding: 0.375rem;
    text-decoration: none;
    transition: top 0.5s;
    position: absolute;
    inset-inline-start: 0.313rem;
}
.header__skip-link:focus {
    top: 0.313rem;
}
.header__skip-link__text {
    padding: var(--spacing-vertical-xs) var(--spacing-horizontal-s);
    background-color: var(--interaction-color-hover);
    border-radius: 3px;
}
.headline-stage {
    margin-block: var(--spacing-vertical-xl);
}
.headline-stage .headline {
    grid-column: 1/-1;
}
@media (min-width: 64rem) {
    .headline-stage .headline {
        grid-column: 3 / span 8;
    }
}
.headline-stage .headline__sub {
    margin-top: var(--spacing-vertical-s);
}
.headline-stage--background-white {
    background-color: var(--bg-color-light-primary);
}
.headline-stage--background-light {
    background-color: var(--bg-color-light-02);
}
.headline-stage--background-legacy {
    background-color: var(--bg-color-secondary);
}
.headline-stage--background-light,
.headline-stage--background-legacy {
    padding-top: var(--spacing-vertical-xl);
    margin-block: 0;
}
.headline-stage--background-light,
.headline-stage--background-legacy.headline-stage--bottom-spacing-standard {
    padding-bottom: var(--spacing-vertical-xxl);
}
.headline-stage.headline-stage--bottom-spacing-none,
.headline-stage--background-white.headline-stage--bottom-spacing-none {
    margin-bottom: 0;
}
.headline-stage--bottom-spacing-none {
    padding-bottom: 0;
}
.highlight-video {
    --highlight-video-background-color: var(
        --bg-surface,
        var(--bg-color-light-02)
    );
    margin-bottom: var(--spacing-vertical-xxl);
    margin-top: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-light-primary));
}
.highlight-video--scheme-none {
    --highlight-video-background-color: transparent;
}
.highlight-video--scheme-none .highlight-video__container {
    padding-top: 0;
}
.highlight-video--no-headline .slideshow {
    margin-top: 0;
}
.highlight-video--alignment-left .headline {
    text-align: left;
}
.highlight-video--alignment-center .headline {
    text-align: center;
}
.highlight-video--headline-position-bottom .video-item {
    flex-direction: column-reverse;
}
.highlight-video__container {
    padding-top: var(--spacing-vertical-xxl);
    position: relative;
}
.highlight-video__background {
    height: 100%;
    padding-bottom: calc(
        var(--spacing-vertical-l) + var(--spacing-vertical-xs)
    );
    transition: height 0.45s ease-in-out;
    position: absolute;
    inset: 0;
}
.highlight-video__background:after {
    content: "";
    background-color: var(--highlight-video-background-color);
    width: 100%;
    height: 100%;
    display: block;
}
.highlight-video .slideshow__container {
    overflow: visible;
}
.highlight-video .slideshow__list {
    overflow: hidden;
}
.highlight-video .swiper-slide-active {
    z-index: 1;
}
@media (min-width: 64rem) {
    .highlight-video__background {
        padding-bottom: calc(
            var(--spacing-vertical-xxxl) + var(--spacing-vertical-xs)
        );
    }
}
.highlight-video__grid-column {
    padding-inline: var(--grid-margin);
}
@media (min-width: 64rem) {
    .highlight-video__grid-column {
        padding-inline: 0;
    }
}
.highlight-video .module-headline {
    grid-column: 1/-1;
}
.icon-teaser-collection {
    margin-top: var(--spacing-vertical-xxxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.icon-teaser-collection__header {
    margin-bottom: var(--spacing-vertical-xl);
    gap: var(--spacing-vertical-m);
    flex-direction: column;
    grid-column: span 4;
    display: flex;
}
@media (min-width: 48rem) {
    .icon-teaser-collection__header {
        grid-column: span 6;
    }
}
@media (min-width: 64rem) {
    .icon-teaser-collection__header {
        grid-column: span 8;
    }
}
.icon-teaser-collection .icon-teaser-group .grid__structure {
    grid-row-gap: var(--spacing-vertical-xl);
}
.image-and-text-block {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.image-and-text-block .thumbnail-slideshow__main {
    margin-top: 0;
}
.image-and-text-block__visual {
    z-index: 1;
    margin-bottom: var(--spacing-vertical-m);
    grid-row: 1;
    overflow: hidden;
}
.image-and-text-block__content {
    z-index: 1;
    flex-direction: column;
    flex: 100%;
    grid-row: 2;
    display: flex;
}
.image-and-text-block--image-below .image-and-text-block__visual {
    margin-bottom: 0;
    margin-top: var(--spacing-vertical-m);
    grid-row: 2;
}
.image-and-text-block--image-below .image-and-text-block__content {
    grid-row: 1;
}
@media (min-width: 48rem) {
    .image-and-text-block__visual {
        grid-row: 1;
        margin-bottom: 0;
    }
    .image-and-text-block__content {
        grid-row: 1;
    }
    .image-and-text-block--image-below .image-and-text-block__visual {
        grid-row: 1;
        margin-top: 0;
    }
    .image-and-text-block--image-right .image-and-text-block__visual {
        grid-column: 2;
    }
    .image-and-text-block--image-right .image-and-text-block__content {
        grid-column: 1;
    }
}
.image-comparison {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.image-comparison__headline {
    margin-bottom: var(--spacing-vertical-m);
}
.image-comparison__slider {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-m);
}
.image-comparison__link {
    margin-top: var(--spacing-vertical-s);
}
.image-comparison__100-col,
.image-comparison__50-col {
    order: 2;
}
.image-comparison__100-col:last-child,
.image-comparison__50-col:last-child {
    order: 1;
}
@media (min-width: 64rem) {
    .image-comparison {
        margin-top: var(--spacing-vertical-xl);
    }
    .image-comparison__100-col {
        order: initial;
        grid-column: span 9;
    }
    .image-comparison__50-col {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: var(--spacing-horizontal-xxl);
        margin-right: var(--spacing-horizontal-xxl);
    }
    .image-comparison__slider {
        margin-bottom: 0;
    }
}
.image-slideshow {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.image-slideshow .slideshow {
    margin-top: 0;
}
.image-slideshow__wrapper {
    overflow: hidden;
}
@media (min-width: 90rem) {
    .image-slideshow__wrapper {
        grid-column: 1/-1;
    }
}
.image-slideshow__link {
    margin-top: var(--spacing-vertical-m);
}
#content .aem-GridColumn--default--12:nth-child(2) > div > .in-page-navigation {
    margin-top: 0;
}
.in-page-navigation {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
    padding-top: 0;
    padding-bottom: 0;
    transition: z-index 0.5s;
    position: relative;
}
.in-page-navigation--desktop {
    min-height: 4rem;
    padding-block: 0;
}
.in-page-navigation--desktop .in-page-navigation__navigation-wrapper {
    position: initial;
    flex-wrap: nowrap;
}
.in-page-navigation--desktop .in-page-navigation__navigation-list {
    order: 1;
    width: auto;
    max-height: 100%;
    margin: 0;
    display: flex;
    position: relative;
    height: auto !important;
}
.in-page-navigation--desktop .in-page-navigation__navigation-link {
    flex-shrink: 0;
    padding: 1.25rem 0;
    display: inline;
}
.in-page-navigation--desktop .in-page-navigation__navigation-link:hover {
    color: var(--interaction-color-hover);
    background-color: transparent;
}
.in-page-navigation--desktop .in-page-navigation__navigation-link:focus,
.in-page-navigation--desktop .in-page-navigation__navigation-link--active {
    color: var(--interaction-color-focused);
}
.in-page-navigation--desktop .in-page-navigation__navigation-link--active {
    background-color: transparent;
    position: relative;
}
.in-page-navigation--desktop
    .in-page-navigation__navigation-link--active:after {
    content: "";
    background-color: var(--interaction-color-focused);
    bottom: 0;
    width: 100%;
    height: 0.125rem;
    display: block;
    position: absolute;
    inset-inline-start: 0;
}
.in-page-navigation--desktop
    .in-page-navigation__navigation-link:not(:last-child) {
    margin-inline-end: 2rem;
}
.in-page-navigation--desktop .in-page-navigation__expand-button {
    display: none;
}
.in-page-navigation--mobile .in-page-navigation__navigation-wrapper {
    flex-wrap: wrap;
    position: relative;
}
.in-page-navigation--mobile .in-page-navigation__navigation-list {
    max-height: 0;
    width: calc(100% + var(--grid-margin) * 2);
    margin: 0 calc(var(--grid-margin) * -1);
    order: 3;
    display: block;
    position: static;
}
.in-page-navigation--mobile .in-page-navigation__navigation-link {
    flex-shrink: initial;
    padding: 1.25rem var(--grid-margin);
    display: block;
}
.in-page-navigation--mobile .in-page-navigation__expand-button {
    display: flex;
}
.in-page-navigation.in-page-navigation--expanded .in-page-navigation__grid {
    box-shadow: var(--elevation-raised);
}
.in-page-navigation__grid {
    background: var(--color-white);
}
.header--expanded + main .in-page-navigation {
    z-index: 0;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .in-page-navigation {
        margin-block: var(--spacing-vertical-xl);
    }
}
.in-page-navigation__placeholder {
    display: none;
}
.in-page-navigation--sticky .in-page-navigation__placeholder {
    display: block;
    position: relative;
}
.in-page-navigation--sticky .in-page-navigation__grid {
    width: 100%;
    position: fixed;
    top: 0.188rem;
}
.in-page-navigation--sticky .button-link:not(.button-link--rounded) a,
.in-page-navigation--sticky .button-link:not(.button-link--rounded) button {
    height: 2.5rem;
}
.in-page-navigation.remove-bottom-margin {
    margin-block-end: 0;
}
@media (min-width: 48rem) {
    .in-page-navigation {
        top: 0.25rem;
    }
}
.in-page-navigation__navigation-wrapper {
    background-color: var(--color-white);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .in-page-navigation__navigation-wrapper {
        padding-top: 0.625rem;
    }
}
.in-page-navigation__navigation-list {
    max-height: 0;
    width: calc(100% + var(--grid-margin) * 2);
    background-color: var(--color-white);
    margin: 0 calc(var(--grid-margin) * -1);
    flex-wrap: wrap;
    order: 3;
    transition:
        height 0.3s ease-in,
        max-height 0.3s ease-in;
    overflow: auto;
}
.in-page-navigation__navigation-list.in-page-navigation--expanded {
    max-height: calc(100vh - 4rem);
}
.in-page-navigation__navigation-link {
    color: var(--text-color-headlines);
    padding: 1.25rem var(--grid-margin);
    line-height: 1.5rem;
    display: block;
}
.in-page-navigation__navigation-link:hover {
    background-color: var(--bg-color-secondary);
}
.in-page-navigation__navigation-link--active {
    background-color: var(--bg-color-light-03);
    position: relative;
}
.in-page-navigation__expand-button {
    color: var(--text-color-headlines);
    background-color: var(--color-white);
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-horizontal-xs);
    line-height: 1.5;
    font-family: var(--font-family-frutiger);
    flex: 1 1 0;
    margin-inline-end: var(--spacing-horizontal-s);
    padding-block: 1.15rem;
    padding-inline-end: 2rem;
    font-style: normal;
    font-weight: 700;
    display: flex;
    position: relative;
}
@media (min-width: 48rem) {
    .in-page-navigation__expand-button {
        width: auto;
        min-height: 2.75rem;
    }
}
.in-page-navigation__expand-button .in-page-navigation__expand-button-icon {
    width: 1.5rem;
    height: 1.5rem;
}
.in-page-navigation__expand-button
    .in-page-navigation__expand-button-icon
    .icon {
    transition: transform 0.25s ease-in-out;
}
.in-page-navigation__expand-button.in-page-navigation--expanded .icon {
    transform: rotate(180deg);
}
.in-page-navigation__icon-button {
    order: 2;
}
.infographics-teaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.infographics-teaser__consent-overlay {
    width: 100%;
    padding-top: var(--spacing-vertical-xxxl);
    padding-bottom: var(--spacing-vertical-xxxl);
    display: flex;
    position: relative;
}
.infographics-teaser__consent-overlay .consent-overlay {
    position: relative;
}
.infographics-teaser__consent-overlay .consent-overlay__box {
    max-width: 23rem;
}
.infographics-teaser__consent-overlay--hidden {
    display: none;
}
.infographics-teaser__consent-overlay-fallback-image-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media (min-width: 48rem) {
    .infographics-teaser__consent-overlay-fallback-image-wrapper {
        top: 10%;
    }
}
.infographics-teaser__consent-overlay-fallback-image {
    width: 100%;
}
.infographics-teaser__visme-wrapper--hidden {
    display: none;
}
.inspirational-article-stage .inspirational-article-stage__back-button {
    z-index: 2;
    top: var(--spacing-vertical-s);
    position: absolute;
}
.inspirational-article-stage__content {
    margin-top: var(--spacing-vertical-l);
}
.inspirational-article-stage__metadata
    .inspirational-article-stage__title-wrapper {
    margin-bottom: var(--spacing-vertical-m);
}
.inspirational-article-stage__metadata .inspirational-article-stage__title {
    margin-bottom: var(--spacing-vertical-xxs);
    display: block;
}
@media (min-width: 64rem) {
    .inspirational-article-stage__metadata .inspirational-article-stage__title {
        margin-bottom: var(--spacing-vertical-xs);
    }
}
.inspirational-article-stage__metadata
    .inspirational-article-stage__additional-info {
    margin-bottom: var(--spacing-vertical-s);
}
.inspirational-article-stage__metadata .inspirational-article-stage__eyebrow,
.inspirational-article-stage__metadata
    .inspirational-article-stage__additional-info {
    color: var(--text-color-headlines);
}
.inspirational-article-stage__metadata
    .inspirational-article-stage__author-prefix {
    margin-right: var(--spacing-horizontal-xs);
}
.inspirational-article-stage__metadata
    .inspirational-article-stage__read-time:before,
.inspirational-article-stage__metadata
    .inspirational-article-stage__author-info:before {
    content: "·";
    margin-right: var(--spacing-horizontal-xxs);
}
.inspirational-article-stage__metadata
    .inspirational-article-stage__read-time-suffix,
.inspirational-article-stage__metadata
    .inspirational-article-stage__author-info-suffix {
    margin-left: var(--spacing-horizontal-xxs);
}
.inspirational-article-stage .inspirational-article-stage__share {
    margin-bottom: var(--spacing-vertical-l);
}
.inspirational-article-stage__media {
    margin-bottom: var(--spacing-vertical-l);
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.inspirational-article-stage__media .divider {
    margin-bottom: 0;
}
.inspirational-article-stage__media .button-link--link {
    margin-bottom: var(--spacing-m);
}
.inspirational-article-stage__media .button-link--link .button-link--icon {
    padding-bottom: 0;
}
.inspirational-article-stage--16-9 .background-media {
    flex-direction: column-reverse;
    padding-bottom: 0;
    display: flex;
}
.inspirational-article-stage--16-9 .background-media .background-media-image,
.inspirational-article-stage--16-9 .background-media .background-media-video {
    margin-bottom: var(--spacing-vertical-l);
    position: relative;
}
.inspirational-article-stage--16-9 .inspirational-article-stage__back-button {
    position: static;
}
.inspirational-article-stage:not(.inspirational-article-stage--16-9) {
    margin-bottom: var(--spacing-vertical-l);
    position: relative;
}
@media (min-width: 48rem) {
    .inspirational-article-stage:not(.inspirational-article-stage--16-9)
        .inspirational-article-stage__share {
        margin-bottom: 0;
    }
    .inspirational-article-stage
        .background-media--ratio-1_1
        .background-media-image {
        padding-bottom: 100%;
    }
    .inspirational-article-stage
        .background-media--ratio-2_1
        .background-media-image {
        padding-bottom: 50%;
    }
    .inspirational-article-stage
        .background-media--ratio-3_1
        .background-media-image {
        padding-bottom: 33.3333%;
    }
    .inspirational-article-stage
        .background-media--ratio-16_9
        .background-media-image {
        padding-bottom: 56.25%;
    }
    .inspirational-article-stage
        .background-media--ratio-3_2
        .background-media-image {
        padding-bottom: 66.6667%;
    }
    .inspirational-article-stage
        .background-media--ratio-4_3
        .background-media-image {
        padding-bottom: 75%;
    }
    .inspirational-article-stage
        .background-media--ratio-9_16
        .background-media-image {
        padding-bottom: 177.778%;
    }
    .inspirational-article-stage
        .background-media--ratio-2_3
        .background-media-image {
        padding-bottom: 150%;
    }
    .inspirational-article-stage
        .background-media--ratio-3_4
        .background-media-image {
        padding-bottom: 133.333%;
    }
    .inspirational-article-stage
        .background-media--ratio-4_1
        .background-media-image {
        padding-bottom: 25%;
    }
}
@media (min-width: 64rem) {
    .inspirational-article-stage
        .background-media
        figcaption
        .background-media-fallback-image__copyright {
        display: none;
    }
    .inspirational-article-stage
        .background-media
        figcaption
        .background-media-fallback-image__copyright
        + .background-media-image__copyright {
        display: block;
    }
    .inspirational-article-stage
        .background-media-image
        figcaption
        .inspirational-article-stage-fallback-image__copyright {
        display: none;
    }
    .inspirational-article-stage
        .background-media-image
        figcaption
        .inspirational-article-stage-fallback-image__copyright
        + .inspirational-article-stage-image__copyright {
        display: block;
    }
    .inspirational-article-stage__back-button .button-link--link {
        margin-bottom: var(--spacing-vertical-s);
    }
    .inspirational-article-stage--16-9 .background-media--ratio-16_9 {
        background-color: transparent;
    }
    .inspirational-article-stage--16-9
        .background-media--ratio-16_9
        .background-media-video {
        padding-bottom: 56.25%;
    }
    .inspirational-article-stage--16-9 .background-media-content,
    .inspirational-article-stage--16-9 .background-medias {
        position: relative;
    }
    .inspirational-article-stage:not(.inspirational-article-stage--16-9) {
        margin-bottom: 0;
    }
    .inspirational-article-stage:not(.inspirational-article-stage--16-9)
        .inspirational-article-stage__background-layer {
        z-index: 1;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.59) 40%,
            rgba(255, 255, 255, 0.14) 60%
        );
        flex-direction: column;
        justify-content: center;
        display: flex;
        position: absolute;
        inset: 0;
        overflow: hidden;
    }
    .inspirational-article-stage:not(.inspirational-article-stage--16-9)
        .inspirational-article-stage__content {
        flex-direction: column;
        align-content: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        margin-top: 0;
        display: flex;
    }
    .inspirational-article-stage:not(.inspirational-article-stage--16-9)
        .inspirational-article-stage__content
        .inspirational-article-stage__metadata {
        max-width: 50%;
    }
    .inspirational-article-stage:not(.inspirational-article-stage--16-9)
        .background-media-content {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.59) 40%,
            rgba(255, 255, 255, 0.14) 60%
        );
    }
    .inspirational-article-stage--dark
        .inspirational-article-stage__metadata
        .inspirational-article-stage__eyebrow,
    .inspirational-article-stage--dark
        .inspirational-article-stage__metadata
        .inspirational-article-stage__title,
    .inspirational-article-stage--dark
        .inspirational-article-stage__metadata
        .inspirational-article-stage__subtitle,
    .inspirational-article-stage--dark
        .inspirational-article-stage__metadata
        .inspirational-article-stage__additional-info {
        color: var(--text-color-invert-headlines);
    }
    .inspirational-article-stage--dark:not(.inspirational-article-stage--16-9)
        .background-media-content {
        background: linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.4) 40%,
            rgba(255, 255, 255, 0.14) 60%
        );
    }
}
.interactive-image {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
@media (min-width: 80rem) {
    .interactive-image__text-container {
        grid-column: span 8;
    }
}
.interactive-image__text-container {
    flex-direction: column-reverse;
    display: flex;
}
.interactive-image__text + .interactive-image__headline {
    margin-bottom: var(--spacing-vertical-m);
}
.interactive-image__headline,
.interactive-image__text {
    margin-bottom: var(--spacing-vertical-l);
}
@media (min-width: 48rem) {
    .interactive-image__headline {
        margin-bottom: var(--spacing-vertical-l);
    }
    .interactive-image__text + .interactive-image__headline {
        margin-bottom: var(--spacing-vertical-m);
    }
}
:root {
    --item-overview-item-bg-color: var(--bg-color-light-02);
    --item-overview-tag-bg-color: var(--color-information-20);
    --item-overview-item-hover: var(--elevation-raised);
}
.item-overview {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
@media (min-width: 48rem) {
    .item-overview__app {
        padding-inline-end: var(--spacing-horizontal-xs);
    }
    .item-overview__headline {
        padding-inline: var(--spacing-horizontal-xs);
    }
}
.item-overview__filter-side-bar {
    grid-column: span 4;
}
@media (min-width: 48rem) {
    .item-overview__filter-side-bar {
        grid-column: span 2;
    }
}
@media (min-width: 64rem) {
    .item-overview__filter-side-bar {
        grid-column: span 3;
    }
}
.item-overview__content {
    grid-column: span 4;
}
@media (min-width: 48rem) {
    .item-overview__content {
        padding-top: var(--spacing-horizontal-xxs);
        grid-column: span 4;
    }
}
@media (min-width: 64rem) {
    .item-overview__content {
        grid-column: span 9;
    }
}
.item-overview__list {
    grid-gap: 1.5rem;
    padding: var(--spacing-vertical-s) 0 var(--spacing-vertical-l);
    display: grid;
}
@media (min-width: 48rem) {
    .item-overview__list {
        padding-top: var(--spacing-vertical-l);
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 64rem) {
    .item-overview__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
.item-overview__no-results {
    padding: 1.5rem 3rem 5.5rem;
}
.item-overview__no-results .text {
    text-align: center;
}
.item-overview__item {
    background-color: var(--item-overview-item-bg-color);
    cursor: pointer;
    flex-direction: column;
    transition: box-shadow 0.3s;
    display: flex;
    position: relative;
}
@media (min-width: 64rem) {
    .item-overview__item:hover {
        box-shadow: var(--item-overview-item-hover);
    }
    .item-overview__item:hover .item-overview__item-tag,
    .item-overview__item:hover .item-overview__item-excerpt,
    .item-overview__item:hover .item-overview__item-headline,
    .item-overview__item:hover .item-overview__item-plus-icon {
        z-index: 1;
        position: relative;
    }
    .item-overview__item:before {
        content: "";
        top: 0;
        background-color: var(--item-hover-bg-color);
        opacity: 0;
        width: 100%;
        height: 100%;
        transition: opacity 0.45s;
        position: absolute;
        inset-inline-start: 0;
    }
    .item-overview__item:hover:before {
        opacity: 1;
    }
}
.item-overview__item-image {
    padding-bottom: var(--spacing-vertical-s);
}
.item-overview__item-image--rounded img {
    border-radius: var(--border-radius-full);
    padding: var(--spacing-vertical-s);
}
.item-overview__item-content {
    padding: 0 var(--spacing-horizontal-s);
    flex-direction: column;
    flex-grow: 1;
    display: flex;
}
.item-overview__item-tag-container {
    padding-bottom: var(--spacing-vertical-xs);
    flex-wrap: wrap;
    gap: 0.5rem;
    display: flex;
}
.item-overview__item-tag-wrapper {
    background-color: var(--item-overview-tag-bg-color);
}
.item-overview__item-tag {
    color: var(--headline-color);
    letter-spacing: 0.02em;
    border-radius: 3px;
    padding: 0.125rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.item-overview__item-excerpt {
    padding-top: var(--spacing-vertical-xxs);
}
.item-overview__item-plus-icon {
    height: 3rem;
    color: var(--headline-color);
    justify-content: flex-end;
    align-items: center;
    margin-top: auto;
    display: flex;
}
.item-slide-show {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
}
@media (min-width: 48rem) {
    .item-slide-show .tabs-horizontal {
        margin-inline: calc(var(--spacing-horizontal-s) / 2);
    }
}
.item-slide-show .tabs-horizontal__nav {
    margin-top: var(--spacing-vertical-l);
}
.item-slide-show .tabs-horizontal__nav-indicator:before {
    border-left: var(--spacing-horizontal-xxs) solid var(--bg-color-secondary);
    border-right: var(--spacing-horizontal-xxs) solid var(--bg-color-secondary);
}
.item-slide-show .tabs-horizontal__content--active,
.item-slide-show .tabs-horizontal__single-content {
    margin-block: -4rem;
    margin-inline: calc(var(--spacing-horizontal-xxl) * -1 / 2);
    padding: 4rem calc(var(--spacing-horizontal-s) / 2);
}
@media (min-width: 48rem) {
    .item-slide-show .tabs-horizontal__content--active,
    .item-slide-show .tabs-horizontal__single-content {
        margin-inline: calc(var(--spacing-horizontal-s) * -1 / 2);
    }
}
.item-slide-show .tabs-horizontal__single-content {
    overflow: hidden;
}
.item-slide-show .slideshow {
    margin-top: 0;
}
.item-slide-show .slideshow .slideshow__container {
    padding-top: var(--spacing-vertical-l);
    overflow: unset;
}
.item-slide-show .slideshow .slideshow__container .slideshow__item {
    padding-left: var(--spacing-horizontal-xs);
    padding-right: var(--spacing-horizontal-xs);
}
.item-slide-show .slideshow.slideshow--hide-interaction .swiper-container {
    padding-bottom: var(--spacing-vertical-l);
}
.key-figures {
    margin-top: var(--spacing-vertical-xxxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.key-figures__headline {
    margin-bottom: var(--spacing-vertical-m);
}
.key-figures__headline .headline__main {
    margin-bottom: var(--spacing-vertical-xs);
}
.location-direction {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.location-direction__app {
    width: 100%;
    height: auto;
}
.location-direction__intro {
    margin-bottom: var(--spacing-vertical-m);
    grid-column: 1 / span 4;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .location-direction__intro {
        grid-column: 1 / span 6;
    }
}
@media (min-width: 64rem) {
    .location-direction__intro {
        grid-column: 1 / span 8;
    }
}
.location-direction__text {
    margin-top: var(--spacing-vertical-m);
}
.login-preview {
    margin: var(--spacing-vertical-xxl) 0;
}
.login-preview__column {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.login-preview__media {
    cursor: pointer;
}
.login-preview__media--large {
    display: none;
}
.login-preview__media--medium {
    display: block;
}
.login-preview__media--no-pointer {
    cursor: initial;
}
.login-preview__media__backdrop {
    content: "";
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
@media (min-width: 64rem) {
    .login-preview__media--large {
        display: block;
    }
    .login-preview__media--medium {
        display: none;
    }
}
.login-preview__login {
    background-color: var(--bg-color-light-primary);
    width: 100%;
    box-shadow: var(--elevation-highlight);
    flex-direction: column;
    justify-content: center;
    display: flex;
    position: relative;
    bottom: 0;
    transform: translateY(-40%);
}
@media (min-width: 48rem) {
    .login-preview__login {
        transform: translateY(-50%);
    }
}
@media (min-width: 64rem) {
    .login-preview__login {
        opacity: 0;
        position: absolute;
        left: 0;
        right: 0;
        transform: translateY(0);
    }
}
.med-dealer-link-selector__dropdown-linklist {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-m);
}
.med-dealer-link-selector .dropdown-linklist__expandable {
    max-height: 18.75rem;
    overflow: auto;
}
.med-dealer-link-selector .dropdown-linklist__item--selected {
    background-color: transparent;
}
.media-gallery {
    --item-height: 7rem;
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
@media (min-width: 48rem) {
    .media-gallery {
        --item-height: 14rem;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.media-gallery .module-headline {
    padding-bottom: var(--spacing-vertical-l);
}
.media-gallery__content {
    grid-gap: 0.25rem;
    grid-template-columns: 1fr 1fr;
    display: grid;
}
@media (min-width: 48rem) {
    .media-gallery__content {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 120rem) {
    .media-gallery__content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.media-gallery__footer {
    padding-top: var(--spacing-vertical-s);
    flex-direction: column;
    display: flex;
}
@media (min-width: 48rem) {
    .media-gallery__footer {
        flex-direction: row;
        justify-content: space-between;
    }
    .media-gallery__footer--flex-end {
        justify-content: flex-end;
    }
}
.media-gallery__caption {
    margin-bottom: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .media-gallery__caption {
        flex: 1 0 0;
        margin-bottom: 0;
    }
}
.media-gallery__button a {
    width: 100%;
}
@media (min-width: 48rem) {
    .media-gallery__button {
        margin-left: var(--spacing-horizontal-l);
    }
    .media-gallery__button a {
        width: auto;
    }
}
.media-gallery__button svg {
    top: 0.25rem;
}
.media-gallery .lazy-background-video {
    z-index: unset;
}
.media-gallery .lazy-background-video__video {
    display: block;
}
.media-gallery .lazy-background-video .lazy-background-video__video-controls {
    opacity: 0.8;
}
@media (min-width: 64rem) {
    .media-gallery
        .lazy-background-video
        .lazy-background-video__video-controls {
        display: none;
    }
}
.media-gallery-item {
    height: var(--item-height);
    position: relative;
    overflow: hidden;
}
.media-gallery-item:first-of-type {
    height: calc(var(--item-height) * 2);
    grid-area: item1;
}
@media (min-width: 48rem) {
    .media-gallery-item:first-of-type {
        height: calc(var(--item-height) * 2 + 0.25rem);
    }
}
.media-gallery-item__link {
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition:
        opacity 0.5s,
        background-color 0.5s;
    position: absolute;
    top: 0;
    left: 0;
}
.media-gallery-item__link + .slideshow__motion-icon {
    transition: background-color 0.5s;
}
.media-gallery-item__link ~ .ai-label:after,
.media-gallery-item__link ~ .lazy-background-video .ai-label:after {
    content: "";
    opacity: 0;
    border-radius: var(--border-radius-s);
    width: 100%;
    height: 100%;
    transition:
        opacity 0.5s,
        background-color 0.5s;
    position: absolute;
    top: 0;
    left: 0;
}
@media (min-width: 48rem) {
    .media-gallery-item__link:hover {
        opacity: 1;
        background-color: var(--bg-color-dark-blur);
    }
    .media-gallery-item__link:hover + .slideshow__motion-icon {
        background-color: var(--interaction-color-hover);
    }
    .media-gallery-item__link:hover ~ .ai-label:after {
        opacity: 1;
        background-color: var(--bg-color-dark-blur);
    }
    .media-gallery-item__link:hover
        ~ .lazy-background-video--video-active
        .ai-label:after {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.45);
    }
    .media-gallery-item__link:hover
        ~ .lazy-background-video--video-active
        .ai-label {
        pointer-events: none;
    }
}
.media-gallery-item__content {
    height: 100%;
}
.media-gallery-item__content .video-player,
.media-gallery-item__content .video-player__settings,
.media-gallery-item__content .video-player__scale-wrapper {
    height: inherit;
}
@media (min-width: 48rem) and (max-width: 79.9375rem) {
    .overlay-page
        .media-gallery-item__content:has(.video-player__settings > .ai-label)
        ~ .slideshow__item-content {
        margin-top: var(--spacing-vertical-l);
    }
}
@media (min-width: 80rem) {
    .overlay-page
        .media-gallery-item__content:has(.video-player__settings > .ai-label)
        ~ .slideshow__item-content {
        margin-top: var(--spacing-vertical-m);
    }
}
.media-gallery-item__wrapper {
    height: 100%;
}
.media-gallery-item__wrapper .lazy-background-image {
    z-index: 0;
}
.media-gallery-item__wrapper:hover .lazy-background-image {
    z-index: -1;
}
.media-gallery--count-6 {
    grid-template-areas: "item1 item1" "item1 item1" "item2 item2";
}
@media (min-width: 48rem) {
    .media-gallery--count-6 {
        grid-template-areas: "item1 item1." "item1 item1.";
    }
}
@media (min-width: 120rem) {
    .media-gallery--count-6 {
        grid-template-areas: "item1 item1 item2 item2" "item1 item1 item3 item3" "item4 item4. .";
    }
}
@media (max-width: 47.9375rem) {
    .media-gallery--count-6 .media-gallery-item:nth-of-type(2) {
        grid-area: item2;
    }
}
@media (min-width: 120rem) {
    .media-gallery--count-6 .media-gallery-item:nth-of-type(2) {
        grid-area: item2;
    }
    .media-gallery--count-6 .media-gallery-item:nth-of-type(3) {
        grid-area: item3;
    }
    .media-gallery--count-6 .media-gallery-item:nth-of-type(4) {
        grid-area: item4;
    }
}
.media-gallery--count-5 {
    grid-template-areas: "item1 item1" "item1 item1" "item2 item2" "item3 item3";
}
@media (min-width: 48rem) {
    .media-gallery--count-5 {
        grid-template-areas: "item1 item1 item2" "item1 item1 item2";
    }
}
@media (min-width: 120rem) {
    .media-gallery--count-5 {
        grid-template-areas: "item1 item1 item1 item2" "item1 item1 item1 item2" "item3 item3. .";
    }
}
.media-gallery--count-5 .media-gallery-item:nth-of-type(2) {
    grid-area: item2;
}
@media (max-width: 47.9375rem) {
    .media-gallery--count-5 .media-gallery-item:nth-of-type(3) {
        grid-area: item3;
    }
}
@media (min-width: 48rem) {
    .media-gallery--count-5 .media-gallery-item:nth-of-type(2) {
        height: calc(var(--item-height) * 2 + 0.25rem);
    }
}
@media (min-width: 120rem) {
    .media-gallery--count-5 .media-gallery-item:nth-of-type(3) {
        grid-area: item3;
    }
}
.media-gallery--count-4 {
    grid-template-areas: "item1 item1" "item1 item1" "item2 item2";
}
@media (min-width: 48rem) {
    .media-gallery--count-4 {
        grid-template-areas: "item1 item1." "item1 item1." "item4 item4 item4";
    }
}
@media (min-width: 120rem) {
    .media-gallery--count-4 {
        grid-template-areas: "item1 item1 item2 item2" "item1 item1. .";
    }
}
@media (max-width: 47.9375rem) {
    .media-gallery--count-4 .media-gallery-item:nth-of-type(2) {
        grid-area: item2;
    }
}
@media (min-width: 48rem) and (max-width: 119.938rem) {
    .media-gallery--count-4 .media-gallery-item:nth-of-type(4) {
        grid-area: item4;
    }
}
@media (min-width: 120rem) {
    .media-gallery--count-4 .media-gallery-item:nth-of-type(2) {
        grid-area: item2;
    }
}
.media-gallery--count-3 {
    grid-template-areas: "item1 item1" "item1 item1";
}
@media (min-width: 48rem) {
    .media-gallery--count-3 {
        grid-template-areas: "item1 item1." "item1 item1.";
    }
}
@media (min-width: 120rem) {
    .media-gallery--count-3 {
        grid-template-areas: "item1 item1 item2 item3" "item1 item1 item2 item3";
    }
    .media-gallery--count-3 .media-gallery-item:nth-of-type(2) {
        height: calc(var(--item-height) * 2 + 0.25rem);
        grid-area: item2;
    }
    .media-gallery--count-3 .media-gallery-item:nth-of-type(3) {
        height: calc(var(--item-height) * 2 + 0.25rem);
        grid-area: item3;
    }
}
.media-gallery--count-2 {
    grid-template-areas: "item1 item1" "item1 item1" "item2 item2";
}
@media (min-width: 48rem) {
    .media-gallery--count-2 {
        grid-template-areas: "item1 item1 item2" "item1 item1 item2";
    }
}
@media (min-width: 120rem) {
    .media-gallery--count-2 {
        grid-template-areas: "item1 item1 item1 item2" "item1 item1 item1 item2";
    }
}
.media-gallery--count-2 .media-gallery-item:nth-of-type(2) {
    grid-area: item2;
}
@media (min-width: 48rem) {
    .media-gallery--count-2 .media-gallery-item:nth-of-type(2) {
        height: calc(var(--item-height) * 2 + 0.25rem);
    }
}
@media (min-width: 0) and (max-width: 63.9375rem) {
    .media-gallery .slideshow-pagination-fraction .slideshow__item-content {
        margin-top: 6.25rem;
    }
    .media-gallery .slideshow-pagination-fraction .swiper-button-next {
        right: 1.25rem;
    }
}
@media (max-width: 63.9375rem) {
    .media-gallery
        .slideshow-pagination-fraction
        .slideshow__navigation-button {
        transform: unset;
    }
}
.media-gallery .slideshow__motion-icon {
    z-index: 1;
    pointer-events: none;
    background-color: var(--fill-color-highlight);
    border-radius: 48px;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (min-width: 48rem) {
    .media-gallery .slideshow__motion-icon {
        width: 3.125rem;
        height: 3.125rem;
    }
}
.media-gallery .slideshow__motion-icon .icon {
    width: 1.125rem;
    height: 1.125rem;
}
@media (min-width: 48rem) {
    .media-gallery .slideshow__motion-icon .icon {
        width: 2rem;
        height: 2rem;
    }
}
.media-gallery .slideshow__motion-icon .icon svg {
    fill: var(--fill-color-invert-headlines);
}
@media (min-width: 64rem) {
    .media-gallery .slideshow__item .lazy-background-video__video-controls {
        display: block;
    }
}
.multiple-text-teaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color);
    --text-teaser-headline-height: auto;
}
.multiple-text-teaser__column {
    margin-bottom: var(--spacing-vertical-xl);
    grid-column: span var(--grid-columns);
}
.multiple-text-teaser__column:last-child {
    margin-bottom: 0;
}
.multiple-text-teaser--gray-background {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    margin: 0;
}
@media (min-width: 48rem) {
    .multiple-text-teaser__column {
        margin-bottom: var(--spacing-vertical-xxxl);
    }
}
@media (min-width: 64rem) {
    .multiple-text-teaser
        [data-text-teaser-columns="2"]
        .multiple-text-teaser__column {
        grid-column: span 6;
    }
    .multiple-text-teaser
        [data-text-teaser-columns="3"]
        .multiple-text-teaser__column {
        grid-column: span 4;
    }
    .multiple-text-teaser__column {
        margin-bottom: 0;
    }
    .multiple-text-teaser__column:only-child {
        grid-column: span 8;
    }
    .multiple-text-teaser__column .text-teaser-item__headline {
        height: var(--text-teaser-headline-height);
    }
}
:root {
    --filter-side-bar-blur-bg: rgba(var(--bg-color-light-primary-rgba), 0.8);
    --filter-side-bar-options-bg: var(--bg-color-light-02);
    --filter-side-bar-options-hover-bg: var(--bg-color-light-01);
    --filter-side-bar-options-focus-bg: var(--bg-color-light-05);
    --filter-side-bar-button-group-bg: var(--bg-color-light-01);
    --filter-side-bar-options-count-bg: var(--bg-color-light-04);
}
@media (min-width: 48rem) {
    .filter-side-bar {
        padding-top: var(--spacing-horizontal-xxs);
        padding-inline: var(--spacing-horizontal-s);
        margin-inline-start: calc(var(--spacing-horizontal-xs) * -1);
        position: -webkit-sticky;
        position: sticky;
        overflow-x: hidden;
        overflow-y: auto;
    }
}
@media (min-width: 48rem) {
    .filter-side-bar__filter-label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__filter-label {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .filter-side-bar__filter-label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__filter-label {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .filter-side-bar__filter-label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__filter-label {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .filter-side-bar__filter-label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__filter-label {
        line-height: 1.75rem;
    }
}
.filter-side-bar__search-input
    [data-testid="Autocomplete"]:hover
    input.filter-side-bar__search-input__input,
.filter-side-bar__search-input
    [data-testid="Autocomplete"]:focus
    input.filter-side-bar__search-input__input,
.filter-side-bar__search-input
    [data-testid="Autocomplete"]:hover
    input.filter-side-bar__search-input__input
    ~ div
    > div,
.filter-side-bar__search-input
    [data-testid="Autocomplete"]:focus
    input.filter-side-bar__search-input__input
    ~ div
    > div {
    border-bottom-color: var(--border-strong);
}
.filter-side-bar__search-input--focused
    input.filter-side-bar__search-input__input,
.filter-side-bar__search-input--focused
    input.filter-side-bar__search-input__input
    ~ div
    > div {
    border-bottom-color: var(--border-strong);
}
@media (min-width: 0) and (max-width: 47.9375rem) {
    .filter-side-bar__show-filters-button button,
    .filter-side-bar__show-filters-button a {
        width: 100%;
    }
    .filter-side-bar__filter-wrapper {
        z-index: 20000;
        background-color: var(
            --classic-bg-color,
            var(--bg-color-light-primary)
        );
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 100vw;
        overflow-y: auto;
    }
    .filter-side-bar__close-btn {
        color: var(--headline-color);
        cursor: pointer;
        background-color: transparent;
        border: none;
    }
    .filter-side-bar__header {
        padding: var(--spacing-horizontal-s) var(--spacing-horizontal-m)
            var(--spacing-vertical-m);
        z-index: 20001;
        background-color: var(--filter-side-bar-blur-bg);
        -webkit-backdrop-filter: blur(0.781rem);
        backdrop-filter: blur(0.781rem);
        width: 100%;
        position: fixed;
        top: 0;
    }
    .filter-side-bar__filter-list {
        margin: 4.25rem var(--spacing-vertical-m) 8.5rem;
    }
    .filter-side-bar__footer {
        width: 100%;
        position: fixed;
        bottom: 0;
    }
    .filter-side-bar__footer-btn-wrapper {
        gap: var(--spacing-horizontal-xs);
        background-color: var(--filter-side-bar-button-group-bg);
        padding: var(--spacing-vertical-s) var(--spacing-horizontal-m);
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }
    .filter-side-bar__footer-btn-wrapper button {
        width: 100%;
    }
    .filter-side-bar__search-input {
        margin-bottom: var(--spacing-vertical-m);
    }
    .filter-side-bar__summary {
        gap: var(--spacing-horizontal-xxs);
        padding: var(--spacing-vertical-s) var(--spacing-horizontal-m);
        background-color: var(--filter-side-bar-blur-bg);
        -webkit-backdrop-filter: blur(0.781rem);
        backdrop-filter: blur(0.781rem);
        align-items: baseline;
        display: flex;
    }
    .filter-side-bar__summary-label {
        letter-spacing: 0.005em;
        color: var(--text-color-text);
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__summary-label {
        line-height: 1.75rem;
    }
}
:root {
    --summary-blur-bg: rgba(var(--bg-color-light-primary-rgba), 0.8);
    --color-info: var(--color-information-100);
}
.mindbreeze-content-hub {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.mindbreeze-content-hub__header {
    margin-bottom: var(--spacing-vertical-s);
    justify-content: space-between;
    align-items: baseline;
    display: flex;
}
@media (min-width: 48rem) {
    .mindbreeze-content-hub__header {
        margin-bottom: calc(
            var(--spacing-vertical-xxs) + var(--spacing-vertical-xs)
        );
        padding-inline-start: var(--spacing-horizontal-xs);
    }
}
.mindbreeze-content-hub__content {
    grid-column: span 4;
}
@media (min-width: 64rem) {
    .mindbreeze-content-hub__content {
        grid-column: span 9;
    }
}
.mindbreeze-content-hub__no-results [data-testid="EmptyStateHeadline"] > span {
    color: var(--headline-color);
}
.mindbreeze-content-hub__no-results [data-testid="EmptyStateText"] {
    color: var(--text-color-text);
}
.mindbreeze-content-hub__sidebar {
    grid-column: span 4;
}
@media (min-width: 48rem) {
    .mindbreeze-content-hub__sidebar {
        grid-column: span 2;
    }
}
@media (min-width: 64rem) {
    .mindbreeze-content-hub__sidebar {
        grid-column: span 3;
    }
}
.mindbreeze-content-hub__sidebar .mindbreeze-content-hub__result-count-text {
    letter-spacing: 0.005em;
    color: var(--text-color-text);
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar)
    .mindbreeze-content-hub__sidebar
    .mindbreeze-content-hub__result-count-text {
    line-height: 1.75rem;
}
.mindbreeze-content-hub__sidebar
    .mindbreeze-content-hub__result-count-text--emphasized {
    color: var(--headline-color);
    letter-spacing: 0.005em;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
:lang(ar)
    .mindbreeze-content-hub__sidebar
    .mindbreeze-content-hub__result-count-text--emphasized {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 1.75rem;
    }
}
@media (min-width: 48rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 64rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar)
        .mindbreeze-content-hub__sidebar
        .mindbreeze-content-hub__result-count-text--emphasized {
        line-height: 2rem;
    }
}
.mindbreeze-content-hub-searchform {
    width: 100%;
    height: 3.875rem;
    z-index: var(--z-index-menu);
    position: relative;
}
.mindbreeze-content-hub-searchform ul.ui-menu {
    z-index: var(--z-index-overlay);
    background-color: var(--bg-color-light-00);
    box-shadow: var(--elevation-raised);
    position: absolute;
    right: 0;
    width: 100% !important;
    top: 2.875rem !important;
}
.mindbreeze-content-hub-searchform ul.ui-menu .ui-menu-item,
.mindbreeze-content-hub-searchform ul.ui-menu .ui-autocomplete-category {
    padding: var(--spacing-vertical-xs);
    font: var(--text-body-m);
    cursor: pointer;
}
.mindbreeze-content-hub-searchform ul.ui-menu .ui-menu-item:hover,
.mindbreeze-content-hub-searchform
    ul.ui-menu
    .ui-menu-item[aria-selected="true"],
.mindbreeze-content-hub-searchform ul.ui-menu .ui-autocomplete-category:hover,
.mindbreeze-content-hub-searchform
    ul.ui-menu
    .ui-autocomplete-category[aria-selected="true"] {
    background-color: var(--filter-side-bar-options-hover-bg);
}
.mindbreeze-content-hub-searchform ul.ui-menu .ui-menu-item .matched,
.mindbreeze-content-hub-searchform
    ul.ui-menu
    .ui-autocomplete-category
    .matched {
    font-weight: 700;
}
.mindbreeze-content-hub-searchform
    ul.ui-menu
    .ui-menu-item-wrapper
    .pull-right {
    display: none;
}
.mindbreeze-content-hub-searchform__group {
    padding: var(--spacing-xs);
    flex-direction: column;
    margin-inline-start: calc(var(--spacing-xs) * -1);
    display: flex;
}
.mindbreeze-content-hub-searchform__group-label {
    height: var(--spacing-m);
    margin-bottom: var(--spacing-2xs);
    color: var(--text-color-body);
    font: var(--text-label-m);
    transform: translate(0, var(--spacing-m));
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-inline-end: 3.75rem;
    transition: all 0.2s ease-in-out 50ms;
    overflow: hidden;
}
.active .mindbreeze-content-hub-searchform__group-label {
    font: var(--text-label-xs);
    transform: translate(0);
}
.mindbreeze-content-hub-searchform__group.focused {
    outline: var(--border-width-m) solid var(--color-global-border-focus);
    outline-offset: var(--border-width-m);
    background-color: var(--filter-side-bar-options-bg);
}
.mindbreeze-content-hub-searchform__group-input {
    display: flex;
    position: relative;
}
.mindbreeze-content-hub-searchform__group-input-field {
    width: 100%;
    height: var(--spacing-m);
    min-width: 100%;
    padding-inline-end: 3.75rem;
    padding-bottom: var(--spacing-xs);
    color: var(--color-global-text-strong);
    font: var(--text-input);
    white-space: nowrap;
    text-overflow: ellipsis;
    border: none;
    border-bottom: 1px solid var(--border-subtle);
    background-color: transparent;
    outline: none;
    transition: border-bottom 0.5s ease-in-out;
}
.focused .mindbreeze-content-hub-searchform__group-input-field,
.mindbreeze-content-hub-searchform__group-input-field:hover {
    border-bottom-color: var(--border-strong);
}
.mindbreeze-content-hub-searchform__group-input-options {
    bottom: 0;
    align-items: center;
    display: flex;
    position: absolute;
    inset-inline-end: var(--spacing-0);
}
.mindbreeze-content-hub-searchform__group-input-clear {
    cursor: pointer;
    border-right: var(--spacing-px) solid var(--border-color-inactive);
    padding-inline-end: var(--spacing-xs);
}
.mindbreeze-content-hub-searchform__group-input-clear-button {
    width: 1rem;
    margin-top: 0.063rem;
}
.mindbreeze-content-hub-searchform__group-icon {
    margin: var(--spacing-xs);
}
.mindbreeze-content-hub__filters-reset-button .hidden {
    display: none;
}
.mindbreeze-content-hub__filters-reset-button button {
    border-radius: 0;
}
.mindbreeze-content-hub__results-list {
    grid-gap: var(--grid-gutter);
    opacity: 0;
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-l);
    transition: opacity 0.6s;
    display: grid;
}
@media (min-width: 48rem) {
    .mindbreeze-content-hub__results-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 64rem) {
    .mindbreeze-content-hub__results-list {
        padding-top: var(--spacing-vertical-l);
        grid-template-columns: repeat(3, 1fr);
    }
}
.mindbreeze-content-hub__results-list--loaded {
    opacity: 1;
    transition: opacity 0.6s;
}
.mindbreeze-content-hub__results-list[hidden] {
    display: none;
}
.mindbreeze-content-hub__results-item {
    flex-direction: column;
    display: flex;
}
.mindbreeze-content-hub__results-item:focus-within {
    outline: var(--border-width-m) solid var(--color-global-border-focus);
    outline-offset: var(--border-width-m);
}
.mindbreeze-content-hub__results-link {
    flex-direction: column;
    align-self: stretch;
    display: flex;
    position: relative;
}
.mindbreeze-content-hub__results-link:hover .headline {
    text-decoration: underline;
}
.mindbreeze-content-hub__results-link:focus-visible {
    outline: none;
}
.mindbreeze-content-hub__results-thumbnail {
    margin-bottom: var(--spacing-vertical-xs);
    flex-direction: column;
    display: flex;
    position: relative;
}
.mindbreeze-content-hub__results-img-wrapper {
    background-color: var(--bg-color-light-01);
    flex: 0 100%;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}
.mindbreeze-content-hub__results-img-placeholder {
    background-color: var(--bg-surface, var(--bg-color-secondary));
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.mindbreeze-content-hub__results-img-placeholder .icon {
    width: 100%;
    max-width: 30%;
    height: auto;
}
.mindbreeze-content-hub__results-img-placeholder path {
    fill: var(--color-global-background-09);
}
.mindbreeze-content-hub__results-media-tag {
    padding: var(--spacing-vertical-xxs);
    right: var(--spacing-xs);
    bottom: var(--spacing-xs);
    opacity: 0.8;
    color: var(--color-white);
    background-color: var(--text-color-headlines);
    position: absolute;
}
.mindbreeze-content-hub__results-media-tag .icon {
    width: 1.5rem;
    height: 1.5rem;
}
.mindbreeze-content-hub__results-media-tag .icon svg {
    fill: var(--color-white);
}
.mindbreeze-content-hub__results-content {
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;
    display: flex;
}
.mindbreeze-content-hub__toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-horizontal-s);
    padding: var(--spacing-vertical-m) 1.5rem var(--spacing-vertical-s);
    flex-flow: wrap;
    margin-inline: -1.5rem;
    display: flex;
}
@media (min-width: 48rem) {
    .mindbreeze-content-hub__toolbar {
        gap: var(--spacing-horizontal-m);
        z-index: 1;
        -webkit-backdrop-filter: blur(0.625rem);
        backdrop-filter: blur(0.625rem);
        background-color: var(--summary-blur-bg);
        position: -webkit-sticky;
        position: sticky;
    }
}
.mindbreeze-content-hub__eyebrow {
    gap: var(--spacing-horizontal-s);
    font: var(--text-eyebrow-s);
    display: flex;
}
.mindbreeze-content-hub__eyebrow-sub--emphasized {
    color: var(--color-info);
}
.mindbreeze-content-hub__meta {
    padding-top: var(--spacing-vertical-s);
    flex-direction: column;
    flex: 0 auto;
    display: flex;
}
.mindbreeze-content-hub__meta-span-group {
    gap: var(--spacing-2xs);
    flex-wrap: wrap;
    display: flex;
}
.mindbreeze-content-hub-filters {
    padding-bottom: 0.063rem;
}
.mindbreeze-content-hub-filters__accordion-button {
    width: 100%;
    padding: var(--spacing-l) var(--spacing-horizontal-xs);
    font: var(--text-hl-xs);
    color: var(--headline-color);
    cursor: pointer;
    letter-spacing: 0.005em;
    background-color: transparent;
    border: none;
}
.mindbreeze-content-hub-filters__accordion-button:hover {
    background-color: var(--filter-side-bar-options-hover-bg);
}
.mindbreeze-content-hub-filters__accordion-button[aria-expanded="true"] {
    background-color: var(--filter-side-bar-options-bg);
}
.mindbreeze-content-hub-filters__accordion-button[aria-expanded="true"]
    .mindbreeze-content-hub-filters__icon {
    transform: rotate(180deg);
}
.mindbreeze-content-hub-filters__accordion-button:focus-visible {
    outline: var(--border-width-m) solid var(--color-global-border-focus);
    outline-offset: 0;
}
.mindbreeze-content-hub-filters__accordion-button > span {
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-horizontal-s);
    white-space: normal;
    display: flex;
}
.mindbreeze-content-hub-filters__accordion-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.mindbreeze-content-hub-filters__badge {
    display: contents;
}
.mindbreeze-content-hub-filters__list {
    scrollbar-gutter: stable;
    max-height: 21rem;
    overflow-y: auto;
}
.mindbreeze-content-hub-filters__list-item .checkbox {
    padding: var(--spacing-vertical-xs);
    font: var(--text-body-m);
    color: var(--text-color-text);
    cursor: pointer;
    align-items: baseline;
    display: flex;
}
.mindbreeze-content-hub-filters__list-item .checkbox:hover {
    background-color: var(--filter-side-bar-options-hover-bg);
}
.mindbreeze-content-hub-filters__list-item .checkbox:focus-within {
    background-color: var(--filter-side-bar-options-focus-bg);
}
.mindbreeze-content-hub-filters__list-item .facet-checkbox {
    top: var(--spacing-nano);
    width: var(--spacing-s);
    height: var(--spacing-s);
    margin-top: var(--spacing-2xs);
    margin-bottom: var(--spacing-2xs);
    margin-inline: var(--spacing-0) var(--spacing-xs);
    cursor: pointer;
    color: var(--color-global-information-90);
    border-color: var(--color-global-border-strong);
    background-color: transparent;
    border-radius: 3px;
    flex-shrink: 0;
    position: relative;
}
.mindbreeze-content-hub-filters__list-item .facet-checkbox:focus-visible {
    outline: var(--border-width-m) solid var(--color-global-border-focus);
    outline-offset: var(--border-width-s);
}
.mindbreeze-content-hub-filters__list-item .mb-dont-serialize {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.mindbreeze-content-hub-filters__list-item-count {
    letter-spacing: 0.005em;
    min-width: 1.5rem;
    height: 1.5rem;
    padding-inline: var(--spacing-horizontal-xxs);
    text-align: center;
    color: var(--headline-color);
    background-color: var(--filter-side-bar-options-count-bg);
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-flex;
}
:lang(ar) .mindbreeze-content-hub-filters__list-item-count {
    line-height: 1.5rem;
}
.no-results {
    margin-top: var(--spacing-vertical-xl);
}
.no-results__grid-column {
    flex-direction: column;
    order: 1;
    grid-column: 12 span;
    justify-content: center;
    display: flex;
}
@media (min-width: 64rem) {
    .no-results__grid-column {
        grid-column: 4 span;
    }
}
.no-results__grid-column--large {
    order: 2;
    grid-column: 12 span;
}
@media (min-width: 64rem) {
    .no-results__grid-column--large {
        grid-column: 8 span;
    }
}
@media (min-width: 48rem) {
    .no-results__grid-column,
    .no-results__grid-column--large {
        order: initial;
    }
}
.no-results__headline {
    text-align: center;
    margin-bottom: var(--spacing-vertical-xs);
}
.no-results__text {
    text-align: center;
}
@media (min-width: 48rem) {
    .no-results__headline,
    .no-results__text {
        text-align: left;
    }
}
.no-results__image {
    margin-block: var(--spacing-vertical-l);
}
.notification-tile {
    padding-top: var(--spacing-vertical-xl);
    padding-bottom: var(--spacing-vertical-xl);
}
.notification-tile--background-secondary,
.notification-tile--card-background-secondary .notification-tile__card {
    background-color: var(--bg-color-secondary);
}
.notification-tile--card-background-dark .notification-tile__card {
    background-color: var(--bg-color-dark-00);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.notification-tile__card {
    background-color: var(--bg-color-light-primary);
    padding-left: var(--spacing-horizontal-m);
    padding-right: var(--spacing-horizontal-m);
    padding-bottom: var(--spacing-vertical-l);
    padding-top: var(--spacing-vertical-l);
    border-radius: 8px;
    box-shadow: 0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.08);
}
.notification-tile__button {
    text-align: center;
    width: 100%;
}
.notification-tile__button .button-link a {
    width: 100%;
}
.notification-tile__button .button-link.button-link--link {
    text-align: left;
}
.notification-tile__back-button {
    margin-top: var(--spacing-vertical-s);
}
.notification-tile__button:first-of-type {
    margin-bottom: var(--spacing-vertical-xs);
}
.notification-tile__column-left,
.notification-tile__column-right {
    flex-direction: column;
    grid-column: 1/-1;
    display: flex;
}
.notification-tile__column-right--no-text {
    margin-top: var(--spacing-vertical-xxxl);
    align-items: flex-start;
}
.notification-tile__column-right--no-text .notification-tile__cta {
    width: 100%;
}
@media (min-width: 48rem) {
    .notification-tile__column-right--no-text {
        align-items: flex-end;
    }
    .notification-tile__column-right--no-text .notification-tile__cta {
        width: auto;
    }
}
.notification-tile__cta {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.notification-tile .text {
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-m);
}
.notification-tile .text__unordered_list {
    padding-left: var(--spacing-horizontal-m);
}
.notification-tile .text__unordered_list li:before {
    content: "■";
    font-size: 0.75rem;
}
@media (min-width: 48rem) {
    .notification-tile__card {
        padding-left: var(--spacing-horizontal-l);
        padding-right: var(--spacing-horizontal-l);
    }
    .notification-tile__button,
    .notification-tile__button button,
    .notification-tile__button a {
        width: auto;
    }
    .notification-tile__back-button {
        margin-top: 0;
        margin-left: var(--spacing-horizontal-s);
    }
    .notification-tile__column-right--no-text {
        margin-top: var(--spacing-vertical-m);
    }
    .notification-tile__cta {
        flex-direction: row;
        justify-content: flex-start;
        display: flex;
    }
    .notification-tile__button:first-of-type {
        margin-bottom: 0;
        margin-right: var(--spacing-horizontal-xs);
    }
}
@media (min-width: 64rem) {
    .notification-tile__column-left {
        grid-column: 1/6;
    }
    .notification-tile__column-right {
        flex-direction: column;
        grid-column: 6/-1;
        justify-content: center;
        margin-top: 0;
        display: flex;
    }
    .notification-tile__column-right--no-text {
        grid-column: 6/-1;
    }
    .notification-tile__cta {
        display: flex;
    }
    .notification-tile .text {
        margin-top: 0;
        margin-bottom: var(--spacing-vertical-m);
    }
}
@media (min-width: 80rem) {
    .notification-tile__card {
        padding-left: var(--spacing-horizontal-xxl);
        padding-right: var(--spacing-horizontal-xxl);
        padding-bottom: var(--spacing-vertical-l);
        padding-top: var(--spacing-vertical-l);
    }
}
.overlay {
    display: none;
}
.overlay--opened {
    display: block;
}
.overlay__backdrop {
    display: none;
}
@media (min-width: 48rem) {
    .overlay__backdrop {
        cursor: pointer;
        z-index: 20000;
        -webkit-backdrop-filter: blur(0.25rem);
        backdrop-filter: blur(0.25rem);
        background-color: rgba(0, 0, 0, 0.5);
        display: block;
        position: fixed;
        inset: 0;
        overflow: hidden;
    }
}
.overlay__content {
    z-index: 20001;
    padding-top: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-l);
    padding-left: var(--spacing-horizontal-m);
    padding-right: var(--spacing-horizontal-m);
    background-color: var(--color-white);
    box-sizing: border-box;
    max-height: 100vh;
    position: fixed;
    inset: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.overlay__content--overflow-visible {
    overflow: visible;
}
.overlay__content .grid__container {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 48rem) {
    .overlay__content {
        width: 55%;
        padding: var(--spacing-vertical-l) var(--spacing-horizontal-xxl);
        inset: 50% auto auto 50%;
        transform: translate(-50%, -50%);
    }
}
@media (min-width: 80rem) {
    .overlay__content--size-medium {
        max-width: 44rem;
    }
}
.overlay__content .button-link a,
.overlay__content .button-link button {
    text-align: center;
    width: 100%;
}
.overlay__content .button-group .button-link {
    flex: 1 0 100%;
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 64rem) {
    .overlay__content .button-group .button-link {
        flex: 0 auto;
    }
}
@media (min-width: 48rem) {
    .overlay__content .button-group {
        flex-direction: column;
        align-items: normal;
        gap: 0.5rem;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 64rem) {
    .overlay__content .button-group {
        flex-direction: row-reverse;
        align-items: center;
    }
}
.overlay__content-module > div:first-child {
    margin-top: 0;
}
.overlay__content-module > div:last-child {
    margin-bottom: 0;
}
.overlay__headline {
    margin-bottom: var(--spacing-vertical-s);
}
.overlay__text {
    margin-bottom: var(--spacing-vertical-m);
}
.overlay__close-button-container {
    text-align: right;
    width: 100%;
    margin-bottom: var(--spacing-vertical-s);
    display: none;
}
@media (min-width: 48rem) {
    .overlay__close-button-container {
        width: auto;
        padding-right: var(--spacing-horizontal-s);
        margin-right: calc(var(--spacing-horizontal-xxxl) * -1);
    }
}
.overlay__close-button {
    display: inline-block;
    overflow: hidden;
}
.overlay__close-button .icon {
    width: 1.5rem;
}
.overlay__with-close-button .overlay__content {
    padding-top: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .overlay__with-close-button .overlay__content {
        padding-top: var(--spacing-vertical-s);
    }
}
.overlay__with-close-button .overlay__close-button-container {
    display: block;
}
.overlay .button-group .button-link:not(:first-child) {
    margin-bottom: 0.5rem;
}
.overlay__btn-continue {
    order: 2;
}
.overlay__btn-abort {
    order: 1;
}
@media (min-width: 64rem) {
    .overlay__btn-continue {
        order: 1;
    }
    .overlay__btn-abort {
        order: 2;
    }
}
@media (min-width: 48rem) {
    .overlay__extended .overlay__content,
    .overlay__video .overlay__content {
        width: 80%;
    }
}
@media (min-width: 64rem) {
    .overlay__extended .overlay__content,
    .overlay__video .overlay__content {
        width: 70%;
    }
}
.overlay__extended .overlay__headline,
.overlay__video .overlay__headline {
    text-align: center;
}
@media (min-width: 48rem) {
    .overlay .button-group .button-link:not(:first-child) {
        margin-bottom: 0;
    }
    .overlay__top-margin .overlay__content {
        margin-top: var(--spacing-vertical-xxl);
        margin-bottom: var(--spacing-vertical-xxl);
        max-height: calc(100vh - var(--spacing-vertical-xxl) * 2);
        top: 0;
        transform: translate(-50%);
    }
}
.overlay__gradient {
    display: none;
}
.overlay__apply-gradient .overlay__gradient {
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
    width: 100%;
    height: 20%;
    display: block;
    position: absolute;
    left: 0;
}
.overlay__module {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.overlay__module .grid__container {
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.overlay__module .grid__container .grid__container {
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    max-width: 102rem;
}
.overlay__module:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.overlay__video-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}
.overlay__video-player {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.overlay__video video::-webkit-media-controls-timeline {
    display: none;
}
.overlay__video-content-wrapper {
    padding: var(--spacing-vertical-m) var(--spacing-horizontal-m) 0;
    justify-content: space-between;
    gap: var(--spacing-vertical-m);
    flex-direction: column;
    flex-grow: 1;
    display: flex;
    overflow-y: auto;
}
@media (min-width: 64rem) {
    .overlay__video-content-wrapper {
        gap: var(--spacing-vertical-s);
        padding: var(--spacing-vertical-s) 0 0;
        flex-direction: row;
    }
    .overlay__video-content-wrapper .button-link__content {
        white-space: nowrap;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .overlay__video-content-wrapper {
        padding-left: var(--spacing-horizontal-l);
        padding-right: var(--spacing-horizontal-l);
    }
}
.overlay__video-content {
    gap: var(--spacing-vertical-xxs);
    flex-direction: column;
    display: flex;
    overflow-y: auto;
}
@media (min-width: 64rem) {
    .overlay__video-content {
        gap: 0;
    }
}
.overlay__video-content .text {
    color: var(--text-color-invert-body);
}
.overlay__video .overlay__content {
    background-color: var(--color-black);
    padding: var(--spacing-vertical-m) 0 var(--spacing-vertical-l) 0;
    flex-direction: column;
    display: flex;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .overlay__video .overlay__content {
        width: 100%;
        height: 100%;
        max-height: unset;
        margin: 0;
        overflow: hidden;
    }
}
@media (min-width: 64rem) {
    .overlay__video .overlay__content {
        padding: var(--spacing-vertical-xs) var(--spacing-horizontal-s)
            var(--spacing-vertical-s);
    }
    .overlay__video.overlay__top-margin .overlay__content {
        margin-top: var(--spacing-vertical-l);
        margin-bottom: var(--spacing-vertical-l);
        max-height: calc(100vh - var(--spacing-vertical-l) * 2);
    }
}
.overlay__video .overlay__close-button-container {
    margin-bottom: var(--spacing-vertical-s);
    padding-right: var(--spacing-horizontal-m);
    margin-right: 0;
}
@media (min-width: 64rem) {
    .overlay__video .overlay__close-button-container {
        margin-bottom: var(--spacing-vertical-xs);
        padding-right: 0;
        position: relative;
        right: -0.75rem;
    }
}
.overlay__video .overlay__close-button-container svg {
    fill: var(--color-white);
}
.page-utility-bar {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.page-utility-bar .divider {
    margin-bottom: var(--spacing-vertical-m);
    grid-area: 1/1 / auto/-1;
}
.page-utility-bar .divider:last-child {
    margin-top: var(--spacing-vertical-m);
    grid-row: 4;
    margin-bottom: 0;
}
.page-utility-bar__label {
    margin-bottom: var(--spacing-vertical-xs);
    text-align: center;
    color: var(--text-color-text);
    letter-spacing: 0.5px;
    grid-area: 2/1 / auto/-1;
    line-height: 1.5rem;
}
.page-utility-bar__share-container {
    grid-area: 3/1 / auto/-1;
    margin: 0 auto;
}
@media (min-width: 64rem) {
    .page-utility-bar .divider:last-child {
        grid-row: 3;
    }
    .page-utility-bar__label {
        text-align: left;
        flex-direction: column;
        grid-area: 2/1 / auto/3;
        justify-content: center;
        margin-bottom: 0;
        display: flex;
    }
    .page-utility-bar__share-container {
        grid-area: 2/3 / auto/-1;
        margin: 0;
    }
}
.parallax-video {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
    width: 100%;
    position: relative;
    overflow: hidden;
}
.parallax-video__headline,
.parallax-video__video {
    grid-column: 1/-1;
}
@media (min-width: 0) and (max-width: 63.9375rem) {
    .parallax-video__video:has(.ai-label) ~ .parallax-video__card {
        padding-top: var(--spacing-vertical-m);
    }
}
.parallax-video__card {
    padding-top: var(--spacing-vertical-s);
    grid-column: 1/-1;
}
.parallax-video__card-image {
    grid-column: span 3;
}
.parallax-video__card-text {
    padding-top: var(--spacing-vertical-s);
    color: var(--color-black);
    grid-column: span 3;
}
.parallax-video__card-text .hl--sub {
    font-family: var(--font-family-frutiger);
    font-style: normal;
    font-weight: 900;
}
@media (min-width: 48rem) {
    .parallax-video__headline .headline__main {
        opacity: 0;
        width: 100%;
        margin-left: -6.25rem;
    }
    .parallax-video__video {
        opacity: 0;
        z-index: 1;
        max-width: calc(100vw - 3.75rem);
        margin-left: -6.25rem;
    }
    .parallax-video__card {
        opacity: 0;
        width: 100%;
        margin-left: 6.25rem;
    }
    .parallax-video__card-image,
    .parallax-video__card-text {
        grid-column: span 3;
        padding-top: 0;
    }
}
@media (min-width: 64rem) {
    .parallax-video {
        position: relative;
    }
    .parallax-video__headline {
        grid-column: span 8;
    }
    .parallax-video__video {
        width: calc(
            (100% - var(--grid-gutter) * 11) / 12 * 9 + var(--grid-gutter) * 8
        );
        max-width: 100%;
        margin-top: 0;
        padding-top: 0;
        position: absolute;
    }
    .parallax-video__video .video-player {
        grid-column: span 9;
    }
    .parallax-video__video .video-player--with-frame {
        margin-top: 0.5rem;
    }
    .parallax-video__card {
        grid-column: span 4;
        padding-top: 0;
    }
    .parallax-video__card-image {
        grid-column: 1/-1;
    }
    .parallax-video__card-text {
        padding-top: var(--spacing-vertical-s);
        grid-column: 4 / span 8;
        margin-top: 0;
    }
}
.med-personalized-ads-flyout {
    bottom: var(--spacing-horizontal-m);
    left: var(--spacing-horizontal-m);
    right: var(--spacing-horizontal-m);
    background-color: var(--color-white);
    box-shadow: var(--elevation-raised);
    z-index: 100;
    position: fixed;
    overflow: hidden;
}
@media (min-width: 48rem) {
    .med-personalized-ads-flyout {
        width: 25rem;
        left: auto;
    }
}
.med-personalized-ads-flyout__text-container {
    height: 100%;
    padding: var(--spacing-vertical-l) var(--spacing-horizontal-m);
    position: relative;
}
@media (min-width: 48rem) {
    .med-personalized-ads-flyout__text-container {
        padding: var(--spacing-vertical-l) var(--spacing-horizontal-l);
    }
}
@media (min-width: 64rem) {
    .med-personalized-ads-flyout__text-container {
        padding: var(--spacing-vertical-l) var(--spacing-horizontal-xxl);
    }
}
.med-personalized-ads-flyout__text-container--indicator {
    padding-bottom: calc(var(--spacing-vertical-s) + var(--spacing-vertical-m));
}
.med-personalized-ads-flyout__text,
.med-personalized-ads-flyout .button-link {
    margin-top: var(--spacing-vertical-s);
}
.med-personalized-ads-flyout--display-none {
    display: none;
}
.med-personalized-ads-flyout .icon {
    width: 1.25rem;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.med-personalized-ads-flyout__close-button {
    width: 2.5rem;
    height: 2.5rem;
    top: var(--spacing-vertical-s);
    right: var(--spacing-horizontal-s);
    cursor: pointer;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.7);
    border: 0;
    border-radius: 50%;
    font-size: 100%;
    transition:
        fill 0.45s,
        transform 0.45s,
        box-shadow 0.45s,
        opacity 1s;
    position: absolute;
}
.med-personalized-ads-flyout__close-button svg {
    fill: var(--bg-color-dark-03);
    transition: transform 0.45s;
}
.med-personalized-ads-flyout__close-button:hover {
    transform: scale(1.2);
}
.med-personalized-ads-flyout__close-button:hover svg {
    transform: scale(0.83);
}
.med-personalized-ads-flyout__close-button:focus {
    box-shadow: 0 0 0 0.25rem var(--bg-color-light-03);
    outline: none;
}
.podcast {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.podcast__player-wrapper--hidden {
    display: none;
}
@media (min-width: 80rem) {
    .podcast__headline {
        text-align: center;
    }
}
.podcast__consent-overlay {
    width: 100%;
    display: flex;
    position: relative;
}
.podcast__consent-overlay .consent-overlay {
    position: relative;
}
.podcast__consent-overlay .consent-overlay__box {
    max-width: 23rem;
    padding-block: var(--spacing-vertical-l);
}
.podcast__consent-overlay--hidden {
    display: none;
}
.podcast__consent-overlay-fallback-image-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media (min-width: 48rem) {
    .podcast__consent-overlay-fallback-image-wrapper {
        top: 0.625rem;
    }
}
.podcast__consent-overlay-fallback-image {
    width: 100%;
}
.product-overview {
    padding-top: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
}
.product-overview--sticky {
    padding-top: var(--category-navigation-height);
}
.product-overview--background-white {
    padding-top: var(--spacing-vertical-xxxl);
    background-color: var(--classic-bg-color, var(--bg-color-light-00));
}
.product-overview--background-white .product-overview__headline-container {
    padding-top: 0;
}
.product-overview--background-white .product-overview__category-container {
    padding-bottom: 0;
}
.product-overview__overview-container {
    margin-top: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-xxl);
}
.product-overview__navigation-container {
    grid-column: span 4;
}
@media (min-width: 48rem) {
    .product-overview__navigation-container {
        grid-column: span 6;
    }
}
@media (min-width: 64rem) {
    .product-overview__navigation-container {
        grid-column: span 3;
    }
}
.product-overview__category-container {
    grid-column: span 4;
}
@media (min-width: 48rem) {
    .product-overview__category-container {
        grid-column: span 6;
    }
}
@media (min-width: 64rem) {
    .product-overview__category-container {
        grid-column: span 9;
    }
    .product-overview__overview-container:not(
            :has(.product-overview__navigation-container)
        )
        .product-overview__category-container {
        grid-column: span 12;
    }
}
.product-overview__category-products {
    display: none;
}
.product-overview__category-products--visible,
.no-js .product-overview__category-products {
    display: block;
}
.product-overview__products-large:not(:only-of-type) {
    margin-bottom: var(--grid-gutter);
}
@media (max-width: 47.9375rem) {
    .product-overview__category-container .grid__container {
        padding: 0;
    }
}
.classic-section--secondary .product-overview,
.classic-section--primary_dark .product-overview {
    padding-block: 0;
}
.product-profile {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
}
.product-profile__grid {
    border-top: 1px solid var(--border-subtle);
    padding-top: var(--spacing-vertical-l);
    border-bottom: 1px solid var(--border-subtle);
    padding-bottom: var(--spacing-vertical-l);
}
.product-profile__column--content {
    flex-direction: column;
    grid-column: 1/-1;
    justify-content: center;
    display: flex;
}
.product-profile__column--image {
    grid-column: 1 / span 2;
}
.product-profile__image {
    width: 9.25rem;
    margin-bottom: var(--spacing-vertical-m);
    max-width: 100%;
}
.product-profile__description-text {
    margin-bottom: var(--spacing-vertical-s);
}
@media (min-width: 48rem) {
    .product-profile__description-text {
        margin-bottom: var(--spacing-vertical-xs);
    }
    .product-profile__column--image {
        grid-column: 2 / span 2;
    }
    .product-profile__column--content {
        grid-column: 2/-2;
    }
    .product-profile__column--content .headline {
        margin-bottom: var(--spacing-vertical-xxs);
    }
}
@media (min-width: 64rem) {
    .product-profile__column--image {
        grid-column: 1 / span 2;
        margin: 0;
    }
    .product-profile__column--content {
        grid-column: 3/-3;
    }
    .product-profile__image {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 90rem) {
    .product-profile__column--image {
        grid-column: 1 / span 2;
    }
}
.profile-collection {
    --module-border-color-top: var(--border-strong);
    --module-border-color-bottom: var(--border-color-inactive);
    --module-border-color-expandable: var(--border-strong);
    --spacer-border-color: var(--border-subtlest);
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
}
.profile-collection--hide-small-screen .profile-collection__content-medium {
    display: none;
}
.profile-collection__content {
    padding-bottom: var(--spacing-vertical-l);
}
.profile-collection__content--bottom-border {
    border-bottom: 2px solid var(--module-border-color-bottom);
}
.profile-collection__content--top-border {
    border-top: 2px solid var(--module-border-color-top);
}
.profile-collection--hide-small-screen,
.profile-collection--is-expandable {
    --module-border-color-bottom: var(--module-border-color-expandable);
}
.profile-collection__content-collapse {
    height: 0;
    overflow: hidden;
}
.profile-collection__controls {
    border-top: 1px solid var(--spacer-border-color);
    margin-top: var(--spacing-vertical-m);
    padding-top: var(--spacing-vertical-m);
    flex: 1 0 100%;
    justify-content: left;
    display: flex;
}
.profile-collection__controls-small {
    border-top: none;
    margin-top: 0;
}
.profile-collection__controls-small--expanded {
    border-top: 1px solid var(--spacer-border-color);
    margin-top: var(--spacing-vertical-m);
}
.profile-collection__item {
    margin-top: var(--spacing-vertical-l);
    grid-column: 1/-1;
}
@media (min-width: 48rem) {
    .profile-collection__controls {
        justify-content: center;
    }
    .profile-collection--hide-small-screen .profile-collection__content-medium {
        display: block;
    }
    .profile-collection--hide-small-screen .profile-collection__content-small {
        display: none;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .profile-collection .profile-collection__item {
        grid-column: 2 / span 4;
    }
}
@media (min-width: 80rem) {
    .profile-collection .profile-collection__item {
        grid-column: span 6;
    }
    .profile-collection
        [data-primary-count="1"]
        .profile-collection__structure--primary
        .profile-collection__item {
        grid-column: 1/-1;
    }
    .profile-collection [data-primary-count="3"] .profile-collection__item,
    .profile-collection [data-primary-count="4"] .profile-collection__item,
    .profile-collection [data-primary-count="5"] .profile-collection__item,
    .profile-collection [data-primary-count="6"] .profile-collection__item {
        grid-column: span 4;
    }
    .profile-collection__content {
        padding-bottom: var(--spacing-vertical-l);
    }
    .profile-collection__item {
        margin-top: var(--spacing-vertical-l);
    }
    .profile-collection__controls {
        margin-top: var(--spacing-vertical-l);
        padding-top: var(--spacing-vertical-l);
    }
}
.quotation {
    color: var(--text-color-headlines);
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.quotation__slideshow .swiper-container {
    position: unset;
}
.quotation__slideshow .slideshow__list .slideshow__item {
    box-sizing: border-box;
    flex: 0 0 100%;
    padding: 0;
}
.quotation__slideshow .slideshow__list .slideshow__item .quotation__item {
    padding: var(--spacing-vertical-l) var(--spacing-horizontal-m);
}
.quotation__slideshow .slideshow__list .quotation__item {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.quotation__slideshow .slideshow__navigation-button {
    width: 5rem;
    height: auto;
    position: absolute;
    transform: none;
}
.quotation__slideshow .slideshow__navigation-button--next {
    right: -2rem;
}
.quotation__slideshow .slideshow__navigation-button--right {
    left: -2rem;
}
.quotation__slideshow .slideshow__pagination-bar {
    margin-top: var(--spacing-vertical-l);
}
.quotation__slideshow .slideshow__navigation-circle:after {
    background-color: rgba(78, 86, 95, 0.8);
}
.quotation__item {
    padding: var(--spacing-vertical-l) var(--spacing-horizontal-m);
    background-color: var(--bg-surface, var(--bg-color-secondary));
    display: block;
}
.quotation__image {
    width: 9.25rem;
    margin: 0 auto var(--spacing-vertical-m);
    overflow: hidden;
}
.quotation--large-image .quotation__image {
    width: 12rem;
}
.quotation__icon {
    align-self: self-start;
    width: 3rem;
}
.quotation__icon svg {
    fill: var(--icon-subtlest);
}
.quotation__quote {
    z-index: 1;
    margin-top: var(--spacing-vertical-s);
    letter-spacing: 0.01em;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.875rem;
    transition: font-size 0.3s;
}
:lang(ar) .quotation__quote {
    line-height: 2.375rem;
}
@media (min-width: 48rem) {
    .quotation__quote {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 3rem;
    }
}
@media (min-width: 64rem) {
    .quotation__quote {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 3rem;
    }
}
@media (min-width: 80rem) {
    .quotation__quote {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 4rem;
    }
}
@media (min-width: 90rem) {
    .quotation__quote {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 4rem;
    }
}
.quotation__cta {
    margin-top: var(--spacing-vertical-s);
}
.quotation__titles {
    margin-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .quotation__slideshow .slideshow__list .slideshow__item {
        flex: 0 0 50%;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .quotation__slideshow .slideshow__list .slideshow__item .quotation__item {
        padding: var(--spacing-vertical-l) var(--spacing-horizontal-l);
    }
    .quotation__slideshow .slideshow__list .slideshow__item .quotation__image {
        margin: 0 auto var(--spacing-vertical-m);
    }
    .quotation__slideshow .slideshow__navigation-button--next {
        right: -1.5rem;
    }
    .quotation__slideshow .slideshow__navigation-button--right {
        left: -1.5rem;
    }
    .quotation .quotation__item {
        gap: var(--spacing-horizontal-xl);
        padding: var(--spacing-vertical-m) var(--spacing-horizontal-m);
        display: flex;
    }
    .quotation__slideshow .quotation__item {
        display: block;
    }
    .quotation__icon {
        margin-top: 0;
    }
    .quotation__content {
        align-self: self-start;
    }
    .quotation__image {
        margin: 0 0 var(--spacing-vertical-m);
        flex: 0 0 8rem;
        width: 10rem;
    }
    .quotation--large-image .quotation__image {
        flex: 0 0 10rem;
        width: 14rem;
    }
    .quotation__quote {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 2rem;
    }
}
@media (min-width: 48rem) and (min-width: 48rem) {
    .quotation__quote {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 2.625rem;
    }
}
@media (min-width: 48rem) and (min-width: 64rem) {
    .quotation__quote {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 2.625rem;
    }
}
@media (min-width: 48rem) and (min-width: 80rem) {
    .quotation__quote {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 3rem;
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    .quotation__quote {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .quotation__quote {
        line-height: 3rem;
    }
}
@media (min-width: 64rem) {
    .quotation__wrapper,
    .quotation .quotation__item {
        padding: var(--spacing-vertical-m) var(--spacing-horizontal-l);
    }
    .quotation__icon {
        width: 4rem;
    }
    .quotation__image {
        flex: 0 0 10rem;
        width: 12rem;
    }
    .quotation--large-image .quotation__image {
        flex: 0 0 12rem;
        width: 16rem;
    }
}
@media (min-width: 80rem) {
    .quotation__slideshow .slideshow__list .slideshow__item .quotation__item {
        padding: var(--spacing-vertical-l) var(--spacing-horizontal-xxxxl);
    }
    .quotation__slideshow .slideshow__navigation-button--next {
        right: -3.5rem;
    }
    .quotation__slideshow .slideshow__navigation-button--right {
        left: -3.5rem;
    }
    .quotation .quotation__item {
        padding: var(--spacing-vertical-m) var(--spacing-horizontal-l);
    }
    .quotation__image {
        flex: 0 0 12rem;
        width: 14rem;
    }
    .quotation--large-image .quotation__image {
        flex: 0 0 14rem;
        width: 18rem;
    }
}
.related-products {
    margin-block: var(--spacing-vertical-xxl);
    overflow: hidden;
}
.related-products__slideshow {
    margin-top: 0;
    margin-bottom: var(--spacing-vertical-m);
}
.related-products__slideshow .slideshow__container {
    padding-top: var(--spacing-vertical-l);
    overflow: unset;
}
.related-products__slideshow .slideshow__item {
    width: 15rem;
    padding-left: var(--spacing-horizontal-xs);
    padding-right: var(--spacing-horizontal-xs);
    flex: none;
}
.classic-section
    .cmp-container
    > :last-of-type.related-products-wrapper
    .related-products {
    margin-bottom: 0 !important;
}
.classic-section
    .cmp-container:has(.in-page-marker:last-child)
    > :nth-last-child(2).related-products-wrapper
    .related-products {
    margin-bottom: 0 !important;
}
.related-products .product-item__image {
    background-color: var(--bg-color-light-00);
}
:root {
    --scroll-animation-bg-color: #000;
}
.scroll-animation {
    background-color: var(--scroll-animation-bg-color);
    color: var(--text-color-invert-body);
    position: relative;
    overflow: hidden;
}
.scroll-animation__nav-sticky {
    z-index: 20000;
}
.scroll-animation__nav-sticky
    .scroll-animation__navigation__navigation-wrapper {
    top: 0;
    bottom: 0;
    z-index: 5020;
    position: fixed;
    inset-inline: 0;
}
.scroll-animation__nav-sticky .scroll-animation__navigation__navigation-list,
.scroll-animation__nav-sticky
    .scroll-animation__navigation__navigation-wrapper {
    transition: none;
}
.scroll-animation__nav-sticky .scroll-animation__animation-wrapper {
    top: 3.85rem;
    position: fixed;
    inset-inline-start: 0;
}
.scroll-animation__nav-sticky .scroll-animation__slider-viewport {
    margin-top: 4.2rem;
}
.scroll-animation__nav-sticky .scroll-animation__slider-viewport article {
    opacity: 0;
}
.scroll-animation__nav-sticky
    .scroll-animation__slider-viewport
    article:first-child,
.scroll-animation__nav-sticky
    .scroll-animation__slider-viewport
    article:last-child {
    opacity: 1;
}
.scroll-animation__items-wrapper {
    background-color: var(--scroll-animation-bg-color);
    width: 100%;
    height: 100%;
    padding-bottom: 3.85rem;
}
.scroll-animation__sliders-wrapper {
    background-color: var(--scroll-animation-bg-color);
    flex-direction: column;
    display: flex;
}
@media (min-width: 80rem) {
    .scroll-animation__sliders-wrapper {
        margin: 0 4rem;
        display: flex;
    }
}
.scroll-animation__slider-viewport {
    opacity: 1;
    flex-direction: column;
    align-items: center;
    padding: 0 1.5rem;
    display: flex;
    position: relative;
}
@media (min-width: 80rem) {
    .scroll-animation__slider-viewport {
        width: 35.25rem;
        height: 100%;
        margin-top: 0;
    }
}
.scroll-animation__animation-wrapper {
    z-index: 1;
    background-color: var(--scroll-animation-bg-color);
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 0;
    display: flex;
    position: absolute;
    inset-inline-start: 0;
}
@media (min-width: 80rem) {
    .scroll-animation__animation-wrapper {
        width: 50%;
        height: calc(100vh - 3.385rem);
        padding: 0;
        display: block;
    }
}
.scroll-animation__animation-wrapper .scroll-animation__video {
    opacity: 0;
    max-width: 60rem;
    height: 100%;
    position: absolute;
}
.scroll-animation__animation-wrapper .scroll-animation__video.active {
    opacity: 1;
}
@media (min-width: 80rem) {
    .scroll-animation__animation-wrapper .scroll-animation__video {
        width: 100%;
    }
}
.scroll-animation__slider-wrapper {
    position: relative;
}
@media (min-width: 80rem) {
    .scroll-animation__slider-wrapper {
        margin-inline-start: 50%;
        margin-top: 3.875rem;
    }
}
.scroll-animation__item-wrapper {
    align-items: center;
    width: 100%;
    max-width: 38.25rem;
    display: flex;
}
.scroll-animation__item-wrapper .scroll-animation__nav-icon {
    display: none;
}
@media (min-width: 80rem) {
    .scroll-animation__item-wrapper {
        align-items: center;
        height: calc(100vh - 4.2rem);
        min-height: 100%;
    }
}
.scroll-animation__item-wrapper.scroll-animation__intro-item .headline__sub {
    margin-top: var(--spacing-vertical-xxs);
}
@media (min-width: 80rem) {
    .scroll-animation__item-wrapper.scroll-animation__intro-item
        .headline__sub {
        margin-top: var(--spacing-vertical-xs);
    }
}
.scroll-animation__item-image {
    display: none;
}
.scroll-animation__headline {
    color: var(--text-color-invert-headlines);
}
.scroll-animation__text {
    color: var(--text-color-invert-body);
    margin-top: var(--spacing-vertical-s);
}
@media (min-width: 80rem) {
    .scroll-animation__text {
        max-width: 35rem;
        font-size: var(--font-size-body-1250);
        line-height: var(--line-height-body-1250);
        margin-top: var(--spacing-vertical-m);
    }
}
.scroll-animation__link.button-link--overlay a .button-link__content {
    align-items: center;
}
.scroll-animation__link.button-link--overlay a .icon {
    top: 0.15rem;
}
.scroll-animation__link.button-link--link a .button__text {
    background-image: linear-gradient(
        transparent calc(100% - var(--border-width-s)),
        var(--text-color-invert-headlines) var(--border-width-s)
    );
}
.scroll-animation .link-group__multiple-links {
    margin-top: var(--spacing-horizontal-s);
    gap: var(--spacing-horizontal-s);
}
.scroll-animation
    .link-group__multiple-links
    .scroll-animation__link.button-link
    a {
    margin-top: 0;
}
.scroll-animation__link.button-link a.button-link--icon,
.scroll-animation__link.button-link--overlay a.button-link--icon {
    color: var(--interaction-color-grey-link);
    font-weight: 500;
    font-size: var(--font-size-body-1000);
    line-height: var(--line-height-body-1000);
    margin-top: 1rem;
}
.scroll-animation__link.button-link a.button-link--icon .button-link__content,
.scroll-animation__link.button-link--overlay
    a.button-link--icon
    .button-link__content {
    justify-content: center;
    align-items: center;
}
.scroll-animation__link.button-link
    a.button-link--icon
    .button-link__content:after,
.scroll-animation__link.button-link--overlay
    a.button-link--icon
    .button-link__content:after {
    background-color: var(--interaction-color-grey-hover);
}
.scroll-animation__link.button-link a.button-link--icon:focus,
.scroll-animation__link.button-link--overlay a.button-link--icon:focus {
    color: var(--interaction-color-grey-focused);
}
.scroll-animation__link.button-link a.button-link--icon .icon,
.scroll-animation__link.button-link--overlay a.button-link--icon .icon {
    width: 1.25rem;
}
.scroll-animation__link.button-link a.button-link--icon .icon svg,
.scroll-animation__link.button-link--overlay a.button-link--icon .icon svg {
    width: 1.25rem;
    fill: var(--text-color-invert-body);
}
.scroll-animation__active-item-border {
    display: none;
}
@media (min-width: 80rem) {
    .scroll-animation__active-item-border {
        top: 3.875rem;
        background-color: var(--text-color-invert-headlines);
        z-index: 100;
        width: 0;
        height: 0.125rem;
        display: block;
        position: absolute;
        inset-inline-start: 0;
    }
}
.scroll-animation__static-view .scroll-animation__slider-viewport article {
    opacity: 1;
}
.scroll-animation__static-view .scroll-animation__animation-wrapper {
    display: none;
}
.scroll-animation__static-view .scroll-animation__item-wrapper,
.scroll-animation__static-view .scroll-animation__article-wrapper {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 100%;
    margin-bottom: 3rem;
    display: flex;
    position: relative;
}
@media (min-width: 80rem) {
    .scroll-animation__static-view .scroll-animation__item-wrapper,
    .scroll-animation__static-view .scroll-animation__article-wrapper {
        flex-direction: row;
        margin-bottom: 2.5rem;
    }
}
.scroll-animation__static-view .scroll-animation__content-wrapper {
    position: relative;
}
@media (min-width: 80rem) {
    .scroll-animation__static-view .scroll-animation__content-wrapper {
        width: 50%;
        margin-inline-start: 1.5rem;
    }
}
.scroll-animation__static-view .scroll-animation__slider-viewport {
    align-items: flex-start;
    width: 100%;
}
.scroll-animation__static-view .scroll-animation__slider-wrapper {
    margin-inline-start: 0;
}
.scroll-animation__static-view .scroll-animation__item-image {
    margin-bottom: var(--spacing-vertical-l);
    width: 100%;
    max-width: 100%;
    display: block;
}
.scroll-animation__static-view .scroll-animation__item-image .lazy-image {
    max-width: 23rem;
    margin: auto;
}
@media (min-width: 80rem) {
    .scroll-animation__static-view .scroll-animation__item-image {
        width: 50%;
        margin-bottom: 0;
    }
}
.scroll-animation__navigation {
    z-index: 5020;
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
    padding-top: 0;
    padding-bottom: 0;
    transition: z-index 0.5s;
    position: relative;
}
.scroll-animation__navigation--expanded
    .scroll-animation__navigation__navigation-list {
    z-index: 5020;
    border-top: 1px solid #202327;
    max-height: 100%;
    position: fixed;
    top: 3.75rem;
}
.scroll-animation__navigation--expanded .scroll-animation__navigation__grid {
    box-shadow: var(--elevation-raised);
}
.header--expanded + main .scroll-animation__navigation {
    z-index: 0;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .scroll-animation__navigation {
        margin-top: var(--spacing-vertical-xl);
        margin-bottom: var(--spacing-vertical-xl);
    }
}
.scroll-animation__navigation__placeholder {
    display: none;
}
@media (min-width: 48rem) {
    .scroll-animation__navigation {
        top: 0.25rem;
    }
}
@media (min-width: 64rem) {
    .scroll-animation__navigation {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.scroll-animation__navigation__navigation-wrapper {
    background-color: var(--scroll-animation-bg-color);
    border-bottom: 0.063rem solid #202327;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 4.2rem;
    display: flex;
    position: relative;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .scroll-animation__navigation__navigation-wrapper {
        padding-top: 0.625rem;
    }
}
@media (min-width: 80rem) {
    .scroll-animation__navigation__navigation-wrapper {
        position: initial;
        border-bottom: none;
    }
}
.scroll-animation__navigation__navigation-list {
    max-height: 0;
    width: calc(100% + var(--grid-margin) * 2);
    background-color: var(--scroll-animation-bg-color);
    color: var(--text-color-invert-body);
    order: 3;
    margin: 0;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.scroll-animation__navigation__navigation-list.scroll-animation__navigation-list--expanded {
    max-height: 100%;
}
@media (min-width: 48rem) {
    .scroll-animation__navigation__navigation-list {
        order: 3;
    }
}
@media (min-width: 80rem) {
    .scroll-animation__navigation__navigation-list {
        order: 1;
        width: auto;
        max-height: 100%;
        margin: 0 4rem;
        display: flex;
        position: relative;
        height: 3.875rem !important;
    }
}
.scroll-animation__navigation__link-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.scroll-animation__navigation__navigation-link {
    color: var(--text-color-headlines);
    padding: 0 1.529rem;
    line-height: 1.5rem;
    display: block;
}
.scroll-animation__navigation__navigation-link--active {
    color: var(--text-color-headlines);
    background-color: var(--bg-color-dark-00);
    position: relative;
}
@media (min-width: 80rem) {
    .scroll-animation__navigation__navigation-link {
        padding: 1.25rem 0;
        display: inline;
    }
    .scroll-animation__navigation__navigation-link:hover {
        color: var(--text-color-headlines);
        background-color: transparent;
    }
    .scroll-animation__navigation__navigation-link:focus {
        color: var(--text-color-headlines);
    }
    .scroll-animation__navigation__navigation-link--active {
        color: var(--text-color-headlines);
        background-color: transparent;
        position: relative;
    }
    .scroll-animation__navigation__navigation-link--active:after {
        content: "";
        background-color: var(--text-color-headlines);
        bottom: 0;
        width: 100%;
        height: 0.125rem;
        display: block;
        position: absolute;
        inset-inline-start: 0;
    }
}
.scroll-animation__navigation__expand-button {
    color: var(--text-color-headlines);
    width: 100%;
    line-height: 1.5;
    font-family: var(--font-family-frutiger);
    background-color: transparent;
    padding: 0 1.529rem;
    font-style: normal;
    font-weight: 700;
    display: block;
    position: relative;
}
.scroll-animation__navigation__expand-button
    .scroll-animation__navigation__navigation-title {
    font-weight: 700;
}
.scroll-animation__navigation__expand-button-icon {
    width: auto;
    height: auto;
    position: relative;
    top: 0;
}
.scroll-animation__navigation__expand-button-icon .icon {
    width: 0.98rem;
    height: 0.503rem;
}
.scroll-animation__navigation__expand-button-icon .icon svg,
.scroll-animation__navigation__expand-button-icon .icon svg path {
    fill: var(--text-color-invert-body);
}
@media (min-width: 80rem) {
    .scroll-animation__navigation__expand-button {
        align-items: center;
        width: auto;
        min-height: 2.75rem;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
    }
}
.scroll-animation__navigation__expand-button
    .scroll-animation__navigation__expand-button-icon {
    transition: transform 0.25s ease-in-out;
    inset-inline-end: 0;
    transform: rotate(0);
}
@media (min-width: 80rem) {
    .scroll-animation__navigation__expand-button {
        display: none;
    }
}
.scroll-animation__navigation__expand-button.scroll-animation__navigation--expanded
    .scroll-animation__navigation__expand-button-icon
    .icon {
    transform: rotate(180deg);
}
.scroll-animation__navigation__navigation-link,
.scroll-animation__navigation__navigation-title {
    color: var(--text-color-invert-headlines);
    font-size: var(--font-size-body-1000);
    line-height: var(--line-height-hl-1000);
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    height: 3.875rem;
    font-weight: 300;
    display: flex;
    position: relative;
}
@media (min-width: 80rem) {
    .scroll-animation__navigation__navigation-link,
    .scroll-animation__navigation__navigation-title {
        color: var(--text-color-invert-body);
        font-weight: 500;
    }
    .scroll-animation__navigation__navigation-link .icon svg,
    .scroll-animation__navigation__navigation-title .icon svg,
    .scroll-animation__navigation__navigation-link .icon svg path,
    .scroll-animation__navigation__navigation-title .icon svg path {
        fill: var(--text-color-invert-body);
    }
}
.scroll-animation__navigation__navigation-link.active,
.scroll-animation__navigation__navigation-link:hover,
.scroll-animation__navigation__navigation-link:visited,
.scroll-animation__navigation__navigation-link:focus,
.scroll-animation__navigation__navigation-title.active,
.scroll-animation__navigation__navigation-title:hover,
.scroll-animation__navigation__navigation-title:visited,
.scroll-animation__navigation__navigation-title:focus {
    color: var(--text-color-invert-headlines);
    background-color: var(--bg-color-dark-00);
    font-weight: 700;
}
@media (min-width: 80rem) {
    .scroll-animation__navigation__navigation-link.active,
    .scroll-animation__navigation__navigation-link:hover,
    .scroll-animation__navigation__navigation-link:visited,
    .scroll-animation__navigation__navigation-link:focus,
    .scroll-animation__navigation__navigation-title.active,
    .scroll-animation__navigation__navigation-title:hover,
    .scroll-animation__navigation__navigation-title:visited,
    .scroll-animation__navigation__navigation-title:focus {
        background: 0 0;
        font-weight: 500;
    }
}
.scroll-animation__navigation__navigation-link.active .icon svg,
.scroll-animation__navigation__navigation-link:hover .icon svg,
.scroll-animation__navigation__navigation-link:visited .icon svg,
.scroll-animation__navigation__navigation-link:focus .icon svg,
.scroll-animation__navigation__navigation-title.active .icon svg,
.scroll-animation__navigation__navigation-title:hover .icon svg,
.scroll-animation__navigation__navigation-title:visited .icon svg,
.scroll-animation__navigation__navigation-title:focus .icon svg {
    fill: var(--text-color-invert-headlines);
}
.scroll-animation__navigation__navigation-link.active .icon svg path,
.scroll-animation__navigation__navigation-link:hover .icon svg path,
.scroll-animation__navigation__navigation-link:visited .icon svg path,
.scroll-animation__navigation__navigation-link:focus .icon svg path,
.scroll-animation__navigation__navigation-title.active .icon svg path,
.scroll-animation__navigation__navigation-title:hover .icon svg path,
.scroll-animation__navigation__navigation-title:visited .icon svg path,
.scroll-animation__navigation__navigation-title:focus .icon svg path {
    fill: var(--text-color-invert-body);
}
@media (min-width: 80rem) {
    .scroll-animation__navigation__navigation-link:not(:last-child),
    .scroll-animation__navigation__navigation-title:not(:last-child) {
        margin-inline-end: 2rem;
    }
}
.scroll-animation__navigation__navigation-link .icon,
.scroll-animation__navigation__navigation-title .icon {
    width: 1.5rem;
    transform: rotate(0);
}
.scroll-animation__navigation__navigation-link .icon svg,
.scroll-animation__navigation__navigation-title .icon svg,
.scroll-animation__navigation__navigation-link .icon svg path,
.scroll-animation__navigation__navigation-title .icon svg path {
    fill: var(--text-color-invert-body);
}
.search-result--is-loading .search-result__wrapper:before {
    opacity: 0.6;
    visibility: visible;
}
@media (min-width: 64rem) {
    .search-result__container {
        grid-column: 1/8 span;
    }
}
.search-result__wrapper {
    margin-top: var(--spacing-vertical-xl);
    margin-bottom: var(--spacing-vertical-xl);
    position: relative;
}
.search-result__wrapper:before {
    content: "";
    background-color: var(--bg-color-secondary);
    opacity: 0;
    z-index: 50;
    visibility: hidden;
    transition: all 1s ease-out;
    display: block;
    position: absolute;
    inset: 0;
}
.search-result__meta-data {
    letter-spacing: 0.5px;
    color: var(--text-color-body);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    line-height: 1.43;
}
.search-result__list {
    padding-top: var(--spacing-vertical-xs);
    padding-bottom: var(--spacing-vertical-xxl);
}
@media (min-width: 48rem) {
    .search-result__list {
        padding-top: var(--spacing-vertical-s);
    }
}
.search-result__data {
    padding-bottom: var(--spacing-vertical-l);
    gap: var(--spacing-horizontal-s);
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
}
.search-result__data-full-width {
    grid-template-columns: 1fr;
}
.search-result__data:last-of-type {
    padding-bottom: 0;
}
.search-result__data-link a {
    width: -moz-fit-content;
    max-width: 100%;
    word-break: break-all;
    width: fit-content;
    display: inline-block;
}
.search-result__data-text {
    grid-column: 1/2 span;
    width: 100%;
}
.search-result__data-info {
    padding-bottom: var(--spacing-vertical-xs);
}
.search-result__data-info em {
    font-weight: 700;
}
.search-result__data-image {
    grid-column: 3/3 span;
}
.search-result__data-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.search-result__form-container {
    margin-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-s);
    box-shadow: 0 0 0.313rem 0.313rem rgba(200, 200, 200, 0.2);
}
.search-result__form-container .icon {
    width: 1.5rem;
    fill: var(--interaction-color-focused);
    transition: fill 0.5s ease-out;
}
.search-result__submit {
    top: var(--spacing-vertical-s);
    background-color: var(--interaction-color-link);
    cursor: pointer;
    border: 0;
    outline: none;
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
    position: absolute;
    right: 0;
}
.search-result__submit .icon {
    margin: 0 auto;
}
.search-result__submit svg {
    fill: var(--color-white);
}
.search-result__input {
    font-family: var(--font-family-frutiger);
    width: 100%;
    padding-top: var(--spacing-vertical-s);
    padding-left: var(--spacing-horizontal-s);
    padding-bottom: var(--spacing-vertical-s);
    padding-right: calc(var(--spacing-vertical-s) * 2 + 5rem);
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    display: block;
}
.search-result__input::placeholder {
    color: var(--bg-color-light-03);
}
.search-result__input::placeholder {
    color: var(--bg-color-light-03);
}
.search-result__input::placeholder {
    color: var(--bg-color-light-03);
}
.search-result__icon-close {
    right: calc(var(--spacing-vertical-s) + 3.5rem);
    top: calc(var(--spacing-vertical-s) + 1rem);
    cursor: pointer;
    display: block;
    position: absolute;
}
.search-result__icon-close--hide {
    display: none;
}
.search-result__pagination {
    border-bottom: 2px solid var(--bg-color-dark-03);
    width: 80%;
    padding-bottom: var(--spacing-vertical-s);
    padding-top: var(--spacing-vertical-s);
    flex-direction: row;
    align-items: stretch;
    margin: 0 auto;
    display: flex;
}
.search-result__pagination-first-page,
.search-result__pagination-previous-page,
.search-result__pagination-next-page,
.search-result__pagination-last-page {
    border-left: 1px solid var(--bg-color-light-02);
    flex: auto;
    justify-content: center;
    align-items: center;
    display: flex;
}
.search-result__pagination-first-page .icon,
.search-result__pagination-previous-page .icon,
.search-result__pagination-next-page .icon,
.search-result__pagination-last-page .icon {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
}
.search-result__pagination-first-page .icon .svg-scale-wrapper,
.search-result__pagination-previous-page .icon .svg-scale-wrapper,
.search-result__pagination-next-page .icon .svg-scale-wrapper,
.search-result__pagination-last-page .icon .svg-scale-wrapper {
    width: 2rem;
    height: 2rem;
}
.search-result__pagination-first-page {
    border-left: 0;
}
.search-result__pagination-info-wrapper {
    text-align: center;
    flex: 4 auto;
}
.search-result__pagination-info-wrapper .search-result__pagination-select-page {
    border: none;
    border-bottom: 1px solid var(--color-black);
    outline: none;
    width: 3.75rem;
    padding: 0.313rem;
}
.search-result__recommended {
    display: none;
}
.search-result__recommended.with-results {
    display: block;
}
.search-result__recommended-title {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: var(--spacing-vertical-l);
    color: var(--text-color-headlines);
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
}
.classic-section {
    padding-bottom: var(--spacing-vertical-xxxxl);
    background-color: var(--classic-bg-color);
    --bg-surface: var(--bg-color-light-02);
    --bg-surface-emphasized: var(--bg-color-dark-02);
    --bg-surface-blockbuster: var(--bg-color-light-05);
    --bg-surface-teaser: var(--bg-color-light-02);
    --bg-surface-interactive: var(--bg-color-light-03);
    --teaser-item-bg-color: var(--bg-color-light-primary);
    --teaser-surface-bg: var(--bg-color-light-00);
    --download-item-bg-color: var(--bg-color-light-02);
    --card-bg-color: var(--bg-color-light-primary);
    --tile-sidebar-bg-color: var(--bg-surface-interactive);
    --tile-sidebar-hover-bg-color: var(--bg-color-light-05);
    --tile-sidebar-active-bg-color: var(--tile-sidebar-hover-bg-color);
    --color-info: var(--color-information-100);
    flex-direction: column;
    display: flex;
}
.classic-section:has(.classic-section__inner--hidden) {
    display: none;
}
.classic-section + .classic-section .section-heading,
.classic-section + .classic-section .cmp-container > :first-of-type,
.classic-section + .classic-section .in-page-marker + *,
.classic-section + .in-page-marker + .classic-section .section-heading,
.classic-section
    + .in-page-marker
    + .classic-section
    .cmp-container
    > :first-of-type,
.classic-section
    + .in-page-marker
    + .classic-section
    .cmp-container
    .in-page-marker
    + * {
    margin-top: 0;
}
.classic-section:last-of-type {
    padding-bottom: 0;
}
.classic-section--primary {
    --classic-bg-color: var(--bg-color-light-00);
    --teaser-item-bg-color: var(--bg-color-light-02);
    --teaser-surface-bg: var(--bg-color-light-02);
    --download-item-bg-color: var(--bg-color-light-02);
    --card-bg-color: var(--bg-color-light-02);
}
.classic-section--primary .classic-section__bg-surface-item {
    --button-link-text-default: var(--color-information-95);
}
.classic-section--secondary,
.classic-section--primary_dark,
.classic-section--secondary + .classic-section,
.classic-section--primary_dark + .classic-section,
.classic-section--secondary + .in-page-marker + .classic-section,
.classic-section--primary_dark + .in-page-marker + .classic-section {
    padding-top: var(--spacing-vertical-xxxl);
}
.classic-section--secondary .classic-section__inner > :first-of-type,
.classic-section--primary_dark .classic-section__inner > :first-of-type {
    margin-top: 0;
}
.classic-section--secondary:last-of-type,
.classic-section--primary_dark:last-of-type {
    padding-bottom: var(--spacing-vertical-xxxxl);
}
.classic-section--secondary .cmp-container > :first-of-type,
.classic-section--primary_dark .cmp-container > :first-of-type {
    margin-top: 0 !important;
}
.classic-section--secondary {
    --classic-bg-color: var(--bg-color-light-02);
    --item-overview-item-bg-color: var(--bg-color-light-primary);
    --filter-side-bar-blur-bg: rgba(242, 245, 248, 0.88);
    --filter-side-bar-options-bg: var(--bg-color-light-05);
    --filter-side-bar-options-hover-bg: var(--bg-color-light-04);
    --filter-side-bar-options-focus-bg: var(--bg-color-light-05);
    --filter-side-bar-button-group-bg: var(--bg-color-light-03);
    --summary-blur-bg: rgba(242, 245, 248, 0.88);
    --pagination-bg: var(--bg-color-light-primary);
    --text-block-background-image: linear-gradient(
        to bottom,
        rgba(242, 245, 248, 0.3),
        var(--bg-color-light-02) 60%
    );
    --border-subtlest: var(--border-color-light-subtlest);
    --bg-surface: var(--bg-color-light-primary);
    --bg-surface-emphasized: var(--bg-color-dark-02);
    --bg-surface-blockbuster: var(--bg-color-light-05);
    --bg-surface-teaser: var(--bg-color-light-00);
    --bg-surface-interactive: var(--bg-color-light-05);
    --download-item-bg-color: var(--bg-color-light-primary);
    --button-tertiary-background-hover: var(--bg-color-light-04);
    --tile-hover-bg-color: var(--bg-color-light-07);
    --tile-sidebar-bg-color: var(--bg-color-light-04);
    --tile-sidebar-hover-bg-color: var(--bg-color-light-05);
    --tile-sidebar-active-bg-color: var(--bg-color-light-07);
    --form-color-background: var(--classic-bg-color, var(--bg-color-secondary));
    --form-color-background-transparent: rgba(248, 250, 252, 0.8);
    --form-color-background-focus: var(--interaction-color-background-focused);
    --form-color-background-error: var(--color-alert-error-10);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-body);
    --form-color-label-hover: var(--text-color-body);
    --form-color-label-focus: var(--text-color-body);
    --form-color-label-filled: var(--text-color-body);
    --form-color-label-elevated: var(--text-color-body);
    --form-color-label-elevated-focus: var(--text-color-body);
    --form-color-label-elevated-error: var(--text-color-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-inactive);
    --form-color-border-bottom-hover: var(--border-color-active);
    --form-color-border-bottom-focus: var(--border-color-active);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--border-color-inactive);
    --form-color-inputfield: var(--text-color-headlines);
    --form-color-font-filled: var(--text-color-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-headlines);
    --form-color-helpertext-hover: var(--text-color-headlines);
    --form-color-helpertext-filled: var(--text-color-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--border-color-inactive);
    --form-color-form-field-icon-hover: var(--border-color-active);
    --form-color-form-field-icon-focus: var(--border-color-active);
    --form-color-form-field-icon-filled: var(--border-color-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(--text-color-body);
    --form-color-selectfield-bg-options: var(--bg-color-light-primary);
    --form-color-selectfield-bg-options-hover: var(--bg-color-light-02);
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-icon: var(--border-color-inactive);
    --form-color-selectfield-type-ahead-icon-hover: var(--border-color-active);
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(--border-color-active);
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-light-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-icon-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-light-02);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-body);
    --form-color-checkbox-fontcolor: var(--text-color-body);
    --form-color-checkbox-font-unselected-disabled: var(--text-color-body);
    --form-color-checkbox-error: var(--color-alert-error);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-label-color-enabled: var(--text-color-headlines);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-body);
    --form-color-datepicker-border-disabled: var(--text-color-body);
    --form-color-datepicker-label-color-focused: var(--text-color-headlines);
    --form-color-datepicker-error: var(--color-alert-error);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-color-header: var(--text-color-headlines);
    --form-color-datepicker-calender-color-arrow: var(--text-color-headlines);
    --form-color-datepicker-calender-color-body: var(--text-color-headlines);
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-light-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-mobile: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(--text-color-body);
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-dark-01);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(--text-color-body);
    --form-opacity-multi-step-indicator-next-steps-text: 1;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--text-color-body);
    --form-color-file-upload-label: var(--text-color-body);
    --form-color-file-upload-border: var(--text-color-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-hover: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-body);
    --form-color-file-upload-file-list-delete-icon: var(--text-color-headlines);
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-file-name: var(--text-color-headlines);
    --form-color-file-upload-file-list-border: var(--text-color-headlines);
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --color-info: var(--color-information-100);
}
.classic-section--secondary + .classic-section--secondary,
.classic-section--secondary + .in-page-marker + .classic-section--secondary {
    padding-top: 0;
}
.classic-section--primary_dark {
    --classic-bg-color: var(--bg-color-dark-primary);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
    --item-overview-item-bg-color: var(--bg-color-dark-01);
    --item-overview-tag-bg-color: var(--bg-color-dark-04);
    --item-overview-item-hover: var(--elevation-overlay);
    --filter-side-bar-blur-bg: rgba(14, 15, 17, 0.88);
    --filter-side-bar-options-bg: var(--bg-color-dark-03);
    --filter-side-bar-options-hover-bg: var(--bg-color-dark-03);
    --filter-side-bar-options-focus-bg: var(--filter-side-bar-options-hover-bg);
    --filter-side-bar-button-group-bg: var(--bg-color-dark-01);
    --filter-side-bar-options-count-bg: var(--bg-color-dark-02);
    --summary-blur-bg: rgba(14, 15, 17, 0.88);
    --pagination-bg: var(--bg-color-dark-primary);
    --pagination-hover-bg: var(--bg-color-dark-02);
    --pagination-disabled-text-color: rgba(242, 245, 248, 0.4);
    --text-block-background-image: linear-gradient(
        to bottom,
        rgba(14, 15, 17, 0.3),
        var(--bg-color-dark-primary) 60%
    );
    --teaser-item-bg-color: var(--bg-color-dark-02);
    --teaser-item-bg-color-hover: rgba(255, 255, 255, 0.08);
    --elevation-overlay: none;
    --download-item-bg-color: var(--bg-color-dark-02);
    --teaser-surface-bg: var(--bg-color-dark-02);
    --card-bg-color: var(--bg-color-dark-02);
    --tile-hover-bg-color: var(--bg-color-dark-05);
    --icon-color-hover: var(--color-information-50);
    --tile-sidebar-bg-color: var(--bg-color-dark-01);
    --tile-sidebar-hover-bg-color: var(--bg-color-dark-03);
    --tile-sidebar-active-bg-color: var(--bg-color-dark-04);
    --product-item-hover: rgba(255, 255, 255, 0.08);
    --color-info: var(--color-information-40);
}
.classic-section--primary_dark + .classic-section--primary_dark,
.classic-section--primary_dark
    + .in-page-marker
    + .classic-section--primary_dark {
    padding-top: 0;
}
.classic-section--primary .classic-section-collapsed-spacing,
.classic-section--secondary .classic-section-collapsed-spacing,
.classic-section--primary_dark .classic-section-collapsed-spacing {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
    padding-top: 0;
    padding-bottom: 0;
}
.classic-section--primary .classic-section-collapsed-spacing.card-slideshow,
.classic-section--primary .classic-section-collapsed-spacing.card-overview,
.classic-section--secondary .classic-section-collapsed-spacing.card-slideshow,
.classic-section--secondary .classic-section-collapsed-spacing.card-overview,
.classic-section--primary_dark
    .classic-section-collapsed-spacing.card-slideshow,
.classic-section--primary_dark
    .classic-section-collapsed-spacing.card-overview {
    margin-bottom: 0;
}
.classic-section--primary
    .classic-section-collapsed-spacing.card-slideshow
    .slideshow,
.classic-section--primary
    .classic-section-collapsed-spacing.card-overview
    .slideshow,
.classic-section--secondary
    .classic-section-collapsed-spacing.card-slideshow
    .slideshow,
.classic-section--secondary
    .classic-section-collapsed-spacing.card-overview
    .slideshow,
.classic-section--primary_dark
    .classic-section-collapsed-spacing.card-slideshow
    .slideshow,
.classic-section--primary_dark
    .classic-section-collapsed-spacing.card-overview
    .slideshow {
    padding-bottom: calc(
        var(--spacing-vertical-xxl) - var(--spacing-vertical-m)
    );
}
.classic-section .cmp-container > :last-of-type {
    margin-bottom: 0 !important;
}
.classic-section
    .cmp-container:has(.in-page-marker:last-child)
    > :nth-last-child(2) {
    margin-bottom: 0 !important;
}
body.splashPage .classic-section .cmp-container > :last-of-type {
    margin-bottom: var(--spacing-vertical-xxxl) !important;
}
body.splashPage
    .classic-section
    .cmp-container:has(.in-page-marker:last-child)
    > :nth-last-child(2) {
    margin-bottom: var(--spacing-vertical-xxxl) !important;
}
.segment-routing {
    box-sizing: border-box;
    padding: var(--spacing-vertical-m) 0;
    background-color: var(--bg-color-secondary);
    overflow-y: hidden;
}
@media (min-width: 48rem) {
    .segment-routing {
        padding: var(--spacing-vertical-xl) 0;
    }
}
.segment-routing__tabs {
    grid-gap: 0.625rem var(--spacing-horizontal-m);
    grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
    display: grid;
}
@media (min-width: 48rem) {
    .segment-routing__tabs {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (min-width: 64rem) {
    .segment-routing__tabs {
        grid-gap: 0 var(--spacing-horizontal-s);
        grid-template-columns: repeat(10, 1fr);
    }
}
@media (min-width: 80rem) {
    .segment-routing__tabs {
        grid-column-gap: var(--spacing-horizontal-m);
    }
}
.segment-routing__tabs.opened
    .segment-routing__tab-container
    button.active
    .segment-routing__tab-header-icon {
    background-color: var(--color-white);
}
.segment-routing__tab-container {
    min-width: 5rem;
    max-width: 5.9375rem;
}
@media (min-width: 48rem) {
    .segment-routing__tab-container {
        max-width: 6.25rem;
    }
}
@media (min-width: 64rem) {
    .segment-routing__tab-container {
        min-width: 4.875rem;
    }
}
@media (min-width: 80rem) {
    .segment-routing__tab-container {
        min-width: 5rem;
    }
}
@media (min-width: 90rem) {
    .segment-routing__tab-container {
        max-width: 8rem;
    }
}
.segment-routing__tab-container button {
    align-items: center;
    gap: var(--spacing-vertical-xs);
    text-align: center;
    height: 9.375rem;
    color: var(--text-color-headlines);
    background-color: var(--bg-color-secondary);
    cursor: pointer;
    border: none;
    flex-direction: column;
    width: 100%;
    padding: 0;
    font-family: Frutiger Next;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    display: flex;
}
.segment-routing__tab-container
    button:not(.active):hover
    .segment-routing__tab-header-icon {
    background-color: var(--bg-color-light-02);
    box-shadow: 0 0 0 0.25rem var(--bg-color-light-02);
}
@media (min-width: 64rem) {
    .segment-routing__tab-container button {
        height: 9.875rem;
    }
}
@media (min-width: 90rem) {
    .segment-routing__tab-container button {
        height: 11.5rem;
    }
}
@media (min-width: 119.5rem) {
    .segment-routing__tab-container button {
        font-size: 0.75rem;
    }
}
.segment-routing__tab-container button p > br {
    content: "";
    padding-bottom: 0.25rem;
    display: block;
}
.segment-routing__tab-container button .segment-routing__tab-header-icon {
    background-color: var(--bg-color-light-03);
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition:
        box-shadow 0.3s ease-in-out,
        background-color 0.3s ease-in-out;
    display: flex;
}
.segment-routing__tab-container button .segment-routing__tab-header-icon .icon {
    width: 2rem;
}
.segment-routing__tab-container
    button
    .segment-routing__tab-header-icon
    .icon
    svg
    path {
    fill: var(--text-color-body);
}
@media (min-width: 120rem) {
    .segment-routing__tab-container
        button
        .segment-routing__tab-header-icon
        .icon {
        width: 3rem;
    }
}
.segment-routing__content-wrapper {
    position: relative;
    overflow-y: hidden;
}
.segment-routing__content {
    padding: var(--spacing-vertical-m) var(--spacing-horizontal-m);
    background-color: var(--color-white);
    display: none;
}
.segment-routing__content.active,
.segment-routing__content.active-first-layer {
    display: block;
}
@media (max-width: 63.9375rem) {
    .segment-routing__content.active,
    .segment-routing__content.active-first-layer {
        z-index: 20000;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        overflow-y: auto;
    }
    .segment-routing__content.active .segment-routing__content__back-btn {
        opacity: 1;
    }
}
.segment-routing__content.active-first-layer
    .segment-routing__navigation.active {
    display: block;
}
.segment-routing__content__back-btn {
    display: none;
}
@media (max-width: 63.9375rem) {
    .segment-routing__content__back-btn {
        opacity: 0;
        padding-bottom: var(--spacing-vertical-l);
        min-height: var(--spacing-vertical-m);
        transition: opacity 0.3s ease-out;
        display: block;
    }
}
.segment-routing__content__close-btn {
    cursor: pointer;
    background: 0 0;
    border: none;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    padding: 0;
    display: flex;
}
.segment-routing__content__close-btn .icon {
    width: 1.5rem;
}
.segment-routing__navigation {
    margin-bottom: var(--spacing-vertical-xxl);
    display: none;
}
.segment-routing__navigation > .headline {
    padding-bottom: var(--spacing-vertical-xl);
    font-weight: 750;
}
.segment-routing__navigation__link {
    letter-spacing: 0.005em;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
    color: var(--text-color-headlines);
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-decoration: none;
    display: flex;
}
:lang(ar) .segment-routing__navigation__link {
    line-height: 2rem;
}
.segment-routing__navigation__link .svg-scale-wrapper {
    width: 1.25rem;
}
.segment-routing__item {
    display: none;
}
.segment-routing__item.active {
    display: block;
}
.segment-routing__item__inner {
    flex-direction: column;
    display: flex;
}
@media (min-width: 64rem) {
    .segment-routing__item__inner {
        gap: var(--spacing-vertical-l);
    }
}
.social-media-teaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.social-media-teaser__background {
    margin: 0;
}
.social-media-teaser__background .social-media-teaser__background-column {
    background-color: var(--bg-color-secondary);
    position: absolute;
    inset: 0;
}
.social-media-teaser__background
    .social-media-teaser__background-column
    + .social-media-teaser__content-wrapper {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
}
.stage {
    position: relative;
}
@media (max-width: 63.9375rem) {
    .stage {
        margin-bottom: var(--spacing-vertical-xl);
    }
}
.stage :not(.background-media--stretched) .background-media-content {
    padding-top: var(--spacing-vertical-s);
}
.stage__background {
    flex-direction: column;
    display: flex;
}
.stage__text,
.stage__buttons,
.stage__content > .stage__button {
    margin-top: var(--spacing-vertical-m);
}
.stage__buttons {
    flex-wrap: wrap;
}
.stage__button {
    width: 100%;
}
.stage__button .button-link {
    margin-bottom: var(--spacing-vertical-xs);
    display: block;
}
.stage__button .button-link button {
    text-align: center;
    width: 100%;
    display: block;
}
.stage__column--solution-app {
    margin-top: var(--spacing-vertical-m);
    margin-bottom: var(--spacing-vertical-xl);
    grid-column: 1/-1;
}
.stage__solution-app {
    width: 100%;
    box-shadow: var(--elevation-raised);
    background-color: var(--card-bg-color, var(--bg-color-light-primary));
}
.stage__solution-app .dccZeisslet {
    width: 100%;
}
.stage .zeisslet-dummy__content {
    background-color: var(--card-bg-color, var(--bg-color-light-primary));
    height: auto;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .stage__grid-structure {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (min-width: 64rem) {
    .stage--content-light .background-media {
        --button-primary-text-default: var(--text-color-button);
        --button-primary-border-default: var(--interaction-color-link);
        --button-primary-background-default: var(--interaction-color-link);
        --button-primary-text-hover: var(--text-color-button);
        --button-primary-border-hover: var(--interaction-color-hover);
        --button-primary-background-hover: var(--interaction-color-hover);
        --button-primary-text-focus: var(--text-color-button);
        --button-primary-border-focus: var(--interaction-color-focused);
        --button-primary-background-focus: var(--interaction-color-focused);
        --button-secondary-text-default: var(--color-information-60);
        --button-secondary-border-default: var(--color-information-60);
        --button-secondary-background-default: transparent;
        --button-secondary-text-hover: var(--color-information-50);
        --button-secondary-border-hover: var(--color-information-50);
        --button-secondary-background-hover: transparent;
        --button-secondary-text-focus: var(--color-black);
        --button-secondary-border-focus: var(--color-information-40);
        --button-secondary-background-focus: var(--color-information-40);
        --button-tertiary-text-default: var(--color-information-60);
        --button-tertiary-border-default: transparent;
        --button-tertiary-background-default: transparent;
        --button-tertiary-underline-default: var(--color-information-60);
        --button-tertiary-text-hover: var(--color-information-50);
        --button-tertiary-border-hover: transparent;
        --button-tertiary-background-hover: var(--bg-color-dark-02);
        --button-tertiary-underline-hover: var(--color-information-50);
        --button-tertiary-text-focus: var(--color-black);
        --button-tertiary-border-focus: var(--color-information-40);
        --button-tertiary-background-focus: var(--color-information-40);
        --button-tertiary-underline-focus: var(--color-black);
        --button-link-text-default: var(--color-information-60);
        --button-link-underline-default: var(--color-information-50);
        --button-link-text-hover: var(--color-information-50);
        --button-link-text-focus: var(--color-information-40);
        --teaser-list-color-text: var(--text-color-invert-body);
        --teaser-list-color-icon: var(--text-color-invert-body);
        --teaser-list-color-bullet: var(--text-color-invert-body);
        --headline-color: var(--text-color-invert-headlines);
        --headline-color-eyebrow: var(--text-color-invert-headlines);
        --text-color-text: var(--text-color-invert-body);
        --text-color-link-hover: var(--interaction-color-grey-hover);
        --text-color-link-focus: var(--interaction-color-grey-focused);
        --text-color-information: var(--color-information-70);
        --form-color-background: var(
            --classic-bg-color,
            var(--interaction-color-link)
        );
        --form-color-background-transparent: rgba(0, 114, 239, 0.8);
        --form-color-background-focus: var(--color-frame-focused-dark);
        --form-color-background-error: var(--color-frame-focused-dark);
        --form-opacity-label: 0.8;
        --form-opacity-label-focus: 1;
        --form-opacity-label-hover: 1;
        --form-opacity-label-filled: 1;
        --form-color-label: var(--text-color-invert-body);
        --form-color-label-hover: var(--text-color-invert-body);
        --form-color-label-focus: var(--bg-color-light-primary);
        --form-color-label-filled: var(--text-color-invert-body);
        --form-color-label-elevated: var(--text-color-invert-body);
        --form-color-label-elevated-focus: var(--bg-color-light-primary);
        --form-color-label-elevated-error: var(--color-alert-error);
        --form-opacity-item: 0.8;
        --form-opacity-item-hover: 1;
        --form-opacity-item-filled: 1;
        --form-opacity-item-focus: 1;
        --form-color-border-bottom: var(--text-color-invert-body);
        --form-color-border-bottom-hover: var(--text-color-invert-body);
        --form-color-border-bottom-focus: var(--bg-color-light-primary);
        --form-color-border-bottom-error: var(--color-alert-error);
        --form-color-border-bottom-filled: var(--text-color-invert-body);
        --form-color-inputfield: var(--text-color-invert-body);
        --form-color-font-filled: var(--text-color-invert-body);
        --form-opacity-helpertext: 0.8;
        --form-opacity-helpertext-hover: 1;
        --form-opacity-helpertext-filled: 1;
        --form-opacity-helpertext-focus: 1;
        --form-color-helpertext: var(--text-color-invert-body);
        --form-color-helpertext-hover: var(--text-color-invert-body);
        --form-color-helpertext-filled: var(--text-color-invert-body);
        --form-opacity-inputfield-disabled: 0.4;
        --form-color-font-error: var(--color-alert-error);
        --form-color-form-field-icon: var(--text-color-headlines);
        --form-color-form-field-icon-hover: var(--text-color-invert-body);
        --form-color-form-field-icon-focus: var(--text-color-invert-body);
        --form-color-form-field-icon-filled: var(--text-color-invert-body);
        --form-color-form-field-icon-error: var(--color-alert-error);
        --form-opacity-form-field-icon: 0.8;
        --form-opacity-form-field-icon-hover: 1;
        --form-opacity-form-field-icon-focus: 1;
        --form-opacity-form-field-icon-disabled: 0.4;
        --form-opacity-form-field-icon-filled: 1;
        --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
        --form-color-selectfield-chevron-icon-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-chevron-icon-focus: var(
            --text-color-invert-body
        );
        --form-opacity-selectfield-chevron-icon: 0.8;
        --form-opacity-selectfield-chevron-icon-hover: 1;
        --form-opacity-selectfield-chevron-icon-focus: 1;
        --form-opacity-selectfield-chevron-icon-disabled: 0.4;
        --form-color-selectfield-item-option-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-bg-options: var(--interaction-color-link);
        --form-color-selectfield-bg-options-hover: 240, 240, 240;
        --form-color-selectfield-bg-options-hover-opacity: 0.08;
        --form-color-selectfield-bg-options-selected: 240, 240, 240;
        --form-color-selectfield-bg-options-selected-opacity: 0.16;
        --form-color-selectfield-options: var(--text-color-invert-body);
        --form-color-selectfield-options-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-opacity: 0.8;
        --form-color-selectfield-type-ahead-hover-opacity: 1;
        --form-color-selectfield-type-ahead-focus-opacity: 1;
        --form-color-selectfield-type-ahead: var(--text-color-invert-body);
        --form-color-selectfield-type-ahead-placeholder: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
        --form-color-selectfield-multi-checkmark: var(--color-black);
        --form-color-selectfield-multi-checkbox-background: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-border: var(--color-white);
        --form-color-selectfield-multi-checkbox-border-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
        --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
        --form-color-selectfield-multi-selected-items-font-color: var(
            --color-white
        );
        --form-color-checkbox-border-unselected-hover: var(--color-black);
        --form-color-checkbox-label: var(--text-color-invert-body);
        --form-color-checkbox-border-unselected: var(--color-white);
        --form-color-checkbox-fontcolor: var(--text-color-invert-body);
        --form-color-checkbox-background-selected: var(--color-white);
        --form-color-checkbox-border-selected: var(--color-black);
        --form-color-checkbox-checkmark-border-selected: var(--color-black);
        --form-color-checkbox-background-selected-hover: var(--color-white);
        --form-color-checkbox-border-selected-hover: var(--color-black);
        --form-color-checkbox-background-unselected-focus: var(
            --interaction-color-focused
        );
        --form-color-checkbox-error: var(--color-white);
        --form-color-checkbox-background-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-font-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-border-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-background-unselected-focus-disabled: var(
            --interaction-color-link
        );
        --form-color-radiobutton-background-selected: var(--color-black);
        --form-color-radiobutton-background-selected-hover: var(
            --interaction-color-focused
        );
        --form-color-datepicker-label-color-enabled: var(--color-white);
        --form-color-datepicker-border-enabled: var(--color-white);
        --form-color-datepicker-border-hover: var(--text-color-invert-body);
        --form-color-datepicker-border-disabled: var(--text-color-invert-body);
        --form-color-datepicker-label-color-focused: var(--color-white);
        --form-opacity-checkbox-disabled: 0.4;
        --form-color-multi-step-indicator-title-mobile: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-title-desktop: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-next-title-mobile: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-circle: 0.4;
        --form-color-multi-step-circle: var(--bg-color-light-primary);
        --form-color-multi-step-circle-progress-indicator: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-circle-progress-indicator-text: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-indicator: var(--bg-color-light-primary);
        --form-opacity-multi-step-indicator-next-steps: 0.4;
        --form-color-multi-step-indicator-next-steps-text: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-indicator-next-steps-text: 0.6;
        --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
        --form-color-multi-step-border-bottom-mobile: var(
            --bg-color-light-primary
        );
    }
    .stage--content-light .background-media .text {
        --text-color-text: var(--text-color-invert-body);
    }
    .stage__background {
        flex-direction: row;
        position: relative;
    }
    .stage :not(.background-media--stretched) .background-media-content {
        padding-top: 0;
    }
    .stage__container {
        flex-direction: column;
        justify-content: center;
        align-self: center;
        width: 100%;
        height: 100%;
        display: flex;
    }
    .stage__buttons {
        flex-wrap: nowrap;
    }
    .stage__button {
        width: auto;
    }
    .stage__button .button-link {
        margin-bottom: 0;
    }
    .stage__button .button-link button {
        text-align: center;
    }
    .stage__button .button-link--link {
        text-align: left;
    }
    .stage__column {
        grid-column-end: unset;
        display: flex;
    }
    [dir="rtl"] .stage__column {
        grid-column-end: -1;
    }
    .stage__column--solution-app {
        grid-column: span 8;
        margin-bottom: 0;
    }
    .stage__content {
        z-index: 1;
        align-self: center;
        width: 100%;
        position: relative;
    }
    .stage--text-right .stage__column {
        grid-row-start: 1;
        grid-column-end: -1;
    }
    [dir="rtl"] .stage--text-right .stage__column {
        grid-column-end: unset;
    }
}
.stage .background-media {
    overflow: visible;
}
.stage-50-50 {
    margin-top: 0;
    margin-bottom: var(--spacing-vertical-xl);
}
@media (min-width: 64rem) {
    .stage-50-50 {
        margin-top: var(--spacing-vertical-l);
    }
    .stage-50-50--image-right .grid__column:last-of-type {
        grid-row: 1;
    }
    .stage-50-50--text-horizontally-centered .grid__structure--50-50 {
        align-items: center;
    }
}
@media (max-width: 0rem) {
    .stage__grid-structure grid__structure {
        scale: 0.8;
    }
}
@media (max-width: 79.9375rem) {
    .stage-50-50__image {
        margin-bottom: var(--spacing-vertical-s);
    }
}
.stage-50-50__button .button-link:only-child {
    margin-top: var(--spacing-vertical-s);
}
.stage-50-50__button .button-link:only-child a {
    width: 100%;
}
@media (min-width: 48rem) {
    .stage-50-50__button .button-link:only-child a {
        width: auto;
    }
    .stage-50-50__button .button-link:not(:last-child) {
        margin-bottom: 0;
    }
}
.stage-50-50__button .button-group {
    margin-top: var(--spacing-vertical-s);
}
.stage-50-50__teaser-list {
    margin-top: var(--spacing-vertical-l);
}
.stage-50-50 .headline {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
}
.stage-50-50 .grid__structure--50-50 {
    grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 64rem) {
    .stage-50-50 .grid__structure--50-50 {
        grid-template-columns: repeat(2, 1fr);
    }
}
.stage-countdown-50-50 {
    margin-top: var(--spacing-vertical-xl);
}
.stage-countdown-50-50 .grid-structure {
    grid-gap: 0;
    grid-template-columns: repeat(1, 1fr);
}
.stage-countdown-50-50__headline-location .headline {
    color: var(--text-color-headlines);
}
.stage-countdown-50-50__countdown {
    justify-content: flex-start;
    display: flex;
}
@media (max-width: 63.9375rem) {
    .stage-countdown-50-50__image {
        margin-bottom: var(--spacing-vertical-s);
    }
}
@media (min-width: 48rem) {
    .stage-countdown-50-50 .grid__structure {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (min-width: 64rem) {
    .stage-countdown-50-50 .grid__structure {
        grid-template-columns: repeat(2, 1fr);
    }
}
.stage-countdown-full-width {
    margin-bottom: var(--spacing-vertical-l);
}
.stage-countdown-full-width__container {
    align-self: center;
    width: 100%;
    height: 100%;
    display: flex;
}
.stage-countdown-full-width__grid-structure {
    flex-direction: column;
    display: flex;
}
.stage-countdown-full-width__column {
    display: flex;
}
.stage-countdown-full-width__content {
    z-index: 1;
    width: 100%;
    margin-top: var(--spacing-vertical-s);
    align-self: center;
    position: relative;
}
.stage-countdown-full-width__headline-location {
    --text-color-text: var(--text-color-body);
}
.stage-countdown-full-width__button,
.stage-countdown-full-width__date {
    margin-top: var(--spacing-vertical-m);
}
.stage-countdown-full-width__countdown {
    margin-top: var(--spacing-vertical-l);
}
@media (min-width: 64rem) {
    .stage-countdown-full-width {
        margin-bottom: 0;
    }
    .stage-countdown-full-width__grid-structure {
        display: grid;
    }
    .stage-countdown-full-width__content {
        margin-top: 0;
    }
    .stage-countdown-full-width__main {
        grid-column: 1 / span 6;
        grid-row-start: 1;
    }
    .stage-countdown-full-width__countdown {
        margin-bottom: var(--spacing-vertical-xl);
        flex-direction: column;
        grid-column: 1/-1;
        grid-row-start: 1;
        justify-content: flex-end;
        align-items: flex-end;
        display: flex;
    }
    .stage-countdown-full-width--text-right .stage-countdown-full-width__main {
        grid-column: 7 / span 6;
    }
    .stage-countdown-full-width--text-right
        .stage-countdown-full-width__countdown {
        align-items: flex-start;
    }
    .stage-countdown-full-width--content-light {
        --button-primary-text-default: var(--text-color-button);
        --button-primary-border-default: var(--interaction-color-link);
        --button-primary-background-default: var(--interaction-color-link);
        --button-primary-text-hover: var(--text-color-button);
        --button-primary-border-hover: var(--interaction-color-hover);
        --button-primary-background-hover: var(--interaction-color-hover);
        --button-primary-text-focus: var(--text-color-button);
        --button-primary-border-focus: var(--interaction-color-focused);
        --button-primary-background-focus: var(--interaction-color-focused);
        --button-secondary-text-default: var(--color-information-60);
        --button-secondary-border-default: var(--color-information-60);
        --button-secondary-background-default: transparent;
        --button-secondary-text-hover: var(--color-information-50);
        --button-secondary-border-hover: var(--color-information-50);
        --button-secondary-background-hover: transparent;
        --button-secondary-text-focus: var(--color-black);
        --button-secondary-border-focus: var(--color-information-40);
        --button-secondary-background-focus: var(--color-information-40);
        --button-tertiary-text-default: var(--color-information-60);
        --button-tertiary-border-default: transparent;
        --button-tertiary-background-default: transparent;
        --button-tertiary-underline-default: var(--color-information-60);
        --button-tertiary-text-hover: var(--color-information-50);
        --button-tertiary-border-hover: transparent;
        --button-tertiary-background-hover: var(--bg-color-dark-02);
        --button-tertiary-underline-hover: var(--color-information-50);
        --button-tertiary-text-focus: var(--color-black);
        --button-tertiary-border-focus: var(--color-information-40);
        --button-tertiary-background-focus: var(--color-information-40);
        --button-tertiary-underline-focus: var(--color-black);
        --button-link-text-default: var(--color-information-60);
        --button-link-underline-default: var(--color-information-50);
        --button-link-text-hover: var(--color-information-50);
        --button-link-text-focus: var(--color-information-40);
        --teaser-list-color-text: var(--text-color-invert-body);
        --teaser-list-color-icon: var(--text-color-invert-body);
        --teaser-list-color-bullet: var(--text-color-invert-body);
        --headline-color: var(--text-color-invert-headlines);
        --headline-color-eyebrow: var(--text-color-invert-headlines);
        --text-color-text: var(--text-color-invert-body);
        --text-color-link-hover: var(--interaction-color-grey-hover);
        --text-color-link-focus: var(--interaction-color-grey-focused);
        --text-color-information: var(--color-information-70);
        --form-color-background: var(
            --classic-bg-color,
            var(--interaction-color-link)
        );
        --form-color-background-transparent: rgba(0, 114, 239, 0.8);
        --form-color-background-focus: var(--color-frame-focused-dark);
        --form-color-background-error: var(--color-frame-focused-dark);
        --form-opacity-label: 0.8;
        --form-opacity-label-focus: 1;
        --form-opacity-label-hover: 1;
        --form-opacity-label-filled: 1;
        --form-color-label: var(--text-color-invert-body);
        --form-color-label-hover: var(--text-color-invert-body);
        --form-color-label-focus: var(--bg-color-light-primary);
        --form-color-label-filled: var(--text-color-invert-body);
        --form-color-label-elevated: var(--text-color-invert-body);
        --form-color-label-elevated-focus: var(--bg-color-light-primary);
        --form-color-label-elevated-error: var(--color-alert-error);
        --form-opacity-item: 0.8;
        --form-opacity-item-hover: 1;
        --form-opacity-item-filled: 1;
        --form-opacity-item-focus: 1;
        --form-color-border-bottom: var(--text-color-invert-body);
        --form-color-border-bottom-hover: var(--text-color-invert-body);
        --form-color-border-bottom-focus: var(--bg-color-light-primary);
        --form-color-border-bottom-error: var(--color-alert-error);
        --form-color-border-bottom-filled: var(--text-color-invert-body);
        --form-color-inputfield: var(--text-color-invert-body);
        --form-color-font-filled: var(--text-color-invert-body);
        --form-opacity-helpertext: 0.8;
        --form-opacity-helpertext-hover: 1;
        --form-opacity-helpertext-filled: 1;
        --form-opacity-helpertext-focus: 1;
        --form-color-helpertext: var(--text-color-invert-body);
        --form-color-helpertext-hover: var(--text-color-invert-body);
        --form-color-helpertext-filled: var(--text-color-invert-body);
        --form-opacity-inputfield-disabled: 0.4;
        --form-color-font-error: var(--color-alert-error);
        --form-color-form-field-icon: var(--text-color-headlines);
        --form-color-form-field-icon-hover: var(--text-color-invert-body);
        --form-color-form-field-icon-focus: var(--text-color-invert-body);
        --form-color-form-field-icon-filled: var(--text-color-invert-body);
        --form-color-form-field-icon-error: var(--color-alert-error);
        --form-opacity-form-field-icon: 0.8;
        --form-opacity-form-field-icon-hover: 1;
        --form-opacity-form-field-icon-focus: 1;
        --form-opacity-form-field-icon-disabled: 0.4;
        --form-opacity-form-field-icon-filled: 1;
        --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
        --form-color-selectfield-chevron-icon-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-chevron-icon-focus: var(
            --text-color-invert-body
        );
        --form-opacity-selectfield-chevron-icon: 0.8;
        --form-opacity-selectfield-chevron-icon-hover: 1;
        --form-opacity-selectfield-chevron-icon-focus: 1;
        --form-opacity-selectfield-chevron-icon-disabled: 0.4;
        --form-color-selectfield-item-option-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-bg-options: var(--interaction-color-link);
        --form-color-selectfield-bg-options-hover: 240, 240, 240;
        --form-color-selectfield-bg-options-hover-opacity: 0.08;
        --form-color-selectfield-bg-options-selected: 240, 240, 240;
        --form-color-selectfield-bg-options-selected-opacity: 0.16;
        --form-color-selectfield-options: var(--text-color-invert-body);
        --form-color-selectfield-options-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-opacity: 0.8;
        --form-color-selectfield-type-ahead-hover-opacity: 1;
        --form-color-selectfield-type-ahead-focus-opacity: 1;
        --form-color-selectfield-type-ahead: var(--text-color-invert-body);
        --form-color-selectfield-type-ahead-placeholder: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
        --form-color-selectfield-multi-checkmark: var(--color-black);
        --form-color-selectfield-multi-checkbox-background: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-border: var(--color-white);
        --form-color-selectfield-multi-checkbox-border-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
        --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
        --form-color-selectfield-multi-selected-items-font-color: var(
            --color-white
        );
        --form-color-checkbox-border-unselected-hover: var(--color-black);
        --form-color-checkbox-label: var(--text-color-invert-body);
        --form-color-checkbox-border-unselected: var(--color-white);
        --form-color-checkbox-fontcolor: var(--text-color-invert-body);
        --form-color-checkbox-background-selected: var(--color-white);
        --form-color-checkbox-border-selected: var(--color-black);
        --form-color-checkbox-checkmark-border-selected: var(--color-black);
        --form-color-checkbox-background-selected-hover: var(--color-white);
        --form-color-checkbox-border-selected-hover: var(--color-black);
        --form-color-checkbox-background-unselected-focus: var(
            --interaction-color-focused
        );
        --form-color-checkbox-error: var(--color-white);
        --form-color-checkbox-background-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-font-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-border-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-background-unselected-focus-disabled: var(
            --interaction-color-link
        );
        --form-color-radiobutton-background-selected: var(--color-black);
        --form-color-radiobutton-background-selected-hover: var(
            --interaction-color-focused
        );
        --form-color-datepicker-label-color-enabled: var(--color-white);
        --form-color-datepicker-border-enabled: var(--color-white);
        --form-color-datepicker-border-hover: var(--text-color-invert-body);
        --form-color-datepicker-border-disabled: var(--text-color-invert-body);
        --form-color-datepicker-label-color-focused: var(--color-white);
        --form-opacity-checkbox-disabled: 0.4;
        --form-color-multi-step-indicator-title-mobile: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-title-desktop: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-next-title-mobile: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-circle: 0.4;
        --form-color-multi-step-circle: var(--bg-color-light-primary);
        --form-color-multi-step-circle-progress-indicator: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-circle-progress-indicator-text: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-indicator: var(--bg-color-light-primary);
        --form-opacity-multi-step-indicator-next-steps: 0.4;
        --form-color-multi-step-indicator-next-steps-text: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-indicator-next-steps-text: 0.6;
        --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
        --form-color-multi-step-border-bottom-mobile: var(
            --bg-color-light-primary
        );
    }
    .stage-countdown-full-width--content-light
        .stage-countdown-full-width__headline-location {
        --text-color-text: var(--text-color-invert-body);
    }
    .stage-countdown-full-width--content-light time {
        color: var(--text-color-invert-body);
    }
    .stage-countdown-full-width--content-light .event-countdown,
    .stage-countdown-full-width--content-light .event-countdown__label {
        color: var(--text-color-invert-headlines);
    }
}
:root {
    --header-height: 7.75rem;
    --ambition-color: var(--text-color-headlines);
}
.stage-focus-frame {
    flex-direction: column;
    display: flex;
}
@media (max-width: 63.9375rem) {
    .stage-focus-frame {
        margin-bottom: var(--spacing-vertical-xl);
    }
}
.stage-focus-frame__ambition-main,
.stage-focus-frame__ambition-eyebrow {
    color: var(--ambition-color);
    display: block;
}
.stage-focus-frame__video {
    margin-bottom: var(--spacing-vertical-s);
    display: none;
}
.stage-focus-frame__image {
    margin-bottom: var(--spacing-vertical-s);
    flex: 1 0 100%;
    display: flex;
}
.stage-focus-frame__ambition {
    margin-bottom: var(--spacing-vertical-l);
}
.stage-focus-frame__text,
.stage-focus-frame__button,
.stage-focus-frame__teaser-list {
    margin-top: var(--spacing-vertical-m);
}
.stage-focus-frame__container {
    width: 100%;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .stage-focus-frame__grid-structure {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (min-width: 64rem) {
    .stage-focus-frame {
        min-height: calc(100vh - var(--header-height));
        flex-direction: row;
        position: relative;
    }
    .stage-focus-frame__image {
        display: none;
    }
    .stage-focus-frame__video {
        flex: 1 0 100%;
        margin-bottom: 0;
        padding-bottom: 0;
        display: flex;
        position: absolute;
        inset: 0;
        overflow: hidden;
    }
    .stage-focus-frame__video .lazy-image {
        width: 100%;
        height: 100%;
        top: 50%;
        transform: translateY(-50%);
    }
    .stage-focus-frame__video .lazy-image .lazy-image__image {
        width: auto;
        min-width: auto;
        max-width: none;
        height: 100%;
    }
    .stage-focus-frame__container {
        align-self: center;
        height: 100%;
        display: flex;
    }
    .stage-focus-frame__grid-structure {
        height: 100%;
        position: static;
    }
    .stage-focus-frame__column {
        display: flex;
    }
    .stage-focus-frame__content {
        width: 100%;
        padding-top: var(--spacing-vertical-xl);
        padding-bottom: var(--spacing-vertical-xl);
        align-self: center;
        position: relative;
    }
    .stage-focus-frame__teaser-list {
        margin-top: var(--spacing-vertical-m);
    }
    .stage-focus-frame--scheme-dark,
    .stage-focus-frame--scheme-dark .teaser-list--bullets-emphasized,
    .stage-focus-frame--scheme-dark .teaser-list--benefits {
        --button-secondary-text-default: var(--color-information-60);
        --button-secondary-border-default: var(--color-information-60);
        --button-secondary-background-default: transparent;
        --button-secondary-text-hover: var(--color-information-50);
        --button-secondary-border-hover: var(--color-information-50);
        --button-secondary-background-hover: transparent;
        --button-secondary-text-focus: var(--color-black);
        --button-secondary-border-focus: var(--color-information-40);
        --button-secondary-background-focus: var(--color-information-40);
        --button-tertiary-text-default: var(--color-information-60);
        --button-tertiary-border-default: transparent;
        --button-tertiary-background-default: transparent;
        --button-tertiary-underline-default: var(--color-information-60);
        --button-tertiary-text-hover: var(--color-information-50);
        --button-tertiary-border-hover: transparent;
        --button-tertiary-background-hover: var(--bg-color-dark-02);
        --button-tertiary-underline-hover: var(--color-information-50);
        --button-tertiary-text-focus: var(--color-black);
        --button-tertiary-border-focus: var(--color-information-40);
        --button-tertiary-background-focus: var(--color-information-40);
        --button-tertiary-underline-focus: var(--color-black);
        --button-link-text-default: var(--color-information-60);
        --button-link-underline-default: var(--color-information-50);
        --button-link-text-hover: var(--color-information-50);
        --button-link-text-focus: var(--color-information-40);
        --teaser-list-color-text: var(--text-color-invert-headlines);
        --teaser-list-color-icon: var(--text-color-invert-headlines);
        --teaser-list-color-bullet: var(--text-color-invert-headlines);
        --headline-color: var(--text-color-invert-headlines);
        --headline-color-eyebrow: var(--text-color-invert-headlines);
        --caption-color: var(--text-color-invert-body);
        --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
        --bullet-color: rgba(255, 255, 255, 0.4);
        --animated-bullet-color: var(--bg-color-light-primary);
        --hover-bullet-color: rgba(255, 255, 255, 0.8);
        --transparent-bg-color: rgba(230, 235, 240, 0.6);
        --fill-color-icon: var(--icon-strong);
        --text-color-text: var(--text-color-invert-body);
        --text-color-link-hover: var(--interaction-color-grey-hover);
        --text-color-link-focus: var(--interaction-color-grey-focused);
        --text-color-information: var(--color-information-70);
        --form-color-background: var(
            --classic-bg-color,
            var(--bg-color-dark-00)
        );
        --form-color-background-transparent: rgba(23, 25, 28, 0.8);
        --form-color-background-focus: var(
            --interaction-color-background-invert-focused
        );
        --form-color-background-error: var(--color-alert-error-120);
        --form-opacity-label: 1;
        --form-opacity-label-focus: 1;
        --form-opacity-label-hover: 1;
        --form-opacity-label-filled: 1;
        --form-color-label: var(--text-color-invert-body);
        --form-color-label-hover: var(--text-color-invert-body);
        --form-color-label-focus: var(--text-color-invert-body);
        --form-color-label-filled: var(--text-color-invert-body);
        --form-color-label-elevated: var(--text-color-invert-body);
        --form-color-label-elevated-focus: var(--text-color-invert-body);
        --form-color-label-elevated-error: var(--text-color-invert-body);
        --form-opacity-item: 1;
        --form-opacity-item-hover: 1;
        --form-opacity-item-filled: 1;
        --form-opacity-item-focus: 1;
        --form-color-border-bottom: var(--border-color-invert-inactive);
        --form-color-border-bottom-hover: var(--border-color-invert-active);
        --form-color-border-bottom-focus: var(--border-color-invert-active);
        --form-color-border-bottom-error: var(--color-alert-error-70);
        --form-color-border-bottom-filled: var(--border-color-invert-inactive);
        --form-color-inputfield: var(--text-color-invert-headlines);
        --form-color-font-filled: var(--text-color-invert-headlines);
        --form-opacity-helpertext: 1;
        --form-opacity-helpertext-hover: 1;
        --form-opacity-helpertext-filled: 1;
        --form-opacity-helpertext-focus: 1;
        --form-color-helpertext: var(--text-color-invert-headlines);
        --form-color-helpertext-hover: var(--text-color-invert-headlines);
        --form-color-helpertext-filled: var(--text-color-invert-headlines);
        --form-opacity-inputfield-disabled: 0.4;
        --form-color-font-error: var(--color-alert-error-70);
        --form-color-form-field-icon: var(--border-color-invert-inactive);
        --form-color-form-field-icon-hover: var(--border-color-invert-active);
        --form-color-form-field-icon-focus: var(--border-color-invert-active);
        --form-color-form-field-icon-filled: var(
            --border-color-invert-inactive
        );
        --form-color-form-field-icon-error: var(--color-alert-error-70);
        --form-opacity-form-field-icon: 1;
        --form-opacity-form-field-icon-hover: 1;
        --form-opacity-form-field-icon-focus: 1;
        --form-opacity-form-field-icon-disabled: 0.4;
        --form-opacity-form-field-icon-filled: 1;
        --form-color-selectfield-item-option-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-bg-options: var(--bg-color-dark-03);
        --form-color-selectfield-bg-options-hover: #4e565f;
        --form-color-selectfield-bg-options-hover-opacity: 1;
        --form-color-selectfield-bg-options-selected: var(
            --interaction-color-link
        );
        --form-color-selectfield-bg-options-selected-opacity: 1;
        --form-color-selectfield-options: var(--text-color-invert-body);
        --form-color-selectfield-options-selected: var(--text-color-button);
        --form-color-selectfield-type-ahead-opacity: 1;
        --form-color-selectfield-type-ahead-hover-opacity: 1;
        --form-color-selectfield-type-ahead-focus-opacity: 1;
        --form-color-selectfield-type-ahead: var(--text-color-invert-body);
        --form-color-selectfield-type-ahead-placeholder: var(
            --text-color-invert-headlines
        );
        --form-color-selectfield-type-ahead-placeholder-hover: var(
            --text-color-invert-headlines
        );
        --form-color-selectfield-type-ahead-placeholder-focus: var(
            --text-color-invert-headlines
        );
        --form-color-selectfield-type-ahead-border-bottom: var(
            --border-color-invert-inactive
        );
        --form-color-selectfield-type-ahead-border-bottom-hover: var(
            --border-color-invert-active
        );
        --form-color-selectfield-type-ahead-border-bottom-focus: var(
            --border-color-invert-active
        );
        --form-color-selectfield-type-ahead-icon: var(
            --border-color-invert-inactive
        );
        --form-color-selectfield-type-ahead-icon-hover: var(
            --border-color-invert-active
        );
        --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
        --form-color-selectfield-multi-checkbox-background: transparent;
        --form-color-selectfield-multi-checkbox-background-hover: transparent;
        --form-color-selectfield-multi-checkbox-background-selected: var(
            --interaction-color-link
        );
        --form-color-selectfield-multi-checkbox-background-selected-hover: var(
            --interaction-color-link
        );
        --form-color-selectfield-multi-checkbox-border: var(
            --border-color-invert-active
        );
        --form-color-selectfield-multi-checkbox-border-hover: var(
            --border-color-invert-active
        );
        --form-color-selectfield-multi-checkbox-border-selected: var(
            --interaction-color-link
        );
        --form-color-selectfield-multi-checkbox-border-selected-hover: var(
            --interaction-color-link
        );
        --form-color-selectfield-multi-selected-items-background: var(
            --bg-color-dark-03
        );
        --form-color-selectfield-multi-selected-items-background-opacity: 1;
        --form-color-selectfield-multi-selected-items-font-color: var(
            --text-color-invert-headlines
        );
        --form-color-selectfield-multi-selected-items-background-error: var(
            --bg-color-dark-03
        );
        --form-color-selectfield-multi-selected-items-font-color-error: var(
            --text-color-invert-headlines
        );
        --form-color-selectfield-multi-selected-items-icon: var(
            --text-color-invert-headlines
        );
        --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
        --form-color-seleftfield-multi-color-option-selected: var(
            --text-color-invert-body
        );
        --form-color-checkbox-background-unselected: transparent;
        --form-color-checkbox-background-unselected-focus: var(
            --interaction-color-background-invert-focused
        );
        --form-color-checkbox-background-unselected-focus-disabled: var(
            --interaction-color-background-invert-focused
        );
        --form-color-checkbox-background-unselected-disabled: transparent;
        --form-color-checkbox-background-disabled: transparent;
        --form-color-checkbox-background-selected: var(
            --interaction-color-link
        );
        --form-color-checkbox-background-selected-hover: var(
            --interaction-color-hover
        );
        --form-color-checkbox-border-unselected: var(
            --border-color-invert-active
        );
        --form-color-checkbox-border-unselected-hover: var(
            --interaction-color-grey-hover
        );
        --form-color-checkbox-border-unselected-disabled: var(
            --border-color-invert-active
        );
        --form-color-checkbox-border-disabled: var(
            --border-color-invert-active
        );
        --form-color-checkbox-border-selected: var(--interaction-color-link);
        --form-color-checkbox-border-selected-hover: var(
            --interaction-color-hover
        );
        --form-color-checkbox-checkmark: var(--bg-color-light-primary);
        --form-color-checkbox-label: var(--text-color-invert-body);
        --form-color-checkbox-fontcolor: var(--text-color-invert-body);
        --form-color-checkbox-font-unselected-disabled: var(
            --text-color-invert-body
        );
        --form-color-checkbox-error: var(--color-alert-error-70);
        --form-opacity-checkbox-disabled: 0.4;
        --form-color-radiobutton-background-selected: var(
            --bg-color-light-primary
        );
        --form-color-radiobutton-background-selected-hover: var(
            --bg-color-light-01
        );
        --form-color-datepicker-label-color-enabled: var(
            --text-color-invert-headlines
        );
        --form-color-datepicker-border-enabled: var(--color-white);
        --form-color-datepicker-border-hover: var(--text-color-invert-body);
        --form-color-datepicker-border-disabled: var(--text-color-invert-body);
        --form-color-datepicker-label-color-focused: var(
            --text-color-invert-headlines
        );
        --form-color-datepicker-error: var(--color-alert-error-70);
        --form-color-datepicker-calender-background-default: var(
            --bg-color-dark-03
        );
        --form-color-datepicker-calender-color-header: var(
            --text-color-invert-headlines
        );
        --form-color-datepicker-calender-color-arrow: var(
            --text-color-invert-headlines
        );
        --form-color-datepicker-calender-color-body: var(
            --text-color-invert-headlines
        );
        --form-color-datepicker-calender-background-hover: var(
            --interaction-color-background-invert-focused
        );
        --form-color-datepicker-calender-color-body-disabled: var(
            --border-color-invert-inactive
        );
        --form-color-datepicker-calender-color-background-disabled: var(
            --bg-color-light-inverse
        );
        --form-color-datepicker-calender-background-selected: var(
            --interaction-color-link
        );
        --form-color-datepicker-calender-color-focused: var(
            --interaction-color-link
        );
        --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
        --form-color-datepicker-date: var(--text-color-body);
        --form-color-datepicker-calender-color-selected-day: var(
            --text-color-button
        );
        --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
        --form-color-multi-step-indicator-title-mobile: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-title-desktop: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-next-title-mobile: var(
            --text-color-invert-body
        );
        --form-opacity-multi-step-circle: 0.4;
        --form-color-multi-step-circle: var(--border-color-invert-inactive);
        --form-color-multi-step-circle-progress-indicator: var(
            --border-color-invert-active
        );
        --form-color-multi-step-circle-progress-indicator-text: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator: var(--bg-color-light-primary);
        --form-opacity-multi-step-indicator-next-steps: 0.4;
        --form-color-multi-step-indicator-next-steps-text: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-indicator-next-steps-text: 0.6;
        --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
        --form-color-multi-step-border-bottom-mobile: var(
            --bg-color-light-primary
        );
        --form-color-file-upload-label: var(--text-color-invert-body);
        --form-color-file-upload-border: var(--text-color-invert-body);
        --form-color-file-upload-border-hover: var(--interaction-color-hover);
        --form-color-file-upload-border-focus: var(--interaction-color-hover);
        --form-color-file-upload-border-dragging: var(
            --interaction-color-hover
        );
        --form-color-file-upload-border-error: var(--color-alert-error);
        --form-color-file-upload-icon-upload: var(
            --text-color-invert-headlines
        );
        --form-color-file-upload-icon-upload-hover: var(
            --text-color-invert-headlines
        );
        --form-color-file-upload-icon-upload-dragging: var(
            --text-color-headlines
        );
        --form-color-file-upload-icon-upload-error: var(--color-alert-error);
        --form-color-file-upload-icon-upload-error-hover: var(
            --color-alert-error
        );
        --form-color-file-upload-icon-upload-error-focus: var(
            --color-alert-error
        );
        --form-color-file-upload-description-text: var(
            --text-color-invert-body
        );
        --form-color-file-upload-file-list-delete-icon: var(
            --text-color-invert-headlines
        );
        --form-color-file-upload-file-list-delete-icon-hover: var(
            --text-color-invert-headlines
        );
        --form-color-file-upload-file-list-delete-icon-focus: var(
            --text-color-invert-headlines
        );
        --form-color-file-upload-file-list-file-name: var(
            --text-color-invert-headlines
        );
        --form-color-file-upload-file-list-border: var(
            --text-color-invert-headlines
        );
        --form-color-file-upload-file-list-border-error: var(
            --color-alert-error
        );
        --form-overlay-file-upload-spinner-color: var(
            --text-color-invert-headlines
        );
        --form-overlay-file-upload-spinner-color-transparent: rgba(
            242,
            245,
            248,
            0.3
        );
        --ambition-color: var(--text-color-invert-headlines);
        --scroll-animation-text-color: var(--text-color-invert-body);
        --scroll-animation-desktop-border: var(--text-color-invert-headlines);
        --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
        --scroll-animation-mobile-border: var(--bg-color-dark-01);
        --scroll-animation-navigation-hover: var(
            --interaction-color-grey-hover
        );
        --bg-surface: var(--bg-color-dark-02);
        --bg-surface-emphasized: var(--bg-color-dark-05);
        --bg-surface-blockbuster: var(--bg-color-dark-04);
        --bg-surface-teaser: var(--bg-color-dark-02);
        --bg-surface-interactive: var(--bg-color-dark-03);
        --border-strong: var(--border-color-invert-active);
        --border-subtle: var(--border-color-invert-inactive);
        --border-subtlest: var(--border-color-invert-subtlest);
        --link-color: var(--icon-strong);
        --icon-strong: var(--fill-color-invert-headlines);
        --icon-subtle: var(--fill-color-invert-body);
        --icon-subtlest: var(--fill-color-invert-subtlest);
        --icon-interactive: var(--fill-color-invert-highlight);
        --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
    }
    .stage-focus-frame--text-right .stage-focus-frame__column {
        grid-row-start: 1;
        grid-column-end: -1;
    }
    .stage-focus-frame__ambition,
    .stage-focus-frame__headline,
    .stage-focus-frame__text,
    .stage-focus-frame__button,
    .stage-focus-frame__teaser-list li {
        opacity: 0;
    }
    .stage-focus-frame--animation .stage-focus-frame__ambition,
    .stage-focus-frame--animation .stage-focus-frame__headline,
    .stage-focus-frame--animation .stage-focus-frame__text,
    .stage-focus-frame--animation .stage-focus-frame__button {
        opacity: 1;
        transition: opacity 0.55s ease-in-out;
    }
    .stage-focus-frame--animation .stage-focus-frame__headline {
        transition-delay: 0.45s;
    }
    .stage-focus-frame--animation .stage-focus-frame__text {
        transition-delay: 0.9s;
    }
    .stage-focus-frame--animation .stage-focus-frame__button {
        transition-delay: 1.35s;
    }
    .stage-focus-frame:hover
        .lazy-background-video__video
        ~ .lazy-background-video__video-controls {
        opacity: 1;
    }
}
body.no-js .stage-focus-frame__ambition,
body.no-js .stage-focus-frame__headline,
body.no-js .stage-focus-frame__text {
    opacity: 1;
}
@media (max-width: 63.9375rem) {
    .stage-full-width {
        margin-bottom: var(--spacing-vertical-xxl);
    }
}
.stage-full-width__background {
    flex-direction: column;
    display: flex;
}
.stage-full-width :not(.background-media--stretched) .background-media-content {
    padding-top: var(--spacing-vertical-s);
}
.stage-full-width__text,
.stage-full-width__button,
.stage-full-width__teaser-list,
.stage-full-width__input-form {
    margin-top: var(--spacing-vertical-m);
}
.stage-full-width__form-button {
    margin-top: var(--spacing-vertical-s);
}
.stage-full-width__form-button button {
    width: 100%;
}
.stage-full-width__login {
    margin-top: var(--spacing-vertical-l);
    justify-content: center;
    align-items: last baseline;
    gap: var(--spacing-horizontal-xs);
    flex-wrap: wrap;
    display: flex;
}
.stage-full-width__login__link {
    margin-right: var(--spacing-horizontal-xxs);
    white-space: nowrap;
    position: relative;
}
.stage-full-width__login__text {
    word-break: break-all;
    font-weight: 700;
}
@media (max-width: 47.9375rem) {
    .stage-full-width__login__text {
        text-align: center;
    }
}
.stage-full-width .teaser-list {
    --teaser-list-color-text: var(--text-color-headlines);
    --teaser-list-color-icon: var(--text-color-headlines);
    --teaser-list-color-bullet: var(--text-color-headlines);
}
.stage-full-width .text {
    --text-color-text: var(--text-color-body);
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .stage-full-width__grid-structure {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (min-width: 48rem) {
    .stage-full-width__input-form {
        margin-top: var(--spacing-vertical-l);
    }
    .stage-full-width__form-button button {
        width: initial;
    }
    .stage-full-width__login {
        margin-top: var(--spacing-vertical-l);
        justify-content: left;
    }
}
@media (min-width: 64rem) {
    .stage-full-width--content-light {
        --button-primary-text-default: var(--text-color-button);
        --button-primary-border-default: var(--interaction-color-link);
        --button-primary-background-default: var(--interaction-color-link);
        --button-primary-text-hover: var(--text-color-button);
        --button-primary-border-hover: var(--interaction-color-hover);
        --button-primary-background-hover: var(--interaction-color-hover);
        --button-primary-text-focus: var(--text-color-button);
        --button-primary-border-focus: var(--interaction-color-focused);
        --button-primary-background-focus: var(--interaction-color-focused);
        --button-secondary-text-default: var(--color-information-60);
        --button-secondary-border-default: var(--color-information-60);
        --button-secondary-background-default: transparent;
        --button-secondary-text-hover: var(--color-information-50);
        --button-secondary-border-hover: var(--color-information-50);
        --button-secondary-background-hover: transparent;
        --button-secondary-text-focus: var(--color-black);
        --button-secondary-border-focus: var(--color-information-40);
        --button-secondary-background-focus: var(--color-information-40);
        --button-tertiary-text-default: var(--color-information-60);
        --button-tertiary-border-default: transparent;
        --button-tertiary-background-default: transparent;
        --button-tertiary-underline-default: var(--color-information-60);
        --button-tertiary-text-hover: var(--color-information-50);
        --button-tertiary-border-hover: transparent;
        --button-tertiary-background-hover: var(--bg-color-dark-02);
        --button-tertiary-underline-hover: var(--color-information-50);
        --button-tertiary-text-focus: var(--color-black);
        --button-tertiary-border-focus: var(--color-information-40);
        --button-tertiary-background-focus: var(--color-information-40);
        --button-tertiary-underline-focus: var(--color-black);
        --button-link-text-default: var(--color-information-60);
        --button-link-underline-default: var(--color-information-50);
        --button-link-text-hover: var(--color-information-50);
        --button-link-text-focus: var(--color-information-40);
        --teaser-list-color-text: var(--text-color-invert-body);
        --teaser-list-color-icon: var(--text-color-invert-body);
        --teaser-list-color-bullet: var(--text-color-invert-body);
        --headline-color: var(--text-color-invert-headlines);
        --headline-color-eyebrow: var(--text-color-invert-headlines);
        --text-color-text: var(--text-color-invert-body);
        --text-color-link-hover: var(--interaction-color-grey-hover);
        --text-color-link-focus: var(--interaction-color-grey-focused);
        --text-color-information: var(--color-information-70);
        --form-color-background: var(
            --classic-bg-color,
            var(--interaction-color-link)
        );
        --form-color-background-transparent: rgba(0, 114, 239, 0.8);
        --form-color-background-focus: var(--color-frame-focused-dark);
        --form-color-background-error: var(--color-frame-focused-dark);
        --form-opacity-label: 0.8;
        --form-opacity-label-focus: 1;
        --form-opacity-label-hover: 1;
        --form-opacity-label-filled: 1;
        --form-color-label: var(--text-color-invert-body);
        --form-color-label-hover: var(--text-color-invert-body);
        --form-color-label-focus: var(--bg-color-light-primary);
        --form-color-label-filled: var(--text-color-invert-body);
        --form-color-label-elevated: var(--text-color-invert-body);
        --form-color-label-elevated-focus: var(--bg-color-light-primary);
        --form-color-label-elevated-error: var(--color-alert-error);
        --form-opacity-item: 0.8;
        --form-opacity-item-hover: 1;
        --form-opacity-item-filled: 1;
        --form-opacity-item-focus: 1;
        --form-color-border-bottom: var(--text-color-invert-body);
        --form-color-border-bottom-hover: var(--text-color-invert-body);
        --form-color-border-bottom-focus: var(--bg-color-light-primary);
        --form-color-border-bottom-error: var(--color-alert-error);
        --form-color-border-bottom-filled: var(--text-color-invert-body);
        --form-color-inputfield: var(--text-color-invert-body);
        --form-color-font-filled: var(--text-color-invert-body);
        --form-opacity-helpertext: 0.8;
        --form-opacity-helpertext-hover: 1;
        --form-opacity-helpertext-filled: 1;
        --form-opacity-helpertext-focus: 1;
        --form-color-helpertext: var(--text-color-invert-body);
        --form-color-helpertext-hover: var(--text-color-invert-body);
        --form-color-helpertext-filled: var(--text-color-invert-body);
        --form-opacity-inputfield-disabled: 0.4;
        --form-color-font-error: var(--color-alert-error);
        --form-color-form-field-icon: var(--text-color-headlines);
        --form-color-form-field-icon-hover: var(--text-color-invert-body);
        --form-color-form-field-icon-focus: var(--text-color-invert-body);
        --form-color-form-field-icon-filled: var(--text-color-invert-body);
        --form-color-form-field-icon-error: var(--color-alert-error);
        --form-opacity-form-field-icon: 0.8;
        --form-opacity-form-field-icon-hover: 1;
        --form-opacity-form-field-icon-focus: 1;
        --form-opacity-form-field-icon-disabled: 0.4;
        --form-opacity-form-field-icon-filled: 1;
        --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
        --form-color-selectfield-chevron-icon-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-chevron-icon-focus: var(
            --text-color-invert-body
        );
        --form-opacity-selectfield-chevron-icon: 0.8;
        --form-opacity-selectfield-chevron-icon-hover: 1;
        --form-opacity-selectfield-chevron-icon-focus: 1;
        --form-opacity-selectfield-chevron-icon-disabled: 0.4;
        --form-color-selectfield-item-option-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-bg-options: var(--interaction-color-link);
        --form-color-selectfield-bg-options-hover: 240, 240, 240;
        --form-color-selectfield-bg-options-hover-opacity: 0.08;
        --form-color-selectfield-bg-options-selected: 240, 240, 240;
        --form-color-selectfield-bg-options-selected-opacity: 0.16;
        --form-color-selectfield-options: var(--text-color-invert-body);
        --form-color-selectfield-options-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-opacity: 0.8;
        --form-color-selectfield-type-ahead-hover-opacity: 1;
        --form-color-selectfield-type-ahead-focus-opacity: 1;
        --form-color-selectfield-type-ahead: var(--text-color-invert-body);
        --form-color-selectfield-type-ahead-placeholder: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
        --form-color-selectfield-multi-checkmark: var(--color-black);
        --form-color-selectfield-multi-checkbox-background: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-border: var(--color-white);
        --form-color-selectfield-multi-checkbox-border-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
        --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
        --form-color-selectfield-multi-selected-items-font-color: var(
            --color-white
        );
        --form-color-checkbox-border-unselected-hover: var(--color-black);
        --form-color-checkbox-label: var(--text-color-invert-body);
        --form-color-checkbox-border-unselected: var(--color-white);
        --form-color-checkbox-fontcolor: var(--text-color-invert-body);
        --form-color-checkbox-background-selected: var(--color-white);
        --form-color-checkbox-border-selected: var(--color-black);
        --form-color-checkbox-checkmark-border-selected: var(--color-black);
        --form-color-checkbox-background-selected-hover: var(--color-white);
        --form-color-checkbox-border-selected-hover: var(--color-black);
        --form-color-checkbox-background-unselected-focus: var(
            --interaction-color-focused
        );
        --form-color-checkbox-error: var(--color-white);
        --form-color-checkbox-background-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-font-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-border-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-background-unselected-focus-disabled: var(
            --interaction-color-link
        );
        --form-color-radiobutton-background-selected: var(--color-black);
        --form-color-radiobutton-background-selected-hover: var(
            --interaction-color-focused
        );
        --form-color-datepicker-label-color-enabled: var(--color-white);
        --form-color-datepicker-border-enabled: var(--color-white);
        --form-color-datepicker-border-hover: var(--text-color-invert-body);
        --form-color-datepicker-border-disabled: var(--text-color-invert-body);
        --form-color-datepicker-label-color-focused: var(--color-white);
        --form-opacity-checkbox-disabled: 0.4;
        --form-color-multi-step-indicator-title-mobile: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-title-desktop: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-next-title-mobile: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-circle: 0.4;
        --form-color-multi-step-circle: var(--bg-color-light-primary);
        --form-color-multi-step-circle-progress-indicator: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-circle-progress-indicator-text: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-indicator: var(--bg-color-light-primary);
        --form-opacity-multi-step-indicator-next-steps: 0.4;
        --form-color-multi-step-indicator-next-steps-text: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-indicator-next-steps-text: 0.6;
        --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
        --form-color-multi-step-border-bottom-mobile: var(
            --bg-color-light-primary
        );
    }
    .stage-full-width--content-light .teaser-list {
        --teaser-list-color-text: var(--text-color-invert-headlines);
        --teaser-list-color-icon: var(--text-color-invert-headlines);
        --teaser-list-color-bullet: var(--text-color-invert-headlines);
    }
    .stage-full-width--content-light .text {
        --text-color-text: var(--text-color-invert-body);
    }
    .stage-full-width--content-light .stage-full-width__input-form {
        --form-color-background: var(
            --classic-bg-color,
            var(--interaction-color-link)
        );
        --form-color-background-transparent: rgba(0, 114, 239, 0.8);
        --form-color-background-focus: var(--color-frame-focused-dark);
        --form-color-background-error: var(--color-frame-focused-dark);
        --form-opacity-label: 0.8;
        --form-opacity-label-focus: 1;
        --form-opacity-label-hover: 1;
        --form-opacity-label-filled: 1;
        --form-color-label: var(--text-color-invert-body);
        --form-color-label-hover: var(--text-color-invert-body);
        --form-color-label-focus: var(--bg-color-light-primary);
        --form-color-label-filled: var(--text-color-invert-body);
        --form-color-label-elevated: var(--text-color-invert-body);
        --form-color-label-elevated-focus: var(--bg-color-light-primary);
        --form-color-label-elevated-error: var(--color-alert-error);
        --form-opacity-item: 0.8;
        --form-opacity-item-hover: 1;
        --form-opacity-item-filled: 1;
        --form-opacity-item-focus: 1;
        --form-color-border-bottom: var(--text-color-invert-body);
        --form-color-border-bottom-hover: var(--text-color-invert-body);
        --form-color-border-bottom-focus: var(--bg-color-light-primary);
        --form-color-border-bottom-error: var(--color-alert-error);
        --form-color-border-bottom-filled: var(--text-color-invert-body);
        --form-color-inputfield: var(--text-color-invert-body);
        --form-color-font-filled: var(--text-color-invert-body);
        --form-opacity-helpertext: 0.8;
        --form-opacity-helpertext-hover: 1;
        --form-opacity-helpertext-filled: 1;
        --form-opacity-helpertext-focus: 1;
        --form-color-helpertext: var(--text-color-invert-body);
        --form-color-helpertext-hover: var(--text-color-invert-body);
        --form-color-helpertext-filled: var(--text-color-invert-body);
        --form-opacity-inputfield-disabled: 0.4;
        --form-color-font-error: var(--color-alert-error);
        --form-color-form-field-icon: var(--text-color-headlines);
        --form-color-form-field-icon-hover: var(--text-color-invert-body);
        --form-color-form-field-icon-focus: var(--text-color-invert-body);
        --form-color-form-field-icon-filled: var(--text-color-invert-body);
        --form-color-form-field-icon-error: var(--color-alert-error);
        --form-opacity-form-field-icon: 0.8;
        --form-opacity-form-field-icon-hover: 1;
        --form-opacity-form-field-icon-focus: 1;
        --form-opacity-form-field-icon-disabled: 0.4;
        --form-opacity-form-field-icon-filled: 1;
        --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
        --form-color-selectfield-chevron-icon-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-chevron-icon-focus: var(
            --text-color-invert-body
        );
        --form-opacity-selectfield-chevron-icon: 0.8;
        --form-opacity-selectfield-chevron-icon-hover: 1;
        --form-opacity-selectfield-chevron-icon-focus: 1;
        --form-opacity-selectfield-chevron-icon-disabled: 0.4;
        --form-color-selectfield-item-option-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-bg-options: var(--interaction-color-link);
        --form-color-selectfield-bg-options-hover: 240, 240, 240;
        --form-color-selectfield-bg-options-hover-opacity: 0.08;
        --form-color-selectfield-bg-options-selected: 240, 240, 240;
        --form-color-selectfield-bg-options-selected-opacity: 0.16;
        --form-color-selectfield-options: var(--text-color-invert-body);
        --form-color-selectfield-options-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-opacity: 0.8;
        --form-color-selectfield-type-ahead-hover-opacity: 1;
        --form-color-selectfield-type-ahead-focus-opacity: 1;
        --form-color-selectfield-type-ahead: var(--text-color-invert-body);
        --form-color-selectfield-type-ahead-placeholder: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
        --form-color-selectfield-multi-checkmark: var(--color-black);
        --form-color-selectfield-multi-checkbox-background: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-border: var(--color-white);
        --form-color-selectfield-multi-checkbox-border-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
        --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
        --form-color-selectfield-multi-selected-items-font-color: var(
            --color-white
        );
        --form-color-checkbox-border-unselected-hover: var(--color-black);
        --form-color-checkbox-label: var(--text-color-invert-body);
        --form-color-checkbox-border-unselected: var(--color-white);
        --form-color-checkbox-fontcolor: var(--text-color-invert-body);
        --form-color-checkbox-background-selected: var(--color-white);
        --form-color-checkbox-border-selected: var(--color-black);
        --form-color-checkbox-checkmark-border-selected: var(--color-black);
        --form-color-checkbox-background-selected-hover: var(--color-white);
        --form-color-checkbox-border-selected-hover: var(--color-black);
        --form-color-checkbox-background-unselected-focus: var(
            --interaction-color-focused
        );
        --form-color-checkbox-error: var(--color-white);
        --form-color-checkbox-background-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-font-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-border-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-background-unselected-focus-disabled: var(
            --interaction-color-link
        );
        --form-color-radiobutton-background-selected: var(--color-black);
        --form-color-radiobutton-background-selected-hover: var(
            --interaction-color-focused
        );
        --form-color-datepicker-label-color-enabled: var(--color-white);
        --form-color-datepicker-border-enabled: var(--color-white);
        --form-color-datepicker-border-hover: var(--text-color-invert-body);
        --form-color-datepicker-border-disabled: var(--text-color-invert-body);
        --form-color-datepicker-label-color-focused: var(--color-white);
        --form-opacity-checkbox-disabled: 0.4;
        --form-color-multi-step-indicator-title-mobile: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-title-desktop: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-next-title-mobile: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-circle: 0.4;
        --form-color-multi-step-circle: var(--bg-color-light-primary);
        --form-color-multi-step-circle-progress-indicator: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-circle-progress-indicator-text: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-indicator: var(--bg-color-light-primary);
        --form-opacity-multi-step-indicator-next-steps: 0.4;
        --form-color-multi-step-indicator-next-steps-text: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-indicator-next-steps-text: 0.6;
        --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
        --form-color-multi-step-border-bottom-mobile: var(
            --bg-color-light-primary
        );
    }
    .stage-full-width__background {
        flex-direction: row;
        position: relative;
    }
    .stage-full-width
        :not(.background-media--stretched)
        .background-media-content {
        padding-top: 0;
    }
    .stage-full-width__container {
        align-self: center;
        width: 100%;
        height: 100%;
        display: flex;
    }
    .stage-full-width__grid-structure {
        height: 100%;
    }
    .stage-full-width__column {
        display: flex;
        overflow: hidden;
    }
    .stage-full-width__content {
        z-index: 1;
        width: 100%;
        padding-top: var(--spacing-vertical-xl);
        padding-bottom: var(--spacing-vertical-xl);
        align-self: center;
        position: relative;
    }
    .stage-full-width__form-wrapper {
        align-items: flex-start;
        display: flex;
    }
    .stage-full-width__input-field {
        margin-right: var(--spacing-horizontal-m);
        flex: auto;
    }
    .stage-full-width__form-button {
        margin-top: 0.6875rem;
    }
    .stage-full-width--text-right .stage-full-width__column {
        grid-row-start: 1;
        grid-column-end: -1;
    }
    .stage-full-width__login {
        flex-wrap: nowrap;
    }
}
.subpages-overview {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.subpages-overview__articles-list {
    grid-gap: var(--grid-gutter);
    row-gap: var(--spacing-vertical-l);
    grid-template-columns: repeat(1, 1fr);
    display: grid;
}
@media (min-width: 48rem) {
    .subpages-overview__articles-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 64rem) {
    .subpages-overview__articles-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
.subpages-overview__article-item--hide {
    display: none;
}
.subpages-overview__show-more {
    border-top: 1px solid var(--border-color-inactive);
    border-bottom: 2px solid var(--border-color-active);
    padding-top: var(--spacing-horizontal-l);
    padding-bottom: var(--spacing-horizontal-l);
    text-align: center;
    margin-top: var(--spacing-vertical-l);
}
.tab-table-module {
    margin-top: var(--spacing-vertical-xxxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.tab-table-module--grey-background {
    background-color: var(--bg-color-secondary);
    padding-bottom: var(--spacing-vertical-xxl);
    padding-top: var(--spacing-vertical-xxl);
}
.tab-table-module--grey-background .tabs-horizontal__nav-indicator:before {
    border-left: var(--spacing-horizontal-xxs) solid var(--bg-color-secondary);
    border-right: var(--spacing-horizontal-xxs) solid var(--bg-color-secondary);
}
.tab-table-module .tabs-horizontal {
    margin-inline: 0;
}
.tab-table-module .tabs-horizontal .tabs-horizontal__nav {
    margin-bottom: var(--spacing-vertical-l);
}
.tab-table-module .tabs-horizontal .table-two-column-module,
.tab-table-module .tabs-horizontal .table-multi-column-module {
    margin: 0;
}
.tab-table-module .tabs-horizontal .grid__container {
    padding: 0;
}
.tab-table-module .tabs-horizontal .text-media-grid {
    margin: 0;
}
.table-multi-column-module {
    margin-top: var(--spacing-vertical-xxxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.table-multi-column-module__additional-info-wrapper {
    margin-top: var(--spacing-vertical-l);
}
.table-multi-column-module__additional-info-wrapper div:not(:first-child) {
    margin-top: var(--spacing-vertical-m);
}
.table-two-column-module {
    margin-top: var(--spacing-vertical-xxxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.table-two-column-module__additional-info-wrapper {
    margin-top: var(--spacing-vertical-l);
}
.table-two-column-module__additional-info-wrapper div:not(:first-child) {
    margin-top: var(--spacing-vertical-m);
}
.tabs-vertical {
    --tabs-vertical-wrapper-height: auto;
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.tabs-vertical__info .tabs-vertical__text {
    margin-bottom: var(--spacing-vertical-m);
}
.tabs-vertical__info .tabs-vertical__group-container {
    margin-left: calc(var(--grid-margin) * -1);
    margin-right: calc(var(--grid-margin) * -1);
}
@media (max-width: 63.9375rem) {
    .tabs-vertical .tabs-vertical-item__media .media-component .lazy-image {
        padding-bottom: 100%;
    }
    .tabs-vertical
        .tabs-vertical-item__media
        .media-component
        .lazy-image
        .lazy-image__image {
        width: auto;
        max-width: none;
        height: 100%;
        transform: translate(-24%, -50%);
    }
    .tabs-vertical--text-right
        .tabs-vertical-item__media
        .media-component
        .lazy-image
        .lazy-image__image {
        transform: translateY(-50%);
    }
}
@media (min-width: 64rem) {
    .tabs-vertical__height-container {
        height: var(--tabs-vertical-wrapper-height);
        transition: height 0.45s;
    }
    .tabs-vertical__info {
        margin-right: var(--spacing-horizontal-xxl);
        margin-left: var(--spacing-horizontal-xxl);
        transition: padding-top 0.45s;
    }
    .tabs-vertical__info .tabs-vertical-item__panel {
        top: 0;
        bottom: 0;
        left: calc(var(--grid-negative-margin) * -1);
        right: calc(var(--grid-negative-margin) * -1);
        z-index: -1;
        display: block;
        position: absolute;
    }
    .no-js .tabs-vertical__info {
        grid-column: span 12;
    }
    .tabs-vertical--dark .tabs-vertical__media {
        top: 0;
        bottom: 0;
        left: calc(var(--grid-negative-margin) * -1);
        right: calc(var(--grid-negative-margin) * -1);
        background-color: var(--bg-color-dark-03);
        grid-column: span 12;
        position: absolute;
    }
    .tabs-vertical--dark .tabs-vertical__info {
        z-index: 1;
    }
    .tabs-vertical--dark .tabs-vertical__info .headline {
        color: var(--text-color-invert-headlines);
    }
    .tabs-vertical--dark .tabs-vertical__info .text {
        color: var(--text-color-invert-body);
    }
    .tabs-vertical--dark
        .tabs-vertical__info
        .tabs-vertical__group-container
        .tabs-vertical-item__headline {
        color: var(--text-color-invert-body);
        opacity: 0.8;
        transition: opacity 0.3s;
    }
    .tabs-vertical--dark
        .tabs-vertical__info
        .tabs-vertical__group-container
        .tabs-vertical-item__button:hover
        .tabs-vertical-item__headline {
        opacity: 1;
    }
    .tabs-vertical--dark
        .tabs-vertical__info
        .tabs-vertical__group-container
        .tabs-vertical-item__button:focus-visible {
        background: rgba(240, 240, 240, 0.25);
    }
    .tabs-vertical--dark
        .tabs-vertical__info
        .tabs-vertical__group-container
        .tabs-vertical-item__button[aria-selected="true"]
        .tabs-vertical-item__headline {
        opacity: 1;
    }
    .tabs-vertical--dark
        .tabs-vertical__info
        .tabs-vertical__group-container
        .tabs-vertical-item__button[aria-selected="true"]
        .tabs-vertical-item__subheadline-large {
        color: var(--text-color-invert-body);
        opacity: 0.8;
    }
    .tabs-vertical--dark
        .tabs-vertical__info
        .tabs-vertical__group-container
        .tabs-vertical-group__nav-indicator {
        background-color: var(--border-color-invert-active);
    }
    .tabs-vertical--dark
        .tabs-vertical__info
        .tabs-vertical__group-container
        .tabs-vertical-group__nav-indicator-bottom,
    .tabs-vertical--dark
        .tabs-vertical__info
        .tabs-vertical__group-container
        .tabs-vertical-group__nav-indicator-top {
        background-color: var(--border-color-invert-inactive);
    }
    .tabs-vertical--text-right .tabs-vertical__info {
        grid-area: 1/7 / auto/span 6;
    }
}
.tabs-vertical-classic {
    --tabs-vertical-classic-media-height: auto;
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.tabs-vertical-classic__info {
    flex-direction: column;
    justify-content: center;
    display: flex;
}
.tabs-vertical-classic__info .tabs-vertical-classic__text {
    margin-bottom: var(--spacing-vertical-m);
}
.tabs-vertical-classic__info .tabs-vertical-classic__tabgroup {
    margin-left: calc(var(--grid-margin) * -1);
    margin-right: calc(var(--grid-margin) * -1);
}
.tabs-vertical-classic__media {
    display: none;
}
@media (min-width: 64rem) {
    .tabs-vertical-classic {
        margin-top: var(--spacing-vertical-xl);
        margin-bottom: var(--spacing-vertical-xl);
    }
    .tabs-vertical-classic__info .tabs-vertical-item__panel {
        top: 0;
        left: 0;
        right: calc(50% + var(--grid-gutter) / 2);
        display: block;
        position: absolute;
    }
    .no-js .tabs-vertical-classic__info {
        grid-column: span 12;
    }
    .tabs-vertical-classic__media {
        height: var(--tabs-vertical-classic-media-height);
        transition: height 0.45s;
        display: block;
    }
    .tabs-vertical-classic--text-left .tabs-vertical-classic__info {
        order: 1;
    }
    .tabs-vertical-classic--text-left
        .tabs-vertical-classic__info
        .tabs-vertical-item__panel {
        right: 0;
        left: calc(50% + var(--grid-gutter) / 2);
    }
    .tabs-vertical-classic--text-left .tabs-vertical-classic__media {
        order: 2;
    }
}
.teaser-login {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
}
.teaser-login .grid__container--full-bleed .teaser-login__background--full {
    background-color: var(--bg-color-dark-02);
}
.teaser-login .grid__content-bg--full {
    margin-left: 0;
    margin-right: 0;
}
.teaser-login > .grid__container {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.teaser-login > .grid__container.teaser-login__background-grey {
    margin-top: 0;
    margin-bottom: 0;
}
.teaser-login
    > .grid__container.teaser-login__background-grey
    .teaser-login__background--full {
    background-color: var(--bg-color-secondary);
}
.teaser-login
    > .grid__container.teaser-login__background-grey
    .teaser-login__background--full
    + .grid__container {
    padding-bottom: var(--spacing-vertical-xxl);
}
.teaser-login__card {
    background-color: var(--bg-color-dark-02);
    padding-left: var(--spacing-horizontal-m);
    padding-right: var(--spacing-horizontal-m);
    padding-top: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-l);
}
.teaser-login__card--round {
    border-radius: 0.5rem;
}
@media (min-width: 48rem) {
    .teaser-login__card {
        padding-left: var(--spacing-horizontal-xxl);
        padding-right: var(--spacing-horizontal-xxl);
    }
}
.teaser-login__headline-column {
    margin-bottom: var(--spacing-vertical-xxxl);
    grid-column: span 12;
}
@media (min-width: 48rem) {
    .teaser-login__headline-column {
        margin-bottom: var(--spacing-vertical-m);
    }
}
@media (min-width: 80rem) {
    .teaser-login__headline-column {
        grid-column: span 8;
        margin-bottom: 0;
    }
}
.teaser-login__button-column,
.teaser-login__button-desktop {
    grid-column: span 12;
}
@media (min-width: 80rem) {
    .teaser-login__button-column,
    .teaser-login__button-desktop {
        grid-column: span 4;
        margin: auto;
    }
    .teaser-login__button-column .button-link:not(:last-child),
    .teaser-login__button-desktop .button-link:not(:last-child) {
        margin-bottom: 0;
    }
}
.teaser-login__button-column .button-group,
.teaser-login__button-desktop .button-group {
    justify-content: left;
}
@media (min-width: 64rem) {
    .teaser-login__button-column .button-group,
    .teaser-login__button-desktop .button-group {
        justify-content: right;
    }
}
.teaser-login__content-column {
    margin-bottom: var(--spacing-vertical-m);
    grid-column: span 12;
}
@media (min-width: 64rem) {
    .teaser-login__content-column {
        grid-column: span 7;
        margin-bottom: 0;
    }
    .teaser-login__content-column ~ .teaser-login__button-column {
        grid-column: span 5;
    }
}
.teaser-login__button-desktop {
    display: none;
}
.teaser-login__container--content .teaser-login__headline-column {
    margin-bottom: var(--spacing-vertical-m);
}
.teaser-login__container--content .teaser-login__button-desktop {
    display: none;
}
.teaser-login__container--content .teaser-login__button-column {
    display: block;
}
@media (min-width: 64rem) {
    .teaser-login__container--content .teaser-login__headline-column {
        grid-column: span 5;
        margin-bottom: 0;
    }
    .teaser-login__container--content .teaser-login__button-desktop {
        margin-top: var(--spacing-vertical-m);
        grid-column: span 5;
        display: flex;
    }
    .teaser-login__container--content .teaser-login__button-column {
        display: none;
    }
}
.teaser-login .button-group .button-link {
    width: 100%;
}
.teaser-login .button-group .button-link a,
.teaser-login .button-group .button-link button {
    justify-content: center;
    width: 100%;
    display: flex;
}
@media (min-width: 48rem) {
    .teaser-login .button-group .button-link {
        width: auto;
    }
}
.teaser-media-slideshow {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
}
.teaser-media-slideshow--primary-background {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
    background-color: var(--classic-bg-color, var(--bg-color-light-primary));
    padding-top: 0;
    padding-bottom: 0;
}
.teaser-media-slideshow--secondary-background {
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
}
.teaser-media-slideshow--dark-background {
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
    background-color: var(--classic-bg-color, var(--bg-color-dark-00));
}
.teaser-media-slideshow__info {
    z-index: 1;
}
.teaser-media-slideshow__info__link {
    margin-top: var(--spacing-vertical-s);
}
.teaser-media-slideshow__thumbnail-slideshow-wrapper {
    width: 100%;
    margin-bottom: var(--spacing-vertical-xl);
}
.teaser-media-slideshow__thumbnail-slideshow-wrapper .slideshow {
    margin-top: 0;
}
@media (min-width: 48rem) {
    .teaser-media-slideshow .slideshow--hide-interaction .slideshow__list {
        justify-content: flex-start;
    }
    .teaser-media-slideshow
        .slideshow--hide-interaction
        .slideshow__list
        .slideshow__item:first-child {
        padding-left: 0;
    }
    .teaser-media-slideshow
        .slideshow--hide-interaction
        .slideshow__list
        .slideshow__item:last-child {
        padding-right: 0;
    }
    .teaser-media-slideshow
        .thumbnail-slideshow--rounded
        .slideshow--hide-interaction
        .slideshow__list {
        justify-content: center;
        max-width: none;
    }
}
@media (min-width: 64rem) {
    .teaser-media-slideshow__info-content {
        flex-direction: column;
        display: flex;
    }
    .teaser-media-slideshow__info-content--top {
        justify-content: flex-start;
    }
    .teaser-media-slideshow__info-content--middle {
        justify-content: center;
    }
    .teaser-media-slideshow__thumbnail-slideshow-wrapper {
        margin-bottom: 0;
    }
    .teaser-media-slideshow:not(.teaser-media-slideshow--position-left)
        .teaser-media-slideshow__info {
        order: 1;
    }
    .teaser-media-slideshow:not(.teaser-media-slideshow--position-left)
        .teaser-media-slideshow__thumbnail-slideshow-wrapper {
        order: 2;
    }
}
.classic-section--primary .teaser-media-slideshow,
.classic-section--secondary .teaser-media-slideshow {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--interaction-color-link);
    --button-secondary-border-default: var(--interaction-color-link);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--interaction-color-hover);
    --button-secondary-border-hover: var(--interaction-color-hover);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--text-color-button);
    --button-secondary-border-focus: var(--interaction-color-focused);
    --button-secondary-background-focus: var(--interaction-color-focused);
    --button-tertiary-text-default: var(--interaction-color-link);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-text-hover: var(--interaction-color-hover);
    --button-tertiary-border-hover: var(--interaction-color-hover);
    --button-tertiary-background-hover: var(--bg-color-light-02);
    --button-tertiary-text-focus: var(--text-color-button);
    --button-tertiary-border-focus: var(--interaction-color-focused);
    --button-tertiary-background-focus: var(--interaction-color-focused);
    --headline-color: var(--text-color-headlines);
    --headline-color-eyebrow: var(--text-color-headlines);
    --text-color-text: var(--text-color-body);
    --text-color-link-hover: var(--button-tertiary-text-hover);
    --text-color-link-focus: var(--button-tertiary-text-focus);
}
:root {
    --text-block-background-image: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.3),
        var(--bg-color-light-primary) 60%
    );
}
.text-block {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
@media (min-width: 64rem) {
    .text-block:not(.text-block--grid-alignment-center) .grid__column--inner {
        grid-column: 1 / span 8;
    }
}
.text-block__expandable-area {
    height: calc(var(--spacing-vertical-xxl) + 3rem);
    min-height: calc(var(--spacing-vertical-xxl) + 3rem);
    padding-bottom: var(--spacing-vertical-m);
    position: relative;
    overflow: hidden;
}
.text-block__expandable-area:after {
    content: "";
    height: var(--spacing-vertical-xxl);
    opacity: 1;
    background-image: var(--text-block-background-image);
    transition: opacity 0.2s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.text-block__headline {
    margin-bottom: var(--spacing-vertical-s);
}
.text-block--expanded .text-block__expandable-area:after {
    opacity: 0;
    pointer-events: none;
}
.text-block__button {
    padding-top: var(--spacing-vertical-s);
}
.text-block__buttonToggle--hidden {
    display: none;
}
.titan-text-block {
    margin-bottom: var(--spacing-vertical-xxxxl);
}
.titan-text-block--bottom-spacing-small {
    margin-bottom: var(--spacing-vertical-xl);
}
@media (min-width: 48rem) {
    .titan-text-block .grid__column--inner {
        grid-column: 2 / span 4;
    }
}
@media (min-width: 64rem) {
    .titan-text-block .grid__column--inner {
        grid-column: 3 / span 8;
    }
}
.text-media {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.text-media-grid {
    margin-block: var(--spacing-vertical-xxl) var(--spacing-vertical-xxxl);
}
.text-media-grid__items {
    --text-media-grid-columns: 1;
    grid-template-columns: repeat(var(--text-media-grid-columns), 1fr);
    gap: var(--spacing-vertical-l) var(--grid-gutter);
    display: grid;
}
@media (min-width: 48rem) {
    .text-media-grid__items {
        --text-media-grid-columns: 2;
    }
    .text-media-grid__items--count-3 {
        --text-media-grid-columns: 3;
    }
    .text-media-grid__items .text-media-item-vertical__text {
        grid-column: span 12;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .text-media-grid__items--count-exactly-3 {
        --text-media-grid-columns: 3;
    }
}
@media (min-width: 64rem) {
    .text-media-grid__items--count-3 {
        --text-media-grid-columns: 3;
    }
    .text-media-grid__items--count-4 {
        --text-media-grid-columns: 4;
    }
}
.text-media-grid__items .text-media-item-vertical__grid-column,
.text-media-grid__items .text-media-item-vertical__text-container,
.text-media-grid__items .text-media-item-vertical__grid-column--narrowed,
.text-media-grid__items .text-media-item-vertical__text-container--full-width {
    grid-column: 1/-1;
}
.text-media-slideshow {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.text-media-slideshow--background {
    padding-top: var(--spacing-vertical-xl);
    padding-bottom: var(--spacing-vertical-xl);
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    margin-top: 0;
    margin-bottom: 0;
}
.text-media-slideshow .slideshow {
    margin-top: 0;
}
.text-media-stack {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.text-media-stack__items > :not(:last-child) {
    margin-bottom: var(--spacing-vertical-xl);
}
.text-stage .grid__container {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-xl);
}
.text-stage__column {
    flex-direction: column;
}
.text-stage__text {
    margin-top: var(--spacing-vertical-m);
}
.text-stage__back-button {
    margin-bottom: var(--spacing-vertical-l);
}
.text-stage__button-group {
    margin-top: var(--spacing-vertical-m);
}
.text-stage__grid-structure {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
}
.text-stage__grey-background {
    background-color: var(--bg-color-secondary);
    padding-bottom: var(--spacing-vertical-xxl);
    padding-top: var(--spacing-vertical-xxl);
}
.text-stage__grey-background .grid__container {
    margin-top: 0;
    margin-bottom: 0;
}
@media (min-width: 48rem) {
    .text-stage .button-group {
        flex-direction: row;
        justify-content: flex-start;
    }
}
@media (min-width: 64rem) {
    .text-stage__grid-structure {
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        height: 100%;
    }
    .text-stage__column-header,
    .text-stage__column-text {
        grid-column: 1/9;
    }
}
.text-teaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
}
.text-teaser__video,
.text-teaser__image {
    margin-bottom: var(--spacing-vertical-s);
    display: none;
}
.text-teaser__container {
    width: 100%;
}
.text-teaser__grid-structure {
    grid-template-columns: repeat(1, 1fr);
}
.text-teaser__text {
    margin-top: var(--spacing-vertical-m);
}
.text-teaser__button-container {
    grid-column: 1/-2;
}
.text-teaser__button {
    margin-top: var(--spacing-vertical-s);
}
.text-teaser--is-primary-button .text-teaser__button-container {
    justify-content: flex-end;
    display: flex;
}
.text-teaser--is-primary-button .text-teaser__button,
.text-teaser--is-primary-button .text-teaser__button a {
    width: 100%;
}
@media (min-width: 48rem) {
    .text-teaser--is-primary-button .text-teaser__button,
    .text-teaser--is-primary-button .text-teaser__button a {
        width: initial;
    }
}
@media (min-width: 64rem) {
    .text-teaser {
        flex-direction: row;
        padding: 0;
        position: relative;
    }
    .text-teaser--content-light {
        --button-primary-text-default: var(--text-color-button);
        --button-primary-border-default: var(--interaction-color-link);
        --button-primary-background-default: var(--interaction-color-link);
        --button-primary-text-hover: var(--text-color-button);
        --button-primary-border-hover: var(--interaction-color-hover);
        --button-primary-background-hover: var(--interaction-color-hover);
        --button-primary-text-focus: var(--text-color-button);
        --button-primary-border-focus: var(--interaction-color-focused);
        --button-primary-background-focus: var(--interaction-color-focused);
        --button-secondary-text-default: var(--color-information-60);
        --button-secondary-border-default: var(--color-information-60);
        --button-secondary-background-default: transparent;
        --button-secondary-text-hover: var(--color-information-50);
        --button-secondary-border-hover: var(--color-information-50);
        --button-secondary-background-hover: transparent;
        --button-secondary-text-focus: var(--color-black);
        --button-secondary-border-focus: var(--color-information-40);
        --button-secondary-background-focus: var(--color-information-40);
        --button-tertiary-text-default: var(--color-information-60);
        --button-tertiary-border-default: transparent;
        --button-tertiary-background-default: transparent;
        --button-tertiary-underline-default: var(--color-information-60);
        --button-tertiary-text-hover: var(--color-information-50);
        --button-tertiary-border-hover: transparent;
        --button-tertiary-background-hover: var(--bg-color-dark-02);
        --button-tertiary-underline-hover: var(--color-information-50);
        --button-tertiary-text-focus: var(--color-black);
        --button-tertiary-border-focus: var(--color-information-40);
        --button-tertiary-background-focus: var(--color-information-40);
        --button-tertiary-underline-focus: var(--color-black);
        --button-link-text-default: var(--color-information-60);
        --button-link-underline-default: var(--color-information-50);
        --button-link-text-hover: var(--color-information-50);
        --button-link-text-focus: var(--color-information-40);
        --teaser-list-color-text: var(--text-color-invert-body);
        --teaser-list-color-icon: var(--text-color-invert-body);
        --teaser-list-color-bullet: var(--text-color-invert-body);
        --headline-color: var(--text-color-invert-headlines);
        --headline-color-eyebrow: var(--text-color-invert-headlines);
        --text-color-text: var(--text-color-invert-body);
        --text-color-link-hover: var(--interaction-color-grey-hover);
        --text-color-link-focus: var(--interaction-color-grey-focused);
        --text-color-information: var(--color-information-70);
        --form-color-background: var(
            --classic-bg-color,
            var(--interaction-color-link)
        );
        --form-color-background-transparent: rgba(0, 114, 239, 0.8);
        --form-color-background-focus: var(--color-frame-focused-dark);
        --form-color-background-error: var(--color-frame-focused-dark);
        --form-opacity-label: 0.8;
        --form-opacity-label-focus: 1;
        --form-opacity-label-hover: 1;
        --form-opacity-label-filled: 1;
        --form-color-label: var(--text-color-invert-body);
        --form-color-label-hover: var(--text-color-invert-body);
        --form-color-label-focus: var(--bg-color-light-primary);
        --form-color-label-filled: var(--text-color-invert-body);
        --form-color-label-elevated: var(--text-color-invert-body);
        --form-color-label-elevated-focus: var(--bg-color-light-primary);
        --form-color-label-elevated-error: var(--color-alert-error);
        --form-opacity-item: 0.8;
        --form-opacity-item-hover: 1;
        --form-opacity-item-filled: 1;
        --form-opacity-item-focus: 1;
        --form-color-border-bottom: var(--text-color-invert-body);
        --form-color-border-bottom-hover: var(--text-color-invert-body);
        --form-color-border-bottom-focus: var(--bg-color-light-primary);
        --form-color-border-bottom-error: var(--color-alert-error);
        --form-color-border-bottom-filled: var(--text-color-invert-body);
        --form-color-inputfield: var(--text-color-invert-body);
        --form-color-font-filled: var(--text-color-invert-body);
        --form-opacity-helpertext: 0.8;
        --form-opacity-helpertext-hover: 1;
        --form-opacity-helpertext-filled: 1;
        --form-opacity-helpertext-focus: 1;
        --form-color-helpertext: var(--text-color-invert-body);
        --form-color-helpertext-hover: var(--text-color-invert-body);
        --form-color-helpertext-filled: var(--text-color-invert-body);
        --form-opacity-inputfield-disabled: 0.4;
        --form-color-font-error: var(--color-alert-error);
        --form-color-form-field-icon: var(--text-color-headlines);
        --form-color-form-field-icon-hover: var(--text-color-invert-body);
        --form-color-form-field-icon-focus: var(--text-color-invert-body);
        --form-color-form-field-icon-filled: var(--text-color-invert-body);
        --form-color-form-field-icon-error: var(--color-alert-error);
        --form-opacity-form-field-icon: 0.8;
        --form-opacity-form-field-icon-hover: 1;
        --form-opacity-form-field-icon-focus: 1;
        --form-opacity-form-field-icon-disabled: 0.4;
        --form-opacity-form-field-icon-filled: 1;
        --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
        --form-color-selectfield-chevron-icon-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-chevron-icon-focus: var(
            --text-color-invert-body
        );
        --form-opacity-selectfield-chevron-icon: 0.8;
        --form-opacity-selectfield-chevron-icon-hover: 1;
        --form-opacity-selectfield-chevron-icon-focus: 1;
        --form-opacity-selectfield-chevron-icon-disabled: 0.4;
        --form-color-selectfield-item-option-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-bg-options: var(--interaction-color-link);
        --form-color-selectfield-bg-options-hover: 240, 240, 240;
        --form-color-selectfield-bg-options-hover-opacity: 0.08;
        --form-color-selectfield-bg-options-selected: 240, 240, 240;
        --form-color-selectfield-bg-options-selected-opacity: 0.16;
        --form-color-selectfield-options: var(--text-color-invert-body);
        --form-color-selectfield-options-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-opacity: 0.8;
        --form-color-selectfield-type-ahead-hover-opacity: 1;
        --form-color-selectfield-type-ahead-focus-opacity: 1;
        --form-color-selectfield-type-ahead: var(--text-color-invert-body);
        --form-color-selectfield-type-ahead-placeholder: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-placeholder-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-border-bottom-focus: var(
            --text-color-invert-body
        );
        --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
        --form-color-selectfield-multi-checkmark: var(--color-black);
        --form-color-selectfield-multi-checkbox-background: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-background-selected-hover: var(
            --text-color-invert-body
        );
        --form-color-selectfield-multi-checkbox-border: var(--color-white);
        --form-color-selectfield-multi-checkbox-border-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected: var(
            --color-black
        );
        --form-color-selectfield-multi-checkbox-border-selected-hover: var(
            --color-black
        );
        --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
        --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
        --form-color-selectfield-multi-selected-items-font-color: var(
            --color-white
        );
        --form-color-checkbox-border-unselected-hover: var(--color-black);
        --form-color-checkbox-label: var(--text-color-invert-body);
        --form-color-checkbox-border-unselected: var(--color-white);
        --form-color-checkbox-fontcolor: var(--text-color-invert-body);
        --form-color-checkbox-background-selected: var(--color-white);
        --form-color-checkbox-border-selected: var(--color-black);
        --form-color-checkbox-checkmark-border-selected: var(--color-black);
        --form-color-checkbox-background-selected-hover: var(--color-white);
        --form-color-checkbox-border-selected-hover: var(--color-black);
        --form-color-checkbox-background-unselected-focus: var(
            --interaction-color-focused
        );
        --form-color-checkbox-error: var(--color-white);
        --form-color-checkbox-background-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-font-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-border-unselected-disabled: var(
            --interaction-color-focused
        );
        --form-color-checkbox-background-unselected-focus-disabled: var(
            --interaction-color-link
        );
        --form-color-radiobutton-background-selected: var(--color-black);
        --form-color-radiobutton-background-selected-hover: var(
            --interaction-color-focused
        );
        --form-color-datepicker-label-color-enabled: var(--color-white);
        --form-color-datepicker-border-enabled: var(--color-white);
        --form-color-datepicker-border-hover: var(--text-color-invert-body);
        --form-color-datepicker-border-disabled: var(--text-color-invert-body);
        --form-color-datepicker-label-color-focused: var(--color-white);
        --form-opacity-checkbox-disabled: 0.4;
        --form-color-multi-step-indicator-title-mobile: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-title-desktop: var(
            --text-color-invert-headlines
        );
        --form-color-multi-step-indicator-next-title-mobile: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-circle: 0.4;
        --form-color-multi-step-circle: var(--bg-color-light-primary);
        --form-color-multi-step-circle-progress-indicator: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-circle-progress-indicator-text: var(
            --bg-color-light-primary
        );
        --form-color-multi-step-indicator: var(--bg-color-light-primary);
        --form-opacity-multi-step-indicator-next-steps: 0.4;
        --form-color-multi-step-indicator-next-steps-text: var(
            --bg-color-light-primary
        );
        --form-opacity-multi-step-indicator-next-steps-text: 0.6;
        --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
        --form-color-multi-step-border-bottom-mobile: var(
            --bg-color-light-primary
        );
    }
    .text-teaser__image,
    .text-teaser__video {
        z-index: 0;
        flex: 1 0 100%;
        margin-bottom: 0;
        padding-bottom: 0;
        display: flex;
        position: absolute;
        inset: 0;
        overflow: hidden;
    }
    .text-teaser__image + .text-teaser__container .text-teaser__grid-structure,
    .text-teaser__video + .text-teaser__container .text-teaser__grid-structure {
        padding-top: var(--spacing-vertical-xl);
        padding-bottom: var(--spacing-vertical-xl);
    }
    .text-teaser__container {
        align-self: center;
        height: 100%;
        display: flex;
    }
    .text-teaser__grid-structure {
        grid-template-columns: repeat(12, 1fr);
        height: 100%;
    }
    .text-teaser__column {
        grid-column: 1 / span 8;
    }
    .text-teaser:hover
        .lazy-background-video__video
        ~ .lazy-background-video__video-controls {
        opacity: 1;
    }
}
.tile-filter-hub {
    margin-bottom: var(--spacing-vertical-xxl);
}
.tile-filter-hub__background-column {
    background-color: var(--bg-color-secondary);
    position: absolute;
    inset: 0;
}
.grid__column:first-child .tile-filter-hub__inner-grid {
    margin-bottom: var(--spacing-vertical-l);
}
.tile-filter-hub__headline {
    margin-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .tile-filter-hub__headline--mobile-only {
        display: none;
    }
}
.tile-filter-hub__filter-wrapper {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
}
.tile-filter-hub__filter-wrapper .dropdown-linklist {
    width: 100%;
}
.tile-filter-hub__reset-btn {
    margin-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .tile-filter-hub__reset-btn {
        display: none;
    }
}
.tile-filter-hub__families {
    margin-top: var(--spacing-vertical-m);
    width: 100%;
}
.tile-filter-hub__categories {
    width: 100%;
}
@media (min-width: 48rem) {
    .tile-filter-hub__categories {
        display: none;
    }
    .tile-filter-hub__categories--show {
        display: block;
    }
}
.tile-filter-hub__collection {
    padding-top: var(--spacing-vertical-l);
    margin-left: calc(-1 * var(--grid-gutter));
    flex-wrap: wrap;
    display: flex;
}
.tile-filter-hub__collection-item {
    margin-bottom: var(--spacing-vertical-l);
    padding-left: var(--grid-gutter);
    flex-basis: 100%;
    display: block;
}
@media (min-width: 48rem) {
    .tile-filter-hub__collection-item {
        flex-basis: 50%;
    }
}
@media (min-width: 64rem) {
    .tile-filter-hub__collection-item {
        flex-basis: 33.3333%;
    }
}
.tile-filter-hub__pagination {
    border-top: 1px solid var(--border-color-inactive);
    padding-top: var(--spacing-horizontal-m);
    padding-bottom: var(--spacing-horizontal-m);
    border-bottom: 2px solid var(--border-color-active);
    flex: 1 0 100%;
    justify-content: center;
    display: flex;
}
.tile-filter-hub__pagination--hidden {
    padding: 0;
    display: none;
}
.tile-teaser-large {
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    padding-block: var(--spacing-vertical-xxl);
}
.cmp-container > .tile-teaser-large:first-child {
    padding-top: 0;
}
.classic-section--no-bg .cmp-container > .tile-teaser-large:first-child {
    padding-top: var(--spacing-vertical-xxl);
}
@media (min-width: 48rem) {
    .tile-teaser-large .grid__container--full-bleed {
        padding-inline: var(--grid-margin);
        max-width: 102rem;
    }
}
.titan-accordion {
    margin-bottom: var(--spacing-vertical-xxxxl);
}
.titan-accordion.titan-accordion--small-typography .accordion__headline {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar)
    .titan-accordion.titan-accordion--small-typography
    .accordion__headline {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .titan-accordion.titan-accordion--small-typography .accordion__headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar)
        .titan-accordion.titan-accordion--small-typography
        .accordion__headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 64rem) {
    .titan-accordion.titan-accordion--small-typography .accordion__headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar)
        .titan-accordion.titan-accordion--small-typography
        .accordion__headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 80rem) {
    .titan-accordion.titan-accordion--small-typography .accordion__headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar)
        .titan-accordion.titan-accordion--small-typography
        .accordion__headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 90rem) {
    .titan-accordion.titan-accordion--small-typography .accordion__headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar)
        .titan-accordion.titan-accordion--small-typography
        .accordion__headline {
        line-height: 2.375rem;
    }
}
.titan-accordion.titan-accordion--small-typography .text {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .titan-accordion.titan-accordion--small-typography .text {
    line-height: 2rem;
}
.titan-accordion .accordion__headline {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .titan-accordion .accordion__headline {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .titan-accordion .accordion__headline {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .titan-accordion .accordion__headline {
        line-height: 2.625rem;
    }
}
@media (min-width: 64rem) {
    .titan-accordion .accordion__headline {
        letter-spacing: 0.01em;
        font-size: 1.75rem;
        line-height: 2rem;
    }
    :lang(ar) .titan-accordion .accordion__headline {
        line-height: 2.625rem;
    }
}
@media (min-width: 80rem) {
    .titan-accordion .accordion__headline {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .titan-accordion .accordion__headline {
        line-height: 3rem;
    }
}
@media (min-width: 90rem) {
    .titan-accordion .accordion__headline {
        letter-spacing: 0.015em;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    :lang(ar) .titan-accordion .accordion__headline {
        line-height: 3rem;
    }
}
.titan-accordion .accordion-item {
    margin-block: 0 var(--spacing-vertical-m);
}
.titan-accordion .accordion__content-container,
.titan-accordion .accordion__button-container {
    padding-inline: 0;
}
.titan-accordion .text {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar) .titan-accordion .text {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .titan-accordion .text {
        letter-spacing: 0.0075em;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    :lang(ar) .titan-accordion .text {
        line-height: 2.375rem;
    }
}
.timeline {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.timeline__headline {
    background-color: var(--classic-bg-color, var(--bg-color-light-primary));
    z-index: 1;
    padding-block: var(--spacing-vertical-s);
    text-align: center;
    transition: all 1s;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.timeline__headline .headline {
    margin-block-end: var(--spacing-vertical-xxs);
}
.timeline__headline .headline .headline__sub {
    margin-block-start: unset;
}
@media (min-width: 48rem) {
    .timeline__headline {
        padding-block: var(--spacing-vertical-m);
    }
    .timeline__headline .headline {
        margin-block-end: var(--spacing-vertical-xs);
    }
    .timeline__headline .headline .headline__sub {
        font-size: var(--font-size-hl-1250);
        margin-block-start: var(--spacing-vertical-xxs);
    }
}
@media (min-width: 80rem) {
    .timeline__headline .headline .headline__sub {
        font-size: var(--font-size-hl-1500);
    }
}
.timeline__milestone-info {
    color: var(--text-color-text);
    letter-spacing: 0.005em;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:lang(ar) .timeline__milestone-info {
    line-height: 1.5rem;
}
.timeline__milestone-info span {
    font-weight: 700;
}
@media (min-width: 80rem) {
    .timeline__milestone-info {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .timeline__milestone-info {
        line-height: 1.75rem;
    }
}
.timeline__wrapper {
    gap: var(--spacing-vertical-l);
    flex-direction: column;
    display: flex;
}
.timeline__skip-button,
.timeline__top-button {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 6.25rem;
    color: var(--text-color-text);
    opacity: 1;
    z-index: 10;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    transition:
        opacity 0.6s,
        visibility 0.6s;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    display: flex;
    position: fixed;
    inset-block-end: 2rem;
    inset-inline-end: var(--grid-margin);
}
.timeline__skip-button .hide,
.timeline__top-button .hide {
    display: none;
}
.timeline .fade-in {
    animation-name: fade-in;
}
.timeline .fade-out {
    pointer-events: none;
    animation-name: fade-out;
}
@keyframes fade-in {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    to {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}
.milestone-group {
    position: relative;
}
.milestone-group__list {
    list-style-type: none;
    position: relative;
}
.milestone {
    width: unset;
    height: unset;
    position: relative;
}
.milestone:after {
    background-color: transparent;
}
.milestone:not(:first-child) {
    opacity: 0.6;
}
.milestone__line {
    background-color: var(--border-color-inactive);
    width: 0.25rem;
    height: calc(100% - 1.125rem);
    position: absolute;
    top: 1.75rem;
    left: 0.625rem;
}
.milestone__line-filled {
    background-color: var(--interaction-color-link);
    height: 0;
}
.milestone__stem {
    background: var(--border-color-inactive);
    border-radius: 100%;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0.625rem;
}
.milestone.active {
    opacity: 1;
}
.milestone.active .milestone__stem {
    background-color: var(--interaction-color-link);
}
.milestone__content-wrapper {
    max-width: unset;
    height: unset;
    flex-direction: column;
    gap: 1.5rem;
    margin-inline-start: 3rem;
    display: flex;
}
.milestone__date {
    display: block;
}
.milestone__content {
    justify-content: space-between;
    gap: 1.5rem;
    animation-name: fade-in-bottom;
    animation-duration: 4s;
    animation-fill-mode: both;
    display: flex;
}
@keyframes fade-in-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
    }
}
@media (max-width: 63.9375rem) {
    .milestone__content {
        flex-direction: column;
    }
}
@media (min-width: 48rem) {
    .milestone__content .lazy-image {
        width: 10.75rem;
        min-width: 10.75rem;
        padding-block-start: 0.5rem;
    }
}
.milestone__description {
    height: unset;
    padding-inline: unset;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    margin-block-start: unset;
    display: flex;
}
.image-sequence-canvas-wrapper,
.non-sequence-image-wrapper {
    position: relative;
}
.image-sequence-canvas-wrapper > img,
.non-sequence-image-wrapper > img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    display: block;
    position: relative;
}
@media (max-width: 47.9375rem) {
    .image-sequence-canvas-wrapper.square-ratio-shrinkable,
    .non-sequence-image-wrapper.square-ratio-shrinkable {
        width: clamp(
            50vw,
            var(--clamp-query-select-min-when-squared),
            var(--content-width)
        );
        margin: 0 auto;
    }
}
.image-sequence-canvas-wrapper > .image-sequence-canvas {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.non-sequence-image-wrapper > picture,
.non-sequence-image-wrapper > picture > img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    display: block;
    position: relative;
}
.animated-sequence-image {
    transform: translate(0, 0);
}
.invisible-scaling-reference-image {
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    display: block;
    position: relative;
}
:root {
    --scroll-animation-desktop-border: var(--text-color-headlines);
    --scroll-animation-text-color: var(--text-color-text);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-light-03);
    --scroll-animation-mobile-border: var(--bg-color-light-04);
    --scroll-animation-navigation-hover: var(--interaction-color-hover);
}
.titan-section--dark {
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
}
.titan-scroll-animation__navigation {
    margin-top: var(--spacing-vertical-l);
    margin-bottom: var(--spacing-vertical-l);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    transition: z-index 0.5s;
    position: relative;
}
.header--expanded + main .titan-scroll-animation__navigation {
    z-index: 0;
}
@media (min-width: 0) and (max-width: 79.9375rem) {
    .titan-scroll-animation__navigation {
        pointer-events: none;
        cursor: default;
        opacity: 0;
        padding: 0;
    }
}
.titan-scroll-animation__navigation__active-item-border {
    background-color: var(--scroll-animation-desktop-border);
    display: none;
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation__active-item-border {
        z-index: 100;
        width: 0;
        height: 0.125rem;
        display: block;
        position: absolute;
        top: 3.25rem;
        left: 0;
    }
    .titan-scroll-animation__navigation__active-item-border--hidden {
        display: none;
    }
}
.titan-scroll-animation__navigation--expanded
    .titan-scroll-animation__navigation-list {
    z-index: 5020;
    border-top: solid 1px var(--scroll-animation-mobile-border);
    max-height: 100%;
    position: fixed;
    top: 3.75rem;
}
.titan-scroll-animation__navigation--expanded
    .titan-scroll-animation__navigation__grid {
    box-shadow: var(--elevation-raised);
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .titan-scroll-animation__navigation {
        margin-bottom: var(--spacing-vertical-xl);
    }
}
.titan-scroll-animation__navigation__placeholder {
    display: none;
}
@media (min-width: 48rem) {
    .titan-scroll-animation__navigation {
        top: 0.25rem;
    }
}
@media (min-width: 64rem) {
    .titan-scroll-animation__navigation {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.titan-scroll-animation__navigation-wrapper {
    background-color: var(--titan-bg-color);
    border-bottom: solid 0.125rem var(--scroll-animation-mobile-border);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 4rem;
    display: flex;
    position: relative;
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation-wrapper {
        position: initial;
        border-bottom: none;
    }
}
.titan-scroll-animation__navigation-list {
    max-height: 0;
    width: calc(100% + var(--grid-margin) * 2);
    border: none;
    border-color: var(--scroll-animation-mobile-border);
    background-color: var(--titan-bg-color);
    color: var(--text-color-text);
    order: 3;
    margin: 0;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.titan-scroll-animation__navigation-list.titan-scroll-animation__navigation-list--expanded {
    max-height: 100%;
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation-list {
        border: none;
        order: 1;
        gap: 2rem;
        width: auto;
        max-height: 100%;
        display: flex;
        position: relative;
    }
}
.titan-scroll-animation__navigation__link-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.titan-scroll-animation__navigation-link {
    padding: 0 1.5rem;
    line-height: 1.5rem;
    text-decoration: none;
    display: block;
}
.titan-scroll-animation__navigation-link--active {
    position: relative;
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation-link {
        flex-direction: row;
        padding: 1.25rem 0;
        display: flex;
    }
    .titan-scroll-animation__navigation-link:not(
            .titan-scroll-animation__navigation-link--active
        ):hover {
        color: var(--scroll-animation-navigation-hover);
        background-color: transparent;
    }
    .titan-scroll-animation__navigation-link:not(
            .titan-scroll-animation__navigation-link--active
        ):hover
        .icon
        svg
        path {
        fill: var(--scroll-animation-navigation-hover);
    }
    .titan-scroll-animation__navigation-link--active {
        background-color: transparent;
        position: relative;
    }
}
.titan-scroll-animation__navigation__expand-button {
    width: 100%;
    line-height: 1.5;
    font-family: var(--font-family-frutiger);
    background-color: transparent;
    padding: 0 1.5rem;
    font-style: normal;
    font-weight: 700;
    display: block;
    position: relative;
}
.titan-scroll-animation__navigation__expand-button
    .titan-scroll-animation__navigation-title {
    color: var(--headline-color);
    font-weight: 700;
}
.titan-scroll-animation__navigation__expand-button
    .titan-scroll-animation__navigation__navigation-title {
    font-weight: 700;
}
.titan-scroll-animation__navigation__expand-button-icon {
    width: auto;
    height: auto;
    position: relative;
    top: 0;
}
.titan-scroll-animation__navigation__expand-button-icon .icon {
    width: 0.98rem;
    height: 0.503rem;
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation__expand-button {
        align-items: center;
        width: auto;
        min-height: 2.75rem;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
    }
}
.titan-scroll-animation__navigation__expand-button
    .titan-scroll-animation__navigation__expand-button-icon {
    transition: transform 0.25s ease-in-out;
    right: 0;
    transform: rotate(0);
}
.titan-scroll-animation__navigation__expand-button
    .titan-scroll-animation__navigation__expand-button-icon
    .icon
    svg {
    fill: var(--headline-color);
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation__expand-button {
        display: none;
    }
}
.titan-scroll-animation__navigation__expand-button.titan-scroll-animation__navigation--expanded
    .titan-scroll-animation__navigation__expand-button-icon
    .icon {
    transform: rotate(180deg);
}
.titan-scroll-animation__navigation
    .titan-scroll-animation__navigation-title
    .icon
    svg
    path {
    fill: var(--headline-color);
}
.titan-scroll-animation__navigation-link,
.titan-scroll-animation__navigation-title {
    font-size: var(--font-size-body-1000);
    line-height: var(--line-height-hl-1000);
    cursor: pointer;
    height: 3.875rem;
    color: var(--scroll-animation-text-color);
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-weight: 300;
    display: flex;
    position: relative;
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation-link,
    .titan-scroll-animation__navigation-title {
        height: 2rem;
        font-weight: 500;
    }
}
.titan-scroll-animation__navigation-link.active,
.titan-scroll-animation__navigation-link:hover,
.titan-scroll-animation__navigation-link:visited,
.titan-scroll-animation__navigation-link:focus,
.titan-scroll-animation__navigation-title.active,
.titan-scroll-animation__navigation-title:hover,
.titan-scroll-animation__navigation-title:visited,
.titan-scroll-animation__navigation-title:focus {
    font-weight: 700;
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation-link.active,
    .titan-scroll-animation__navigation-link:hover,
    .titan-scroll-animation__navigation-link:visited,
    .titan-scroll-animation__navigation-link:focus,
    .titan-scroll-animation__navigation-title.active,
    .titan-scroll-animation__navigation-title:hover,
    .titan-scroll-animation__navigation-title:visited,
    .titan-scroll-animation__navigation-title:focus {
        background: 0 0;
        font-weight: 500;
    }
}
.titan-scroll-animation__navigation-link .icon,
.titan-scroll-animation__navigation-title .icon {
    width: 1rem;
    transform: rotate(0);
}
.titan-scroll-animation__navigation-link .icon svg path,
.titan-scroll-animation__navigation-title .icon svg path {
    fill: var(--scroll-animation-text-color);
}
.titan-scroll-animation__navigation-link--active,
.titan-scroll-animation__navigation-title--active {
    background-color: var(--scroll-animation-navigation-bg-active-item);
    color: var(--headline-color);
    font-weight: 700;
}
@media (min-width: 80rem) {
    .titan-scroll-animation__navigation-link--active,
    .titan-scroll-animation__navigation-title--active {
        background-color: var(--titan-bg-color);
        font-weight: 500;
    }
}
.titan-scroll-animation__navigation-link--active .icon svg path,
.titan-scroll-animation__navigation-title--active .icon svg path {
    fill: var(--headline-color);
}
:root {
    --ratio-min-multiplier: -1rem;
    --ratio-max-multiplier: 1rem;
    --vh: 0.417rem;
    --vw: 0.234rem;
    --vh-net: 9.911rem;
    --vw-net: 0.234rem;
    --sr: 0.562219;
    --ar: 1.77867;
    --sr-net: 0.0236489;
    --ar-net: 42.2853;
    --sb-wd: 0;
    --sb-ht: -949.375rem;
    --sw: 0.938rem;
    --ratio-multiplier-min: var(--ratio-min-multiplier, 1rem);
    --ratio-multiplier-max: var(--ratio-max-multiplier, -1rem);
    --aspect-ratio: var(--ar, 1vh);
    --screen-ratio: var(--sr, 1vh);
    --net-aspect-ratio: var(--ar-net, 1vh);
    --net-screen-ratio: var(--sr-net, 1vh);
    --scrollbar-width: var(--sb-wd, 17px);
    --scrollbar-height: var(--sb-ht, 0);
    --ratio-calculation-tolerance: 0.6;
    --aspect-ratio-threshold: calc(
        (var(--ratio-calculation-tolerance) + 1 - var(--aspect-ratio)) * 100000
    );
    --clamp-query-select-min-when-squared: calc(
        var(--aspect-ratio-threshold) * var(--ratio-multiplier-min)
    );
    --content-width: calc(
        100vw - (var(--grid-margin) * 2) - var(--scrollbar-width)
    );
}
.titan-section__content
    > .cmp-container
    > :last-of-type
    .titan-scroll-animation {
    margin-bottom: 0;
}
.titan-scroll-animation {
    --scroll-animation-background-color-gradient-start: #fff;
    --scroll-animation-background-color-gradient-end: rgba(255, 255, 255, 0);
    margin-bottom: var(--spacing-vertical-xxxxxl);
    background-color: var(--titan-bg-color);
    position: relative;
}
.titan-scroll-animation .hide {
    display: none;
}
.titan-scroll-animation .hide--desktop {
    flex-direction: column;
    display: flex;
}
@media (min-width: 48rem) {
    .titan-scroll-animation .hide--desktop {
        display: none;
    }
}
.titan-scroll-animation .hide--mobile {
    display: none;
}
@media (min-width: 48rem) {
    .titan-scroll-animation .hide--mobile {
        flex-direction: row;
        display: flex;
    }
}
@media (min-width: 0) and (max-width: 79.9375rem) {
    .titan-scroll-animation__nav-sticky .titan-scroll-animation__navigation {
        pointer-events: auto;
        cursor: auto;
        opacity: 1;
    }
}
.titan-scroll-animation__nav-sticky
    .titan-scroll-animation__navigation-wrapper {
    z-index: 5020;
    width: 100%;
    position: fixed;
    top: 0;
}
.titan-scroll-animation__nav-sticky .section-wrapper {
    padding-top: 4rem;
}
.titan-scroll-animation .intro-text--top .text--responsive-body {
    margin-bottom: var(--spacing-vertical-xl);
}
.titan-scroll-animation .titan-scroll-trigger:last-of-type {
    padding-bottom: 0 !important;
}
.titan-scroll-animation-section {
    margin-bottom: 0;
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "image text";
        display: grid;
    }
}
.titan-scroll-animation-section__image-block {
    z-index: 1;
    grid-area: image;
    display: block;
    position: relative;
}
.titan-scroll-animation-section__image-block--full-bleed {
    margin-left: calc(var(--grid-margin) * -1);
    margin-right: calc(var(--grid-margin) * -1);
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__image-block--full-bleed {
        margin-left: unset;
        margin-right: unset;
    }
}
.titan-scroll-animation-section__image-block--full-bleed
    .titan-scroll-animation-section__description-block {
    margin-top: 0;
}
.titan-scroll-animation-section__image-block--full-bleed
    .image-sequence-canvas-wrapper.square-ratio-shrinkable {
    width: 100%;
}
.no-js .titan-scroll-animation-section__image-block {
    justify-content: center;
    align-items: center;
    display: flex;
}
.titan-scroll-animation-section__image-wrapper {
    background-color: var(--scroll-animation-image-background-color);
}
@media (max-width: 63.9375rem) {
    .titan-scroll-animation-section__image-wrapper:after {
        content: "";
        width: 100%;
        height: var(--spacing-vertical-xl);
        background: var(--scroll-animation-image-background-color);
        background: linear-gradient(
            180deg,
            var(--scroll-animation-background-color-gradient-start) 40%,
            var(--scroll-animation-background-color-gradient-end) 100%
        );
        z-index: 1;
        display: block;
        position: absolute;
    }
    .titan-scroll-animation-section__image-sequence {
        width: clamp(
            50vw,
            var(--clamp-query-select-min-when-squared),
            var(--content-width)
        );
    }
}
.titan-scroll-animation-section__description-block {
    z-index: 0;
    margin-top: var(--spacing-vertical-xl);
    padding-bottom: var(--spacing-vertical-xl);
    grid-area: text;
    display: block;
    position: relative;
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__description-block {
        padding-left: var(--spacing-horizontal-s);
        margin-top: 0;
        padding-bottom: 0;
    }
    .titan-scroll-animation-section__description-block .headline {
        margin-bottom: var(--spacing-vertical-l);
    }
}
@media (min-width: 80rem) {
    .titan-scroll-animation-section__description-block {
        padding-left: var(--spacing-horizontal-xxl);
    }
}
.titan-scroll-animation-section__intro-text-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.titan-scroll-animation-section__content-text-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.titan-scroll-animation-section__conclusion-text-block {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.titan-scroll-animation-section--img-right {
    grid-template-areas: "text image";
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section--img-right {
        grid-template-areas: "text image";
    }
    .titan-scroll-animation-section--img-right
        .titan-scroll-animation-section__description-block {
        padding-left: 0;
        padding-right: var(--spacing-horizontal-s);
    }
}
@media (min-width: 80rem) {
    .titan-scroll-animation-section--img-right
        .titan-scroll-animation-section__description-block {
        padding-left: 0;
        padding-right: var(--spacing-horizontal-xxl);
    }
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__intro-text-block {
    margin-bottom: var(--spacing-vertical-xxl);
    grid-area: intro;
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__intro-text-block {
        margin-bottom: 0;
    }
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__intro-text-block-top {
        justify-content: flex-start;
    }
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__intro-spacer-block {
    display: none;
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__intro-spacer-block {
        display: block;
    }
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__spacer-block {
    grid-area: spacer;
    display: block;
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper {
    flex-grow: 1;
    margin-top: 0;
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > picture,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > img,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > picture,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > img,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > picture
    > img,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > picture
    > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > .non-sequence-image.escape-right,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > .non-sequence-image.escape-right,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > .non-sequence-image.escape-right
    > img,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > .non-sequence-image.escape-right
    > img {
    max-width: none;
    height: auto;
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > .non-sequence-image.shrinks-on-mobile,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > .non-sequence-image.shrinks-on-mobile
    > img,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > .animated-sequence-image.shrinks-on-mobile,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper
    > .animated-sequence-image.shrinks-on-mobile
    > img,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > .non-sequence-image.shrinks-on-mobile,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > .non-sequence-image.shrinks-on-mobile
    > img,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > .animated-sequence-image.shrinks-on-mobile,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper
    > .animated-sequence-image.shrinks-on-mobile
    > img {
    width: auto;
    height: 16.75rem;
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .image-sequence-canvas-wrapper
        > .non-sequence-image.shrinks-on-mobile,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .image-sequence-canvas-wrapper
        > .non-sequence-image.shrinks-on-mobile
        > img,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .image-sequence-canvas-wrapper
        > .animated-sequence-image.shrinks-on-mobile,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .image-sequence-canvas-wrapper
        > .animated-sequence-image.shrinks-on-mobile
        > img,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .non-sequence-image-wrapper
        > .non-sequence-image.shrinks-on-mobile,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .non-sequence-image-wrapper
        > .non-sequence-image.shrinks-on-mobile
        > img,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .non-sequence-image-wrapper
        > .animated-sequence-image.shrinks-on-mobile,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .non-sequence-image-wrapper
        > .animated-sequence-image.shrinks-on-mobile
        > img {
        height: auto;
    }
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .image-sequence-canvas-wrapper--img-centered,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .non-sequence-image-wrapper--img-centered {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .image-sequence-canvas-wrapper--img-bottom,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .non-sequence-image-wrapper--img-bottom {
        justify-content: center;
        align-items: flex-end;
        display: flex;
    }
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .image-sequence-canvas-wrapper--img-top,
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__image-block
        .non-sequence-image-wrapper--img-top {
        justify-content: center;
        align-items: flex-start;
        display: flex;
    }
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper--img-left,
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper--img-left {
    grid-column: 1 span;
}
.closed-section
    .titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper--img-left,
.closed-section
    .titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper--img-left {
    overflow: visible;
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__description-block {
    margin-top: var(--spacing-vertical-xl);
    grid-area: text;
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__description-block {
        align-items: center;
        margin-top: 0;
    }
    .titan-scroll-animation-section__single-block
        .titan-scroll-animation-section__description-block
        .headline {
        margin-bottom: var(--spacing-vertical-l);
    }
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__description-block-top {
    align-items: flex-start;
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__content-text:last-child {
    margin-bottom: 0;
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section__content-text-top {
    justify-content: flex-start;
}
.titan-scroll-animation-section__single-block
    .titan-scroll-animation-section
    .titan-scroll-trigger:last-child__content-text {
    padding-top: 0;
    padding-bottom: 0;
}
.titan-scroll-animation-section__fallback:not(:last-of-type) {
    margin-bottom: var(--spacing-vertical-xl);
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__fallback:not(:last-of-type) {
        margin-bottom: var(--spacing-vertical-xxxl);
    }
    .titan-scroll-animation-section__fallback
        .titan-scroll-animation-section__image-block,
    .titan-scroll-animation-section__fallback
        .titan-scroll-animation-section__description-block {
        align-items: flex-start;
        display: flex;
    }
}
.titan-scroll-animation-section__fallback
    .titan-scroll-animation-section__image-block
    .image-sequence-canvas-wrapper,
.titan-scroll-animation-section__fallback
    .titan-scroll-animation-section__image-block
    .non-sequence-image-wrapper,
.titan-scroll-animation-section__fallback
    .titan-scroll-animation-section__image-block
    .lazy-image--position-left
    .lazy-image__image-container
    .lazy-image__image,
.titan-scroll-animation-section__fallback
    .titan-scroll-animation-section__image-block
    .lazy-image--position-right
    .lazy-image__image-container
    .lazy-image__image,
.titan-scroll-animation-section__fallback
    .titan-scroll-animation-section__image-block
    .lazy-image--position-center
    .lazy-image__image-container
    .lazy-image__image {
    width: 100%;
}
.titan-scroll-animation-section__fallback
    .titan-scroll-animation-section__image-block:not(:first-of-type) {
    margin-top: var(--spacing-vertical-xl);
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__fallback
        .titan-scroll-animation-section__image-block:not(:first-of-type) {
        margin-top: 0;
    }
}
.titan-scroll-animation-section__fallback
    .titan-scroll-animation-section__description-block {
    margin-bottom: var(--spacing-vertical-xl);
    padding-bottom: 0;
}
@media (min-width: 48rem) {
    .titan-scroll-animation-section__fallback
        .titan-scroll-animation-section__description-block {
        margin-bottom: 0;
    }
}
.titan-key-figures {
    margin-bottom: var(--spacing-vertical-xxxxl);
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .titan-key-figures .grid__column--inner {
        grid-column: 2/6;
    }
}
.titan-key-figures .headline {
    margin-bottom: var(--spacing-vertical-xl);
}
.titan-key-figures__item-list {
    grid-gap: var(--spacing-vertical-l);
    display: grid;
}
@media (min-width: 48rem) {
    .titan-key-figures__item-list {
        grid-column-gap: var(--grid-gutter);
        grid-row-gap: var(--spacing-vertical-xl);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.titan-key-figures__figure {
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.015em;
    color: var(--headline-color);
    margin-bottom: var(--spacing-vertical-xxs);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.75rem;
}
:lang(ar) .titan-key-figures__figure {
    line-height: 4rem;
}
@media (min-width: 48rem) {
    .titan-key-figures__figure {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .titan-key-figures__figure {
        line-height: 5.75rem;
    }
}
@media (min-width: 64rem) {
    .titan-key-figures__figure {
        letter-spacing: 0.015em;
        font-size: 4rem;
        line-height: 4.25rem;
    }
    :lang(ar) .titan-key-figures__figure {
        line-height: 5.75rem;
    }
}
@media (min-width: 80rem) {
    .titan-key-figures__figure {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
    :lang(ar) .titan-key-figures__figure {
        line-height: 7.25rem;
    }
}
@media (min-width: 90rem) {
    .titan-key-figures__figure {
        letter-spacing: 0.015em;
        font-size: 5rem;
        line-height: 5.25rem;
    }
    :lang(ar) .titan-key-figures__figure {
        line-height: 7.25rem;
    }
}
@media (min-width: 48rem) {
    .titan-key-figures__figure {
        margin-bottom: var(--spacing-vertical-xs);
    }
}
@media (min-width: 80rem) {
    .titan-key-figures__figure {
        margin-bottom: var(--spacing-vertical-s);
    }
}
.titan-media {
    margin-bottom: var(--spacing-vertical-xxxxl);
}
.titan-media--bottom-spacing-small {
    margin-bottom: var(--spacing-vertical-xl);
}
.titan-media .lazy-image__image {
    height: 100%;
}
@media (min-width: 0) and (max-width: 47.9375rem) {
    .titan-media .motion,
    .titan-media .lazy-image__image-container {
        padding-bottom: 75%;
    }
    .titan-media .video-player {
        --video-ratio: 75%;
    }
}
.titan-section {
    --titan-bg-color: var(--bg-color-light-primary);
    padding-top: var(--spacing-vertical-xxxxl);
    padding-bottom: var(--spacing-vertical-xxxxxl);
    background-color: var(--titan-bg-color);
}
.titan-section:has(.titan-section__inner--hidden) {
    display: none;
}
.titan-section--primary .titan-scroll-animation {
    --scroll-animation-image-background-color: var(--bg-color-light-primary);
}
.titan-section--primary:first-of-type {
    padding-top: 0;
}
.titan-section--primary:last-of-type {
    padding-bottom: 0;
}
.titan-section--primary + .in-page-marker + .titan-section--primary {
    padding-top: 0;
}
.titan-section--primary + .titan-section .in-page-marker + * {
    margin-top: 0;
}
.titan-section--secondary {
    --titan-bg-color: var(--bg-color-light-02);
}
.titan-section--secondary .titan-scroll-animation {
    --scroll-animation-image-background-color: var(--bg-color-light-02);
    --scroll-animation-background-color-gradient-start: #f2f5f8;
    --scroll-animation-background-color-gradient-end: rgba(242, 245, 248, 0);
}
.titan-section--secondary + .titan-section .in-page-marker + * {
    margin-top: 0;
}
.titan-section--secondary + .in-page-marker + .titan-section--secondary {
    padding-top: 0;
}
.titan-section--primary_dark {
    --titan-bg-color: var(--bg-color-dark-primary);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
    --accordion-button-hover-bg-color: var(--bg-color-dark-01);
}
.titan-section--primary_dark .headline__sub.hl--sub {
    color: var(--text-color-invert-headlines);
}
.titan-section--primary_dark .titan-scroll-animation {
    --scroll-animation-image-background-color: var(--bg-color-dark-primary);
    --scroll-animation-background-color-gradient-start: #0e0f11;
    --scroll-animation-background-color-gradient-end: rgba(14, 15, 17, 0);
}
.titan-section--primary_dark + .titan-section .in-page-marker + * {
    margin-top: 0;
}
.titan-section--primary_dark + .in-page-marker + .titan-section--primary_dark,
.titan-section--primary + .titan-section--primary,
.titan-section--secondary + .titan-section--secondary,
.titan-section--primary_dark + .titan-section--primary_dark {
    padding-top: 0;
}
.titan-section__content > .cmp-container > :first-of-type {
    margin-top: 0;
}
.titan-section__content > .cmp-container > :last-of-type {
    margin-bottom: 0;
}
.titan-section__content
    > .cmp-container:has(.in-page-marker:last-child)
    > :nth-last-child(2) {
    margin-bottom: 0;
}
.titan-stage {
    margin-top: var(--spacing-vertical-xl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.titan-stage__headline {
    width: 100%;
}
.titan-stage__headline .headline__main {
    margin-bottom: var(--spacing-vertical-s);
}
.titan-stage__button,
.titan-stage__button .button-link--icon {
    width: 100%;
}
@media (min-width: 48rem) {
    .titan-stage__button,
    .titan-stage__button .button-link--icon {
        width: auto;
    }
}
.titan-stage__grid__content {
    justify-content: center;
    gap: var(--spacing-vertical-l);
    flex-wrap: wrap;
    display: flex;
}
.titan-text-media {
    margin-bottom: var(--spacing-vertical-xxxxl);
}
.titan-text-media__media {
    width: 100%;
}
.titan-text-media__media .lazy-image__image {
    height: 100%;
}
.titan-text-media__content-wrapper {
    z-index: 2;
    width: 100%;
}
.titan-text-media__content {
    z-index: 1;
    background-color: var(--titan-bg-color, var(--bg-color-light-primary));
    padding-right: var(--spacing-horizontal-m);
    margin-right: var(--spacing-horizontal-xl);
}
.titan-text-media__content .headline {
    margin-bottom: var(--spacing-vertical-m);
}
.titan-text-media__wrapper {
    display: flex;
}
@media (min-width: 48rem) {
    .titan-text-media__layout-vertical .titan-text-media__content-grid:after {
        content: "";
        margin-left: calc(var(--grid-gutter) * -1 - 1px);
        background-color: var(--titan-bg-color, var(--bg-color-light-primary));
        border-right: 2px solid
            var(--titan-bg-color, var(--bg-color-light-primary));
    }
    .titan-text-media__layout-vertical .titan-text-media__content {
        grid-column: 2/6;
        margin-right: 0;
        padding-right: 0;
    }
    .titan-text-media__layout-vertical .titan-text-media__content:before {
        content: "";
        left: calc(var(--spacing-horizontal-xl) * -1);
        background-color: var(--titan-bg-color, var(--bg-color-light-primary));
        border-right: 1px solid
            var(--titan-bg-color, var(--bg-color-light-primary));
        width: var(--spacing-horizontal-xl);
        z-index: -1;
        height: 100%;
        position: absolute;
        top: 0;
    }
}
@media (min-width: 64rem) {
    .titan-text-media__layout-vertical .titan-text-media__content {
        grid-column: 3/11;
    }
    .titan-text-media__layout-vertical .titan-text-media__content-grid:after {
        grid-column: 11/-1;
    }
}
@media (min-width: 80rem) {
    .titan-text-media__layout-vertical .titan-text-media__content:before {
        left: calc(var(--spacing-horizontal-xxl) * -1);
        width: var(--spacing-horizontal-xxl);
    }
}
@media (min-width: 90rem) {
    .titan-text-media__layout-vertical .titan-text-media__content:before {
        left: calc(var(--spacing-horizontal-xxxxxl) * -1);
        width: var(--spacing-horizontal-xxxxxl);
    }
}
@media (min-width: 48rem) {
    .titan-text-media__layout-vertical.titan-text-media__text-vertical-top
        .titan-text-media__content {
        padding-bottom: var(--spacing-vertical-l);
    }
}
@media (min-width: 90rem) {
    .titan-text-media__layout-vertical.titan-text-media__text-vertical-top
        .titan-text-media__content {
        padding-bottom: var(--spacing-vertical-xl);
    }
}
@media (min-width: 48rem) {
    .titan-text-media__layout-vertical.titan-text-media__text-vertical-top
        .titan-text-media__content-wrapper {
        margin-bottom: calc(var(--spacing-vertical-xxxl) * -1);
    }
}
.titan-text-media__layout-vertical.titan-text-media__text-vertical-top
    .motion__video-controls {
    top: auto;
    bottom: var(--spacing-horizontal-s);
}
@media (min-width: 48rem) {
    .titan-text-media__layout-vertical.titan-text-media__text-vertical-bottom
        .titan-text-media__content {
        padding-top: var(--spacing-vertical-l);
    }
}
@media (min-width: 90rem) {
    .titan-text-media__layout-vertical.titan-text-media__text-vertical-bottom
        .titan-text-media__content {
        padding-top: var(--spacing-vertical-xl);
    }
}
@media (min-width: 48rem) {
    .titan-text-media__layout-vertical.titan-text-media__text-vertical-bottom
        .titan-text-media__content-wrapper {
        margin-top: 0;
    }
}
.titan-text-media__layout-vertical.titan-text-media__text-vertical-bottom
    .lazy-image__figcaption {
    width: 100%;
    position: absolute;
    top: 1.5rem;
    right: 0;
}
.titan-text-media__text-vertical-top {
    flex-direction: column-reverse;
}
.titan-text-media__text-vertical-top .titan-text-media__content {
    padding-bottom: var(--spacing-vertical-m);
}
.titan-text-media__text-vertical-top .titan-text-media__content-wrapper {
    margin-bottom: calc(var(--spacing-vertical-xl) * -1);
}
@media (min-width: 0) and (max-width: 47.9375rem) {
    .titan-text-media__text-vertical-top .motion__video-controls {
        top: auto;
        bottom: var(--spacing-horizontal-s);
    }
}
.titan-text-media__text-vertical-bottom {
    flex-direction: column;
}
.titan-text-media__text-vertical-bottom .titan-text-media__content {
    padding-top: var(--spacing-vertical-m);
}
.titan-text-media__text-vertical-bottom .titan-text-media__content-wrapper {
    margin-top: 0;
}
.titan-text-media__layout-horizontal
    .titan-text-media__media
    .lazy-image--ratio-1_1
    .lazy-image__image {
    width: 100%;
    height: auto;
}
@media (max-width: 47.9375rem) {
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-bottom
        .lazy-image__figcaption {
        width: 100%;
        position: absolute;
        top: 1.5rem;
        right: 0;
    }
}
@media (min-width: 48rem) {
    .titan-text-media__layout-horizontal {
        position: relative;
    }
    .titan-text-media__layout-horizontal .titan-text-media__content {
        margin: 0;
        padding-right: 0;
    }
    .titan-text-media__layout-horizontal .titan-text-media__content-wrapper {
        margin: 0;
    }
    .titan-text-media__layout-horizontal
        .titan-text-media__media
        .lazy-image--ratio-1_1
        .lazy-image__image {
        width: auto;
        height: 100%;
    }
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-top
        .titan-text-media__content-wrapper {
        margin-bottom: calc(var(--spacing-vertical-xxxl) * 2);
    }
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-top
        .titan-text-media__media {
        margin-top: calc(var(--spacing-vertical-xxxl) * 2);
        position: absolute;
    }
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-top
        .titan-text-media__content {
        padding-bottom: var(--spacing-vertical-l);
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-top
        .titan-text-media__content {
        padding-bottom: var(--spacing-vertical-xl);
    }
}
@media (min-width: 48rem) {
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-bottom
        .titan-text-media__content-wrapper {
        margin-top: calc(var(--spacing-vertical-xxxl) * 2);
        position: absolute;
    }
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-bottom
        .titan-text-media__media {
        margin-bottom: calc(var(--spacing-vertical-xxxl) * 2);
    }
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-bottom
        .titan-text-media__content {
        padding-top: var(--spacing-vertical-l);
    }
}
@media (min-width: 48rem) and (min-width: 90rem) {
    .titan-text-media__layout-horizontal.titan-text-media__text-vertical-bottom
        .titan-text-media__content {
        padding-top: var(--spacing-vertical-xl);
    }
}
@media (min-width: 48rem) {
    .titan-text-media__text-horizontal-left
        .titan-text-media__media
        .grid__column {
        grid-column: 4/-1;
    }
}
@media (min-width: 64rem) {
    .titan-text-media__text-horizontal-left
        .titan-text-media__media
        .grid__column {
        grid-column: 7/-1;
    }
}
@media (min-width: 48rem) {
    .titan-text-media__text-horizontal-left .titan-text-media__content {
        margin-right: calc(
            (var(--grid-gutter) + var(--spacing-vertical-xxxl)) * -1
        );
        padding-right: var(--spacing-horizontal-xl);
        grid-column: 1/4;
    }
}
@media (min-width: 64rem) {
    .titan-text-media__text-horizontal-left .titan-text-media__content {
        grid-column: 2/7;
    }
}
@media (min-width: 80rem) {
    .titan-text-media__text-horizontal-left .titan-text-media__content {
        padding-right: var(--spacing-horizontal-xxl);
    }
}
@media (min-width: 90rem) {
    .titan-text-media__text-horizontal-left .titan-text-media__content {
        padding-right: var(--spacing-horizontal-xxxxxl);
    }
}
.titan-text-media__text-horizontal-left .titan-text-media__content-grid:after,
.titan-text-media__text-horizontal-left .titan-text-media__content:before {
    content: none;
}
@media (min-width: 48rem) {
    .titan-text-media__text-horizontal-left.titan-text-media__text-vertical-bottom
        .lazy-image__copyright {
        margin-left: var(--spacing-vertical-xxxl);
    }
    .titan-text-media__text-horizontal-right
        .titan-text-media__media
        .grid__column {
        grid-column: 1/4;
    }
}
@media (min-width: 64rem) {
    .titan-text-media__text-horizontal-right
        .titan-text-media__media
        .grid__column {
        grid-column: 1/7;
    }
}
@media (min-width: 48rem) {
    .titan-text-media__text-horizontal-right .titan-text-media__content {
        margin-left: calc(
            (var(--grid-gutter) + var(--spacing-vertical-xxxl)) * -1
        );
        padding-left: var(--spacing-horizontal-xl);
        grid-column: 4/-1;
    }
}
@media (min-width: 64rem) {
    .titan-text-media__text-horizontal-right .titan-text-media__content {
        grid-column: 7/12;
    }
}
@media (min-width: 80rem) {
    .titan-text-media__text-horizontal-right .titan-text-media__content {
        padding-left: var(--spacing-horizontal-xxl);
    }
}
@media (min-width: 90rem) {
    .titan-text-media__text-horizontal-right .titan-text-media__content {
        padding-left: var(--spacing-horizontal-xxxxxl);
    }
}
.titan-text-media__text-horizontal-right .titan-text-media__content-grid:after,
.titan-text-media__text-horizontal-right .titan-text-media__content:before {
    content: none;
}
@media (min-width: 48rem) {
    .titan-text-media__text-horizontal-right .motion__video-controls {
        right: auto;
        left: var(--spacing-horizontal-s);
    }
    .titan-text-media__text-horizontal-right.titan-text-media__text-vertical-bottom
        .lazy-image__copyright {
        right: var(--spacing-vertical-xxxl);
    }
}
@media (min-width: 0) and (max-width: 47.9375rem) {
    .titan-text-media .motion,
    .titan-text-media .lazy-image__image-container {
        padding-bottom: 75%;
    }
    .titan-text-media .video-player {
        --video-ratio: 75%;
    }
}
.topic-selection {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
    background-color: var(--classic-bg-color, var(--bg-color-light-primary));
}
.topic-selection__headline-wrapper {
    text-align: center;
}
.topic-selection__headline-text {
    text-align: center;
    display: block;
}
.topic-selection__tile-wrapper {
    margin-left: calc(var(--spacing-horizontal-xxs) / -2);
    margin-right: calc(var(--spacing-horizontal-xxs) / -2);
    padding-top: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-l);
}
@media (min-width: 48rem) {
    .topic-selection__tile-wrapper {
        margin-top: var(--spacing-vertical-l);
        padding-top: 0;
    }
}
.topic-selection__button-area {
    margin-top: var(--spacing-vertical-l);
    flex-direction: column;
    justify-content: center;
    display: flex;
}
@media (min-width: 48rem) {
    .topic-selection__button-area {
        flex-direction: row;
    }
}
.topic-selection__button-area .topic-selection__button-wrapper {
    width: 100%;
    min-height: 3rem;
    padding: var(--spacing-vertical-s) var(--spacing-horizontal-s);
    margin-bottom: var(--spacing-vertical-xxs);
    background-color: var(--bg-surface-interactive, var(--bg-color-light-03));
    justify-content: center;
    align-items: center;
    display: flex;
}
.topic-selection__button-area .topic-selection__button-wrapper:last-child {
    margin-bottom: 0;
}
@media (min-width: 48rem) {
    .topic-selection__button-area .topic-selection__button-wrapper {
        width: 50%;
        margin-right: var(--spacing-horizontal-xxs);
        margin-bottom: 0;
    }
    .topic-selection__button-area .topic-selection__button-wrapper:last-child {
        margin-right: 0;
    }
}
@media (min-width: 64rem) {
    .topic-selection__button-area .topic-selection__button-wrapper {
        width: 33.3333%;
    }
}
.tourial {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
@media (max-width: 47.9375rem) {
    .tourial__wrapper {
        padding: 0;
    }
}
.tourial__player--hidden,
.tourial__consent-overlay--hidden {
    display: none;
}
.tourial__consent-overlay-fallback-image {
    width: 100%;
}
.tourial__iframe-wrapper {
    width: 100%;
    padding: 0 0 56.25%;
    position: relative;
}
.tourial #tourial-mobile-button-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: none;
}
.tourial #tourial-desktop-iframe {
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
}
.vario-teaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
@media (min-width: 64rem) {
    .vario-teaser {
        margin-bottom: calc(var(--spacing-vertical-xxl) * 2);
    }
}
.vario-teaser
    .grid__structure:has(.vario-teaser__header .text)
    + .vario-teaser__container {
    margin-top: var(--spacing-vertical-l);
}
.vario-teaser__container {
    row-gap: var(--spacing-vertical-xxl);
}
@media (min-width: 22.5rem) and (max-width: 47.9375rem) {
    .vario-teaser__container {
        flex-direction: column;
        display: flex;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .vario-teaser__container {
        flex-direction: column;
        display: flex;
    }
}
.vario-teaser--1 .vario-teaser-item__image {
    margin-left: calc(var(--grid-margin) * -1);
    margin-right: calc(var(--grid-margin) * -1);
}
.vario-teaser--1 .vario-teaser-item__info-box {
    margin-right: 0;
}
@media (min-width: 48rem) {
    .vario-teaser--1 .vario-teaser-item__image {
        grid-column: 1 / span 6;
        margin-left: 0;
        margin-right: 0;
    }
    .vario-teaser--1 .vario-teaser-item__info-box {
        grid-column: 1 / span 4;
    }
}
@media (min-width: 64rem) {
    .vario-teaser--1 .vario-teaser-item__fake-link {
        bottom: calc(var(--spacing-vertical-xxl) * -1);
    }
    .vario-teaser--1 .vario-teaser-item__image {
        grid-column: -1/-10;
    }
    .vario-teaser--1 .vario-teaser-item__info-box {
        grid-column: 1/7;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .vario-teaser--1 .vario-teaser-item__image {
        grid-column: 1 / span 6;
    }
    .vario-teaser--2 .vario-teaser-item__image {
        grid-column: 2 / span 5;
    }
    .vario-teaser--2 .vario-teaser-item__info-box {
        margin-top: calc(var(--spacing-vertical-xxl) * -1);
        grid-area: 2/1 / auto/span 4;
        margin-bottom: 0;
    }
    .vario-teaser--3 .vario-teaser-item {
        padding-bottom: var(--spacing-vertical-xxl);
    }
    .vario-teaser--3 .vario-teaser-item__image {
        grid-column: 1 / span 4;
    }
    .vario-teaser--3 .vario-teaser-item__info-box {
        margin-top: auto;
        margin-bottom: calc(var(--spacing-vertical-xxl) * -1);
        grid-area: 1/4 / auto/span 6;
    }
}
@media (min-width: 64rem) {
    .vario-teaser--2,
    .vario-teaser--3 {
        margin-bottom: var(--spacing-vertical-xxl);
    }
    .vario-teaser--2 .vario-teaser-item,
    .vario-teaser--3 .vario-teaser-item {
        grid-template-rows: auto;
    }
    .vario-teaser--2 .vario-teaser-item--small .vario-teaser-item__image,
    .vario-teaser--2 .vario-teaser-item--medium .vario-teaser-item__image,
    .vario-teaser--2 .vario-teaser-item--large .vario-teaser-item__image,
    .vario-teaser--3 .vario-teaser-item--small .vario-teaser-item__image,
    .vario-teaser--3 .vario-teaser-item--medium .vario-teaser-item__image,
    .vario-teaser--3 .vario-teaser-item--large .vario-teaser-item__image {
        grid-row: 1;
    }
    .vario-teaser--2 .vario-teaser-item--small .vario-teaser-item__info-box,
    .vario-teaser--2 .vario-teaser-item--medium .vario-teaser-item__info-box,
    .vario-teaser--2 .vario-teaser-item--large .vario-teaser-item__info-box,
    .vario-teaser--3 .vario-teaser-item--small .vario-teaser-item__info-box,
    .vario-teaser--3 .vario-teaser-item--medium .vario-teaser-item__info-box,
    .vario-teaser--3 .vario-teaser-item--large .vario-teaser-item__info-box {
        margin-top: calc(var(--spacing-vertical-xxl) * -1);
        flex-direction: column;
        grid-row: 2;
        justify-content: space-between;
        display: flex;
        position: relative;
        top: 0;
    }
}
.vario-teaser__header {
    grid-column: 1/9;
}
@media (min-width: 48rem) {
    .vario-teaser--switched.vario-teaser--1 .vario-teaser-item__image {
        grid-column: 1 / span 6;
    }
    .vario-teaser--switched.vario-teaser--1 .vario-teaser-item__info-box {
        grid-column: 3 / span 4;
    }
}
@media (min-width: 64rem) {
    .vario-teaser--switched.vario-teaser--1 .vario-teaser-item__fake-link {
        bottom: calc(var(--spacing-vertical-xxl) * -1);
    }
    .vario-teaser--switched.vario-teaser--1 .vario-teaser-item__image {
        grid-column: 1 / span 9;
    }
    .vario-teaser--switched.vario-teaser--1 .vario-teaser-item__info-box {
        grid-column: 7 / span 12;
    }
}
.classic-section .cmp-container > .varioTeaser {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxxl);
}
.classic-section .cmp-container > .varioTeaser .vario-teaser {
    margin-top: 0;
    margin-bottom: 0;
}
.video-library {
    margin-block: var(--spacing-vertical-xxl);
}
.video-library .tabs-horizontal .thumbnail-slideshow .slideshow {
    margin-top: 0;
}
.video-library .tabs-horizontal {
    margin-inline: 0;
}
.video-library--with-headline .tabs-horizontal .thumbnail-slideshow {
    padding-top: var(--spacing-vertical-l);
}
.video-library--grey-background {
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
    padding-block: var(--spacing-vertical-xxl);
    margin-block: 0;
}
.video-library--grey-background .tabs-horizontal__nav-indicator:before {
    border-inline: var(--spacing-horizontal-xxs) solid
        var(--classic-bg-color, var(--bg-color-secondary));
}
.video-library .thumbnail-slideshow__thumbs {
    max-width: calc(
        var(--max-thumbs) * var(--thumbnail-width) + var(--max-thumbs) *
            var(--spacing-horizontal-xs) * 2 + var(--thumb-nav-button-width) * 2
    );
}
.video-library .thumbnail-slideshow__thumbs .slideshow__item:only-child {
    display: list-item;
}
@media (min-width: 64rem) {
    .video-library .thumbnail-slideshow__thumbs-wrapper {
        visibility: hidden;
    }
    .video-library--grey-background.video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide:hover {
        background-color: var(--bg-color-light-00);
    }
    .video-library--loaded .thumbnail-slideshow {
        grid-gap: var(--grid-gutter);
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        grid-template-rows: auto;
        row-gap: 0;
        display: grid;
    }
    .video-library--loaded .thumbnail-slideshow__main {
        grid-column: span 8;
    }
    .video-library--loaded .slideshow__item--blurred {
        opacity: 0.5;
        transition: opacity 0.5s ease-in-out;
    }
    .video-library--loaded .thumbnail-slideshow__thumbs-wrapper {
        visibility: visible;
        max-height: 48.125rem;
        margin-top: 0;
        width: calc(100% + var(--grid-gutter));
        order: 1;
        grid-column: span 4;
        max-width: 100%;
        margin-inline-start: calc(var(--grid-gutter) * -1);
        display: flex;
        position: relative;
        overflow-y: auto;
    }
    .video-library--loaded .thumbnail-slideshow__thumbs-wrapper .lazy-image {
        grid-gap: var(--grid-gutter);
        grid-template-rows: auto;
        grid-template-columns: repeat(4, 1fr);
        row-gap: 0;
        display: grid;
    }
    .video-library--loaded
        .thumbnail-slideshow__thumbs-wrapper
        .lazy-image
        .lazy-image__figcaption {
        width: calc(100% + var(--grid-gutter) * 0.5);
        order: 2;
        grid-column: span 2;
        margin-inline-start: calc(var(--grid-gutter) * -0.5);
        font-size: 0.875rem;
        font-weight: 700;
        display: flex;
        position: relative;
    }
    .video-library--loaded
        .thumbnail-slideshow__thumbs-wrapper
        .swiper-container {
        overflow: visible;
    }
    .video-library--loaded
        .thumbnail-slideshow__thumbs-wrapper
        .thumbnail-slideshow__next-button,
    .video-library--loaded
        .thumbnail-slideshow__thumbs-wrapper
        .thumbnail-slideshow__prev-button {
        visibility: hidden;
    }
    .video-library--loaded .swiper-thumbs ul.slideshow__list.swiper-wrapper {
        flex-direction: column;
        width: 100%;
        height: auto !important;
        transform: none !important;
    }
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        letter-spacing: 0.005em;
        width: 100%;
        max-width: none;
        margin-bottom: var(--spacing-vertical-xs);
        padding-inline: 0;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) and (min-width: 48rem) {
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) and (min-width: 64rem) {
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) and (min-width: 80rem) {
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) and (min-width: 90rem) {
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar)
        .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide:hover {
        background-color: var(--bg-surface, var(--bg-color-light-01));
    }
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        li.slideshow__item.swiper-slide:last-child {
        margin-bottom: 0;
    }
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        .lazy-image__image-container {
        border: 1px solid var(--border-subtlest);
        order: 1;
        grid-column: span 2;
        display: block;
    }
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        .lazy-image__image-container[data-duration]:after {
        letter-spacing: 0.005em;
        content: attr(data-duration);
        background: var(--color-black);
        color: var(--color-white);
        padding: calc(var(--spacing-vertical-xxs) / 2)
            var(--spacing-horizontal-xxs);
        width: auto;
        height: 1rem;
        margin: var(--spacing-vertical-xs);
        font-size: 0.75rem;
        line-height: 1.125rem;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    :lang(ar)
        .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        .lazy-image__image-container[data-duration]:after {
        line-height: 1.375rem;
    }
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        .lazy-image__image-container[data-duration=""]:after {
        display: none;
    }
    .video-library--loaded
        .swiper-thumbs
        ul.slideshow__list.swiper-wrapper
        .lazy-image__image-container
        .lazy-image__image {
        min-height: unset;
    }
    .video-library--loaded
        .thumbnail-slideshow__thumbs
        .lazy-image__active-image-indicator {
        width: 0.1875rem;
        height: 100%;
        order: 3;
        margin-block: 0;
        margin-inline-start: calc(var(--spacing-vertical-xxs) * -1);
        margin-inline-end: 0;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .video-library--loaded
        .thumbnail-slideshow__thumbs
        .swiper-slide-thumb-active
        .lazy-image__active-image-indicator {
        border-left: 0.1875rem solid var(--border-strong);
    }
    .video-library--loaded .thumbnail-slideshow__thumbs .lazy-image__caption {
        -webkit-line-clamp: unset;
    }
}
.zeisslet-collection--grey-background
    .grid__container
    .zeisslet-collection__cta,
.zeisslet-collection--mid-grey-background
    .grid__container
    .zeisslet-collection__cta {
    padding-top: var(--spacing-vertical-xxl);
}
.zeisslet-collection--grey-background {
    background-color: var(--bg-color-secondary);
}
.zeisslet-collection--mid-grey-background {
    background-color: var(--bg-color-light-05);
}
.zeisslet-collection__cta {
    padding-top: var(--spacing-modular);
    flex: 1 0 100%;
    justify-content: flex-end;
    display: flex;
}
.zeisslet-collection__cta-button,
.zeisslet-collection__cta-button > * {
    width: 100%;
}
.zeisslet-collection .zeisslet-row:first-child {
    padding-top: calc(var(--spacing-vertical-xxl) - var(--spacing-modular));
}
.zeisslet-collection .zeisslet-row:last-child {
    padding-bottom: var(--spacing-vertical-xxl);
}
.zeisslet-collection--no-spacing .zeisslet-row:first-child {
    padding-top: 0;
}
.zeisslet-collection--no-spacing .zeisslet-row:last-child {
    padding-bottom: 0;
}
.zeisslet-collection .dccZeisslet,
.zeisslet-collection .solutionApp {
    flex: 1;
    max-width: 100%;
}
@media (min-width: 48rem) {
    .zeisslet-collection__cta-button {
        width: auto;
    }
}
.zeisslet-collection__section {
    margin-top: var(--spacing-modular);
}
.zeisslet-collection__section--spacing-large {
    margin-top: var(--spacing-vertical-xl);
}
.zeisslet-collection__section:first-child
    .zeisslet-collection__section-headline {
    margin-top: 0;
}
.zeisslet-collection__section-headline {
    margin-top: var(--spacing-modular);
}
@font-face {
    font-family: ZEISSIcons;
    src: url(../../../..../fonts/ZEISSIcons-ac229fb2.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
.zeissicon {
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: ZEISSIcons !important;
}
.zeissicon-play:before {
    content: "";
}
.zeissicon-edit:before {
    content: "";
}
.search-result-form__left-container input {
    box-sizing: content-box;
    width: 100%;
    min-width: 0;
    height: var(--spacing-vertical-m);
    padding-block: var(--spacing-2xs);
    padding-inline: var(--spacing-s) var(--spacing-0);
    color: var(--color-global-text-strong);
    margin-inline: var(--spacing-0);
    font: var(--text-body-m);
    background-color: transparent;
    border: none;
    outline: none;
    flex: 1;
    transition: border-bottom 0.5s ease-in-out;
    box-shadow: none !important;
}
.search-result-form__right-container .button-link a {
    border-start-start-radius: 0;
    border-start-end-radius: var(--border-radius-m);
    border-end-end-radius: var(--border-radius-m);
    border-end-start-radius: 0;
    padding-inline: 0.9375rem;
}
.search-result-form__right-container
    .button-link
    a
    .button-link__content
    .icon {
    margin-inline-start: 0;
}
.search-result-form__right-container
    .button-link
    a
    .button-link__content
    .icon
    .svg-scale-wrapper {
    width: 1rem;
    height: 1rem;
}
.search-result-form ul.ui-autocomplete li.ui-menu-item {
    box-sizing: border-box;
    width: 100%;
    padding-block: var(--spacing-vertical-xs);
    padding-inline: var(--spacing-horizontal-s);
    font: var(--text-body-m);
    text-align: start;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
@media (min-width: 48rem) {
    .search-result-form {
        margin-bottom: 2.5rem;
    }
    .search-result-form ul.ui-autocomplete {
        z-index: 10;
        position: absolute !important;
        top: 3.75rem !important;
    }
    .search-result-form__right-container .button-link a {
        padding-inline: var(--spacing-horizontal-l);
    }
    .search-result-form__right-container
        .button-link
        a
        .button-link__content
        .button__text {
        line-height: 2rem;
    }
    .search-result-form__right-container
        .button-link
        a
        .button-link__content
        .icon {
        margin-inline-start: var(--spacing-horizontal-xs);
    }
}
.search-mindbreeze--is-loading .search-mindbreeze__searches:before {
    opacity: 0.6;
    visibility: visible;
}
.search-mindbreeze__container {
    inset: var(--header-overlay-top-offset) 0 100% 0;
    background-color: var(--bg-color-light-primary);
    z-index: 5050;
    display: none;
    position: fixed;
    overflow: hidden;
}
.header--no-campaign .search-mindbreeze__container {
    top: var(--header-overlay-top-offset);
}
.header--got-animated .search-mindbreeze__container,
.header--got-animated.header--no-campaign .search-mindbreeze__container {
    top: var(--header-overlay-top-offset-shrink);
}
@media (min-width: 48rem) {
    .search-mindbreeze__container {
        top: calc(
            var(--header-overlay-top-offset) - var(--header-meta-visible-height)
        );
    }
    .header--no-campaign .search-mindbreeze__container {
        top: var(--header-overlay-top-offset);
    }
    .header--got-animated .search-mindbreeze__container,
    .header--got-animated.header--no-campaign .search-mindbreeze__container {
        top: calc(
            var(--header-overlay-top-offset-shrink) -
                var(--header-meta-hidden-height)
        );
    }
}
@media (min-width: 64rem) {
    .header--no-campaign .search-mindbreeze__container {
        top: var(--header-overlay-top-offset);
    }
}
.header--search-open .search-mindbreeze__container {
    width: 100vw;
    display: block;
    bottom: 0;
    overflow-y: scroll;
}
.article-overview-app__result-bar {
    flex-wrap: nowrap;
    flex: 1 0 100%;
    display: flex;
}
.article-overview-app__results,
.article-overview-app__reset {
    flex: 1 0 50%;
    display: flex;
}
.article-overview-app__reset {
    justify-content: flex-end;
}
:root {
    --teaser-list-color-text: var(--text-color-body);
    --teaser-list-color-icon: var(--text-color-body);
    --teaser-list-color-bullet: var(--text-color-body);
    --summary-blur-bg: rgba(var(--bg-color-light-primary-rgba), 0.8);
}
.summary {
    gap: var(--spacing-horizontal-s);
    padding: var(--spacing-vertical-m) 1.5rem var(--spacing-vertical-s);
    z-index: 3;
    flex-direction: column;
    margin-inline: -1.5rem;
    display: flex;
}
@media (min-width: 48rem) {
    .summary {
        background-color: var(--summary-blur-bg);
        -webkit-backdrop-filter: blur(0.781rem);
        backdrop-filter: blur(0.781rem);
        gap: var(--spacing-horizontal-m);
        flex-direction: row;
        order: 1;
        position: -webkit-sticky;
        position: sticky;
    }
    .summary .button-link {
        margin-bottom: 0;
    }
}
.summary__total-label {
    color: var(--text-color-text);
    margin-inline-end: var(--spacing-horizontal-xs);
}
@media (min-width: 0) and (max-width: 47.9375rem) {
    .summary__total-text-wrapper {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }
}
.summary__result-info {
    flex: none;
    padding-inline-end: var(--spacing-horizontal-s);
    display: flex;
}
.summary__spinner-wrapper {
    flex-direction: row;
    align-items: center;
    display: flex;
}
.summary__total-text {
    position: relative;
    top: -0.125rem;
}
:root {
    --teaser-list-color-text: var(--text-color-body);
    --teaser-list-color-icon: var(--text-color-body);
    --teaser-list-color-bullet: var(--text-color-body);
    --filter-side-bar-blur-bg: rgba(var(--bg-color-light-primary-rgba), 0.8);
    --filter-side-bar-options-bg: var(--bg-color-light-02);
    --filter-side-bar-options-hover-bg: var(--bg-color-light-01);
    --filter-side-bar-options-focus-bg: var(--bg-color-light-05);
    --filter-side-bar-button-group-bg: var(--bg-color-light-01);
    --filter-side-bar-options-count-bg: var(--bg-color-light-04);
}
@media (min-width: 48rem) {
    .filter-side-bar {
        padding-top: var(--spacing-horizontal-xxs);
        padding-inline: var(--spacing-horizontal-s);
        margin-inline-start: calc(var(--spacing-horizontal-xs) * -1);
        position: -webkit-sticky;
        position: sticky;
        overflow-x: hidden;
        overflow-y: auto;
    }
}
.filter-side-bar__header {
    padding: var(--spacing-vertical-m) 0 var(--spacing-vertical-s);
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-horizontal-xxs);
    flex-wrap: wrap;
    display: flex;
}
.filter-side-bar__filter-button {
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-horizontal-s);
    white-space: normal;
    display: flex;
}
.filter-side-bar__filter-label {
    letter-spacing: 0.005em;
    color: var(--headline-color);
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .filter-side-bar__filter-label {
    line-height: 1.75rem;
}
@media (min-width: 48rem) {
    .filter-side-bar__filter-label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__filter-label {
        line-height: 1.75rem;
    }
}
@media (min-width: 64rem) {
    .filter-side-bar__filter-label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__filter-label {
        line-height: 1.75rem;
    }
}
@media (min-width: 80rem) {
    .filter-side-bar__filter-label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__filter-label {
        line-height: 1.75rem;
    }
}
@media (min-width: 90rem) {
    .filter-side-bar__filter-label {
        letter-spacing: 0.005em;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__filter-label {
        line-height: 1.75rem;
    }
}
.filter-side-bar__filter-options > div {
    max-height: 18rem;
    margin-bottom: 0;
    overflow-y: auto;
}
.filter-side-bar__filter-checkbox-wrapper {
    background-color: inherit;
    text-align: start;
    border: none;
    width: 100%;
    padding: 0;
}
.filter-side-bar__filter-checkbox-wrapper.disabled {
    cursor: default;
}
.filter-side-bar__filter-checkbox-wrapper:not(.disabled):hover {
    background-color: var(--filter-side-bar-options-hover-bg);
}
.filter-side-bar__filter-checkbox-wrapper:not(.disabled):focus {
    background-color: var(--filter-side-bar-options-bg);
}
.filter-side-bar__filter-checkbox-wrapper:not(.disabled):focus:hover {
    background-color: var(--filter-side-bar-options-hover-bg);
}
.filter-side-bar__search-input {
    margin-inline-end: calc(var(--spacing-horizontal-xs) * -1);
}
.filter-side-bar__search-input [data-testid="Autocomplete"],
.filter-side-bar__search-input > div > div {
    background-color: inherit;
    box-shadow: none;
}
.filter-side-bar__search-input input {
    color: var(--headline-color);
    border-bottom-color: var(--border-subtle);
}
.filter-side-bar__search-input input ~ div > div {
    border-bottom-color: var(--border-subtle);
}
.filter-side-bar__search-input svg {
    margin-inline-end: 0;
    padding-inline-start: 0;
}
.filter-side-bar__search-input svg path {
    fill: var(--headline-color);
}
.filter-side-bar__search-input label {
    color: var(--text-color-text);
}
.filter-side-bar__search-input
    [data-testid="Autocomplete"]:hover
    input.filter-side-bar__search-input__input,
.filter-side-bar__search-input
    [data-testid="Autocomplete"]:focus
    input.filter-side-bar__search-input__input,
.filter-side-bar__search-input
    [data-testid="Autocomplete"]:hover
    input.filter-side-bar__search-input__input
    ~ div
    > div,
.filter-side-bar__search-input
    [data-testid="Autocomplete"]:focus
    input.filter-side-bar__search-input__input
    ~ div
    > div {
    border-bottom-color: var(--border-strong);
}
.filter-side-bar__search-input--focused [data-testid="Autocomplete"] {
    background-color: var(--filter-side-bar-options-bg);
}
.filter-side-bar__search-input--focused
    input.filter-side-bar__search-input__input,
.filter-side-bar__search-input--focused
    input.filter-side-bar__search-input__input
    ~ div
    > div {
    border-bottom-color: var(--border-strong);
}
.filter-side-bar .filter-side-bar__filter-checkbox {
    padding: var(--spacing-horizontal-xs);
}
.filter-side-bar .filter-side-bar__filter-checkbox:focus-within {
    background-color: var(--filter-side-bar-options-bg);
}
.filter-side-bar .filter-side-bar__filter-checkbox > div {
    width: 100%;
}
.filter-side-bar .filter-side-bar__filter-checkbox > div label {
    width: 100%;
    color: var(--text-color-text);
}
.filter-side-bar .filter-side-bar__filter-list {
    border-bottom: 1px solid var(--border-subtle);
    background-color: var(--classic-bg-color, var(--bg-color-light-primary));
    border-top: none;
}
.filter-side-bar .filter-side-bar__filter-list [data-testid="AccordionButton"] {
    padding-inline: var(--spacing-horizontal-xs);
    background-color: var(--classic-bg-color, var(--bg-color-light-primary));
}
.filter-side-bar
    .filter-side-bar__filter-list
    [data-testid="AccordionButton"]:hover {
    background-color: var(--filter-side-bar-options-hover-bg);
}
.filter-side-bar
    .filter-side-bar__filter-list
    [data-testid="AccordionButton"]:focus {
    background-color: var(--filter-side-bar-options-bg);
}
.filter-side-bar
    .filter-side-bar__filter-list
    [data-testid="AccordionButton"]:focus:hover {
    background-color: var(--filter-side-bar-options-hover-bg);
}
.filter-side-bar
    .filter-side-bar__filter-list
    [data-testid="AccordionButton"]
    svg {
    color: var(--headline-color);
}
.filter-side-bar .filter-side-bar__filter-list > div {
    border-top: 1px solid var(--border-subtle);
}
@media (min-width: 0) and (max-width: 47.9375rem) {
    .filter-side-bar__show-filters-button button,
    .filter-side-bar__show-filters-button a {
        width: 100%;
    }
    .filter-side-bar__filter-wrapper {
        z-index: 20000;
        background-color: var(
            --classic-bg-color,
            var(--bg-color-light-primary)
        );
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 100vw;
        overflow-y: auto;
    }
    .filter-side-bar__close-btn {
        color: var(--headline-color);
        cursor: pointer;
        background-color: transparent;
        border: none;
    }
    .filter-side-bar__header {
        padding: var(--spacing-horizontal-s) var(--spacing-horizontal-m)
            var(--spacing-vertical-m);
        z-index: 20001;
        background-color: var(--filter-side-bar-blur-bg);
        -webkit-backdrop-filter: blur(0.781rem);
        backdrop-filter: blur(0.781rem);
        width: 100%;
        position: fixed;
        top: 0;
    }
    .filter-side-bar__filter-list {
        margin: 4.25rem var(--spacing-vertical-m) 8.5rem;
    }
    .filter-side-bar__footer {
        width: 100%;
        position: fixed;
        bottom: 0;
    }
    .filter-side-bar__footer-btn-wrapper {
        gap: var(--spacing-horizontal-xs);
        background-color: var(--filter-side-bar-button-group-bg);
        padding: var(--spacing-vertical-s) var(--spacing-horizontal-m);
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }
    .filter-side-bar__footer-btn-wrapper button {
        width: 100%;
    }
    .filter-side-bar__search-input {
        margin-bottom: var(--spacing-vertical-m);
    }
    .filter-side-bar__summary {
        gap: var(--spacing-horizontal-xxs);
        padding: var(--spacing-vertical-s) var(--spacing-horizontal-m);
        background-color: var(--filter-side-bar-blur-bg);
        -webkit-backdrop-filter: blur(0.781rem);
        backdrop-filter: blur(0.781rem);
        align-items: baseline;
        display: flex;
    }
    .filter-side-bar__summary-label {
        letter-spacing: 0.005em;
        color: var(--text-color-text);
        font-size: 1rem;
        line-height: 1.5rem;
    }
    :lang(ar) .filter-side-bar__summary-label {
        line-height: 1.75rem;
    }
}
.form-kit__form-field__checkbox {
    letter-spacing: 0.005em;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .form-kit__form-field__checkbox {
    line-height: 1.75rem;
}
.form-kit__form-field__checkbox__text {
    vertical-align: top;
    text-align: start;
    color: var(--form-color-checkbox-fontcolor);
    padding-inline-start: 1.75rem;
    font-size: 1rem;
    display: inline-block;
    position: relative;
}
.form-kit__form-field__checkbox__text a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.form-kit__form-field__checkbox__text a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form-kit__form-field__checkbox__text a:active,
.form-kit__form-field__checkbox__text a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form-kit__form-field__checkbox__box {
    opacity: 0;
    position: absolute;
}
.form-kit__form-field__checkbox__text:before {
    margin-bottom: 0.3rem;
    border: 1px solid var(--form-color-checkbox-border-unselected);
    content: "";
    top: 0.2rem;
    background-color: var(--form-color-checkbox-background-unselected);
    border-radius: 3px;
    width: 1rem;
    height: 1rem;
    margin-inline-end: 0.5rem;
    display: block;
    position: absolute;
    inset-inline-start: 0;
}
.form-kit__form-field__checkbox__text:hover:before {
    border: 1px solid var(--form-color-checkbox-border-unselected-hover);
    box-shadow: var(--elevation-low);
}
.form-kit__form-field__checkbox__text:after {
    content: "";
    border-left: 2px solid var(--form-color-checkbox-checkmark);
    border-bottom: 2px solid var(--form-color-checkbox-checkmark);
    top: 0.47rem;
    width: 0.6rem;
    height: 0.27rem;
    display: block;
    position: absolute;
    inset-inline-start: 0.21rem;
    transform: rotate(-45deg);
}
.form-kit__form-field__checkbox__box
    + .form-kit__form-field__checkbox__text:after {
    content: none;
}
.form-kit__form-field__checkbox__box:checked
    + .form-kit__form-field__checkbox__text:after {
    content: "";
}
.form-kit__form-field__checkbox__box:checked
    + .form-kit__form-field__checkbox__text:before {
    background-color: var(--form-color-checkbox-background-selected);
    border: 1px solid var(--form-color-checkbox-border-selected);
}
.form-kit__form-field__checkbox__box:checked
    + .form-kit__form-field__checkbox__text:hover:before {
    background-color: var(--form-color-checkbox-background-selected-hover);
    border: 1px solid var(--form-color-checkbox-border-selected-hover);
}
.form-kit__form-field__checkbox :focus {
    outline: 0;
}
.form-kit__form-field__checkbox__label {
    color: var(--form-color-checkbox-label);
    flex: none;
    font-weight: 700;
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__wrapper {
    cursor: not-allowed;
    pointer-events: none;
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__wrapper:focus {
    background-color: var(
        --form-color-checkbox-background-unselected-focus-disabled
    );
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__wrapper
    .form-kit__form-field__checkbox__text {
    opacity: var(--form-opacity-checkbox-disabled);
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__wrapper
    .form-kit__form-field__checkbox__text
    a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__wrapper
    .form-kit__form-field__checkbox__text
    a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__wrapper
    .form-kit__form-field__checkbox__text
    a:active,
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__wrapper
    .form-kit__form-field__checkbox__text
    a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__wrapper
    .form-kit__form-field__checkbox__text:before {
    background-color: var(--form-color-checkbox-background-unselected-disabled);
    border: 1px solid var(--form-color-checkbox-border-unselected-disabled);
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__label {
    opacity: var(--form-opacity-checkbox-disabled);
    color: var(--form-color-checkbox-font-unselected-disabled);
}
.form-kit__form-field__checkbox--readonly
    .form-kit__form-field__checkbox__box:checked
    + .form-kit__form-field__checkbox__text:before {
    background-color: var(--form-color-checkbox-background-selected);
    border: 1px solid var(--form-color-checkbox-border-selected);
}
.form-kit__form-field__checkbox--error {
    color: var(--form-color-checkbox-error);
    font-size: 0.75rem;
}
.form-kit__form-field__checkbox__error
    .form-kit__form-field__checkbox__text:before {
    border: 1px solid var(--form-color-checkbox-border-error);
}
.form-kit__form-field--inline .form-kit__form-field__checkbox__wrapper {
    margin-inline-end: 0.5rem;
    display: inline-block;
}
.form-kit__form-field--inline
    .form-kit__form-field__checkbox__wrapper:focus-within {
    background-color: var(--form-color-checkbox-background-unselected-focus);
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
    margin-inline: -0.25rem 0.5rem;
    padding-inline: 0.25rem 0;
}
.form-kit__form-field--inline
    .form-kit__form-field__checkbox__wrapper:hover:focus {
    background-color: var(--form-color-checkbox-background-unselected-focus);
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
    margin-inline: -0.25rem 0.5rem;
    padding-inline: 0.25rem 0;
}
.form-kit__form-field--inline
    .form-kit__form-field__checkbox__wrapper:hover:focus
    .form-kit__form-field__checkbox__text:before {
    border: 1px solid var(--form-color-checkbox-border-unselected-hover);
}
.form-kit__form-field--inline
    .form-kit__form-field__checkbox__wrapper:hover:focus
    .form-kit__form-field__checkbox__box:checked
    + .form-kit__form-field__checkbox__text:before {
    background-color: var(--form-color-checkbox-background-selected-hover);
    border: 1px solid var(--form-color-checkbox-border-selected-hover);
}
.form-kit__form-field--inline .form-kit__form-field__checkbox__text {
    width: auto;
    margin-inline-end: 0.75rem;
}
.form-kit__form-field__checkbox__wrapper {
    margin-top: 1.5rem;
}
.form-kit__form-field__checkbox__wrapper:focus-within {
    background-color: var(--form-color-checkbox-background-unselected-focus);
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
    margin-inline: -0.25rem;
    padding-inline: 0.25rem;
}
.form-kit__form-field__checkbox__wrapper:hover:focus {
    background-color: var(--form-color-checkbox-background-unselected-focus);
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
    margin-inline: -0.25rem;
    padding-inline: 0.25rem;
}
.form-kit__form-field__checkbox__wrapper:hover:focus
    .form-kit__form-field__checkbox__text:before {
    border: 1px solid var(--form-color-checkbox-border-unselected-hover);
}
.form-kit__form-field__checkbox__wrapper:hover:focus
    .form-kit__form-field__checkbox__box:checked
    + .form-kit__form-field__checkbox__text:before {
    background-color: var(--form-color-checkbox-background-selected-hover);
    border: 1px solid var(--form-color-checkbox-border-selected-hover);
}
.formItem.form__field.checkboxGroup.readonly
    .form-kit__form-field__checkbox__label {
    opacity: var(--form-opacity-checkbox-disabled);
}
.form-kit__form-field__datepicker__calender {
    float: left;
    top: 3.625rem;
    left: var(--form-element-spacing-focus);
    width: calc(100% - 2 * var(--form-element-spacing-focus));
    background: var(--form-color-datepicker-calender-background-default);
    z-index: 1000;
    padding: 2.25rem;
    position: absolute;
    overflow: hidden;
    box-shadow: 0.125rem 0.25rem 1rem rgba(25, 25, 25, 0.08);
}
.form-kit__form-field__datepicker__calender:focus-visible {
    outline: none;
}
.form-kit__form-field__datepicker__calender:focus {
    outline: none;
}
.form-kit__form-field__datepicker__calender__button {
    width: 1.5rem;
    height: 1.5rem;
}
.form-kit__form-field__datepicker__calender__left,
.form-kit__form-field__datepicker__calender__right {
    cursor: pointer;
    fill: var(--form-color-datepicker-calender-color-arrow);
}
.form-kit__form-field__datepicker__calender__left {
    transform: rotate(180deg);
}
.form-kit__form-field__datepicker__calender__body {
    align-items: center;
    width: 100%;
    padding-top: 1.5rem;
    display: flex;
}
.form-kit__form-field__datepicker__calender__body
    .form-kit__form-field__datepicker__calender__days {
    color: var(--form-color-datepicker-calender-color-header);
}
.form-kit__form-field__datepicker__calender__days {
    color: var(--form-color-datepicker-calender-color-body);
    text-align: center;
    letter-spacing: 0.031rem;
    flex: 1;
    width: 14.285%;
    height: 16.6666%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.form-kit__form-field__datepicker__calender__days--disabled {
    pointer-events: none;
}
.form-kit__form-field__datepicker__calender__days--disabled
    .form-kit__form-field__datepicker__calender__month__days
    span {
    color: var(--form-color-datepicker-calender-color-body-disabled);
    background: var(
        --form-color-datepicker-calender-color-background-disabled
    ) !important;
}
.form-kit__form-field__datepicker__calender__days.highlight-selected-day
    .form-kit__form-field__datepicker__calender__month__days
    span {
    background-color: var(--form-color-datepicker-calender-background-selected);
    color: var(--form-color-datepicker-calender-color-selected-day);
}
.form-kit__form-field__datepicker__calender__month__year {
    width: 100%;
}
.form-kit__form-field__datepicker__calender__header__details {
    color: var(--form-color-datepicker-calender-color-header);
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.form-kit__form-field__datepicker__calender__header {
    justify-content: space-between;
    width: 100%;
    display: flex;
}
.form-kit__form-field__datepicker__calender__days,
.form-kit__form-field__datepicker__calender__month,
.form-kit__form-field__datepicker__calender__month__days span,
.form-kit__form-field__datepicker__calender__month__days {
    float: left;
    box-sizing: border-box;
    display: block;
    position: relative;
}
.form-kit__form-field__datepicker__calender__month {
    width: 100%;
    height: 16.875rem;
}
.form-kit__form-field__datepicker__calender__month__days {
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 0.75rem;
    font-weight: 300;
}
.form-kit__form-field__datepicker__calender__month__days span {
    border: 1px solid transparent;
    width: 1.875rem;
    height: 1.875rem;
    margin-top: -0.938rem;
    margin-left: -0.938rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.875rem;
    top: 50%;
    left: 50%;
}
.form-kit__form-field__datepicker__calender__month__days span:hover {
    cursor: pointer;
    background: var(--form-color-datepicker-calender-background-hover);
    color: var(--form-color-datepicker-hover-day-text);
}
.form-kit__form-field__datepicker__calender__month__days:focus {
    color: var(--form-color-datepicker-calender-color-focused);
    border: none;
    outline: none;
}
.form-kit__form-field__datepicker__calender__month__days--focused {
    color: var(--form-color-datepicker-calender-color-focused);
}
.form-kit__form-field__error-message {
    color: var(--form-color-font-error);
}
.form-kit__form-field__form-element .form-kit__form-field__helper-wrapper {
    color: var(--form-color-helpertext);
    letter-spacing: 0.005em;
    opacity: var(--form-opacity-helpertext);
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    display: flex;
}
:lang(ar)
    .form-kit__form-field__form-element
    .form-kit__form-field__helper-wrapper {
    line-height: 1.375rem;
}
.form-kit__form-field__form-element
    .form-kit__form-field__helper-wrapper__message-wrapper {
    flex-grow: 0;
    flex-shrink: 2;
}
.form-kit__form-field__form-element
    .form-kit__form-field__helper-wrapper__char-counter-wrapper {
    text-align: end;
    white-space: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    min-width: 1rem;
}
.form-kit__form-field__form-element
    .form-kit__form-field__helper-wrapper--focus {
    opacity: var(--form-opacity-helpertext-focus);
}
.form-kit__form-field__form-element
    .form-kit__form-field__helper-wrapper--filled {
    color: var(--form-color-helpertext-filled);
    opacity: var(--form-opacity-helpertext-filled);
}
.form-kit__form-field__form-element
    .form-kit__form-field__helper-wrapper--disabled {
    opacity: var(--form-opacity-inputfield-disabled);
    cursor: not-allowed;
}
.form-kit__form-field__form-element:hover
    .form-kit__form-field__helper-wrapper {
    color: var(--form-color-helpertext-hover);
    opacity: var(--form-opacity-helpertext-hover);
}
.form-kit__form-field__form-element:hover
    .form-kit__form-field__helper-wrapper--disabled {
    opacity: var(--form-opacity-inputfield-disabled);
}
.form-kit__form-field__icon-wrapper {
    top: 1.125rem;
    letter-spacing: 0.005em;
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--form-color-form-field-icon);
    opacity: var(--form-opacity-form-field-icon);
    font-size: 1rem;
    line-height: 1.5rem;
    position: absolute;
    inset-inline-end: 0;
}
:lang(ar) .form-kit__form-field__icon-wrapper {
    line-height: 1.75rem;
}
.form-kit__form-field__icon-wrapper--focus {
    margin-right: var(--form-element-spacing-focus);
    fill: var(--form-color-form-field-icon-focus);
    opacity: var(--form-opacity-form-field-icon-focus);
}
.form-kit__form-field__icon-wrapper--filled {
    fill: var(--form-color-form-field-icon-filled);
    opacity: var(--form-opacity-form-field-icon-filled);
}
.form-kit__form-field__icon-wrapper--error {
    fill: var(--form-color-form-field-icon-error);
}
.form-kit__form-field__icon-wrapper--error.form-kit__form-field__icon-wrapper--focus {
    fill: var(--form-color-form-field-icon-error);
    opacity: var(--form-opacity-form-field-icon-focus);
}
.form-kit__form-field__icon-wrapper--disabled {
    fill: var(--form-color-form-field-icon);
    opacity: var(--form-opacity-form-field-icon-disabled);
}
.form-kit__form-field__icon-wrapper--hover {
    fill: var(--form-color-form-field-icon-hover);
    opacity: var(--form-opacity-form-field-icon-hover);
}
.form-kit__form-field__icon-wrapper--hover.form-kit__form-field__icon-wrapper--focus {
    fill: var(--form-color-form-field-icon-focus);
}
.form-kit__form-field__icon-wrapper--hover.form-kit__form-field__icon-wrapper--error {
    fill: var(--form-color-form-field-icon-error);
}
.form-kit__form-field__icon-wrapper--hover.form-kit__form-field__icon-wrapper--disabled {
    fill: var(--form-color-form-field-icon);
    opacity: var(--form-opacity-form-field-icon-disabled);
}
.form-kit__form-field__form-element .form-kit__form-field__label {
    top: 1.25rem;
    pointer-events: none;
    letter-spacing: 0.005em;
    color: var(--form-color-label);
    width: calc(100% - 2rem);
    opacity: var(--form-opacity-label);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    line-height: 1.5rem;
    transition:
        top 0.25s,
        font-size 0.25s;
    position: absolute;
    inset-inline-start: 0;
    overflow: hidden;
}
:lang(ar) .form-kit__form-field__form-element .form-kit__form-field__label {
    line-height: 1.75rem;
}
.form-kit__form-field__form-element .form-kit__form-field__label__placeholder {
    opacity: 1;
    transition: opacity 0.25s;
}
.form-kit__form-field__form-element
    .form-kit__form-field__label--label-elevated {
    font-size: 0.75rem;
    top: 0;
}
.form-kit__form-field__form-element
    .form-kit__form-field__label--label-elevated
    .form-kit__form-field__label__placeholder {
    opacity: 0;
}
.form-kit__form-field__form-element
    .form-kit__form-field__label--label-elevated.form-kit__form-field__label--focus {
    color: var(--form-color-label-elevated-focus);
}
.form-kit__form-field__form-element .form-kit__form-field__label--focus {
    color: var(--form-color-label-focus);
    opacity: var(--form-opacity-label-focus);
    margin-inline-start: var(--form-element-spacing-focus);
    margin-inline-end: var(--form-element-spacing-focus);
}
.form-kit__form-field__form-element
    .form-kit__form-field__label--error.form-kit__form-field__label--label-elevated {
    color: var(--form-color-label-elevated-error);
}
.form-kit__form-field__form-element .form-kit__form-field__label--filled {
    color: var(--form-color-label-filled);
    opacity: var(--form-opacity-label-filled);
}
.form-kit__form-field__form-element .form-kit__form-field__label--disabled {
    opacity: var(--form-opacity-inputfield-disabled);
    cursor: not-allowed;
}
.form-kit__form-field__form-element
    .form-kit__form-field__label--disabled.form-kit__form-field__label--label-elevated,
.form-kit__form-field__form-element
    .form-kit__form-field__label--disabled.form-kit__form-field__label--label-elevated.form-kit__form-field__label--focus {
    color: var(--form-color-label-filled);
}
.form-kit__form-field__form-element
    .form-kit__form-field__label--disabled.form-kit__form-field__label--focus {
    color: var(--form-color-label);
}
.form-kit__form-field__form-element:hover .form-kit__form-field__label {
    opacity: var(--form-opacity-label-hover);
}
.form-kit__form-field__form-element:hover
    .form-kit__form-field__label--focus.form-kit__form-field__label--label-elevated {
    color: var(--form-color-label-elevated-focus);
}
.form-kit__form-field__form-element:hover
    .form-kit__form-field__label--error.form-kit__form-field__label--label-elevated {
    color: var(--form-color-label-elevated-error);
}
.form-kit__form-field__form-element:hover
    .form-kit__form-field__label--disabled {
    color: var(--form-color-label);
    opacity: var(--form-opacity-inputfield-disabled);
}
.form-kit__form-field__form-element:hover
    .form-kit__form-field__label--disabled.form-kit__form-field__label--label-elevated,
.form-kit__form-field__form-element:hover
    .form-kit__form-field__label--disabled.form-kit__form-field__label--label-elevated.form-kit__form-field__label--focus {
    color: var(--form-color-label-filled);
}
.form-kit__form-field__datepicker .form-kit__form-field__form-element__item {
    height: 1.5rem;
}
.form-kit__form-field__datepicker
    .form-kit__form-field__form-element__item-wrapper {
    cursor: pointer;
}
.form-kit__form-field__file-upload-field.form-kit__form-field__form-element {
    margin-bottom: var(--spacing-vertical-l);
}
.form-kit__form-field__file-upload-field.form-kit__form-field__form-element--focus
    .form-kit__form-field__form-element__item-wrapper {
    margin-bottom: 0.25rem;
}
.form-kit__form-field__file-upload-field.form-kit__form-field__form-element--focus
    .form-kit__form-field__form-element__item {
    border-color: var(--form-color-file-upload-border-focus);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item-wrapper {
    border: none;
    margin-bottom: 0.25rem;
    padding-bottom: 0;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__label {
    margin-bottom: var(--spacing-vertical-s);
    letter-spacing: 0.005em;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-frutiger);
    color: var(--form-color-file-upload-label);
    font-style: normal;
    font-weight: 700;
    display: block;
}
:lang(ar)
    .form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__label {
    line-height: 1.75rem;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item {
    border: 0.0625rem dashed var(--form-color-file-upload-border);
    padding: var(--spacing-vertical-m) var(--spacing-horizontal-m);
    cursor: pointer;
    position: relative;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item:hover {
    border-color: var(--form-color-file-upload-border-hover);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item:hover
    .form-kit__form-field__form-element__item__file-upload__icon {
    fill: var(--form-color-file-upload-icon-upload-hover);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item__file-upload {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item__file-upload__content-wrapper {
    align-items: center;
    justify-items: center;
    display: grid;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item__file-upload__icon {
    width: 2.75rem;
    height: 3rem;
    fill: var(--form-color-file-upload-icon-upload);
    margin-bottom: var(--spacing-vertical-xs);
    display: block;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item__file-upload__description-text {
    letter-spacing: 0.005em;
    color: var(--form-color-file-upload-description-text);
    margin-bottom: var(--spacing-vertical-s);
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar)
    .form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item__file-upload__description-text {
    line-height: 2rem;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__item__file-upload__button {
    z-index: 1;
}
.form-kit__form-field__file-upload-field.form-kit__form-field__form-element__file-upload-field--dragging-file
    .form-kit__form-field__form-element__item {
    border-color: var(--form-color-file-upload-border-dragging);
}
.form-kit__form-field__file-upload-field.form-kit__form-field__form-element__file-upload-field--dragging-file
    .form-kit__form-field__form-element__item__file-upload__icon {
    fill: var(--form-color-file-upload-icon-upload-dragging);
}
.form-kit__form-field__file-upload-field.form-kit__form-field__form-element__file-upload-field--dragging-file
    .form-kit__form-field__form-element__item__file-upload__button {
    pointer-events: none;
}
.form-kit__form-field__file-upload-field.form-kit__form-field__form-element--error
    .form-kit__form-field__form-element__item {
    border-color: var(--form-color-file-upload-border-error);
}
.form-kit__form-field__file-upload-field .form-kit__form-field__helper-wrapper {
    margin-bottom: var(--spacing-vertical-s);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list {
    margin-top: var(--spacing-s);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__item {
    grid-column-gap: var(--spacing-horizontal-xs);
    border-bottom: 1px solid var(--form-color-file-upload-file-list-border);
    justify-content: space-between;
    margin-bottom: 1.125rem;
    padding: 1.125rem 0 0.75rem;
    display: flex;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__item__file-size-error {
    border-bottom-color: var(--form-color-file-upload-file-list-border-error);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__file-wrapper {
    letter-spacing: 0.005em;
    color: var(--form-color-file-upload-file-list-file-name);
    flex-direction: column;
    font-size: 1rem;
    line-height: 1.5rem;
    display: flex;
}
:lang(ar)
    .form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__file-wrapper {
    line-height: 1.75rem;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__file-name {
    white-space: nowrap;
    text-overflow: "[...]";
    overflow: hidden;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__file-size-error-message {
    letter-spacing: 0.005em;
    color: var(--color-alert-error);
    font-size: 0.75rem;
    line-height: 1.125rem;
}
:lang(ar)
    .form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__file-size-error-message {
    line-height: 1.375rem;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__file-name-wrapper {
    grid-template-columns: auto 1fr;
    display: grid;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon-wrapper {
    margin-left: var(--spacing-horizontal-m);
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon {
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: var(--spacing-horizontal-s);
    fill: var(--form-color-file-upload-file-list-delete-icon);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon:last-child {
    margin-right: 0;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon:hover {
    fill: var(--form-color-file-upload-file-list-delete-icon-hover);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon:focus,
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon:active {
    fill: var(--form-color-file-upload-file-list-delete-icon-focus);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon:focus-visible {
    background-color: var(--form-color-background-focus);
    outline: none;
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon-error {
    cursor: default;
    fill: var(--form-color-file-upload-icon-upload-error);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon-error:hover {
    fill: var(--form-color-file-upload-icon-upload-error-hover);
}
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon-error:focus,
.form-kit__form-field__file-upload-field
    .form-kit__form-field__form-element__file-upload__file-list__icon-error:active {
    fill: var(--form-color-file-upload-icon-upload-error-focus);
}
.form-kit__form-field__passwordfield .form-kit__form-field__icon-wrapper {
    cursor: pointer;
}
.form-kit__form-field__passwordfield
    .form-kit__form-field__icon-wrapper:first-of-type {
    margin-right: 2rem;
}
.form-kit__form-field__passwordfield.form-kit__form-field__form-element--focus
    .form-kit__form-field__icon-wrapper:first-of-type {
    margin-right: 2.25rem;
}
.form-kit__form-field__passwordfield.form-kit__form-field__form-element--success {
    background: var(--form-background-password-success);
    color: var(--form-color-password-success);
}
.form-kit__form-field__passwordfield--disabled
    .form-kit__form-field__icon-wrapper {
    cursor: not-allowed;
}
.form-kit__form-field__passwordfield__helper-popup {
    box-shadow: var(--elevation-raised);
    z-index: 1;
    display: none;
    position: relative;
    left: 0;
}
@media (min-width: 48rem) {
    .form-kit__form-field__passwordfield__helper-popup {
        position: absolute;
    }
}
.form-kit__form-field__passwordfield__helper-popup--visible {
    display: block;
}
.form-kit__form-field__passwordfield__helper-popup:before {
    box-shadow: var(--elevation-raised);
    background: var(--form-color-password-hint-success);
    content: "";
    z-index: -1;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: -0.5rem;
    left: 3rem;
    transform: rotate(-45deg);
}
.form-kit__form-field__passwordfield__helper-popup__hint-item {
    background: var(--form-color-background-password-hint);
    padding-top: var(--spacing-vertical-s);
    padding-bottom: var(--spacing-vertical-s);
    padding-left: var(--spacing-horizontal-s);
    padding-right: var(--spacing-horizontal-s);
    transition:
        background 0.5s,
        color 0.5s;
    position: relative;
}
.form-kit__form-field__passwordfield__helper-popup__hint-item span {
    padding-right: 2.5rem;
}
.form-kit__form-field__passwordfield__helper-popup__hint-item
    .form-kit__form-field__icon-wrapper {
    top: 0.75rem;
    right: 0.5rem;
}
.form-kit__form-field__passwordfield__helper-popup__hint-item--success {
    background: var(--form-color-background-password-hint-success);
    color: var(--form-color-password-hint-success);
    transition:
        background 0.5s,
        color 0.5s;
}
.form-kit__form-field__passwordfield
    .form-kit__form-field__form-element__item-wrapper {
    border-inline: 0;
    border-top: 0;
}
.form-kit__form-field__radiobutton {
    letter-spacing: 0.005em;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
:lang(ar) .form-kit__form-field__radiobutton {
    line-height: 1.75rem;
}
.form-kit__form-field__radiobutton__text {
    vertical-align: top;
    text-align: start;
    color: var(--form-color-checkbox-fontcolor);
    padding-inline-start: 1.75rem;
    font-size: 1rem;
    display: inline-block;
    position: relative;
}
.form-kit__form-field__radiobutton__text a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.form-kit__form-field__radiobutton__text a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form-kit__form-field__radiobutton__text a:active,
.form-kit__form-field__radiobutton__text a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form-kit__form-field__radiobutton__box {
    opacity: 0;
    position: absolute;
}
.form-kit__form-field__radiobutton__text:before {
    border: 1px solid var(--form-color-checkbox-border-unselected);
    content: "";
    top: 0.2rem;
    background-color: var(--form-color-checkbox-background-unselected);
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    inset-inline-start: 0;
}
.form-kit__form-field__radiobutton__text:hover:before {
    border: 1px solid var(--form-color-checkbox-border-unselected-hover);
    box-shadow: var(--elevation-low);
}
.form-kit__form-field__radiobutton__text:hover:after {
    background-color: var(--form-color-radiobutton-background-selected-hover);
}
.form-kit__form-field__radiobutton__text:after {
    content: "";
    background-color: var(--form-color-radiobutton-background-selected);
    top: 0.5rem;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    position: absolute;
    inset-inline-start: 0.3125rem;
}
.form-kit__form-field__radiobutton__box
    + .form-kit__form-field__radiobutton__text:after {
    content: none;
}
.form-kit__form-field__radiobutton__box:checked
    + .form-kit__form-field__radiobutton__text:after {
    content: "";
}
.form-kit__form-field__radiobutton__box:checked
    + .form-kit__form-field__radiobutton__text:before {
    background-color: var(--form-color-checkbox-background-selected);
    border: 1px solid var(--form-color-checkbox-border-selected);
}
.form-kit__form-field__radiobutton__box:checked
    + .form-kit__form-field__radiobutton__text:hover:before {
    background-color: var(--form-color-checkbox-background-selected-hover);
    border: 1px solid var(--form-color-checkbox-border-selected-hover);
}
.form-kit__form-field__radiobutton :focus {
    outline: 0;
}
.form-kit__form-field__radiobutton__label {
    color: var(--form-color-checkbox-label);
    flex: none;
    font-weight: 700;
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__wrapper {
    cursor: not-allowed;
    pointer-events: none;
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__wrapper:focus {
    background-color: var(
        --form-color-checkbox-background-unselected-focus-disabled
    );
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__wrapper
    .form-kit__form-field__radiobutton__text {
    opacity: var(--form-opacity-checkbox-disabled);
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__wrapper
    .form-kit__form-field__radiobutton__text
    a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__wrapper
    .form-kit__form-field__radiobutton__text
    a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__wrapper
    .form-kit__form-field__radiobutton__text
    a:active,
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__wrapper
    .form-kit__form-field__radiobutton__text
    a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__wrapper
    .form-kit__form-field__radiobutton__text:before {
    background-color: var(--form-color-checkbox-background-unselected-disabled);
    border: 1px solid var(--form-color-checkbox-border-unselected-disabled);
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__label {
    opacity: var(--form-opacity-checkbox-disabled);
    color: var(--form-color-checkbox-font-unselected-disabled);
}
.form-kit__form-field__radiobutton--readonly
    .form-kit__form-field__radiobutton__box:checked
    + .form-kit__form-field__radiobutton__text:before {
    background-color: var(--form-color-checkbox-background-selected);
    border: 1px solid var(--form-color-checkbox-border-selected);
}
.form-kit__form-field__radiobutton--error {
    color: var(--form-color-checkbox-error);
    font-size: 0.75rem;
}
.form-kit__form-field__radiobutton__error
    .form-kit__form-field__radiobutton__text:before {
    border: 1px solid var(--form-color-checkbox-error);
}
.form-kit__form-field--inline .form-kit__form-field__radiobutton__wrapper {
    margin-inline-end: 0.5rem;
    display: inline-block;
}
.form-kit__form-field--inline
    .form-kit__form-field__radiobutton__wrapper:focus-within {
    background-color: var(--form-color-checkbox-background-unselected-focus);
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
    margin-inline: -0.25rem 0.5rem;
    padding-inline: 0.25rem 0;
}
.form-kit__form-field--inline
    .form-kit__form-field__radiobutton__wrapper__wrapper:hover:focus {
    background-color: var(--form-color-checkbox-background-unselected-focus);
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
    margin-inline: -0.25rem;
    padding-inline: 0.25rem;
}
.form-kit__form-field--inline
    .form-kit__form-field__radiobutton__wrapper__wrapper:hover:focus
    .form-kit__form-field__radiobutton__text:before {
    border: 1px solid var(--form-color-checkbox-border-unselected-hover);
}
.form-kit__form-field--inline
    .form-kit__form-field__radiobutton__wrapper__wrapper:hover:focus
    .form-kit__form-field__radiobutton__box:checked
    + .form-kit__form-field__radiobutton__text:before {
    background-color: var(--form-color-checkbox-background-selected-hover);
    border: 1px solid var(--form-color-checkbox-border-selected-hover);
}
.form-kit__form-field--inline
    .form-kit__form-field__radiobutton__wrapper__wrapper:hover:focus
    .form-kit__form-field__radiobutton__box:checked
    + .form-kit__form-field__radiobutton__text:after {
    background-color: var(--form-color-radiobutton-background-selected-hover);
}
.form-kit__form-field--inline .form-kit__form-field__radiobutton__text {
    width: auto;
    margin-inline-end: 0.75rem;
}
.form-kit__form-field__radiobutton__wrapper {
    margin-top: 1.5rem;
}
.form-kit__form-field__radiobutton__wrapper:focus-within {
    background-color: var(--form-color-checkbox-background-unselected-focus);
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
    margin-inline: -0.25rem;
    padding-inline: 0.25rem;
}
.form-kit__form-field__radiobutton__wrapper__wrapper:hover:focus {
    background-color: var(--form-color-checkbox-background-unselected-focus);
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
    margin-inline: -0.25rem;
    padding-inline: 0.25rem;
}
.form-kit__form-field__radiobutton__wrapper__wrapper:hover:focus
    .form-kit__form-field__radiobutton__text:before {
    border: 1px solid var(--form-color-checkbox-border-unselected-hover);
}
.form-kit__form-field__radiobutton__wrapper__wrapper:hover:focus
    .form-kit__form-field__radiobutton__box:checked
    + .form-kit__form-field__radiobutton__text:before {
    background-color: var(--form-color-checkbox-background-selected-hover);
    border: 1px solid var(--form-color-checkbox-border-selected-hover);
}
.form-kit__form-field__radiobutton__wrapper__wrapper:hover:focus
    .form-kit__form-field__radiobutton__box:checked
    + .form-kit__form-field__radiobutton__text:after {
    background-color: var(--form-color-radiobutton-background-selected-hover);
}
.formItem.form__field.radioButtonGroup.readonly
    .form-kit__form-field__radiobutton__label {
    opacity: var(--form-opacity-checkbox-disabled);
}
.form-kit__form-field__drop-down__selectbox {
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
}
.form-kit__form-field__drop-down__type-ahead__searchfield {
    border: none;
    border-bottom: 0.0625rem solid
        var(--form-color-selectfield-type-ahead-border-bottom);
    padding-top: 1rem;
    padding-bottom: 0.75rem;
    width: 100%;
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.005em;
    color: var(--form-color-selectfield-type-ahead);
    background-color: transparent;
    outline: none;
    margin-bottom: 0.0625rem;
    padding-inline: 0 2rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
}
:lang(ar) .form-kit__form-field__drop-down__type-ahead__searchfield {
    line-height: 1.375rem;
}
.form-kit__form-field__drop-down__type-ahead__searchfield::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder);
    opacity: 1;
}
.form-kit__form-field__drop-down__type-ahead__searchfield::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder);
    opacity: 1;
}
.form-kit__form-field__drop-down__type-ahead__searchfield::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder);
    opacity: 1;
}
.form-kit__form-field__drop-down__type-ahead__searchfield:hover {
    border-bottom-color: var(
        --form-color-selectfield-type-ahead-border-bottom-hover
    );
}
.form-kit__form-field__drop-down__type-ahead__searchfield:hover::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder-hover);
}
.form-kit__form-field__drop-down__type-ahead__searchfield:hover::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder-hover);
}
.form-kit__form-field__drop-down__type-ahead__searchfield:hover::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder-hover);
}
.form-kit__form-field__drop-down__type-ahead__searchfield:hover
    + .form-kit__form-field__drop-down__type-ahead__searchfield__icon-wrapper
    .form-kit__form-field__icon-wrapper {
    fill: var(--form-color-selectfield-type-ahead-icon-hover);
}
.form-kit__form-field__drop-down__type-ahead__searchfield:focus {
    border-bottom-color: var(
        --form-color-selectfield-type-ahead-border-bottom-focus
    );
    border-bottom-width: 0.125rem;
    margin-bottom: 0;
}
.form-kit__form-field__drop-down__type-ahead__searchfield:focus::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder-hover);
}
.form-kit__form-field__drop-down__type-ahead__searchfield:focus::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder-hover);
}
.form-kit__form-field__drop-down__type-ahead__searchfield:focus::placeholder {
    color: var(--form-color-selectfield-type-ahead-placeholder-hover);
}
.form-kit__form-field__drop-down__type-ahead__searchfield:focus
    + .form-kit__form-field__drop-down__type-ahead__searchfield__icon-wrapper
    .form-kit__form-field__icon-wrapper {
    fill: var(--form-color-selectfield-type-ahead-icon-hover);
}
.form-kit__form-field__drop-down__type-ahead__searchfield-wrapper {
    background-color: var(--form-color-selectfield-bg-options);
    padding-inline-start: var(--spacing-horizontal-s);
    padding-inline-end: var(--spacing-horizontal-s);
    opacity: var(--form-color-selectfield-type-ahead-opacity);
    padding-bottom: 0;
}
.form-kit__form-field__drop-down__type-ahead__searchfield__icon-wrapper
    .form-kit__form-field__icon-wrapper {
    width: 1rem;
    height: 1rem;
    fill: var(--form-color-selectfield-type-ahead-icon);
    opacity: 1;
    pointer-events: none;
    margin-inline-end: var(--spacing-horizontal-s);
}
.form-kit__form-field__drop-down__type-ahead__searchfield__icon-wrapper--filled
    .form-kit__form-field__icon-wrapper {
    cursor: pointer;
    pointer-events: auto;
    fill: var(--form-color-selectfield-type-ahead-icon-hover);
}
.form-kit__form-field__drop-down__multi__selected-items {
    max-width: 100%;
    position: relative;
}
.form-kit__form-field__drop-down__multi__selected-items__wrapper {
    flex-direction: row;
    margin: 0.25rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    position: absolute;
}
.form-kit__form-field__drop-down__multi__selected-items__wrapper
    .form-kit__form-field__drop-down__multi__selected-items__item {
    margin-right: var(--spacing-horizontal-xs);
    padding: 0.3125rem var(--spacing-vertical-xs);
    background-color: var(
        --form-color-selectfield-multi-selected-items-background
    );
    white-space: nowrap;
    letter-spacing: 0.005em;
    color: var(--form-color-selectfield-multi-selected-items-font-color);
    border-radius: 0.874rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    display: flex;
}
:lang(ar)
    .form-kit__form-field__drop-down__multi__selected-items__wrapper
    .form-kit__form-field__drop-down__multi__selected-items__item {
    line-height: 1.375rem;
}
.form-kit__form-field__drop-down__multi__selected-items__wrapper
    .form-kit__form-field__drop-down__multi__selected-items__item__label {
    color: var(--form-color-selectfield-multi-selected-items-font-color);
    margin-right: 0.75rem;
}
.form-kit__form-field__drop-down__multi__selected-items__wrapper
    .form-kit__form-field__drop-down__multi__selected-items__item__label--counter-invisible-items {
    margin-right: 0;
}
.form-kit__form-field__drop-down__multi__selected-items__wrapper
    .form-kit__form-field__drop-down__multi__selected-items__item
    .form-kit__form-field__icon-wrapper {
    pointer-events: all;
    width: 1rem;
    height: 1rem;
    fill: var(--form-color-selectfield-multi-selected-items-icon);
    margin-top: 0.0625rem;
    transition: none;
    position: static;
    transform: rotate(0);
}
.form-kit__form-field__drop-down__multi__selected-items__wrapper
    .form-kit__form-field__drop-down__multi__selected-items__item
    .form-kit__form-field__icon-wrapper--focus,
.form-kit__form-field__drop-down__multi__selected-items__wrapper
    .form-kit__form-field__drop-down__multi__selected-items__item:last-child {
    margin-right: 0;
}
.form-kit__form-field__drop-down__multi.form-kit__form-field__form-element--focus
    .form-kit__form-field__drop-down__multi__selected-items__item {
    background-color: var(
        --form-color-selectfield-multi-selected-items-background-error
    );
    color: var(--form-color-selectfield-multi-selected-items-font-color-error);
}
.form-kit__form-field__drop-down__multi.form-kit__form-field__form-element--focus
    .form-kit__form-field__drop-down__multi__selected-items__item__label {
    color: var(--form-color-selectfield-multi-selected-items-font-color-error);
}
.form-kit__form-field__drop-down__multi.form-kit__form-field__form-element--focus
    .form-kit__form-field__drop-down__multi__selected-items__item
    .form-kit__form-field__icon-wrapper {
    fill: var(--form-color-selectfield-multi-selected-items-icon-error);
}
.form-kit__form-field__textarea__item.form-kit__form-field__textarea__item--height-3 {
    height: 5.5rem;
}
.form-kit__form-field__textarea__item.form-kit__form-field__textarea__item--height-4 {
    height: 7rem;
}
.form-kit__form-field__textarea__item.form-kit__form-field__textarea__item--height-5 {
    height: 8.5rem;
}
.form-kit__form-field__textarea__item.form-kit__form-field__textarea__item--height-6 {
    height: 10rem;
}
.location-direction-form {
    background-color: var(--bg-color-secondary);
    margin-bottom: var(--spacing-vertical-s);
    z-index: 4;
    position: relative;
}
.location-direction-form:after {
    content: "";
    top: 0;
    bottom: 0;
    left: calc(var(--spacing-horizontal-m) * -1);
    right: calc(var(--spacing-horizontal-m) * -1);
    background-color: var(--bg-color-secondary);
    z-index: -1;
    display: block;
    position: absolute;
}
@media (min-width: 48rem) {
    .location-direction-form:after {
        content: none;
    }
}
.location-direction-form__content {
    padding-top: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-l);
    flex-wrap: wrap;
    display: flex;
}
@media (min-width: 48rem) {
    .location-direction-form__content {
        padding-left: calc(var(--spacing-horizontal-m) / 2);
        padding-right: calc(var(--spacing-horizontal-m) / 2);
    }
}
.location-direction-form__headline {
    margin-bottom: var(--spacing-vertical-m);
    display: block;
}
@media (min-width: 48rem) {
    .location-direction-form__headline {
        display: none;
    }
}
.location-direction-form__column {
    flex: 1 0 100%;
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 48rem) {
    .location-direction-form__column {
        padding-left: calc(var(--spacing-horizontal-m) / 2);
        padding-right: calc(var(--spacing-horizontal-m) / 2);
        flex: 0 0 50%;
    }
}
@media (min-width: 64rem) {
    .location-direction-form__column {
        flex: 0 0 33.3333%;
    }
}
.location-direction-form__loading {
    z-index: 3;
    background-color: rgb(var(--color-white) 0.5);
    position: absolute;
    inset: 0;
}
.location-direction-list {
    height: 100%;
    position: relative;
}
.location-direction-list__list {
    height: auto;
}
.location-direction-list .divider {
    margin: 0;
}
.location-direction-list .loading-spinner {
    background-color: rgb(var(--color-white) 0.5);
}
@media (min-width: 64rem) {
    .location-direction-list__scroll {
        box-sizing: content-box;
        height: calc(100% - 0.25rem);
        overflow-y: scroll;
    }
}
.location-direction-details__entry--spacing {
    padding-top: var(--spacing-vertical-s);
}
.location-direction-details__address {
    overflow: hidden;
}
.location-direction-details__address .location-direction-details__entry {
    line-height: 1.5;
}
.location-direction-details__contact {
    overflow: hidden;
}
.location-direction-details__contact .location-direction-details__entry {
    padding-top: var(--spacing-vertical-m);
}
@media (min-width: 48rem) {
    .location-direction-details__contact .location-direction-details__entry {
        padding-top: var(--spacing-vertical-xs);
    }
}
.location-direction-details__contact
    .location-direction-details__entry:first-of-type {
    padding-top: 0;
}
.location-direction-details__entry {
    display: block;
}
.location-direction-details__entry .button-link {
    display: inline-block;
}
.location-direction-details__entry .button-link a {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
.location-direction-details__entry--link-non-clickable a {
    cursor: default;
    pointer-events: none;
}
.location-direction-details__label {
    margin-bottom: var(--spacing-vertical-xs);
    color: var(--button-tertiary-text-default);
    padding-left: 1.75rem;
    font-weight: 500;
    display: block;
}
.location-direction-details--overlay .grid__structure {
    grid-template-columns: repeat(2, 1fr);
}
.location-direction-details--overlay .location-direction-details__address,
.location-direction-details--overlay .location-direction-details__contact {
    grid-column: span 1;
}
.location-direction-details--list .location-direction-details__address {
    grid-column: 1/-1;
}
.location-direction-details--list .location-direction-details__contact {
    grid-column: 1/-1;
    margin-top: 1.5rem;
}
@media (min-width: 48rem) {
    .location-direction-details--list .grid__structure {
        grid-template-columns: repeat(2, 1fr);
    }
    .location-direction-details--list .location-direction-details__address {
        grid-column: span 1;
    }
    .location-direction-details--list .location-direction-details__contact {
        grid-column: span 1;
        margin-top: 0;
    }
}
.location-direction-item-button {
    width: 100%;
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
    padding-left: 0.125rem;
    padding-right: 0.125rem;
    text-decoration: none;
    display: block;
}
.location-direction-item-button--hover,
.location-direction-item-button--active {
    background-color: var(--bg-color-secondary);
}
.location-direction-item-details {
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
}
@media (min-width: 22.5rem) and (max-width: 47.9375rem) {
    .location-direction-item-details {
        padding-top: var(--spacing-vertical-l);
        padding-bottom: var(--spacing-vertical-l);
    }
}
.location-direction-item-details__content {
    padding-top: var(--spacing-vertical-m);
}
.location-direction-item-details .headline__sub,
.location-direction-item-button .headline__sub {
    margin-top: var(--spacing-vertical-xs);
}
.location-direction-list__item:first-of-type .location-direction-item-button {
    padding-top: var(--spacing-vertical-l);
}
.location-direction-list__item:last-of-type .location-direction-item-button {
    padding-bottom: var(--spacing-vertical-l);
}
.location-direction-map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.location-direction-map--consent-overlay {
    width: 100%;
    height: 100%;
    position: relative;
}
.location-direction-map--fallback-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.location-direction-details-overlay {
    background-color: var(--bg-color-secondary);
    z-index: 2;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.location-direction-details-overlay--mode-hover {
    z-index: 3;
}
.location-direction-details-overlay__content {
    padding-top: var(--spacing-vertical-l);
    padding-left: var(--spacing-horizontal-l);
    padding-right: var(--spacing-horizontal-l);
    padding-bottom: var(--spacing-vertical-l);
    border-top: 1px solid var(--bg-color-light-03);
    border-bottom: 1px solid var(--bg-color-light-03);
    position: relative;
}
.location-direction-details-overlay__details {
    padding-top: var(--spacing-vertical-m);
}
.location-direction-details-overlay__button-close {
    top: var(--spacing-vertical-s);
    right: var(--spacing-horizontal-s);
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: absolute;
}
.location-direction-details-overlay__button-close svg {
    fill: var(--text-color-headlines);
    transition: fill 0.25s ease-in-out;
}
.location-direction-details-overlay__button-close:hover svg {
    fill: var(--interaction-color-hover);
}
.location-direction-details-overlay__button-close .icon {
    width: 100%;
}
@media (min-width: 80rem) {
    .location-direction-details-overlay__content {
        padding-left: var(--spacing-horizontal-xxl);
        padding-right: var(--spacing-horizontal-xxl);
    }
}
.article-overview-article-list {
    border-bottom: 2px solid var(--border-color-active);
    width: 100%;
    min-height: 12.5rem;
    margin-top: var(--spacing-vertical-l);
    position: relative;
}
.article-overview-article-list__backdrop {
    -webkit-backdrop-filter: blur(0.188rem);
    backdrop-filter: blur(0.188rem);
    z-index: 999;
    text-align: center;
    color: var(--form-color-font-error);
    padding-top: 1rem;
    font-weight: 700;
    position: absolute;
    inset: 0;
}
.article-overview-article-list__backdrop-load-more {
    bottom: 5rem;
}
.article-overview-article-list__items {
    transition: height 0.5s ease-in-out;
    overflow: hidden;
}
.article-overview-article-list__items--list .grid__structure {
    grid-template-columns: repeat(12, 1fr);
    align-items: flex-start;
}
.article-overview-article-list__items--list .grid__structure:hover .headline {
    text-decoration: underline;
}
@media (min-width: 64rem) {
    .article-overview-article-list__items--list .grid__structure {
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}
.article-overview-article-list__items--list
    .article-teaser-item__image-wrapper--grid__column {
    grid-column: span 4;
}
.article-overview-article-list__items--list .article-teaser-item__image {
    margin-bottom: 0;
}
.article-overview-article-list__items--list
    .lazy-image--ratio-1_1
    .lazy-image__image {
    width: auto;
    max-width: none;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}
.article-overview-article-list__items--list
    .article-teaser-item__content-wrapper {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
}
.article-overview-article-list__items--list
    .article-teaser-item__content-wrapper--grid__column {
    grid-column: span 8;
}
.article-overview-article-list__items--list .article-teaser-item__content-text {
    word-break: break-word;
}
.article-overview-article-list__items--list .article-teaser-item__media-tag {
    bottom: 0;
}
.article-overview-article-list__items--list .article-teaser-item__text {
    display: none;
}
@media (min-width: 48rem) {
    .article-overview-article-list__items--list .article-teaser-item__text {
        display: block;
    }
}
.article-overview-article-list__loading {
    z-index: -1;
    opacity: 0;
    background-color: transparent;
    transition:
        background-color 0.25s ease-in-out,
        opacity 0.25s ease-in-out;
    display: flex;
    position: absolute;
    inset: 0;
}
.article-overview-article-list--loading
    .article-overview-article-list__loading {
    z-index: 1;
    opacity: 1;
    background-color: rgb(var(--color-white) 0.5);
}
.article-overview-article-list__pagination {
    border-top: 1px solid var(--border-subtle);
    padding-top: var(--spacing-vertical-xs);
    padding-bottom: var(--spacing-vertical-xs);
    flex-direction: row;
    justify-content: center;
    display: flex;
}
.article-overview-article-list__pagination .button-link {
    padding-left: var(--spacing-horizontal-xs);
    padding-right: var(--spacing-horizontal-xs);
}
.article-overview-article-list__pagination .button-link--icon {
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 100%;
    display: flex;
}
.article-overview-article-list__pagination .button-link--icon:hover,
.article-overview-article-list__pagination .button-link--icon:focus,
.article-overview-article-list__pagination .button-link--icon:active {
    background-color: var(--color-white);
}
@media (min-width: 64rem) {
    .article-overview-article-list__pagination .button-link--icon {
        width: 1.5rem;
    }
}
.article-overview-article-list__pagination .button-link .icon {
    width: 1rem;
    height: 1rem;
}
.article-overview-article-list__pagination .button-link__disabled {
    pointer-events: none;
    opacity: 0.4;
}
.article-overview-article-list__pagination .button-link__content:after {
    display: none;
}
.article-overview-article-list__pagination .button-link:first-child,
.article-overview-article-list__pagination .button-link:nth-child(2) {
    border-left: 1px solid var(--border-subtle);
}
.article-overview-article-list__pagination .button-link:nth-child(4),
.article-overview-article-list__pagination .button-link:nth-child(5) {
    border-right: 1px solid var(--border-subtle);
}
.article-overview-article-list__pagination .button-link__content {
    gap: unset;
}
.article-overview-article-list__pagination__list {
    border-left: 1px solid var(--border-subtle);
    border-right: 1px solid var(--border-subtle);
    padding-left: var(--spacing-horizontal-s);
    padding-right: var(--spacing-horizontal-s);
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    display: flex;
}
.article-overview-article-list__pagination__list
    .article-overview-article-list__pagination-info {
    justify-content: center;
    align-items: center;
    display: flex;
}
.article-overview-article-list__pagination__list
    .article-overview-article-list__pagination-info
    .form-kit__form-field__drop-down {
    margin-bottom: 0;
    margin-left: var(--spacing-horizontal-xs);
    margin-right: var(--spacing-horizontal-xs);
    min-width: var(--spacing-horizontal-xxxl);
}
.article-overview-article-list__pagination__list
    .article-overview-article-list__pagination-info
    .form-kit__form-field__drop-down
    .form-kit__form-field__label {
    font-size: 0.75rem;
}
.article-overview-article-list__list-item {
    margin-bottom: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
    border-bottom: 1px solid var(--bg-color-light-04);
    grid-column: 1/-1;
}
.article-overview-article-list__list-item:last-of-type {
    border-bottom: none;
}
.article-overview-article-list__item {
    margin-bottom: var(--spacing-vertical-l);
    grid-column: 1/-1;
    display: flex;
}
.article-overview-article-list .result-info {
    z-index: 2;
    padding-bottom: 0.1875rem;
}
@media (min-width: 48rem) {
    .article-overview-article-list__item {
        grid-column: span 3;
    }
    .article-overview-article-list__pagination__list {
        font-size: inherit;
    }
    .article-overview-article-list__pagination__list
        .article-overview-article-list__pagination-info
        .form-kit__form-field__drop-down {
        min-width: calc(var(--spacing-horizontal-xxxl) * 1.5);
    }
    .article-overview-article-list__pagination__list
        .article-overview-article-list__pagination-info
        .form-kit__form-field__drop-down
        .form-kit__form-field__label {
        font-size: 1rem;
    }
}
@media (min-width: 64rem) {
    .article-overview-article-list__item {
        grid-column: span 4;
    }
    .article-overview-article-list__pagination .button-link {
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
        flex: 0 auto;
    }
    .article-overview-article-list__pagination .button-link .icon {
        width: 1.5rem;
        height: 1.5rem;
    }
    .article-overview-article-list__pagination__list {
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
    }
}
.article-overview-article-list__item:not(:last-of-type)
    .article-teaser-item--compact {
    padding-bottom: var(--spacing-vertical-s);
    margin-bottom: var(--spacing-vertical-s);
    border-bottom: 1px solid var(--bg-color-light-04);
}
@media (min-width: 64rem) {
    .article-overview-article-list__item:not(:last-of-type)
        .article-teaser-item--compact {
        margin-bottom: var(--spacing-vertical-l);
        border-bottom: none;
        padding-bottom: 0;
    }
}
.article-teaser-item--overview {
    margin-bottom: var(--spacing-vertical-l);
}
.article-teaser-item--compact .article-teaser-item__content-link {
    gap: var(--spacing-horizontal-xs);
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
@media (min-width: 48rem) {
    .article-teaser-item--compact .article-teaser-item__content-link {
        gap: unset;
        align-items: unset;
        justify-content: unset;
        flex-direction: column;
    }
}
.article-teaser-item--compact .article-teaser-item__image-wrapper {
    flex: 0 0 7.25rem;
    align-items: flex-start;
}
.article-teaser-item--compact .article-teaser-item__image {
    margin-bottom: 0;
}
@media (min-width: 64rem) {
    .article-teaser-item--compact .article-teaser-item__image {
        margin-bottom: var(--spacing-vertical-xs);
    }
}
.article-teaser-item--compact .lazy-image--ratio-1_1 .lazy-image__image {
    width: auto;
    max-width: none;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}
.article-teaser-item--compact .article-teaser-item__content-wrapper {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
}
.article-teaser-item--compact .article-teaser-item__content-text {
    word-break: break-word;
}
.article-teaser-item--compact .article-teaser-item__text {
    display: none;
}
@media (min-width: 48rem) {
    .article-teaser-item--compact .article-teaser-item__text {
        display: block;
    }
}
.svg-scale-wrapper {
    padding-bottom: 100%;
}
.article-overview-suggested-articles {
    margin-top: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-l);
    border-bottom: 1px solid var(--border-color-inactive);
}
.article-overview-suggested-articles__headline {
    border-left: 2px solid var(--border-color-inactive);
    padding-left: var(--spacing-horizontal-xs);
}
.article-overview-suggested-articles .grid__column--blockbuster {
    margin-bottom: var(--spacing-vertical-s);
    grid-column: span 12;
}
@media (min-width: 64rem) {
    .article-overview-suggested-articles .grid__column--blockbuster {
        grid-column: span 8;
        margin-bottom: 0;
    }
}
.article-overview-suggested-articles
    .grid__column--blockbuster
    .article-teaser-item__image-wrapper {
    margin-bottom: var(--spacing-vertical-s);
}
.article-overview-suggested-articles
    .grid__column--blockbuster
    .article-teaser-item__eyebrow {
    padding-bottom: var(--spacing-vertical-xs);
}
.article-overview-suggested-articles .grid__column--blockbuster .headline {
    letter-spacing: 0.015em;
    font-size: 2rem;
    font-weight: 750;
    line-height: 2.25rem;
}
:lang(ar)
    .article-overview-suggested-articles
    .grid__column--blockbuster
    .headline {
    line-height: 3rem;
}
@media (min-width: 48rem) {
    .article-overview-suggested-articles .grid__column--blockbuster .headline {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar)
        .article-overview-suggested-articles
        .grid__column--blockbuster
        .headline {
        line-height: 4rem;
    }
}
@media (min-width: 64rem) {
    .article-overview-suggested-articles .grid__column--blockbuster .headline {
        letter-spacing: 0.015em;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    :lang(ar)
        .article-overview-suggested-articles
        .grid__column--blockbuster
        .headline {
        line-height: 4rem;
    }
}
@media (min-width: 80rem) {
    .article-overview-suggested-articles .grid__column--blockbuster .headline {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar)
        .article-overview-suggested-articles
        .grid__column--blockbuster
        .headline {
        line-height: 4.75rem;
    }
}
@media (min-width: 90rem) {
    .article-overview-suggested-articles .grid__column--blockbuster .headline {
        letter-spacing: 0.015em;
        font-size: 3rem;
        line-height: 3.25rem;
    }
    :lang(ar)
        .article-overview-suggested-articles
        .grid__column--blockbuster
        .headline {
        line-height: 4.75rem;
    }
}
.article-overview-suggested-articles
    .grid__column--blockbuster
    .article-teaser-item__text {
    padding-top: var(--spacing-vertical-s);
}
.article-overview-suggested-articles .grid__column--articles {
    flex-flow: column;
    grid-column: span 12;
    display: flex;
}
@media (min-width: 64rem) {
    .article-overview-suggested-articles .grid__column--articles {
        flex-direction: row;
        grid-column: span 4;
    }
}
.article-overview-suggested-articles .grid__column--articles .headline {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
:lang(ar)
    .article-overview-suggested-articles
    .grid__column--articles
    .headline {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .article-overview-suggested-articles .grid__column--articles .headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar)
        .article-overview-suggested-articles
        .grid__column--articles
        .headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 64rem) {
    .article-overview-suggested-articles .grid__column--articles .headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar)
        .article-overview-suggested-articles
        .grid__column--articles
        .headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 80rem) {
    .article-overview-suggested-articles .grid__column--articles .headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar)
        .article-overview-suggested-articles
        .grid__column--articles
        .headline {
        line-height: 2.375rem;
    }
}
@media (min-width: 90rem) {
    .article-overview-suggested-articles .grid__column--articles .headline {
        letter-spacing: 0.01em;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    :lang(ar)
        .article-overview-suggested-articles
        .grid__column--articles
        .headline {
        line-height: 2.375rem;
    }
}
.article-overview-suggested-articles__events {
    flex-direction: column;
    width: 100%;
    display: flex;
}
@media (min-width: 48rem) {
    .article-overview-suggested-articles__events {
        gap: var(--spacing-horizontal-m);
        padding-top: var(--spacing-vertical-m);
        border-top: 1px solid var(--bg-color-light-04);
        flex-direction: row;
    }
}
@media (min-width: 64rem) {
    .article-overview-suggested-articles__events {
        gap: unset;
        border-top: none;
        flex-direction: column;
        padding-top: 0;
    }
}
.article-overview-suggested-articles__events .article-teaser-item {
    flex: 1;
}
.article-overview-suggested-articles__events
    .article-teaser-item:first-of-type {
    margin-bottom: var(--spacing-vertical-m);
    padding-top: var(--spacing-vertical-m);
    padding-bottom: var(--spacing-vertical-m);
    border-top: 1px solid var(--bg-color-light-04);
    border-bottom: 1px solid var(--bg-color-light-04);
}
@media (min-width: 48rem) {
    .article-overview-suggested-articles__events
        .article-teaser-item:first-of-type {
        border-top: none;
        border-bottom: none;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 64rem) {
    .article-overview-suggested-articles__events
        .article-teaser-item:first-of-type {
        margin-bottom: var(--spacing-vertical-m);
        padding-top: 0;
        padding-bottom: var(--spacing-vertical-m);
        border-top: none;
        border-bottom: 1px solid var(--bg-color-light-04);
    }
}
.article-overview-suggested-articles__events
    .article-teaser-item
    .article-teaser-item__text {
    display: none;
}
.event-calendar-event-list .headline {
    margin-top: var(--spacing-vertical-xxl);
    text-align: center;
}
.event-calendar-event-list .headline-filter {
    margin-top: var(--spacing-vertical-l);
}
.event-calendar-event-list__item {
    margin-top: var(--spacing-vertical-l);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
}
@media (min-width: 64rem) {
    .event-calendar-event-list__item {
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
    .event-calendar-event-list__item .event-calendar-item {
        grid-column: 1/8 span;
    }
}
.event-calendar-item__content .headline {
    margin-top: 0;
    margin-bottom: var(--spacing-vertical-xs);
    text-align: left;
}
.event-calendar-item__content .button-link {
    margin-top: var(--spacing-vertical-s);
}
.result-info {
    align-items: baseline;
    display: flex;
    position: relative;
}
.result-info__results {
    letter-spacing: 0.005em;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: var(--font-family-frutiger);
    color: var(--headline-color);
    margin-left: var(--spacing-horizontal-xs);
    font-style: normal;
    font-weight: 700;
}
:lang(ar) .result-info__results {
    line-height: 2rem;
}
@media (min-width: 48rem) {
    .result-info__results {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .result-info__results {
        line-height: 2rem;
    }
}
@media (min-width: 64rem) {
    .result-info__results {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .result-info__results {
        line-height: 2rem;
    }
}
@media (min-width: 80rem) {
    .result-info__results {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .result-info__results {
        line-height: 2rem;
    }
}
@media (min-width: 90rem) {
    .result-info__results {
        letter-spacing: 0.005em;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    :lang(ar) .result-info__results {
        line-height: 2rem;
    }
}
.result-info__loading {
    flex-direction: row;
    align-items: center;
    display: flex;
}
.result-info__loading-label {
    padding-right: var(--spacing-horizontal-s);
    flex: none;
    display: flex;
}
.result-info__loading-spinner {
    position: relative;
}
.result-info__loading-spinner .loading-spinner {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
}
.location-direction-app {
    position: relative;
}
.location-direction-app__map-details {
    width: 100%;
    height: 100%;
    position: relative;
}
.location-direction-app__map {
    background-color: var(--bg-color-secondary);
    width: 100%;
    height: 100%;
    position: relative;
}
.location-direction-app__map .consent-overlay {
    z-index: 1;
}
.location-direction-app__details {
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.location-direction-app__details--consent {
    height: 100%;
}
.location-direction-app__column-result-bar {
    margin-bottom: var(--spacing-vertical-l);
    grid-column: 1/-1;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.location-direction-app__column-list {
    grid-column: 1/-1;
}
.location-direction-app__results,
.location-direction-app__reset {
    display: flex;
}
@media (min-width: 64rem) {
    .location-direction-app__column-list {
        grid-column: 1 / span 5;
        height: 70vh;
        min-height: 34rem;
        overflow: hidden;
    }
    .location-direction-app__column-map {
        grid-column: 6/-1;
        height: 70vh;
        min-height: 34rem;
        overflow: hidden;
    }
    .location-direction-app__list {
        height: 100%;
    }
}
@media (min-width: 64rem) {
    .article-overview-filters__structure {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
}
.article-overview-filters__column {
    grid-column: 1/-1;
}
.article-overview-filters__column .input_icon {
    width: 1.25rem;
    fill: var(--border-color-inactive);
    position: absolute;
    top: 1.563rem;
    right: 0;
}
.article-overview-filters__column .input_icon--active,
.article-overview-filters__column:hover .input_icon {
    fill: var(--border-color-active);
    cursor: pointer;
}
.article-overview-filters__filter-container--expandable {
    transition: height 0.5s ease-in-out;
    overflow: hidden;
}
@media (min-width: 64rem) {
    .article-overview-filters__filter-container--expandable
        .article-overview-filters__structure {
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}
.article-overview-filters__actions-container {
    margin-top: var(--spacing-vertical-s);
    flex-flow: column-reverse wrap;
    flex: 1 0 100%;
    display: flex;
}
.article-overview-filters__actions {
    flex-direction: row;
    flex: auto;
    justify-content: space-between;
    align-items: baseline;
    display: flex;
}
@media (min-width: 48rem) {
    .article-overview-filters__actions {
        flex-direction: column-reverse;
        justify-content: flex-start;
    }
}
.article-overview-filters__actions--right {
    margin-bottom: var(--spacing-vertical-m);
    flex-direction: row;
    flex: 1 0 100%;
    justify-content: flex-end;
}
.article-overview-filters__actions--left .button-link--icon {
    padding-bottom: 0;
}
.article-overview-filters__actions .button-toggle {
    margin-left: var(--spacing-horizontal-s);
}
.article-overview-filters__actions .result-info__results {
    font-size: var(--font-size-hl-1000);
}
@media (min-width: 48rem) {
    .article-overview-filters__actions .result-info__results {
        font-size: var(--font-size-hl-1250);
    }
    .article-overview-filters__column {
        grid-column: span 3;
    }
    .article-overview-filters__actions-container {
        flex-direction: row;
    }
    .article-overview-filters__actions {
        flex-direction: row;
        align-items: baseline;
    }
    .article-overview-filters__actions--right {
        flex: auto;
        justify-content: flex-end;
        justify-self: flex-end;
        margin-bottom: 0;
    }
    .article-overview-filters__actions--left .button-link {
        margin-left: var(--spacing-horizontal-s);
    }
}
.event-calendar-filters {
    background-color: var(--bg-color-secondary);
    padding-top: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-l);
    z-index: 2;
    position: relative;
}
@media (min-width: 48rem) {
    .event-calendar-filters {
        padding-left: var(--spacing-horizontal-m);
        padding-right: var(--spacing-horizontal-m);
    }
}
.event-calendar-filters:after {
    content: "";
    top: 0;
    bottom: 0;
    left: calc(var(--spacing-horizontal-m) * -1);
    right: calc(var(--spacing-horizontal-m) * -1);
    background-color: var(--bg-color-secondary);
    z-index: -1;
    display: block;
    position: absolute;
}
@media (min-width: 48rem) {
    .event-calendar-filters:after {
        content: none;
    }
}
.event-calendar-filters__toggler {
    display: block;
}
@media (min-width: 48rem) {
    .event-calendar-filters__toggler {
        display: none;
    }
}
.event-calendar-filters__headline {
    margin-bottom: var(--spacing-vertical-m);
    display: block;
}
@media (min-width: 48rem) {
    .event-calendar-filters__headline {
        display: none;
    }
}
.event-calendar-filters__column {
    grid-column: 1/-1;
}
.event-calendar-filters__actions {
    align-items: center;
    display: flex;
}
.event-calendar-filters__actions-container {
    margin-top: var(--spacing-vertical-s);
    flex-direction: column-reverse;
    justify-content: flex-start;
    display: flex;
}
@media (min-width: 48rem) {
    .event-calendar-filters__column {
        grid-column: span 3;
    }
    .event-calendar-filters__actions-container {
        flex-direction: row;
    }
    .event-calendar-filters__actions-reset-filter {
        margin-left: var(--spacing-horizontal-s);
    }
    .event-calendar-filters__actions .button-toggle {
        margin-left: var(--spacing-horizontal-l);
    }
}
@media (min-width: 64rem) {
    .event-calendar-filters
        .grid__structure--three-columns
        .event-calendar-filters__column {
        grid-column: span 4;
    }
}
.search-result-list__row {
    padding-bottom: var(--spacing-vertical-m);
    flex-direction: column;
    display: flex;
}
.search-result-list__row:last-of-type hr {
    display: none;
}
.search-result-list__row a {
    margin-bottom: var(--spacing-vertical-m);
    color: inherit;
    text-decoration: none;
}
.search-result-list__row a .headline__main {
    color: var(--color-information-95);
}
.search-result-list__row a .button__text {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(
        transparent calc(100% - var(--border-width-s)),
        var(--button-link-underline-default) var(--border-width-s)
    );
    font-weight: 700;
    transition: background-size 0.75s ease-in-out;
}
[dir="rtl"] .search-result-list__row a .button__text {
    background-position-x: right;
}
:lang(ar) .search-result-list__row a .button__text {
    background-position-y: -0.1875rem;
}
.search-result-list__row a .button__text em {
    background-color: var(--bg-color-light-04);
    mix-blend-mode: multiply;
}
.search-result-list__row a:hover .headline__main {
    color: var(--interaction-color-hover);
}
.search-result-list__row a:hover .button__text {
    background-size: 100% 100%;
}
.search-result-list__row-wrapper {
    gap: var(--spacing-vertical-m);
    flex-direction: row;
    justify-content: space-between;
    min-width: 0;
    display: flex;
}
.search-result-list__row-content {
    flex: 1;
    min-width: 0;
}
.search-result-list__row .button-link {
    color: var(--text-color-headlines);
}
.search-result-list__row .search-result__data-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    line-height: normal;
    display: block;
    overflow: hidden;
}
.search-result-list__row .search-result__data-link .button-link__content {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}
.search-result-list__row-text {
    width: 100%;
    margin: 0 0 var(--spacing-vertical-xs) 0;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    grid-column: 1/2 span;
    display: -webkit-box;
    overflow: hidden;
}
.search-result-list__row-text em {
    color: var(--text-color-body);
    font-weight: 700;
}
.search-result-list__row-media,
.search-result-list__row .mb-content-default {
    display: none;
}
@media (min-width: 64rem) {
    .search-result-list__row-text {
        -webkit-line-clamp: initial;
        line-clamp: initial;
        text-overflow: initial;
        word-break: initial;
        overflow: visible;
    }
    .search-result-list__row-text em {
        font-weight: 700;
    }
    .search-result-list__row-media {
        align-items: center;
        min-width: 11.25rem;
        display: flex;
    }
}
.search-result-count {
    letter-spacing: 0.5px;
    margin-bottom: var(--spacing-vertical-m);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    line-height: 1.43;
}
.search-result-count p {
    color: var(--text-color-headlines);
}
.search-result-form {
    box-sizing: border-box;
    border-radius: var(--border-radius-m);
    background-color: var(--color-global-background-02);
    width: 100%;
    font-size: var(--text-body-m);
    margin-top: var(--spacing-vertical-xxxl);
    margin-bottom: var(--spacing-vertical-l);
    display: flex;
    position: relative;
}
.search-result-form__middle-container {
    box-sizing: border-box;
    font-size: var(--text-body-m);
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.search-result-form__search-form {
    color: var(--color-global-icon-strong);
    flex: 1;
    align-items: center;
    display: flex;
}
.search-result-form__left-container {
    border-radius: var(--border-radius-m);
    flex: 1;
    display: flex;
}
.search-result-form__left-container input {
    box-sizing: content-box;
    width: 100%;
    min-width: 0;
    height: var(--spacing-vertical-m);
    padding-inline: 0;
    color: var(--color-global-text-strong);
    margin-inline: var(--spacing-0) var(--spacing-0);
    font: var(--text-body-m);
    padding: 0;
    padding-inline-start: var(--spacing-s);
    padding-top: var(--spacing-2xs);
    padding-bottom: var(--spacing-2xs);
    background-color: transparent;
    border: none;
    outline: none;
    flex: 1;
    padding-inline-end: var(--spacing-0);
    transition: border-bottom 0.5s ease-in-out;
    box-shadow: none !important;
}
.search-result-form__left-container
    input[type="search"]::-webkit-search-cancel-button {
    cursor: pointer;
    padding-inline-end: var(--spacing-horizontal-s);
}
.search-result-form__right-container .button-link button {
    border-start-start-radius: 0;
    border-start-end-radius: var(--border-radius-m);
    border-end-end-radius: var(--border-radius-m);
    border-end-start-radius: 0;
    padding-inline: 0.938rem;
}
.search-result-form__right-container
    .button-link
    button:focus:not(:focus-visible) {
    color: var(--button-primary-text-default);
    border-color: var(--button-primary-border-default);
    background-color: var(--button-primary-background-default);
}
.search-result-form__right-container
    .button-link
    button:focus:not(:focus-visible):hover {
    color: var(--button-primary-text-default);
    border-color: var(--button-primary-border-hover);
    background-color: var(--button-primary-background-hover);
}
.search-result-form__right-container .button-link button:focus-visible {
    color: var(--button-primary-text-focus);
    border-color: var(--button-primary-border-focus);
    background-color: var(--button-primary-background-focus);
}
.search-result-form__right-container
    .button-link
    button
    .button-link__content
    .icon {
    margin-inline-start: 0;
}
.search-result-form ul.ui-autocomplete {
    z-index: 10;
    box-shadow: var(--box-shadow-raised);
    background-color: var(--color-white);
    padding-top: var(--spacing-vertical-xs);
    border-radius: var(--border-radius-s);
    left: 0;
    width: 100% !important;
    position: absolute !important;
    top: 3.25rem !important;
}
.search-result-form ul.ui-autocomplete li.ui-autocomplete-category {
    display: none;
}
.search-result-form ul.ui-autocomplete li.ui-menu-item {
    box-sizing: border-box;
    width: 100%;
    padding-inline-start: var(--spacing-horizontal-s);
    padding-inline-end: var(--spacing-horizontal-s);
    padding-top: var(--spacing-vertical-xs);
    padding-bottom: var(--spacing-vertical-xs);
    font: var(--text-body-m);
    text-align: start;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.search-result-form ul.ui-autocomplete li.ui-menu-item[aria-selected="true"] {
    background-color: #ecf0f4;
}
.search-result-form
    ul.ui-autocomplete
    li.ui-menu-item
    .ui-menu-item-wrapper
    span.matched {
    font-weight: 700;
}
.search-result-form ul.ui-autocomplete li.ui-menu-item .pull-right {
    display: none;
}
@media (min-width: 48rem) {
    .search-result-form {
        margin-bottom: 2.5rem;
    }
    .search-result-form ul.ui-autocomplete {
        z-index: 10;
        position: absolute !important;
        top: 3.75rem !important;
    }
    .search-result-form__right-container .button-link button {
        padding-inline: var(--spacing-horizontal-l);
    }
    .search-result-form__right-container
        .button-link
        button
        .button-link__content
        .button__text {
        line-height: 2rem;
    }
    .search-result-form__right-container
        .button-link
        button
        .button-link__content
        .icon {
        margin-inline-start: var(--spacing-horizontal-xs);
    }
}
.search-result__container {
    grid-column: 1/-1;
}
@media (min-width: 64rem) {
    .search-result__container {
        grid-column: 3/8 span;
    }
}
.ui-helper-hidden-accessible {
    display: none;
}
.fkform__steps {
    container-type: inline-size;
}
[data-module="FKMultiStepForm"] .multi-step-form-grid__wrapper {
    grid-column-gap: var(--grid-gutter);
    display: grid;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop {
    margin-left: var(--spacing-horizontal-l);
    margin-right: var(--spacing-horizontal-s);
    display: none;
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li {
    padding-bottom: 2rem;
    padding-left: 1.75rem;
    transition: all 0.25s ease-in-out;
    position: relative;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li
    span {
    color: var(--form-color-multi-step-indicator-title-desktop);
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li:before {
    content: "";
    border: 1px solid var(--form-color-multi-step-indicator);
    background-color: var(--form-color-multi-step-indicator);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--form-bg-multi-step-indicator-checkmark);
    border-radius: 50%;
    width: 0.75rem;
    height: 0.75rem;
    transition: all 0.25s ease-in-out;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li.active {
    padding-bottom: 7rem;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li.active:before {
    background-image: none;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li.active:after {
    background-color: var(--form-color-multi-step-indicator);
    opacity: var(--form-opacity-multi-step-indicator-next-steps);
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li.active
    ~ li
    span {
    color: var(--form-color-multi-step-indicator-next-steps-text);
    opacity: var(--form-opacity-multi-step-indicator-next-steps-text);
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li.active
    ~ li:before {
    border-color: var(--form-color-multi-step-indicator);
    opacity: var(--form-opacity-multi-step-indicator-next-steps);
    background-color: transparent;
    background-image: none;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li.active
    ~ li:after {
    background-color: var(--form-color-multi-step-indicator);
    opacity: var(--form-opacity-multi-step-indicator-next-steps);
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li:after {
    content: "";
    background-color: var(--form-color-multi-step-indicator);
    opacity: 1;
    width: 1px;
    height: calc(100% - 1.25rem);
    transition: background-color 0.25s ease-in-out;
    display: block;
    position: absolute;
    top: calc(1rem + 1px);
    left: 0.375rem;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li:last-child {
    padding-bottom: 0;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop
    ul
    li:last-child:after {
    content: none;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__mobile {
    margin-bottom: var(--spacing-vertical-l);
    padding-bottom: var(--spacing-vertical-m);
    border-bottom: 1px solid var(--form-color-multi-step-border-bottom-mobile);
    flex-direction: row;
    display: flex;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__mobile
    .multi-step-form-grid__step-indicator__mobile__wrapper {
    margin-right: var(--spacing-horizontal-s);
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__mobile
    .multi-stp-form-grid__step-indicator__mobile__title__wrapper {
    align-self: center;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__mobile
    .multi-stp-form-grid__step-indicator__mobile__title__wrapper
    .multi-step-form-grid__step-indicator__mobile__title {
    color: var(--form-color-multi-step-indicator-title-mobile);
    margin-bottom: var(--spacing-vertical-2xs);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__mobile
    .multi-stp-form-grid__step-indicator__mobile__title__wrapper
    .multi-step-form-grid__step-indicator__mobile__next-title {
    color: var(--form-color-multi-step-indicator-next-title-mobile);
    font-size: 0.75rem;
    line-height: 1rem;
}
.generic-form--grid-narrow
    [data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper {
    grid-template-columns: 1fr;
}
.generic-form--grid-narrow
    [data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__mobile {
    display: flex;
}
.generic-form--grid-narrow
    [data-module="FKMultiStepForm"]
    .multi-step-form-grid__wrapper
    .multi-step-form-grid__step-indicator__desktop {
    display: none;
}
@media (min-width: 64rem) {
    [data-module="FKMultiStepForm"] .multi-step-form-grid__wrapper {
        grid-template-columns: 3fr 8fr 1fr;
    }
    [data-module="FKMultiStepForm"]
        .multi-step-form-grid__wrapper
        .multi-step-form-grid__step-indicator__desktop {
        display: block;
    }
    [data-module="FKMultiStepForm"]
        .multi-step-form-grid__wrapper
        .multi-step-form-grid__step-indicator__mobile {
        display: none;
    }
}
@container (width<=64rem) {
    [data-module="FKMultiStepForm"] .multi-step-form-grid__wrapper {
        grid-template-columns: 1fr;
    }
    [data-module="FKMultiStepForm"]
        .multi-step-form-grid__wrapper
        .multi-step-form-grid__step-indicator__desktop {
        display: none;
    }
    [data-module="FKMultiStepForm"]
        .multi-step-form-grid__wrapper
        .multi-step-form-grid__step-indicator__mobile {
        display: flex;
    }
}
[data-module="FKMultiStepForm"]
    [data-js-select="form-step-progress-indicator"] {
    width: 4rem;
    height: auto;
    display: block;
}
[data-module="FKMultiStepForm"]
    [data-js-select="form-step-progress-indicator"]
    circle {
    stroke: var(--form-color-multi-step-circle);
    opacity: var(--form-opacity-multi-step-circle);
}
[data-module="FKMultiStepForm"]
    [data-js-select="form-step-progress-indicator"]
    [data-js-select="form-step-progress-indicator-path"] {
    stroke: var(--form-color-multi-step-circle-progress-indicator);
}
[data-module="FKMultiStepForm"]
    [data-js-select="form-step-progress-indicator"]
    .form-step-progress-indicator--text {
    fill: var(--form-color-multi-step-circle-progress-indicator-text);
    font-size: 1.5rem;
    font-weight: 700;
}
[data-module="FKMultiStepForm"] .multi-step-form-grid__steps-container {
    width: 100%;
    overflow: hidden;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__steps-container.swiper-freed {
    overflow: visible;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__steps-container.swiper-freed
    .swiper-wrapper {
    overflow: visible;
    height: auto !important;
    transition: none !important;
    transform: none !important;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__steps-container.swiper-freed
    .swiper-slide {
    display: none;
    width: 100% !important;
}
[data-module="FKMultiStepForm"]
    .multi-step-form-grid__steps-container.swiper-freed
    .swiper-slide-active {
    display: block;
}
[data-module="FKMultiStepForm"] .swiper-slide {
    opacity: 0;
    transition: opacity 0.75s ease-in-out;
}
[data-module="FKMultiStepForm"] .swiper-slide.swiper-slide-active {
    opacity: 1;
}
:root {
    --font-family-frutiger:
        "Frutiger Next", "Helvetica Neue", helvetica, verdana, arial, sans-serif;
    --font-family-noto:
        "Noto Sans Arabic", "Helvetica Neue", helvetica, verdana, arial,
        sans-serif;
    --font-family-noto-viet:
        "Noto Sans Viet", arial, "Helvetica Neue", helvetica, verdana,
        sans-serif;
}
:lang(vi) {
    --font-family-frutiger: var(--font-family-noto-viet);
}
:lang(ar) {
    --font-family-frutiger: var(--font-family-noto);
}
:root {
    --underline-background-y-pos: bottom;
}
:root:lang(ar) {
    --underline-background-y-pos: calc(100% - 0.188rem);
}
:root {
    --teaser-list-color-text: var(--text-color-body);
    --teaser-list-color-icon: var(--text-color-body);
    --teaser-list-color-bullet: var(--text-color-body);
}
.fkformpage__buttons {
    margin-top: var(--spacing-vertical-xl);
}
:root {
    --form-color-background: var(
        --classic-bg-color,
        var(--bg-color-light-primary)
    );
    --form-color-background-transparent: rgba(255, 255, 255, 0.8);
    --form-color-background-focus: var(--interaction-color-background-focused);
    --form-color-background-error: var(--color-alert-error-10);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-body);
    --form-color-label-hover: var(--text-color-body);
    --form-color-label-focus: var(--text-color-body);
    --form-color-label-filled: var(--text-color-body);
    --form-color-label-elevated: var(--text-color-body);
    --form-color-label-elevated-focus: var(--text-color-body);
    --form-color-label-elevated-error: var(--text-color-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-inactive);
    --form-color-border-bottom-hover: var(--border-color-active);
    --form-color-border-bottom-focus: var(--border-color-active);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--border-color-inactive);
    --form-color-inputfield: var(--text-color-headlines);
    --form-color-font-filled: var(--text-color-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-headlines);
    --form-color-helpertext-hover: var(--text-color-headlines);
    --form-color-helpertext-filled: var(--text-color-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--border-color-inactive);
    --form-color-form-field-icon-hover: var(--border-color-active);
    --form-color-form-field-icon-focus: var(--border-color-active);
    --form-color-form-field-icon-filled: var(--border-color-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(--text-color-body);
    --form-color-selectfield-bg-options: var(--bg-color-light-primary);
    --form-color-selectfield-bg-options-hover: var(--bg-color-light-02);
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-icon: var(--border-color-inactive);
    --form-color-selectfield-type-ahead-icon-hover: var(--border-color-active);
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: var(
        --bg-color-light-primary
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --bg-color-light-primary
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-selectfield-multi-checkbox-border: var(--border-color-active);
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-light-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-icon-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-light-02);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-body
    );
    --form-color-checkbox-background-unselected: var(--bg-color-light-primary);
    --form-color-checkbox-background-unselected-focus: var(
        --color-highlight-light
    );
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-link
    );
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-selected-focus: var(
        --interaction-color-link
    );
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-border-unselected: var(--bg-color-dark-03);
    --form-color-checkbox-fontcolor: var(--text-color-body);
    --form-color-checkbox-label: var(--text-color-body);
    --form-color-checkbox-error: var(--color-alert-error);
    --form-color-checkbox-border-error: var(--color-alert-error);
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-font-unselected-disabled: var(--text-color-body);
    --form-color-checkbox-border-unselected-disabled: var(--bg-color-dark-03);
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --bg-color-light-primary
    );
    --form-color-checkbox-background-disabled: var(--bg-color-light-03);
    --form-color-checkbox-border-disabled: var(--bg-color-light-03);
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-label-color-enabled: var(--text-color-headlines);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-body);
    --form-color-datepicker-border-disabled: var(--text-color-body);
    --form-color-datepicker-label-color-focused: var(--text-color-headlines);
    --form-color-datepicker-error: var(--color-alert-error);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-color-header: var(--text-color-headlines);
    --form-color-datepicker-calender-color-arrow: var(--text-color-headlines);
    --form-color-datepicker-calender-color-body: var(--text-color-headlines);
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-light-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-headlines);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(--text-color-body);
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-dark-01);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(--text-color-body);
    --form-opacity-multi-step-indicator-next-steps-text: 1;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23FFFFFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--text-color-body);
    --form-color-file-upload-label: var(--text-color-body);
    --form-color-file-upload-border: var(--text-color-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-hover: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-body);
    --form-color-file-upload-file-list-delete-icon: var(--text-color-headlines);
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-file-name: var(--text-color-headlines);
    --form-color-file-upload-file-list-border: var(--text-color-headlines);
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(--text-color-headlines);
    --form-overlay-file-upload-spinner-color-transparent: rgba(50, 55, 62, 0.3);
    --form-color-background-password-hint: var(--bg-color-light-primary);
    --form-color-background-password-hint-success: var(
        --interaction-color-link
    );
    --form-color-password-hint: var(--text-color-body);
    --form-color-password-hint-success: var(--text-color-button);
    --form-color-password-hint-checkmark: var(--text-color-button);
    --form-background-password-success: var(--color-alert-success-10);
    --form-color-password-success: var(--color-alert-success);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).generic-form--background-blue {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).generic-form--force-white {
    --button-primary-text-default: var(--text-color-button);
    --button-primary-border-default: var(--interaction-color-link);
    --button-primary-background-default: var(--interaction-color-link);
    --button-primary-text-hover: var(--text-color-button);
    --button-primary-border-hover: var(--interaction-color-hover);
    --button-primary-background-hover: var(--interaction-color-hover);
    --button-primary-text-focus: var(--text-color-button);
    --button-primary-border-focus: var(--interaction-color-focused);
    --button-primary-background-focus: var(--interaction-color-focused);
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-body);
    --teaser-list-color-icon: var(--text-color-invert-body);
    --teaser-list-color-bullet: var(--text-color-invert-body);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(
        --classic-bg-color,
        var(--interaction-color-link)
    );
    --form-color-background-transparent: rgba(0, 114, 239, 0.8);
    --form-color-background-focus: var(--color-frame-focused-dark);
    --form-color-background-error: var(--color-frame-focused-dark);
    --form-opacity-label: 0.8;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--bg-color-light-primary);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--bg-color-light-primary);
    --form-color-label-elevated-error: var(--color-alert-error);
    --form-opacity-item: 0.8;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--text-color-invert-body);
    --form-color-border-bottom-hover: var(--text-color-invert-body);
    --form-color-border-bottom-focus: var(--bg-color-light-primary);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--text-color-invert-body);
    --form-color-inputfield: var(--text-color-invert-body);
    --form-color-font-filled: var(--text-color-invert-body);
    --form-opacity-helpertext: 0.8;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-body);
    --form-color-helpertext-hover: var(--text-color-invert-body);
    --form-color-helpertext-filled: var(--text-color-invert-body);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--text-color-headlines);
    --form-color-form-field-icon-hover: var(--text-color-invert-body);
    --form-color-form-field-icon-focus: var(--text-color-invert-body);
    --form-color-form-field-icon-filled: var(--text-color-invert-body);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 0.8;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-chevron-icon: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-hover: var(--text-color-invert-body);
    --form-color-selectfield-chevron-icon-focus: var(--text-color-invert-body);
    --form-opacity-selectfield-chevron-icon: 0.8;
    --form-opacity-selectfield-chevron-icon-hover: 1;
    --form-opacity-selectfield-chevron-icon-focus: 1;
    --form-opacity-selectfield-chevron-icon-disabled: 0.4;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--interaction-color-link);
    --form-color-selectfield-bg-options-hover: 240, 240, 240;
    --form-color-selectfield-bg-options-hover-opacity: 0.08;
    --form-color-selectfield-bg-options-selected: 240, 240, 240;
    --form-color-selectfield-bg-options-selected-opacity: 0.16;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-opacity: 0.8;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --text-color-invert-body
    );
    --form-color-selectfield-type-ahead-icon: var(--text-color-invert-body);
    --form-color-selectfield-multi-checkmark: var(--color-black);
    --form-color-selectfield-multi-checkbox-background: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --text-color-invert-body
    );
    --form-color-selectfield-multi-checkbox-border: var(--color-white);
    --form-color-selectfield-multi-checkbox-border-hover: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected: var(--color-black);
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --color-black
    );
    --form-color-selectfield-multi-selected-items-background: 240, 240, 240;
    --form-color-selectfield-multi-selected-items-background-opacity: 0.08;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --color-white
    );
    --form-color-checkbox-border-unselected-hover: var(--color-black);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-border-unselected: var(--color-white);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-background-selected: var(--color-white);
    --form-color-checkbox-border-selected: var(--color-black);
    --form-color-checkbox-checkmark-border-selected: var(--color-black);
    --form-color-checkbox-background-selected-hover: var(--color-white);
    --form-color-checkbox-border-selected-hover: var(--color-black);
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-focused
    );
    --form-color-checkbox-error: var(--color-white);
    --form-color-checkbox-background-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-font-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --interaction-color-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-link
    );
    --form-color-radiobutton-background-selected: var(--color-black);
    --form-color-radiobutton-background-selected-hover: var(
        --interaction-color-focused
    );
    --form-color-datepicker-label-color-enabled: var(--color-white);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(--color-white);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--bg-color-light-primary);
    --form-color-multi-step-circle-progress-indicator: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --bg-color-light-primary
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).generic-form--background-dark-grey {
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).generic-form--force-dark-grey {
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).compact-form--dark-gray {
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).form-kit__form-field__form-element--primary_dark-background {
    --button-secondary-text-default: var(--color-information-60);
    --button-secondary-border-default: var(--color-information-60);
    --button-secondary-background-default: transparent;
    --button-secondary-text-hover: var(--color-information-50);
    --button-secondary-border-hover: var(--color-information-50);
    --button-secondary-background-hover: transparent;
    --button-secondary-text-focus: var(--color-black);
    --button-secondary-border-focus: var(--color-information-40);
    --button-secondary-background-focus: var(--color-information-40);
    --button-tertiary-text-default: var(--color-information-60);
    --button-tertiary-border-default: transparent;
    --button-tertiary-background-default: transparent;
    --button-tertiary-underline-default: var(--color-information-60);
    --button-tertiary-text-hover: var(--color-information-50);
    --button-tertiary-border-hover: transparent;
    --button-tertiary-background-hover: var(--bg-color-dark-02);
    --button-tertiary-underline-hover: var(--color-information-50);
    --button-tertiary-text-focus: var(--color-black);
    --button-tertiary-border-focus: var(--color-information-40);
    --button-tertiary-background-focus: var(--color-information-40);
    --button-tertiary-underline-focus: var(--color-black);
    --button-link-text-default: var(--color-information-60);
    --button-link-underline-default: var(--color-information-50);
    --button-link-text-hover: var(--color-information-50);
    --button-link-text-focus: var(--color-information-40);
    --teaser-list-color-text: var(--text-color-invert-headlines);
    --teaser-list-color-icon: var(--text-color-invert-headlines);
    --teaser-list-color-bullet: var(--text-color-invert-headlines);
    --headline-color: var(--text-color-invert-headlines);
    --headline-color-eyebrow: var(--text-color-invert-headlines);
    --caption-color: var(--text-color-invert-body);
    --active-thumbnail-indicator-color: var(--text-color-invert-headlines);
    --bullet-color: rgba(255, 255, 255, 0.4);
    --animated-bullet-color: var(--bg-color-light-primary);
    --hover-bullet-color: rgba(255, 255, 255, 0.8);
    --transparent-bg-color: rgba(230, 235, 240, 0.6);
    --fill-color-icon: var(--icon-strong);
    --text-color-text: var(--text-color-invert-body);
    --text-color-link-hover: var(--interaction-color-grey-hover);
    --text-color-link-focus: var(--interaction-color-grey-focused);
    --text-color-information: var(--color-information-70);
    --form-color-background: var(--classic-bg-color, var(--bg-color-dark-00));
    --form-color-background-transparent: rgba(23, 25, 28, 0.8);
    --form-color-background-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-background-error: var(--color-alert-error-120);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-invert-body);
    --form-color-label-hover: var(--text-color-invert-body);
    --form-color-label-focus: var(--text-color-invert-body);
    --form-color-label-filled: var(--text-color-invert-body);
    --form-color-label-elevated: var(--text-color-invert-body);
    --form-color-label-elevated-focus: var(--text-color-invert-body);
    --form-color-label-elevated-error: var(--text-color-invert-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-invert-inactive);
    --form-color-border-bottom-hover: var(--border-color-invert-active);
    --form-color-border-bottom-focus: var(--border-color-invert-active);
    --form-color-border-bottom-error: var(--color-alert-error-70);
    --form-color-border-bottom-filled: var(--border-color-invert-inactive);
    --form-color-inputfield: var(--text-color-invert-headlines);
    --form-color-font-filled: var(--text-color-invert-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-invert-headlines);
    --form-color-helpertext-hover: var(--text-color-invert-headlines);
    --form-color-helpertext-filled: var(--text-color-invert-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error-70);
    --form-color-form-field-icon: var(--border-color-invert-inactive);
    --form-color-form-field-icon-hover: var(--border-color-invert-active);
    --form-color-form-field-icon-focus: var(--border-color-invert-active);
    --form-color-form-field-icon-filled: var(--border-color-invert-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error-70);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(
        --text-color-invert-body
    );
    --form-color-selectfield-bg-options: var(--bg-color-dark-03);
    --form-color-selectfield-bg-options-hover: #4e565f;
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-invert-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-invert-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-invert-active
    );
    --form-color-selectfield-type-ahead-icon: var(
        --border-color-invert-inactive
    );
    --form-color-selectfield-type-ahead-icon-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-invert-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-dark-01);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-invert-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-invert-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-invert-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-invert-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-invert-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-invert-body);
    --form-color-checkbox-fontcolor: var(--text-color-invert-body);
    --form-color-checkbox-font-unselected-disabled: var(
        --text-color-invert-body
    );
    --form-color-checkbox-error: var(--color-alert-error-70);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-01
    );
    --form-color-datepicker-label-color-enabled: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-invert-body);
    --form-color-datepicker-border-disabled: var(--text-color-invert-body);
    --form-color-datepicker-label-color-focused: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-error: var(--color-alert-error-70);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-dark-03
    );
    --form-color-datepicker-calender-color-header: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-arrow: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-color-body: var(
        --text-color-invert-headlines
    );
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-background-invert-focused
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-invert-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-inverse
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-dark-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-invert-body);
    --form-color-multi-step-indicator-title-mobile: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(
        --text-color-invert-body
    );
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-invert-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-invert-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-invert-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-light-primary);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(
        --bg-color-light-primary
    );
    --form-opacity-multi-step-indicator-next-steps-text: 0.6;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--bg-color-light-primary);
    --form-color-file-upload-label: var(--text-color-invert-body);
    --form-color-file-upload-border: var(--text-color-invert-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-invert-headlines);
    --form-color-file-upload-icon-upload-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-invert-body);
    --form-color-file-upload-file-list-delete-icon: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-file-name: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border: var(
        --text-color-invert-headlines
    );
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
    --form-overlay-file-upload-spinner-color: var(
        --text-color-invert-headlines
    );
    --form-overlay-file-upload-spinner-color-transparent: rgba(
        242,
        245,
        248,
        0.3
    );
    --ambition-color: var(--text-color-invert-headlines);
    --scroll-animation-text-color: var(--text-color-invert-body);
    --scroll-animation-desktop-border: var(--text-color-invert-headlines);
    --scroll-animation-navigation-bg-active-item: var(--bg-color-dark-02);
    --scroll-animation-mobile-border: var(--bg-color-dark-01);
    --scroll-animation-navigation-hover: var(--interaction-color-grey-hover);
    --bg-surface: var(--bg-color-dark-02);
    --bg-surface-emphasized: var(--bg-color-dark-05);
    --bg-surface-blockbuster: var(--bg-color-dark-04);
    --bg-surface-teaser: var(--bg-color-dark-02);
    --bg-surface-interactive: var(--bg-color-dark-03);
    --border-strong: var(--border-color-invert-active);
    --border-subtle: var(--border-color-invert-inactive);
    --border-subtlest: var(--border-color-invert-subtlest);
    --link-color: var(--icon-strong);
    --icon-strong: var(--fill-color-invert-headlines);
    --icon-subtle: var(--fill-color-invert-body);
    --icon-subtlest: var(--fill-color-invert-subtlest);
    --icon-interactive: var(--fill-color-invert-highlight);
    --item-hover-bg-color: rgba(var(--bg-color-light-primary-rgba), 0.08);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).generic-form--background-grey {
    --form-color-background: var(--classic-bg-color, var(--bg-color-secondary));
    --form-color-background-transparent: rgba(248, 250, 252, 0.8);
    --form-color-background-focus: var(--interaction-color-background-focused);
    --form-color-background-error: var(--color-alert-error-10);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-body);
    --form-color-label-hover: var(--text-color-body);
    --form-color-label-focus: var(--text-color-body);
    --form-color-label-filled: var(--text-color-body);
    --form-color-label-elevated: var(--text-color-body);
    --form-color-label-elevated-focus: var(--text-color-body);
    --form-color-label-elevated-error: var(--text-color-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-inactive);
    --form-color-border-bottom-hover: var(--border-color-active);
    --form-color-border-bottom-focus: var(--border-color-active);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--border-color-inactive);
    --form-color-inputfield: var(--text-color-headlines);
    --form-color-font-filled: var(--text-color-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-headlines);
    --form-color-helpertext-hover: var(--text-color-headlines);
    --form-color-helpertext-filled: var(--text-color-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--border-color-inactive);
    --form-color-form-field-icon-hover: var(--border-color-active);
    --form-color-form-field-icon-focus: var(--border-color-active);
    --form-color-form-field-icon-filled: var(--border-color-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(--text-color-body);
    --form-color-selectfield-bg-options: var(--bg-color-light-primary);
    --form-color-selectfield-bg-options-hover: var(--bg-color-light-02);
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-icon: var(--border-color-inactive);
    --form-color-selectfield-type-ahead-icon-hover: var(--border-color-active);
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(--border-color-active);
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-light-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-icon-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-light-02);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-body);
    --form-color-checkbox-fontcolor: var(--text-color-body);
    --form-color-checkbox-font-unselected-disabled: var(--text-color-body);
    --form-color-checkbox-error: var(--color-alert-error);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-label-color-enabled: var(--text-color-headlines);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-body);
    --form-color-datepicker-border-disabled: var(--text-color-body);
    --form-color-datepicker-label-color-focused: var(--text-color-headlines);
    --form-color-datepicker-error: var(--color-alert-error);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-color-header: var(--text-color-headlines);
    --form-color-datepicker-calender-color-arrow: var(--text-color-headlines);
    --form-color-datepicker-calender-color-body: var(--text-color-headlines);
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-light-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-mobile: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(--text-color-body);
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-dark-01);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(--text-color-body);
    --form-opacity-multi-step-indicator-next-steps-text: 1;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--text-color-body);
    --form-color-file-upload-label: var(--text-color-body);
    --form-color-file-upload-border: var(--text-color-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-hover: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-body);
    --form-color-file-upload-file-list-delete-icon: var(--text-color-headlines);
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-file-name: var(--text-color-headlines);
    --form-color-file-upload-file-list-border: var(--text-color-headlines);
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).compact-form--gray {
    --form-color-background: var(--classic-bg-color, var(--bg-color-secondary));
    --form-color-background-transparent: rgba(248, 250, 252, 0.8);
    --form-color-background-focus: var(--interaction-color-background-focused);
    --form-color-background-error: var(--color-alert-error-10);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-body);
    --form-color-label-hover: var(--text-color-body);
    --form-color-label-focus: var(--text-color-body);
    --form-color-label-filled: var(--text-color-body);
    --form-color-label-elevated: var(--text-color-body);
    --form-color-label-elevated-focus: var(--text-color-body);
    --form-color-label-elevated-error: var(--text-color-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-inactive);
    --form-color-border-bottom-hover: var(--border-color-active);
    --form-color-border-bottom-focus: var(--border-color-active);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--border-color-inactive);
    --form-color-inputfield: var(--text-color-headlines);
    --form-color-font-filled: var(--text-color-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-headlines);
    --form-color-helpertext-hover: var(--text-color-headlines);
    --form-color-helpertext-filled: var(--text-color-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--border-color-inactive);
    --form-color-form-field-icon-hover: var(--border-color-active);
    --form-color-form-field-icon-focus: var(--border-color-active);
    --form-color-form-field-icon-filled: var(--border-color-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(--text-color-body);
    --form-color-selectfield-bg-options: var(--bg-color-light-primary);
    --form-color-selectfield-bg-options-hover: var(--bg-color-light-02);
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-icon: var(--border-color-inactive);
    --form-color-selectfield-type-ahead-icon-hover: var(--border-color-active);
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(--border-color-active);
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-light-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-icon-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-light-02);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-body);
    --form-color-checkbox-fontcolor: var(--text-color-body);
    --form-color-checkbox-font-unselected-disabled: var(--text-color-body);
    --form-color-checkbox-error: var(--color-alert-error);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-label-color-enabled: var(--text-color-headlines);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-body);
    --form-color-datepicker-border-disabled: var(--text-color-body);
    --form-color-datepicker-label-color-focused: var(--text-color-headlines);
    --form-color-datepicker-error: var(--color-alert-error);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-color-header: var(--text-color-headlines);
    --form-color-datepicker-calender-color-arrow: var(--text-color-headlines);
    --form-color-datepicker-calender-color-body: var(--text-color-headlines);
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-light-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-mobile: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(--text-color-body);
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-dark-01);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(--text-color-body);
    --form-opacity-multi-step-indicator-next-steps-text: 1;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--text-color-body);
    --form-color-file-upload-label: var(--text-color-body);
    --form-color-file-upload-border: var(--text-color-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-hover: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-body);
    --form-color-file-upload-file-list-delete-icon: var(--text-color-headlines);
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-file-name: var(--text-color-headlines);
    --form-color-file-upload-file-list-border: var(--text-color-headlines);
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
}
.generic-form-module:not(
        :is(.classic-section:not(.classic-section--no-bg) *)
    ).form-kit__form-field__form-element--secondary-background {
    --form-color-background: var(--classic-bg-color, var(--bg-color-secondary));
    --form-color-background-transparent: rgba(248, 250, 252, 0.8);
    --form-color-background-focus: var(--interaction-color-background-focused);
    --form-color-background-error: var(--color-alert-error-10);
    --form-opacity-label: 1;
    --form-opacity-label-focus: 1;
    --form-opacity-label-hover: 1;
    --form-opacity-label-filled: 1;
    --form-color-label: var(--text-color-body);
    --form-color-label-hover: var(--text-color-body);
    --form-color-label-focus: var(--text-color-body);
    --form-color-label-filled: var(--text-color-body);
    --form-color-label-elevated: var(--text-color-body);
    --form-color-label-elevated-focus: var(--text-color-body);
    --form-color-label-elevated-error: var(--text-color-body);
    --form-opacity-item: 1;
    --form-opacity-item-hover: 1;
    --form-opacity-item-filled: 1;
    --form-opacity-item-focus: 1;
    --form-color-border-bottom: var(--border-color-inactive);
    --form-color-border-bottom-hover: var(--border-color-active);
    --form-color-border-bottom-focus: var(--border-color-active);
    --form-color-border-bottom-error: var(--color-alert-error);
    --form-color-border-bottom-filled: var(--border-color-inactive);
    --form-color-inputfield: var(--text-color-headlines);
    --form-color-font-filled: var(--text-color-headlines);
    --form-opacity-helpertext: 1;
    --form-opacity-helpertext-hover: 1;
    --form-opacity-helpertext-filled: 1;
    --form-opacity-helpertext-focus: 1;
    --form-color-helpertext: var(--text-color-headlines);
    --form-color-helpertext-hover: var(--text-color-headlines);
    --form-color-helpertext-filled: var(--text-color-headlines);
    --form-opacity-inputfield-disabled: 0.4;
    --form-color-font-error: var(--color-alert-error);
    --form-color-form-field-icon: var(--border-color-inactive);
    --form-color-form-field-icon-hover: var(--border-color-active);
    --form-color-form-field-icon-focus: var(--border-color-active);
    --form-color-form-field-icon-filled: var(--border-color-inactive);
    --form-color-form-field-icon-error: var(--color-alert-error);
    --form-opacity-form-field-icon: 1;
    --form-opacity-form-field-icon-hover: 1;
    --form-opacity-form-field-icon-focus: 1;
    --form-opacity-form-field-icon-disabled: 0.4;
    --form-opacity-form-field-icon-filled: 1;
    --form-color-selectfield-item-option-selected: var(--text-color-body);
    --form-color-selectfield-bg-options: var(--bg-color-light-primary);
    --form-color-selectfield-bg-options-hover: var(--bg-color-light-02);
    --form-color-selectfield-bg-options-hover-opacity: 1;
    --form-color-selectfield-bg-options-selected: var(--interaction-color-link);
    --form-color-selectfield-bg-options-selected-opacity: 1;
    --form-color-selectfield-options: var(--text-color-body);
    --form-color-selectfield-options-selected: var(--text-color-button);
    --form-color-selectfield-type-ahead-opacity: 1;
    --form-color-selectfield-type-ahead-hover-opacity: 1;
    --form-color-selectfield-type-ahead-focus-opacity: 1;
    --form-color-selectfield-type-ahead: var(--text-color-body);
    --form-color-selectfield-type-ahead-placeholder: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-hover: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-placeholder-focus: var(
        --text-color-headlines
    );
    --form-color-selectfield-type-ahead-border-bottom: var(
        --border-color-inactive
    );
    --form-color-selectfield-type-ahead-border-bottom-hover: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-border-bottom-focus: var(
        --border-color-active
    );
    --form-color-selectfield-type-ahead-icon: var(--border-color-inactive);
    --form-color-selectfield-type-ahead-icon-hover: var(--border-color-active);
    --form-color-selectfield-multi-checkmark: var(--bg-color-light-primary);
    --form-color-selectfield-multi-checkbox-background: transparent;
    --form-color-selectfield-multi-checkbox-background-hover: transparent;
    --form-color-selectfield-multi-checkbox-background-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-background-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border: var(--border-color-active);
    --form-color-selectfield-multi-checkbox-border-hover: var(
        --border-color-active
    );
    --form-color-selectfield-multi-checkbox-border-selected: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-checkbox-border-selected-hover: var(
        --interaction-color-link
    );
    --form-color-selectfield-multi-selected-items-background: var(
        --bg-color-light-03
    );
    --form-color-selectfield-multi-selected-items-background-opacity: 1;
    --form-color-selectfield-multi-selected-items-font-color: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-background-error: var(
        --bg-color-dark-03
    );
    --form-color-selectfield-multi-selected-items-font-color-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-selected-items-icon: var(
        --text-color-headlines
    );
    --form-color-selectfield-multi-selected-items-icon-error: var(
        --text-color-invert-headlines
    );
    --form-color-selectfield-multi-bg-option-hover: var(--bg-color-light-02);
    --form-color-seleftfield-multi-color-option-selected: var(
        --text-color-body
    );
    --form-color-checkbox-background-unselected: transparent;
    --form-color-checkbox-background-unselected-focus: var(
        --interaction-color-background-focused
    );
    --form-color-checkbox-background-unselected-focus-disabled: var(
        --interaction-color-background-focused
    );
    --form-color-checkbox-background-unselected-disabled: transparent;
    --form-color-checkbox-background-disabled: transparent;
    --form-color-checkbox-background-selected: var(--interaction-color-link);
    --form-color-checkbox-background-selected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected: var(--border-color-active);
    --form-color-checkbox-border-unselected-hover: var(
        --interaction-color-hover
    );
    --form-color-checkbox-border-unselected-disabled: var(
        --border-color-active
    );
    --form-color-checkbox-border-disabled: var(--border-color-active);
    --form-color-checkbox-border-selected: var(--interaction-color-link);
    --form-color-checkbox-border-selected-hover: var(--interaction-color-hover);
    --form-color-checkbox-checkmark: var(--bg-color-light-primary);
    --form-color-checkbox-label: var(--text-color-body);
    --form-color-checkbox-fontcolor: var(--text-color-body);
    --form-color-checkbox-font-unselected-disabled: var(--text-color-body);
    --form-color-checkbox-error: var(--color-alert-error);
    --form-opacity-checkbox-disabled: 0.4;
    --form-color-radiobutton-background-selected: var(--bg-color-light-primary);
    --form-color-radiobutton-background-selected-hover: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-label-color-enabled: var(--text-color-headlines);
    --form-color-datepicker-border-enabled: var(--color-white);
    --form-color-datepicker-border-hover: var(--text-color-body);
    --form-color-datepicker-border-disabled: var(--text-color-body);
    --form-color-datepicker-label-color-focused: var(--text-color-headlines);
    --form-color-datepicker-error: var(--color-alert-error);
    --form-color-datepicker-calender-background-default: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-color-header: var(--text-color-headlines);
    --form-color-datepicker-calender-color-arrow: var(--text-color-headlines);
    --form-color-datepicker-calender-color-body: var(--text-color-headlines);
    --form-color-datepicker-calender-background-hover: var(
        --interaction-color-grey-hover
    );
    --form-color-datepicker-calender-color-body-disabled: var(
        --border-color-inactive
    );
    --form-color-datepicker-calender-color-background-disabled: var(
        --bg-color-light-primary
    );
    --form-color-datepicker-calender-background-selected: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-color-focused: var(
        --interaction-color-link
    );
    --form-color-datepicker-calender-arrow-focused: var(--bg-color-light-03);
    --form-color-datepicker-date: var(--text-color-body);
    --form-color-datepicker-calender-color-selected-day: var(
        --text-color-button
    );
    --form-color-datepicker-hover-day-text: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-mobile: var(--text-color-headlines);
    --form-color-multi-step-indicator-title-desktop: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator-next-title-mobile: var(--text-color-body);
    --form-opacity-multi-step-circle: 0.4;
    --form-color-multi-step-circle: var(--border-color-inactive);
    --form-color-multi-step-circle-progress-indicator: var(
        --border-color-active
    );
    --form-color-multi-step-circle-progress-indicator-text: var(
        --text-color-headlines
    );
    --form-color-multi-step-indicator: var(--bg-color-dark-01);
    --form-opacity-multi-step-indicator-next-steps: 0.4;
    --form-color-multi-step-indicator-next-steps-text: var(--text-color-body);
    --form-opacity-multi-step-indicator-next-steps-text: 1;
    --form-bg-multi-step-indicator-checkmark: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23537DFF' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e ");
    --form-color-multi-step-border-bottom-mobile: var(--text-color-body);
    --form-color-file-upload-label: var(--text-color-body);
    --form-color-file-upload-border: var(--text-color-body);
    --form-color-file-upload-border-hover: var(--interaction-color-hover);
    --form-color-file-upload-border-focus: var(--interaction-color-hover);
    --form-color-file-upload-border-dragging: var(--interaction-color-hover);
    --form-color-file-upload-border-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-hover: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-dragging: var(--text-color-headlines);
    --form-color-file-upload-icon-upload-error: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-hover: var(--color-alert-error);
    --form-color-file-upload-icon-upload-error-focus: var(--color-alert-error);
    --form-color-file-upload-description-text: var(--text-color-body);
    --form-color-file-upload-file-list-delete-icon: var(--text-color-headlines);
    --form-color-file-upload-file-list-delete-icon-hover: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-delete-icon-focus: var(
        --text-color-headlines
    );
    --form-color-file-upload-file-list-file-name: var(--text-color-headlines);
    --form-color-file-upload-file-list-border: var(--text-color-headlines);
    --form-color-file-upload-file-list-border-error: var(--color-alert-error);
}
.form-kit__form-field__drop-down {
    outline: none;
}
.form-kit__form-field__drop-down .form-kit__form-field__form-element__item {
    text-overflow: ellipsis;
    text-wrap: nowrap;
    height: 1.75rem;
    overflow: hidden;
}
.form-kit__form-field__drop-down
    .form-kit__form-field__form-element__item-wrapper {
    cursor: pointer;
    padding-bottom: 0.5rem;
    position: relative;
}
.form-kit__form-field__drop-down:hover
    .form-kit__form-field__drop-down__icon-wrapper
    .form-kit__form-field__icon-wrapper {
    fill: var(--form-color-form-field-icon-hover);
}
.form-kit__form-field__drop-down.form-kit__form-field__form-element--disabled
    .form-kit__form-field__form-element__item-wrapper {
    cursor: not-allowed;
}
.form-kit__form-field__drop-down.form-kit__form-field__form-element--disabled:hover
    .form-kit__form-field__drop-down__icon-wrapper
    .form-kit__form-field__icon-wrapper {
    fill: var(--form-color-form-field-icon);
}
.form-kit__form-field__drop-down__options-wrapper {
    z-index: 20;
    background-color: var(--form-color-selectfield-bg-options);
    width: 100%;
    box-shadow: var(--elevation-raised);
    outline: none;
    max-height: 0;
    transition: max-height 0.25s ease-in-out;
    position: absolute;
    top: 3.625rem;
    left: 0;
    overflow: hidden;
}
.form-kit__form-field__drop-down__options-wrapper
    .form-kit__form-field__drop-down__option {
    cursor: pointer;
    background-color: var(--form-color-selectfield-bg-options);
    color: var(--form-color-selectfield-options);
    padding: 1.25rem 1rem;
    line-height: 1.5rem;
}
.form-kit__form-field__drop-down__options-wrapper
    .form-kit__form-field__drop-down__option.form-kit__form-field__drop-down__option--focused {
    background-color: var(--form-color-selectfield-bg-options-hover);
}
.form-kit__form-field__drop-down__options-wrapper
    .form-kit__form-field__drop-down__option--selected,
.form-kit__form-field__drop-down__options-wrapper
    .form-kit__form-field__drop-down__option--selected:hover,
.form-kit__form-field__drop-down__options-wrapper
    .form-kit__form-field__drop-down__option--selected.form-kit__form-field__drop-down__option--focused {
    background-color: var(--form-color-selectfield-bg-options-selected);
    color: var(--form-color-selectfield-options-selected);
}
.form-kit__form-field__drop-down.form-kit__form-field__form-element--focus
    .form-kit__form-field__drop-down__options-wrapper {
    left: var(--form-element-spacing-focus);
    width: calc(100% - 2 * var(--form-element-spacing-focus));
}
.form-kit__form-field__drop-down
    .form-kit__form-field__drop-down__icon-wrapper
    .form-kit__form-field__icon-wrapper {
    pointer-events: none;
    transition: transform 0.25s;
    transform: rotate(0);
}
.form-kit__form-field__drop-down--options-open
    .form-kit__form-field__drop-down__options-wrapper {
    max-height: 35rem;
    transition: max-height 0.25s ease-in-out;
    overflow: auto;
}
.form-kit__form-field__drop-down--options-open
    .form-kit__form-field__drop-down__icon-wrapper
    .form-kit__form-field__icon-wrapper {
    transition: transform 0.25s;
    transform: rotate(-180deg);
}
.form-kit__form-field__drop-down__text-input {
    border: none;
    outline: none;
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option {
    padding-left: 2.625rem;
    position: relative;
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option:before {
    content: "";
    border: 1px solid var(--form-color-selectfield-multi-checkbox-border);
    background-color: var(--form-color-selectfield-multi-checkbox-background);
    border-radius: 0.1875rem;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    top: 1.1875rem;
    left: 1rem;
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option:after {
    content: none;
    border-left: 2px solid var(--form-color-selectfield-multi-checkmark);
    border-bottom: 2px solid var(--form-color-selectfield-multi-checkmark);
    width: 0.6rem;
    height: 0.27rem;
    display: block;
    position: absolute;
    top: 1.4375rem;
    left: 1.1875rem;
    transform: rotate(-45deg);
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option--focused {
    background-color: var(--form-color-selectfield-multi-bg-option-hover);
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option--focused:before {
    background-color: var(
        --form-color-selectfield-multi-checkbox-background-hover
    );
    border-color: var(--form-color-selectfield-multi-checkbox-border-hover);
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option--selected {
    background-color: var(--form-color-selectfield-bg-options);
    color: var(--form-color-seleftfield-multi-color-option-selected);
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option--selected:before {
    background-color: var(
        --form-color-selectfield-multi-checkbox-background-selected
    );
    border-color: var(--form-color-selectfield-multi-checkbox-border-selected);
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option--selected:after {
    content: "";
}
.form-kit__form-field__drop-down__multi
    .form-kit__form-field__drop-down__option--selected.form-kit__form-field__drop-down__option--focused {
    background-color: var(--form-color-selectfield-bg-options-hover);
    color: var(--form-color-seleftfield-multi-color-option-selected);
}
.form-kit__form-field__form-element {
    margin-bottom: 1rem;
    position: relative;
}
.form-kit__form-field__form-element--focus {
    background-color: var(--form-color-background-focus);
    margin-inline-start: calc(var(--form-element-spacing-focus) * -1);
    margin-inline-end: calc(var(--form-element-spacing-focus) * -1);
    padding-inline-start: var(--form-element-spacing-focus);
    padding-inline-end: var(--form-element-spacing-focus);
}
.form-kit__form-field__form-element--focus.form-kit__form-field__form-element--error {
    background-color: var(--form-color-background-error);
}
.form-kit__form-field__form-element input,
.form-kit__form-field__form-element textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.form-kit__form-field__form-element--primary-background {
    background-color: var(--classic-bg-color, var(--bg-color-light-primary));
}
.form-kit__form-field__form-element--secondary-background {
    background-color: var(--classic-bg-color, var(--bg-color-secondary));
}
.form-kit__form-field__form-element--primary_dark-background {
    background-color: var(--classic-bg-color, var(--bg-color-dark-00));
}
.form-kit__form-field__form-element__item-wrapper {
    border-bottom: 0.0625rem solid var(--form-color-border-bottom);
    width: 100%;
    opacity: var(--form-opacity-item);
    cursor: text;
    background-color: transparent;
    outline: none;
    margin-bottom: 0.0625rem;
    padding: 1.25rem 0 0.75rem;
}
.form-kit__form-field__form-element--focus
    .form-kit__form-field__form-element__item-wrapper {
    opacity: var(--form-opacity-item-focus);
    border-width: 0.125rem;
    border-bottom-color: var(--form-color-border-bottom-focus);
    margin-bottom: 0;
}
.form-kit__form-field__form-element--filled
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-filled);
    color: var(--form-color-font-filled);
    opacity: var(--form-opacity-item-filled);
}
.form-kit__form-field__form-element--error
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-error);
    border-bottom-width: 0.125rem;
    margin-bottom: 0;
}
.form-kit__form-field__form-element--disabled {
    cursor: not-allowed;
}
.form-kit__form-field__form-element--disabled
    .form-kit__form-field__form-element__item-wrapper {
    opacity: var(--form-opacity-inputfield-disabled);
    cursor: not-allowed;
}
.form-kit__form-field__form-element--disabled
    .form-kit__form-field__form-element__item-wrapper:hover {
    border-bottom-color: var(--form-color-border-bottom);
}
.form-kit__form-field__form-element--disabled
    .form-kit__form-field__form-element__item-wrapper:focus,
.form-kit__form-field__form-element--disabled
    .form-kit__form-field__form-element__item-wrapper:active {
    border-width: 0.0625rem;
    border-bottom-color: var(--form-color-border-bottom);
    margin-bottom: 0.0625rem;
}
.form-kit__form-field__form-element--disabled
    .form-kit__form-field__form-element__item {
    cursor: not-allowed;
}
.form-kit__form-field__form-element--disabled.form-kit__form-field__form-element--focus {
    background-color: transparent;
}
.form-kit__form-field__form-element--disabled.form-kit__form-field__form-element--focus
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom);
    border-width: 0.0625rem;
    margin-bottom: 0.0625rem;
}
.form-kit__form-field__form-element--disabled.form-kit__form-field__form-element--focus.form-kit__form-field__form-element--label-elevated
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-filled);
}
.form-kit__form-field__form-element:hover
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-hover);
    opacity: var(--form-opacity-item-hover);
}
.form-kit__form-field__form-element:hover.form-kit__form-field__form-element--focus.form-kit__form-field__form-element--label-elevated
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-focus);
}
.form-kit__form-field__form-element:hover.form-kit__form-field__form-element--focus.form-kit__form-field__form-element--label-elevated.form-kit__form-field__form-element--disabled
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-filled);
}
.form-kit__form-field__form-element:hover.form-kit__form-field__form-element--focus
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-focus);
}
.form-kit__form-field__form-element:hover.form-kit__form-field__form-element--error
    .form-kit__form-field__form-element__item-wrapper,
.form-kit__form-field__form-element:hover.form-kit__form-field__form-element--error.form-kit__form-field__form-element--focus
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-error);
}
.form-kit__form-field__form-element:hover.form-kit__form-field__form-element--disabled
    .form-kit__form-field__form-element__item-wrapper {
    opacity: var(--form-opacity-inputfield-disabled);
    border-bottom-color: var(--form-color-border-bottom);
}
.form-kit__form-field__form-element:hover.form-kit__form-field__form-element--disabled.form-kit__form-field__form-element--filled
    .form-kit__form-field__form-element__item-wrapper,
.form-kit__form-field__form-element:hover.form-kit__form-field__form-element--disabled.form-kit__form-field__form-element--filled.form-kit__form-field__form-element--focus
    .form-kit__form-field__form-element__item-wrapper {
    border-bottom-color: var(--form-color-border-bottom-filled);
}
.form-kit__form-field__form-element:hover .form-kit__form-field__icon-wrapper {
    fill: var(--form-color-form-field-icon-hover);
}
.form-kit__form-field__form-element__item {
    resize: none;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    font-family: var(--font-family-frutiger);
    letter-spacing: 0.005em;
    color: var(--form-color-inputfield);
    background-color: transparent;
    border: none;
    outline: none;
    padding-inline: 0 2rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}
:lang(ar) .form-kit__form-field__form-element__item {
    line-height: 1.75rem;
}
.form-kit__form-field__form-element__item::placeholder {
    color: transparent;
}
.form-kit__form-field__form-element__item::placeholder {
    color: transparent;
}
.form-kit__form-field__form-element__item::placeholder {
    color: transparent;
}
.generic-form--grid-narrow .grid__structure .grid__column.generic_form__column {
    grid-column: 1/-1;
}
@media (min-width: 64rem) {
    .generic-form--grid-narrow
        .grid__structure
        .grid__column.generic_form__column {
        grid-column: 3/-3;
    }
}
.form--grid > .cmp-container {
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    grid-row-gap: var(--spacing-vertical-s);
    grid-template-columns: repeat(6, 1fr);
    display: grid;
}
.form--grid .form__field {
    grid-column-end: span 6;
    max-width: 100%;
    position: relative;
}
@media (min-width: 64rem) {
    .form--grid > .cmp-container .form__field--width-xsmall {
        grid-column-end: span 1;
    }
    .form--grid > .cmp-container .form__field--width-small {
        grid-column-end: span 2;
    }
    .form--grid > .cmp-container .form__field--width-medium {
        grid-column-end: span 3;
    }
    .form--grid > .cmp-container .form__field--width-large {
        grid-column-end: span 4;
    }
    .form--grid > .cmp-container .form__field--width-xlarge {
        grid-column-end: span 5;
    }
    .form--grid > .cmp-container .form__field--width-full,
    .form--grid > .cmp-container .form__field--row-exclusive {
        grid-column-end: span 6;
    }
    .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-xsmall
        [data-app-root] {
        width: calc((100% - 5 * var(--grid-gutter)) / 6);
    }
    .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-small
        [data-app-root] {
        width: calc((100% - 5 * var(--grid-gutter)) / 3 + var(--grid-gutter));
    }
    .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-medium
        [data-app-root] {
        width: calc(
            (100% - 5 * var(--grid-gutter)) / 2 + 2 * var(--grid-gutter)
        );
    }
    .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-large
        [data-app-root] {
        width: calc(
            0.666667 * (100% - 5 * var(--grid-gutter)) + 3 * var(--grid-gutter)
        );
    }
    .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-xlarge
        [data-app-root] {
        width: calc(
            0.833333 * (100% - 5 * var(--grid-gutter)) + 4 * var(--grid-gutter)
        );
    }
}
@media (min-width: 48rem) {
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--width-xsmall {
        grid-column-end: span 1;
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--width-small {
        grid-column-end: span 2;
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--width-medium {
        grid-column-end: span 3;
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--width-large {
        grid-column-end: span 4;
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--width-xlarge {
        grid-column-end: span 5;
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--width-full,
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--row-exclusive {
        grid-column-end: span 6;
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-xsmall
        [data-app-root] {
        width: calc((100% - 5 * var(--grid-gutter)) / 6);
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-small
        [data-app-root] {
        width: calc((100% - 5 * var(--grid-gutter)) / 3 + var(--grid-gutter));
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-medium
        [data-app-root] {
        width: calc(
            (100% - 5 * var(--grid-gutter)) / 2 + 2 * var(--grid-gutter)
        );
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-large
        [data-app-root] {
        width: calc(
            0.666667 * (100% - 5 * var(--grid-gutter)) + 3 * var(--grid-gutter)
        );
    }
    .generic-form--grid-normal
        .form--grid
        > .cmp-container
        .form__field--row-exclusive.form__field--width-xlarge
        [data-app-root] {
        width: calc(
            0.833333 * (100% - 5 * var(--grid-gutter)) + 4 * var(--grid-gutter)
        );
    }
}
@keyframes spinner-rotate {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(359deg);
    }
}
.form__overlay {
    z-index: 2;
    text-align: center;
    background-color: var(--form-color-background-transparent);
    -webkit-backdrop-filter: blur(0.25rem);
    backdrop-filter: blur(0.25rem);
    align-items: center;
    justify-items: center;
    display: grid;
    position: absolute;
    inset: 0;
}
.form__overlay .loading-spinner--inline {
    display: inline-block;
}
.form__overlay .form__overlay-loading__text {
    margin-top: 1rem;
}
.form__overlay .form__overlay__content-wrapper--boxed {
    padding: var(--spacing-vertical-xl) var(--spacing-horizontal-xxxl);
    background-color: var(--form-color-background);
    max-width: 43rem;
}
.form__overlay .form__overlay__content-wrapper--boxed .loading-spinner {
    margin-top: var(--spacing-vertical-xl);
    margin-bottom: 2rem;
}
.form__overlay .form__overlay__file-list,
.form__overlay .form_overlay__file-uploading,
.form__overlay .form__overlay__errors,
.form__overlay .form__overlay__upload-error,
.form__overlay .form__overlay__cancel-button {
    display: none;
}
.form__overlay.has-errors .form__overlay__errors,
.form__overlay.has-errors .form__overlay__cancel-button,
.form__overlay.has-uploads .form__overlay__file-list,
.form__overlay.has-uploads .form__overlay__cancel-button,
.form__overlay.has-uploads .form_overlay__file-uploading {
    display: block;
}
.form__overlay.has-uploads .loading-spinner {
    display: none;
}
.form__overlay.has-uploads.has-uploads-errors .form__overlay__upload-error {
    display: block;
}
.form__overlay .form__overlay__cancel-button {
    text-align: right;
    margin-top: var(--spacing-vertical-m);
}
.form__overlay .form_overlay__file-uploading {
    margin-top: var(--spacing-vertical-s);
}
.form__overlay .form_overlay__file-uploading .headline {
    color: var(--form-color-helpertext);
}
.form__overlay .form__overlay__errors {
    text-align: left;
    color: var(--form-color-border-bottom-error);
    margin-top: var(--spacing-vertical-s);
}
.form__overlay .form__overlay__file-list {
    text-align: left;
    margin-top: var(--spacing-vertical-s);
}
.form__overlay .form__overlay__file-list .form__overlay__file-list__item {
    grid-column-gap: var(--spacing-horizontal-xs);
    border-bottom: 1px solid var(--form-color-file-upload-file-list-border);
    grid-template-columns: 1fr auto;
    margin-bottom: 1.125rem;
    padding: 1.125rem 0 0.75rem;
    display: grid;
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item
    .filename {
    letter-spacing: 0.5px;
    color: var(--form-color-file-upload-file-list-file-name);
    grid-template-columns: auto 1fr;
    font-size: 1rem;
    line-height: 1.5rem;
    display: grid;
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item
    .progress-indicator {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: var(--spacing-horizontal-m);
    margin-right: var(--spacing-horizontal-xs);
    position: relative;
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item
    .progress-indicator:before {
    content: "";
    border: 0.1875rem solid var(--form-overlay-file-upload-spinner-color);
    border-right-color: var(
        --form-overlay-file-upload-spinner-color-transparent
    );
    border-bottom-color: var(
        --form-overlay-file-upload-spinner-color-transparent
    );
    border-radius: 50%;
    width: 1.125rem;
    height: 1.125rem;
    animation: 1s linear infinite spinner-rotate;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item
    .progress-indicator
    .icon {
    display: none;
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item.success
    .progress-indicator:before {
    content: none;
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item.success
    .progress-indicator
    .icon-inline-done {
    fill: var(--form-color-file-upload-file-list-delete-icon);
    display: block;
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item.failed {
    border-bottom-color: var(--form-color-border-bottom-error);
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item.failed
    .progress-indicator:before {
    content: none;
}
.form__overlay
    .form__overlay__file-list
    .form__overlay__file-list__item.failed
    .progress-indicator
    .icon-inline-warning {
    fill: var(--form-color-border-bottom-error);
    display: block;
}
:root {
    --form-element-spacing-focus: 0.25rem;
}
.titan-section .form-kit__form-field__helper-wrapper__char-counter-wrapper,
.titan-section .form-kit__form-field__helper-wrapper__helpertext {
    font: var(--text-body-xs);
}
.titan-section .form-kit__form-field__form-element__item-wrapper {
    padding-block-end: 0;
}
.titan-section .form-kit__form-field__checkbox__text,
.titan-section .form-kit__form-field__radiobutton__text,
.titan-section .form-kit__form-field__form-element__item,
.titan-section
    .form-kit__form-field__form-element
    .form-kit__form-field__label {
    font: var(--text-body-m);
}
.titan-section .form-kit__form-field__error-message,
.titan-section
    .form-kit__form-field__drop-down__multi__selected-items__item__label,
.titan-section
    .form-kit__form-field__form-element
    .form-kit__form-field__label--label-elevated,
.titan-section
    .form-kit__form-field__form-element
    .form-kit__form-field__label--label-elevated
    .form-kit__form-field__label--focus {
    font: var(--text-body-xs);
}
.titan-section
    .form-kit__form-field__drop-down
    .form-kit__form-field__form-element__item {
    height: 1.5rem;
}
.titan-section .form-kit__form-field__drop-down__option:before {
    inset-block-start: 1.45rem;
}
.titan-section .form-kit__form-field__drop-down__option:after {
    inset-block-start: 1.7rem;
}
.titan-section .form-kit__form-field__drop-down .form-kit__form-field__label {
    font: var(--text-body-m);
}
.titan-section
    .form-kit__form-field__drop-down
    .form-kit__form-field__label--label-elevated {
    font: var(--text-body-xs);
}
.titan-section .form-kit__form-field__drop-down__multi__form-element__item {
    height: 2.15rem;
}
.titan-section .form-kit__form-field__icon-wrapper {
    inset-block-start: 1.25rem;
}
.titan-section .button-link button,
.titan-section .button__text {
    font: var(--text-body-m);
}
.titan-section .generic-form-module {
    background-color: transparent;
}
.titan-section .form-confirmation .text {
    font: var(--text-body-m);
}
.titan-section .form-confirmation .headline {
    font: var(--text-hl-3xl);
}
.titan-section
    .form-kit__form-field__drop-down:has(
        .form-kit__form-field__label--label-elevated
    )
    .form-kit__form-field__drop-down__options-wrapper {
    margin-block-start: -0.25rem;
}
.titan-section
    .form-kit__form-field__drop-down:has(
        .form-kit__form-field__label--label-elevated
    )
    .form-kit__form-field__form-element__item-wrapper {
    padding-block-start: 1rem;
}
.titan-section
    .form-kit__form-field__drop-down:has(
        .form-kit__form-field__label--label-elevated
    )
    .form-kit__form-field__icon-wrapper {
    inset-block-start: 1rem;
}
.titan-section
    .form-kit__form-field__drop-down__multi:has(
        .form-kit__form-field__label--label-elevated
    )
    .form-kit__form-field__form-element__item {
    height: 2.25rem;
}
.titan-section
    .form-kit__form-field__drop-down__multi:has(
        .form-kit__form-field__label--label-elevated
    )
    .form-kit__form-field__drop-down__options-wrapper {
    margin-block-start: 1rem;
}
.titan-section
    .form-kit__form-field__drop-down__multi:has(
        .form-kit__form-field__label--label-elevated
    )
    .form-kit__form-field__icon-wrapper {
    inset-block-start: 1rem;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    .titan-section .generic-form-module .grid__column--inner {
        grid-column: 2 / span 4;
    }
}
@media (min-width: 48rem) {
    .titan-section .form-kit__form-field__form-element__item-wrapper {
        padding-block: 1.25rem 0.25rem;
    }
    .titan-section .form-kit__form-field__helper-wrapper__char-counter-wrapper,
    .titan-section .form-kit__form-field__helper-wrapper__helpertext {
        font: var(--text-body-s);
    }
    .titan-section .form-kit__form-field__checkbox__text,
    .titan-section .form-kit__form-field__radiobutton__text,
    .titan-section .form-kit__form-field__form-element__item,
    .titan-section .form-kit__form-field__drop-down__option,
    .titan-section
        .form-kit__form-field__form-element
        .form-kit__form-field__label {
        font: var(--text-body-l);
    }
    .titan-section .form-kit__form-field__error-message,
    .titan-section
        .form-kit__form-field__drop-down__multi__selected-items__item__label,
    .titan-section
        .form-kit__form-field__form-element
        .form-kit__form-field__label--label-elevated {
        font: var(--text-body-s);
    }
    .titan-section .form-kit__form-field__radiobutton__text {
        padding-inline-start: 1.5rem;
    }
    .titan-section .form-kit__form-field__radiobutton__text:before {
        inset-block-start: 0.5rem;
    }
    .titan-section .form-kit__form-field__radiobutton__text:after {
        inset-block-start: 0.79rem;
    }
    .titan-section .form-kit__form-field__checkbox__text:before {
        inset-block-start: 0.4rem;
    }
    .titan-section .form-kit__form-field__checkbox__text:after {
        inset-block-start: 0.7rem;
    }
    .titan-section .form-kit__form-field__drop-down__option:before {
        inset-block-start: 1.5rem;
    }
    .titan-section .form-kit__form-field__drop-down__option:after {
        inset-block-start: 1.8rem;
    }
    .titan-section
        .form-kit__form-field__drop-down
        .form-kit__form-field__label {
        font: var(--text-body-l);
    }
    .titan-section
        .form-kit__form-field__drop-down
        .form-kit__form-field__label--label-elevated {
        font: var(--text-body-s);
    }
    .titan-section
        .form-kit__form-field__drop-down
        .form-kit__form-field__form-element__item {
        height: 1.65rem;
    }
    .titan-section
        .form-kit__form-field__drop-down__multi__selected-items__wrapper {
        margin-block-start: 0.35rem;
    }
    .titan-section .form-kit__form-field__icon-wrapper {
        inset-block-start: 1.25rem;
    }
    .titan-section .button-link button,
    .titan-section .button__text,
    .titan-section .form-confirmation .text {
        font: var(--text-body-l);
    }
    .titan-section .form-confirmation .headline {
        font: var(--text-hl-2xl);
    }
    .titan-section
        .form-kit__form-field__drop-down:has(
            .form-kit__form-field__label--label-elevated
        )
        .form-kit__form-field__form-element__item-wrapper {
        padding-block-start: 1.25rem;
    }
}
@media (min-width: 64rem) {
    .titan-section .form-kit__form-field__form-element__item-wrapper {
        padding-block-end: 0.25rem;
    }
    .titan-section .form-kit__form-field__helper-wrapper__char-counter-wrapper,
    .titan-section .form-kit__form-field__helper-wrapper__helpertext {
        font: var(--text-body-m);
    }
    .titan-section .form-kit__form-field__checkbox__text,
    .titan-section .form-kit__form-field__radiobutton__text,
    .titan-section .form-kit__form-field__form-element__item,
    .titan-section
        .form-kit__form-field__form-element
        .form-kit__form-field__label {
        font: var(--text-body-xl);
    }
    .titan-section .form-kit__form-field__error-message,
    .titan-section
        .form-kit__form-field__drop-down__multi__selected-items__item__label,
    .titan-section
        .form-kit__form-field__form-element
        .form-kit__form-field__label--label-elevated {
        font: var(--text-body-m);
    }
    .titan-section .form-kit__form-field__checkbox__text:before {
        inset-block-start: 0.5rem;
    }
    .titan-section .form-kit__form-field__checkbox__text:after {
        inset-block-start: 0.79rem;
    }
    .titan-section .form-kit__form-field__drop-down__option:before {
        inset-block-start: 1.7rem;
    }
    .titan-section .form-kit__form-field__drop-down__option:after {
        inset-block-start: 2rem;
    }
    .titan-section
        .form-kit__form-field__drop-down
        .form-kit__form-field__form-element__item {
        height: 1.9rem;
    }
    .titan-section
        .form-kit__form-field__drop-down__multi__selected-items__wrapper {
        margin-block-start: 0.5rem;
    }
    .titan-section .form-kit__form-field__icon-wrapper {
        inset-block-start: 1.5rem;
    }
    .titan-section .button-link button,
    .titan-section .button__text,
    .titan-section .form-confirmation .text {
        font: var(--text-body-xl);
    }
    .titan-section .form-confirmation .headline {
        font: var(--text-hl-4xl);
    }
    .titan-section
        .form-kit__form-field__drop-down:has(
            .form-kit__form-field__label--label-elevated
        )
        .form-kit__form-field__drop-down__options-wrapper {
        margin-block-start: 0.25rem;
    }
    .titan-section
        .form-kit__form-field__drop-down__multi:has(
            .form-kit__form-field__label--label-elevated
        )
        .form-kit__form-field__form-element__item {
        height: 2.75rem;
    }
    .titan-section
        .form-kit__form-field__drop-down__multi:has(
            .form-kit__form-field__label--label-elevated
        )
        .form-kit__form-field__drop-down__options-wrapper {
        margin-block-start: 1.25rem;
    }
    .titan-section
        .form-kit__form-field__drop-down__multi:has(
            .form-kit__form-field__label--label-elevated
        )
        .form-kit__form-field__icon-wrapper {
        inset-block-start: 1.75rem;
    }
}
@media (min-width: 48rem) {
    .FKForm .button-group {
        flex-direction: row;
        justify-content: flex-end;
    }
}
.FKForm .textItem.formItem {
    color: var(--form-color-label);
    grid-column-end: span 6;
    margin-bottom: 1rem;
    line-height: 1.5;
}
@media (min-width: 64rem) {
    .FKForm .textItem.formItem .text {
        width: calc(50% - var(--grid-gutter) / 2);
    }
}
@media (min-width: 48rem) {
    .generic-form--grid-normal .FKForm .textItem.formItem .text {
        width: calc(50% - var(--grid-gutter) / 2);
    }
}
.FKForm .textItem.formItem .text a {
    color: inherit;
    background: linear-gradient(
            var(--button-link-text-default),
            var(--button-link-text-default),
            var(--button-link-text-default)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    outline: none;
    text-decoration: none;
    transition: color 0.75s;
    display: inline;
}
.FKForm .textItem.formItem .text a:hover {
    color: var(--button-link-text-hover);
    background: linear-gradient(
            var(--button-link-text-hover),
            var(--button-link-text-hover),
            var(--button-link-text-hover)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.FKForm .textItem.formItem .text a:active,
.FKForm .textItem.formItem .text a:focus {
    color: var(--button-link-text-focus);
    background: linear-gradient(
            var(--button-link-text-focus),
            var(--button-link-text-focus),
            var(--button-link-text-focus)
        )
        no-repeat right var(--underline-background-y-pos);
    background-size: 100% 0.063rem;
    animation:
        0.35s forwards hover-out-animation,
        0.45s 0.45s forwards hover-in-animation;
}
.form__field-hidden {
    display: none;
}
.fkform-item-collection + .fkform-item-collection {
    margin-top: var(--spacing-vertical-l);
}
.generic-form-module {
    background-color: var(--form-color-background);
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
    padding-top: 0;
    padding-bottom: 0;
}
.generic-form-module.generic-form--background-blue {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
}
.generic-form-module.generic-form--background-grey {
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
    margin-top: 0;
    margin-bottom: 0;
}
.generic-form-module.generic-form--background-dark-grey {
    margin-top: var(--spacing-vertical-xxl);
    margin-bottom: var(--spacing-vertical-xxl);
    padding-top: var(--spacing-vertical-xxl);
    padding-bottom: var(--spacing-vertical-xxl);
}
@media (min-width: 64rem) {
    .generic-form-module.generic-form--grid-normal
        .grid__column.generic_form__column
        > .headline,
    .generic-form-module.generic-form--grid-normal
        .grid__column.generic_form__column
        > .text {
        max-width: 66%;
    }
}
.generic-form-module .FKForm {
    position: relative;
}

.stage__headline {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.79);
}