:root {
    --base: #333333;
    --black: #000000;
    --white: #ffffff;
    --grey-ad: #bcbcbc;
    --background-light: #eeeeef;
    --background-ad: #f9f9f9;
    --spacing-xxs: .125rem;
    --spacing-xs: .25rem;
    --spacing-sm: .5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 4rem;
    --grid-spacing: 20px;
    --container-spacing: 20px;
    --column-gap: 1.25rem;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --max-lines: 2;
    --article-content-width: 800px;
    --full-content-width: 956px;
    --unified-text-xxs: .555rem;
    --unified-text-xs: .666rem;
    --unified-text-sm: .777rem;
    --unified-text-md: .888rem;
    --unified-text-base: 1rem;
    --unified-text-lg: 1rem;
    --unified-text-xl: 1.222rem;
    --unified-text-xxl: 1.5rem;
    --unified-line-height-base: 1.3;
    --unified-line-height-text-xxs: 1.3;
    --unified-line-height-text-xs: 1.3;
    --unified-line-height-text-sm: 1.3;
    --unified-line-height-text-md: 1.3;
    --unified-line-height-text-lg: 1.3;
    --unified-line-height-text-xl: 1.3;
    --unified-line-height-text-xxl: 1.3;
    --unified-headline-xxs: .888rem;
    --unified-headline-xs: 1rem;
    --unified-headline-sm: 1.222rem;
    --unified-headline-md: 1.555rem;
    --unified-headline-lg: 1.777rem;
    --unified-headline-xl: 2rem;
    --unified-headline-xxl: 3rem;
    --unified-line-height-hl-xxs: 1.2;
    --unified-line-height-hl-xs: 1.2;
    --unified-line-height-hl-sm: 1.2;
    --unified-line-height-hl-md: 1.2;
    --unified-line-height-hl-lg: 1.2;
    --unified-line-height-hl-xl: 1.2;
    --unified-line-height-hl-xxl: 1.2
}

.container {
    padding: 0 var(--grid-spacing)
}

.container-fluid, .container {
    margin-right: auto;
    margin-left: auto
}

@media only screen and (max-width: 360px) {
    .container {
        max-width: 320px;
        margin: 0 var(--grid-spacing)
    }
}

.container-fluid {
    padding-right: var(--grid-spacing);
    padding-left: var(--grid-spacing)
}

.row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: calc(var(--grid-spacing) * -.5);
    margin-right: calc(var(--grid-spacing) * -.5);
    margin-bottom: calc(var(--grid-spacing) * -.5)
}

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3, .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7, .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11, .col-xl-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: calc(var(--grid-spacing) * .5);
    padding-left: calc(var(--grid-spacing) * .5);
    padding-bottom: calc(var(--grid-spacing) * .5)
}

.col-xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-xs-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-xs-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-xs-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-xs-9 {
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-xs-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-xs-12 {
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

@media only screen and (min-width: 576px) {
    .col-sm {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .start-sm {
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        justify-content: center;
        text-align: center
    }

    .end-sm {
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        align-items: flex-start
    }

    .middle-sm {
        align-items: center
    }

    .bottom-sm {
        align-items: flex-end
    }

    .around-sm {
        justify-content: space-around
    }

    .between-sm {
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) {
    .container {
        margin-left: var(--container-spacing);
        margin-right: var(--container-spacing)
    }

    .col-md {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .start-md {
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        justify-content: center;
        text-align: center
    }

    .end-md {
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        align-items: flex-start
    }

    .middle-md {
        align-items: center
    }

    .bottom-md {
        align-items: flex-end
    }

    .around-md {
        justify-content: space-around
    }

    .between-md {
        justify-content: space-between
    }

    .first-md {
        order: -1
    }

    .last-md {
        order: 1
    }
}

@media only screen and (min-width: 996px) {
    .container {
        margin-left: var(--container-spacing);
        margin-right: var(--container-spacing)
    }

    .col-lg {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .start-lg {
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        justify-content: center;
        text-align: center
    }

    .end-lg {
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        align-items: flex-start
    }

    .middle-lg {
        align-items: center
    }

    .bottom-lg {
        align-items: flex-end
    }

    .around-lg {
        justify-content: space-around
    }

    .between-lg {
        justify-content: space-between
    }

    .first-lg {
        order: -1
    }

    .last-lg {
        order: 1
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 968px
    }

    .col-xl {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-xl-1 {
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-xl-2 {
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-xl-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xl-5 {
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-xl-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-xl-8 {
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-xl-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-xl-11 {
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-xl-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .start-xl {
        justify-content: flex-start;
        text-align: start
    }

    .center-xl {
        justify-content: center;
        text-align: center
    }

    .end-xl {
        justify-content: flex-end;
        text-align: end
    }

    .top-xl {
        align-items: flex-start
    }

    .middle-xl {
        align-items: center
    }

    .bottom-xl {
        align-items: flex-end
    }

    .around-xl {
        justify-content: space-around
    }

    .between-xl {
        justify-content: space-between
    }

    .first-xl {
        order: -1
    }

    .last-xl {
        order: 1
    }
}

.Grid-Container {
    column-gap: var(--grid-spacing);
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    padding: 0 var(--container-spacing)
}

.Grid-Container-fluid, .Grid-Container {
    margin-right: auto;
    margin-left: auto
}

.Grid-Wrapper, .Grid-Wrapper-Footer, .Grid-Wrapper-Header {
    grid-column: 1 / span 4
}

.Grid-Article-Container {
    display: grid;
    column-gap: var(--column-gap);
    grid-template-columns:repeat(4, 1fr);
    position: relative
}

.Grid-Article-Wrapper {
    grid-column: span 4
}

@media only screen and (min-width: 768px) {
    .Grid-Container {
        grid-template-columns:repeat(12, 1fr)
    }

    .Grid-Wrapper {
        grid-column: span 12
    }

    .Grid-Wrapper-Footer, .Grid-Wrapper-Header {
        grid-column: 1 / span 12
    }
}

@media only screen and (min-width: 996px) {
    .Grid-Container {
        width: calc(956px + (2 * var(--container-spacing)));
        padding: 0 var(--container-spacing)
    }

    .Grid-Container .Grid-Wrapper {
        grid-column: 2 / span 12
    }

    .Grid-Article-Container {
        width: var(--article-content-width);
        margin: 0 -4px;
        grid-template-columns:repeat(12, 1fr)
    }

    .Grid-Article-Wrapper {
        grid-column: span 12
    }

    .Grid-Container .Grid-Wrapper-Full {
        grid-column: 1 / span 12
    }

    .Grid-Container .Grid-Wrapper-Full .Main-Wrapper, .Grid-Container .Grid-Wrapper-Full .Grid-Article-Container {
        width: var(--full-content-width)
    }
}

* {
    box-sizing: border-box;
    border: 0 solid currentColor
}

html {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-text-size-adjust: 100%
}

body {
    overflow-x: hidden;
    margin: 0;
    line-height: inherit;
    font-family: inherit
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

small {
    font-size: 80%
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

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

summary {
    display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none;
    cursor: pointer
}

:focus, input:focus, textarea:focus, button:focus, select:focus, a:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

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

ul {
    list-style: none
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input[type=search] {
    -webkit-appearance: none
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #a1a1aa
}

input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #a1a1aa
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

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

button, input, optgroup, select, textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

img.vg-wort-image {
    height: 1px;
    width: 1px
}

[hidden] {
    display: none
}

.invisible {
    visibility: hidden
}

.hidden {
    display: none
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.block-sm, .block-md, .block-lg, .block-xl, .inline-block-sm, .inline-block-md, .inline-block-lg, .inline-block-xl, .flex-sm, .flex-md, .flex-lg, .flex-xl {
    display: none
}

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

@media only screen and (min-width: 576px) {
    .hidden-sm {
        display: none !important
    }

    .block-sm {
        display: block !important
    }

    .inline-block-sm {
        display: inline-block !important
    }

    .flex-sm {
        display: flex !important
    }
}

@media only screen and (min-width: 768px) {
    .hidden-md {
        display: none !important
    }

    .block-md {
        display: block !important
    }

    .inline-block-md {
        display: inline-block !important
    }

    .flex-md {
        display: flex !important
    }
}

@media only screen and (min-width: 992px) {
    .hidden-lg {
        display: none !important
    }

    .block-lg {
        display: block !important
    }

    .inline-block-lg {
        display: inline-block !important
    }

    .inline-block-lg {
        display: flex !important
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-xl {
        display: none !important
    }

    .block-xl {
        display: block !important
    }

    .inline-block-xl {
        display: inline-block !important
    }

    .inline-block-xl {
        display: flex !important
    }
}

.aspect-ratio-box {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: var(--surface-gray-20, var(--background-light, lightgrey))
}

.hide-overflow {
    overflow: hidden
}

.aspect-ratio-box > img {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--white, white);
    object-fit: cover
}

.aspect-1-1 {
    padding-bottom: 100%
}

.aspect-4-3 {
    padding-bottom: 75%
}

.aspect-16-9 {
    padding-bottom: 56.25%
}

.aspect-21-9 {
    padding-bottom: 42.85%
}

.color {
    color: var(--text-black, var(--base))
}

.black {
    color: var(--global-black, var(--black))
}

.white {
    color: var(--global-white, var(--white))
}

.primary {
    color: var(--text-brand, var(--primary))
}

.secondary {
    color: var(--secondary)
}

.tertiary {
    color: var(--tertiary)
}

.tertiary-dark {
    color: var(--tertiary-dark)
}

.tertiary-medium {
    color: var(--tertiary-medium)
}

.muted {
    color: var(--text-muted)
}

.background {
    background-color: var(--background)
}

.background-dark {
    background-color: var(--background-dark)
}

.background-light {
    background-color: var(--background-light)
}

.bolder, .bold {
    font-weight: var(--font-weight-bold)
}

.uppercase {
    text-transform: uppercase
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.caps {
    font-size: var(--font-caps);
    letter-spacing: var(--font-letter-spacing-caps);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-text-sm);
    text-transform: uppercase
}

.headline-xl {
    font-size: var(--headline-xl);
    line-height: var(--line-height-hl-xl)
}

.headline-lg {
    font-size: var(--headline-lg);
    line-height: var(--line-height-hl-lg)
}

.headline-md {
    font-size: var(--headline-md);
    line-height: var(--line-height-hl-md)
}

.headline-sm {
    font-size: var(--headline-sm);
    line-height: var(--line-height-hl-sm)
}

.headline-xs {
    font-size: var(--headline-xs);
    line-height: var(--unified-line-height-hl-xs)
}

.headline-xxs {
    font-size: var(--headline-xxs);
    line-height: var(--line-height-hl-xxs)
}

.unified-headline-xl {
    font-size: var(--unified-headline-xxs);
    line-height: var(--unified-line-height-hl-xl)
}

.unified-headline-lg {
    font-size: var(--unified-headline-lg);
    line-height: var(--unified-line-height-hl-lg)
}

.unified-headline-md {
    font-size: var(--unified-headline-md);
    line-height: var(--unified-line-height-hl-md)
}

.unified-headline-sm {
    font-size: var(--unified-headline-sm);
    line-height: var(--unified-line-height-hl-sm)
}

.unified-headline-xs {
    font-size: var(--unified-headline-xs);
    line-height: var(--unified-line-height-hl-xs)
}

.unified-headline-xxs {
    font-size: var(--unified-headline-xxs);
    line-height: var(--unified-line-height-hl-xxs)
}

.headline-xl, .headline-lg, .headline-md, .headline-sm, .headline-xs, .headline-xxs, .unified-headline-xl, .unified-headline-lg, .unified-headline-md, .unified-headline-sm, .unified-headline-xs, .unified-headline-xxs {
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-headline)
}

@media (min-width: 768px) {
    .headline-xl, .headline-lg, .headline-md, .headline-sm, .headline-xs, .headline-xxs {
        font-weight: var(--font-weight-bold)
    }
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text {
    font-size: var(--text-base)
}

.text-xxl {
    font-size: var(--text-xxl);
    line-height: var(--line-height-text-xxl)
}

.text-xl {
    font-size: var(--text-xl);
    line-height: var(--line-height-text-xl)
}

.text-lg {
    font-size: var(--text-lg);
    line-height: var(--line-height-text-lg)
}

.text-md {
    font-size: var(--text-md);
    line-height: var(--line-height-text-md)
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--line-height-text-sm)
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--line-height-text-xs)
}

.text-xxs {
    font-size: var(--text-xxs);
    line-height: var(--line-height-text-xxs)
}

.unified-text-xxl {
    font-size: var(--unified-text-xxl);
    line-height: var(--unified-line-height-text-xxl)
}

.unified-text-xl {
    font-size: var(--unified-text-xl);
    line-height: var(--unified-line-height-text-xl)
}

.unified-text-lg {
    font-size: var(--unified-text-lg);
    line-height: var(--unified-line-height-text-lg)
}

.unified-text-md {
    font-size: var(--unified-text-md);
    line-height: var(--unified-line-height-text-md)
}

.unified-text-sm {
    font-size: var(--unified-text-sm);
    line-height: var(--unified-line-height-text-sm)
}

.unified-text-xs {
    font-size: var(--unified-text-xs);
    line-height: var(--unified-line-height-text-xs)
}

.unified-text-xxs {
    font-size: var(--unified-text-xxs);
    line-height: var(--unified-line-height-text-xxs)
}

.m-xxl {
    margin: var(--spacing-xxl)
}

.m-xl {
    margin: var(--spacing-xl)
}

.m-lg {
    margin: var(--spacing-lg)
}

.m-md {
    margin: var(--spacing-md)
}

.m-sm {
    margin: var(--spacing-sm)
}

.m-xs {
    margin: var(--spacing-xs)
}

.m-xxs {
    margin: var(--spacing-xxs)
}

.m-0 {
    margin: 0
}

.mr-xxl {
    margin-right: var(--spacing-xxl)
}

.mr-xl {
    margin-right: var(--spacing-xl)
}

.mr-lg {
    margin-right: var(--spacing-lg)
}

.mr-md {
    margin-right: var(--spacing-md)
}

.mr-sm {
    margin-right: var(--spacing-sm)
}

.mr-xs {
    margin-right: var(--spacing-xs)
}

.mr-xxs {
    margin-right: var(--spacing-xxs)
}

.mr-0 {
    margin-right: 0
}

.mb-xxl {
    margin-bottom: var(--spacing-xxl)
}

.mb-xl {
    margin-bottom: var(--spacing-xl)
}

.mb-lg {
    margin-bottom: var(--spacing-lg)
}

.mb-md {
    margin-bottom: var(--spacing-md)
}

.mb-sm {
    margin-bottom: var(--spacing-sm)
}

.mb-xs {
    margin-bottom: var(--spacing-xs)
}

.mb-xxs {
    margin-bottom: var(--spacing-xxs)
}

.mb-0 {
    margin-bottom: 0
}

.mt-xxl {
    margin-top: var(--spacing-xxl)
}

.mt-xl {
    margin-top: var(--spacing-xl)
}

.mt-lg {
    margin-top: var(--spacing-lg)
}

.mt-md {
    margin-top: var(--spacing-md)
}

.mt-sm {
    margin-top: var(--spacing-sm)
}

.mt-xs {
    margin-top: var(--spacing-xs)
}

.mt-xxs {
    margin-top: var(--spacing-xxs)
}

.mt-0 {
    margin-top: 0
}

.ml-xxl {
    margin-left: var(--spacing-xxl)
}

.ml-xl {
    margin-left: var(--spacing-xl)
}

.ml-lg {
    margin-left: var(--spacing-lg)
}

.ml-md {
    margin-left: var(--spacing-md)
}

.ml-sm {
    margin-left: var(--spacing-sm)
}

.ml-xs {
    margin-left: var(--spacing-xs)
}

.ml-xxs {
    margin-left: var(--spacing-xxs)
}

.ml-0 {
    margin-left: 0
}

.p-xxl {
    padding: var(--spacing-xxl)
}

.p-xl {
    padding: var(--spacing-xl)
}

.p-lg {
    padding: var(--spacing-lg)
}

.p-md {
    padding: var(--spacing-md)
}

.p-sm {
    padding: var(--spacing-sm)
}

.p-xs {
    padding: var(--spacing-xs)
}

.p-xxs {
    padding: var(--spacing-xxs)
}

.p-0 {
    padding: 0
}

.pt-xxl {
    padding-top: var(--spacing-xxl)
}

.pt-xl {
    padding-top: var(--spacing-xl)
}

.pt-lg {
    padding-top: var(--spacing-lg)
}

.pt-md {
    padding-top: var(--spacing-md)
}

.pt-sm {
    padding-top: var(--spacing-sm)
}

.pt-xs {
    padding-top: var(--spacing-xs)
}

.pt-xxs {
    padding-top: var(--spacing-xxs)
}

.pt-0 {
    padding-top: 0
}

.pr-xxl {
    padding-right: var(--spacing-xxl)
}

.pr-xl {
    padding-right: var(--spacing-xl)
}

.pr-lg {
    padding-right: var(--spacing-lg)
}

.pr-md {
    padding-right: var(--spacing-md)
}

.pr-sm {
    padding-right: var(--spacing-sm)
}

.pr-xs {
    padding-right: var(--spacing-xs)
}

.pr-xxs {
    padding-right: var(--spacing-xxs)
}

.pr-0 {
    padding-right: 0
}

.pb-xxl {
    padding-bottom: var(--spacing-xxl)
}

.pb-xl {
    padding-bottom: var(--spacing-xl)
}

.pb-lg {
    padding-bottom: var(--spacing-lg)
}

.pb-md {
    padding-bottom: var(--spacing-md)
}

.pb-sm {
    padding-bottom: var(--spacing-sm)
}

.pb-xs {
    padding-bottom: var(--spacing-xs)
}

.pb-xxs {
    padding-bottom: var(--spacing-xxs)
}

.pb-0 {
    padding-bottom: 0
}

.pl-xxl {
    padding-left: var(--spacing-xxl)
}

.pl-xl {
    padding-left: var(--spacing-xl)
}

.pl-lg {
    padding-left: var(--spacing-lg)
}

.pl-md {
    padding-left: var(--spacing-md)
}

.pl-sm {
    padding-left: var(--spacing-sm)
}

.pl-xs {
    padding-left: var(--spacing-xs)
}

.pl-xxs {
    padding-left: var(--spacing-xxs)
}

.pl-0 {
    padding-left: 0
}

.max-lines {
    display: -webkit-box;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.max-lines-1 {
    --max-lines: 1
}

.max-lines-2 {
    --max-lines: 2
}

.max-lines-3 {
    --max-lines: 3
}

.max-lines-4 {
    --max-lines: 4
}

.link-stretch:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: #0000
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.clearfix {
    display: block
}

.clearfix:after {
    display: block;
    content: "";
    clear: both
}

.w-full {
    width: 100%
}

.Placeholder-Image, .Placeholder-Social {
    background: var(--surface-gray-10, var(--secondary-light));
    height: 100%;
    width: 100%;
    position: relative
}

.Placeholder-Image .Placeholder-Ico, .Placeholder-Social .Placeholder-Ico {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 25%;
    height: 25%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 250px) {
    .Placeholder-Social {
        padding: 34%
    }
}

@media only screen and (min-width: 768px) {
    .Placeholder-Social {
        padding: 39.2222%
    }
}

.Placeholder-Video .Placeholder-Ico {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 92 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.5 61.7207V33.9429C33.5 30.615 37.2089 28.63 39.9779 30.476L60.8113 44.3649C63.2852 46.0142 63.2852 49.6494 60.8113 51.2986L39.9779 65.1875C37.2089 67.0335 33.5 65.0486 33.5 61.7207Z' fill='%23999999'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M46 0.602539C20.687 0.602539 0.166672 21.1228 0.166672 46.4359C0.166672 71.7489 20.687 92.2692 46 92.2692C71.3131 92.2692 91.8333 71.7489 91.8333 46.4359C91.8333 21.1228 71.3131 0.602539 46 0.602539ZM46 8.93587C66.7107 8.93587 83.5 25.7252 83.5 46.4359C83.5 67.1466 66.7107 83.9359 46 83.9359C25.2893 83.9359 8.50001 67.1466 8.50001 46.4359C8.50001 25.7252 25.2893 8.93587 46 8.93587Z' fill='%23999999'/%3e%3cpath d='M33.5 61.7207V33.9429C33.5 30.615 37.2089 28.63 39.9779 30.476L60.8113 44.3649C63.2852 46.0142 63.2852 49.6494 60.8113 51.2986L39.9779 65.1875C37.2089 67.0335 33.5 65.0486 33.5 61.7207Z' fill='%23999999'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M46 0.602539C20.687 0.602539 0.166672 21.1228 0.166672 46.4359C0.166672 71.7489 20.687 92.2692 46 92.2692C71.3131 92.2692 91.8333 71.7489 91.8333 46.4359C91.8333 21.1228 71.3131 0.602539 46 0.602539ZM46 8.93587C66.7107 8.93587 83.5 25.7252 83.5 46.4359C83.5 67.1466 66.7107 83.9359 46 83.9359C25.2893 83.9359 8.50001 67.1466 8.50001 46.4359C8.50001 25.7252 25.2893 8.93587 46 8.93587Z' fill='%23999999'/%3e%3c/svg%3e")
}

.Placeholder-Social .Placeholder-Ico {
    background-image: url("data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.25 12.5H65.75C77.75 12.5 87.5 22.25 87.5 34.25V65.75C87.5 77.7622 77.7622 87.5 65.75 87.5H34.25C22.25 87.5 12.5 77.75 12.5 65.75V34.25C12.5 22.2378 22.2378 12.5 34.25 12.5ZM33.5 20C26.0442 20 20 26.0442 20 33.5V66.5C20 73.9625 26.0375 80 33.5 80H66.5C73.9558 80 80 73.9558 80 66.5V33.5C80 26.0375 73.9625 20 66.5 20H33.5ZM74.375 30.3125C74.375 27.7237 72.2763 25.625 69.6875 25.625C67.0987 25.625 65 27.7237 65 30.3125C65 32.9013 67.0987 35 69.6875 35C72.2763 35 74.375 32.9013 74.375 30.3125ZM50 31.25C60.3553 31.25 68.75 39.6447 68.75 50C68.75 60.3553 60.3553 68.75 50 68.75C39.6447 68.75 31.25 60.3553 31.25 50C31.25 39.6447 39.6447 31.25 50 31.25ZM38.75 50C38.75 43.7868 43.7868 38.75 50 38.75C56.2132 38.75 61.25 43.7868 61.25 50C61.25 56.2132 56.2132 61.25 50 61.25C43.7868 61.25 38.75 56.2132 38.75 50Z' fill='%23999999'/%3e%3cmask id='mask0_1250_12529' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='12' y='12' width='76' height='76'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.25 12.5H65.75C77.75 12.5 87.5 22.25 87.5 34.25V65.75C87.5 77.7622 77.7622 87.5 65.75 87.5H34.25C22.25 87.5 12.5 77.75 12.5 65.75V34.25C12.5 22.2378 22.2378 12.5 34.25 12.5ZM33.5 20C26.0442 20 20 26.0442 20 33.5V66.5C20 73.9625 26.0375 80 33.5 80H66.5C73.9558 80 80 73.9558 80 66.5V33.5C80 26.0375 73.9625 20 66.5 20H33.5ZM74.375 30.3125C74.375 27.7237 72.2763 25.625 69.6875 25.625C67.0987 25.625 65 27.7237 65 30.3125C65 32.9013 67.0987 35 69.6875 35C72.2763 35 74.375 32.9013 74.375 30.3125ZM50 31.25C60.3553 31.25 68.75 39.6447 68.75 50C68.75 60.3553 60.3553 68.75 50 68.75C39.6447 68.75 31.25 60.3553 31.25 50C31.25 39.6447 39.6447 31.25 50 31.25ZM38.75 50C38.75 43.7868 43.7868 38.75 50 38.75C56.2132 38.75 61.25 43.7868 61.25 50C61.25 56.2132 56.2132 61.25 50 61.25C43.7868 61.25 38.75 56.2132 38.75 50Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_1250_12529)'%3e%3crect width='100' height='100' fill='%23999999'/%3e%3c/g%3e%3c/svg%3e")
}

.Placeholder-Image .Placeholder-Ico {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.35'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5569 1.79186C17.9347 1.22516 18.5708 0.884766 19.2519 0.884766H31.4741C32.1552 0.884766 32.7912 1.22516 33.169 1.79186L36.6383 6.99588H43.6963C47.0714 6.99588 49.8074 9.73192 49.8074 13.107V35.5144C49.8074 38.8895 47.0714 41.6255 43.6963 41.6255H7.02963C3.65455 41.6255 0.918518 38.8895 0.918518 35.5144V13.107C0.918518 9.73191 3.65456 6.99588 7.02963 6.99588H14.0876L17.5569 1.79186ZM20.342 4.95884L16.8727 10.1629C16.4949 10.7296 15.8589 11.07 15.1778 11.07H7.02963C5.9046 11.07 4.99259 11.982 4.99259 13.107V35.5144C4.99259 36.6394 5.90461 37.5514 7.02963 37.5514H43.6963C44.8213 37.5514 45.7333 36.6394 45.7333 35.5144V13.107C45.7333 11.982 44.8213 11.07 43.6963 11.07H35.5481C34.8671 11.07 34.231 10.7296 33.8532 10.1629L30.3839 4.95884H20.342Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.363 17.1815C21.9879 17.1815 19.2519 19.9175 19.2519 23.2926C19.2519 26.6677 21.9879 29.4037 25.363 29.4037C28.738 29.4037 31.4741 26.6677 31.4741 23.2926C31.4741 19.9175 28.738 17.1815 25.363 17.1815ZM15.1778 23.2926C15.1778 17.6675 19.7379 13.1074 25.363 13.1074C30.9881 13.1074 35.5482 17.6675 35.5482 23.2926C35.5482 28.9177 30.9881 33.4778 25.363 33.4778C19.7379 33.4778 15.1778 28.9177 15.1778 23.2926Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.Placeholder-Image--16-9, .Placeholder-Social--16-9 {
    position: relative;
    background: var(--surface-gray-10, var(--secondary-light));
    aspect-ratio: 16/9;
    padding: 23% 44%;
    height: inherit
}

.Placeholder-Image--16-9 .Placeholder-Ico, .Placeholder-Social--16-9 .Placeholder-Ico {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 100%
}

.Placeholder-Social--16-9 .Placeholder-Ico {
    background-image: url("data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.25 12.5H65.75C77.75 12.5 87.5 22.25 87.5 34.25V65.75C87.5 77.7622 77.7622 87.5 65.75 87.5H34.25C22.25 87.5 12.5 77.75 12.5 65.75V34.25C12.5 22.2378 22.2378 12.5 34.25 12.5ZM33.5 20C26.0442 20 20 26.0442 20 33.5V66.5C20 73.9625 26.0375 80 33.5 80H66.5C73.9558 80 80 73.9558 80 66.5V33.5C80 26.0375 73.9625 20 66.5 20H33.5ZM74.375 30.3125C74.375 27.7237 72.2763 25.625 69.6875 25.625C67.0987 25.625 65 27.7237 65 30.3125C65 32.9013 67.0987 35 69.6875 35C72.2763 35 74.375 32.9013 74.375 30.3125ZM50 31.25C60.3553 31.25 68.75 39.6447 68.75 50C68.75 60.3553 60.3553 68.75 50 68.75C39.6447 68.75 31.25 60.3553 31.25 50C31.25 39.6447 39.6447 31.25 50 31.25ZM38.75 50C38.75 43.7868 43.7868 38.75 50 38.75C56.2132 38.75 61.25 43.7868 61.25 50C61.25 56.2132 56.2132 61.25 50 61.25C43.7868 61.25 38.75 56.2132 38.75 50Z' fill='%23999999'/%3e%3cmask id='mask0_1250_12529' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='12' y='12' width='76' height='76'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.25 12.5H65.75C77.75 12.5 87.5 22.25 87.5 34.25V65.75C87.5 77.7622 77.7622 87.5 65.75 87.5H34.25C22.25 87.5 12.5 77.75 12.5 65.75V34.25C12.5 22.2378 22.2378 12.5 34.25 12.5ZM33.5 20C26.0442 20 20 26.0442 20 33.5V66.5C20 73.9625 26.0375 80 33.5 80H66.5C73.9558 80 80 73.9558 80 66.5V33.5C80 26.0375 73.9625 20 66.5 20H33.5ZM74.375 30.3125C74.375 27.7237 72.2763 25.625 69.6875 25.625C67.0987 25.625 65 27.7237 65 30.3125C65 32.9013 67.0987 35 69.6875 35C72.2763 35 74.375 32.9013 74.375 30.3125ZM50 31.25C60.3553 31.25 68.75 39.6447 68.75 50C68.75 60.3553 60.3553 68.75 50 68.75C39.6447 68.75 31.25 60.3553 31.25 50C31.25 39.6447 39.6447 31.25 50 31.25ZM38.75 50C38.75 43.7868 43.7868 38.75 50 38.75C56.2132 38.75 61.25 43.7868 61.25 50C61.25 56.2132 56.2132 61.25 50 61.25C43.7868 61.25 38.75 56.2132 38.75 50Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_1250_12529)'%3e%3crect width='100' height='100' fill='%23999999'/%3e%3c/g%3e%3c/svg%3e")
}

.Placeholder-Image--16-9 {
    padding: 24% 45%
}

.Placeholder-Image--16-9 .Placeholder-Ico {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.6943 1.64774C29.3382 0.681775 30.4224 0.101562 31.5833 0.101562H52.4166C53.5776 0.101562 54.6617 0.681775 55.3057 1.64774L61.2194 10.5182H73.25C79.003 10.5182 83.6666 15.1819 83.6666 20.9349V59.1293C83.6666 64.8823 79.003 69.546 73.25 69.546H10.75C4.99701 69.546 0.333313 64.8823 0.333313 59.1293V20.9349C0.333313 15.1819 4.99701 10.5182 10.75 10.5182H22.7806L28.6943 1.64774ZM33.4416 7.04601L27.5279 15.9165C26.884 16.8825 25.7998 17.4627 24.6389 17.4627H10.75C8.83232 17.4627 7.27776 19.0172 7.27776 20.9349V59.1293C7.27776 61.047 8.83233 62.6016 10.75 62.6016H73.25C75.1676 62.6016 76.7222 61.047 76.7222 59.1293V20.9349C76.7222 19.0172 75.1676 17.4627 73.25 17.4627H59.3611C58.2001 17.4627 57.116 16.8825 56.472 15.9165L50.5584 7.04601H33.4416Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42 27.8793C36.247 27.8793 31.5833 32.543 31.5833 38.296C31.5833 44.049 36.247 48.7127 42 48.7127C47.7529 48.7127 52.4166 44.049 52.4166 38.296C52.4166 32.543 47.7529 27.8793 42 27.8793ZM24.6389 38.296C24.6389 28.7077 32.4117 20.9349 42 20.9349C51.5882 20.9349 59.3611 28.7077 59.3611 38.296C59.3611 47.8843 51.5882 55.6571 42 55.6571C32.4117 55.6571 24.6389 47.8843 24.6389 38.296Z' fill='%23999999'/%3E%3C/svg%3E%0A")
}

body {
    color: var(--text-black, var(--base));
    font-family: var(--font-family);
    line-height: var(--txt-line-height-base)
}

h1, h2, h3, h4, h5, h6, b, strong {
    font-weight: var(--font-weight-bold)
}

h1 {
    font-size: var(--headline-xl);
    line-height: var(--line-height-hl-xl)
}

h2 {
    font-size: var(--headline-md);
    line-height: var(--line-height-hl-lg)
}

h3 {
    font-size: var(--headline-md);
    line-height: var(--line-height-hl-md)
}

h4 {
    font-size: var(--headline-sm);
    line-height: var(--line-height-hl-sm)
}

h5 {
    font-size: var(--headline-xs);
    line-height: var(--line-height-hl-xs)
}

h6 {
    font-size: var(--headline-xxs);
    line-height: var(--line-height-hl-xxs)
}

.overview-layer footer:before, .overview-layer .content-wrapper:before {
    content: "";
    background: var(--black);
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: opacity .2s ease-in-out;
    z-index: 2;
    opacity: 0;
    pointer-events: none
}

.overview-layer footer:before, .overview-layer .content-wrapper:before {
    content: "";
    display: block;
    pointer-events: all;
    opacity: .5
}

.Share-Link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: var(--background-icons-header)
}

.Share-Label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap
}

:root {
    --primary: #ee001c;
    --secondary: #156fbc;
    --tertiary: #333333;
    --tertiary-dark: #666666;
    --tertiary-medium: #999999;
    --secondary-light: #f0f0f0;
    --error: var(--primary);
    --e-commerce: #ff9900;
    --success: #2ca113;
    --secondary-alert: #fecc00;
    --border: #e0e0e0;
    --border-dark: #999999;
    --border-medium: #b4b4b4;
    --border-light: #d8d8d8;
    --border-bg: #e4e2e3;
    --background: #f0f2f3;
    --background-dark: #666666;
    --background-medium: #dbdbdb;
    --shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    --btn-disabled: #e0e0e0;
    --btn-primary: #156fbc;
    --btn-secondary: #ffffff;
    --btn-secondary-border: #156fbc;
    --btn-tertiary: var(--primary);
    --btn-dialog: #d8d8d8;
    --btn-e-commerce: #ff9900;
    --btn-white: #ffffff;
    --btn-white-outline: transparent;
    --btn-white-outline-border: #ffffff;
    --btn-default: #979797;
    --btn-email: #efcd00;
    --btn-feedback: #239e8d;
    --btn-comment: #239e8d;
    --btn-press: #f8a112;
    --btn-report: #b649f6;
    --facebook: #156fbc;
    --twitter: #59a6f6;
    --pocket: #f04155;
    --red-10: #f899a4;
    --red-20: #ee001c;
    --red-30: #cc0000;
    --aqua-10: #f2f9f8;
    --aqua-20: #e7f4f3;
    --aqua-30: #c7e7e2;
    --aqua-40: #b2dcd7;
    --aqua-50: #78c4bc;
    --aqua-60: #55b4aa;
    --aqua-70: #41958c;
    --aqua-80: #224e49;
    --aqua-90: #132a28;
    --blue-10: #a1c5e4;
    --blue-20: #156fbc;
    --blue-30: #0b5390;
    --green-10: #c7e3c9;
    --green-20: #74ba79;
    --green-30: #00b752;
    --yellow-10: #ffeb99;
    --yellow-20: #fecc00;
    --orange-10: #ffd699;
    --orange-20: #ff9900;
    --orange-30: #ff7201;
    --lime-10: #f6fb1f;
    --gray-10: #f8f8f8;
    --gray-20: #e0e0e0;
    --gray-30: #adadad;
    --gray-40: #666666;
    --gray-50: #1a1a1a;
    --gray-60: #3333338c;
    --white-10: #ffffff;
    --white-20: #f7f5f3;
    --black-10: #333333;
    --black-20: #1c1d1d;
    --background-primary: var(--white-10);
    --background-ressort-boxes: var(--white-20);
    --background-icons-header: var(--aqua-30);
    --infographic-aqua-30: var(--aqua-30);
    --infographic-aqua-50: var(--aqua-50);
    --infographic-blue-10: var(--blue-10);
    --infographic-blue-20: var(--blue-20);
    --infographic-gray-20: var(--gray-20);
    --infographic-gray-30: var(--gray-30);
    --infographic-green-10: var(--green-10);
    --infographic-green-20: var(--green-20);
    --infographic-orange-10: var(--orange-10);
    --infographic-orange-20: var(--orange-20);
    --infographic-red-10: var(--red-10);
    --infographic-red-20: var(--red-20);
    --infographic-red-30: var(--red-30);
    --infographic-yellow-10: var(--yellow-10);
    --infographic-yellow-20: var(--yellow-20);
    --surface-labels: var(--yellow-20);
    --surface-on-color: var(--white-10);
    --surface-breaking: var(--lime-10);
    --surface-earth: var(--green-30);
    --surface-icon-white: var(--white-10);
    --surface-secondary: var(--aqua-50);
    --surface-tertiary: var(--blue-20);
    --surface-red-20: var(--red-20);
    --surface-aqua-10: var(--aqua-10);
    --surface-aqua-20: var(--aqua-20);
    --surface-aqua-30: var(--aqua-30);
    --surface-aqua-40: var(--aqua-40);
    --surface-aqua-50: var(--aqua-50);
    --surface-aqua-60: var(--aqua-60);
    --surface-aqua-70: var(--aqua-70);
    --surface-aqua-80: var(--aqua-80);
    --surface-aqua-90: var(--aqua-90);
    --text-on-color-black: var(--black-10);
    --text-on-color-white: var(--white-10);
    --website-font: Inter Tight, Open Sans, Helvetica, sans-serif;
    --website-paragraph: Inter, Open Sans, Helvetica, sans-serif;
    --font-letter-spacing: .0125rem;
    --font-letter-spacing-p: 0;
    --headline-xs-mobile: .75rem;
    --headline-sm-mobile: .875rem;
    --headline-md-mobile: 1rem;
    --headline-lg-mobile: 1.125rem;
    --headline-xl-mobile: 1.25rem;
    --headline-xxl-mobile: 1.375rem;
    --headline-xs-desktop: .75rem;
    --headline-sm-desktop: .875rem;
    --headline-md-desktop: 1rem;
    --headline-lg-desktop: 1.25rem;
    --headline-xl-desktop: 1.75rem;
    --headline-xxl-desktop: 2.25rem;
    --hl-line-height-xs: 2;
    --hl-line-height-sm: 1.6;
    --hl-line-height-md: 1.375;
    --hl-line-height-lg: 1.375;
    --hl-line-height-xl: 1.25;
    --hl-line-height-xxl: 1.18;
    --txt-line-height-base: 1.5;
    --txt-line-height-xs: 1.6;
    --txt-line-height-sm: 1.66;
    --txt-line-height-md: 1.57;
    --txt-line-height-lg: 1.33;
    --txt-line-height-xl: 1.4;
    --headline-xxl: var(--headline-xxl-mobile);
    --container-width: 100%;
    --container-max-width: 1166px;
    --border-sm: 1px;
    --border-md: 2px;
    --border-lg: 4px
}

@media (min-width: 577px) {
    :root {
        --headline-xxl: var(--headline-xxl-desktop);
        --hl-line-height-xs: 1.33;
        --hl-line-height-sm: 1.28;
        --hl-line-height-md: 1.375;
        --hl-line-height-lg: 1.3;
        --hl-line-height-xl: 1.3;
        --hl-line-height-xxl: 1.28
    }
}

@media (prefers-color-scheme: dark) {
    body.app-view {
        --background-primary: var(--black-20);
        --background-ressort-boxes: var(--black-10);
        --text-link: var(--blue-10);
        --lines-or-border-red: var(--red-10)
    }
}

:root {
    --badge-primary: var(--gray-60);
    --badge-secondary: var(--gray-10);
    --badge-tertiary: var(--red-20);
    --border-brand: var(--red-20);
    --border-light: var(--gray-10);
    --border-medium: var(--gray-20);
    --button-primary-active: var(--blue-30);
    --button-primary-anchor: var(--blue-20);
    --button-primary-default: var(--blue-20);
    --button-primary-disabled: var(--blue-10);
    --button-primary-hover: var(--blue-30);
    --button-secondary-active: var(--blue-30);
    --button-secondary-anchor: var(--blue-20);
    --button-secondary-default: var(--blue-20);
    --button-secondary-disabled: var(--blue-10);
    --button-secondary-hover: var(--blue-30);
    --button-shop-active: var(--red-30);
    --button-shop-anchor: var(--red-20);
    --button-shop-default: var(--red-20);
    --button-shop-disabled: var(--red-10);
    --button-shop-hover: var(--red-30);
    --button-shop-outline-active: var(--red-30);
    --button-shop-outline-anchor: var(--red-20);
    --button-shop-outline-default: var(--red-20);
    --button-shop-outline-disabled: var(--red-10);
    --button-shop-outline-hover: var(--red-30);
    --surface-black: var(--black-10);
    --surface-brand: var(--red-20);
    --surface-danger: var(--red-20);
    --surface-gray-10: var(--gray-10);
    --surface-gray-20: var(--gray-20);
    --surface-gray-30: var(--gray-30);
    --surface-gray-40: var(--gray-40);
    --surface-gray-50: var(--gray-50);
    --surface-gray-60: var(--gray-50);
    --surface-gray-70: var(--gray-50);
    --surface-icon: var(--black-10);
    --surface-success: var(--green-20);
    --surface-warning: var(--yellow-20);
    --surface-white: var(--white-10);
    --surface-chip: #e6252c;
    --surface-price-list: var(--blue-30);
    --text-black: var(--black-10);
    --text-brand: var(--red-20);
    --text-danger: var(--red-20);
    --text-muted: var(--gray-40);
    --text-success: var(--green-30);
    --text-white: var(--white-10);
    --text-link: var(--blue-20);
    --font-family: var(--website-font);
    --font-family-headline: var(--font-family);
    --font-weight: 400;
    --font-weight-bolder: 800;
    --font-weight-bold: 700;
    --font-letter-spacing-caps: .0375rem;
    --font-caps: .84375rem;
    --headline-xs: var(--headline-xs-mobile);
    --headline-sm: var(--headline-sm-mobile);
    --headline-md: var(--headline-md-mobile);
    --headline-lg: var(--headline-lg-mobile);
    --headline-xl: var(--headline-xl-mobile);
    --text-base: 1rem;
    --text-xs: .625rem;
    --text-sm: .75rem;
    --text-md: .875rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --line-height-default: var(--txt-line-height-base);
    --line-height-text-xs: var(--txt-line-height-xs);
    --line-height-text-sm: var(--txt-line-height-sm);
    --line-height-text-md: var(--txt-line-height-md);
    --line-height-text-lg: var(--txt-line-height-lg);
    --line-height-text-xl: var(--txt-line-height-xl);
    --line-height-hl-xs: var(--hl-line-height-xs);
    --line-height-hl-sm: var(--hl-line-height-sm);
    --line-height-hl-md: var(--hl-line-height-md);
    --line-height-hl-lg: var(--hl-line-height-lg);
    --line-height-hl-xl: var(--hl-line-height-xl)
}

@media (min-width: 577px) {
    :root {
        --headline-lg: var(--headline-lg-desktop);
        --headline-xl: var(--headline-xl-desktop)
    }
}

@media (prefers-color-scheme: dark) {
    body.app-view {
        --badge-secondary: var(--gray-40);
        --badge-tertiary: var(--red-20);
        --surface-gray-10: var(--gray-40);
        --surface-gray-20: var(--gray-40);
        --surface-gray-30: var(--gray-40);
        --surface-gray-40: var(--gray-40);
        --surface-gray-50: var(--gray-40);
        --surface-gray-60: var(--gray-40);
        --surface-gray-70: var(--gray-40);
        --text-black: var(--white-10);
        --text-brand: var(--red-10);
        --text-danger: var(--red-10);
        --text-muted: var(--white-10);
        --text-success: var(--green-10);
        --text-white: var(--black-20)
    }
}

.Breadcrumb-Home {
    fill: currentColor;
    color: var(--text-black);
    height: 18px;
    width: 18px;
    display: inline-block;
    margin-bottom: var(--spacing-sm);
    margin-right: var(--spacing-xs)
}

.line {
    width: 100%;
    min-height: var(--border-sm);
    background: var(--border-medium)
}

.Article-Content-Figure {
    position: relative
}

.Article-Advertisement-Label {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    color: var(--text-black);
    background-color: var(--surface-labels);
    font-weight: var(--font-weight-bold);
    padding: 0 var(--spacing-sm);
    font-size: var(--text-md);
    line-height: var(--txt-line-height-lg)
}

.Btn-Blue {
    display: block;
    font-weight: 400;
    font-size: .875rem;
    text-align: center;
    color: var(--text-black);
    border: 1px solid var(--surface-tertiary);
    border-radius: .125rem;
    height: 44px;
    line-height: 18px
}

.Btn-Blue:hover {
    color: var(--text-brand);
    border: 1px solid var(--surface-brand);
    background-image: none
}

.Btn-Blue--Full {
    width: 100%;
    height: 2.875rem;
    border-radius: .25rem;
    background-color: var(--surface-tertiary);
    color: var(--text-on-color-white);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: none;
    margin-bottom: var(--spacing-lg)
}

.Link-Red {
    color: var(--text-brand)
}

.Link-Red:hover {
    color: #cf3c37
}

.Link-Red .icon-svg {
    display: inline-block;
    fill: var(--surface-brand);
    margin-right: 1px;
    margin-bottom: 1px
}

.Link-Red:hover .icon-svg {
    fill: #cf3c37
}

.aff-link:before {
    background: url("data:image/svg+xml,%3Csvg id='transactioncart' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 76.12'%3E%3Cpath fill='%23156FBC' d='M70 55.85L80 23.4H23.72L21.89 5.61 1.84-.04 0 6.69l15.53 4.27 5 49.49a8.38 8.38 0 1011.82 10.71h17.47a8.41 8.41 0 100-6.9H32.24a8.59 8.59 0 00-5-4.53l-.43-4H70v.11zm.65-25.55l-5.74 18.54H26.2L24.37 30.3zM24.69 70.84a3 3 0 113-3 3.08 3.08 0 01-3 3zm32.78-6.15a3 3 0 11-3 3 2.94 2.94 0 013-3z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom;
    display: inline-block;
    margin: 0 3px;
    width: 20px;
    height: 20px;
    content: ""
}

.aff-link:hover:before {
    background: var(--surface-brand);
    background: url("data:image/svg+xml,%3Csvg fill='%23ee001c' id='transactioncart' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 76.12'%3E%3Cpath d='M70 55.85L80 23.4H23.72L21.89 5.61 1.84-.04 0 6.69l15.53 4.27 5 49.49a8.38 8.38 0 1011.82 10.71h17.47a8.41 8.41 0 100-6.9H32.24a8.59 8.59 0 00-5-4.53l-.43-4H70v.11zm.65-25.55l-5.74 18.54H26.2L24.37 30.3zM24.69 70.84a3 3 0 113-3 3.08 3.08 0 01-3 3zm32.78-6.15a3 3 0 11-3 3 2.94 2.94 0 013-3z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom
}

.aff-link {
    display: inline-block
}

.aff-link--link {
    color: var(--text-link);
    font-weight: 700;
    white-space: nowrap
}

.aff-link--link:hover {
    color: var(--text-brand)
}

@font-face {
    font-family: Inter Tight;
    src: url(/focus_files/InterTight-VariableFont_latin-FIIMCJAQ.HkXPiq-P.woff2) format("woff2");
    font-weight: 100 900;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(/focus_files/Inter-VariableFont_latin-IMMDMY6Q.B94V3_ZQ.woff2) format("woff2");
    font-weight: 100 900;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: url(/focus_files/OpenSans-VariableFont_latin-FGPZWPFI.BD-2YYa6.woff2) format("woff2"), url(/focus_files/OpenSans-Regular_latin-ORIJDFFR.BoFg9NOw.woff2) format("woff2");
    font-weight: 100 900;
    font-stretch: 75% 100%;
    font-display: swap
}

body {
    letter-spacing: var(--font-letter-spacing);
    font-size: var(--text-base);
    background: var(--background-primary);
    color: var(--text-black)
}

button, input, optgroup, select, textarea {
    line-height: var(--txt-line-height-xs)
}

p {
    margin-bottom: var(--spacing-lg)
}

.text-base {
    font-family: var(--website-paragraph);
    letter-spacing: var(--font-letter-spacing-p)
}

.content-wrapper {
    position: relative;
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl)
}

.app-view .content-wrapper {
    padding-top: var(--spacing-md);
    margin-top: 0
}

.app-view .Article-Content-Figure {
    margin-left: calc(-1 * (var(--grid-spacing)));
    margin-right: calc(-1 * (var(--grid-spacing)))
}

@media (max-width: 991px) {
    .content-wrapper:has(.Article-Breaking-News-Banner-Mobile) {
        padding-top: 48px
    }
}

@media (min-width: 992px) {
    .content-wrapper {
        margin-top: 60px
    }
}

@media (min-width: 768px) {
    h1, h2, h3, h4, h5, h6 {
        font-weight: var(--font-weight-bold)
    }
}

.not-found-container {
    padding-bottom: 0
}

header.Header {
    width: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    position: fixed
}

header .Header-Wrapper {
    background: var(--surface-brand);
    box-shadow: 0 .0555555556rem .2777777778rem #0000004d, 0 .1111111111rem .1111111111rem #0000001a, 0 .1666666667rem .0555555556rem -.1111111111rem #0000004d;
    position: relative;
    height: 48px;
    pointer-events: auto
}

header .Header-Wrapper > .container {
    background: var(--surface-brand);
    position: relative;
    z-index: 1
}

header .Header-Container {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    z-index: 2
}

header .Header-Title, header .Header-Logo {
    display: flex;
    padding: 8px 0;
    margin: 0 auto;
    color: var(--background-primary);
    font-size: var(--headline-md);
    font-weight: var(--font-weight-bold);
    align-items: center
}

header .Header-Title + .Header-Logo {
    display: none
}

header .Header-Title > span {
    text-transform: capitalize
}

header .Header-Logo svg {
    width: 90px;
    height: 32px
}

header .Header-Logo a {
    width: 5rem;
    margin: auto
}

header .Header-Logout-Buttons > a {
    line-height: 2.75
}

header .Header-Container {
    justify-content: space-between
}

header .Header-Container .Header-BDH-Logo {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

header .Header-Container .Header-BDH-Logo a svg {
    width: 42.24px;
    height: 8px
}

header .Header-Tools {
    display: none
}

header .Header-Tools-Login {
    background: var(--background-primary);
    height: 24px;
    align-items: center;
    display: flex
}

header .Header-Menu-Btn {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    z-index: 1
}

header .Header-Menu-Btn > svg {
    height: 1.0625rem;
    width: 1.375em;
    fill: currentColor;
    color: var(--surface-on-color)
}

header .Header-Container-Menu {
    text-align: left;
    background-color: var(--background-primary);
    z-index: 1;
    flex-direction: column;
    height: calc(100vh - 48px);
    transform: translate(-100%);
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    width: 90vw;
    overflow-y: scroll
}

header .Header-Container-Menu .Btn-Blue {
    bottom: var(--spacing-md);
    display: none;
    height: 40px;
    line-height: var(--txt-line-height-sm);
    margin: 0 var(--spacing-md);
    position: absolute;
    padding: var(--spacing-sm) 0;
    width: 277px;
    text-align: center
}

header .Header-Menu-Item .Link-Blue, header .Link-Blue {
    color: var(--text-link);
    padding: var(--spacing-sm) 1.875rem var(--spacing-sm) var(--spacing-md)
}

header .Header-Menu-Item .Link-Blue:hover, header .Link-Blue:hover {
    background: none;
    color: var(--text-brand)
}

header #menu-themen > .container {
    padding-left: 0;
    padding-right: 0
}

header #menu-login {
    margin-top: var(--spacing-md);
    padding-top: var(--spacing-sm)
}

header .Header-Menu-Tabs {
    color: var(--text-black);
    display: flex
}

header .Header-Menu-Tabs span {
    display: inline;
    text-align: center;
    font-size: var(--headline-xs);
    font-weight: var(--font-weight-bold);
    width: 50%;
    padding: var(--spacing-md) 0;
    margin-bottom: -.1rem
}

header .Header-Menu-Tabs--Selected {
    color: var(--text-black);
    border-bottom: .125rem solid var(--border-brand)
}

header .Header-Menu-Tabs-Wrapper {
    border-bottom: var(--border-sm) solid var(--border-medium);
    margin-bottom: var(--spacing-md)
}

header nav .Header-Menu-Nav {
    clear: both;
    display: none
}

header nav .Header-Menu-Nav--Selected {
    display: block
}

header nav .Header-Menu-Item .expanded {
    background-color: var(--surface-gray-10)
}

header nav .Header-Menu-Item a {
    position: relative;
    display: block;
    font-size: var(--headline-xs);
    padding: var(--spacing-sm) var(--spacing-md);
    line-height: var(--txt-line-height-xl)
}

header nav .Header-Menu-Wrapper {
    display: none
}

header nav .Header-Menu-Wrapper a {
    font-size: var(--text-md);
    line-height: var(--txt-line-height-sm)
}

header nav .Header-Menu-Expand .Header-Menu-Second:before {
    content: "";
    position: absolute;
    background: var(--surface-gray-10);
    display: block;
    width: 1px;
    height: calc(100% - 24px)
}

header nav .Header-Menu-Logo {
    display: none
}

header nav .expanded + .Header-Menu-Wrapper {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0 var(--spacing-md)
}

header nav .Menu-Dropdown.expanded:after {
    transform: rotate(180deg);
    margin-top: -4px
}

@media (min-width: 330px) {
    header.Header .Header-BDH-Logo a svg {
        height: 16px;
        width: 84.48px
    }
}

@media (min-width: 768px) {
    header .Header-Container-Menu {
        width: 75vw
    }

    header .Header-Inner {
        margin: 0 auto;
        width: calc(956px + 2 * var(--container-spacing));
        align-items: center;
        justify-content: space-between;
        padding: 0 20px
    }
}

@media (min-width: 996px) {
    header.Header {
        width: 100%;
        position: absolute
    }

    header.Header .Header-Container {
        height: 64px
    }

    header.Header .Header-Container .Header-Logo {
        justify-content: space-between;
        position: unset;
        margin: inherit
    }

    header.Header .Header-Container .Header-Logo a {
        width: 8.375rem
    }

    header.Header .Header-Container .Header-Title {
        display: none
    }

    header.Header .Header-Container .Header-Title + .Header-Logo {
        display: flex
    }

    header.Header .Header-Wrapper {
        height: inherit;
        box-shadow: none
    }

    header.Header .Header-Logo svg {
        width: 134px;
        height: 48px
    }

    header.Header .Header-Menu-Item .Link-Blue, header.Header .Link-Blue, header.Header .header-menu-item .Link-Blue {
        display: block;
        clear: both
    }

    header.Header .Header-BDH-Logo {
        position: relative;
        flex: 1;
        padding-right: 12px
    }

    header.Header .Header-BDH-Logo a svg {
        height: 24px;
        width: 126.72px
    }

    header.Header .Header-Tools {
        display: flex;
        align-items: center;
        margin: 0
    }

    header.Header .Header-Tools-Icon {
        height: 100%
    }

    header.Header .Header-Tools-List {
        display: flex;
        margin-right: var(--spacing-md)
    }

    header.Header .Header-Tools-List li {
        margin: 0 var(--spacing-xs)
    }

    header.Header .Header-Tools-List li a {
        height: 1.75rem;
        width: 1.75rem
    }

    header.Header .Header-Tools-Login {
        color: var(--text-black);
        font-size: var(--text-sm);
        position: relative;
        border-radius: .25rem;
        line-height: var(--txt-line-height-xl);
        cursor: pointer;
        min-width: 4.5rem;
        height: var(--txt-line-height-xl)
    }

    header.Header .Header-Tools-Login:hover {
        background-color: var(--background-icons-header)
    }

    header.Header .Header-Tools-Login a {
        display: inline-block;
        padding-left: 15px;
        color: var(--text-black);
        font-size: var(--text-md);
        width: 100%;
        text-align: center;
        font-weight: var(--font-weight-bold)
    }

    header.Header .Header-Tools-Login span {
        position: absolute;
        left: 4px;
        top: 50%;
        margin-top: -.5rem;
        width: 19px;
        height: 1rem
    }

    header.Header .Header-Tools-Login svg {
        width: 100%;
        height: 100%;
        fill: var(--surface-brand)
    }

    header #menu-themen > .container {
        padding: 0 var(--grid-spacing)
    }

    header .Header-Container-Menu {
        border-bottom: var(--border-sm) solid var(--border-medium);
        background-color: var(--background-primary);
        width: var(--container-width);
        height: 48px;
        transform: inherit;
        transition: inherit;
        overflow: inherit
    }

    header .Header-Container-Menu.fixed .Header-Menu-Logo {
        display: block
    }

    header .Header-Container-Menu.fixed {
        z-index: 2;
        left: 0;
        top: 0;
        position: fixed
    }

    header .Header-Container-Menu.fixed .Header-Menu-Logo {
        display: block;
        padding-right: 2px
    }

    header .Header-Container-Menu .Btn-Blue, header .Header-Container-Menu .Header-Menu-Left .Btn-Blue {
        display: block;
        padding-left: 0;
        padding-right: 0
    }

    header .Header-Container-Menu .Btn-Blue:hover {
        background: none
    }

    header nav .Menu-Dropdown:hover {
        background: inherit
    }

    header nav .Menu-Dropdown.expanded:after {
        transform: rotate(-90deg);
        margin-top: -7px
    }

    header nav .Header-Menu-Nav--Selected {
        display: none
    }

    header nav #menu-themen {
        display: flex
    }

    header nav .Header-Menu-Nav {
        height: 100%;
        flex-direction: row;
        scroll-behavior: smooth;
        overflow-x: auto;
        overflow-y: hidden
    }

    header nav .Header-Menu-Logo {
        display: none
    }

    header nav .Header-Menu-Left .Header-Menu-Second a {
        padding-left: var(--spacing-md)
    }

    header nav .Header-Menu-Expand .Header-Menu-Second {
        min-height: 100%;
        box-sizing: border-box
    }

    header nav .Header-Menu-Wrapper.Header-Menu-Second {
        background-image: none;
        transform: translate(0)
    }

    header nav .Header-Menu--More > svg {
        height: 100%;
        width: 1.9rem;
        fill: var(--text-black)
    }

    header nav .Header-Menu-Wrapper {
        position: absolute;
        text-align: left;
        background-color: var(--background-primary);
        line-height: var(--line-height-hl-xxs);
        z-index: 999;
        width: 309px;
        overflow: hidden;
        top: 48px;
        box-shadow: 0 2px 4px 0 var(--border-medium);
        padding: var(--spacing-sm) 0 70px 0;
        right: 50%;
        transform: translate(50%)
    }

    header nav .Header-Menu-Wrapper li.Menu-Inner-Dropdown .Menu-Inner-Dropdown-Wrapper {
        cursor: pointer
    }

    header nav .Header-Menu-Wrapper li.Menu-Inner-Dropdown .Menu-Inner-Dropdown-Wrapper:hover, header nav .Header-Menu-Wrapper li:not(.Menu-Inner-Dropdown) a:hover {
        background: var(--surface-gray-10)
    }

    header nav .Header-Menu--More .Header-Menu-Wrapper {
        padding: var(--spacing-sm) 0 8px 0
    }

    header nav .Header-Menu-Expand {
        background-color: var(--background-primary);
        width: 618px
    }

    header nav .Header-Menu-Wrapper.Header-Menu-Expand {
        transform: translate(75%)
    }

    header nav .Header-Menu-Wrapper.Header-Menu-Left.Header-Menu-Expand {
        transform: translate(25%)
    }

    header nav .Header-Menu-List {
        width: 309px
    }

    header nav .Header-Menu-Wrapper.Header-Menu-Left .Header-Menu-List {
        float: right
    }

    header nav .Header-Menu-Second {
        top: 0;
        border-style: none;
        box-shadow: 0 0 var(--text-black);
        left: 300px
    }

    header nav .Header-Menu-Item--Active {
        border-bottom: 2px solid var(--lines-or-border-red)
    }

    header nav .Header-Menu-Item:hover {
        border-bottom: 2px solid var(--border-brand)
    }

    header nav .Header-Menu-Item:hover > .Header-Menu-Wrapper .Menu-Inner-Dropdown:hover > a {
        background-color: var(--surface-gray-10)
    }

    header nav .Header-Menu-Item:hover > .Header-Menu-Wrapper, header nav .Header-Menu-Item:hover > .Header-Menu-Wrapper .Menu-Inner-Dropdown:hover .Header-Menu-Second {
        display: block
    }

    header nav .Header-Menu-Item:hover > .Header-Menu-Wrapper .Menu-Inner-Dropdown:hover .Header-Menu-Second {
        left: 309px
    }

    header nav .Menu-Inner-Dropdown-Wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    header nav .Menu-Inner-Dropdown-Wrapper .Menu-Inner-Dropdown--Before > a, header nav .Menu-Inner-Dropdown-Wrapper .Menu-Inner-Dropdown > a, header nav .Menu-Inner-Dropdown-Wrapper .Menu-Inner-Dropdown .menu-dropdown > a {
        position: relative
    }

    header nav .Menu-Inner-Dropdown-Wrapper .Menu-Inner-Dropdown--Before > a:before {
        fill: var(--text-primary);
        position: absolute;
        right: var(--spacing-md);
        width: 8px;
        height: 13px;
        transform: rotate(-90deg);
        margin-top: -7px
    }

    header nav .Menu-Inner-Dropdown-Wrapper .Menu-Inner-Dropdown--Before > a:before {
        transform: rotate(90deg);
        right: initial;
        left: var(--spacing-md)
    }

    header nav .Menu-Inner-Dropdown-Wrapper .Menu-Inner-Dropdown.Menu-Inner-Dropdown--Before a:after {
        display: none
    }

    header nav .Menu-Inner-Dropdown-Wrapper > svg {
        fill: var(--text-black);
        margin-right: var(--spacing-md);
        width: 8px;
        height: 13px;
        transform: rotate(-90deg)
    }

    header nav .Menu-Right:hover .Header-Menu-Wrapper {
        transform: translate(0);
        right: 0
    }

    header nav .Menu-Left:hover .Header-Menu-Wrapper {
        transform: rotate(0);
        left: 0
    }

    header nav .Header-Menu-Item {
        position: relative;
        color: var(--text-black);
        flex: 1 1 auto;
        height: 48px
    }

    header nav .Header-Menu-Item a {
        padding: 12px 0 var(--spacing-md) 2px;
        line-height: var(--txt-line-height-sm);
        font-size: var(--text-md);
        text-align: center
    }

    header nav .Header-Menu-Item a.Ad-Link {
        color: var(--text-black);
        padding: var(--spacing-xs) var(--spacing-md)
    }

    header nav .Header-Menu-Item a.Ad-Link:before {
        content: "Anzeige";
        text-transform: uppercase;
        color: var(--text-muted);
        font-size: 10px;
        display: block;
        letter-spacing: 1px
    }

    header nav .Header-Menu-Item a.Ad-Link:hover {
        color: var(--surface-brand)
    }

    header nav .Header-Menu--More {
        border-bottom: 2px solid transparent
    }

    header nav .Header-Menu-Wrapper a {
        padding: var(--spacing-sm) var(--spacing-md);
        line-height: var(--txt-line-height-sm);
        display: block;
        font-size: var(--text-md);
        text-align: left
    }

    header nav .Header-Menu-Left a, header nav .Header-Menu-Left a.Link-Blue {
        padding: 10px var(--spacing-sm) 10px 36px
    }

    header nav .Header-Menu-Item:hover > .Header-Menu-Wrapper.Header-Menu-Left .Menu-Inner-Dropdown--Before:hover .Header-Menu-Second {
        left: 0
    }

    header nav .Header-Menu-Left.Header-Menu-Expand .Header-Menu-Second:before {
        right: 0
    }

    header nav .Header-Menu-Item .expanded {
        background: inherit
    }

    header nav .Header-Menu--Scroll-Active {
        height: 100vh
    }

    header nav .Header-Menu-Container {
        display: flex;
        flex: 1 1 auto;
        margin: 0 -4px
    }

    header nav .expanded + .Header-Menu-Wrapper {
        position: absolute;
        padding: var(--spacing-sm) 0 66px 0;
        z-index: inherit;
        display: none
    }
}

.menu-burger-path {
    transition: transform 1s ease-out, opacity 2s ease-out, -webkit-transform 3s ease-out;
    transform: rotate(0)
}

.menu-visible {
    overflow: hidden
}

.menu-visible .Header-Container-Menu {
    box-shadow: 0 .0555555556rem .2777777778rem #000c, 0 .1111111111rem .1111111111rem #00000080, 0 .1666666667rem .0555555556rem -.1111111111rem #0006;
    transform: translate(0)
}

header .Header-Container-Menu::-webkit-scrollbar, nav .Header-Menu-Wrapper a:after, nav .Header-Menu-Tab::-webkit-scrollbar {
    display: none
}

nav .Menu-Inner-Dropdown-Wrapper, nav .Menu-Dropdown-Wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

nav .Menu-Inner-Dropdown-Wrapper > svg, nav .Menu-Dropdown-Wrapper > svg {
    fill: var(--text-black);
    position: absolute;
    right: var(--spacing-md);
    height: 8px;
    width: 16px;
    margin-top: -2px
}

nav .Menu-Inner-Dropdown-Wrapper.expanded > svg, nav .Menu-Dropdown-Wrapper.expanded > svg {
    transform: rotate(180deg);
    margin-top: -4px
}

nav .Menu-Inner-Dropdown-Wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 996px) {
    nav .Menu-Dropdown:after, nav .Menu-Dropdown-Wrapper > svg, nav .Header-Menu-Tabs, header .Header-Menu-Tabs-Wrapper {
        display: none
    }
}

footer {
    position: relative
}

footer .Footer-Item {
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    display: block;
    text-align: center
}

footer .Footer-Install-App {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-md)
}

footer .Footer-Wrapper .Footer-Install-App {
    justify-content: center
}

footer .Footer-Copy {
    line-height: var(--txt-line-height-xs);
    font-size: var(--text-xxs)
}

footer .Footer-Copy {
    font-size: var(--text-xs);
    text-align: center
}

footer .Footer-Link {
    color: var(--text-link);
    font-size: var(--text-xs)
}

footer .Footer-Copy-Paragraph {
    padding: var(--spacing-md) 0 var(--spacing-md) 0
}

footer .Footer-middle {
    padding-top: 1rem;
    border-top: .063rem solid var(--border-medium);
    margin-top: var(--spacing-md)
}

footer .Footer-after {
    padding: 1rem 0;
    border-top: .063rem solid var(--border-medium);
    border-bottom: .063rem solid var(--border-bg);
    margin-top: var(--spacing-md)
}

@media (min-width: 1200px) {
    footer .Footer-Copy {
        display: inline-block;
        width: 100%;
        color: var(--background-primary);
        text-align: left
    }

    footer .Footer-Line {
        display: block;
        height: 1px;
        width: 100%;
        background-color: var(--border-bg);
        margin: var(--spacing-md) 0
    }

    footer .Footer-Logo {
        background: url(/ctf/assets/renderer/static/static/fol-logo-C4XXOZSM.lp1W4i9U.svg) no-repeat 0 0;
        width: 3.5rem;
        height: 1.2rem
    }

    footer .Footer-Icon {
        display: inline-block
    }

    footer .Footer-Icon-Svg {
        display: inline;
        margin-right: var(--spacing-sm);
        height: 16px;
        width: 16px
    }

    footer .Footer-Container {
        background: var(--surface-gray-10)
    }

    footer .Footer-Container .container {
        padding-left: 0
    }

    footer .Footer-Input {
        border: 1px solid var(--border-medium);
        padding: var(--spacing-sm);
        height: 100%
    }

    footer .Footer-Btn {
        background-color: var(--btn-tertiary);
        color: var(--white);
        padding: var(--spacing-xs);
        height: 100%;
        cursor: pointer
    }

    footer .Footer-Subframe-Listing {
        box-sizing: border-box;
        flex: 0 0 auto;
        flex-basis: 20%;
        max-width: 20%;
        padding-right: calc(var(--grid-spacing) * .5);
        padding-left: calc(var(--grid-spacing) * .5);
        padding-bottom: calc(var(--grid-spacing) * .5)
    }

    footer .Footer-Subframe-Title {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        line-height: var(--txt-line-height-sm)
    }

    footer .Footer-Subframe-Section {
        font-size: var(--text-xs);
        line-height: var(--line-height-text-xs);
        display: flex;
        align-items: start;
        justify-content: space-between
    }

    footer .Footer-Subframe-Links ul {
        display: block
    }

    footer .Footer-Subframe-Links ul li {
        display: inline-block
    }

    footer .Footer-Below {
        height: 27px;
        width: 100%;
        background-color: var(--surface-brand)
    }

    footer .Footer-Below-Container {
        height: 100%;
        display: flex;
        align-items: center
    }

    footer .Footer-Partner {
        font-size: var(--text-xs)
    }

    footer .Footer-Partner ul.Footer-Link {
        display: block
    }

    footer .Footer-Partner ul.Footer-Link li {
        display: inline-block
    }
}