@charset "UTF-8";

[hidden][hidden] {
    display: none !important
}

up-wrapper {
    display: inline-block
}

up-bounds {
    position: absolute
}

.up-focus-hidden:focus-visible {
    outline-color: transparent !important;
    outline-style: none !important
}

body.up-scrollbar-away {
    padding-right: calc(var(--up-scrollbar-width) + var(--up-original-padding-right)) !important
}

body.up-scrollbar-away,
html:has(> body.up-scrollbar-away) {
    overflow-y: hidden !important;
    overflow-y: clip !important
}

body.up-scrollbar-away .up-scrollbar-away {
    right: calc(var(--up-scrollbar-width) + var(--up-original-right)) !important
}

.up-request-loader {
    display: none
}

up-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    height: 3px;
    background-color: #007bff
}

up-focus-trap {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

up-cover-viewport,
up-drawer-viewport,
up-modal-viewport,
up-drawer-backdrop,
up-modal-backdrop,
up-cover,
up-drawer,
up-modal {
    inset: 0
}

up-drawer-box,
up-modal-box {
    box-shadow: 0 0 10px 1px #0000004d
}

up-popup {
    box-shadow: 0 0 4px #0000004d
}

up-popup:focus,
up-cover-box:focus,
up-drawer-box:focus,
up-modal-box:focus,
up-cover:focus,
up-drawer:focus,
up-modal:focus,
up-popup:focus-visible,
up-cover-box:focus-visible,
up-drawer-box:focus-visible,
up-modal-box:focus-visible,
up-cover:focus-visible,
up-drawer:focus-visible,
up-modal:focus-visible {
    outline: none
}

up-cover,
up-drawer,
up-modal {
    z-index: 2000;
    position: fixed
}

up-drawer-backdrop,
up-modal-backdrop {
    position: absolute;
    background: rgba(0, 0, 0, .4)
}

up-cover-viewport,
up-drawer-viewport,
up-modal-viewport {
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    overscroll-behavior: contain;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

up-popup,
up-cover-box,
up-drawer-box,
up-modal-box {
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    background-color: #fff;
    padding: 20px;
    overflow-x: hidden
}

up-popup-content,
up-cover-content,
up-drawer-content,
up-modal-content {
    display: block
}

up-popup {
    z-index: 1000
}

up-popup-dismiss,
up-cover-dismiss,
up-drawer-dismiss,
up-modal-dismiss {
    color: #888;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.7rem;
    line-height: .5;
    cursor: pointer
}

up-modal[nesting="0"] up-modal-viewport {
    padding: 25px 15px
}

up-modal[nesting="1"] up-modal-viewport {
    padding: 50px 30px
}

up-modal[nesting="2"] up-modal-viewport {
    padding: 75px 45px
}

up-modal[nesting="3"] up-modal-viewport {
    padding: 100px 60px
}

up-modal[nesting="4"] up-modal-viewport {
    padding: 125px 75px
}

up-modal[size=small] up-modal-box {
    width: 350px
}

up-modal[size=medium] up-modal-box {
    width: 650px
}

up-modal[size=large] up-modal-box {
    width: 1000px
}

up-modal[size=grow] up-modal-box {
    width: auto
}

up-modal[size=full] up-modal-box {
    width: 100%
}

up-drawer-viewport {
    justify-content: flex-start
}

up-drawer[position=right] up-drawer-viewport {
    justify-content: flex-end
}

up-drawer-box {
    min-height: 100vh
}

up-drawer[size=small] up-drawer-box {
    width: 150px
}

up-drawer[size=medium] up-drawer-box {
    width: 340px
}

up-drawer[size=large] up-drawer-box {
    width: 600px
}

up-drawer[size=grow] up-drawer-box {
    width: auto
}

up-drawer[size=full] up-drawer-box {
    width: 100%
}

up-cover-box {
    width: 100%;
    min-height: 100vh;
    padding: 0
}

up-popup {
    padding: 15px;
    text-align: left
}

up-popup[size=small] {
    width: 180px
}

up-popup[size=medium] {
    width: 300px
}

up-popup[size=large] {
    width: 550px
}

up-popup[size=grow] up-popup {
    width: auto
}

up-popup[size=full] up-popup {
    width: 100%
}

[up-clickable][role=link] {
    cursor: pointer
}

[up-expand]:not([role]),
[up-expand][role=link] {
    cursor: pointer
}

*,
*:before,
*:after {
    box-sizing: border-box
}

:where(body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) {
    margin: 0
}

:where(h1, h2, h3, h4, h5, h6) {
    font-weight: 400
}

ul[role=list],
ol[role=list] {
    list-style: none
}

ul,
ol {
    margin: 0;
    padding: 0
}

ul>li,
ol>li {
    list-style-type: none
}

body {
    margin: 0
}

a {
    text-decoration: none;
    color: inherit
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

:where(a:visited) {
    color: inherit
}

img,
picture {
    max-width: 100%;
    display: block
}

input,
button,
textarea,
select {
    font: inherit
}

button {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    appearance: none;
    color: inherit;
    cursor: pointer
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,
    *:before,
    *:after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

:root {
    --easing: cubic-bezier(.75, .02, .5, 1)
}

:root {
    --breakpoint-min-width-xs: 0px;
    --breakpoint-min-width-sm: 375px;
    --breakpoint-min-width-md: 768px;
    --breakpoint-min-width-lg: 1024px;
    --breakpoint-min-width-xl: 1440px;
    --breakpoint-min-width-xxl: 1920px
}

@media (min-width: 0px) {
    :root {
        --current-breakpoint: xs
    }
}

@media (min-width: 375px) {
    :root {
        --current-breakpoint: sm
    }
}

@media (min-width: 768px) {
    :root {
        --current-breakpoint: md
    }
}

@media (min-width: 1024px) {
    :root {
        --current-breakpoint: lg
    }
}

@media (min-width: 1440px) {
    :root {
        --current-breakpoint: xl
    }
}

@media (min-width: 1920px) {
    :root {
        --current-breakpoint: xxl
    }
}

:root {
    --ui-primary: #000000;
    --ui-secondary: #333333;
    --ui-tertiary: #666666;
    --ui-inverted: #ffffff;
    --ui-divider: #d9d9d9;
    --ui-error: #eb0d3f;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #eb0d3f;
    --ui-highlight-secondary: #000000;
    --ui-highlight-tertiary: rgba(0, 0, 0, .05);
    --interaction-primary-default: #000000;
    --interaction-primary-hover: #4c4c4c;
    --interaction-primary-active: #000000;
    --interaction-primary-disabled: #b3b3b3;
    --interaction-primary-focus: #000000;
    --interaction-primary-pressed: #000000;
    --interaction-secondary-default: #666666;
    --interaction-secondary-hover: #000000;
    --interaction-secondary-active: #000000;
    --interaction-secondary-filled: #333333;
    --interaction-secondary-disabled: #b3b3b3;
    --interaction-secondary-focus: #000000;
    --interaction-secondary-readonly: #333333;
    --interaction-secondary-pressed: #000000;
    --interaction-tertiary-default: #d9d9d9;
    --interaction-tertiary-hover: #d9d9d9;
    --interaction-tertiary-active: #333333;
    --interaction-tertiary-disabled: #d9d9d9;
    --interaction-label-default: #333333;
    --interaction-label-hover: #000000;
    --interaction-label-active: #333333;
    --interaction-label-filled: #333333;
    --interaction-label-disabled: #b3b3b3;
    --interaction-label-focus: #000000;
    --interaction-label-readonly: #333333;
    --interaction-label-pressed: #000000;
    --background-card: #ffffff;
    --background-level-0: #ffffff;
    --background-level-1: #ffffff;
    --background-level-2: #ffffff;
    --background-level-3: #f2f2f2
}

:root {
    --grid-gap-x: calc(var(--spacer-s) / 2);
    --grid-gap-y: var(--grid-gap-x)
}

:root {
    --spacer-xxs: 4px;
    --spacer-xs: 8px;
    --spacer-s: 12px;
    --spacer-m: 16px;
    --spacer-l: 24px;
    --spacer-xl: 28px;
    --spacer-xxl: 36px;
    --spacer-xxxl: 40px;
    --page-margin: 16px
}

@media (min-width: 375px) {
    :root {
        --page-margin: 28px
    }
}

@media (min-width: 768px) {
    :root {
        --spacer-xxxl: 48px;
        --page-margin: 40px
    }
}

@media (min-width: 1024px) {
    :root {
        --spacer-xxl: 40px;
        --spacer-xxxl: 60px;
        --page-margin: 60px
    }
}

@media (min-width: 1440px) {
    :root {
        --spacer-xl: 32px;
        --spacer-xxl: 52px;
        --spacer-xxxl: 80px;
        --page-margin: 96px
    }
}

@media (min-width: 1920px) {
    :root {
        --spacer-xl: 44px;
        --spacer-xxl: 68px;
        --spacer-xxxl: 100px
    }
}

:root {
    --heading-margin: var(--spacer-l);
    --list-margin: var(--spacer-xl);
    --nested-list-margin: var(--spacer-l);
    --table-margin: var(--spacer-l);
    --blockquote-margin: var(--spacer-xxl);
    --font-variation-wide: "wdth" 105;
    --font-variation-extended: "wdth" 130;
    --font-variation-bold: "wght" 700;
    --font-size-h1: 28px;
    --font-size-h2: 24px;
    --font-size-h3: 20px;
    --font-size-h4: 16px;
    --line-height-h1: 44px;
    --line-height-h2: 36px;
    --line-height-h3: 32px;
    --line-height-h4: 24px;
    --font-size-display1: 40px;
    --font-size-display2: 36px;
    --line-height-display1: 56px;
    --line-height-display2: 52px;
    --font-size-copy1: 16px;
    --font-size-copy2: 12px;
    --font-size-copy3: 10px;
    --line-height-copy1: 24px;
    --line-height-copy2: 20px;
    --line-height-copy3: 16px
}

@media (min-width: 768px) {
    :root {
        --font-size-display1: 48px;
        --line-height-display1: 68px
    }
}

@media (min-width: 1024px) {
    :root {
        --font-size-h1: 36px;
        --font-size-h2: 28px;
        --font-size-h3: 20px;
        --font-size-h4: 16px;
        --line-height-h1: 52px;
        --line-height-h2: 44px;
        --line-height-h3: 32px;
        --line-height-h4: 24px;
        --font-size-display1: 60px;
        --font-size-display2: 44px;
        --line-height-display1: 84px;
        --line-height-display2: 64px
    }
}

@media (min-width: 1440px) {
    :root {
        --font-size-h1: 40px;
        --font-size-h2: 32px;
        --font-size-h3: 24px;
        --font-size-h4: 18px;
        --line-height-h1: 60px;
        --line-height-h2: 48px;
        --line-height-h3: 36px;
        --line-height-h4: 28px;
        --font-size-display1: 72px;
        --font-size-display2: 52px;
        --line-height-display1: 100px;
        --line-height-display2: 76px
    }
}

@media (min-width: 1920px) {
    :root {
        --font-size-h1: 44px;
        --font-size-h2: 36px;
        --font-size-h3: 24px;
        --font-size-h4: 20px;
        --line-height-h1: 68px;
        --line-height-h2: 52px;
        --line-height-h3: 36px;
        --line-height-h4: 32px;
        --font-size-display1: 84px;
        --font-size-display2: 60px;
        --line-height-display1: 116px;
        --line-height-display2: 84px
    }
}

:root {
    --max-content-width: 1920px;
    --content-width: calc(100% - 2 * var(--page-margin))
}

html {
    font-size: var(--font-size-copy1);
    scroll-behavior: smooth !important
}

body {
    color: var(--ui-secondary);
    background: var(--background-level-0);
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1);
    font-variation-settings: var(--font-variation-wide);
    font-style: normal;
    font-weight: 400;
    font-family: Audi Type Variable, Verdana, Geneva, sans-serif;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "locl" 1;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    overflow-y: scroll;
    -webkit-tap-highlight-color: transparent
}

body.-locked {
    padding-right: var(--scrollbar-width);
    overflow-y: hidden
}

body.-busy * {
    cursor: progress
}

hr {
    margin: var(--spacer-xl) 0;
    border: none;
    border-top: 1px solid var(--ui-divider)
}

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

::selection {
    background-color: #f50537;
    color: #fff
}

img::selection,
iframe::selection {
    background-color: #f5053799
}

@font-face {
    font-family: Audi Type Variable;
    src: local("_x_"), url(./fonts/AudiTypeVF_4.033-EJMP5BQZ.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

.row {
    --gap-x: var(--grid-gap-x);
    --gap-y: var(--grid-gap-y);
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--gap-y);
    margin-left: calc(var(--gap-x) / -2);
    margin-right: calc(var(--gap-x) / -2)
}

.row>* {
    width: 100%;
    margin-left: calc(var(--gap-x) / 2);
    margin-right: calc(var(--gap-x) / 2)
}

.row.-large-gap {
    --gap-x: calc(var(--grid-gap-y) + 2 * var(--spacer-m))
}

@media (max-width: 767.98px) {
    .row.-large-gap {
        --gap-y: var(--spacer-l)
    }
}

.row.-extra-large-gap {
    --gap-x: calc(var(--grid-gap-y) + 2 * var(--spacer-m))
}

@media (max-width: 767.98px) {
    .row.-extra-large-gap {
        --gap-y: var(--spacer-xl)
    }
}

.col {
    flex: 1 0 0
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: calc(8.33333% - var(--gap-x))
}

.col-2 {
    flex: 0 0 auto;
    width: calc(16.66667% - var(--gap-x))
}

.col-3 {
    flex: 0 0 auto;
    width: calc(25% - var(--gap-x))
}

.col-4 {
    flex: 0 0 auto;
    width: calc(33.33333% - var(--gap-x))
}

.col-5 {
    flex: 0 0 auto;
    width: calc(41.66667% - var(--gap-x))
}

.col-6 {
    flex: 0 0 auto;
    width: calc(50% - var(--gap-x))
}

.col-7 {
    flex: 0 0 auto;
    width: calc(58.33333% - var(--gap-x))
}

.col-8 {
    flex: 0 0 auto;
    width: calc(66.66667% - var(--gap-x))
}

.col-9 {
    flex: 0 0 auto;
    width: calc(75% - var(--gap-x))
}

.col-10 {
    flex: 0 0 auto;
    width: calc(83.33333% - var(--gap-x))
}

.col-11 {
    flex: 0 0 auto;
    width: calc(91.66667% - var(--gap-x))
}

.col-12 {
    flex: 0 0 auto;
    width: calc(100% - var(--gap-x))
}

@media (min-width: 0px) {
    .col-xs {
        flex: 1 0 0
    }

    .col-xs-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xs-1 {
        flex: 0 0 auto;
        width: calc(8.33333% - var(--gap-x))
    }

    .col-xs-2 {
        flex: 0 0 auto;
        width: calc(16.66667% - var(--gap-x))
    }

    .col-xs-3 {
        flex: 0 0 auto;
        width: calc(25% - var(--gap-x))
    }

    .col-xs-4 {
        flex: 0 0 auto;
        width: calc(33.33333% - var(--gap-x))
    }

    .col-xs-5 {
        flex: 0 0 auto;
        width: calc(41.66667% - var(--gap-x))
    }

    .col-xs-6 {
        flex: 0 0 auto;
        width: calc(50% - var(--gap-x))
    }

    .col-xs-7 {
        flex: 0 0 auto;
        width: calc(58.33333% - var(--gap-x))
    }

    .col-xs-8 {
        flex: 0 0 auto;
        width: calc(66.66667% - var(--gap-x))
    }

    .col-xs-9 {
        flex: 0 0 auto;
        width: calc(75% - var(--gap-x))
    }

    .col-xs-10 {
        flex: 0 0 auto;
        width: calc(83.33333% - var(--gap-x))
    }

    .col-xs-11 {
        flex: 0 0 auto;
        width: calc(91.66667% - var(--gap-x))
    }

    .col-xs-12 {
        flex: 0 0 auto;
        width: calc(100% - var(--gap-x))
    }
}

@media (min-width: 375px) {
    .col-sm {
        flex: 1 0 0
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: calc(8.33333% - var(--gap-x))
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: calc(16.66667% - var(--gap-x))
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: calc(25% - var(--gap-x))
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: calc(33.33333% - var(--gap-x))
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: calc(41.66667% - var(--gap-x))
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: calc(50% - var(--gap-x))
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: calc(58.33333% - var(--gap-x))
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: calc(66.66667% - var(--gap-x))
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: calc(75% - var(--gap-x))
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: calc(83.33333% - var(--gap-x))
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: calc(91.66667% - var(--gap-x))
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: calc(100% - var(--gap-x))
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: calc(8.33333% - var(--gap-x))
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: calc(16.66667% - var(--gap-x))
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: calc(25% - var(--gap-x))
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: calc(33.33333% - var(--gap-x))
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: calc(41.66667% - var(--gap-x))
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: calc(50% - var(--gap-x))
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: calc(58.33333% - var(--gap-x))
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: calc(66.66667% - var(--gap-x))
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: calc(75% - var(--gap-x))
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: calc(83.33333% - var(--gap-x))
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: calc(91.66667% - var(--gap-x))
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: calc(100% - var(--gap-x))
    }
}

@media (min-width: 1024px) {
    .col-lg {
        flex: 1 0 0
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: calc(8.33333% - var(--gap-x))
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: calc(16.66667% - var(--gap-x))
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: calc(25% - var(--gap-x))
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: calc(33.33333% - var(--gap-x))
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: calc(41.66667% - var(--gap-x))
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: calc(50% - var(--gap-x))
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: calc(58.33333% - var(--gap-x))
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: calc(66.66667% - var(--gap-x))
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: calc(75% - var(--gap-x))
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: calc(83.33333% - var(--gap-x))
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: calc(91.66667% - var(--gap-x))
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: calc(100% - var(--gap-x))
    }
}

@media (min-width: 1440px) {
    .col-xl {
        flex: 1 0 0
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: calc(8.33333% - var(--gap-x))
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: calc(16.66667% - var(--gap-x))
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: calc(25% - var(--gap-x))
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: calc(33.33333% - var(--gap-x))
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: calc(41.66667% - var(--gap-x))
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: calc(50% - var(--gap-x))
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: calc(58.33333% - var(--gap-x))
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: calc(66.66667% - var(--gap-x))
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: calc(75% - var(--gap-x))
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: calc(83.33333% - var(--gap-x))
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: calc(91.66667% - var(--gap-x))
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: calc(100% - var(--gap-x))
    }
}

@media (min-width: 1920px) {
    .col-xxl {
        flex: 1 0 0
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: calc(8.33333% - var(--gap-x))
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: calc(16.66667% - var(--gap-x))
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: calc(25% - var(--gap-x))
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: calc(33.33333% - var(--gap-x))
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: calc(41.66667% - var(--gap-x))
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: calc(50% - var(--gap-x))
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: calc(58.33333% - var(--gap-x))
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: calc(66.66667% - var(--gap-x))
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: calc(75% - var(--gap-x))
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: calc(83.33333% - var(--gap-x))
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: calc(91.66667% - var(--gap-x))
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: calc(100% - var(--gap-x))
    }
}

.spacer-top-xxs {
    margin-top: var(--spacer-xxs)
}

.spacer-bottom-xxs {
    margin-bottom: var(--spacer-xxs)
}

.spacer-top-xs {
    margin-top: var(--spacer-xs)
}

.spacer-bottom-xs {
    margin-bottom: var(--spacer-xs)
}

.spacer-top-s {
    margin-top: var(--spacer-s)
}

.spacer-bottom-s {
    margin-bottom: var(--spacer-s)
}

.spacer-top-m {
    margin-top: var(--spacer-m)
}

.spacer-bottom-m {
    margin-bottom: var(--spacer-m)
}

.spacer-top-l {
    margin-top: var(--spacer-l)
}

.spacer-bottom-l {
    margin-bottom: var(--spacer-l)
}

.spacer-top-xl {
    margin-top: var(--spacer-xl)
}

.spacer-bottom-xl {
    margin-bottom: var(--spacer-xl)
}

.spacer-top-xxl {
    margin-top: var(--spacer-xxl)
}

.spacer-bottom-xxl {
    margin-bottom: var(--spacer-xxl)
}

.spacer-top-xxxl {
    margin-top: var(--spacer-xxxl)
}

.spacer-bottom-xxxl {
    margin-bottom: var(--spacer-xxxl)
}

h1,
.h1 {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary)
}

h2,
.h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary)
}

h3,
.h3 {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary)
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary)
}

.display1 {
    font-size: var(--font-size-display1);
    line-height: var(--line-height-display1);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary)
}

.display2 {
    font-size: var(--font-size-display2);
    line-height: var(--line-height-display2);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary)
}

small,
.small {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

strong,
b {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-wide)
}

:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display1, .display2) strong,
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display1, .display2) b {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-extended)
}

em,
i {
    font-style: normal
}

u {
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em
}

th,
dt {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

p {
    margin-bottom: 1.5em
}

p:last-child {
    margin-bottom: 0
}

sub,
sup {
    font-size: .583em;
    vertical-align: middle;
    position: relative
}

sub {
    bottom: -.35em
}

sup {
    top: -.4em
}

up-popup {
    --offset: calc(var(--spacer-xl) / 2);
    padding: var(--spacer-m);
    background: var(--ui-inverted);
    box-shadow: 0 0 2px #0000000d, 0 0 50px #00000012;
    position: relative;
    overflow: visible
}

up-popup:after {
    position: absolute;
    content: "";
    transform: translate(-50%, -50%);
    --icon-color: var(--ui-inverted);
    --icon-size: 20px;
    --color: var(--icon-color, currentColor);
    --size: var(--icon-size);
    --mask: url(./images/frontend/icons/custom/popover-diamond-E45KQ6ZF.svg) center / contain no-repeat;
    display: inline-grid;
    width: var(--size);
    height: var(--size);
    --vertical-align: calc(.25em - .5 * var(--size) + var(--shift-correction));
    --shift-correction: calc(3px - min(1px, max(17px, 1em) - 1em));
    vertical-align: var(--vertical-align);
    background-color: var(--color);
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

up-popup[position=top] {
    margin-bottom: var(--offset)
}

up-popup[position=top]:after {
    top: 100%;
    left: 50%
}

up-popup[position=bottom] {
    margin-top: var(--offset)
}

up-popup[position=bottom]:after {
    top: 0;
    left: 50%
}

up-popup[position=left] {
    margin-right: var(--offset)
}

up-popup[position=left]:after {
    left: 100%;
    top: 50%
}

up-popup[position=right] {
    margin-left: var(--offset)
}

up-popup[position=right]:after {
    left: 0;
    top: 50%
}

up-popup[align=left]:after {
    left: var(--spacer-l)
}

up-popup[align=right]:after {
    left: var(--spacer-l)
}

up-progress-bar {
    background-color: var(--ui-highlight-primary)
}

.action-bar {
    --icon-gap: var(--spacer-l);
    --share-panel-size: 0fr;
    --share-panel-opacity: 0;
    --share-panel-transition-duration: .5s;
    isolation: isolate;
    display: grid;
    grid-template-areas: "primary-action" "icon-actions" "share-panel" "secondary-action";
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content var(--share-panel-size) max-content;
    transition: grid-template-rows var(--share-panel-transition-duration) var(--easing)
}

@media (min-width: 768px) {
    .action-bar {
        grid-template-areas: "primary-action icon-actions secondary-action" "share-panel share-panel share-panel";
        grid-template-columns: auto 1fr auto;
        grid-template-rows: max-content var(--share-panel-size)
    }

    .action-bar.-has-navigation {
        grid-template-columns: calc(calc(3 / 12 * var(--inside-layout-width) - 9 / 12 * var(--grid-gap-x)) + var(--icon-gap)) 1fr auto
    }
}

.action-bar.-share-panel-visible {
    --share-panel-size: 1fr;
    --share-panel-opacity: 1
}

.action-bar--primary-action {
    grid-area: primary-action;
    display: grid;
    align-items: center;
    margin: 0 0 var(--icon-gap) 0
}

@media (min-width: 768px) {
    .action-bar--primary-action {
        margin: 0 var(--icon-gap) 0 0
    }
}

.action-bar--icon-actions {
    grid-area: icon-actions;
    align-self: center;
    display: flex;
    gap: var(--icon-gap);
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .action-bar--icon-actions {
        flex-wrap: nowrap
    }
}

.action-bar--icon-actions a,
.action-bar--icon-actions button {
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s)
}

.action-bar--secondary-action {
    grid-area: secondary-action;
    display: grid;
    align-items: center;
    margin: var(--spacer-xxl) 0 0 0
}

@media (min-width: 768px) {
    .action-bar--secondary-action {
        margin: 0 0 0 var(--icon-gap)
    }
}

.action-bar--share-panel {
    grid-area: share-panel;
    overflow: hidden;
    z-index: -1;
    transition: all .5s var(--easing);
    transform: translateY(calc(var(--spacer-s) * (1 - var(--share-panel-opacity, 1))));
    opacity: var(--share-panel-opacity);
    margin-left: calc(-1 * var(--page-margin));
    margin-right: calc(-1 * var(--page-margin));
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    --bottom-space: var(--lightbox-description-padding-y, var(--spacer-xxl));
    margin-bottom: calc(-1 * var(--bottom-space) * var(--share-panel-opacity))
}

.action-bar--share-panel:before,
.action-bar--share-panel:after {
    content: "";
    display: block;
    height: var(--spacer-xxl)
}

.admin-panel {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 6;
    opacity: .7
}

.album-collection {
    --gap-y: var(--spacer-m);
    display: flex;
    flex-direction: column;
    row-gap: var(--gap-y)
}

.album-collection+.album-collection {
    margin-top: calc(2 * var(--spacer-xxl))
}

.album-collection--albums-count {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary)
}

.album-collection--link {
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s)
}

.album-collection--gallery {
    padding-top: calc(var(--spacer-l) - var(--gap-y))
}

.album-collection--view-button {
    margin-top: calc(var(--spacer-xxl) - var(--gap-y));
    align-self: center
}

.background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
    user-select: none
}

.badge {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold);
    display: inline-block;
    padding: 0 var(--spacer-xxs);
    color: var(--ui-inverted);
    background-color: var(--ui-highlight-secondary)
}

.badge.-new {
    color: var(--ui-inverted);
    background-color: var(--ui-highlight-primary)
}

.badge.-previous-model {
    padding: var(--spacer-xxs) var(--spacer-s);
    background: var(--ui-primary);
    font-variation-settings: unset
}

.bottom-content {
    margin-top: calc(2 * var(--spacer-xxl))
}

.brand-title {
    font-variation-settings: var(--font-variation-extended);
    display: flex;
    align-items: center;
    width: fit-content;
    color: var(--ui-primary);
    font-size: 15px
}

@media (min-width: 768px) {
    .brand-title {
        font-size: 17px
    }
}

.brand-title--logo {
    --width: 47px;
    --height: 16px;
    width: var(--width);
    height: var(--height);
    background: url(./images/frontend/rings16-FBG64ZMG.svg) no-repeat center/contain;
    margin-right: var(--height)
}

@media (min-width: 768px) {
    .brand-title--logo {
        --width: 52px;
        --height: 18px;
        background: url(./images/frontend/rings18-2GJCA2FU.svg) no-repeat center/contain
    }
}

.brand-title--name>strong {
    color: var(--ui-highlight-primary);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-extended)
}

:root {
    --breadcrumb-font-size: var(--font-size-copy2);
    --breadcrumb-line-height: var(--line-height-copy1)
}

.breadcrumb {
    display: flex;
    gap: var(--spacer-s);
    font-size: var(--breadcrumb-font-size);
    line-height: var(--breadcrumb-line-height);
    color: var(--ui-tertiary)
}

.breadcrumb>* {
    flex-shrink: 5;
    min-width: 0
}

.breadcrumb>*:first-child {
    flex-shrink: 0
}

.breadcrumb>*:last-child {
    flex-shrink: 1
}

.breadcrumb>*:last-child .icon {
    display: none
}

.breadcrumb-item {
    --icon-size: 18px;
    display: flex;
    align-items: center;
    margin-left: calc(-1 * var(--spacer-xxs));
    margin-right: calc(-1 * var(--spacer-xxs));
    padding-left: var(--spacer-xxs);
    padding-right: var(--spacer-xxs)
}

.breadcrumb-item .icon {
    flex: 0 0 auto;
    margin: -1px;
    order: 99
}

.breadcrumb-item>:not(.icon) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    min-width: 2ch
}

a.breadcrumb-item {
    color: var(--interaction-primary-default);
    transition: all .25s var(--easing)
}

a.breadcrumb-item:hover {
    color: var(--interaction-primary-hover)
}

a.breadcrumb-item:focus {
    color: var(--interaction-primary-focus)
}

a.breadcrumb-item:active {
    color: var(--interaction-primary-active)
}

.breakpoint-debugger {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.breakpoint-debugger:before {
    display: block;
    text-transform: uppercase;
    padding: 0 .2em;
    background: hsl(0turn 100% 75%);
    content: "xs"
}

@media (min-width: 0px) {
    .breakpoint-debugger:before {
        background: hsl(.14286turn 100% 75%);
        content: "xs"
    }
}

@media (min-width: 375px) {
    .breakpoint-debugger:before {
        background: hsl(.28571turn 100% 75%);
        content: "sm"
    }
}

@media (min-width: 768px) {
    .breakpoint-debugger:before {
        background: hsl(.42857turn 100% 75%);
        content: "md"
    }
}

@media (min-width: 1024px) {
    .breakpoint-debugger:before {
        background: hsl(.57143turn 100% 75%);
        content: "lg"
    }
}

@media (min-width: 1440px) {
    .breakpoint-debugger:before {
        background: hsl(.71429turn 100% 75%);
        content: "xl"
    }
}

@media (min-width: 1920px) {
    .breakpoint-debugger:before {
        background: hsl(.85714turn 100% 75%);
        content: "xxl"
    }
}

.btn {
    --padding-x: var(--btn-padding-x, 2em);
    --padding-y: var(--btn-padding-y, calc(1em - 1px));
    --min-width: var(--btn-min-width, 9em);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    transition: all .25s var(--easing);
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1);
    font-variation-settings: unset;
    min-width: var(--min-width);
    text-align: center;
    padding: var(--padding-y) var(--padding-x);
    color: var(--color-default);
    background: var(--bg-default);
    border: 1px solid var(--border-default)
}

.btn:active {
    color: var(--color-default);
    background: var(--bg-default);
    border-color: var(--border-default)
}

@media (hover: hover) {
    .btn:hover {
        color: var(--color-hover);
        background: var(--bg-hover);
        border-color: var(--border-hover)
    }
}

.btn:focus-visible {
    color: var(--color-hover);
    background: var(--bg-hover);
    border-color: var(--border-hover)
}

.btn:disabled {
    cursor: default;
    color: var(--color-disabled);
    background: var(--bg-disabled);
    border-color: var(--border-disabled)
}

.btn.-fit-content {
    min-width: auto
}

input.btn {
    appearance: none;
    margin: 0;
    border-radius: 0
}

.btn-sm {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    --padding-y: calc(1em + 1px)
}

.btn-primary {
    --color-default: var(--ui-inverted);
    --color-hover: var(--ui-inverted);
    --color-disabled: var(--ui-inverted);
    --bg-default: var(--interaction-primary-default);
    --bg-hover: var(--interaction-primary-hover);
    --bg-disabled: var(--interaction-primary-disabled);
    --border-default: var(--interaction-primary-default);
    --border-hover: var(--interaction-primary-hover);
    --border-disabled: var(--interaction-primary-disabled)
}

.btn-secondary {
    --color-default: var(--interaction-primary-default);
    --color-hover: var(--interaction-primary-hover);
    --color-disabled: var(--interaction-primary-disabled);
    --bg-default: transparent;
    --bg-hover: transparent;
    --bg-disabled: transparent;
    --border-default: var(--interaction-primary-default);
    --border-hover: var(--interaction-primary-hover);
    --border-disabled: var(--interaction-primary-disabled)
}

.btn-link,
.btn-text {
    --color-default: var(--interaction-primary-default);
    --color-hover: var(--interaction-primary-hover);
    --color-disabled: var(--interaction-primary-disabled);
    --bg-default: transparent;
    --bg-hover: transparent;
    --bg-disabled: transparent;
    --border-default: transparent;
    --border-hover: transparent;
    --border-disabled: transparent;
    min-width: auto;
    padding: 0;
    display: inline;
    border-width: 0
}

.btn-link {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.btn-link:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.btn-link:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.btn-link:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.btn-text {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.btn-text:hover {
    color: var(--interaction-primary-hover)
}

.btn-text:focus {
    color: var(--interaction-primary-focus)
}

.btn-text:active {
    color: var(--interaction-primary-active)
}

.btn-block {
    display: block;
    width: 100%
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check+.btn {
    --color-default: var(--interaction-primary-default);
    --color-hover: var(--interaction-primary-hover);
    --color-disabled: var(--interaction-primary-disabled);
    --bg-default: transparent;
    --bg-hover: transparent;
    --bg-disabled: transparent;
    --border-default: var(--interaction-primary-default);
    --border-hover: var(--interaction-primary-hover);
    --border-disabled: var(--interaction-primary-disabled)
}

.btn-check:checked+.btn {
    --color-default: var(--ui-inverted);
    --color-hover: var(--ui-inverted);
    --color-disabled: var(--ui-inverted);
    --bg-default: var(--interaction-primary-default);
    --bg-hover: var(--interaction-primary-hover);
    --bg-disabled: var(--interaction-primary-disabled);
    --border-default: var(--interaction-primary-default);
    --border-hover: var(--interaction-primary-hover);
    --border-disabled: var(--interaction-primary-disabled)
}

.btn-check:focus-visible+.btn {
    color: var(--color-hover);
    background: var(--bg-hover);
    border-color: var(--border-hover);
    outline: 2px auto Highlight;
    outline: 2px auto -webkit-focus-ring-color
}

.btn-check:disabled+.btn {
    cursor: default;
    color: var(--color-disabled);
    background: var(--bg-disabled);
    border-color: var(--border-disabled)
}

.btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer-s)
}

.btn-group-xs {
    display: flex;
    flex-wrap: wrap
}

.btn-group-xs .btn {
    --btn-padding-x: var(--spacer-xxs);
    --btn-padding-y: calc(var(--spacer-xxs) - 1px);
    --btn-min-width: 0;
    --icon-size: var(--font-size-copy2);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.captioned-image--caption {
    margin-top: var(--spacer-m);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-secondary)
}

@media (min-width: 768px) {
    [class*=column-width-]:not(.column-width-100) .captioned-image--caption {
        padding-right: var(--spacer-xl)
    }
}

.cars-overview {
    display: block
}

.cars-overview--drive-type {
    margin-bottom: var(--spacer-xl)
}

.cars-overview--drive-type:not(:first-child) {
    margin-top: var(--spacer-xxl)
}

.cars-overview--slider {
    padding: 0
}

.cars-overview--button {
    padding: 0 var(--page-margin);
    margin-top: var(--spacer-xxl);
    text-align: center
}

.cars-overview-filter--button .btn {
    height: 56px
}

@media (max-width: 767.98px) {
    .cars-overview-filter--button .btn {
        --btn-padding-y: calc(var(--spacer-xxs) - 1px);
        overflow: hidden
    }
}

.cars-overview-filter--selected-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacer-xs);
    margin-top: var(--spacer-l)
}

.cars-overview-filter--selected-filters>* {
    max-width: 100%;
    flex: 0 0 auto
}

.cars-overview-filter--selected-filters>span:last-of-type {
    margin-right: var(--spacer-l)
}

@media (max-width: 1023.98px) {
    .cars-overview-filter--selected-filters>button {
        width: 100%;
        margin-top: var(--spacer-m);
        text-align: left
    }
}

.cars-overview-filter--reset {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.cars-overview-filter--reset:hover {
    color: var(--interaction-primary-hover)
}

.cars-overview-filter--reset:focus {
    color: var(--interaction-primary-focus)
}

.cars-overview-filter--reset:active {
    color: var(--interaction-primary-active)
}

.cars-overview-filter--no-results {
    margin-top: var(--spacer-xxl)
}

.cars-overview-filter--no-results>*+* {
    margin-top: var(--spacer-l)
}

.cars-overview-filter-form {
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    background: var(--background-level-0);
    display: grid;
    grid-template-areas: "dismiss" "filters" "submit";
    grid-template-rows: auto 1fr auto
}

up-cover .cars-overview-filter-form {
    position: fixed;
    inset: 0
}

.cars-overview-filter-form--filters {
    grid-area: filters;
    overflow-y: auto;
    background-color: var(--background-level-1);
    padding: var(--spacer-xl) var(--page-margin)
}

@supports not selector(::-webkit-scrollbar) {
    .cars-overview-filter-form--filters {
        scrollbar-color: var(--interaction-tertiary-default) var(--ui-inverted);
        scrollbar-width: thin
    }
}

.cars-overview-filter-form--filters::-webkit-scrollbar {
    width: var(--spacer-xs);
    height: var(--spacer-xs)
}

.cars-overview-filter-form--filters::-webkit-scrollbar-thumb {
    background-color: var(--interaction-tertiary-default);
    border-radius: calc(var(--spacer-xs) / 2)
}

.cars-overview-filter-form--filters::-webkit-scrollbar-track {
    background-color: var(--ui-inverted);
    border-radius: calc(var(--spacer-xs) / 2);
    margin: 0
}

.cars-overview-filter-form--filters h3 {
    margin-bottom: var(--spacer-l)
}

.cars-overview-filter-form--filters h3:not(:first-child) {
    margin-top: var(--spacer-xxl)
}

.cars-overview-filter-form--dismiss {
    grid-area: dismiss;
    justify-self: end;
    padding: var(--spacer-m) calc(var(--page-margin) - var(--spacer-s))
}

.cars-overview-filter-form--dismiss .btn-text {
    padding-left: var(--spacer-m)
}

.cars-overview-filter-form--submit {
    grid-area: submit;
    padding: var(--spacer-l) var(--page-margin);
    display: grid
}

@media (min-width: 768px) {
    .cars-overview-filter-form--submit {
        place-content: center
    }
}

.cars-overview-list {
    --column-count: 4;
    display: grid;
    grid-template-columns: repeat(var(--column-count), 1fr);
    gap: var(--grid-gap-x) var(--grid-gap-y)
}

.cars-overview-list.-car {
    grid-row-gap: var(--spacer-xl)
}

@media (max-width: 1023.98px) {
    .cars-overview-list {
        --column-count: 3
    }
}

@media (max-width: 767.98px) {
    .cars-overview-list {
        --column-count: 1
    }
}

[cart_button],
[cart-button] {
    position: relative
}

.cart-button--ghost {
    pointer-events: none;
    background-color: transparent;
    position: absolute
}

.cart-button-popover {
    width: 250px
}

.cart-contents {
    --media-cell-width: 232px;
    --quality-cell-width: 152px;
    --actions-cell-width: 48px
}

.cart-contents table {
    --cell-gap: var(--table-cell-gap, var(--spacer-xs));
    border-collapse: separate;
    border-spacing: var(--cell-gap) 0;
    margin: var(--table-margin) calc(-1 * var(--cell-gap))
}

.cart-contents table th,
.cart-contents table td {
    --heading-border-width: 2px;
    --regular-border-width: 1px;
    --border-width: var(--regular-border-width);
    --border-color: var(--ui-primary);
    --padding-top: var(--spacer-s);
    --padding-right: var(--spacer-s);
    --padding-bottom: var(--spacer-l);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) 0;
    border-top: var(--border-width) solid var(--border-color);
    text-align: start;
    vertical-align: top
}

.cart-contents table>thead:first-child>tr:first-child>th,
.cart-contents table>thead:first-child>tr:first-child>td,
.cart-contents table>tbody:first-child>tr:first-child>th,
.cart-contents table>tbody:first-child>tr:first-child>td {
    --border-width: var(--heading-border-width)
}

.cart-contents table>thead>tr>th[scope=row],
.cart-contents table>tbody>tr>th[scope=row] {
    --border-width: var(--heading-border-width)
}

.cart-contents table>thead>tr>th[scope=row]~td,
.cart-contents table>tbody>tr>th[scope=row]~td {
    --border-width: var(--regular-border-width);
    padding-top: calc(var(--padding-top) + var(--heading-border-width) - var(--regular-border-width))
}

.cart-contents table>thead:last-child>tr:last-child>th,
.cart-contents table>thead:last-child>tr:last-child>td,
.cart-contents table>tbody:last-child>tr:last-child>th,
.cart-contents table>tbody:last-child>tr:last-child>td {
    position: relative
}

.cart-contents table>thead:last-child>tr:last-child>th:after,
.cart-contents table>thead:last-child>tr:last-child>td:after,
.cart-contents table>tbody:last-child>tr:last-child>th:after,
.cart-contents table>tbody:last-child>tr:last-child>td:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--border-width);
    background-color: var(--border-color)
}

.cart-contents table th,
.cart-contents table td[role=rowheader],
.cart-contents table td[role=columnheader] {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

@media (max-width: 1023.98px) {

    .cart-contents table,
    .cart-contents table>thead,
    .cart-contents table>tbody,
    .cart-contents table>thead>tr,
    .cart-contents table>tbody>tr,
    .cart-contents table>thead>tr>th,
    .cart-contents table>thead>tr>td,
    .cart-contents table>tbody>tr>th,
    .cart-contents table>tbody>tr>td {
        display: block
    }

    .cart-contents table {
        --cell-gap: 0
    }

    .cart-contents table>thead>tr>th,
    .cart-contents table>tbody>tr>th {
        padding: var(--spacer-s) 0 0
    }

    .cart-contents table>thead>tr>th~td,
    .cart-contents table>tbody>tr>th~td {
        padding: var(--spacer-m) 0 0;
        border: none
    }

    .cart-contents table>thead>tr>th[scope=row]~td,
    .cart-contents table>tbody>tr>th[scope=row]~td {
        padding-top: var(--spacer-m)
    }

    .cart-contents table>thead>tr>th:last-child,
    .cart-contents table>thead>tr>td:last-child,
    .cart-contents table>tbody>tr>th:last-child,
    .cart-contents table>tbody>tr>td:last-child {
        padding-bottom: var(--spacer-l)
    }

    .cart-contents table>thead>tr>th:empty,
    .cart-contents table>thead>tr>td:empty,
    .cart-contents table>tbody>tr>th:empty,
    .cart-contents table>tbody>tr>td:empty {
        padding: 0
    }

    .cart-contents table>thead>tr:last-child>th:not(:last-child):after,
    .cart-contents table>thead>tr:last-child>td:not(:last-child):after,
    .cart-contents table>tbody>tr:last-child>th:not(:last-child):after,
    .cart-contents table>tbody>tr:last-child>td:not(:last-child):after {
        display: none
    }
}

@media (max-width: 1023.98px) {
    .cart-contents table>thead {
        display: none
    }

    .cart-contents table>tbody>tr>td:not(:first-child) {
        border: none
    }
}

.cart-contents--footer {
    margin-top: var(--spacer-l)
}

.cart-contents-table {
    width: 100%
}

@media (max-width: 1023.98px) {

    .cart-contents-table--column.-type,
    .cart-contents-table--column.-media,
    .cart-contents-table--column.-quality,
    .cart-contents-table--column.-desktop-actions {
        display: none
    }
}

.cart-contents-table--column.-mobile-actions {
    display: none
}

@media (max-width: 1023.98px) {
    .cart-contents-table--column.-mobile-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacer-l);
        padding-top: var(--spacer-s)
    }
}

@media (max-width: 1023.98px) {
    .cart-contents-table--column.-options[colspan] {
        padding: 0
    }
}

@media (min-width: 1024px) {
    .cart-contents-table--column.-options[colspan] {
        width: calc(var(--media-cell-width) + var(--cell-gap) + var(--quality-cell-width));
        position: relative
    }

    .cart-contents-table--column.-options[colspan]:before {
        content: "";
        height: calc(var(--heading-border-width) + 2px);
        width: var(--cell-gap);
        background: var(--ui-inverted);
        position: absolute;
        top: calc(-1 * var(--heading-border-width) - 1px);
        left: calc(var(--media-cell-width) + var(--cell-gap))
    }
}

th.cart-contents-table--column.-media {
    width: var(--media-cell-width)
}

th.cart-contents-table--column.-quality {
    width: var(--quality-cell-width)
}

th.cart-contents-table--column.-action {
    width: var(--actions-cell-width)
}

td.cart-contents-table--column.-desktop-actions {
    padding-left: var(--spacer-s)
}

.cart-contents-table--no-items {
    display: flex;
    gap: var(--spacer-m)
}

.cart-contents-table--no-items.-cart-loading {
    align-items: center
}

@media (max-width: 1023.98px) {
    .cart-contents-table--no-items {
        flex-direction: column
    }
}

.cart-counter.-empty {
    display: none
}

.cart-counter--value {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    background-color: var(--ui-highlight-primary);
    color: var(--ui-inverted);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    --ui-primary: #000000;
    --ui-secondary: #333333;
    --ui-tertiary: #666666;
    --ui-inverted: #ffffff;
    --ui-divider: #d9d9d9;
    --ui-error: #eb0d3f;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #eb0d3f;
    --ui-highlight-secondary: #000000;
    --ui-highlight-tertiary: rgba(0, 0, 0, .05)
}

.cart-footer--error-message {
    margin-top: var(--spacer-xl);
    color: var(--ui-error)
}

.cart-footer--legend {
    margin-top: var(--spacer-xxl)
}

.cart-footer--legend p {
    margin-bottom: 0
}

.cart-footer--legend p+p {
    margin-top: var(--spacer-xs)
}

.cart-footer--legend .meta--divider:last-child {
    display: none
}

@media (max-width: 1023.98px) {
    .cart-footer--legend .meta--divider {
        display: none
    }
}

@media (min-width: 1024px) {
    .cart-footer--legend br {
        display: none
    }
}

.cart-footer-actions {
    display: grid;
    align-items: center;
    grid-template-areas: "back-link cart-size" "clear-button clear-button" "download-button download-button";
    grid-auto-columns: 1fr
}

@media (min-width: 1024px) {
    .cart-footer-actions {
        display: flex
    }
}

.cart-footer-actions--back-link {
    grid-area: back-link
}

.cart-footer-actions--cart-size {
    grid-area: cart-size;
    justify-self: flex-end
}

.cart-footer-actions--cart-size.-invalid {
    color: var(--ui-error)
}

.cart-footer-actions--clear-button {
    grid-area: clear-button
}

@media (min-width: 1024px) {
    .cart-footer-actions--clear-button {
        margin-left: var(--spacer-l);
        margin-right: auto
    }
}

@media (max-width: 1023.98px) {
    .cart-footer-actions--clear-button {
        width: 100%;
        margin-top: var(--spacer-l)
    }
}

.cart-footer-actions--download-button {
    grid-area: download-button
}

@media (min-width: 1024px) {
    .cart-footer-actions--download-button {
        margin-left: var(--spacer-l)
    }
}

@media (max-width: 1023.98px) {
    .cart-footer-actions--download-button {
        width: 100%;
        margin-top: var(--spacer-xxs)
    }

    .cart-footer-actions--download-button .btn {
        width: 100%
    }
}

.cart-item {
    display: grid;
    grid-template-areas: "image meta" "image title" "image type";
    grid-template-columns: var(--image-size) 1fr;
    grid-template-rows: auto 1fr auto;
    gap: var(--spacer-m) var(--spacer-l);
    --image-size: 60px
}

@media (min-width: 1024px) {
    .cart-item {
        grid-template-areas: "image meta" "image title";
        --image-size: 80px
    }
}

.cart-item--image {
    grid-area: image
}

.cart-item--meta {
    grid-area: meta
}

.cart-item--title {
    grid-area: title
}

.cart-item--type {
    grid-area: type
}

@media (min-width: 1024px) {
    .cart-item--type {
        display: none
    }
}

.cart-item-options {
    display: flex;
    gap: var(--cell-gap)
}

@media (max-width: 1023.98px) {
    .cart-item-options {
        position: fixed;
        inset: 0;
        z-index: 10000;
        isolation: isolate;
        padding: calc(var(--large-icon-size) + var(--spacer-xxs)) var(--page-margin) calc(2 * var(--spacer-xxl));
        background: var(--ui-inverted);
        box-shadow: 0 10px 50px -20px #0000004d;
        overflow-y: auto;
        flex-direction: column;
        gap: var(--spacer-xxl)
    }

    .cart-item-options:not(.-visible) {
        display: none
    }
}

.cart-item-options--media,
.cart-item-options--quality {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-l)
}

@media (min-width: 1024px) {

    .cart-item-options--media,
    .cart-item-options--quality {
        padding-left: var(--spacer-s)
    }
}

@media (max-width: 1023.98px) {

    .cart-item-options--media:empty,
    .cart-item-options--quality:empty {
        display: none
    }
}

.cart-item-options--media {
    width: var(--media-cell-width)
}

.cart-item-options--quality {
    width: var(--quality-cell-width)
}

@media (min-width: 1024px) {

    .cart-item-options--button,
    .cart-item-options--close,
    .cart-item-options--subtitle,
    .cart-item-options--title {
        display: none
    }
}

.cart-item-options--button .btn {
    width: 100%
}

.cart-item-options--close {
    position: absolute;
    right: 0;
    top: 0
}

.cart-overlay {
    padding: var(--spacer-xxl) var(--spacer-xxl) var(--spacer-l)
}

.checkbox-with-label-container {
    display: flex;
    flex-direction: column;
    width: fit-content;
    pointer-events: none
}

.checkbox-with-label-container--label,
.checkbox-with-label-container--checkbox {
    pointer-events: auto
}

.collapsible {
    --collapse-button-margin: calc(2 * var(--spacer-xl));
    --collapsed-content-height: 363px;
    --content-transition-milliseconds: .5s;
    --expand-button-margin: var(--spacer-xl)
}

@media (max-width: 374.98px) {
    .collapsible {
        --collapsed-content-height: 511px
    }
}

@media (min-width: 375px) and (max-width: 767.98px) {
    .collapsible {
        --collapsed-content-height: 475px
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .collapsible {
        --collapsed-content-height: 355px
    }
}

@media (min-width: 1440px) and (max-width: 1919.98px) {
    .collapsible {
        --collapsed-content-height: 347px
    }
}

.collapsible--content {
    max-height: var(--collapsed-content-height);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: max-height var(--content-transition-milliseconds) var(--easing)
}

.collapsible.-expanded .collapsible--content {
    max-height: var(--expanded-content-height)
}

.collapsible--gradient {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .8) 100%)
}

.collapsible.-expanded .collapsible--gradient {
    display: none
}

.collapsible--collapse-button {
    display: none;
    margin-top: var(--collapse-button-margin)
}

.collapsible.-expanded .collapsible--collapse-button {
    display: block
}

.collapsible--expand-button {
    margin-top: var(--expand-button-margin)
}

.collapsible.-expanded .collapsible--expand-button {
    display: none
}

.collapsible-search-facets {
    --search-facet-height: var(--line-height-copy1);
    --search-facet-margin-bottom: var(--spacer-l);
    --search-facets-legend-font-size: var(--font-size-copy2);
    --search-facets-legend-line-height: var(--line-height-copy2);
    --search-facets-legend-margin-bottom: var(--spacer-s);
    --collapsed-content-height: calc(var(--search-facets-legend-line-height) + var(--search-facets-legend-margin-bottom) + var(--filters-count) * (var(--search-facet-height) + var(--search-facet-margin-bottom)))
}

.collapsible-search-facets--collapse-button {
    --collapse-button-margin: var(--spacer-l);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.collapsible-search-facets--expand-button {
    --expand-button-margin: 0;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.consumption-data {
    color: var(--background-level-3);
    margin-top: calc(var(--line-height-copy2) * 2)
}

.consumption-data.-lightbox {
    margin-top: 0;
    padding: 10px 30px;
    color: inherit;
    background-color: var(--background-level-3)
}

@media (min-width: 0px) and (max-width: 374.98px) {
    .consumption-data.-lightbox {
        padding: 8px 15px
    }
}

.consumption-data--headline {
    margin-bottom: var(--line-height-copy2)
}

.consumption-data.is-in-lightbox .consumption-data--headline {
    margin-bottom: calc(var(--line-height-copy2) / 2)
}

.consumption-data--car-name {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.consumption-data--details {
    margin-bottom: 21px
}

.consumption-data--legal:last-child {
    margin-bottom: var(--line-height-copy2)
}

.consumption-data-banner {
    --padding-x: min(var(--spacer-xl), var(--page-margin));
    --padding-y: var(--spacer-m);
    background: var(--background-level-3);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: var(--padding-y) var(--padding-x);
    gap: var(--spacer-xs);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    opacity: 0;
    transition: opacity .25s var(--easing);
    pointer-events: none;
    box-shadow: 0 2px 8px #00000040, 0 1px 4px #00000026
}

.consumption-data-banner.-visible {
    opacity: 1;
    pointer-events: auto
}

[data-zoom-level*=min-200-percent] .consumption-data-banner {
    max-height: calc(var(--line-height-copy2) * 2.5 + var(--padding-y));
    overflow-y: auto
}

.consumption-data-banner--contents>* {
    margin: 0
}

@media (max-width: 767.98px) {
    .consumption-data-banner--contents {
        overflow-wrap: break-word;
        hyphens: auto
    }
}

.consumption-data-banner-item {
    display: grid;
    grid-template-columns: 2em 1fr;
    gap: calc(var(--spacer-xs))
}

.consumption-data-banner-item>:first-child {
    color: var(--ui-tertiary);
    justify-self: end
}

.consumption-wrapper {
    position: relative;
    isolation: isolate
}

@media (min-width: 375px) {
    .consumption-wrapper.-cover-parent-from-sm {
        position: absolute;
        inset: 0
    }
}

.image.is-video .consumption-wrapper,
.restriction .consumption-wrapper,
.teaser .consumption-wrapper {
    isolation: auto
}

.consumption-wrapper--index {
    position: absolute;
    bottom: 4px;
    right: 4px;
    min-width: 16px;
    width: auto;
    padding-left: 4px;
    padding-right: 4px;
    height: 16px;
    line-height: 16px;
    opacity: .9;
    background-color: #fff;
    text-align: center;
    cursor: default;
    z-index: 1;
    font-size: 9px;
    --ui-primary: #000000;
    --ui-secondary: #333333;
    --ui-tertiary: #666666;
    --ui-inverted: #ffffff;
    --ui-divider: #d9d9d9;
    color: var(--ui-primary)
}

.container {
    --container-content-width: var(--max-content-width);
    width: 100%;
    max-width: calc(var(--container-content-width) + 2 * var(--page-margin));
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .container.-narrow {
        --container-content-width: calc(8 / 12 * var(--content-width) - 4 / 12 * var(--grid-gap-x))
    }
}

@media (min-width: 1024px) {
    .container.-super-narrow {
        --container-content-width: calc(8 / 12 * var(--content-width) - 4 / 12 * var(--grid-gap-x))
    }
}

@media (min-width: 1440px) {
    .container.-super-narrow {
        --container-content-width: calc(4 / 12 * var(--content-width) - 8 / 12 * var(--grid-gap-x))
    }
}

.content-section {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-xxl)
}

.content-section--title {
    text-align: center
}

.content-section--button {
    display: grid
}

@media (min-width: 768px) {
    .content-section--button {
        align-self: center
    }
}

@media (min-width: 1024px) {
    .custom-padding {
        padding-top: var(--padding-top, 0px);
        padding-left: var(--padding-left, 0px);
        padding-right: var(--padding-right, 0px);
        padding-bottom: var(--padding-bottom, 0px)
    }
}

.detail-page>*:first-child {
    margin-top: 0
}

.detail-page--image img {
    width: 100%;
    max-height: calc(calc(8 / 12 * var(--max-content-width) - 4 / 12 * var(--grid-gap-x)) / (4/3));
    object-fit: contain;
    object-position: left
}

.detail-page--meta {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary);
    margin-top: var(--spacer-m)
}

.detail-page--caption {
    margin-top: var(--spacer-xl)
}

.detail-page--caption a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.detail-page--caption a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.detail-page--caption a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.detail-page--caption a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.detail-page--caption ul,
.detail-page--caption ol {
    --indentation: calc(2 * var(--spacer-l));
    --item-spacing: var(--spacer-m);
    margin: var(--list-margin) 0;
    counter-reset: list-counter
}

.detail-page--caption ul ul,
.detail-page--caption ul ol,
.detail-page--caption ol ul,
.detail-page--caption ol ol {
    --indentation: calc(2 * var(--spacer-m));
    --list-margin: var(--nested-list-margin)
}

.detail-page--caption ul>li,
.detail-page--caption ol>li {
    counter-increment: list-counter;
    list-style-type: none;
    padding-left: var(--indentation);
    position: relative;
    isolation: isolate
}

.detail-page--caption ul>li+li,
.detail-page--caption ol>li+li {
    margin-top: var(--item-spacing)
}

.detail-page--caption ul>li:before,
.detail-page--caption ol>li:before {
    content: var(--counter-label);
    color: var(--ui-tertiary);
    position: absolute;
    padding-right: var(--spacer-s);
    transform: translate(-100%)
}

.detail-page--caption ul {
    --counter-label: "\203a"
}

.detail-page--caption ol {
    --counter-label: counters(list-counter, ".", decimal) "."
}

.detail-page--caption ol[data-type=alpha] {
    --counter-label: counters(list-counter, ".", lower-alpha) "."
}

.detail-page--caption table {
    --cell-gap: var(--table-cell-gap, var(--spacer-xs));
    border-collapse: separate;
    border-spacing: var(--cell-gap) 0;
    margin: var(--table-margin) calc(-1 * var(--cell-gap))
}

.detail-page--caption table th,
.detail-page--caption table td {
    --heading-border-width: 2px;
    --regular-border-width: 1px;
    --border-width: var(--regular-border-width);
    --border-color: var(--ui-primary);
    --padding-top: var(--spacer-s);
    --padding-right: var(--spacer-s);
    --padding-bottom: var(--spacer-l);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) 0;
    border-top: var(--border-width) solid var(--border-color);
    text-align: start;
    vertical-align: top
}

.detail-page--caption table>thead:first-child>tr:first-child>th,
.detail-page--caption table>thead:first-child>tr:first-child>td,
.detail-page--caption table>tbody:first-child>tr:first-child>th,
.detail-page--caption table>tbody:first-child>tr:first-child>td {
    --border-width: var(--heading-border-width)
}

.detail-page--caption table>thead>tr>th[scope=row],
.detail-page--caption table>tbody>tr>th[scope=row] {
    --border-width: var(--heading-border-width)
}

.detail-page--caption table>thead>tr>th[scope=row]~td,
.detail-page--caption table>tbody>tr>th[scope=row]~td {
    --border-width: var(--regular-border-width);
    padding-top: calc(var(--padding-top) + var(--heading-border-width) - var(--regular-border-width))
}

.detail-page--caption table>thead:last-child>tr:last-child>th,
.detail-page--caption table>thead:last-child>tr:last-child>td,
.detail-page--caption table>tbody:last-child>tr:last-child>th,
.detail-page--caption table>tbody:last-child>tr:last-child>td {
    position: relative
}

.detail-page--caption table>thead:last-child>tr:last-child>th:after,
.detail-page--caption table>thead:last-child>tr:last-child>td:after,
.detail-page--caption table>tbody:last-child>tr:last-child>th:after,
.detail-page--caption table>tbody:last-child>tr:last-child>td:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--border-width);
    background-color: var(--border-color)
}

.detail-page--caption table th,
.detail-page--caption table td[role=rowheader],
.detail-page--caption table td[role=columnheader] {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.detail-page--caption h1,
.detail-page--caption h2,
.detail-page--caption h3,
.detail-page--caption h4,
.detail-page--caption h5,
.detail-page--caption h6,
.detail-page--caption .h1,
.detail-page--caption .h2,
.detail-page--caption .h3,
.detail-page--caption .h4,
.detail-page--caption .h5,
.detail-page--caption .h6 {
    margin-top: var(--heading-margin);
    margin-bottom: var(--heading-margin)
}

.detail-page--caption blockquote {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary);
    color: inherit;
    text-align: center;
    margin-top: var(--blockquote-margin);
    margin-bottom: var(--blockquote-margin)
}

.detail-page--caption>:first-child {
    margin-top: 0
}

.detail-page--caption>:last-child {
    margin-bottom: 0
}

.detail-page--meta+.detail-page--caption {
    margin-top: var(--spacer-l)
}

.detail-page--details {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary)
}

.detail-page--details:not(:first-child) {
    margin-top: var(--spacer-l)
}

.detail-page--action-bar,
.detail-page--gallery {
    margin-top: var(--spacer-xxl)
}

.detailed-page-list-item {
    --gap-y: var(--spacer-m);
    --item-margin: 0;
    --column-gap: calc(var(--grid-gap-x) + var(--spacer-xl));
    display: grid;
    gap: var(--gap-y);
    grid-template-areas: "image" "title" "intro" "meta" "buttons"
}

.detailed-page-list-item+.detailed-page-list-item {
    margin-top: var(--spacer-xxl)
}

@media (min-width: 1024px) {
    .detailed-page-list-item {
        --item-margin: var(--gap-y);
        gap: 0 var(--column-gap);
        grid-template-areas: "image ." "image title" "image intro" "image meta" "image buttons" "image .";
        grid-template-columns: calc(4 / 12 * min(var(--max-content-width), 100%) - 8 / 12 * var(--grid-gap-x)) 1fr;
        grid-template-rows: 1fr auto auto auto auto 1fr
    }
}

@media (min-width: 1920px) {
    .detailed-page-list-item {
        grid-template-columns: calc(3 / 12 * min(var(--max-content-width), 100%) - 9 / 12 * var(--grid-gap-x)) 1fr
    }
}

.detailed-page-list-item.-search {
    grid-template-areas: "image ." "title title" "intro intro" "meta meta" "buttons buttons";
    grid-template-columns: calc(6 / 12 * min(var(--max-content-width), 100%) - 6 / 12 * var(--grid-gap-x)) 1fr
}

@media (min-width: 768px) {
    .detailed-page-list-item.-search {
        --item-margin: var(--gap-y);
        gap: 0 var(--column-gap);
        grid-template-areas: "image ." "image title" "image intro" "image meta" "image buttons" "image .";
        grid-template-columns: calc(4 / 12 * min(var(--max-content-width), 100%) - 8 / 12 * var(--grid-gap-x)) 1fr;
        grid-template-rows: 1fr auto auto auto auto 1fr
    }
}

@media (min-width: 1920px) {
    .detailed-page-list-item.-search {
        grid-template-columns: calc(4 / 12 * min(var(--max-content-width), 100%) - 8 / 12 * var(--grid-gap-x)) 1fr
    }
}

.detailed-page-list-item>*:empty {
    margin: 0
}

.detailed-page-list-item--image {
    grid-area: image
}

.detailed-page-list-item--title {
    grid-area: title;
    justify-self: start;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary);
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

@media (min-width: 1024px) {
    .detailed-page-list-item:not(.-search) .detailed-page-list-item--title {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        font-variation-settings: var(--font-variation-extended);
        letter-spacing: -.015em;
        color: var(--ui-primary)
    }
}

.detailed-page-list-item--intro {
    grid-area: intro;
    margin-top: var(--item-margin);
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    display: -webkit-box
}

@media (min-width: 1024px) {
    .detailed-page-list-item--intro {
        overflow: hidden;
        overflow-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box
    }
}

.detailed-page-list-item.-search .detailed-page-list-item--intro {
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

@media (min-width: 768px) {
    .detailed-page-list-item.-search .detailed-page-list-item--intro {
        overflow: hidden;
        overflow-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box
    }
}

@media (min-width: 1024px) {
    .detailed-page-list-item.-search .detailed-page-list-item--intro {
        font-size: var(--font-size-copy1);
        line-height: var(--line-height-copy1)
    }
}

@media (min-width: 1920px) {
    .detailed-page-list-item.-search .detailed-page-list-item--intro {
        overflow: hidden;
        overflow-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box
    }
}

.detailed-page-list-item--meta {
    grid-area: meta;
    margin-top: var(--item-margin)
}

.detailed-page-list-item--buttons {
    grid-area: buttons;
    margin-top: var(--item-margin);
    display: flex;
    gap: var(--spacer-l)
}

.detailed-page-list-item--buttons>* {
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s)
}

.detailed-page-list-item--buttons a,
.detailed-page-list-item--buttons button {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.detailed-page-list-item--buttons a:hover,
.detailed-page-list-item--buttons button:hover {
    color: var(--interaction-primary-hover)
}

.detailed-page-list-item--buttons a:focus,
.detailed-page-list-item--buttons button:focus {
    color: var(--interaction-primary-focus)
}

.detailed-page-list-item--buttons a:active,
.detailed-page-list-item--buttons button:active {
    color: var(--interaction-primary-active)
}

.detailed-page-list-item--button {
    grid-area: buttons;
    margin-top: var(--spacer-l);
    display: grid
}

@media (min-width: 1024px) {
    .detailed-page-list-item--button {
        justify-self: start
    }
}

.download {
    display: grid;
    grid-template-areas: "icon heading heading" "icon subheading subheading" ". . ." ". button add-to-cart" ". . ." ". consumption-data consumption-data";
    grid-template-columns: auto auto 1fr;
    grid-template-rows: auto auto minmax(var(--spacer-l), 1fr) auto minmax(var(--spacer-l), 1fr) auto;
    column-gap: var(--spacer-l)
}

.download--icon {
    grid-area: icon
}

.download--heading {
    grid-area: heading;
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.download--subheading {
    grid-area: subheading;
    margin-top: var(--spacer-xs);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.download--button {
    grid-area: button
}

.download--add-to-cart {
    grid-area: add-to-cart;
    align-self: center
}

.download--add-to-cart>button {
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s)
}

.download--consumption-data {
    grid-area: consumption-data;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary)
}

.download-cart--icon {
    --large-icon-size: 72px;
    margin-bottom: var(--spacer-l)
}

.download-cart--title {
    margin-bottom: var(--spacer-l)
}

.download-cart--text {
    margin-bottom: var(--spacer-xl)
}

.download-cart--text a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.download-cart--text a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.download-cart--text a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.download-cart--text a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.download-cart--input {
    margin-bottom: var(--spacer-xl)
}

.download-cart--hint {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    margin-top: var(--spacer-s)
}

@media (min-width: 768px) {
    .download-cart--email {
        width: calc(9 / 12 * min(var(--max-content-width), 100%) - 3 / 12 * var(--grid-gap-x))
    }
}

.download-cart--terms a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.download-cart--terms a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.download-cart--terms a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.download-cart--terms a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.download-cart--footnote {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.download-options {
    margin-top: calc(-1 * var(--spacer-s));
    margin-bottom: calc(-1 * var(--spacer-s))
}

.download-options>* {
    padding-top: var(--spacer-s);
    padding-bottom: var(--spacer-s)
}

.download-options>* a {
    display: block;
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s);
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.download-options>* a:hover {
    color: var(--interaction-primary-hover)
}

.download-options>* a:focus {
    color: var(--interaction-primary-focus)
}

.download-options>* a:active {
    color: var(--interaction-primary-active)
}

.download-options>*+* {
    border-top: 1px solid var(--ui-divider)
}

.environment-banner {
    padding: 0 var(--spacer-m);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-wide);
    text-align: center;
    text-transform: uppercase;
    color: var(--text-color);
    background-color: var(--background-color);
    text-shadow: -2px -2px 3px var(--text-shadow-color), -2px 2px 3px var(--text-shadow-color), 2px 2px 3px var(--text-shadow-color), 2px -2px 3px var(--text-shadow-color);
    background-image: linear-gradient(-45deg, var(--stripe-color) 25%, transparent 25%, transparent 50%, var(--stripe-color) 50%, var(--stripe-color) 75%, transparent 75%, transparent);
    background-size: 3rem 3rem;
    --text-color: #ffffff;
    --text-shadow-color: #000000;
    --background-color: #333333;
    --stripe-color: #000000
}

[data-environment=staging] .environment-banner {
    --background-color: #fe0;
    --stripe-color: #000
}

.error-page--icon {
    --large-icon-size: 72px;
    margin-bottom: var(--spacer-l)
}

.error-page--title {
    margin-bottom: var(--spacer-l)
}

.error-page--content a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.error-page--content a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.error-page--content a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.error-page--content a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.error-page--action {
    margin-top: var(--spacer-xl)
}

@media (max-width: 767.98px) {
    .error-page--action {
        width: 100%
    }
}

.feed {
    display: grid;
    grid-template-areas: "header" "content" "button";
    grid-template-rows: auto 1fr auto;
    margin-right: var(--spacer-xl)
}

.feed--header {
    grid-area: header;
    margin-bottom: var(--spacer-l)
}

.feed--tab-navigation {
    grid-area: tab-navigation;
    margin-bottom: var(--spacer-l)
}

.feed--content {
    grid-area: content;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--spacer-xl);
    row-gap: var(--spacer-xl)
}

@supports not selector(::-webkit-scrollbar) {
    .feed--content {
        scrollbar-color: var(--interaction-tertiary-default) var(--ui-inverted);
        scrollbar-width: thin
    }
}

.feed--content::-webkit-scrollbar {
    width: var(--spacer-xs);
    height: var(--spacer-xs)
}

.feed--content::-webkit-scrollbar-thumb {
    background-color: var(--interaction-tertiary-default);
    border-radius: calc(var(--spacer-xs) / 2)
}

.feed--content::-webkit-scrollbar-track {
    background-color: var(--ui-inverted);
    border-radius: calc(var(--spacer-xs) / 2);
    margin: 0
}

@media (max-width: 1023.98px) {
    .feed--content {
        grid-template-columns: auto
    }
}

.feed--button {
    grid-area: button;
    justify-self: start;
    margin-top: var(--spacer-xl)
}

.feed--button a {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.feed--button a:hover {
    color: var(--interaction-primary-hover)
}

.feed--button a:focus {
    color: var(--interaction-primary-focus)
}

.feed--button a:active {
    color: var(--interaction-primary-active)
}

.feed-item {
    --image-height: 136px;
    --image-width: 204px;
    --image-margin: var(--spacer-xl);
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center
}

@media (max-width: 1023.98px) {
    .feed-item {
        --image-margin: var(--spacer-l)
    }
}

.feed.-blog-article .feed-item {
    grid-template-areas: "image title" "image meta-info";
    grid-template-columns: auto 1fr;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4)
}

.feed.-blog-article .feed-item img {
    height: var(--image-height);
    width: var(--image-width)
}

.feed-item .feed-item--image {
    align-self: start;
    grid-area: image;
    margin-right: var(--image-margin)
}

@media (max-width: 1023.98px) {
    .feed-item .feed-item--image {
        --image-height: 68px;
        --image-width: 103px
    }
}

.feed-item--icon {
    grid-area: icon
}

.feed-item--meta-info {
    grid-area: meta-info
}

.feed.-blog-article .feed-item--meta-info {
    align-self: start
}

.feed-item--title {
    grid-area: title
}

.feed.-blog-article .feed-item--title {
    align-self: end;
    margin-bottom: var(--spacer-m)
}

.feed-item--description {
    grid-area: description;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.feed-item-actions {
    display: flex;
    align-items: center;
    gap: var(--spacer-l);
    margin-top: var(--spacer-m);
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.feed-item-actions:hover {
    color: var(--interaction-primary-hover)
}

.feed-item-actions:focus {
    color: var(--interaction-primary-focus)
}

.feed-item-actions:active {
    color: var(--interaction-primary-active)
}

.filter-option--remover {
    cursor: pointer;
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.filter-option--remover:hover {
    color: var(--interaction-primary-hover)
}

.filter-option--remover:focus {
    color: var(--interaction-primary-focus)
}

.filter-option--remover:active {
    color: var(--interaction-primary-active)
}

.flash {
    --padding-x: var(--spacer-m);
    --padding-y: var(--spacer-s);
    padding: var(--padding-y) var(--padding-x);
    padding-left: calc(var(--padding-x) + var(--icon-size) + var(--spacer-xs));
    background: var(--ui-inverted);
    box-shadow: 0 0 2px #0000001a, 0 0 40px #00000026;
    cursor: pointer;
    margin-top: var(--spacer-m);
    position: relative
}

.flash a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.flash a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.flash a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.flash a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.flash:before {
    position: absolute;
    left: var(--padding-x);
    content: "";
    display: inline-block;
    flex: 0 0 auto
}

.flash.-success:before {
    --icon-color: #009900;
    --color: var(--icon-color, currentColor);
    --size: var(--icon-size);
    --mask: url(./images/frontend/icons/select-small-NCOPBLFG.svg) center / contain no-repeat;
    display: inline-grid;
    width: var(--size);
    height: var(--size);
    --vertical-align: calc(.25em - .5 * var(--size) + var(--shift-correction));
    --shift-correction: calc(3px - min(1px, max(17px, 1em) - 1em));
    vertical-align: var(--vertical-align);
    background-color: var(--color);
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.flash.-warning:before {
    --icon-color: #ffaa00;
    --color: var(--icon-color, currentColor);
    --size: var(--icon-size);
    --mask: url(./images/frontend/icons/caution-small-3KRY6A4C.svg) center / contain no-repeat;
    display: inline-grid;
    width: var(--size);
    height: var(--size);
    --vertical-align: calc(.25em - .5 * var(--size) + var(--shift-correction));
    --shift-correction: calc(3px - min(1px, max(17px, 1em) - 1em));
    vertical-align: var(--vertical-align);
    background-color: var(--color);
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.flash.-danger:before {
    --icon-color: #eb0d3f;
    --color: var(--icon-color, currentColor);
    --size: var(--icon-size);
    --mask: url(./images/frontend/icons/caution-small-3KRY6A4C.svg) center / contain no-repeat;
    display: inline-grid;
    width: var(--size);
    height: var(--size);
    --vertical-align: calc(.25em - .5 * var(--size) + var(--shift-correction));
    --shift-correction: calc(3px - min(1px, max(17px, 1em) - 1em));
    vertical-align: var(--vertical-align);
    background-color: var(--color);
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.flex {
    display: grid;
    grid-template-areas: "image" "title" "text" "link";
    --content-padding-left: 0;
    --content-padding-right: 0
}

@media (min-width: 1440px) {
    .flex {
        grid-template-areas: "image ." "image title" "image text" "image link" "image .";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto auto auto 1fr;
        gap: 0 var(--grid-gap-x);
        align-items: center
    }

    .flex>.flex--image+* {
        margin-top: 0
    }

    .flex>*:not(.flex--image) {
        padding-left: var(--spacer-xxl);
        padding-right: 0
    }

    .flex.-text-left {
        grid-template-areas: ". image" "title image" "text image" "link image" ". image"
    }

    .flex.-text-left>*:not(.flex--image) {
        padding-left: 0;
        padding-right: var(--spacer-xxl)
    }
}

.flex--image {
    grid-area: image
}

.flex--title {
    margin-top: var(--spacer-l);
    grid-area: title
}

.flex--text {
    margin-top: var(--spacer-l);
    grid-area: text
}

.flex--text a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.flex--text a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.flex--text a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.flex--text a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.flex--text ul,
.flex--text ol {
    --indentation: calc(2 * var(--spacer-l));
    --item-spacing: var(--spacer-m);
    margin: var(--list-margin) 0;
    counter-reset: list-counter
}

.flex--text ul ul,
.flex--text ul ol,
.flex--text ol ul,
.flex--text ol ol {
    --indentation: calc(2 * var(--spacer-m));
    --list-margin: var(--nested-list-margin)
}

.flex--text ul>li,
.flex--text ol>li {
    counter-increment: list-counter;
    list-style-type: none;
    padding-left: var(--indentation);
    position: relative;
    isolation: isolate
}

.flex--text ul>li+li,
.flex--text ol>li+li {
    margin-top: var(--item-spacing)
}

.flex--text ul>li:before,
.flex--text ol>li:before {
    content: var(--counter-label);
    color: var(--ui-tertiary);
    position: absolute;
    padding-right: var(--spacer-s);
    transform: translate(-100%)
}

.flex--text ul {
    --counter-label: "\203a"
}

.flex--text ol {
    --counter-label: counters(list-counter, ".", decimal) "."
}

.flex--text ol[data-type=alpha] {
    --counter-label: counters(list-counter, ".", lower-alpha) "."
}

.flex--text table {
    --cell-gap: var(--table-cell-gap, var(--spacer-xs));
    border-collapse: separate;
    border-spacing: var(--cell-gap) 0;
    margin: var(--table-margin) calc(-1 * var(--cell-gap))
}

.flex--text table th,
.flex--text table td {
    --heading-border-width: 2px;
    --regular-border-width: 1px;
    --border-width: var(--regular-border-width);
    --border-color: var(--ui-primary);
    --padding-top: var(--spacer-s);
    --padding-right: var(--spacer-s);
    --padding-bottom: var(--spacer-l);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) 0;
    border-top: var(--border-width) solid var(--border-color);
    text-align: start;
    vertical-align: top
}

.flex--text table>thead:first-child>tr:first-child>th,
.flex--text table>thead:first-child>tr:first-child>td,
.flex--text table>tbody:first-child>tr:first-child>th,
.flex--text table>tbody:first-child>tr:first-child>td {
    --border-width: var(--heading-border-width)
}

.flex--text table>thead>tr>th[scope=row],
.flex--text table>tbody>tr>th[scope=row] {
    --border-width: var(--heading-border-width)
}

.flex--text table>thead>tr>th[scope=row]~td,
.flex--text table>tbody>tr>th[scope=row]~td {
    --border-width: var(--regular-border-width);
    padding-top: calc(var(--padding-top) + var(--heading-border-width) - var(--regular-border-width))
}

.flex--text table>thead:last-child>tr:last-child>th,
.flex--text table>thead:last-child>tr:last-child>td,
.flex--text table>tbody:last-child>tr:last-child>th,
.flex--text table>tbody:last-child>tr:last-child>td {
    position: relative
}

.flex--text table>thead:last-child>tr:last-child>th:after,
.flex--text table>thead:last-child>tr:last-child>td:after,
.flex--text table>tbody:last-child>tr:last-child>th:after,
.flex--text table>tbody:last-child>tr:last-child>td:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--border-width);
    background-color: var(--border-color)
}

.flex--text table th,
.flex--text table td[role=rowheader],
.flex--text table td[role=columnheader] {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.flex--text h1,
.flex--text h2,
.flex--text h3,
.flex--text h4,
.flex--text h5,
.flex--text h6,
.flex--text .h1,
.flex--text .h2,
.flex--text .h3,
.flex--text .h4,
.flex--text .h5,
.flex--text .h6 {
    margin-top: var(--heading-margin);
    margin-bottom: var(--heading-margin)
}

.flex--text blockquote {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary);
    color: inherit;
    text-align: center;
    margin-top: var(--blockquote-margin);
    margin-bottom: var(--blockquote-margin)
}

.flex--text>:first-child {
    margin-top: 0
}

.flex--text>:last-child {
    margin-bottom: 0
}

.flex--text a.-no-text-decoration {
    text-decoration: none
}

.flex--link {
    margin-top: var(--spacer-xl);
    grid-area: link;
    display: grid
}

.flex--link>*:not(.btn) {
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s);
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.flex--link>*:not(.btn):hover {
    color: var(--interaction-primary-hover)
}

.flex--link>*:not(.btn):focus {
    color: var(--interaction-primary-focus)
}

.flex--link>*:not(.btn):active {
    color: var(--interaction-primary-active)
}

@media (min-width: 768px) {
    .flex--link {
        justify-self: center
    }
}

@media (min-width: 1440px) {
    .flex--link {
        justify-self: start
    }
}

.foldable-section {
    --content-height: 0fr;
    --content-opacity: 0;
    --content-transition-milliseconds: .5s;
    isolation: isolate;
    display: grid;
    grid-template-areas: "header" "content";
    grid-template-columns: 1fr;
    grid-template-rows: min-content var(--content-height);
    transition: grid-template-rows var(--content-transition-milliseconds) var(--easing);
    border-top: 1px solid var(--ui-divider);
    border-bottom: 1px solid var(--ui-divider)
}

.foldable-section+.foldable-section {
    border-top: none
}

.foldable-section.-unfolded {
    --content-height: 1fr;
    --content-opacity: 1
}

.foldable-section--header {
    grid-area: header;
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    padding: var(--spacer-m)
}

.foldable-section--content {
    grid-area: content;
    overflow: hidden;
    z-index: -1;
    transition: all .5s var(--easing);
    transform: translateY(calc(var(--spacer-s) * (1 - var(--content-opacity, 1))));
    opacity: var(--content-opacity)
}

.footer {
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    background: var(--background-level-0);
    padding-bottom: var(--consumption-data-banner-height, 0)
}

.footer--links {
    background: var(--background-level-1);
    padding: var(--spacer-xl) 0
}

.footer--tail {
    padding: var(--spacer-xl) 0
}

.footer-links {
    display: grid;
    grid-template-areas: "press" "service" "newsletter" "about" "social";
    grid-template-columns: 1fr;
    column-gap: var(--grid-gap-x)
}

@media (min-width: 375px) {
    .footer-links {
        grid-template-areas: "press service" "newsletter newsletter" "about about" "social social";
        grid-template-columns: calc(6 / 12 * min(var(--max-content-width), 100%) - 6 / 12 * var(--grid-gap-x)) 1fr
    }
}

@media (min-width: 1024px) {
    .footer-links {
        grid-template-areas: "press service newsletter about" "press service newsletter social";
        grid-template-columns: calc(2 / 12 * min(var(--max-content-width), 100%) - 10 / 12 * var(--grid-gap-x)) calc(2 / 12 * min(var(--max-content-width), 100%) - 10 / 12 * var(--grid-gap-x)) calc(4 / 12 * min(var(--max-content-width), 100%) - 8 / 12 * var(--grid-gap-x)) 1fr;
        grid-template-rows: auto 1fr
    }
}

.footer-links--press {
    grid-area: press
}

.footer-links--service {
    grid-area: service
}

.footer-links--press,
.footer-links--service {
    margin-bottom: var(--spacer-xxl);
    padding-right: var(--spacer-xl)
}

.footer-links--press>h4,
.footer-links--service>h4 {
    margin-bottom: var(--spacer-l)
}

.footer-links--press>ul>li+li,
.footer-links--service>ul>li+li {
    margin-top: var(--spacer-m)
}

@media (min-width: 1024px) {

    .footer-links--press,
    .footer-links--service {
        margin-bottom: 0
    }
}

.footer-links--newsletter {
    grid-area: newsletter;
    margin-bottom: var(--spacer-xxl)
}

.footer-links--newsletter>h4 {
    margin-bottom: var(--spacer-l)
}

.footer-links--newsletter>p:first-of-type {
    margin-bottom: var(--spacer-l)
}

.footer-links--newsletter>p:last-of-type {
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .footer-links--newsletter {
        margin-bottom: 0;
        padding-right: var(--spacer-xl)
    }

    .footer-links--newsletter>p:last-of-type {
        display: block
    }
}

.footer-links--about {
    grid-area: about;
    margin-bottom: var(--spacer-l)
}

.footer-links--about>h4 {
    margin-bottom: var(--spacer-l)
}

@media (min-width: 1024px) {
    .footer-links--about {
        padding-right: var(--spacer-xl)
    }
}

.footer-links--social {
    grid-area: social;
    align-self: start;
    display: flex;
    gap: var(--spacer-l);
    flex-wrap: wrap
}

.footer-tail {
    display: grid;
    grid-template-areas: "copyright" "emissions" "language-switch";
    grid-template-columns: 1fr;
    gap: var(--spacer-m) var(--spacer-xl);
    justify-items: center
}

@media (min-width: 1024px) {
    .footer-tail {
        grid-template-areas: "copyright language-switch" "emissions emissions";
        grid-template-columns: 1fr auto;
        gap: var(--spacer-m) var(--spacer-xl);
        align-items: center;
        justify-items: start
    }
}

.footer-tail--copyright {
    grid-area: copyright
}

.footer-tail--emissions {
    grid-area: emissions;
    position: relative;
    padding-left: var(--spacer-s)
}

.footer-tail--language-switch {
    grid-area: language-switch
}

.form-buttons {
    margin-top: var(--spacer-xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacer-xxs)
}

.registration-form.-is-profile .form-buttons {
    margin-top: calc(2 * var(--spacer-xxl))
}

@media (min-width: 768px) {
    .form-buttons {
        flex-direction: row;
        flex-wrap: wrap
    }

    .container.-super-narrow .form-buttons {
        flex-direction: column
    }
}

.form-check {
    --indicator-color: transparent;
    --border-color: var(--interaction-secondary-default);
    --control-size: calc(var(--spacer-l) - var(--spacer-xxs));
    appearance: none;
    margin: 0 var(--spacer-s) 0 0;
    padding: 0;
    display: inline-block;
    height: var(--control-size);
    width: var(--control-size);
    vertical-align: text-top;
    box-shadow: inset 0 0 0 1px var(--border-color);
    cursor: pointer
}

.form-check:checked,
.form-check:indeterminate {
    --indicator-color: var(--interaction-secondary-filled);
    --border-color: var(--interaction-secondary-filled)
}

.has-error .form-check:checked,
.has-error .form-check:indeterminate {
    --indicator-color: var(--ui-error)
}

.form-check:hover {
    --border-color: var(--interaction-secondary-filled)
}

.form-check:disabled {
    cursor: not-allowed;
    --border-color: var(--interaction-secondary-disabled)
}

.form-check:disabled:checked {
    --indicator-color: var(--interaction-secondary-disabled)
}

.has-error .form-check {
    --border-color: var(--ui-error)
}

[data-safari=false] .form-check:focus {
    outline-offset: 3px
}

.form-check:before {
    --offset: calc((var(--control-size) - var(--icon-size)) / 2);
    content: "";
    position: relative;
    top: var(--offset);
    left: var(--offset);
    --icon-color: var(--indicator-color);
    --color: var(--icon-color, currentColor);
    --size: var(--icon-size);
    --mask: url(./images/frontend/icons/select-small-NCOPBLFG.svg) center / contain no-repeat;
    display: inline-grid;
    width: var(--size);
    height: var(--size);
    --vertical-align: calc(.25em - .5 * var(--size) + var(--shift-correction));
    --shift-correction: calc(3px - min(1px, max(17px, 1em) - 1em));
    vertical-align: var(--vertical-align);
    background-color: var(--color);
    -webkit-mask: var(--mask);
    mask: var(--mask);
    transition: all .25s var(--easing)
}

.form-check:indeterminate:before {
    --color: var(--icon-color, currentColor);
    --size: var(--icon-size);
    --mask: url(./images/frontend/icons/stroke-small-7FDOGNBM.svg) center / contain no-repeat;
    display: inline-grid;
    width: var(--size);
    height: var(--size);
    --vertical-align: calc(.25em - .5 * var(--size) + var(--shift-correction));
    --shift-correction: calc(3px - min(1px, max(17px, 1em) - 1em));
    vertical-align: var(--vertical-align);
    background-color: var(--color);
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.form-check-radio-label {
    cursor: pointer
}

.form-check-radio-label.-disabled {
    cursor: not-allowed;
    color: var(--interaction-secondary-disabled)
}

.has-error .form-check-radio-label {
    color: var(--ui-error)
}

.form-control {
    --border-color: var(--interaction-secondary-filled);
    appearance: none;
    color: var(--interaction-secondary-filled);
    background: transparent;
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1);
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--border-color);
    width: 100%;
    padding: var(--spacer-xxs) var(--spacer-xs) var(--spacer-xs) calc(var(--spacer-xxs) / 2)
}

.has-error .form-control {
    --border-color: var(--ui-error)
}

[data-safari=false] .form-control:focus {
    outline-offset: 3px
}

.form-control.-has-clear-button {
    padding-right: calc(var(--line-height-copy1) + var(--spacer-xxs) + var(--spacer-xs))
}

.form-control.-large {
    padding-top: var(--spacer-l)
}

.form-control::placeholder {
    color: var(--interaction-label-disabled);
    opacity: 1;
    transition: opacity .15s var(--easing)
}

.form-control:placeholder-shown {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.form-control:focus,
.form-control[aria-expanded=true] {
    color: var(--interaction-secondary-active);
    box-shadow: 0 1px 0 0 var(--border-color)
}

.form-control:focus::placeholder,
.form-control[aria-expanded=true]::placeholder {
    opacity: 0
}

.icon.-zero-width+.form-control {
    padding-left: calc(var(--icon-size) + var(--spacer-s))
}

.form-control[type=search]::-webkit-search-decoration,
.form-control[type=search]::-webkit-search-cancel-button,
.form-control[type=search]::-webkit-search-results-button,
.form-control[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

select.form-control,
button.form-control {
    cursor: pointer;
    padding-right: var(--icon-size);
    text-overflow: ellipsis;
    text-align: start
}

select.form-control+.icon.-form-select,
button.form-control+.icon.-form-select {
    --color: var(--interaction-secondary-default);
    margin-left: calc(-1 * var(--size));
    margin-top: var(--spacer-xxs);
    pointer-events: none;
    transition: background-color .25s var(--easing)
}

select.form-control:hover:enabled+.icon.-form-select,
button.form-control:hover:enabled+.icon.-form-select {
    --color: var(--interaction-secondary-hover)
}

select.form-control:focus:enabled+.icon.-form-select,
button.form-control:focus:enabled+.icon.-form-select {
    --color: var(--interaction-secondary-focus)
}

select.form-control:active:enabled+.icon.-form-select,
select.form-control[aria-expanded=true]:enabled+.icon.-form-select,
button.form-control:active:enabled+.icon.-form-select,
button.form-control[aria-expanded=true]:enabled+.icon.-form-select {
    --color: var(--interaction-secondary-focus);
    transform: rotate(180deg)
}

select.form-control:disabled,
button.form-control:disabled {
    cursor: not-allowed;
    color: var(--interaction-secondary-disabled);
    --border-color: var(--interaction-secondary-disabled)
}

select.form-control:disabled+.icon.-form-select,
button.form-control:disabled+.icon.-form-select {
    --color: var(--interaction-secondary-disabled)
}

.form-control-clear-button {
    display: inline-block;
    height: calc(var(--line-height-copy1) + var(--spacer-xxs) + var(--spacer-xs));
    width: calc(var(--line-height-copy1) + var(--spacer-xxs) + var(--spacer-xs));
    vertical-align: middle;
    margin-left: calc(-1 * calc(var(--line-height-copy1) + var(--spacer-xxs) + var(--spacer-xs)));
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.form-control-clear-button:hover {
    color: var(--interaction-primary-hover)
}

.form-control-clear-button:focus {
    color: var(--interaction-primary-focus)
}

.form-control-clear-button:active {
    color: var(--interaction-primary-active)
}

.form-control-clear-button:not(.-visible) {
    opacity: 0;
    pointer-events: none
}

.form-error-message {
    margin-top: var(--spacer-s);
    color: var(--ui-error);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    align-items: center;
    display: inline-flex;
    gap: var(--spacer-xs)
}

.form-error-message .icon {
    flex-shrink: 0
}

.form-error-message.-box {
    gap: var(--spacer-s);
    padding: var(--spacer-m);
    margin-bottom: var(--spacer-xxl);
    margin-top: 0;
    border: 1px solid var(--ui-error);
    color: var(--ui-secondary)
}

.form-error-message.-box a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.form-error-message.-box a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.form-error-message.-box a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.form-error-message.-box a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.form-error-message.-box .icon {
    color: var(--ui-error)
}

.form-group.-flex {
    display: flex;
    align-items: center
}

.form-hint {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary);
    margin-top: var(--spacer-s)
}

.form-hint.holidays-notification {
    margin-top: var(--spacer-xxl)
}

.form-label {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--interaction-secondary-active)
}

.form-label.-required:after {
    content: " *"
}

.form-label.-disabled {
    cursor: not-allowed;
    color: var(--interaction-secondary-disabled)
}

.has-error .form-label {
    color: var(--ui-error)
}

.form-link {
    margin-top: var(--spacer-l)
}

.form-radio {
    --indicator-color: var(--interaction-tertiary-default);
    --border-color: var(--interaction-secondary-default);
    --control-size: calc(var(--spacer-l) - var(--spacer-xxs));
    appearance: none;
    margin: 0 var(--spacer-s) 0 0;
    padding: 0;
    display: inline-block;
    height: var(--control-size);
    width: var(--control-size);
    vertical-align: text-top;
    box-shadow: inset 0 0 0 1px var(--border-color);
    cursor: pointer;
    border-radius: 50%
}

.form-radio:checked,
.form-radio:indeterminate {
    --indicator-color: var(--interaction-secondary-filled);
    --border-color: var(--interaction-secondary-filled)
}

.has-error .form-radio:checked,
.has-error .form-radio:indeterminate {
    --indicator-color: var(--ui-error)
}

.form-radio:hover {
    --border-color: var(--interaction-secondary-filled)
}

.form-radio:disabled {
    cursor: not-allowed;
    --border-color: var(--interaction-secondary-disabled)
}

.form-radio:disabled:checked {
    --indicator-color: var(--interaction-secondary-disabled)
}

.has-error .form-radio {
    --border-color: var(--ui-error)
}

[data-safari=false] .form-radio:focus {
    outline-offset: 3px
}

.form-radio:before {
    --size: var(--spacer-xs);
    --offset: calc((var(--control-size) - var(--size)) / 2);
    content: "";
    position: relative;
    top: var(--offset);
    left: var(--offset);
    display: block;
    background-color: var(--indicator-color);
    border-radius: 50%;
    width: var(--size);
    height: var(--size);
    transition: all .25s var(--easing)
}

.form-radio:checked:before {
    transform: scale(1.5)
}

.form-radio:hover:not(:disabled):before {
    transform: scale(1.25)
}

.form-section>*:last-child {
    margin-bottom: 0
}

.form-section--description {
    margin-bottom: var(--spacer-xl)
}

.form-section--heading {
    margin-bottom: var(--spacer-l)
}

.form-section--heading.-before-input {
    margin-bottom: var(--spacer-xl)
}

.form-section--sub-heading {
    margin-bottom: var(--spacer-l);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-wide);
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1)
}

.form-section--sub-heading+.toggle-switch {
    margin-top: calc(var(--spacer-s) * -1)
}

.form-section--row+.form-section--row {
    margin-top: var(--spacer-l)
}

.form-error-message~.form-section--row {
    margin-top: var(--spacer-l)
}

.form-section--row.-topics-list {
    margin-left: calc(var(--gap-x) / 2 + var(--spacer-m))
}

.form-section--disclaimer {
    margin-top: var(--spacer-xl);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.form-section--disclaimer a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.form-section--disclaimer a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.form-section--disclaimer a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.form-section--disclaimer a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.form-section--buttons {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-xxs);
    margin-top: var(--spacer-xl)
}

@media (min-width: 768px) {
    .form-section--buttons {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.form-section--buttons:not(:has(*)) {
    margin-top: 0
}

.frontend-locale-switcher {
    display: flex;
    gap: calc(var(--grid-gap-x) / 2)
}

.full-width-section {
    --ui-primary: #000000;
    --ui-secondary: #333333;
    --ui-tertiary: #666666;
    --ui-inverted: #ffffff;
    --ui-divider: #d9d9d9;
    --ui-error: #eb0d3f;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #eb0d3f;
    --ui-highlight-secondary: #000000;
    --ui-highlight-tertiary: rgba(0, 0, 0, .05);
    --interaction-primary-default: #000000;
    --interaction-primary-hover: #4c4c4c;
    --interaction-primary-active: #000000;
    --interaction-primary-disabled: #b3b3b3;
    --interaction-primary-focus: #000000;
    --interaction-primary-pressed: #000000;
    --interaction-secondary-default: #666666;
    --interaction-secondary-hover: #000000;
    --interaction-secondary-active: #000000;
    --interaction-secondary-filled: #333333;
    --interaction-secondary-disabled: #b3b3b3;
    --interaction-secondary-focus: #000000;
    --interaction-secondary-readonly: #333333;
    --interaction-secondary-pressed: #000000;
    --interaction-tertiary-default: #d9d9d9;
    --interaction-tertiary-hover: #d9d9d9;
    --interaction-tertiary-active: #333333;
    --interaction-tertiary-disabled: #d9d9d9;
    --interaction-label-default: #333333;
    --interaction-label-hover: #000000;
    --interaction-label-active: #333333;
    --interaction-label-filled: #333333;
    --interaction-label-disabled: #b3b3b3;
    --interaction-label-focus: #000000;
    --interaction-label-readonly: #333333;
    --interaction-label-pressed: #000000;
    --background-card: #ffffff;
    --background-level-0: #ffffff;
    --background-level-1: #ffffff;
    --background-level-2: #ffffff;
    --background-level-3: #f2f2f2;
    color: var(--ui-secondary);
    background: var(--background-level-0)
}

.full-width-section.is-light-gray {
    background: var(--background-level-3)
}

.full-width-section.is-image {
    background-color: var(--background-level-3);
    position: relative;
    isolation: isolate
}

.full-width-section.is-black {
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    background: var(--background-level-0)
}

.gallery--title {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary);
    text-align: center;
    margin-bottom: var(--spacer-xxl)
}

.gallery-item {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-m);
    min-width: 0
}

.gallery-item:where(a) {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.gallery-item:where(a):hover {
    color: var(--interaction-primary-hover)
}

.gallery-item:where(a):focus {
    color: var(--interaction-primary-focus)
}

.gallery-item:where(a):active {
    color: var(--interaction-primary-active)
}

.slider .gallery-item {
    height: 100%
}

.gallery-item--title {
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    padding-right: var(--spacer-xl)
}

.gallery-item.-search .gallery-item--title {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

@media (min-width: 1024px) {
    .gallery-item.-search .gallery-item--title {
        font-size: var(--font-size-copy1);
        line-height: var(--line-height-copy1)
    }
}

.slider .gallery-item--meta,
.video-list .gallery-item--meta {
    margin-top: auto
}

.gallery-item.-search .gallery-item--meta {
    padding-right: var(--spacer-xl)
}

.gallery-panel {
    display: flex;
    flex-direction: column
}

.gallery .gallery-panel--tablist.-level-2 {
    margin-top: var(--spacer-l)
}

@media (min-width: 1024px) {
    .gallery .gallery-panel--tablist.-level-2 {
        margin-top: var(--spacer-xxs)
    }
}

.gallery-panel--content:not(:first-child),
.gallery .gallery-panel--content {
    margin-top: var(--spacer-l)
}

.gallery-panel--load-more-button {
    margin-top: var(--spacer-m);
    align-self: center
}

.gallery-panel--button {
    margin-top: var(--spacer-xxl);
    align-self: stretch
}

@media (min-width: 768px) {
    .gallery-panel--button {
        align-self: center
    }
}

.gallery-panel--meta {
    margin-top: var(--spacer-m)
}

.gallery-panel--meta.-document .gallery-panel--meta.-tech-glossary {
    margin-top: var(--spacer-xl)
}

.grid {
    --gap-x: var(--grid-gap-x);
    --gap-y: var(--grid-gap-y);
    --columns-xs: var(--grid-columns-xs, 2);
    --columns-sm: var(--grid-columns-sm, var(--columns-xs));
    --columns-md: var(--grid-columns-md, 3);
    --columns-lg: var(--grid-columns-lg, var(--columns-md));
    --columns-xl: var(--grid-columns-xl, 4);
    --columns-xxl: var(--grid-columns-xxl, var(--columns-xl));
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--gap-y) var(--gap-x);
    --columns: var(--columns-xs)
}

.grid.-search-videos {
    --gap-y: var(--spacer-l);
    --columns-xs: 1;
    --columns-sm: var(--columns-xs);
    --columns-md: 3;
    --columns-lg: var(--columns-md);
    --columns-xl: var(--columns-md);
    --columns-xxl: 4
}

.grid.-search-images,
.grid.-search-albums {
    --gap-y: var(--spacer-l);
    --columns-xs: 2;
    --columns-sm: var(--columns-xs);
    --columns-md: 3;
    --columns-lg: 4;
    --columns-xl: var(--columns-lg);
    --columns-xxl: var(--columns-lg)
}

@media (min-width: 375px) {
    .grid {
        --columns: var(--columns-sm)
    }
}

@media (min-width: 768px) {
    .grid {
        --columns: var(--columns-md)
    }
}

@media (min-width: 1024px) {
    .grid {
        --columns: var(--columns-lg)
    }
}

@media (min-width: 1440px) {
    .grid {
        --columns: var(--columns-xl)
    }
}

@media (min-width: 1920px) {
    .grid {
        --columns: var(--columns-xxl)
    }
}

.grid.-items-have-titles {
    --gap-y: var(--spacer-xl)
}

.grid-debugger {
    --width: min(var(--max-content-width), var(--content-width));
    position: fixed;
    top: 0;
    left: calc((100% - var(--width)) / 2);
    width: var(--width);
    z-index: 999999;
    pointer-events: none
}

.grid-debugger .row>* {
    height: 100vh;
    background-color: #ff000026
}

.header {
    max-width: var(--max-content-width);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-areas: "menu title mobile-actions";
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: 64px
}

.header a,
.header button {
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s);
    color: var(--interaction-primary-default);
    transition: all .25s var(--easing)
}

.header a:hover,
.header button:hover {
    color: var(--interaction-primary-hover)
}

.header a:focus,
.header button:focus {
    color: var(--interaction-primary-focus)
}

.header a:active,
.header button:active {
    color: var(--interaction-primary-active)
}

.header .cart-link {
    display: flex;
    column-gap: calc(1.5 * var(--spacer-xxs))
}

@media (min-width: 1440px) {
    .header {
        --actions-width: calc(var(--title-width) + var(--menu-width) + var(--gap));
        --actions-width-fallback: 385px;
        --gap: var(--spacer-xxl);
        grid-template-areas: "title menu search desktop-actions";
        grid-template-columns: auto auto 1fr var(--actions-width, var(--actions-width-fallback));
        gap: var(--gap);
        height: 72px
    }
}

.header--menu {
    grid-area: menu;
    justify-self: start
}

.header--menu.-small-screens>.icon {
    margin: 0 !important
}

@media (min-width: 1440px) {
    .header--menu.-small-screens {
        display: none
    }
}

@media (max-width: 1439.98px) {
    .header--menu.-large-screens {
        display: none
    }
}

.header--title {
    grid-area: title
}

.header--search {
    grid-area: search;
    display: none
}

@media (min-width: 1440px) {
    .header--search {
        display: block;
        padding-top: calc(var(--spacer-xs) - var(--spacer-xxs) + 1px)
    }
}

.header--mobile-actions {
    grid-area: mobile-actions;
    justify-self: end;
    display: flex;
    gap: var(--spacer-l)
}

@media (min-width: 1440px) {
    .header--mobile-actions {
        display: none
    }
}

.header--desktop-actions {
    grid-area: desktop-actions;
    justify-self: end;
    display: none
}

@media (min-width: 1440px) {
    .header--desktop-actions {
        display: flex;
        gap: var(--spacer-l)
    }
}

.headline {
    hyphens: auto;
    overflow-wrap: break-word
}

.headline.-centered {
    text-align: center
}

.headline--major-subline {
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1);
    padding-top: var(--heading-margin)
}

.headline--major-subline a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.headline--major-subline a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.headline--major-subline a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.headline--major-subline a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.headline--minor-subline {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary);
    padding-top: var(--heading-margin)
}

.headline--minor-subline a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.headline--minor-subline a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.headline--minor-subline a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.headline--minor-subline a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

:where(.hyphenate, [hyphenate]) {
    max-width: 100%;
    overflow-x: hidden;
    overflow-wrap: break-word;
    hyphens: auto
}

:root {
    --icon-size: 24px;
    --large-icon-size: 48px
}

.icon {
    --color: var(--icon-color, currentColor);
    --size: var(--icon-size);
    --mask: var(--url) center / contain no-repeat;
    display: inline-grid;
    width: var(--size);
    height: var(--size);
    --vertical-align: calc(.25em - .5 * var(--size) + var(--shift-correction));
    --shift-correction: calc(3px - min(1px, max(17px, 1em) - 1em));
    vertical-align: var(--vertical-align);
    background-color: var(--color);
    -webkit-mask: var(--mask);
    mask: var(--mask);
    --url: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"><rect width="1" height="1" fill="#000" /></svg>')
}

.icon.-action-bar-share {
    --url: url(./images/frontend/icons/share-small-WR265G2M.svg)
}

.icon.-album-collection-link {
    --url: url(./images/frontend/icons/forward-small-FRPUXDAA.svg)
}

.icon.-back-link {
    --url: url(./images/frontend/icons/back-small-3L5UEEVB.svg)
}

.icon.-breadcrumb-item {
    --url: url(./images/frontend/icons/forward-small-FRPUXDAA.svg)
}

.icon.-cars-overview-filter-open {
    --url: url(./images/frontend/icons/options-small-CS73D6A5.svg)
}

.icon.-cars-overview-filter-close {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-cars-overview-filter-reset {
    --url: url(./images/frontend/icons/erase-small-RWVV65Q2.svg)
}

.icon.-cars-overview-filter-remove {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-cart-button {
    --url: url(./images/frontend/icons/shopping-basket-small-ENUHZ62S.svg)
}

.icon.-cart-button-added-to-cart {
    --url: url(./images/frontend/icons/custom/shopping-basket-select-small-ZCUZKHD2.svg)
}

.icon.-cart-button-feedback-error {
    --url: url(./images/frontend/icons/caution-small-3KRY6A4C.svg)
}

.icon.-cart-button-feedback-item-added {
    --url: url(./images/frontend/icons/system-select-small-M4YDQL7M.svg)
}

.icon.-cart-button-feedback-item-already-in-cart {
    --url: url(./images/frontend/icons/system-select-small-M4YDQL7M.svg)
}

.icon.-cart {
    --url: url(./images/frontend/icons/shopping-basket-small-ENUHZ62S.svg)
}

.icon.-cart-clear {
    --url: url(./images/frontend/icons/erase-small-RWVV65Q2.svg)
}

.icon.-cart-error {
    --url: url(./images/frontend/icons/caution-small-3KRY6A4C.svg)
}

.icon.-cart-options {
    --url: url(./images/frontend/icons/options-small-CS73D6A5.svg)
}

.icon.-cart-remove-item {
    --url: url(./images/frontend/icons/erase-small-RWVV65Q2.svg)
}

.icon.-cart-options-close {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-copy-url {
    --url: url(./images/frontend/icons/weblink-small-PC4UONCY.svg)
}

.icon.-copy-url-success {
    --url: url(./images/frontend/icons/system-select-small-M4YDQL7M.svg)
}

.icon.-download {
    --url: url(./images/frontend/icons/download-small-5DBVNLSF.svg)
}

.icon.-download-option {
    --url: url(./images/frontend/icons/forward-small-FRPUXDAA.svg)
}

.icon.-error-page {
    --url: url(./images/frontend/icons/anti-theft-alarm-system-alert-small-5PY2C5QH.svg)
}

.icon.-feed-open-external-link {
    --url: url(./images/frontend/icons/external-link-small-JAWLBPIT.svg)
}

.icon.-flash-success {
    --url: url(./images/frontend/icons/select-small-NCOPBLFG.svg)
}

.icon.-flash-warning {
    --url: url(./images/frontend/icons/caution-small-3KRY6A4C.svg)
}

.icon.-flash-danger {
    --url: url(./images/frontend/icons/caution-small-3KRY6A4C.svg)
}

.icon.-flex-external-link {
    --url: url(./images/frontend/icons/external-link-small-JAWLBPIT.svg)
}

.icon.-flex-restricted-content {
    --url: url(./images/frontend/icons/lock-small-CWHHPIZI.svg)
}

.icon.-form-check-indeterminate-indicator {
    --url: url(./images/frontend/icons/stroke-small-7FDOGNBM.svg)
}

.icon.-form-check-indicator {
    --url: url(./images/frontend/icons/select-small-NCOPBLFG.svg)
}

.icon.-form-clear {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-form-search {
    --url: url(./images/frontend/icons/search-small-2ME6IHIV.svg)
}

.icon.-form-select-checked {
    --url: url(./images/frontend/icons/custom/checkbox-checked-small-YSMBNZQU.svg)
}

.icon.-form-select-unchecked {
    --url: url(./images/frontend/icons/custom/checkbox-unchecked-small-G3XT7422.svg)
}

.icon.-form-select {
    --url: url(./images/frontend/icons/arrow-down-small-SLUD2FJO.svg)
}

.icon.-foldable-folded {
    --url: url(./images/frontend/icons/arrow-down-small-SLUD2FJO.svg)
}

.icon.-foldable-unfolded {
    --url: url(./images/frontend/icons/arrow-up-small-QIEVHP2J.svg)
}

.icon.-footer-audi-com {
    --url: url(./images/frontend/icons/apps-small-QTGB5PFG.svg)
}

.icon.-footer-facebook {
    --url: url(./images/frontend/icons/facebook-small-BGU5O7JQ.svg)
}

.icon.-footer-instagram {
    --url: url(./images/frontend/icons/instagram-small-H6HQK6RG.svg)
}

.icon.-footer-linked-in {
    --url: url(./images/frontend/icons/linkedin-small-MPBA6JMK.svg)
}

.icon.-footer-rss {
    --url: url(./images/frontend/icons/feed-small-W7ANYT74.svg)
}

.icon.-footer-tiktok {
    --url: url(./images/frontend/icons/tiktok-small-ITD2ZEDS.svg)
}

.icon.-footer-youtube {
    --url: url(./images/frontend/icons/youtube-small-MMK5MQB2.svg)
}

.icon.-header-account {
    --url: url(./images/frontend/icons/custom/user-logged-in-small-JX55Q5XA.svg)
}

.icon.-header-cart {
    --url: url(./images/frontend/icons/shopping-basket-small-ENUHZ62S.svg)
}

.icon.-header-login {
    --url: url(./images/frontend/icons/user-small-SYUCNEKA.svg)
}

.icon.-header-menu {
    --url: url(./images/frontend/icons/off-canvas-small-2HNPUDQS.svg)
}

.icon.-header-search {
    --url: url(./images/frontend/icons/search-small-2ME6IHIV.svg)
}

.icon.-icon-box-album {
    --url: url(./images/frontend/icons/camera-small-URKQIPCP.svg)
}

.icon.-icon-box-documents {
    --url: url(./images/frontend/icons/documents-small-LGQNV6S6.svg)
}

.icon.-icon-box-pdf {
    --url: url(./images/frontend/icons/document-pdf-small-43ZHLFNV.svg)
}

.icon.-lightbox-close {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-load-more {
    --url: url(./images/frontend/icons/custom/filled-system-add-small-CNZYVB65.svg)
}

.icon.-media-contact-generic {
    --url: url(./images/frontend/icons/groups-small-E7LC26LP.svg)
}

.icon.-media-contact-phone {
    --url: url(./images/frontend/icons/voice-call-1-small-U27SX2CC.svg)
}

.icon.-media-contact-mobile {
    --url: url(./images/frontend/icons/mobile-phone-small-LO7OIIFQ.svg)
}

.icon.-media-contact-email {
    --url: url(./images/frontend/icons/direct-mail-small-LDXYSXZU.svg)
}

.icon.-menu-account {
    --url: url(./images/frontend/icons/custom/user-logged-in-small-JX55Q5XA.svg)
}

.icon.-menu-cart {
    --url: url(./images/frontend/icons/shopping-basket-small-ENUHZ62S.svg)
}

.icon.-menu-close {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-menu-close-mobile {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-menu-close-desktop {
    --url: url(./images/frontend/icons/back-small-3L5UEEVB.svg)
}

.icon.-menu-layer-back {
    --url: url(./images/frontend/icons/back-small-3L5UEEVB.svg)
}

.icon.-menu-layer-open {
    --url: url(./images/frontend/icons/forward-small-FRPUXDAA.svg)
}

.icon.-menu-login {
    --url: url(./images/frontend/icons/user-small-SYUCNEKA.svg)
}

.icon.-menu-search {
    --url: url(./images/frontend/icons/search-small-2ME6IHIV.svg)
}

.icon.-page-list-show-all {
    --url: url(./images/frontend/icons/forward-small-FRPUXDAA.svg)
}

.icon.-pagination-previous {
    --url: url(./images/frontend/icons/back-small-3L5UEEVB.svg)
}

.icon.-pagination-next {
    --url: url(./images/frontend/icons/forward-small-FRPUXDAA.svg)
}

.icon.-podcast-apple {
    --url: url(./images/frontend/icons/custom/apple-music-small-2XZE542F.svg)
}

.icon.-podcast-soundcloud {
    --url: url(./images/frontend/icons/custom/soundcloud-small-BV3ACMP5.svg)
}

.icon.-podcast-spotify {
    --url: url(./images/frontend/icons/custom/spotify-small-QZZFLQGT.svg)
}

.icon.-press-contact-customers {
    --url: url(./images/frontend/icons/car-small-DW4BTKRH.svg)
}

.icon.-press-contact-journalists {
    --url: url(./images/frontend/icons/business-address-small-5LTCHKJW.svg)
}

.icon.-press-contact-external-link {
    --url: url(./images/frontend/icons/external-link-small-JAWLBPIT.svg)
}

.icon.-press-contact-linkedin {
    --url: url(./images/frontend/icons/linkedin-small-MPBA6JMK.svg)
}

.icon.-press-contact-twitter {
    --url: url(./images/frontend/icons/twitter-small-JOMYL6RB.svg)
}

.icon.-press-contact-xing {
    --url: url(./images/frontend/icons/xing-small-P65CLWAY.svg)
}

.icon.-press-contact-information-contact {
    --url: url(./images/frontend/icons/group-discussion-small-RFUCJZN6.svg)
}

.icon.-quicklink-arrow {
    --url: url(./images/frontend/icons/forward-small-FRPUXDAA.svg)
}

.icon.-registration-newsletter {
    --url: url(./images/frontend/icons/receive-e-mail-notification-small-JZN4WDDR.svg)
}

.icon.-registration-accreditation {
    --url: url(./images/frontend/icons/lock-small-CWHHPIZI.svg)
}

.icon.-remove-tag {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-restricted-content {
    --url: url(./images/frontend/icons/lock-small-CWHHPIZI.svg)
}

.icon.-search-clear-filters {
    --url: url(./images/frontend/icons/erase-small-RWVV65Q2.svg)
}

.icon.-search-retry-fuzzy {
    --url: url(./images/frontend/icons/refresh-small-LJ22RIOG.svg)
}

.icon.-search-overlay-close {
    --url: url(./images/frontend/icons/back-small-3L5UEEVB.svg)
}

.icon.-search-overlay-submit {
    --url: url(./images/frontend/icons/search-small-2ME6IHIV.svg)
}

.icon.-search-select-filters {
    --url: url(./images/frontend/icons/options-small-CS73D6A5.svg)
}

.icon.-service-links-press-releases {
    --url: url(./images/frontend/icons/news-small-OLY4EPOT.svg)
}

.icon.-service-links-images {
    --url: url(./images/frontend/icons/camera-small-URKQIPCP.svg)
}

.icon.-service-links-videos {
    --url: url(./images/frontend/icons/video-small-NT6XMAYD.svg)
}

.icon.-service-links-dates {
    --url: url(./images/frontend/icons/calendar-events-small-VNBLVP6C.svg)
}

.icon.-service-links-newsletter {
    --url: url(./images/frontend/icons/receive-e-mail-notification-small-JZN4WDDR.svg)
}

.icon.-service-links-press-contacts {
    --url: url(./images/frontend/icons/business-address-small-5LTCHKJW.svg)
}

.icon.-share-panel-close {
    --url: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg)
}

.icon.-share-via-email {
    --url: url(./images/frontend/icons/direct-mail-small-LDXYSXZU.svg)
}

.icon.-share-via-facebook {
    --url: url(./images/frontend/icons/facebook-small-BGU5O7JQ.svg)
}

.icon.-share-via-x-com {
    --url: url(./images/frontend/icons/x-formerly-twitter-small-LBTYOGYR.svg)
}

.icon.-share-via-linked-in {
    --url: url(./images/frontend/icons/linkedin-small-MPBA6JMK.svg)
}

.icon.-share-via-whatsapp {
    --url: url(./images/frontend/icons/whatsapp-small-AFM2YGIF.svg)
}

.icon.-slider-previous {
    --url: url(./images/frontend/icons/back-small-3L5UEEVB.svg)
}

.icon.-slider-next {
    --url: url(./images/frontend/icons/forward-small-FRPUXDAA.svg)
}

.icon.-social-media-links-facebook {
    --url: url(./images/frontend/icons/facebook-small-BGU5O7JQ.svg)
}

.icon.-social-media-links-instagram {
    --url: url(./images/frontend/icons/instagram-small-H6HQK6RG.svg)
}

.icon.-social-media-links-linked-in {
    --url: url(./images/frontend/icons/linkedin-small-MPBA6JMK.svg)
}

.icon.-social-media-links-youtube {
    --url: url(./images/frontend/icons/youtube-small-MMK5MQB2.svg)
}

.icon.-technical-details-data-sheet {
    --url: url(./images/frontend/icons/documents-small-LGQNV6S6.svg)
}

.icon.-technical-details-price-list {
    --url: url(./images/frontend/icons/document-pricelist-euro-small-HMYMT3RH.svg)
}

.icon.-technical-details-external-link {
    --url: url(./images/frontend/icons/external-link-small-JAWLBPIT.svg)
}

.icon.-technical-details-dimensions-document {
    --url: url(./images/frontend/icons/car-dimensions-small-KAZRXDYX.svg)
}

.icon.-to-admin-area {
    --url: url(./images/frontend/icons/settings-small-KQC52LTF.svg)
}

.icon.-to-admin-area-edit {
    --url: url(./images/frontend/icons/edit-small-YFUDEQFV.svg)
}

.icon.-twitter-reply {
    --url: url(./images/frontend/icons/arrow-left-normal-small-NBT2KF65.svg)
}

.icon.-twitter-retweet {
    --url: url(./images/frontend/icons/sync-small-IL4A7FS6.svg)
}

.icon.-twitter-favorite {
    --url: url(./images/frontend/icons/favorite-small-YU2WNVME.svg)
}

.icon.-tech-spec-price-list {
    --url: url(./images/frontend/icons/download-small-5DBVNLSF.svg)
}

.icon.-tech-spec-data-sheet {
    --url: url(./images/frontend/icons/download-small-5DBVNLSF.svg)
}

.icon.-user-profile-accreditation-granted {
    --url: url(./images/frontend/icons/main-user-small-LMU664NC.svg)
}

.icon.-user-profile-logout {
    --url: url(./images/frontend/icons/logout-small-YRPMXQDS.svg)
}

.icon.-validation-error {
    --url: url(./images/frontend/icons/caution-small-3KRY6A4C.svg)
}

.icon.-video-duration {
    --url: url(./images/frontend/icons/time-small-WGOLP6JN.svg)
}

.icon.-video-play-button {
    --url: url(./images/frontend/icons/system-play-small-UB3AMNHD.svg)
}

.icon.-spacer {
    margin-inline-end: var(--spacer-s)
}

.icon.-zero-width {
    pointer-events: none;
    margin-inline-end: calc(-1 * var(--size))
}

.icon.-large {
    --size: var(--large-icon-size)
}

.icon.-large.-action-bar-share {
    --url: url(./images/frontend/icons/share-large-FOTCD2O6.svg)
}

.icon.-large.-album-collection-link {
    --url: url(./images/frontend/icons/forward-large-NREVR27Z.svg)
}

.icon.-large.-back-link {
    --url: url(./images/frontend/icons/back-large-WDCOVKWW.svg)
}

.icon.-large.-breadcrumb-item {
    --url: url(./images/frontend/icons/forward-large-NREVR27Z.svg)
}

.icon.-large.-cars-overview-filter-open {
    --url: url(./images/frontend/icons/options-large-XSWNUYEQ.svg)
}

.icon.-large.-cars-overview-filter-close {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-cars-overview-filter-reset {
    --url: url(./images/frontend/icons/erase-large-5J2MAX5L.svg)
}

.icon.-large.-cars-overview-filter-remove {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-cart-button {
    --url: url(./images/frontend/icons/shopping-basket-large-LHECXEWS.svg)
}

.icon.-large.-cart-button-added-to-cart {
    --url: url(./images/frontend/icons/custom/shopping-basket-select-large-KUD7S6PX.svg)
}

.icon.-large.-cart-button-feedback-error {
    --url: url(./images/frontend/icons/caution-large-JH3TZMRE.svg)
}

.icon.-large.-cart-button-feedback-item-added {
    --url: url(./images/frontend/icons/system-select-large-KAHIY66Y.svg)
}

.icon.-large.-cart-button-feedback-item-already-in-cart {
    --url: url(./images/frontend/icons/system-select-large-KAHIY66Y.svg)
}

.icon.-large.-cart {
    --url: url(./images/frontend/icons/shopping-basket-large-LHECXEWS.svg)
}

.icon.-large.-cart-clear {
    --url: url(./images/frontend/icons/erase-large-5J2MAX5L.svg)
}

.icon.-large.-cart-error {
    --url: url(./images/frontend/icons/caution-large-JH3TZMRE.svg)
}

.icon.-large.-cart-options {
    --url: url(./images/frontend/icons/options-large-XSWNUYEQ.svg)
}

.icon.-large.-cart-remove-item {
    --url: url(./images/frontend/icons/erase-large-5J2MAX5L.svg)
}

.icon.-large.-cart-options-close {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-copy-url {
    --url: url(./images/frontend/icons/weblink-large-SIG634MR.svg)
}

.icon.-large.-copy-url-success {
    --url: url(./images/frontend/icons/system-select-large-KAHIY66Y.svg)
}

.icon.-large.-download {
    --url: url(./images/frontend/icons/download-large-755UEDGQ.svg)
}

.icon.-large.-download-option {
    --url: url(./images/frontend/icons/forward-large-NREVR27Z.svg)
}

.icon.-large.-error-page {
    --url: url(./images/frontend/icons/anti-theft-alarm-system-alert-large-72OXNRI3.svg)
}

.icon.-large.-feed-open-external-link {
    --url: url(./images/frontend/icons/external-link-large-S2GRITGB.svg)
}

.icon.-large.-flash-success {
    --url: url(./images/frontend/icons/select-large-AGSZJBPK.svg)
}

.icon.-large.-flash-warning {
    --url: url(./images/frontend/icons/caution-large-JH3TZMRE.svg)
}

.icon.-large.-flash-danger {
    --url: url(./images/frontend/icons/caution-large-JH3TZMRE.svg)
}

.icon.-large.-flex-external-link {
    --url: url(./images/frontend/icons/external-link-large-S2GRITGB.svg)
}

.icon.-large.-flex-restricted-content {
    --url: url(./images/frontend/icons/lock-large-OBDMEWUO.svg)
}

.icon.-large.-form-check-indeterminate-indicator {
    --url: url(./images/frontend/icons/stroke-large-MPNGOKU4.svg)
}

.icon.-large.-form-check-indicator {
    --url: url(./images/frontend/icons/select-large-AGSZJBPK.svg)
}

.icon.-large.-form-clear {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-form-search {
    --url: url(./images/frontend/icons/search-large-4MN5WUJN.svg)
}

.icon.-large.-form-select-checked {
    --url: url(./images/frontend/icons/custom/checkbox-checked-large-RXNPXU7U.svg)
}

.icon.-large.-form-select-unchecked {
    --url: url(./images/frontend/icons/custom/checkbox-unchecked-large-J7BMTCFQ.svg)
}

.icon.-large.-form-select {
    --url: url(./images/frontend/icons/arrow-down-large-3S3LNWZH.svg)
}

.icon.-large.-foldable-folded {
    --url: url(./images/frontend/icons/arrow-down-large-3S3LNWZH.svg)
}

.icon.-large.-foldable-unfolded {
    --url: url(./images/frontend/icons/arrow-up-large-LNUDQUDZ.svg)
}

.icon.-large.-footer-audi-com {
    --url: url(./images/frontend/icons/apps-large-AINJB6NG.svg)
}

.icon.-large.-footer-facebook {
    --url: url(./images/frontend/icons/facebook-large-Q466HZNF.svg)
}

.icon.-large.-footer-instagram {
    --url: url(./images/frontend/icons/instagram-large-BL6UK7AU.svg)
}

.icon.-large.-footer-linked-in {
    --url: url(./images/frontend/icons/linkedin-large-DFZX7GTS.svg)
}

.icon.-large.-footer-rss {
    --url: url(./images/frontend/icons/feed-large-WPEZKOLW.svg)
}

.icon.-large.-footer-tiktok {
    --url: url(./images/frontend/icons/tiktok-large-TYLK3WYD.svg)
}

.icon.-large.-footer-youtube {
    --url: url(./images/frontend/icons/youtube-large-COGQFNRJ.svg)
}

.icon.-large.-header-account {
    --url: url(./images/frontend/icons/custom/user-logged-in-large-O2AJWNWJ.svg)
}

.icon.-large.-header-cart {
    --url: url(./images/frontend/icons/shopping-basket-large-LHECXEWS.svg)
}

.icon.-large.-header-login {
    --url: url(./images/frontend/icons/user-large-3L5BD7YQ.svg)
}

.icon.-large.-header-menu {
    --url: url(./images/frontend/icons/off-canvas-large-PP6DWILN.svg)
}

.icon.-large.-header-search {
    --url: url(./images/frontend/icons/search-large-4MN5WUJN.svg)
}

.icon.-large.-icon-box-album {
    --url: url(./images/frontend/icons/camera-large-3YIDNWGU.svg)
}

.icon.-large.-icon-box-documents {
    --url: url(./images/frontend/icons/documents-large-VI45DUMO.svg)
}

.icon.-large.-icon-box-pdf {
    --url: url(./images/frontend/icons/document-pdf-large-UWEYUC27.svg)
}

.icon.-large.-lightbox-close {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-load-more {
    --url: url(./images/frontend/icons/custom/filled-system-add-large-MDOCEIW4.svg)
}

.icon.-large.-media-contact-generic {
    --url: url(./images/frontend/icons/groups-large-5LC4FETO.svg)
}

.icon.-large.-media-contact-phone {
    --url: url(./images/frontend/icons/voice-call-1-large-CMP3HKNC.svg)
}

.icon.-large.-media-contact-mobile {
    --url: url(./images/frontend/icons/mobile-phone-large-EPNZ3NRF.svg)
}

.icon.-large.-media-contact-email {
    --url: url(./images/frontend/icons/direct-mail-large-35HLV2H5.svg)
}

.icon.-large.-menu-account {
    --url: url(./images/frontend/icons/custom/user-logged-in-large-O2AJWNWJ.svg)
}

.icon.-large.-menu-cart {
    --url: url(./images/frontend/icons/shopping-basket-large-LHECXEWS.svg)
}

.icon.-large.-menu-close {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-menu-close-mobile {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-menu-close-desktop {
    --url: url(./images/frontend/icons/back-large-WDCOVKWW.svg)
}

.icon.-large.-menu-layer-back {
    --url: url(./images/frontend/icons/back-large-WDCOVKWW.svg)
}

.icon.-large.-menu-layer-open {
    --url: url(./images/frontend/icons/forward-large-NREVR27Z.svg)
}

.icon.-large.-menu-login {
    --url: url(./images/frontend/icons/user-large-3L5BD7YQ.svg)
}

.icon.-large.-menu-search {
    --url: url(./images/frontend/icons/search-large-4MN5WUJN.svg)
}

.icon.-large.-page-list-show-all {
    --url: url(./images/frontend/icons/forward-large-NREVR27Z.svg)
}

.icon.-large.-pagination-previous {
    --url: url(./images/frontend/icons/back-large-WDCOVKWW.svg)
}

.icon.-large.-pagination-next {
    --url: url(./images/frontend/icons/forward-large-NREVR27Z.svg)
}

.icon.-large.-podcast-apple {
    --url: url(./images/frontend/icons/custom/apple-music-large-KYTUMTVH.svg)
}

.icon.-large.-podcast-soundcloud {
    --url: url(./images/frontend/icons/custom/soundcloud-large-QJTD4V75.svg)
}

.icon.-large.-podcast-spotify {
    --url: url(./images/frontend/icons/custom/spotify-large-R5W43NJU.svg)
}

.icon.-large.-press-contact-customers {
    --url: url(./images/frontend/icons/car-large-U3SEDVPM.svg)
}

.icon.-large.-press-contact-journalists {
    --url: url(./images/frontend/icons/business-address-large-RJFYM67Y.svg)
}

.icon.-large.-press-contact-external-link {
    --url: url(./images/frontend/icons/external-link-large-S2GRITGB.svg)
}

.icon.-large.-press-contact-linkedin {
    --url: url(./images/frontend/icons/linkedin-large-DFZX7GTS.svg)
}

.icon.-large.-press-contact-twitter {
    --url: url(./images/frontend/icons/twitter-large-QGTUFQRE.svg)
}

.icon.-large.-press-contact-xing {
    --url: url(./images/frontend/icons/xing-large-WF3JVUPK.svg)
}

.icon.-large.-press-contact-information-contact {
    --url: url(./images/frontend/icons/group-discussion-large-NNZM46U7.svg)
}

.icon.-large.-quicklink-arrow {
    --url: url(./images/frontend/icons/forward-large-NREVR27Z.svg)
}

.icon.-large.-registration-newsletter {
    --url: url(./images/frontend/icons/receive-e-mail-notification-large-CVURK6DI.svg)
}

.icon.-large.-registration-accreditation {
    --url: url(./images/frontend/icons/lock-large-OBDMEWUO.svg)
}

.icon.-large.-remove-tag {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-restricted-content {
    --url: url(./images/frontend/icons/lock-large-OBDMEWUO.svg)
}

.icon.-large.-search-clear-filters {
    --url: url(./images/frontend/icons/erase-large-5J2MAX5L.svg)
}

.icon.-large.-search-retry-fuzzy {
    --url: url(./images/frontend/icons/refresh-large-ZGEFUVFU.svg)
}

.icon.-large.-search-overlay-close {
    --url: url(./images/frontend/icons/back-large-WDCOVKWW.svg)
}

.icon.-large.-search-overlay-submit {
    --url: url(./images/frontend/icons/search-large-4MN5WUJN.svg)
}

.icon.-large.-search-select-filters {
    --url: url(./images/frontend/icons/options-large-XSWNUYEQ.svg)
}

.icon.-large.-service-links-press-releases {
    --url: url(./images/frontend/icons/news-large-PYDQEYAS.svg)
}

.icon.-large.-service-links-images {
    --url: url(./images/frontend/icons/camera-large-3YIDNWGU.svg)
}

.icon.-large.-service-links-videos {
    --url: url(./images/frontend/icons/video-large-TGZNX4M3.svg)
}

.icon.-large.-service-links-dates {
    --url: url(./images/frontend/icons/calendar-events-large-NF6BEUJB.svg)
}

.icon.-large.-service-links-newsletter {
    --url: url(./images/frontend/icons/receive-e-mail-notification-large-CVURK6DI.svg)
}

.icon.-large.-service-links-press-contacts {
    --url: url(./images/frontend/icons/business-address-large-RJFYM67Y.svg)
}

.icon.-large.-share-panel-close {
    --url: url(./images/frontend/icons/cancel-large-XTS3FXM4.svg)
}

.icon.-large.-share-via-email {
    --url: url(./images/frontend/icons/direct-mail-large-35HLV2H5.svg)
}

.icon.-large.-share-via-facebook {
    --url: url(./images/frontend/icons/facebook-large-Q466HZNF.svg)
}

.icon.-large.-share-via-x-com {
    --url: url(./images/frontend/icons/x-formerly-twitter-large-2BPOAVDX.svg)
}

.icon.-large.-share-via-linked-in {
    --url: url(./images/frontend/icons/linkedin-large-DFZX7GTS.svg)
}

.icon.-large.-share-via-whatsapp {
    --url: url(./images/frontend/icons/whatsapp-large-PVZISI6H.svg)
}

.icon.-large.-slider-previous {
    --url: url(./images/frontend/icons/back-large-WDCOVKWW.svg)
}

.icon.-large.-slider-next {
    --url: url(./images/frontend/icons/forward-large-NREVR27Z.svg)
}

.icon.-large.-social-media-links-facebook {
    --url: url(./images/frontend/icons/facebook-large-Q466HZNF.svg)
}

.icon.-large.-social-media-links-instagram {
    --url: url(./images/frontend/icons/instagram-large-BL6UK7AU.svg)
}

.icon.-large.-social-media-links-linked-in {
    --url: url(./images/frontend/icons/linkedin-large-DFZX7GTS.svg)
}

.icon.-large.-social-media-links-youtube {
    --url: url(./images/frontend/icons/youtube-large-COGQFNRJ.svg)
}

.icon.-large.-technical-details-data-sheet {
    --url: url(./images/frontend/icons/documents-large-VI45DUMO.svg)
}

.icon.-large.-technical-details-price-list {
    --url: url(./images/frontend/icons/document-pricelist-euro-large-4ITR523G.svg)
}

.icon.-large.-technical-details-external-link {
    --url: url(./images/frontend/icons/external-link-large-S2GRITGB.svg)
}

.icon.-large.-technical-details-dimensions-document {
    --url: url(./images/frontend/icons/car-dimensions-large-JX6HEIJP.svg)
}

.icon.-large.-to-admin-area {
    --url: url(./images/frontend/icons/settings-large-DNILYGVS.svg)
}

.icon.-large.-to-admin-area-edit {
    --url: url(./images/frontend/icons/edit-large-BQ63XHP3.svg)
}

.icon.-large.-twitter-reply {
    --url: url(./images/frontend/icons/arrow-left-normal-large-YAMYEUXN.svg)
}

.icon.-large.-twitter-retweet {
    --url: url(./images/frontend/icons/sync-large-UK3IHX7Z.svg)
}

.icon.-large.-twitter-favorite {
    --url: url(./images/frontend/icons/favorite-large-F5UDKV26.svg)
}

.icon.-large.-tech-spec-price-list {
    --url: url(./images/frontend/icons/download-large-755UEDGQ.svg)
}

.icon.-large.-tech-spec-data-sheet {
    --url: url(./images/frontend/icons/download-large-755UEDGQ.svg)
}

.icon.-large.-user-profile-accreditation-granted {
    --url: url(./images/frontend/icons/main-user-large-6QGEHH3F.svg)
}

.icon.-large.-user-profile-logout {
    --url: url(./images/frontend/icons/logout-large-U6EKPNTZ.svg)
}

.icon.-large.-validation-error {
    --url: url(./images/frontend/icons/caution-large-JH3TZMRE.svg)
}

.icon.-large.-video-duration {
    --url: url(./images/frontend/icons/time-large-FFCFZDTT.svg)
}

.icon.-large.-video-play-button {
    --url: url(./images/frontend/icons/system-play-large-2AXDLCMQ.svg)
}

.icon-block {
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    gap: var(--spacer-s);
    text-align: start;
    text-wrap: balance
}

.icon-block>.icon {
    flex: 0 0 auto
}

.icon-box.-attachment,
.icon-box.-album {
    display: grid;
    grid-template-areas: "icon title" "icon text" "icon button";
    grid-template-rows: min-content;
    grid-template-columns: min-content;
    column-gap: var(--spacer-l)
}

@media (min-width: 768px) {

    .icon-box.-attachment,
    .icon-box.-album {
        margin-right: var(--spacer-xl)
    }
}

@media (min-width: 1024px) {
    .page-row.column-width-100 .icon-box {
        max-width: calc(6 / 12 * var(--inside-layout-width) - 6 / 12 * var(--grid-gap-x))
    }
}

.icon-box--icon {
    grid-area: icon;
    width: min-content
}

.icon-box--title {
    grid-area: title;
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.icon-box--text {
    grid-area: text;
    margin-top: var(--spacer-xs);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.icon-box--button {
    grid-area: button;
    justify-self: start;
    margin-top: var(--spacer-l)
}

.image {
    display: block;
    position: relative;
    isolation: isolate
}

.image.is-video:before {
    z-index: 1;
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    background: #000000;
    opacity: .3;
    transition: all .25s var(--easing)
}

.image--play-button {
    --size: 72px;
    --large-icon-size: 72px;
    z-index: 2;
    position: absolute;
    left: calc(50% - var(--size) / 2);
    top: calc(50% - var(--size) / 2);
    width: var(--size);
    height: var(--size);
    color: #fff;
    filter: drop-shadow(0 0 1px #000000);
    pointer-events: none
}

@media (max-width: 767.98px) {
    .gallery .image--play-button {
        --size: 48px;
        --large-icon-size: 48px
    }
}

.main-stage .image--play-button {
    --size: 48px;
    --large-icon-size: 48px
}

.images-overview {
    display: flex;
    flex-direction: column;
    gap: calc(2 * var(--spacer-xxl))
}

.images-stream {
    display: flex;
    flex-direction: column
}

.images-stream--button {
    margin-top: var(--spacer-xxl);
    align-self: stretch
}

@media (min-width: 768px) {
    .images-stream--button {
        align-self: center
    }
}

.inline-consumption-data.-chained:before {
    content: ",";
    display: inline-block;
    margin-right: 1px;
    width: 2px
}

.intro-text {
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold);
    hyphens: auto;
    overflow-wrap: break-word
}

.intro-text.-centered {
    text-align: center
}

@media (min-width: 768px) {
    [class*=column-width-]:not(.column-width-100) .intro-text {
        padding-right: var(--spacer-xl)
    }

    [class*=column-width-]:not(.column-width-100) .intro-text.-centered {
        padding-left: var(--spacer-xl)
    }
}

.item-box--header {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacer-xxl)
}

.item-box--title {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary)
}

.label {
    padding: var(--spacer-xxs) var(--spacer-s);
    background-color: var(--ui-highlight-tertiary);
    cursor: default
}

.label.-primary {
    background-color: var(--ui-highlight-primary);
    color: var(--ui-inverted)
}

.label.-small {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.latest-images {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-xxl)
}

.latest-images--button {
    display: grid
}

@media (min-width: 768px) {
    .latest-images--button {
        align-self: center
    }
}

.latest-images-item {
    display: grid;
    flex-direction: column;
    grid-auto-rows: min-content auto auto;
    gap: var(--spacer-m)
}

@media (min-width: 768px) {
    .latest-images-item {
        height: 100%
    }
}

.latest-images-item--title {
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1);
    padding-right: var(--spacer-xl);
    align-self: start
}

.latest-images-item--meta-info {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary);
    align-self: end
}

@media (min-width: 1024px) {
    .latest-videos {
        --description-width: calc(var(--col-4) + var(--page-margin));
        --col-4: calc(4 / 12 * var(--content-width) - 8 / 12 * var(--grid-gap-x));
        display: grid;
        grid-template-areas: "title title" "asset-slider description-slider" "button button";
        grid-template-columns: 1fr var(--description-width)
    }

    .latest-videos.-description-on-left {
        grid-template-areas: "title title" "description-slider asset-slider" "button button";
        grid-template-columns: var(--description-width) 1fr
    }
}

.latest-videos--title {
    grid-area: title;
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    text-align: center;
    margin-bottom: var(--spacer-xxl)
}

.latest-videos--asset-slider,
.latest-videos--description-slider {
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    background: var(--background-level-0)
}

.latest-videos--asset-slider {
    grid-area: asset-slider
}

.latest-videos--description-slider {
    grid-area: description-slider;
    display: flex;
    align-items: center;
    --slider-padding-x: var(--page-margin);
    --slider-padding-y: var(--spacer-l)
}

@media (min-width: 1024px) {
    .latest-videos--description-slider {
        --slider-padding-x: var(--spacer-xxl)
    }
}

.latest-videos--button {
    grid-area: button;
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    text-align: center;
    margin-top: var(--spacer-xxl)
}

.layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--background-level-3);
    --breadcrumb-padding-y: var(--spacer-s);
    --breadcrumb-height: calc(2 * var(--breadcrumb-padding-y) + var(--breadcrumb-line-height));
    --content-padding-top: var(--spacer-xxxl);
    --content-padding-bottom: calc(2 * var(--spacer-xxl));
    --max-layout-width: calc(var(--max-content-width) + var(--page-margin) * 2);
    --document-width: calc(100vw - var(--scrollbar-width, 0px));
    --layout-width: min(var(--document-width), var(--max-layout-width));
    --inside-layout-width: calc(var(--layout-width) - 2 * var(--page-margin));
    --outside-layout-width: calc(var(--document-width) - var(--layout-width));
    --banner-height: 0;
    --header-height: 64px
}

@media (min-width: 1440px) {
    .layout {
        --header-height: 72px
    }
}

.layout--banner {
    position: sticky;
    top: 0;
    z-index: 6
}

.layout--header {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    background: var(--ui-inverted);
    border-bottom: 1px solid var(--ui-divider);
    position: sticky;
    top: var(--banner-height);
    z-index: 5
}

[data-zoom-level*=min-250-percent] .layout--header {
    position: relative;
    top: 0
}

.layout--flashes {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 1;
    position: fixed;
    top: calc(var(--header-height) + var(--spacer-m));
    right: calc(var(--page-margin) + var(--outside-layout-width) / 2);
    margin-left: calc(var(--page-margin) + var(--outside-layout-width) / 2);
    max-width: 420px;
    pointer-events: none
}

.layout--flashes>* {
    pointer-events: auto
}

.layout--breadcrumb,
.layout--content {
    align-self: center;
    background: var(--ui-inverted);
    width: var(--max-layout-width);
    max-width: 100%
}

.layout--breadcrumb:not(:empty) {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    padding-top: var(--breadcrumb-padding-y);
    padding-bottom: var(--breadcrumb-padding-y)
}

@media (max-width: 767.98px) {
    .layout--breadcrumb {
        display: none
    }
}

.layout--content {
    flex: 1 0 auto;
    min-height: 20rem;
    padding-top: var(--content-padding-top);
    padding-bottom: var(--content-padding-bottom)
}

@media (min-width: 768px) {
    .layout--breadcrumb:not(:empty)+.layout--content {
        padding-top: calc(var(--content-padding-top) - var(--breadcrumb-height))
    }
}

.layout.-ends-with-section>.layout--content {
    --content-padding-bottom: 0
}

.layout.-restriction-unlock-screen>.layout--content {
    --content-padding-top: 0;
    --content-padding-bottom: 0
}

.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity .3s
}

.lightbox-description {
    --padding-x: min(var(--spacer-xl), var(--page-margin));
    --lightbox-description-padding-x: var(--padding-x);
    --lightbox-description-padding-y: var(--spacer-l)
}

.lightbox-description>.loading-indicator {
    margin: var(--spacer-xl) auto
}

.lightbox-description--consumption-data {
    padding: var(--spacer-m) var(--padding-x);
    background-color: var(--background-level-3);
    color: var(--ui-secondary);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.lightbox-description--body {
    padding: var(--lightbox-description-padding-y) var(--lightbox-description-padding-x)
}

.slider.-lightbox-pagination .lightbox-description--body:first-child {
    padding-top: calc(var(--lightbox-description-padding-y) - var(--lightbox-pagination-margin-y))
}

up-modal.lightbox-modal {
    --content-grid-row-start: 1
}

up-modal.video-lightbox-modal {
    --modal-background-color: $backdrop-color;
    --content-grid-row-start: 2
}

up-modal.lightbox-modal,
up-modal.video-lightbox-modal {
    --default-asset-aspect-ratio: 3/2;
    --min-asset-height: 400px;
    --asset-height: min(960px, max(var(--66vh-rounded, 66vh), var(--min-asset-height)));
    --min-width: min(100%, calc(var(--asset-height) * var(--default-asset-aspect-ratio)))
}

up-modal.lightbox-modal>up-modal-backdrop,
up-modal.video-lightbox-modal>up-modal-backdrop {
    background-color: #000000e6
}

up-modal.lightbox-modal>up-modal-viewport,
up-modal.video-lightbox-modal>up-modal-viewport {
    padding: 0
}

up-modal.lightbox-modal>up-modal-viewport>up-modal-box,
up-modal.video-lightbox-modal>up-modal-viewport>up-modal-box {
    padding: 0;
    isolation: isolate;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr auto;
    background: transparent;
    width: min-content;
    min-width: var(--min-width)
}

up-modal.lightbox-modal>up-modal-viewport>up-modal-box>up-modal-content,
up-modal.video-lightbox-modal>up-modal-viewport>up-modal-box>up-modal-content {
    z-index: 1;
    grid-column: 1 / -1;
    grid-row: var(--content-grid-row-start, 1)/-1;
    background: var(--modal-background-color, var(--ui-inverted))
}

up-modal.lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss,
up-modal.video-lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss {
    --size: calc(var(--icon-size) + 2 * var(--padding));
    --padding: var(--spacer-s);
    z-index: 2;
    grid-column: 2;
    grid-row: 1;
    position: static;
    display: block;
    width: var(--size);
    height: var(--size);
    padding: var(--padding);
    background: var(--ui-inverted);
    color: var(--interaction-primary-default);
    transition: all .25s var(--easing)
}

up-modal.lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss:hover,
up-modal.video-lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss:hover {
    color: var(--interaction-primary-hover)
}

up-modal.lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss:focus,
up-modal.video-lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss:focus {
    color: var(--interaction-primary-focus)
}

up-modal.lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss:active,
up-modal.video-lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss:active {
    color: var(--interaction-primary-active)
}

up-modal.lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss:before,
up-modal.video-lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss:before {
    content: "";
    --color: var(--icon-color, currentColor);
    --size: var(--icon-size);
    --mask: url(./images/frontend/icons/cancel-small-QEDMGMHX.svg) center / contain no-repeat;
    display: inline-grid;
    width: var(--size);
    height: var(--size);
    --vertical-align: calc(.25em - .5 * var(--size) + var(--shift-correction));
    --shift-correction: calc(3px - min(1px, max(17px, 1em) - 1em));
    vertical-align: var(--vertical-align);
    background-color: var(--color);
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

up-modal.lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss>span,
up-modal.video-lightbox-modal>up-modal-viewport>up-modal-box>up-modal-dismiss>span {
    display: none
}

.lightbox-modal--asset img,
.lightbox-modal--asset picture,
.lightbox-modal--asset video {
    width: 100%;
    max-height: var(--asset-height);
    object-fit: contain
}

.load-more-button {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--spacer-xs) var(--spacer-s);
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .load-more-button {
        flex-direction: column
    }
}

.loading-indicator {
    --size: var(--large-icon-size);
    width: var(--size);
    height: var(--size)
}

.loading-indicator>svg {
    width: 100%;
    height: 100%
}

.loading-indicator>svg>circle {
    fill: transparent;
    stroke: var(--ui-highlight-primary);
    stroke-width: var(--spacer-xxs);
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.main-menu {
    position: fixed;
    inset: 0;
    top: var(--banner-height, 0);
    z-index: 9999;
    isolation: isolate
}

.main-menu:not(.-visible) {
    display: none
}

.main-menu--backdrop {
    position: absolute;
    inset: 0;
    background-color: #000000e6
}

.main-menu--layers {
    isolation: isolate;
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    background: var(--background-level-0)
}

.main-stage {
    display: grid;
    gap: var(--grid-gap-x) var(--grid-gap-y);
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width: 1023.98px) {
    .main-stage {
        grid-template-columns: 1fr
    }
}

.main-stage.-hero {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-xxs);
    margin-left: calc(-1 * var(--page-margin));
    margin-right: calc(-1 * var(--page-margin))
}

.main-stage--list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    background: var(--background-level-0);
    background-color: var(--background-level-2);
    padding-left: var(--spacer-l);
    padding-right: var(--spacer-l)
}

.-hero .main-stage--list {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin)
}

@media (min-width: 1024px) {
    .-hero .main-stage--list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacer-xxl)
    }
}

.main-stage-list-item {
    --column-count: 2;
    --grid-columns: 6;
    --image-width: calc(100% * var(--column-count) / var(--grid-columns));
    display: grid;
    grid-template-areas: "title image" "meta-info image";
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr var(--image-width);
    grid-column-gap: var(--spacer-l);
    grid-row-gap: var(--spacer-m);
    padding-top: var(--spacer-l);
    padding-bottom: var(--spacer-l);
    border-bottom: 1px solid var(--ui-divider)
}

.main-stage-list-item:last-child {
    border: none
}

@media (max-width: 1023.98px) {
    .main-stage-list-item {
        --column-count: 4;
        --grid-columns: 12
    }
}

.main-stage-list-item.-without-meta-info {
    grid-template-areas: "title image"
}

.main-stage-list-item--title {
    grid-area: title;
    hyphens: auto;
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical
}

.main-stage-list-item--image {
    grid-area: image;
    align-self: start
}

.main-stage-list-item--meta-info {
    grid-area: meta-info;
    color: var(--ui-tertiary);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.main-stage-main-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    background: var(--background-level-0)
}

.main-stage-main-content--title {
    margin: var(--spacer-l);
    hyphens: auto;
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical
}

.main-stage-main-content--meta-info {
    margin-left: var(--spacer-l);
    margin-right: var(--spacer-l);
    color: var(--ui-tertiary);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.main-stage-main-content--buttons {
    margin: var(--spacer-xl) var(--spacer-l) var(--spacer-l)
}

.media-contact {
    display: grid;
    place-items: start;
    grid-template-areas: "image" "." "name" "position" "phone" "mobile" "email";
    grid-template-columns: 1fr;
    grid-template-rows: auto var(--spacer-m) auto auto auto auto auto;
    --image-position: center;
    min-width: 100%
}

@media (min-width: 768px) {
    .media-contact {
        min-width: min(100%, calc(6 / 12 * var(--inside-layout-width) - 6 / 12 * var(--grid-gap-x)));
        padding-right: var(--spacer-xl)
    }
}

@media (min-width: 1440px) {
    .media-contact {
        min-width: min(100%, calc(4 / 12 * var(--inside-layout-width) - 8 / 12 * var(--grid-gap-x)))
    }

    .-wider-from-xl .media-contact {
        min-width: min(100%, calc(6 / 12 * var(--inside-layout-width) - 6 / 12 * var(--grid-gap-x)))
    }
}

@media (min-width: 768px) {
    .media-contact {
        grid-template-areas: "image ." "image name" "image position" "image phone" "image mobile" "image email" "image .";
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr auto auto auto auto auto 1fr;
        gap: 0 var(--spacer-l);
        --image-position: start
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .column-width-33 .media-contact {
        grid-template-areas: "image" "." "name" "position" "phone" "mobile" "email";
        grid-template-columns: 1fr;
        grid-template-rows: auto var(--spacer-m) auto auto auto auto auto;
        --image-position: center
    }
}

@media (min-width: 768px) and (max-width: 1439.98px) {
    .column-width-25 .media-contact {
        grid-template-areas: "image" "." "name" "position" "phone" "mobile" "email";
        grid-template-columns: 1fr;
        grid-template-rows: auto var(--spacer-m) auto auto auto auto auto;
        --image-position: center
    }
}

.media-contact a {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.media-contact a:hover {
    color: var(--interaction-primary-hover)
}

.media-contact a:focus {
    color: var(--interaction-primary-focus)
}

.media-contact a:active {
    color: var(--interaction-primary-active)
}

.media-contact--name {
    grid-area: name;
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-wide)
}

.media-contact.-generic>.media-contact--name {
    font-variation-settings: var(--font-variation-wide)
}

.media-contact--image {
    --size: calc(4 * var(--spacer-l));
    grid-area: image;
    justify-self: var(--image-position);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    overflow: hidden
}

.media-contact.-generic>.media-contact--image {
    background-color: var(--background-level-3);
    display: grid;
    place-content: center
}

.media-contact--position {
    grid-area: position;
    margin-top: var(--spacer-xs);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.media-contact--phone {
    grid-area: phone;
    margin-top: var(--spacer-l)
}

.media-contact--mobile {
    grid-area: mobile;
    margin-top: var(--spacer-l)
}

.media-contact--email {
    grid-area: email;
    margin-top: var(--spacer-l)
}

.media-contact.-generic>.media-contact--email {
    margin-top: var(--spacer-xxs)
}

.media-contacts {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-xxl)
}

.media-contacts--heading {
    text-align: center
}

.media-contacts--contacts {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacer-xxl) var(--grid-gap-x)
}

.media-contacts--contacts>* {
    flex: 0 1 0
}

@media (min-width: 768px) {
    .media-contacts--button {
        align-self: center
    }
}

.menu-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    --offcanvas-side: right;
    --area-padding-y: var(--spacer-l);
    --layer-padding-x: var(--spacer-l);
    --top-height: 64px;
    padding: 0 var(--layer-padding-x);
    display: grid;
    grid-template-areas: "close-text close-x-or-root-actions" "back back" "title title" "links links";
    grid-template-rows: var(--top-height) auto auto 1fr;
    grid-template-columns: 1fr auto;
    color: var(--ui-tertiary);
    background: var(--background-level-0);
    z-index: 0
}

.menu-layer:not(.-visible) {
    display: none
}

.menu-layer[data-level="1"] {
    background: var(--background-level-1);
    z-index: 1
}

.menu-layer[data-level="2"] {
    background: var(--background-level-1);
    z-index: 2
}

.menu-layer[data-level="3"] {
    background: var(--background-level-1);
    z-index: 3
}

@media (min-width: 1440px) {
    .menu-layer {
        --offcanvas-side: left;
        --top-height: 72px;
        --shadow: 0px 1px 4px rgba(0, 0, 0, .15), 0px 2px 8px rgba(0, 0, 0, .25);
        width: 25%;
        left: 0
    }

    [data-layer-level="0"] .menu-layer[data-level="0"],
    [data-layer-level="1"] .menu-layer[data-level="1"],
    [data-layer-level="2"] .menu-layer[data-level="2"],
    [data-layer-level="3"] .menu-layer[data-level="3"],
    [data-layer-level="4"] .menu-layer[data-level="4"] {
        box-shadow: var(--shadow)
    }

    .menu-layer[data-level="1"] {
        background: var(--background-level-1);
        left: 25%;
        z-index: -1
    }

    .menu-layer[data-level="2"] {
        background: var(--background-level-1);
        left: 50%;
        z-index: -2
    }

    .menu-layer[data-level="3"] {
        background: var(--background-level-1);
        left: 75%;
        z-index: -3
    }
}

.menu-layer:focus {
    outline: none
}

@media (max-height: 400px) {
    .menu-layer[data-level="0"] {
        overflow-y: scroll
    }

    .menu-layer[data-level="0"] .menu-layer--links {
        overflow-y: visible
    }
}

.menu-layer a,
.menu-layer button {
    color: var(--interaction-secondary-default);
    transition: all .25s var(--easing)
}

.menu-layer a:hover,
.menu-layer button:hover {
    color: var(--interaction-secondary-hover)
}

.menu-layer a:focus,
.menu-layer button:focus {
    color: var(--interaction-secondary-focus)
}

.menu-layer a:active,
.menu-layer button:active {
    color: var(--interaction-secondary-active)
}

.menu-layer--close-text {
    grid-area: close-text;
    justify-self: left;
    align-self: center;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s)
}

.menu-layer .menu-layer--close-text {
    color: var(--interaction-primary-default);
    transition: all .25s var(--easing)
}

.menu-layer .menu-layer--close-text:hover {
    color: var(--interaction-primary-hover)
}

.menu-layer .menu-layer--close-text:focus {
    color: var(--interaction-primary-focus)
}

.menu-layer .menu-layer--close-text:active {
    color: var(--interaction-primary-active)
}

@media (min-width: 1440px) {
    .menu-layer--close-text {
        opacity: 1
    }

    .menu-layer[data-level]:not([data-level="0"]) .menu-layer--close-text {
        opacity: 0;
        pointer-events: none
    }
}

.menu-layer--close-text.-mobile {
    display: block
}

@media (min-width: 1440px) {
    .menu-layer--close-text.-mobile {
        display: none
    }
}

.menu-layer--close-text.-desktop {
    display: none
}

@media (min-width: 1440px) {
    .menu-layer--close-text.-desktop {
        display: block
    }
}

.menu-layer--close-x {
    grid-area: close-x-or-root-actions;
    justify-self: end;
    align-self: center;
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s);
    display: none
}

.menu-layer .menu-layer--close-x {
    color: var(--interaction-primary-default);
    transition: all .25s var(--easing)
}

.menu-layer .menu-layer--close-x:hover {
    color: var(--interaction-primary-hover)
}

.menu-layer .menu-layer--close-x:focus {
    color: var(--interaction-primary-focus)
}

.menu-layer .menu-layer--close-x:active {
    color: var(--interaction-primary-active)
}

@media (min-width: 1440px) {
    .menu-layer--close-x {
        display: block;
        opacity: 1;
        transition: opacity .3s ease-out
    }

    [data-layer-level]:not([data-layer-level="0"]) .menu-layer[data-level="0"] .menu-layer--close-x {
        opacity: 0;
        pointer-events: none
    }

    [data-layer-level]:not([data-layer-level="1"]) .menu-layer[data-level="1"] .menu-layer--close-x {
        opacity: 0;
        pointer-events: none
    }

    [data-layer-level]:not([data-layer-level="2"]) .menu-layer[data-level="2"] .menu-layer--close-x {
        opacity: 0;
        pointer-events: none
    }

    [data-layer-level]:not([data-layer-level="3"]) .menu-layer[data-level="3"] .menu-layer--close-x {
        opacity: 0;
        pointer-events: none
    }

    [data-layer-level]:not([data-layer-level="4"]) .menu-layer[data-level="4"] .menu-layer--close-x {
        opacity: 0;
        pointer-events: none
    }
}

.menu-layer--root-actions {
    grid-area: close-x-or-root-actions;
    justify-self: end;
    align-self: center
}

.menu-layer--root-actions a,
.menu-layer--root-actions button {
    color: var(--interaction-primary-default);
    transition: all .25s var(--easing)
}

.menu-layer--root-actions a:hover,
.menu-layer--root-actions button:hover {
    color: var(--interaction-primary-hover)
}

.menu-layer--root-actions a:focus,
.menu-layer--root-actions button:focus {
    color: var(--interaction-primary-focus)
}

.menu-layer--root-actions a:active,
.menu-layer--root-actions button:active {
    color: var(--interaction-primary-active)
}

@media (min-width: 1440px) {
    .menu-layer--root-actions {
        display: none
    }
}

.menu-layer--actions {
    grid-area: actions
}

.menu-layer--back {
    grid-area: back;
    padding: var(--area-padding-y) 0;
    text-align: left;
    position: relative;
    margin-bottom: 1px
}

.menu-layer--back:before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--ui-divider)
}

@media (min-width: 1440px) {
    .menu-layer--back {
        display: none
    }
}

.menu-layer--title {
    grid-area: title;
    padding: var(--area-padding-y) 0
}

.menu-layer--links {
    grid-area: links;
    --padding-y: var(--spacer-l);
    --scrollbar-area: var(--spacer-m);
    --scrollbar-size: var(--spacer-xxs);
    padding: var(--padding-y) 0;
    margin-right: calc(-1 * var(--scrollbar-area));
    padding-right: calc(var(--scrollbar-area) - var(--scrollbar-size));
    margin-left: calc(-1 * var(--layer-padding-x));
    padding-left: var(--layer-padding-x);
    overflow-y: scroll
}

@supports not selector(::-webkit-scrollbar) {
    .menu-layer--links {
        scrollbar-color: var(--ui-secondary) transparent;
        scrollbar-width: thin
    }
}

.menu-layer--links::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size)
}

.menu-layer--links::-webkit-scrollbar-thumb {
    background-color: var(--ui-secondary);
    border-radius: calc(var(--scrollbar-size) / 2)
}

.menu-layer--links::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: calc(var(--scrollbar-size) / 2);
    margin: var(--padding-y)
}

.menu-layer-links {
    --link-padding-y: var(--spacer-s);
    --link-padding-x: var(--spacer-xs);
    display: flex;
    flex-direction: column;
    min-height: calc(100% + 2 * var(--link-padding-y));
    margin: calc(-1 * var(--link-padding-y)) 0
}

.menu-layer-links>li {
    display: block
}

.menu-layer-links>li>a {
    display: flex;
    padding: var(--link-padding-y) var(--link-padding-x);
    margin-left: calc(-1 * var(--link-padding-x));
    margin-right: calc(-1 * var(--link-padding-x));
    color: var(--interaction-secondary-default)
}

.menu-layer-links>li>a:hover,
.menu-layer-links>li>a:focus {
    color: var(--interaction-secondary-hover)
}

.menu-layer-links>li>a>*:not(.icon) {
    --border-padding: var(--spacer-xxs);
    --border-width: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    display: inline-block;
    padding-bottom: var(--border-padding);
    border-bottom: var(--border-width) solid transparent;
    margin-bottom: calc(-1 * (var(--border-width) + var(--border-padding)));
    transition: all .25s var(--easing)
}

.menu-layer-links>li>a.-active {
    color: var(--interaction-secondary-active)
}

.menu-layer-links>li>a.-active>*:not(.icon) {
    border-color: currentColor
}

.menu-layer-links>li>a>.icon {
    order: 99;
    margin-left: auto
}

.menu-layer-links--spacer {
    margin-top: auto
}

.menu-layer-links--extra,
.menu-layer-links--language-switcher {
    --padding: var(--area-padding-y, var(--spacer-l));
    margin-top: calc(var(--padding) - var(--link-padding-y));
    border-top: 1px solid var(--ui-divider);
    padding-top: var(--padding)
}

.menu-layer-links--extra+.menu-layer-links--extra,
.menu-layer-links--language-switcher+.menu-layer-links--extra,
.menu-layer-links--extra+.menu-layer-links--language-switcher,
.menu-layer-links--language-switcher+.menu-layer-links--language-switcher {
    margin-top: var(--padding)
}

.menu-layer-links--language-switcher [role=heading] {
    font-size: var(--font-size-copy3);
    line-height: var(--line-height-copy3);
    margin-bottom: calc(var(--spacer-xs) - var(--link-padding-y, 0px))
}

.menu-layer-root-actions {
    display: flex;
    gap: var(--spacer-l)
}

.menu-layer-root-actions>a {
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s)
}

.menu-layer-root-actions>.cart-link {
    display: flex;
    column-gap: calc(1.5 * var(--spacer-xxs))
}

.meta {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.meta .icon {
    margin-top: calc((var(--line-height-copy2) - var(--size)) / 2);
    margin-bottom: calc((var(--line-height-copy2) - var(--size)) / 2)
}

.meta--divider:before,
.meta--item+.meta--item:before {
    content: "\2014";
    margin: 0 var(--spacer-xxs)
}

.motorization--heading {
    --margin-bottom: var(--spacer-m);
    margin-bottom: var(--margin-bottom)
}

.motorization--heading.-on-item-page {
    --margin-bottom: var(--spacer-l)
}

.motorization--table {
    --table-margin: 0
}

.motorization--table table {
    --cell-gap: var(--table-cell-gap, var(--spacer-xs));
    border-collapse: separate;
    border-spacing: var(--cell-gap) 0;
    margin: var(--table-margin) calc(-1 * var(--cell-gap))
}

.motorization--table table th,
.motorization--table table td {
    --heading-border-width: 2px;
    --regular-border-width: 1px;
    --border-width: var(--regular-border-width);
    --border-color: var(--ui-primary);
    --padding-top: var(--spacer-s);
    --padding-right: var(--spacer-s);
    --padding-bottom: var(--spacer-l);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) 0;
    border-top: var(--border-width) solid var(--border-color);
    text-align: start;
    vertical-align: top
}

.motorization--table table>thead:first-child>tr:first-child>th,
.motorization--table table>thead:first-child>tr:first-child>td,
.motorization--table table>tbody:first-child>tr:first-child>th,
.motorization--table table>tbody:first-child>tr:first-child>td {
    --border-width: var(--heading-border-width)
}

.motorization--table table>thead>tr>th[scope=row],
.motorization--table table>tbody>tr>th[scope=row] {
    --border-width: var(--heading-border-width)
}

.motorization--table table>thead>tr>th[scope=row]~td,
.motorization--table table>tbody>tr>th[scope=row]~td {
    --border-width: var(--regular-border-width);
    padding-top: calc(var(--padding-top) + var(--heading-border-width) - var(--regular-border-width))
}

.motorization--table table>thead:last-child>tr:last-child>th,
.motorization--table table>thead:last-child>tr:last-child>td,
.motorization--table table>tbody:last-child>tr:last-child>th,
.motorization--table table>tbody:last-child>tr:last-child>td {
    position: relative
}

.motorization--table table>thead:last-child>tr:last-child>th:after,
.motorization--table table>thead:last-child>tr:last-child>td:after,
.motorization--table table>tbody:last-child>tr:last-child>th:after,
.motorization--table table>tbody:last-child>tr:last-child>td:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--border-width);
    background-color: var(--border-color)
}

.motorization--table table th,
.motorization--table table td[role=rowheader],
.motorization--table table td[role=columnheader] {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

@media (max-width: 1023.98px) {

    .motorization--table table,
    .motorization--table table>thead,
    .motorization--table table>tbody,
    .motorization--table table>thead>tr,
    .motorization--table table>tbody>tr,
    .motorization--table table>thead>tr>th,
    .motorization--table table>thead>tr>td,
    .motorization--table table>tbody>tr>th,
    .motorization--table table>tbody>tr>td {
        display: block
    }

    .motorization--table table {
        --cell-gap: 0
    }

    .motorization--table table>thead>tr>th,
    .motorization--table table>tbody>tr>th {
        padding: var(--spacer-s) 0 0
    }

    .motorization--table table>thead>tr>th~td,
    .motorization--table table>tbody>tr>th~td {
        padding: var(--spacer-m) 0 0;
        border: none
    }

    .motorization--table table>thead>tr>th[scope=row]~td,
    .motorization--table table>tbody>tr>th[scope=row]~td {
        padding-top: var(--spacer-m)
    }

    .motorization--table table>thead>tr>th:last-child,
    .motorization--table table>thead>tr>td:last-child,
    .motorization--table table>tbody>tr>th:last-child,
    .motorization--table table>tbody>tr>td:last-child {
        padding-bottom: var(--spacer-l)
    }

    .motorization--table table>thead>tr>th:empty,
    .motorization--table table>thead>tr>td:empty,
    .motorization--table table>tbody>tr>th:empty,
    .motorization--table table>tbody>tr>td:empty {
        padding: 0
    }

    .motorization--table table>thead>tr:last-child>th:not(:last-child):after,
    .motorization--table table>thead>tr:last-child>td:not(:last-child):after,
    .motorization--table table>tbody>tr:last-child>th:not(:last-child):after,
    .motorization--table table>tbody>tr:last-child>td:not(:last-child):after {
        display: none
    }
}

.motorization--table>table {
    width: calc(100% + 2 * var(--cell-gap));
    table-layout: fixed
}

@media (min-width: 1024px) {

    .motorization--table>table>thead>tr>th,
    .motorization--table>table>thead>tr>td,
    .motorization--table>table>tbody>tr>th,
    .motorization--table>table>tbody>tr>td {
        padding-left: 2px
    }
}

.motorization--disclaimer {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    margin-top: var(--spacer-l)
}

.motorization--add-all-to-cart-button {
    margin-top: var(--spacer-l)
}

.motorization--downloads {
    margin-top: var(--spacer-xxl);
    display: flex;
    gap: var(--spacer-xxl) var(--grid-gap-x);
    flex-direction: column
}

@media (min-width: 1024px) {
    .motorization--downloads {
        flex-direction: row
    }

    .motorization--downloads>* {
        flex: 1 1 100%;
        padding-right: var(--spacer-xl)
    }
}

.motorization-header {
    display: grid;
    grid-template-areas: "arrow-icon . name" ". . ." ". . consumption";
    grid-template-columns: auto var(--spacer-s) 1fr;
    grid-template-rows: auto var(--spacer-s) auto
}

.motorization-header a {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 3;
    grid-row: span 1
}

.motorization-header--arrow-icon {
    grid-area: arrow-icon
}

.motorization-header--consumption-data {
    grid-area: consumption;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    font-variation-settings: normal;
    color: var(--ui-tertiary)
}

.motorization-header--name {
    grid-area: name;
    width: fit-content
}

.motorization-summary {
    --table-margin: 0
}

.motorization-summary table {
    --cell-gap: var(--table-cell-gap, var(--spacer-xs));
    border-collapse: separate;
    border-spacing: var(--cell-gap) 0;
    margin: var(--table-margin) calc(-1 * var(--cell-gap))
}

.motorization-summary table th,
.motorization-summary table td {
    --heading-border-width: 2px;
    --regular-border-width: 1px;
    --border-width: var(--regular-border-width);
    --border-color: var(--ui-primary);
    --padding-top: var(--spacer-s);
    --padding-right: var(--spacer-s);
    --padding-bottom: var(--spacer-l);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) 0;
    border-top: var(--border-width) solid var(--border-color);
    text-align: start;
    vertical-align: top
}

.motorization-summary table>thead:first-child>tr:first-child>th,
.motorization-summary table>thead:first-child>tr:first-child>td,
.motorization-summary table>tbody:first-child>tr:first-child>th,
.motorization-summary table>tbody:first-child>tr:first-child>td {
    --border-width: var(--heading-border-width)
}

.motorization-summary table>thead>tr>th[scope=row],
.motorization-summary table>tbody>tr>th[scope=row] {
    --border-width: var(--heading-border-width)
}

.motorization-summary table>thead>tr>th[scope=row]~td,
.motorization-summary table>tbody>tr>th[scope=row]~td {
    --border-width: var(--regular-border-width);
    padding-top: calc(var(--padding-top) + var(--heading-border-width) - var(--regular-border-width))
}

.motorization-summary table>thead:last-child>tr:last-child>th,
.motorization-summary table>thead:last-child>tr:last-child>td,
.motorization-summary table>tbody:last-child>tr:last-child>th,
.motorization-summary table>tbody:last-child>tr:last-child>td {
    position: relative
}

.motorization-summary table>thead:last-child>tr:last-child>th:after,
.motorization-summary table>thead:last-child>tr:last-child>td:after,
.motorization-summary table>tbody:last-child>tr:last-child>th:after,
.motorization-summary table>tbody:last-child>tr:last-child>td:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--border-width);
    background-color: var(--border-color)
}

.motorization-summary table th,
.motorization-summary table td[role=rowheader],
.motorization-summary table td[role=columnheader] {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

@media (max-width: 1023.98px) {

    .motorization-summary table,
    .motorization-summary table>thead,
    .motorization-summary table>tbody,
    .motorization-summary table>thead>tr,
    .motorization-summary table>tbody>tr,
    .motorization-summary table>thead>tr>th,
    .motorization-summary table>thead>tr>td,
    .motorization-summary table>tbody>tr>th,
    .motorization-summary table>tbody>tr>td {
        display: block
    }

    .motorization-summary table {
        --cell-gap: 0
    }

    .motorization-summary table>thead>tr>th,
    .motorization-summary table>tbody>tr>th {
        padding: var(--spacer-s) 0 0
    }

    .motorization-summary table>thead>tr>th~td,
    .motorization-summary table>tbody>tr>th~td {
        padding: var(--spacer-m) 0 0;
        border: none
    }

    .motorization-summary table>thead>tr>th[scope=row]~td,
    .motorization-summary table>tbody>tr>th[scope=row]~td {
        padding-top: var(--spacer-m)
    }

    .motorization-summary table>thead>tr>th:last-child,
    .motorization-summary table>thead>tr>td:last-child,
    .motorization-summary table>tbody>tr>th:last-child,
    .motorization-summary table>tbody>tr>td:last-child {
        padding-bottom: var(--spacer-l)
    }

    .motorization-summary table>thead>tr>th:empty,
    .motorization-summary table>thead>tr>td:empty,
    .motorization-summary table>tbody>tr>th:empty,
    .motorization-summary table>tbody>tr>td:empty {
        padding: 0
    }

    .motorization-summary table>thead>tr:last-child>th:not(:last-child):after,
    .motorization-summary table>thead>tr:last-child>td:not(:last-child):after,
    .motorization-summary table>tbody>tr:last-child>th:not(:last-child):after,
    .motorization-summary table>tbody>tr:last-child>td:not(:last-child):after {
        display: none
    }
}

.motorization-summary table {
    --regular-border-width: 1px;
    --heading-border-width: 2px
}

@media (max-width: 1023.98px) {
    .motorization-summary table thead {
        display: none
    }
}

.motorization-summary table thead th {
    border-bottom: var(--regular-border-width) solid var(--ui-primary);
    padding: var(--spacer-s) var(--spacer-s) var(--spacer-l) var(--spacer-s)
}

.motorization-summary table tbody th {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--ui-primary);
    padding: var(--spacer-s) var(--spacer-s) var(--spacer-l) 0
}

@media (max-width: 1023.98px) {
    .motorization-summary table tbody th {
        border: none
    }
}

@media (max-width: 1023.98px) {
    .motorization-summary table tbody tr {
        border-bottom: var(--regular-border-width) solid var(--ui-primary)
    }

    .motorization-summary table tbody tr:first-child {
        border-top: var(--heading-border-width) solid var(--ui-primary)
    }
}

.motorization-summary table tbody td {
    border: none;
    border-bottom: var(--regular-border-width) solid var(--ui-primary);
    padding: var(--spacer-s) var(--spacer-s) var(--spacer-l) var(--spacer-s)
}

.motorization-summary table tbody td.-mobile {
    display: none
}

@media (min-width: 1024px) and (min-width: 1024px) {

    .motorization-summary table tbody td>a,
    .motorization-summary table tbody td>button {
        font-size: 0
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {

    .motorization-summary table tbody td>a>.icon.-spacer,
    .motorization-summary table tbody td>button>.icon.-spacer {
        margin-inline-end: 0
    }
}

@media (max-width: 1023.98px) {
    .motorization-summary table tbody td {
        padding: 0 var(--spacer-m) var(--spacer-l) var(--spacer-m)
    }

    .motorization-summary table tbody td.-mobile {
        font-weight: 400;
        font-variation-settings: var(--font-variation-bold);
        display: block;
        padding-left: var(--spacer-m);
        padding-bottom: var(--spacer-l)
    }
}

.motorization-summary table>thead:first-child>tr:first-child>th,
.motorization-summary table>thead:first-child>tr:first-child>td,
.motorization-summary table>tbody:first-child>tr:first-child>th,
.motorization-summary table>tbody:first-child>tr:first-child>td {
    position: relative
}

.motorization-summary table>thead:first-child>tr:first-child>th:before,
.motorization-summary table>thead:first-child>tr:first-child>td:before,
.motorization-summary table>tbody:first-child>tr:first-child>th:before,
.motorization-summary table>tbody:first-child>tr:first-child>td:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: var(--heading-border-width);
    background-color: var(--ui-primary)
}

@media (max-width: 1023.98px) {
    .motorization-summary table>tbody>tr>th {
        padding: var(--spacer-m) 0 0
    }

    .motorization-summary table>tbody>tr>td+td {
        padding: 0 0 var(--spacer-l) var(--spacer-m)
    }
}

.next-livestreams--header {
    margin-bottom: var(--spacer-xxl);
    text-align: center
}

.next-livestreams--load-more-button {
    margin-top: var(--spacer-xl);
    text-align: center
}

.noscript-warning {
    margin: var(--spacer-xxl) 0;
    color: var(--ui-highlight-primary)
}

.not-a-journalist-banner {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-l);
    text-align: center
}

.not-a-journalist-banner .btn {
    text-decoration-color: var(--ui-secondary)
}

.nowrap {
    white-space: nowrap
}

.overview-car-family-tile-content {
    display: grid;
    grid-auto-rows: min-content 1fr min-content;
    grid-template-areas: ". title ." ". image ." ". button .";
    grid-template-columns: var(--spacer-m) 1fr var(--spacer-m);
    padding-bottom: var(--spacer-m);
    padding-top: var(--spacer-m);
    --ui-primary: #000000;
    --ui-secondary: #333333;
    --ui-tertiary: #666666;
    --ui-inverted: #ffffff;
    --ui-divider: #d9d9d9;
    --ui-error: #eb0d3f;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #eb0d3f;
    --ui-highlight-secondary: #000000;
    --ui-highlight-tertiary: rgba(0, 0, 0, .05);
    --interaction-primary-default: #000000;
    --interaction-primary-hover: #4c4c4c;
    --interaction-primary-active: #000000;
    --interaction-primary-disabled: #b3b3b3;
    --interaction-primary-focus: #000000;
    --interaction-primary-pressed: #000000;
    --interaction-secondary-default: #666666;
    --interaction-secondary-hover: #000000;
    --interaction-secondary-active: #000000;
    --interaction-secondary-filled: #333333;
    --interaction-secondary-disabled: #b3b3b3;
    --interaction-secondary-focus: #000000;
    --interaction-secondary-readonly: #333333;
    --interaction-secondary-pressed: #000000;
    --interaction-tertiary-default: #d9d9d9;
    --interaction-tertiary-hover: #d9d9d9;
    --interaction-tertiary-active: #333333;
    --interaction-tertiary-disabled: #d9d9d9;
    --interaction-label-default: #333333;
    --interaction-label-hover: #000000;
    --interaction-label-active: #333333;
    --interaction-label-filled: #333333;
    --interaction-label-disabled: #b3b3b3;
    --interaction-label-focus: #000000;
    --interaction-label-readonly: #333333;
    --interaction-label-pressed: #000000;
    --background-card: #ffffff;
    --background-level-0: #ffffff;
    --background-level-1: #ffffff;
    --background-level-2: #ffffff;
    --background-level-3: #f2f2f2;
    color: var(--ui-secondary);
    background: var(--background-level-0)
}

.overview-car-family-tile-content.-predecessor {
    grid-auto-rows: min-content 1fr min-content min-content;
    grid-template-areas: "image image image" ". title ." ". year ." ". button .";
    min-height: var(--content-min-height);
    padding-top: 0;
    position: relative
}

.overview-car-family-tile-content--type-badge {
    left: var(--spacer-m);
    position: absolute;
    top: var(--spacer-m);
    z-index: 1
}

.overview-car-family-tile-content--title {
    grid-area: title;
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-extended);
    color: var(--interaction-secondary-filled);
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box
}

.overview-car-family-tile-content.-predecessor .overview-car-family-tile-content--title {
    margin-top: var(--spacer-m)
}

.overview-car-family-tile-content--year {
    grid-area: year;
    margin-top: var(--spacer-xxs);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-extended);
    color: var(--interaction-secondary-filled)
}

.overview-car-family-tile-content--image {
    grid-area: image;
    margin-top: var(--spacer-m)
}

.overview-car-family-tile-content.-predecessor .overview-car-family-tile-content--image {
    margin-top: 0
}

.overview-car-family-tile-content--button {
    grid-area: button;
    margin-top: var(--spacer-xl)
}

.overview-car-family-tile-content.-predecessor .overview-car-family-tile-content--button {
    margin-top: var(--spacer-m)
}

.overview-car-tile--consumption-data {
    margin-top: var(--spacer-m);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.overview-car-tile--consumption-data>p {
    margin-bottom: 0
}

.overview-car-tile--consumption-data>p+p {
    margin-top: var(--spacer-xs)
}

.overview-car-tile-content {
    display: grid;
    grid-auto-rows: min-content min-content 1fr min-content min-content min-content;
    grid-template-areas: ". title ." ". labels ." ". image ." ". badges ." ". button .";
    grid-template-columns: var(--spacer-m) 1fr var(--spacer-m);
    min-height: var(--content-min-height);
    padding-bottom: var(--spacer-m);
    padding-top: var(--spacer-m);
    position: relative;
    --ui-primary: #000000;
    --ui-secondary: #333333;
    --ui-tertiary: #666666;
    --ui-inverted: #ffffff;
    --ui-divider: #d9d9d9;
    --ui-error: #eb0d3f;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #eb0d3f;
    --ui-highlight-secondary: #000000;
    --ui-highlight-tertiary: rgba(0, 0, 0, .05);
    --interaction-primary-default: #000000;
    --interaction-primary-hover: #4c4c4c;
    --interaction-primary-active: #000000;
    --interaction-primary-disabled: #b3b3b3;
    --interaction-primary-focus: #000000;
    --interaction-primary-pressed: #000000;
    --interaction-secondary-default: #666666;
    --interaction-secondary-hover: #000000;
    --interaction-secondary-active: #000000;
    --interaction-secondary-filled: #333333;
    --interaction-secondary-disabled: #b3b3b3;
    --interaction-secondary-focus: #000000;
    --interaction-secondary-readonly: #333333;
    --interaction-secondary-pressed: #000000;
    --interaction-tertiary-default: #d9d9d9;
    --interaction-tertiary-hover: #d9d9d9;
    --interaction-tertiary-active: #333333;
    --interaction-tertiary-disabled: #d9d9d9;
    --interaction-label-default: #333333;
    --interaction-label-hover: #000000;
    --interaction-label-active: #333333;
    --interaction-label-filled: #333333;
    --interaction-label-disabled: #b3b3b3;
    --interaction-label-focus: #000000;
    --interaction-label-readonly: #333333;
    --interaction-label-pressed: #000000;
    --background-card: #ffffff;
    --background-level-0: #ffffff;
    --background-level-1: #ffffff;
    --background-level-2: #ffffff;
    --background-level-3: #f2f2f2;
    color: var(--ui-secondary);
    background: var(--background-level-0)
}

.overview-car-tile-content.-predecessor {
    grid-auto-rows: min-content min-content 1fr min-content min-content min-content;
    grid-template-areas: "image image image" ". title ." ". year ." ". labels ." ". badges ." ". button .";
    padding-top: 0
}

.overview-car-tile-content--type-badge {
    left: var(--spacer-m);
    position: absolute;
    top: var(--spacer-m);
    z-index: 1
}

.overview-car-tile-content--title {
    grid-area: title;
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-extended);
    color: var(--interaction-secondary-filled)
}

.overview-car-tile-content.-predecessor .overview-car-tile-content--title {
    margin-top: var(--spacer-m)
}

.overview-car-tile-content--year {
    grid-area: year;
    margin-top: var(--spacer-xxs);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-extended);
    color: var(--interaction-secondary-filled);
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1)
}

.overview-car-tile-content--labels {
    grid-area: labels;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer-xs);
    margin-top: var(--spacer-m)
}

.overview-car-tile-content--labels>* {
    max-width: 100%;
    flex: 0 0 auto
}

.overview-car-tile-content--image {
    grid-area: image;
    margin-top: var(--spacer-xl);
    align-self: self-end
}

.overview-car-tile-content.-predecessor .overview-car-tile-content--image {
    margin-top: 0
}

.overview-car-tile-content--badges {
    grid-area: badges;
    --rs-badge-svg-height: 16px;
    height: var(--rs-badge-svg-height);
    margin-bottom: var(--spacer-m);
    margin-top: var(--spacer-xxs)
}

.overview-car-tile-content.-predecessor .overview-car-tile-content--badges {
    margin-top: var(--spacer-m)
}

.overview-car-tile-content--button {
    grid-area: button
}

.page-header {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--spacer-xxl)
}

.page-header.-badge-only {
    margin-bottom: 0
}

.page-header--badge {
    margin-bottom: var(--spacer-m)
}

.page-header--badge.-centered {
    align-self: center
}

@media (max-width: 767.98px) {
    .page-header--title {
        overflow-wrap: break-word;
        hyphens: auto
    }
}

.page-header--subtitle {
    margin-top: var(--spacer-l)
}

.page-header--meta {
    margin-top: var(--spacer-m)
}

.page-header--back-link {
    align-self: start;
    order: -1;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.page-header--back-link:hover {
    color: var(--interaction-primary-hover)
}

.page-header--back-link:focus {
    color: var(--interaction-primary-focus)
}

.page-header--back-link:active {
    color: var(--interaction-primary-active)
}

.page-header--back-link>.icon {
    color: var(--ui-highlight-primary);
    margin-left: calc(-1 * var(--spacer-xs))
}

.page-list {
    display: flex;
    flex-direction: column
}

.page-list--title {
    margin-bottom: var(--spacer-xxl);
    align-self: center;
    hyphens: auto;
    overflow-wrap: break-word
}

.page-list--load-more-button {
    margin-top: var(--spacer-xl);
    align-self: center
}

.page-list--show-all-button {
    margin-top: var(--spacer-xxl);
    align-self: center
}

@media (max-width: 767.98px) {
    .page-list--show-all-button {
        --btn-padding-x: 1em;
        align-self: stretch
    }
}

.page-row-spacer {
    --default-height: calc(2 * var(--spacer-xl));
    height: var(--default-height)
}

.page-row-spacer.-after-headline {
    height: var(--heading-margin)
}

.page-row-spacer.-before-top-action-bar {
    height: calc(2 * var(--spacer-l))
}

.page-row-spacer.-video-index,
.page-row-spacer.-press-contact {
    --default-height: calc(2 * var(--spacer-xxl))
}

.page-row-spacer.-between-topic-teaser-and-main-stage {
    height: var(--spacer-xl)
}

.page-row-spacer.-between-motorizations {
    height: var(--spacer-xxxl)
}

.page-row-spacer.-hidden {
    height: 0
}

@media (max-width: 1023.98px) {
    [class*=col-lg]+[class*=col-lg] .page-row-spacer.-hidden:first-child {
        height: var(--default-height)
    }
}

.press-contact {
    --content-height: 0fr;
    --content-opacity: 0;
    --content-transition-milliseconds: .5s;
    --image-size: 96px;
    isolation: isolate;
    display: grid;
    grid-template-areas: "image" "header" "content";
    grid-template-columns: 1fr;
    grid-template-rows: var(--image-size) min-content var(--content-height);
    column-gap: var(--spacer-l);
    transition: grid-template-rows var(--content-transition-milliseconds) var(--easing);
    padding: var(--spacer-l);
    background-color: var(--ui-highlight-tertiary);
    border-top: 1px solid #d9d9d9
}

@media (min-width: 768px) {
    .press-contact {
        grid-template-areas: "image header" ". content";
        grid-template-columns: var(--image-size) 1fr;
        grid-template-rows: min-content var(--content-height)
    }
}

.press-contact.-unfolded {
    --content-height: 1fr;
    --content-opacity: 1
}

.press-contact.-international {
    --image-size: 0;
    gap: 0
}

.press-contact--image {
    grid-area: image;
    border-radius: 50%;
    overflow: hidden;
    width: var(--image-size);
    height: var(--image-size);
    align-self: center;
    justify-self: center
}

@media (min-width: 768px) {
    .press-contact--image {
        align-self: start
    }
}

.press-contact--header {
    grid-area: header;
    cursor: pointer
}

.press-contact--content {
    grid-area: content;
    overflow: hidden;
    z-index: -1;
    transition: all .5s var(--easing);
    transform: translateY(calc(var(--spacer-s) * (1 - var(--content-opacity, 1))));
    opacity: var(--content-opacity)
}

.press-contact-details {
    --icon-space: calc(var(--icon-size) + var(--spacer-s));
    display: grid;
    grid-template-areas: "topic ." "languages ." "phone ." "mobile ." "email ." "buttons .";
    grid-template-columns: 1fr var(--icon-space);
    align-items: start
}

.press-contact-details>:nth-child(1) {
    margin-top: 0
}

.press-contact.-international .press-contact-details {
    grid-template-areas: "languages ." "company ." "address ." "phone ." "mobile ." "email ."
}

.press-contact-details--topic {
    grid-area: topic;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.press-contact-details--languages,
.press-contact-details--company,
.press-contact-details--address,
.press-contact-details--phone,
.press-contact-details--mobile,
.press-contact-details--email,
.press-contact-details--buttons {
    margin-top: var(--spacer-l);
    word-break: break-word
}

.press-contact-details--languages {
    grid-area: languages;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    margin-bottom: var(--spacer-l)
}

.press-contact-details--company {
    grid-area: company;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold);
    margin-top: 0
}

.press-contact-details--company:has(+ .press-contact-details--address) {
    margin-bottom: var(--spacer-xs)
}

.press-contact-details--address {
    grid-area: address;
    margin-top: 0;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.press-contact-details--phone {
    grid-area: phone
}

.press-contact-details--mobile {
    grid-area: mobile
}

.press-contact-details--email {
    grid-area: email
}

.press-contact-details--buttons {
    grid-area: buttons;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer-l)
}

.press-contact-details--buttons>* {
    margin: calc(-1 * var(--spacer-s));
    padding: var(--spacer-s)
}

.press-contact-header {
    display: grid;
    grid-template-areas: "name toggle" "position toggle" ". toggle";
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto var(--spacer-l);
    text-align: left;
    width: 100%
}

.press-contact-header--toggle {
    grid-area: toggle;
    align-self: center;
    margin-left: var(--spacer-s)
}

.press-contact-header--name {
    grid-area: name;
    align-self: center;
    word-break: break-word;
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.press-contact-header--position {
    grid-area: position;
    margin-top: var(--spacer-xs);
    word-break: break-word;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.press-contact-information--icon {
    --large-icon-size: 72px;
    margin-bottom: var(--spacer-l);
    text-align: center
}

.press-contact-information--heading {
    margin-bottom: var(--spacer-l);
    text-align: center
}

.press-contact-information--text {
    margin-bottom: var(--spacer-xl);
    text-align: center
}

.press-contact-information--button {
    text-align: center
}

.press-contact-overlay {
    --close-icon-size-and-icon-padding: calc(var(--icon-size) + 2 * var(--spacer-s));
    --margin-top: calc(var(--close-icon-size-and-icon-padding) + var(--spacer-xxs));
    margin: var(--margin-top) var(--spacer-xxl) var(--spacer-l) var(--spacer-xxl)
}

.press-contact-overlay--icon {
    --large-icon-size: 72px;
    margin-bottom: var(--spacer-l)
}

.press-contact-overlay--heading {
    margin-bottom: var(--spacer-l)
}

.press-contact-overlay--text {
    margin-bottom: var(--spacer-xl)
}

.preview-banner {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-primary);
    background: var(--background-level-2);
    padding-top: var(--spacer-xxs);
    padding-bottom: var(--spacer-xxs);
    text-align: center
}

.profile-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    gap: var(--spacer-xxl);
    margin-bottom: var(--spacer-xxl)
}

@media (min-width: 768px) {
    .profile-header {
        flex-direction: row;
        align-items: center
    }
}

.profile-header--actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacer-xxl)
}

.profile-header--accreditation-indicator.-hidden {
    visibility: hidden
}

.profile-navigation {
    margin-bottom: var(--spacer-xxl)
}

.query-diet-widget #query_diet {
    position: fixed
}

.quicklink-list li {
    display: flex;
    flex-direction: column
}

.quicklink-list li>* {
    flex-grow: 1;
    padding-top: var(--spacer-s);
    padding-bottom: var(--spacer-s)
}

.quicklink-list li a {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.quicklink-list li a:hover {
    color: var(--interaction-primary-hover)
}

.quicklink-list li a:focus {
    color: var(--interaction-primary-focus)
}

.quicklink-list li a:active {
    color: var(--interaction-primary-active)
}

.quicklink-list li:last-child>.quicklink-list--item-meta {
    padding-bottom: 0
}

.quicklink-list li+li {
    border-top: 1px solid var(--ui-divider)
}

.quicklink-list--item-meta {
    padding-top: 0 !important;
    padding-left: calc(var(--icon-size) + var(--spacer-s))
}

.registration-form {
    margin-bottom: var(--spacer-xl)
}

.registration-form--accreditation {
    margin-block: var(--spacer-xl)
}

.registration-form--newsletter {
    margin-top: var(--spacer-xxl)
}

.registration-form--section {
    --registration-form-spacer: calc(2 * var(--spacer-xxl))
}

.registration-form--section+.registration-form--section {
    margin-top: var(--registration-form-spacer)
}

.-is-profile .registration-form--section:last-child {
    margin-top: var(--registration-form-spacer)
}

.registration-form--introduction {
    margin-bottom: var(--spacer-xxl)
}

.registration-form--terms a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.registration-form--terms a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.registration-form--terms a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.registration-form--terms a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.registration-form--terms .has-error a {
    text-decoration-color: var(--ui-error)
}

.registration-form--terms .has-error a:active,
.registration-form--terms .has-error a:focus,
.registration-form--terms .has-error a:hover {
    color: var(--ui-error);
    text-decoration-color: var(--ui-error)
}

.registration-form-accreditation--checkboxes {
    margin-block: var(--spacer-xl)
}

.registration-form-accreditation--checkboxes .form-error-message {
    margin-top: 0
}

.registration-form-newsletter--checkboxes .form-error-message {
    margin-top: 0
}

.registration-form-newsletter--consent {
    margin-top: var(--spacer-xxl);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.registration-form-newsletter--consent a {
    text-decoration: underline
}

.registration-item {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-areas: "title" "subscription" "accreditation" "button";
    row-gap: var(--spacer-xxl);
    text-align: center
}

@media (min-width: 768px) {
    .registration-item {
        grid-template-areas: "title title" "subscription accreditation" "button button";
        justify-items: center
    }
}

.registration-item--title {
    grid-area: title
}

.registration-item--info {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-m);
    align-items: center
}

.registration-item--info p {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

@media (min-width: 768px) {
    .registration-item--info {
        padding-left: var(--spacer-xl);
        padding-right: var(--spacer-xl)
    }
}

.registration-item--info.-accreditation {
    grid-area: accreditation
}

.registration-item--info.-subscription {
    grid-area: subscription
}

.registration-item--button {
    grid-area: button;
    display: grid
}

.resize-observer {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -99
}

@media (min-width: 0px) {
    .resize-observer {
        width: 1px
    }
}

@media (min-width: 375px) {
    .resize-observer {
        width: 2px
    }
}

@media (min-width: 768px) {
    .resize-observer {
        width: 3px
    }
}

@media (min-width: 1024px) {
    .resize-observer {
        width: 4px
    }
}

@media (min-width: 1440px) {
    .resize-observer {
        width: 5px
    }
}

@media (min-width: 1920px) {
    .resize-observer {
        width: 6px
    }
}

.restriction {
    display: grid;
    grid-template-areas: "image-start . ." ". content ." ". . image-end";
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr auto
}

.restriction.-with-image {
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    background: var(--background-level-0);
    background: unset
}

.restriction.-with-image .form-control {
    color: var(--interaction-primary-default)
}

@media (min-width: 375px) {
    .restriction {
        min-height: calc(50vw + 100px)
    }
}

@media (min-width: 1440px) {
    .restriction {
        min-height: 900px
    }
}

.restriction--image {
    grid-area: image-start / image-start / image-end / image-end;
    display: grid;
    width: 100%;
    height: var(--image-height);
    position: relative;
    isolation: isolate
}

.restriction--image:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    content: "";
    background-color: var(--background-level-1);
    opacity: .75;
    pointer-events: none
}

.restriction--container {
    grid-area: content;
    z-index: 0;
    padding-top: var(--spacer-xxxl);
    padding-bottom: var(--spacer-xxxl);
    display: flex;
    flex-direction: column
}

.restriction--header {
    margin-top: auto;
    text-align: center
}

.restriction--description {
    margin-bottom: var(--spacer-xl);
    text-align: center
}

.restriction--description a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.restriction--description a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.restriction--description a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.restriction--description a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.restriction--form {
    margin-bottom: auto
}

.restriction--accreditation-text {
    margin-top: calc(2 * var(--spacer-xl));
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center
}

.restriction--accreditation-text a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.restriction--accreditation-text a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.restriction--accreditation-text a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.restriction--accreditation-text a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.restriction-form {
    display: flex;
    flex-direction: column
}

.restriction-form--input-group {
    display: flex;
    gap: var(--spacer-l);
    justify-content: center;
    flex-direction: column
}

@media (min-width: 768px) {
    .restriction-form--input-group {
        flex-direction: row
    }
}

.restriction-form--divider {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--spacer-xxl) auto
}

@media (min-width: 768px) {
    .restriction-form--button {
        align-self: center
    }
}

.screen-reader-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.search {
    --extra-margin-xxl-to-l: calc(var(--spacer-xxl) - var(--spacer-l));
    --extra-margin-xl-to-l: calc(var(--spacer-xl) - var(--spacer-l));
    --search-facets-width: 277px;
    display: grid;
    grid-template-areas: "header" "query" "filter-selection" "selected-filters" "results";
    gap: var(--spacer-l) var(--grid-gap-x)
}

@media (min-width: 768px) {
    .search {
        grid-template-areas: "header header header" "query query submit" "filter-selection filter-selection filter-selection" "selected-filters selected-filters selected-filters" "results results results";
        grid-template-columns: calc(6 / 12 * var(--inside-layout-width) - 6 / 12 * var(--grid-gap-x)) 1fr auto
    }
}

@media (min-width: 1440px) {
    .search {
        grid-template-areas: "header header header header header" "query query order-filter date-filter submit" "selected-filters results results results results" "category-filter results results results results";
        grid-template-columns: var(--search-facets-width) 1fr auto calc(2 / 12 * var(--inside-layout-width) - 10 / 12 * var(--grid-gap-x)) calc(2 / 12 * var(--inside-layout-width) - 10 / 12 * var(--grid-gap-x));
        grid-template-rows: auto auto auto 1fr
    }
}

@media (min-width: 1920px) {
    .search {
        --search-facets-width: 385px
    }
}

.search.-empty {
    grid-template-areas: "header" "query" "submit" "filter-selection" "results"
}

@media (min-width: 768px) {
    .search.-empty {
        grid-template-areas: "header header header" "query query submit" "filter-selection filter-selection filter-selection" "results results results"
    }
}

@media (min-width: 1440px) {
    .search.-empty {
        grid-template-areas: "header header header header header" "query query submit order-filter date-filter" "results results results results results"
    }
}

.search--header {
    grid-area: header
}

.search--header .page-header {
    margin-bottom: var(--extra-margin-xl-to-l)
}

.search--form {
    display: contents
}

@media (max-width: 1439.98px) {
    .search--form.-large-screens {
        display: none
    }
}

@media (min-width: 1440px) {
    .search--form.-small-screens {
        display: none
    }
}

.search--query {
    grid-area: query;
    margin-bottom: var(--extra-margin-xl-to-l)
}

@media (min-width: 768px) {
    .search--query {
        margin-bottom: 0
    }
}

.search--submit {
    grid-area: submit
}

@media (max-width: 767.98px) {
    .search--submit {
        --btn-min-width: 0;
    }
}

@media (min-width: 1440px) {
    .search--submit {
        margin-right: var(--spacer-l)
    }
}

.search--overlay-opener {
    grid-area: query / query;
    align-self: stretch;
    z-index: 0
}

@media (min-width: 768px) {
    .search--overlay-opener {
        display: none
    }
}

.search--filter-selection {
    grid-area: filter-selection
}

.search--selected-filters {
    grid-area: selected-filters;
    margin-top: var(--extra-margin-xxl-to-l)
}

.search--category-filter {
    grid-area: category-filter;
    display: flex;
    flex-direction: column;
    gap: var(--spacer-xxl)
}

@media (min-width: 1440px) {
    .search--category-filter {
        margin-top: var(--extra-margin-xxl-to-l)
    }
}

.search--order-filter {
    grid-area: order-filter
}

.search--date-filter {
    grid-area: date-filter
}

.search--results {
    grid-area: results
}

.search-autocomplete {
    position: relative
}

.search-autocomplete--suggestions {
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    width: 100%;
    background: var(--ui-inverted);
    z-index: 1;
    box-shadow: 0 10px 30px #0000001a
}

@media (max-width: 767.98px) {
    .search-autocomplete--suggestions {
        width: var(--inside-layout-width)
    }
}

.search-facets {
    display: flex;
    flex-direction: column;
    width: var(--search-facets-width)
}

@media (max-width: 1439.98px) {
    .search-facets:not(.-small-screens-filter) {
        display: none
    }
}

.search-filters-overlay .search-facets.-no-bottom-margin {
    margin-bottom: calc(-1 * var(--spacer-xxl))
}

.search-facets--title {
    margin-bottom: var(--search-facets-legend-margin-bottom, var(--spacer-s));
    font-size: var(--search-facets-legend-font-size, var(--font-size-copy2));
    line-height: var(--search-facets-legend-line-height, var(--line-height-copy2))
}

.search-facet {
    max-height: var(--search-facet-height, var(--line-height-copy1))
}

.search-facet:not(:last-child) {
    margin-bottom: var(--search-facet-margin-bottom, var(--spacer-l))
}

.search-filters {
    display: grid;
    grid-template-areas: "dismiss" "filters" "submit";
    grid-template-rows: auto 1fr auto
}

up-cover .search-filters {
    position: fixed;
    inset: 0
}

.search-filters--dismiss {
    grid-area: dismiss;
    padding: 0 var(--page-margin);
    margin-bottom: var(--spacer-l);
    height: var(--header-height);
    display: flex;
    align-items: center
}

.search-filters--dismiss button {
    width: fit-content;
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacer-s);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.search-filters--input {
    display: none
}

.search-filters--filters {
    grid-area: filters;
    display: flex;
    flex-direction: column;
    padding: 0 var(--page-margin) var(--spacer-l);
    overflow-y: auto;
    row-gap: var(--spacer-xxl)
}

.search-filters--submit {
    grid-area: submit;
    padding: var(--spacer-l) var(--page-margin);
    width: 100%
}

.search-filters--submit:not(.-scrolled-to-bottom) {
    position: relative;
    margin-top: 1px
}

.search-filters--submit:not(.-scrolled-to-bottom):before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--ui-divider)
}

.search-filters--submit button {
    width: 100%
}

.search-filters--overflow-sentinel {
    opacity: 0;
    height: 1px;
    width: 100%;
    flex-shrink: 0
}

.search-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    isolation: isolate;
    padding: var(--spacer-m) var(--page-margin) 0;
    background: var(--ui-inverted);
    box-shadow: 0 10px 50px -20px #0000004d;
    display: grid;
    grid-template-areas: "close input submit-button" "suggestions suggestions suggestions";
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr;
    row-gap: var(--spacer-m);
    align-items: center
}

.search-overlay:not(.-visible) {
    display: none
}

.search-overlay--close {
    grid-area: close
}

.search-overlay--input {
    grid-area: input;
    margin-left: var(--spacer-m);
    margin-right: var(--spacer-m)
}

.search-overlay--submit-button {
    grid-area: submit-button
}

.search-overlay--suggestions {
    grid-area: suggestions;
    align-self: stretch;
    overflow-y: auto;
    margin: 0 calc(-1 * var(--spacer-m))
}

@supports not selector(::-webkit-scrollbar) {
    .search-overlay--suggestions {
        scrollbar-color: var(--interaction-tertiary-default) var(--ui-inverted);
        scrollbar-width: thin
    }
}

.search-overlay--suggestions::-webkit-scrollbar {
    width: var(--spacer-xs);
    height: var(--spacer-xs)
}

.search-overlay--suggestions::-webkit-scrollbar-thumb {
    background-color: var(--interaction-tertiary-default);
    border-radius: calc(var(--spacer-xs) / 2)
}

.search-overlay--suggestions::-webkit-scrollbar-track {
    background-color: var(--ui-inverted);
    border-radius: calc(var(--spacer-xs) / 2);
    margin: var(--spacer-s)
}

.search-results {
    display: grid;
    grid-template-areas: "title" "nodes" "retry-fuzzy-button";
    grid-template-rows: auto 1fr auto;
    margin-top: var(--extra-margin-xxl-to-l)
}

@media (min-width: 1440px) {
    .search-results {
        margin-left: var(--spacer-xl)
    }

    .-empty .search-results {
        margin-left: 0
    }
}

.-empty-for-active-category .search-results {
    display: flex;
    flex-direction: column
}

.search-results em {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-wide)
}

.search-results--title {
    grid-area: title;
    margin-bottom: var(--spacer-xl);
    word-break: break-word
}

.search-results--title h3,
.search-results--title h4 {
    display: inline
}

.search-results--nodes {
    grid-area: nodes;
    display: flex;
    flex-direction: column
}

.search-results--load-more-button {
    margin-top: var(--spacer-xl);
    align-self: center
}

.search-results--retry-fuzzy-button {
    grid-area: retry-fuzzy-button;
    justify-self: center;
    margin-top: var(--spacer-xl)
}

@media (min-width: 768px) {
    .search-results--retry-fuzzy-button {
        align-self: center
    }
}

.search-results-image-and-album-teaser {
    margin: var(--spacer-xxl) calc(-1 * var(--page-margin));
    padding: var(--spacer-xxl) var(--page-margin);
    background: var(--background-level-3)
}

.search-results-image-and-album-teaser .content-section {
    min-height: var(--content-min-height)
}

.search-results-image-and-album-teaser:first-child {
    margin-top: 0
}

@media (min-width: 1440px) {
    .search-results-image-and-album-teaser {
        margin: var(--spacer-xxl) 0;
        padding: var(--spacer-xxl) var(--spacer-l)
    }
}

.search-results-image-and-album-teaser--tabs-with-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-l)
}

.search-results-image-and-album-teaser--tabs-with-content input {
    display: none
}

@media (max-width: 1023.98px) {
    .search-results-image-and-album-teaser--tabs-with-content>.-large-screen-tabs {
        display: none
    }
}

@media (min-width: 1024px) {
    .search-results-image-and-album-teaser--tabs-with-content>.-small-screen-select {
        display: none
    }
}

.search-results-image-and-album-teaser--tabs-with-content #image-and-album-teaser-image-tab:checked~.search-results-image-and-album-teaser-tabs--tab-labels .search-results-image-and-album-teaser-tabs--tab.-image-tab,
.search-results-image-and-album-teaser--tabs-with-content #image-and-album-teaser-album-tab:checked~.search-results-image-and-album-teaser-tabs--tab-labels .search-results-image-and-album-teaser-tabs--tab.-album-tab {
    --color: var(--interaction-secondary-active);
    --underline-color: var(--interaction-secondary-active)
}

@media (min-width: 1024px) {

    .search-results-image-and-album-teaser--tabs-with-content .form-group:has(#image-and-album-teaser-image-tab:checked)~.search-results-image-and-album-teaser-tab-content.-images,
    .search-results-image-and-album-teaser--tabs-with-content .form-group:has(#image-and-album-teaser-album-tab:checked)~.search-results-image-and-album-teaser-tab-content.-albums {
        display: flex;
        flex-direction: column;
        gap: var(--spacer-xxl)
    }
}

@media (max-width: 1023.98px) {

    .search-results-image-and-album-teaser--tabs-with-content .form-group:has(#image-and-album-teaser-select option:checked[value="images"])~.search-results-image-and-album-teaser-tab-content.-images,
    .search-results-image-and-album-teaser--tabs-with-content .form-group:has(#image-and-album-teaser-select option:checked[value="albums"])~.search-results-image-and-album-teaser-tab-content.-albums {
        display: flex;
        flex-direction: column;
        gap: var(--spacer-xxl)
    }
}

.search-results-image-and-album-teaser-content.-element-count-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--gap-y) var(--gap-x)
}

@media (max-width: 767.98px) {
    .search-results-image-and-album-teaser-content.-element-count-2 {
        --gap-x: var(--grid-gap-x);
        --gap-y: var(--grid-gap-y);
        --columns-xs: var(--grid-columns-xs, 2);
        --columns-sm: var(--grid-columns-sm, var(--columns-xs));
        --columns-md: var(--grid-columns-md, 3);
        --columns-lg: var(--grid-columns-lg, var(--columns-md));
        --columns-xl: var(--grid-columns-xl, 4);
        --columns-xxl: var(--grid-columns-xxl, var(--columns-xl));
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        gap: var(--gap-y) var(--gap-x);
        --columns: var(--columns-xs)
    }

    .search-results-image-and-album-teaser-content.-element-count-2.-search-videos {
        --gap-y: var(--spacer-l);
        --columns-xs: 1;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: var(--columns-md);
        --columns-xl: var(--columns-md);
        --columns-xxl: 4
    }

    .search-results-image-and-album-teaser-content.-element-count-2.-search-images,
    .search-results-image-and-album-teaser-content.-element-count-2.-search-albums {
        --gap-y: var(--spacer-l);
        --columns-xs: 2;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: 4;
        --columns-xl: var(--columns-lg);
        --columns-xxl: var(--columns-lg)
    }
}

@media (max-width: 767.98px) and (min-width: 375px) {
    .search-results-image-and-album-teaser-content.-element-count-2 {
        --columns: var(--columns-sm)
    }
}

@media (max-width: 767.98px) and (min-width: 768px) {
    .search-results-image-and-album-teaser-content.-element-count-2 {
        --columns: var(--columns-md)
    }
}

@media (max-width: 767.98px) and (min-width: 1024px) {
    .search-results-image-and-album-teaser-content.-element-count-2 {
        --columns: var(--columns-lg)
    }
}

@media (max-width: 767.98px) and (min-width: 1440px) {
    .search-results-image-and-album-teaser-content.-element-count-2 {
        --columns: var(--columns-xl)
    }
}

@media (max-width: 767.98px) and (min-width: 1920px) {
    .search-results-image-and-album-teaser-content.-element-count-2 {
        --columns: var(--columns-xxl)
    }
}

@media (max-width: 767.98px) {
    .search-results-image-and-album-teaser-content.-element-count-2.-items-have-titles {
        --gap-y: var(--spacer-xl)
    }
}

@media (min-width: 768px) {
    .search-results-image-and-album-teaser-content.-element-count-2 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: var(--gap-y) var(--gap-x)
    }
}

@media (max-width: 767.98px) {
    .search-results-image-and-album-teaser-content.-element-count-3 .gallery-item:nth-child(3) {
        display: none
    }
}

@media (min-width: 768px) {
    .search-results-image-and-album-teaser-content.-element-count-3~.content-section--button {
        display: none
    }
}

@media (max-width: 1023.98px) {
    .search-results-image-and-album-teaser-content.-element-count-3 {
        --gap-x: var(--grid-gap-x);
        --gap-y: var(--grid-gap-y);
        --columns-xs: var(--grid-columns-xs, 2);
        --columns-sm: var(--grid-columns-sm, var(--columns-xs));
        --columns-md: var(--grid-columns-md, 3);
        --columns-lg: var(--grid-columns-lg, var(--columns-md));
        --columns-xl: var(--grid-columns-xl, 4);
        --columns-xxl: var(--grid-columns-xxl, var(--columns-xl));
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        gap: var(--gap-y) var(--gap-x);
        --columns: var(--columns-xs)
    }

    .search-results-image-and-album-teaser-content.-element-count-3.-search-videos {
        --gap-y: var(--spacer-l);
        --columns-xs: 1;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: var(--columns-md);
        --columns-xl: var(--columns-md);
        --columns-xxl: 4
    }

    .search-results-image-and-album-teaser-content.-element-count-3.-search-images,
    .search-results-image-and-album-teaser-content.-element-count-3.-search-albums {
        --gap-y: var(--spacer-l);
        --columns-xs: 2;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: 4;
        --columns-xl: var(--columns-lg);
        --columns-xxl: var(--columns-lg)
    }
}

@media (max-width: 1023.98px) and (min-width: 375px) {
    .search-results-image-and-album-teaser-content.-element-count-3 {
        --columns: var(--columns-sm)
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) {
    .search-results-image-and-album-teaser-content.-element-count-3 {
        --columns: var(--columns-md)
    }
}

@media (max-width: 1023.98px) and (min-width: 1024px) {
    .search-results-image-and-album-teaser-content.-element-count-3 {
        --columns: var(--columns-lg)
    }
}

@media (max-width: 1023.98px) and (min-width: 1440px) {
    .search-results-image-and-album-teaser-content.-element-count-3 {
        --columns: var(--columns-xl)
    }
}

@media (max-width: 1023.98px) and (min-width: 1920px) {
    .search-results-image-and-album-teaser-content.-element-count-3 {
        --columns: var(--columns-xxl)
    }
}

@media (max-width: 1023.98px) {
    .search-results-image-and-album-teaser-content.-element-count-3.-items-have-titles {
        --gap-y: var(--spacer-xl)
    }
}

@media (min-width: 1024px) {
    .search-results-image-and-album-teaser-content.-element-count-3 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: var(--gap-y) var(--gap-x)
    }
}

.search-results-image-and-album-teaser-content {
    --gap-x: var(--grid-gap-x);
    --gap-y: var(--grid-gap-y);
    --columns-xs: var(--grid-columns-xs, 2);
    --columns-sm: var(--grid-columns-sm, var(--columns-xs));
    --columns-md: var(--grid-columns-md, 3);
    --columns-lg: var(--grid-columns-lg, var(--columns-md));
    --columns-xl: var(--grid-columns-xl, 4);
    --columns-xxl: var(--grid-columns-xxl, var(--columns-xl));
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--gap-y) var(--gap-x);
    --columns: var(--columns-xs)
}

.search-results-image-and-album-teaser-content.-search-videos {
    --gap-y: var(--spacer-l);
    --columns-xs: 1;
    --columns-sm: var(--columns-xs);
    --columns-md: 3;
    --columns-lg: var(--columns-md);
    --columns-xl: var(--columns-md);
    --columns-xxl: 4
}

.search-results-image-and-album-teaser-content.-search-images,
.search-results-image-and-album-teaser-content.-search-albums {
    --gap-y: var(--spacer-l);
    --columns-xs: 2;
    --columns-sm: var(--columns-xs);
    --columns-md: 3;
    --columns-lg: 4;
    --columns-xl: var(--columns-lg);
    --columns-xxl: var(--columns-lg)
}

@media (min-width: 375px) {
    .search-results-image-and-album-teaser-content {
        --columns: var(--columns-sm)
    }
}

@media (min-width: 768px) {
    .search-results-image-and-album-teaser-content {
        --columns: var(--columns-md)
    }
}

@media (min-width: 1024px) {
    .search-results-image-and-album-teaser-content {
        --columns: var(--columns-lg)
    }
}

@media (min-width: 1440px) {
    .search-results-image-and-album-teaser-content {
        --columns: var(--columns-xl)
    }
}

@media (min-width: 1920px) {
    .search-results-image-and-album-teaser-content {
        --columns: var(--columns-xxl)
    }
}

.search-results-image-and-album-teaser-content.-items-have-titles {
    --gap-y: var(--spacer-xl)
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .search-results-image-and-album-teaser-content .gallery-item:nth-child(4) {
        display: none
    }
}

.search-results-image-and-album-teaser-content.-element-count-4~.content-section--button {
    display: none
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .search-results-image-and-album-teaser-content.-element-count-4~.content-section--button {
        display: block
    }
}

.-element-count-1 .search-results-image-and-album-content--item {
    width: 50%
}

@media (min-width: 768px) {
    .-element-count-1 .search-results-image-and-album-content--item {
        width: 33%
    }
}

@media (min-width: 1024px) {
    .-element-count-1 .search-results-image-and-album-content--item {
        width: 25%
    }
}

@media (min-width: 768px) {
    .-element-count-2 .search-results-image-and-album-content--item {
        width: 33%
    }
}

@media (min-width: 1024px) {
    .-element-count-2 .search-results-image-and-album-content--item {
        width: 25%
    }
}

@media (min-width: 1024px) {
    .-element-count-3 .search-results-image-and-album-content--item {
        width: 25%
    }
}

.search-results-image-and-album-teaser-tab-content {
    display: none
}

.search-results-image-and-album-teaser-tabs {
    display: flex;
    flex-wrap: wrap;
    --tab-padding-x: var(--spacer-s);
    --tab-padding-y: calc(var(--spacer-m) + 1px)
}

.search-results-image-and-album-teaser-tabs--tab-labels {
    display: flex
}

.search-results-image-and-album-teaser-tabs--tab {
    --color: var(--interaction-secondary-default);
    --underline-color: transparent;
    --underline-thickness: 2px;
    flex: 0 0 auto;
    padding: var(--tab-padding-y) var(--tab-padding-x);
    color: var(--color);
    transition: color .25s var(--easing);
    position: relative
}

.search-results-image-and-album-teaser-tabs--tab:before {
    content: "";
    position: absolute;
    left: var(--tab-padding-x);
    right: var(--tab-padding-x);
    bottom: calc(var(--tab-padding-y) - var(--spacer-xxs) - var(--underline-thickness));
    height: var(--underline-thickness);
    background: var(--underline-color);
    transition: background .25s var(--easing)
}

.search-results-image-and-album-teaser-tabs--tab:hover {
    --color: var(--interaction-secondary-hover)
}

.search-results-image-and-album-teaser-tabs--tab:focus {
    --color: var(--interaction-secondary-focus)
}

.search-results-item+.search-results-item {
    margin-top: var(--spacer-l)
}

.search-results-press-contact {
    --image-size: 96px;
    display: grid;
    grid-template-areas: "image" "content";
    grid-template-columns: 1fr;
    grid-template-rows: var(--image-size) 1fr;
    column-gap: var(--spacer-l);
    padding: var(--spacer-l);
    background-color: var(--ui-highlight-tertiary)
}

@media (min-width: 768px) {
    .search-results-press-contact {
        grid-template-areas: "image content";
        grid-template-columns: var(--image-size) 1fr;
        grid-template-rows: auto
    }
}

.search-results-press-contact+.search-results-press-contact:active {
    margin-top: var(--spacer-l)
}

.search-results-press-contact--image {
    grid-area: image;
    border-radius: 50%;
    overflow: hidden;
    width: var(--image-size);
    height: var(--image-size);
    align-self: center;
    justify-self: center
}

@media (min-width: 768px) {
    .search-results-press-contact--image {
        align-self: start
    }
}

.search-results-press-contact--content {
    grid-area: content
}

.search-results-press-contact-content {
    display: grid;
    grid-template-areas: "name" "position" "topic" "languages" "company" "address" "phone" "mobile" "email";
    align-items: start
}

.search-results-press-contact-content--name {
    grid-area: name;
    word-break: break-word;
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.search-results-press-contact-content--position {
    grid-area: position;
    margin-top: var(--spacer-xs);
    word-break: break-word;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.search-results-press-contact-content--topic {
    grid-area: topic;
    margin-top: var(--spacer-l);
    word-break: break-word;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.search-results-press-contact-content--languages {
    grid-area: languages;
    margin-bottom: var(--spacer-l);
    margin-top: var(--spacer-l);
    word-break: break-word;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.search-results-press-contact-content--company {
    grid-area: company;
    margin-top: var(--spacer-l);
    word-break: break-word;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold);
    margin-top: 0
}

.search-results-press-contact-content--company:has(+ .search-results-press-contact-content--address) {
    margin-bottom: var(--spacer-xs)
}

.search-results-press-contact-content--address {
    grid-area: address;
    word-break: break-word;
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.search-results-press-contact-content--phone {
    grid-area: phone;
    margin-top: var(--spacer-l);
    word-break: break-word
}

.search-results-press-contact-content--mobile {
    grid-area: mobile;
    margin-top: var(--spacer-l);
    word-break: break-word
}

.search-results-press-contact-content--email {
    grid-area: email;
    margin-top: var(--spacer-l);
    word-break: break-word
}

.search-results-videos-teaser {
    margin: var(--spacer-xxl) calc(-1 * var(--page-margin));
    padding: var(--spacer-xxl) var(--page-margin);
    background: var(--background-level-3)
}

.search-results-videos-teaser:first-child {
    margin-top: 0
}

@media (min-width: 1440px) {
    .search-results-videos-teaser {
        margin: var(--spacer-xxl) 0;
        padding: var(--spacer-xxl) var(--spacer-l)
    }
}

@media (min-width: 768px) {
    .search-results-videos-teaser.-element-count-3 .content-section--button {
        display: none
    }
}

@media (min-width: 1920px) {
    .search-results-videos-teaser.-element-count-4 .content-section--button {
        display: none
    }
}

@media (max-width: 767.98px) {
    .-element-count-1 .search-results-videos-teaser--videos {
        --gap-x: var(--grid-gap-x);
        --gap-y: var(--grid-gap-y);
        --columns-xs: var(--grid-columns-xs, 2);
        --columns-sm: var(--grid-columns-sm, var(--columns-xs));
        --columns-md: var(--grid-columns-md, 3);
        --columns-lg: var(--grid-columns-lg, var(--columns-md));
        --columns-xl: var(--grid-columns-xl, 4);
        --columns-xxl: var(--grid-columns-xxl, var(--columns-xl));
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        gap: var(--gap-y) var(--gap-x);
        --columns: var(--columns-xs)
    }

    .-element-count-1 .search-results-videos-teaser--videos.-search-videos {
        --gap-y: var(--spacer-l);
        --columns-xs: 1;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: var(--columns-md);
        --columns-xl: var(--columns-md);
        --columns-xxl: 4
    }

    .-element-count-1 .search-results-videos-teaser--videos.-search-images,
    .-element-count-1 .search-results-videos-teaser--videos.-search-albums {
        --gap-y: var(--spacer-l);
        --columns-xs: 2;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: 4;
        --columns-xl: var(--columns-lg);
        --columns-xxl: var(--columns-lg)
    }
}

@media (max-width: 767.98px) and (min-width: 375px) {
    .-element-count-1 .search-results-videos-teaser--videos {
        --columns: var(--columns-sm)
    }
}

@media (max-width: 767.98px) and (min-width: 768px) {
    .-element-count-1 .search-results-videos-teaser--videos {
        --columns: var(--columns-md)
    }
}

@media (max-width: 767.98px) and (min-width: 1024px) {
    .-element-count-1 .search-results-videos-teaser--videos {
        --columns: var(--columns-lg)
    }
}

@media (max-width: 767.98px) and (min-width: 1440px) {
    .-element-count-1 .search-results-videos-teaser--videos {
        --columns: var(--columns-xl)
    }
}

@media (max-width: 767.98px) and (min-width: 1920px) {
    .-element-count-1 .search-results-videos-teaser--videos {
        --columns: var(--columns-xxl)
    }
}

@media (max-width: 767.98px) {
    .-element-count-1 .search-results-videos-teaser--videos.-items-have-titles {
        --gap-y: var(--spacer-xl)
    }
}

@media (min-width: 768px) {
    .-element-count-1 .search-results-videos-teaser--videos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: var(--gap-y) var(--gap-x)
    }
}

@media (max-width: 767.98px) {
    .-element-count-2 .search-results-videos-teaser--videos {
        --gap-x: var(--grid-gap-x);
        --gap-y: var(--grid-gap-y);
        --columns-xs: var(--grid-columns-xs, 2);
        --columns-sm: var(--grid-columns-sm, var(--columns-xs));
        --columns-md: var(--grid-columns-md, 3);
        --columns-lg: var(--grid-columns-lg, var(--columns-md));
        --columns-xl: var(--grid-columns-xl, 4);
        --columns-xxl: var(--grid-columns-xxl, var(--columns-xl));
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        gap: var(--gap-y) var(--gap-x);
        --columns: var(--columns-xs)
    }

    .-element-count-2 .search-results-videos-teaser--videos.-search-videos {
        --gap-y: var(--spacer-l);
        --columns-xs: 1;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: var(--columns-md);
        --columns-xl: var(--columns-md);
        --columns-xxl: 4
    }

    .-element-count-2 .search-results-videos-teaser--videos.-search-images,
    .-element-count-2 .search-results-videos-teaser--videos.-search-albums {
        --gap-y: var(--spacer-l);
        --columns-xs: 2;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: 4;
        --columns-xl: var(--columns-lg);
        --columns-xxl: var(--columns-lg)
    }
}

@media (max-width: 767.98px) and (min-width: 375px) {
    .-element-count-2 .search-results-videos-teaser--videos {
        --columns: var(--columns-sm)
    }
}

@media (max-width: 767.98px) and (min-width: 768px) {
    .-element-count-2 .search-results-videos-teaser--videos {
        --columns: var(--columns-md)
    }
}

@media (max-width: 767.98px) and (min-width: 1024px) {
    .-element-count-2 .search-results-videos-teaser--videos {
        --columns: var(--columns-lg)
    }
}

@media (max-width: 767.98px) and (min-width: 1440px) {
    .-element-count-2 .search-results-videos-teaser--videos {
        --columns: var(--columns-xl)
    }
}

@media (max-width: 767.98px) and (min-width: 1920px) {
    .-element-count-2 .search-results-videos-teaser--videos {
        --columns: var(--columns-xxl)
    }
}

@media (max-width: 767.98px) {
    .-element-count-2 .search-results-videos-teaser--videos.-items-have-titles {
        --gap-y: var(--spacer-xl)
    }
}

@media (min-width: 768px) {
    .-element-count-2 .search-results-videos-teaser--videos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: var(--gap-y) var(--gap-x)
    }
}

@media (max-width: 1919.98px) {
    .-element-count-3 .search-results-videos-teaser--videos {
        --gap-x: var(--grid-gap-x);
        --gap-y: var(--grid-gap-y);
        --columns-xs: var(--grid-columns-xs, 2);
        --columns-sm: var(--grid-columns-sm, var(--columns-xs));
        --columns-md: var(--grid-columns-md, 3);
        --columns-lg: var(--grid-columns-lg, var(--columns-md));
        --columns-xl: var(--grid-columns-xl, 4);
        --columns-xxl: var(--grid-columns-xxl, var(--columns-xl));
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        gap: var(--gap-y) var(--gap-x);
        --columns: var(--columns-xs)
    }

    .-element-count-3 .search-results-videos-teaser--videos.-search-videos {
        --gap-y: var(--spacer-l);
        --columns-xs: 1;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: var(--columns-md);
        --columns-xl: var(--columns-md);
        --columns-xxl: 4
    }

    .-element-count-3 .search-results-videos-teaser--videos.-search-images,
    .-element-count-3 .search-results-videos-teaser--videos.-search-albums {
        --gap-y: var(--spacer-l);
        --columns-xs: 2;
        --columns-sm: var(--columns-xs);
        --columns-md: 3;
        --columns-lg: 4;
        --columns-xl: var(--columns-lg);
        --columns-xxl: var(--columns-lg)
    }
}

@media (max-width: 1919.98px) and (min-width: 375px) {
    .-element-count-3 .search-results-videos-teaser--videos {
        --columns: var(--columns-sm)
    }
}

@media (max-width: 1919.98px) and (min-width: 768px) {
    .-element-count-3 .search-results-videos-teaser--videos {
        --columns: var(--columns-md)
    }
}

@media (max-width: 1919.98px) and (min-width: 1024px) {
    .-element-count-3 .search-results-videos-teaser--videos {
        --columns: var(--columns-lg)
    }
}

@media (max-width: 1919.98px) and (min-width: 1440px) {
    .-element-count-3 .search-results-videos-teaser--videos {
        --columns: var(--columns-xl)
    }
}

@media (max-width: 1919.98px) and (min-width: 1920px) {
    .-element-count-3 .search-results-videos-teaser--videos {
        --columns: var(--columns-xxl)
    }
}

@media (max-width: 1919.98px) {
    .-element-count-3 .search-results-videos-teaser--videos.-items-have-titles {
        --gap-y: var(--spacer-xl)
    }
}

@media (min-width: 1920px) {
    .-element-count-3 .search-results-videos-teaser--videos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: var(--gap-y) var(--gap-x)
    }
}

body .search-results-videos-teaser--videos {
    --gap-x: var(--grid-gap-x);
    --gap-y: var(--grid-gap-y);
    --columns-xs: var(--grid-columns-xs, 2);
    --columns-sm: var(--grid-columns-sm, var(--columns-xs));
    --columns-md: var(--grid-columns-md, 3);
    --columns-lg: var(--grid-columns-lg, var(--columns-md));
    --columns-xl: var(--grid-columns-xl, 4);
    --columns-xxl: var(--grid-columns-xxl, var(--columns-xl));
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--gap-y) var(--gap-x);
    --columns: var(--columns-xs)
}

body .search-results-videos-teaser--videos.-search-videos {
    --gap-y: var(--spacer-l);
    --columns-xs: 1;
    --columns-sm: var(--columns-xs);
    --columns-md: 3;
    --columns-lg: var(--columns-md);
    --columns-xl: var(--columns-md);
    --columns-xxl: 4
}

body .search-results-videos-teaser--videos.-search-images,
body .search-results-videos-teaser--videos.-search-albums {
    --gap-y: var(--spacer-l);
    --columns-xs: 2;
    --columns-sm: var(--columns-xs);
    --columns-md: 3;
    --columns-lg: 4;
    --columns-xl: var(--columns-lg);
    --columns-xxl: var(--columns-lg)
}

@media (min-width: 375px) {
    body .search-results-videos-teaser--videos {
        --columns: var(--columns-sm)
    }
}

@media (min-width: 768px) {
    body .search-results-videos-teaser--videos {
        --columns: var(--columns-md)
    }
}

@media (min-width: 1024px) {
    body .search-results-videos-teaser--videos {
        --columns: var(--columns-lg)
    }
}

@media (min-width: 1440px) {
    body .search-results-videos-teaser--videos {
        --columns: var(--columns-xl)
    }
}

@media (min-width: 1920px) {
    body .search-results-videos-teaser--videos {
        --columns: var(--columns-xxl)
    }
}

body .search-results-videos-teaser--videos.-items-have-titles {
    --gap-y: var(--spacer-xl)
}

.search-results-videos-teaser--item:nth-child(3),
.search-results-videos-teaser--item:nth-child(4) {
    display: none
}

@media (min-width: 768px) {
    .search-results-videos-teaser--item:nth-child(3) {
        display: flex
    }
}

@media (min-width: 1920px) {
    .search-results-videos-teaser--item:nth-child(4) {
        display: flex
    }
}

@media (min-width: 768px) {
    .-element-count-1 .search-results-videos-teaser--item {
        width: 33%
    }
}

@media (min-width: 768px) {
    .-element-count-2 .search-results-videos-teaser--item {
        width: 33%
    }
}

@media (min-width: 1920px) {
    .-element-count-2 .search-results-videos-teaser--item {
        width: 25%
    }
}

@media (min-width: 1920px) {
    .-element-count-3 .search-results-videos-teaser--item {
        width: 25%
    }
}

@media (min-width: 1440px) {
    .search-selected-filters {
        margin-top: var(--extra-margin-xxl-to-l)
    }
}

.search-selected-filters--label {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.search-selected-filters--tags {
    margin-bottom: var(--spacer-l);
    margin-top: var(--spacer-xs)
}

.search-selected-filters--reset {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.service-links {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: var(--grid-gap-x);
    row-gap: var(--spacer-l)
}

@media (max-width: 1023.98px) {
    .service-links {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 767.98px) {
    .service-links {
        grid-template-columns: repeat(2, 1fr)
    }
}

.service-links--item {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacer-xs);
    position: relative;
    text-align: center;
    padding-left: var(--spacer-xs);
    padding-right: var(--spacer-xs)
}

.service-links--item:hover {
    color: var(--interaction-primary-hover)
}

.service-links--item:focus {
    color: var(--interaction-primary-focus)
}

.service-links--item:active {
    color: var(--interaction-primary-active)
}

.service-links--item:before {
    --width: 1px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-.5 * (var(--grid-gap-x) + var(--width)));
    width: var(--width);
    background: var(--ui-divider)
}

.service-links--item:first-child:before {
    display: none
}

@media (max-width: 1023.98px) {
    .service-links--item:first-child:before {
        display: block
    }

    .service-links--item:nth-child(3n+1):before {
        display: none
    }
}

@media (max-width: 767.98px) {
    .service-links--item:nth-child(3n+1):before {
        display: block
    }

    .service-links--item:nth-child(2n+1):before {
        display: none
    }
}

.share-panel {
    --item-spacing: var(--spacer-l);
    display: grid;
    grid-template-areas: "heading close" "body body";
    grid-template-columns: 1fr auto;
    row-gap: var(--spacer-xl)
}

[data-device-type=desktop] .share-panel a[href^="whatsapp://"] {
    display: none
}

.share-panel--heading {
    grid-area: heading;
    color: inherit
}

.share-panel--close {
    grid-area: close;
    align-self: center;
    margin-left: var(--item-spacing)
}

.share-panel--close>* {
    margin: calc(-1 * calc(var(--item-spacing) / 2));
    padding: calc(var(--item-spacing) / 2)
}

.share-panel--body {
    grid-area: body;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer-l)
}

.share-panel--body>* {
    margin: calc(-1 * calc(var(--item-spacing) / 2));
    padding: calc(var(--item-spacing) / 2)
}

.slide-car-tile {
    font-variation-settings: unset;
    padding-bottom: unset;
    border-bottom: unset;
    display: flex;
    flex-direction: column;
    gap: var(--spacer-xs)
}

.slider[data-current-per-page="1"] .slide-car-tile {
    max-width: calc(8 / 12 * min(var(--max-content-width), 100%) - 4 / 12 * var(--grid-gap-x));
    margin-left: auto;
    margin-right: auto
}

.slide-car-tile--date,
.slide-car-tile--name {
    padding: 0 var(--spacer-xs);
    text-align: center;
    overflow-wrap: break-word
}

.slide-car-tile--image {
    transition: all .25s var(--easing);
    transform: scale(.9)
}

.slide-car-tile:hover .slide-car-tile--image,
.slide-car-tile:focus-within .slide-car-tile--image {
    transform: scale(1)
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    contain: strict;
    display: inline-block;
    height: 20px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 20px
}

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

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.slider,
[slider] {
    --padding-x: var(--slider-padding-x, 0);
    --padding-y: var(--slider-padding-y, 0);
    --per-page-xs: 1;
    --per-page-sm: var(--per-page-xs);
    --per-page-md: var(--per-page-sm);
    --per-page-lg: var(--per-page-md);
    --per-page-xl: var(--per-page-lg);
    --per-page-xxl: var(--per-page-xl)
}

@media (min-width: 0px) {

    .slider,
    [slider] {
        --per-page: var(--per-page-xs)
    }
}

@media (min-width: 375px) {

    .slider,
    [slider] {
        --per-page: var(--per-page-sm)
    }
}

@media (min-width: 768px) {

    .slider,
    [slider] {
        --per-page: var(--per-page-md)
    }
}

@media (min-width: 1024px) {

    .slider,
    [slider] {
        --per-page: var(--per-page-lg)
    }
}

@media (min-width: 1440px) {

    .slider,
    [slider] {
        --per-page: var(--per-page-xl)
    }
}

@media (min-width: 1920px) {

    .slider,
    [slider] {
        --per-page: var(--per-page-xxl)
    }
}

.slider:not(.-initialized),
[slider]:not(.-initialized) {
    --item-width: calc(100% / var(--per-page));
    display: flex;
    gap: var(--grid-gap-x);
    overflow-x: hidden
}

.slider:not(.-initialized)>*:not(.splide),
[slider]:not(.-initialized)>*:not(.splide) {
    flex: 0 0 var(--item-width);
    padding: var(--padding-y) var(--padding-x)
}

.splide {
    padding: var(--padding-y) 0;
    isolation: isolate;
    display: grid;
    grid-template-areas: "track" "pagination";
    --track-area: track;
    --track-padding: 0;
    --pagination-area: pagination;
    --pagination-margin: var(--spacer-l) 0 0
}

.slider.-top-pagination .splide {
    grid-template-areas: "pagination" "track";
    --pagination-margin: 0 0 var(--spacer-l)
}

.slider.-lightbox-pagination .splide {
    grid-template-areas: "pagination" "track";
    --pagination-margin: var(--lightbox-pagination-margin-y) var(--lightbox-pagination-margin-x);
    --lightbox-pagination-margin-x: min(var(--spacer-xl), var(--page-margin));
    --lightbox-pagination-margin-y: var(--spacer-m)
}

.slider.-side-pagination .splide {
    display: grid;
    grid-template-areas: "track-and-pagination";
    --track-area: track-and-pagination;
    --track-padding: var(--page-margin);
    --pagination-area: track-and-pagination;
    --pagination-margin: 0
}

.splide__track {
    grid-area: var(--track-area)
}

.slider.-auto-height.-initialized .splide__list {
    align-items: start
}

.splide__slide {
    padding: 0 var(--padding-x)
}

.slider.-auto-height.-initialized .splide__slide {
    --height: 1fr;
    display: grid;
    align-items: start;
    grid-template-rows: var(--height);
    transition: grid-template-rows .25s var(--easing)
}

.slider.-auto-height.-initialized .splide__slide>* {
    grid-row: 1;
    overflow: hidden
}

.slider.-auto-height.-initialized .splide__slide:not(.is-visible) {
    --height: 0fr;
    transition-delay: .25s
}

.splide__arrows {
    grid-area: var(--pagination-area);
    display: flex;
    align-items: center;
    margin: var(--pagination-margin);
    padding: 0 var(--padding-x)
}

.slider.-side-pagination .splide__arrows {
    overflow: hidden
}

.splide__arrow,
.splide__pagination__page {
    --indicator-height: 2px;
    --indicator-color: transparent;
    --button-padding-x: var(--spacer-s);
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1);
    transition: all .15s var(--easing);
    display: block;
    z-index: 1;
    color: var(--interaction-secondary-default)
}

.splide__arrow:hover,
.splide__pagination__page:hover {
    color: var(--interaction-secondary-hover)
}

.splide__arrow {
    padding: var(--indicator-height) var(--spacer-xs);
    transition: all .15s var(--easing)
}

.splide__arrow:disabled {
    cursor: default;
    color: var(--interaction-secondary-disabled)
}

.splide__arrow.-hide-disabled:disabled {
    opacity: 0
}

.slider.-side-pagination .splide__arrow {
    padding: var(--spacer-m);
    background: var(--ui-inverted);
    align-self: stretch;
    color: var(--interaction-primary-default)
}

.slider.-side-pagination .splide__arrow:hover {
    color: var(--interaction-primary-hover)
}

.slider.-side-pagination .splide__arrow--prev {
    border-right: 1px solid var(--ui-divider)
}

.slider.-side-pagination .splide__arrow--prev:disabled {
    opacity: 1;
    transform: translate(-100%)
}

.slider.-side-pagination .splide__arrow--next {
    margin-left: auto;
    border-left: 1px solid var(--ui-divider)
}

.slider.-side-pagination .splide__arrow--next:disabled {
    opacity: 1;
    transform: translate(100%)
}

.splide__pagination__page {
    padding: var(--indicator-height) var(--button-padding-x);
    position: relative
}

.splide__pagination--numeric .splide__pagination__page.is-active {
    color: var(--interaction-secondary-active);
    --indicator-color: currentColor
}

.splide__pagination--numeric .splide__pagination__page:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--button-padding-x);
    right: var(--button-padding-x);
    height: var(--indicator-height);
    background-color: var(--indicator-color);
    pointer-events: none
}

.splide__pagination--stepped .splide__pagination__page {
    color: var(--interaction-secondary-default)
}

.splide__pagination--stepped .splide__pagination__page.is-active>em {
    color: var(--interaction-secondary-active)
}

.social-media-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--grid-gap-x);
    row-gap: var(--spacer-l)
}

@media (max-width: 767.98px) {
    .social-media-links {
        grid-template-columns: repeat(2, 1fr)
    }
}

.social-media-links--item {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacer-xs);
    position: relative;
    text-align: center
}

.social-media-links--item:hover {
    color: var(--interaction-primary-hover)
}

.social-media-links--item:focus {
    color: var(--interaction-primary-focus)
}

.social-media-links--item:active {
    color: var(--interaction-primary-active)
}

.social-media-links--item:before {
    --width: 1px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-.5 * (var(--grid-gap-x) + var(--width)));
    width: var(--width);
    background: var(--ui-divider)
}

.social-media-links--item:first-child:before {
    display: none
}

@media (max-width: 767.98px) {
    .social-media-links--item:first-child:before {
        display: block
    }

    .social-media-links--item:nth-child(2n+1):before {
        display: none
    }
}

.suggestions-list {
    display: flex;
    flex-direction: column
}

.suggestions-list>* {
    --padding-x: var(--spacer-m);
    --padding-y: var(--spacer-s);
    padding: var(--padding-y) var(--padding-x);
    cursor: pointer;
    color: #00000080;
    background-color: var(--ui-inverted)
}

.suggestions-list>*>em {
    color: var(--interaction-secondary-active)
}

.suggestions-list>*:hover,
.suggestions-list>*.-selected {
    background-color: var(--background-level-3)
}

.table-of-contents {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-s);
    margin-top: var(--spacer-xl)
}

.table-of-contents--minor-headline {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold);
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1)
}

.table-of-contents-anchors {
    display: flex;
    flex-direction: column
}

.table-of-contents-anchors--anchor {
    padding-block: var(--spacer-s);
    display: inline-grid;
    grid-template-columns: auto 1fr;
    gap: var(--spacer-s);
    align-items: center
}

.table-of-contents-anchors--anchor+.table-of-contents-anchors--anchor {
    border-top: 1px solid var(--ui-divider)
}

.table-responsive {
    margin-top: var(--table-margin);
    margin-bottom: var(--table-margin)
}

.table-responsive>table {
    --table-margin: 0
}

@media (max-width: 1023.98px) {
    .table-responsive {
        overflow-x: auto;
        margin-left: calc(-1 * var(--page-margin));
        margin-right: calc(-1 * var(--page-margin));
        padding: 0 var(--page-margin) var(--spacer-s)
    }

    @supports not selector(::-webkit-scrollbar) {
        .table-responsive {
            scrollbar-color: var(--interaction-tertiary-default) var(--ui-inverted);
            scrollbar-width: thin
        }
    }

    .table-responsive::-webkit-scrollbar {
        width: var(--spacer-xs);
        height: var(--spacer-xs)
    }

    .table-responsive::-webkit-scrollbar-thumb {
        background-color: var(--interaction-tertiary-default);
        border-radius: calc(var(--spacer-xs) / 2)
    }

    .table-responsive::-webkit-scrollbar-track {
        background-color: var(--ui-inverted);
        border-radius: calc(var(--spacer-xs) / 2);
        margin: var(--page-margin)
    }
}

.tablist {
    display: flex;
    flex-wrap: wrap;
    --tab-padding-x: var(--spacer-s);
    --tab-padding-y: calc(var(--spacer-m) + 1px)
}

.tablist.-level-2 {
    --tab-padding-y: var(--spacer-s);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

@media (min-width: 1024px) {
    .tablist {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: visible;
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        margin-left: calc(-1 * var(--page-margin));
        margin-right: calc(-1 * var(--page-margin))
    }

    @supports not selector(::-webkit-scrollbar) {
        .tablist {
            scrollbar-color: var(--interaction-tertiary-default) var(--ui-inverted);
            scrollbar-width: thin
        }
    }

    .tablist::-webkit-scrollbar {
        width: var(--spacer-xs);
        height: var(--spacer-xs)
    }

    .tablist::-webkit-scrollbar-thumb {
        background-color: var(--interaction-tertiary-default);
        border-radius: calc(var(--spacer-xs) / 2)
    }

    .tablist::-webkit-scrollbar-track {
        background-color: var(--ui-inverted);
        border-radius: calc(var(--spacer-xs) / 2);
        margin: var(--page-margin)
    }

    .tablist>.tablist--select-label,
    .tablist>.tablist--select,
    .tablist>.tablist--select+.icon.-form-select {
        display: none
    }
}

@media (max-width: 1023.98px) {
    .tablist>.tablist--select~.tablist--tab {
        display: none
    }
}

.page-item--column.column-width-33 .tablist,
.page-item--column.column-width-25 .tablist {
    flex-wrap: wrap;
    overflow-x: hidden
}

.page-item--column.column-width-33 .tablist>.tablist--select-label,
.page-item--column.column-width-33 .tablist>.tablist--select,
.page-item--column.column-width-33 .tablist>.tablist--select+.icon.-form-select,
.page-item--column.column-width-25 .tablist>.tablist--select-label,
.page-item--column.column-width-25 .tablist>.tablist--select,
.page-item--column.column-width-25 .tablist>.tablist--select+.icon.-form-select {
    display: block
}

.page-item--column.column-width-33 .tablist>.tablist--select~.tablist--tab,
.page-item--column.column-width-25 .tablist>.tablist--select~.tablist--tab {
    display: none
}

.tablist--tab {
    --color: var(--interaction-secondary-default);
    --underline-color: transparent;
    --underline-thickness: 2px;
    flex: 0 0 auto;
    padding: var(--tab-padding-y) var(--tab-padding-x);
    color: var(--color);
    transition: color .25s var(--easing);
    position: relative
}

.tablist--tab:before {
    content: "";
    position: absolute;
    left: var(--tab-padding-x);
    right: var(--tab-padding-x);
    bottom: calc(var(--tab-padding-y) - var(--spacer-xxs) - var(--underline-thickness));
    height: var(--underline-thickness);
    background: var(--underline-color);
    transition: background .25s var(--easing)
}

.tablist--tab:hover {
    --color: var(--interaction-secondary-hover)
}

.tablist--tab:focus {
    --color: var(--interaction-secondary-focus)
}

.tablist--tab.-active {
    --color: var(--interaction-secondary-active);
    --underline-color: var(--interaction-secondary-active)
}

.tag {
    align-items: center;
    column-gap: var(--spacer-xs);
    display: inline-flex;
    padding: var(--spacer-xxs) var(--spacer-s);
    background-color: var(--ui-highlight-tertiary);
    color: var(--ui-secondary);
    font-size: var(--font-size-copy1);
    line-height: var(--line-height-copy1)
}

.tag.-small {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.tag--remove-button {
    vertical-align: middle;
    transition: all .25s var(--easing);
    color: var(--interaction-secondary-default)
}

.tag--remove-button:hover {
    color: var(--interaction-secondary-hover)
}

.tag--remove-button:focus {
    color: var(--interaction-secondary-focus)
}

.tag--remove-button:active {
    color: var(--interaction-secondary-active)
}

.tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer-xs)
}

.teaser {
    --image-height: auto;
    isolation: isolate;
    display: grid;
    grid-template-areas: "image-start" "image-end" "." "title" "." "button";
    grid-template-rows: auto auto var(--spacer-m) auto var(--spacer-l) auto
}

@media (min-width: 1024px) {
    .teaser {
        grid-template-areas: "image-start . ." ". title ." ". . ." ". button ." ". . image-end";
        grid-template-columns: var(--spacer-xl) 1fr var(--spacer-xl);
        grid-template-rows: var(--spacer-l) min-content 1fr min-content var(--spacer-l);
        isolation: isolate
    }

    .column-width-66 .teaser,
    .column-width-33 .teaser {
        --image-height: calc((2/3) * calc(8 / 12 * var(--inside-layout-width) - 4 / 12 * var(--grid-gap-x)))
    }

    .column-width-75 .teaser,
    .column-width-50 .teaser,
    .column-width-25 .teaser {
        --image-height: calc((2/3) * calc(6 / 12 * var(--inside-layout-width) - 6 / 12 * var(--grid-gap-x)))
    }
}

.teaser--image {
    z-index: 1;
    grid-area: image-start / image-start / image-end / image-end;
    display: grid;
    width: 100%;
    height: var(--image-height);
    position: relative
}

.teaser--image:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(2 * var(--spacer-xxxl));
    background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0))
}

.teaser--image .cropped-image {
    height: 100%
}

.teaser--title {
    z-index: 2;
    grid-area: title;
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary);
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold), var(--font-variation-extended);
    color: var(--ui-secondary);
    max-width: 100%;
    word-break: break-word;
    text-wrap: balance
}

@media (min-width: 1024px) {
    .teaser--title {
        justify-self: start;
        background-color: var(--ui-inverted);
        border: var(--spacer-m) solid var(--ui-inverted);
        border-width: var(--spacer-m) var(--spacer-l);
        overflow: hidden;
        overflow-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .teaser--title {
        overflow: hidden;
        overflow-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        display: -webkit-box
    }
}

@media (min-width: 1024px) and (min-width: 1920px) {
    .teaser--title {
        overflow: hidden;
        overflow-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        display: -webkit-box
    }
}

.teaser--button {
    z-index: 3;
    grid-area: button
}

@media (min-width: 1024px) {
    .teaser--button {
        justify-self: start;
        --interaction-primary-default: #ffffff;
        --interaction-primary-hover: #b3b3b3;
        --interaction-primary-active: #ffffff;
        --interaction-primary-disabled: #666666;
        --interaction-primary-focus: #ffffff;
        --interaction-primary-pressed: #ffffff;
        --interaction-secondary-default: #b3b3b3;
        --interaction-secondary-hover: #ffffff;
        --interaction-secondary-active: #ffffff;
        --interaction-secondary-filled: #e5e5e5;
        --interaction-secondary-disabled: #666666;
        --interaction-secondary-focus: #ffffff;
        --interaction-secondary-readonly: #e5e5e5;
        --interaction-secondary-pressed: #ffffff;
        --interaction-tertiary-default: #4c4c4c;
        --interaction-tertiary-hover: #4c4c4c;
        --interaction-tertiary-active: #e5e5e5;
        --interaction-tertiary-disabled: #4c4c4c;
        --interaction-label-default: #e5e5e5;
        --interaction-label-hover: #ffffff;
        --interaction-label-active: #e5e5e5;
        --interaction-label-filled: #e5e5e5;
        --interaction-label-disabled: #666666;
        --interaction-label-focus: #ffffff;
        --interaction-label-readonly: #e5e5e5;
        --interaction-label-pressed: #ffffff
    }
}

.teaser-card {
    --gap-y: var(--spacer-m);
    display: grid;
    gap: var(--gap-y) 0;
    grid-template-areas: "image image" "title ." "intro ." ". ." "meta ." "buttons .";
    grid-template-columns: 1fr var(--spacer-xl);
    grid-template-rows: auto auto auto 1fr auto auto
}

.slider .teaser-card {
    min-height: calc(100%*min(1, calc(var(--per-page, 1) - 1)))
}

.teaser-card.-without-intro {
    grid-template-areas: "image image" "title ." ". ." "meta ." "buttons .";
    grid-template-rows: auto auto 1fr auto auto
}

.teaser-card--image {
    grid-area: image
}

.teaser-card--image>a {
    display: block
}

.teaser-card--title {
    grid-area: title;
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box
}

.teaser-card--title>a {
    display: block;
    outline-offset: -2px
}

body[data-safari=true] .teaser-card--title>a {
    outline-offset: -4px
}

.teaser-card--intro {
    grid-area: intro;
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    display: -webkit-box
}

.teaser-card--meta {
    grid-area: meta;
    margin-top: calc(-1 * var(--gap-y))
}

.teaser-card--buttons {
    grid-area: buttons;
    display: flex;
    gap: var(--spacer-l)
}

.teaser-card--buttons a,
.teaser-card--buttons button {
    transition: all .25s var(--easing);
    color: var(--interaction-primary-default)
}

.teaser-card--buttons a:hover,
.teaser-card--buttons button:hover {
    color: var(--interaction-primary-hover)
}

.teaser-card--buttons a:focus,
.teaser-card--buttons button:focus {
    color: var(--interaction-primary-focus)
}

.teaser-card--buttons a:active,
.teaser-card--buttons button:active {
    color: var(--interaction-primary-active)
}

.technical-details--heading {
    text-align: center
}

.technical-details--motorizations {
    margin-top: var(--spacer-xxl)
}

.technical-details--links {
    margin-top: var(--spacer-xxl);
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer-xl)
}

.technical-details--links>* {
    flex: 0 0 auto;
    max-width: 100%
}

.technical-details-page--heading {
    margin-bottom: var(--spacer-xxl)
}

.technical-details-page--subheading {
    margin-top: calc(2 * var(--spacer-xxl));
    margin-bottom: var(--spacer-xxl)
}

.technical-details-page--downloads {
    margin-top: var(--spacer-xxl);
    display: flex;
    gap: var(--spacer-xxl) var(--grid-gap-x);
    flex-direction: column
}

@media (min-width: 1024px) {
    .technical-details-page--downloads {
        flex-direction: row
    }

    .technical-details-page--downloads>* {
        flex: 1 1 100%;
        padding-right: var(--spacer-xl)
    }
}

.technical-details-page--links {
    margin-top: var(--spacer-xxl);
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer-xl)
}

.technical-details-page--links>* {
    flex: 0 0 auto;
    max-width: 100%
}

.technical-details-page--contacts {
    margin-top: calc(2 * var(--spacer-xxl))
}

.text-block {
    hyphens: auto;
    overflow-wrap: break-word
}

.text-block a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.text-block a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.text-block a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.text-block a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.text-block ul,
.text-block ol {
    --indentation: calc(2 * var(--spacer-l));
    --item-spacing: var(--spacer-m);
    margin: var(--list-margin) 0;
    counter-reset: list-counter
}

.text-block ul ul,
.text-block ul ol,
.text-block ol ul,
.text-block ol ol {
    --indentation: calc(2 * var(--spacer-m));
    --list-margin: var(--nested-list-margin)
}

.text-block ul>li,
.text-block ol>li {
    counter-increment: list-counter;
    list-style-type: none;
    padding-left: var(--indentation);
    position: relative;
    isolation: isolate
}

.text-block ul>li+li,
.text-block ol>li+li {
    margin-top: var(--item-spacing)
}

.text-block ul>li:before,
.text-block ol>li:before {
    content: var(--counter-label);
    color: var(--ui-tertiary);
    position: absolute;
    padding-right: var(--spacer-s);
    transform: translate(-100%)
}

.text-block ul {
    --counter-label: "\203a"
}

.text-block ol {
    --counter-label: counters(list-counter, ".", decimal) "."
}

.text-block ol[data-type=alpha] {
    --counter-label: counters(list-counter, ".", lower-alpha) "."
}

.text-block table {
    --cell-gap: var(--table-cell-gap, var(--spacer-xs));
    border-collapse: separate;
    border-spacing: var(--cell-gap) 0;
    margin: var(--table-margin) calc(-1 * var(--cell-gap))
}

.text-block table th,
.text-block table td {
    --heading-border-width: 2px;
    --regular-border-width: 1px;
    --border-width: var(--regular-border-width);
    --border-color: var(--ui-primary);
    --padding-top: var(--spacer-s);
    --padding-right: var(--spacer-s);
    --padding-bottom: var(--spacer-l);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) 0;
    border-top: var(--border-width) solid var(--border-color);
    text-align: start;
    vertical-align: top
}

.text-block table>thead:first-child>tr:first-child>th,
.text-block table>thead:first-child>tr:first-child>td,
.text-block table>tbody:first-child>tr:first-child>th,
.text-block table>tbody:first-child>tr:first-child>td {
    --border-width: var(--heading-border-width)
}

.text-block table>thead>tr>th[scope=row],
.text-block table>tbody>tr>th[scope=row] {
    --border-width: var(--heading-border-width)
}

.text-block table>thead>tr>th[scope=row]~td,
.text-block table>tbody>tr>th[scope=row]~td {
    --border-width: var(--regular-border-width);
    padding-top: calc(var(--padding-top) + var(--heading-border-width) - var(--regular-border-width))
}

.text-block table>thead:last-child>tr:last-child>th,
.text-block table>thead:last-child>tr:last-child>td,
.text-block table>tbody:last-child>tr:last-child>th,
.text-block table>tbody:last-child>tr:last-child>td {
    position: relative
}

.text-block table>thead:last-child>tr:last-child>th:after,
.text-block table>thead:last-child>tr:last-child>td:after,
.text-block table>tbody:last-child>tr:last-child>th:after,
.text-block table>tbody:last-child>tr:last-child>td:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--border-width);
    background-color: var(--border-color)
}

.text-block table th,
.text-block table td[role=rowheader],
.text-block table td[role=columnheader] {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6,
.text-block .h1,
.text-block .h2,
.text-block .h3,
.text-block .h4,
.text-block .h5,
.text-block .h6 {
    margin-top: var(--heading-margin);
    margin-bottom: var(--heading-margin)
}

.text-block blockquote {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary);
    color: inherit;
    text-align: center;
    margin-top: var(--blockquote-margin);
    margin-bottom: var(--blockquote-margin)
}

.text-block>:first-child {
    margin-top: 0
}

.text-block>:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    [class*=column-width-]:not(.column-width-100) .text-block {
        padding-right: var(--spacer-xl)
    }
}

.text-danger {
    color: var(--ui-error)
}

.text-nowrap {
    white-space: nowrap
}

.text-tiny {
    font-size: var(--font-size-copy3);
    line-height: var(--line-height-copy3)
}

:where(.todo) {
    background-color: #f0f;
    color: #000;
    min-height: 1em;
    min-width: 1em
}

.toggle-switch {
    display: flex;
    width: fit-content;
    gap: var(--spacer-s);
    align-items: center;
    isolation: isolate;
    cursor: pointer
}

.toggle-switch--slider {
    display: inline-block;
    background: var(--interaction-tertiary-default);
    border-radius: 16px;
    width: 58px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    transition: background .25s
}

.toggle-switch--slider:before {
    --thumb--radius: 24px;
    --positioning: 4px;
    display: block;
    content: "";
    border-radius: 50%;
    background-color: var(--background-level-0);
    width: var(--thumb--radius);
    height: var(--thumb--radius);
    position: absolute;
    top: var(--positioning);
    left: var(--positioning);
    transition: left .25s var(--easing);
    z-index: 1
}

.toggle-switch--slider:after {
    --circle-radius: 6px;
    --positioning: 13px;
    display: block;
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid var(--ui-tertiary);
    right: var(--positioning);
    top: var(--positioning);
    width: var(--circle-radius);
    height: var(--circle-radius);
    z-index: 0
}

.toggle-switch--checkbox {
    position: absolute;
    appearance: none
}

.toggle-switch--checkbox:checked+.toggle-switch--slider {
    background-color: var(--ui-success)
}

.toggle-switch--checkbox:checked+.toggle-switch--slider:before {
    left: 30px
}

.toggle-switch--checkbox:checked+.toggle-switch--slider:after {
    left: 15px;
    top: 12px;
    border-radius: 0;
    border-color: var(--background-level-0);
    width: 1px;
    height: 8px
}

.toggle-switch--checkbox:focus+.toggle-switch--slider {
    outline: auto
}

.topic-list a {
    transition: all .25s var(--easing);
    text-decoration: underline;
    text-decoration-color: #b3b3b3;
    text-decoration-thickness: 1px;
    text-underline-offset: .3em;
    color: inherit
}

.topic-list a:hover {
    color: var(--interaction-primary-hover);
    text-decoration-color: var(--interaction-primary-hover)
}

.topic-list a:focus {
    color: var(--interaction-primary-focus);
    text-decoration-color: var(--interaction-primary-focus)
}

.topic-list a:active {
    color: var(--interaction-primary-active);
    text-decoration-color: var(--interaction-primary-active)
}

.topic-list ul,
.topic-list ol {
    --indentation: calc(2 * var(--spacer-l));
    --item-spacing: var(--spacer-m);
    margin: var(--list-margin) 0;
    counter-reset: list-counter
}

.topic-list ul ul,
.topic-list ul ol,
.topic-list ol ul,
.topic-list ol ol {
    --indentation: calc(2 * var(--spacer-m));
    --list-margin: var(--nested-list-margin)
}

.topic-list ul>li,
.topic-list ol>li {
    counter-increment: list-counter;
    list-style-type: none;
    padding-left: var(--indentation);
    position: relative;
    isolation: isolate
}

.topic-list ul>li+li,
.topic-list ol>li+li {
    margin-top: var(--item-spacing)
}

.topic-list ul>li:before,
.topic-list ol>li:before {
    content: var(--counter-label);
    color: var(--ui-tertiary);
    position: absolute;
    padding-right: var(--spacer-s);
    transform: translate(-100%)
}

.topic-list ul {
    --counter-label: "\203a"
}

.topic-list ol {
    --counter-label: counters(list-counter, ".", decimal) "."
}

.topic-list ol[data-type=alpha] {
    --counter-label: counters(list-counter, ".", lower-alpha) "."
}

.topic-list table {
    --cell-gap: var(--table-cell-gap, var(--spacer-xs));
    border-collapse: separate;
    border-spacing: var(--cell-gap) 0;
    margin: var(--table-margin) calc(-1 * var(--cell-gap))
}

.topic-list table th,
.topic-list table td {
    --heading-border-width: 2px;
    --regular-border-width: 1px;
    --border-width: var(--regular-border-width);
    --border-color: var(--ui-primary);
    --padding-top: var(--spacer-s);
    --padding-right: var(--spacer-s);
    --padding-bottom: var(--spacer-l);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) 0;
    border-top: var(--border-width) solid var(--border-color);
    text-align: start;
    vertical-align: top
}

.topic-list table>thead:first-child>tr:first-child>th,
.topic-list table>thead:first-child>tr:first-child>td,
.topic-list table>tbody:first-child>tr:first-child>th,
.topic-list table>tbody:first-child>tr:first-child>td {
    --border-width: var(--heading-border-width)
}

.topic-list table>thead>tr>th[scope=row],
.topic-list table>tbody>tr>th[scope=row] {
    --border-width: var(--heading-border-width)
}

.topic-list table>thead>tr>th[scope=row]~td,
.topic-list table>tbody>tr>th[scope=row]~td {
    --border-width: var(--regular-border-width);
    padding-top: calc(var(--padding-top) + var(--heading-border-width) - var(--regular-border-width))
}

.topic-list table>thead:last-child>tr:last-child>th,
.topic-list table>thead:last-child>tr:last-child>td,
.topic-list table>tbody:last-child>tr:last-child>th,
.topic-list table>tbody:last-child>tr:last-child>td {
    position: relative
}

.topic-list table>thead:last-child>tr:last-child>th:after,
.topic-list table>thead:last-child>tr:last-child>td:after,
.topic-list table>tbody:last-child>tr:last-child>th:after,
.topic-list table>tbody:last-child>tr:last-child>td:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--border-width);
    background-color: var(--border-color)
}

.topic-list table th,
.topic-list table td[role=rowheader],
.topic-list table td[role=columnheader] {
    font-weight: 400;
    font-variation-settings: var(--font-variation-bold)
}

.topic-list h1,
.topic-list h2,
.topic-list h3,
.topic-list h4,
.topic-list h5,
.topic-list h6,
.topic-list .h1,
.topic-list .h2,
.topic-list .h3,
.topic-list .h4,
.topic-list .h5,
.topic-list .h6 {
    margin-top: var(--heading-margin);
    margin-bottom: var(--heading-margin)
}

.topic-list blockquote {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    font-variation-settings: var(--font-variation-extended);
    letter-spacing: -.015em;
    color: var(--ui-primary);
    color: inherit;
    text-align: center;
    margin-top: var(--blockquote-margin);
    margin-bottom: var(--blockquote-margin)
}

.topic-list>:first-child {
    margin-top: 0
}

.topic-list>:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    [class*=column-width-]:not(.column-width-100) .topic-list {
        padding-right: var(--spacer-xl)
    }
}

.topic-teaser {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: var(--grid-gap-x);
    align-items: center;
    padding-top: var(--spacer-m);
    padding-bottom: var(--spacer-m);
    margin-left: var(--page-margin);
    margin-right: var(--page-margin);
    border-top: 1px solid var(--ui-divider);
    border-bottom: 1px solid var(--ui-divider)
}

@media (max-width: 1023.98px) {
    .topic-teaser {
        grid-auto-columns: 100%;
        gap: var(--page-margin);
        align-items: stretch;
        margin-left: 0;
        margin-right: 0;
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        padding-top: 0;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        border: none
    }

    @supports not selector(::-webkit-scrollbar) {
        .topic-teaser {
            scrollbar-color: var(--interaction-tertiary-default) var(--ui-inverted);
            scrollbar-width: thin
        }
    }

    .topic-teaser::-webkit-scrollbar {
        width: var(--spacer-xs);
        height: var(--spacer-xs)
    }

    .topic-teaser::-webkit-scrollbar-thumb {
        background-color: var(--interaction-tertiary-default);
        border-radius: calc(var(--spacer-xs) / 2)
    }

    .topic-teaser::-webkit-scrollbar-track {
        background-color: var(--ui-inverted);
        border-radius: calc(var(--spacer-xs) / 2);
        margin: var(--page-margin)
    }
}

.topic-teaser--tile {
    padding-right: var(--spacer-xxl)
}

@media (max-width: 1023.98px) {
    .topic-teaser--tile {
        scroll-margin-left: var(--page-margin);
        scroll-snap-align: start;
        border-top: 1px solid var(--ui-divider);
        border-bottom: 1px solid var(--ui-divider) !important;
        padding: var(--spacer-m) 0
    }
}

.topic-teaser-element {
    display: grid;
    grid-template-areas: "image title" "image text";
    grid-template-columns: 80px 1fr;
    gap: 0 var(--spacer-l);
    height: 100%
}

.topic-teaser-element--image {
    grid-area: image;
    align-self: center;
    height: 80px;
    width: 80px
}

.topic-teaser-element--title {
    grid-area: title;
    align-self: end
}

@media (max-width: 1023.98px) {
    .topic-teaser-element--title {
        align-self: auto
    }
}

.topic-teaser-element--text {
    grid-area: text;
    margin-top: var(--spacer-xs);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

.video-description--heading {
    color: var(--ui-secondary);
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box
}

@media (min-width: 1024px) and (max-width: 1439.98px) {
    .video-description--heading {
        overflow: hidden;
        overflow-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box
    }
}

.video-description--category-and-date {
    margin-top: var(--spacer-l)
}

.video-description--duration {
    margin-top: var(--spacer-s)
}

.video-description--category-and-date,
.video-description--duration {
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2);
    color: var(--ui-tertiary)
}

.video-description--buttons {
    margin-top: var(--spacer-xl)
}

@media (max-width: 767.98px) {
    .video-description--buttons {
        display: flex;
        flex-direction: column;
        gap: var(--spacer-s)
    }
}

.video-listing {
    display: flex;
    flex-direction: column
}

.video-listing--title {
    text-align: center;
    margin-bottom: var(--spacer-xxl)
}

.video-listing--button {
    display: grid;
    margin-top: var(--spacer-xxl)
}

@media (min-width: 768px) {
    .video-listing--button {
        align-self: center
    }
}

.video-player-content {
    --controls-fade-duration: .42s;
    --controls-fade-in-duration: .14s;
    position: relative
}

@media (min-width: 768px) {

    .video-player-content:active .video-player-content--overlay,
    .video-player-content:hover .video-player-content--overlay {
        opacity: 1;
        transition-duration: var(--controls-fade-in-duration)
    }

    .video-player-content:active .video-player-content--overlay .video-player-content-overlay--link,
    .video-player-content:hover .video-player-content--overlay .video-player-content-overlay--link {
        pointer-events: auto
    }
}

.video-player-content-overlay {
    --ui-primary: #ffffff;
    --ui-secondary: #e5e5e5;
    --ui-tertiary: #b3b3b3;
    --ui-inverted: #000000;
    --ui-divider: #4c4c4c;
    --ui-error: #FD2C4E;
    --ui-success: #0da20d;
    --ui-pending: #ffaa00;
    --ui-highlight-primary: #FD2C4E;
    --ui-highlight-secondary: #ffffff;
    --ui-highlight-tertiary: rgba(255, 255, 255, .15);
    --interaction-primary-default: #ffffff;
    --interaction-primary-hover: #b3b3b3;
    --interaction-primary-active: #ffffff;
    --interaction-primary-disabled: #666666;
    --interaction-primary-focus: #ffffff;
    --interaction-primary-pressed: #ffffff;
    --interaction-secondary-default: #b3b3b3;
    --interaction-secondary-hover: #ffffff;
    --interaction-secondary-active: #ffffff;
    --interaction-secondary-filled: #e5e5e5;
    --interaction-secondary-disabled: #666666;
    --interaction-secondary-focus: #ffffff;
    --interaction-secondary-readonly: #e5e5e5;
    --interaction-secondary-pressed: #ffffff;
    --interaction-tertiary-default: #4c4c4c;
    --interaction-tertiary-hover: #4c4c4c;
    --interaction-tertiary-active: #e5e5e5;
    --interaction-tertiary-disabled: #4c4c4c;
    --interaction-label-default: #e5e5e5;
    --interaction-label-hover: #ffffff;
    --interaction-label-active: #e5e5e5;
    --interaction-label-filled: #e5e5e5;
    --interaction-label-disabled: #666666;
    --interaction-label-focus: #ffffff;
    --interaction-label-readonly: #e5e5e5;
    --interaction-label-pressed: #ffffff;
    --background-card: rgba(255, 255, 255, .1);
    --background-level-0: #000000;
    --background-level-1: #1a1a1a;
    --background-level-2: #262626;
    --background-level-3: #333333;
    color: var(--ui-secondary);
    background: var(--background-level-0);
    display: flex;
    flex-direction: column;
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    padding-top: var(--spacer-l)
}

@media (min-width: 768px) {
    .video-player-content-overlay {
        display: block;
        background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 2;
        padding-top: var(--spacer-xxl);
        transition: opacity var(--controls-fade-duration);
        opacity: 0
    }

    body[data-environment=test] .video-player-content-overlay {
        opacity: 1
    }
}

.video-player-content-overlay--title {
    margin-bottom: var(--spacer-l)
}

.video-player-content-overlay--link {
    border: none;
    margin-bottom: var(--spacer-l)
}

.video-player-content-overlay--meta-info {
    color: var(--ui-tertiary);
    margin-bottom: var(--spacer-xl);
    font-size: var(--font-size-copy2);
    line-height: var(--line-height-copy2)
}

@media (min-width: 768px) {
    .video-player-content-overlay--meta-info {
        display: none
    }
}

.videos--video-listing+.videos--video-listing {
    margin-top: calc(2 * var(--spacer-xxl))
}

.cropped-image {
    display: block;
    position: relative;
    overflow: hidden
}

.cropped-image img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.cropped-image--sizer {
    display: block;
    padding-top: 100%
}