.registration-form {
    max-width: 420px;
    margin: 0 auto;
    padding: 24px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.registration-form input {
    width: 100%;
    padding: 14px 16px;
    margin-bottom: 5px;
    font-size: 16px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.registration-form input:focus {
    border-color: #ff8a00;
    box-shadow: 0 0 0 2px rgba(255,138,0,0.15);
}

.submit-btn {
    width: 100%;
    padding: 15px;
    margin-top: 6px;
    font-size: 17px;
    font-weight: 700;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff8a00, #ffb347);
    color: #fff;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(255,138,0,0.35);
}

.error-msg {
    display: block;
    margin-top: -8px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #dc2626;
}

.form-note {
    margin-top: 14px;
    font-size: 13px;
    color: #6b7280;
    text-align: center;
}


@charset "UTF-8";
.page-wrapper[data-tenant=bild][data-theme=advertorial], .page-wrapper[data-tenant=bild][data-theme=productstory], .page-wrapper[data-tenant=bild] .partner-ad[data-teaser-type=advertorial], .page-wrapper[data-tenant=bild] .stage-teaser__ad.advertorial, .page-wrapper[data-tenant=bild] .stage-teaser__ad.productstory {
    --kicker-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --kicker-0-font-size-sm: 16px;
    --kicker-0-line-height-sm: 1.1;
    --kicker-0-font-size-md: 18px;
    --kicker-0-line-height-md: 1.1;
    --kicker-0-font-size-lg: 25px;
    --kicker-0-line-height-lg: 1.1;
    --kicker-1-font-size-sm: 16px;
    --kicker-1-font-size-md: 18px;
    --kicker-1-line-height-md: 1.1;
    --kicker-1-font-size-lg: 21px;
    --kicker-1-line-height-lg: 1.1;
    --kicker-2-font-size-sm: 14px;
    --kicker-2-line-height-sm: 1.1;
    --kicker-2-font-size-md: 14px;
    --kicker-2-line-height-md: 1.1;
    --kicker-2-font-size-lg: 16px;
    --kicker-2-line-height-lg: 1.1;
    --kicker-3-font-size-sm: 12px;
    --kicker-3-line-height-sm: 1.1;
    --kicker-3-font-size-md: 14px;
    --kicker-3-line-height-md: 1.1;
    --kicker-3-font-size-lg: 14px;
    --kicker-3-line-height-lg: 1.1;
    --headline-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --headline-1-font-size-sm: 36px;
    --headline-1-line-height-sm: 1.05;
    --headline-1-font-size-md: 54px;
    --headline-1-line-height-md: 1.05;
    --headline-1-font-size-lg: 70px;
    --headline-1-line-height-lg: 1.1;
    --headline-2-font-size-sm: 30px;
    --headline-2-line-height-sm: 1.1;
    --headline-2-font-size-md: 36px;
    --headline-2-line-height-md: 1.1;
    --headline-2-font-size-lg: 48px;
    --headline-2-line-height-lg: 1.1;
    --headline-3-font-size-sm: 24px;
    --headline-3-line-height-sm: 1.1;
    --headline-3-font-size-md: 26px;
    --headline-3-line-height-md: 1.1;
    --headline-3-font-size-lg: 32px;
    --headline-3-line-height-lg: 1.1;
    --headline-4-font-size-sm: 16px;
    --headline-4-line-height-sm: 1.15;
    --headline-4-font-weight-sm: 700;
    --headline-4-font-size-md: 20px;
    --headline-4-line-height-md: 1.1;
    --headline-4-font-weight-md: 700;
    --headline-4-font-size-lg: 22px;
    --headline-4-line-height-lg: 1.27;
    --headline-4-font-weight-lg: 700;
    --sub-headline-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --sub-headline-1-font-size-sm: 18px;
    --sub-headline-1-line-height-sm: 1.3;
    --sub-headline-1-font-size-md: 18px;
    --sub-headline-1-line-height-md: 1.3;
    --sub-headline-1-font-size-lg: 28px;
    --sub-headline-1-line-height-lg: 1.3;
    --button-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --button-font-style: normal;
    --button-1-line-height: 1;
    --button-2-line-height: 1;
    --body-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --body-font-size: 17px;
    --body-line-height-sm: 1.75;
    --body-line-height-md: 1.75;
    --body-line-height-lg: 1.75;
    --teaser-text-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --teaser-text-font-size: 16px;
    --teaser-text-line-height: 1.5;
    --article-figure-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --article-figure-caption-font-size-sm: 13px;
    --article-figure-caption-line-height-sm: 1.5;
    --article-figure-caption-font-size-md: 13px;
    --article-figure-caption-line-height-md: 1.5;
    --article-figure-caption-font-size-lg: 16px;
    --article-figure-caption-line-height-lg: 1.5;
    --article-figure-meta-color: #868e96;
    --article-figure-meta-line-height-sm: 1.4615384615;
    --article-figure-meta-line-height-lg: 1.5;
    --article-figure-meta-font-size-sm: 13px;
    --article-figure-meta-font-size-lg: 16px;
    --caption-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --caption-font-weight: 700;
    --caption-1-font-size-sm: 14px;
    --caption-1-font-size-md: 16px;
    --caption-1-font-size-lg: 18px;
    --caption-1-line-height-sm: 1.2;
    --caption-1-line-height-md: 1.2;
    --caption-1-uppercase-line-height: 1.3;
    --footnote-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --footnote-font-size-sm: 13px;
    --footnote-font-size-lg: 15px
}

.page-wrapper[data-tenant=bild], .video-centre[data-tenant=bild] {
    --main-tenant-color: #d00;
    --secondary-tenant-color: #d00;
    --secondary-tenant-color-hsl-hover: 0 100% 33%;
    --teaser-linear-gradient: linear-gradient(rgba(33 37 41 / 0%) 0%, rgba(33 37 41 / 70%) 100%);
    --text-shadow-headline: 0 2px 8px rgba(0 0 0 / 60%);
    --ressort-header-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --ressort-header-color: #212529;
    --ressort-header-font-size-lg: 28px;
    --ressort-header-font-size-md: 22px;
    --ressort-header-font-size-sm: 22px;
    --breadcrumb-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --breadcrumb-font-size-sm: 15px;
    --breadcrumb-font-size-lg: 12px;
    --breadcrumb-font-weight: 700;
    --breadcrumb-hover-color: #212529;
    --footnote-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --footnote-font-size-sm: 16px;
    --footnote-line-height-sm: 1.3125;
    --footnote-font-size-lg: 18px;
    --footnote-line-height-lg: 1.278;
    --teaser-title-padding-sm: 0 8px 12px;
    --teaser-title-padding-md: 0 12px 16px;
    --teaser-title-padding-lg: 0 12px 16px;
    --teaser-quad-title-padding-md: 0 16px 16px;
    --teaser-quad-title-padding-lg: 0 12px 16px;
    --teaser-mini-quad-title-padding-md: 0 8px 12px;
    --teaser-mini-quad-title-padding-lg: 0 8px 16px;
    --teaser-super-a-title-padding-lg: 0 16px 16px;
    --teaser-b-teaser-title-padding-lg: 0 8px 16px;
    --teaser-bc-teaser-title-padding-lg: 0 8px 16px;
    --teaser-double-a-teaser-title-padding-lg: 0 8px 16px;
    --teaser-a-teaser-mini-title-padding: 0 8px 12px;
    --teaser-title-align-items-overlay: center;
    --teaser-title-text-align-overlay: center;
    --teaser-text-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --teaser-text-font-size: 18px;
    --teaser-text-line-height: 1.3;
    --teaser-text-font-weight: 400;
    --kicker-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --kicker-font-style: normal;
    --kicker-background-color: #d00;
    --kicker-background-padding: 2px 5px;
    --kicker-color: #d00;
    --kicker-0-font-size-lg: 30px;
    --kicker-0-line-height-lg: 1;
    --kicker-0-font-weight-lg: 700;
    --kicker-1-font-size-lg: 24px;
    --kicker-1-line-height-lg: 1;
    --kicker-1-font-weight-lg: 700;
    --kicker-2-font-size-lg: 20px;
    --kicker-2-line-height-lg: 1;
    --kicker-2-font-weight-lg: 700;
    --kicker-3-font-size-lg: 16px;
    --kicker-3-line-height-lg: 1;
    --kicker-3-font-weight-lg: 700;
    --kicker-3-font-size-video-fullscreen: 1.5625vw;
    --kicker-0-font-size-md: 22px;
    --kicker-0-line-height-md: 1;
    --kicker-0-font-weight-md: 700;
    --kicker-1-font-size-md: 22px;
    --kicker-1-line-height-md: 1;
    --kicker-1-font-weight-md: 700;
    --kicker-2-font-size-md: 18px;
    --kicker-2-line-height-md: 1;
    --kicker-2-font-weight-md: 700;
    --kicker-3-font-size-md: 16px;
    --kicker-3-line-height-md: 1.1;
    --kicker-3-font-weight-md: 700;
    --kicker-0-font-size-sm: 18px;
    --kicker-0-line-height-sm: 1.1;
    --kicker-0-font-weight-sm: 700;
    --kicker-1-font-size-sm: 18px;
    --kicker-1-line-height-sm: 1.1;
    --kicker-1-font-weight-sm: 700;
    --kicker-2-font-size-sm: 16px;
    --kicker-2-line-height-sm: 1.1;
    --kicker-2-font-weight-sm: 700;
    --kicker-3-font-size-sm: 14px;
    --kicker-3-line-height-sm: 1.1;
    --kicker-3-font-weight-sm: 700;
    --headline-font: Gotham Cond, HelveticaNeue-CondensedBold, Helvetica Neue, Franklin Gothic, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --headline-font-style: normal;
    --headline-color: #212529;
    --headline-padding-lg: 0 16px;
    --headline-text-align-lg: center;
    --headline-text-padding: 0;
    --author-headline-font-weight: 600;
    --author-headline-font-size-lg: 20px;
    --author-headline-line-height-lg: 1.2;
    --author-headline-font-size-md: 18px;
    --author-headline-line-height-md: 1.2;
    --author-headline-font-size-sm: 16px;
    --author-headline-line-height-sm: 1.2;
    --headline-1-font-size-lg: 100px;
    --headline-1-line-height-lg: 1;
    --headline-1-font-weight-lg: 700;
    --headline-2-font-size-lg: 64px;
    --headline-2-line-height-lg: 1;
    --headline-2-font-weight-lg: 700;
    --headline-3-font-size-lg: 40px;
    --headline-3-line-height-lg: 1;
    --headline-3-font-weight-lg: 700;
    --headline-4-font-size-lg: 32px;
    --headline-4-line-height-lg: 1;
    --headline-4-font-weight-lg: 600;
    --headline-4-font-size-fullscreen-video: 3.125vw;
    --headline-1-font-size-md: 72px;
    --headline-1-line-height-md: 1;
    --headline-1-font-weight-md: 700;
    --headline-2-font-size-md: 48px;
    --headline-2-line-height-md: 1;
    --headline-2-font-weight-md: 700;
    --headline-3-font-size-md: 36px;
    --headline-3-line-height-md: 1;
    --headline-3-font-weight-md: 700;
    --headline-4-font-size-md: 26px;
    --headline-4-line-height-md: 1;
    --headline-4-font-weight-md: 600;
    --headline-1-font-size-sm: 48px;
    --headline-1-line-height-sm: 1;
    --headline-1-font-weight-sm: 700;
    --headline-2-font-size-sm: 40px;
    --headline-2-line-height-sm: 1;
    --headline-2-font-weight-sm: 700;
    --headline-3-font-size-sm: 28px;
    --headline-3-line-height-sm: 1;
    --headline-3-font-weight-sm: 700;
    --headline-4-font-size-sm: 22px;
    --headline-4-line-height-sm: 1;
    --headline-4-font-weight-sm: 600;
    --sub-headline-font: Gotham Cond, HelveticaNeue-CondensedBold, Helvetica Neue, Franklin Gothic, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --sub-headline-color: #212529;
    --sub-headline-text-align-lg: center;
    --sub-headline-1-font-size-lg: 36px;
    --sub-headline-1-line-height-lg: 1;
    --sub-headline-1-font-size-md: 32px;
    --sub-headline-1-line-height-md: 1;
    --sub-headline-1-font-size-sm: 24px;
    --sub-headline-1-line-height-sm: 1;
    --sub-headline-padding-sm: 0 16px;
    --sub-headline-padding-md: 0 72px;
    --sub-headline-padding-lg: 0 16px;
    --cross-heading-color: #212529;
    --cross-heading-underline-color: #d00;
    --news-ticker-time-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --news-ticker-time-font-size-lg: 18px;
    --news-ticker-time-font-size-md: 16px;
    --news-ticker-time-font-size-sm: 16px;
    --news-ticker-spacing-lg: 22px;
    --footer-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --footer-hover-color: #f52d2d;
    --button-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --button-font-style: normal;
    --button-1-line-height: 1;
    --button-2-line-height: 1;
    --button-hover-color: #c1c4c7;
    --hey-button-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --hey-button-font-size: 16px;
    --hey-button-font-weight: 700;
    --hey-button-background-color: #fff;
    --hey-button-foreground-color: #0075ff;
    --hey-button-background-color-active: #0075ff;
    --hey-button-foreground-color-active: #fff;
    --hey-loading-indicator-color: #0075ff;
    --hey-loading-indicator-color-light: color-mix(in srgb, #0075ff 30%, transparent);
    --special-navi-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --special-navi-hover-color-text: #212529;
    --special-navi-hover-color-line: #d00;
    --countdown-card-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --countdown-label-font: Gotham Cond, HelveticaNeue-CondensedBold, Helvetica Neue, Franklin Gothic, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --countdown-card-size-sm: 60px;
    --countdown-card-size-md: 90px;
    --countdown-card-size-lg: 135px;
    --live-ticker-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --live-ticker-icon-color: #212529;
    --breaking-news-headline-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --breaking-news-headline-background-color: #fd8227;
    --breaking-news-headline-color-1: #212529;
    --breaking-news-headline-color-2: #212529;
    --breaking-news-content-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --breaking-news-content-color: #fff;
    --breaking-news-content-background-color: #212529;
    --breaking-news-content-font-size: 21px;
    --breaking-news-headline-1-font-size-sm: 13px;
    --breaking-news-headline-2-font-size-sm: 23px;
    --breaking-news-headline-2-font-size-md: 30px;
    --video-recommendation-teaser-title-text-align: center;
    --video-recommendation-placeholder: url("../images/89326a8f7f2218e32062abde341c2ead7eba70c0.svg");
    --video-recommendation-content-text-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --video-recommendation-content-text-font-size-md: 16px;
    --video-recommendation-content-text-line-height-md: 1.3125;
    --video-recommendation-content-text-font-size-lg: 18px;
    --video-recommendation-content-text-line-height-lg: 1.2777;
    --video-recommendation-content-text-font-size-fullscreen: 1.7578125vw;
    --video-banner-font-size-sm: 12px;
    --video-banner-font-size-md: 16px;
    --video-banner-font-size-lg: 18px;
    --video-banner-font-size-xl: 18px;
    --video-banner-font-size-fullscreen-video: 1.7578125vw;
    --article-kicker-text-align-lg: center;
    --article-author-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --article-author-text-color: #212529;
    --article-author-line-height-lg: 1.3125;
    --article-author-font-size-md: 14px;
    --article-author-line-height-md: 1.2857;
    --article-author-font-size-sm: 12px;
    --article-author-line-height-sm: 1.3333;
    --article-author-name-color: #212529;
    --article-author-name-hover-color: #212529;
    --article-author-hover-color: #d00;
    --article-author-text-indent-sm: 3px;
    --article-author-text-indent-lg: 1px;
    --body-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --body-font-size: 21px;
    --body-line-height-lg: 1.5238;
    --body-line-height-sm: 1.3333;
    --article-figure-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --article-figure-caption-font-size-lg: 18px;
    --article-figure-caption-line-height-lg: 1.375;
    --article-figure-caption-font-size-md: 18px;
    --article-figure-caption-line-height-md: 1.375;
    --article-figure-caption-font-size-sm: 16px;
    --article-figure-caption-line-height-sm: 1.2;
    --article-figure-meta-color: #495057;
    --article-figure-meta-line-height-lg: 1.2777777778;
    --article-figure-meta-line-height-sm: 1.3125;
    --article-figure-meta-font-size-lg: 18px;
    --article-figure-meta-font-size-sm: 16px;
    --caption-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --caption-font-weight: 800;
    --caption-color: #212529;
    --caption-1-line-height-md: 1.3;
    --caption-1-line-height-sm: 1.3;
    --caption-1-uppercase-line-height: 1.1;
    --caption-1-font-size-lg: 20px;
    --caption-1-font-size-md: 18px;
    --caption-1-font-size-sm: 16px;
    --live-ticker-btn-size: 17px;
    --live-ticker-btn-color: #d00;
    --cta-button-background-color: #d00;
    --cta-button-background-color-hover: #aa0000;
    --text-link-underline-color: #d00;
    --text-link-hover-color: #212529;
    --quotation-color: #fff;
    --quotation-background-color: #d00;
    --label-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --titled-icon-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --titled-icon-font-size-sm: 12px;
    --titled-icon-font-height-sm: 1.17;
    --titled-icon-font-height-lg: 1.17;
    --nav-btn-font-size: 15px;
    --nav-btn-line-height: 3.2;
    --nav-btn-narrow-line-height: 2.8;
    --nav-btn-letter-spacing: 0;
    --nav-btn-padding: 0;
    --nav-btn-color: #495057;
    --nav-btn-color-hover: #212529;
    --nav-btn-background-color-hover: #d00;
    --nav-btn-border-color: #ced4da;
    --nav-btn-mobile-icon-color: #495057;
    --nav-btn-mobile-font-size: 17px;
    --nav-btn-mobile-line-height: 2.8235294118;
    --nav-btn-mobile-narrow-line-height: 2.4705882353;
    --nav-btn-mobile-letter-spacing: 0;
    --nav-btn-ad-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --nav-btn-ad-font-size: 15px;
    --nav-btn-ad-line-height: 2.4;
    --nav-btn-ad-title-font: Arial Narrow, Arial Nova, sans-serif;
    --nav-btn-ad-title-font-size: 12px;
    --nav-btn-ad-title-line-height: 1.25;
    --nav-menu-back-color: #fff;
    --nav-menu-box-shadow-color: #e9ecef;
    --nav-menu-overflow-y: visible;
    --nav-animation-duration: .3s;
    --nav-menu-width: 828px;
    --nav-menu-gap: 0 16px;
    --nav-menu-padding: 12px 16px 0;
    --nav-menu-logo-padding: 8px;
    --nav-fixed-menu-width: 920px;
    --nav-fixed-menu-padding-left: 16px;
    --nav-fixed-menu-line-height: 3.7333333333;
    --nav-menu-mobile-height: 72px;
    --nav-menu-util-padding-right: 0;
    --nav-menu-mobile-back-color: rgba(33, 37, 41, .6);
    --nav-burger-menu-color: #495057;
    --stage-feed-choice-chip-background-color-hover: #af0000;
    --stage-feed-description-color: #495057;
    --stage-feed-item-marks-color: #495057;
    --stage-feed-item-mark-height: 23px;
    --navi-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --navi-font-style: normal;
    --navi-highlight-color: #212529;
    --skip-link-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --skip-link-font-style: normal;
    --skip-link-font-size: 16px;
    --skip-link-line-height: 1.25;
    --autoplay-toggle-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --autoplay-toggle-font-size: 12px;
    --social-link-color: #495057;
    --social-link-highlight-color: #212529;
    --social-link-border-color: #d00;
    --social-link-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --social-link-font-size: 15px;
    --social-link-line-height: 1.3;
    --vertical-video-gradient-colors: rgb(221 0 0 / 100%) 0%, rgb(247 147 30 / 100%) 100%;
    --tts-player-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --tts-player-font-size: 16px
}

.page-wrapper[data-tenant=sportbild][data-theme=advertorial], .page-wrapper[data-tenant=sportbild][data-theme=productstory], .page-wrapper[data-tenant=sportbild] .partner-ad[data-teaser-type=advertorial], .page-wrapper[data-tenant=sportbild] .stage-teaser__ad.advertorial, .page-wrapper[data-tenant=sportbild] .stage-teaser__ad.productstory {
    --main-tenant-color: #d00;
    --secondary-tenant-color: #d00;
    --teaser-linear-gradient: linear-gradient(rgba(33 37 41 / 0%) 0%, rgba(33 37 41 / 70%) 100%);
    --text-shadow-headline: 0 2px 8px rgba(0 0 0 / 60%);
    --ressort-header-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --ressort-header-color: #212529;
    --ressort-header-font-size-lg: 28px;
    --ressort-header-font-size-md: 22px;
    --ressort-header-font-size-sm: 22px;
    --breadcrumb-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --breadcrumb-font-size: 12px;
    --breadcrumb-font-weight: 700;
    --footnote-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --footnote-font-size-sm: 13px;
    --footnote-line-height-sm: 1.3;
    --footnote-font-size-lg: 15px;
    --footnote-line-height-lg: 1.3;
    --teaser-text-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --teaser-text-font-size: 16px;
    --teaser-text-line-height: 1.5;
    --teaser-text-font-weight: 400;
    --kicker-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --kicker-font-style: normal;
    --kicker-0-font-size-lg: 25px;
    --kicker-0-line-height-lg: 1.1;
    --kicker-0-font-weight-lg: 700;
    --kicker-1-font-size-lg: 21px;
    --kicker-1-line-height-lg: 1.1;
    --kicker-1-font-weight-lg: 700;
    --kicker-2-font-size-lg: 16px;
    --kicker-2-line-height-lg: 1.1;
    --kicker-2-font-weight-lg: 700;
    --kicker-3-font-size-lg: 14px;
    --kicker-3-line-height-lg: 1.1;
    --kicker-3-font-weight-lg: 700;
    --kicker-0-font-size-md: 18px;
    --kicker-0-line-height-md: 1.1;
    --kicker-0-font-weight-md: 700;
    --kicker-1-font-size-md: 18px;
    --kicker-1-line-height-md: 1.1;
    --kicker-1-font-weight-md: 700;
    --kicker-2-font-size-md: 14px;
    --kicker-2-line-height-md: 1.1;
    --kicker-2-font-weight-md: 700;
    --kicker-3-font-size-md: 14px;
    --kicker-3-line-height-md: 1.1;
    --kicker-3-font-weight-md: 700;
    --kicker-0-font-size-sm: 16px;
    --kicker-0-line-height-sm: 1.1;
    --kicker-0-font-weight-sm: 700;
    --kicker-1-font-size-sm: 16px;
    --kicker-1-line-height-sm: 1.1;
    --kicker-1-font-weight-sm: 700;
    --kicker-2-font-size-sm: 14px;
    --kicker-2-line-height-sm: 1.1;
    --kicker-2-font-weight-sm: 700;
    --kicker-3-font-size-sm: 12px;
    --kicker-3-line-height-sm: 1.1;
    --kicker-3-font-weight-sm: 700;
    --headline-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --headline-font-style: normal;
    --headline-text-align-lg: center;
    --headline-1-font-size-lg: 70px;
    --headline-1-line-height-lg: 1.1;
    --headline-1-font-weight-lg: 700;
    --headline-2-font-size-lg: 48px;
    --headline-2-line-height-lg: 1.1;
    --headline-2-font-weight-lg: 700;
    --headline-3-font-size-lg: 32px;
    --headline-3-line-height-lg: 1.12;
    --headline-3-font-weight-lg: 700;
    --headline-4-font-size-lg: 22px;
    --headline-4-line-height-lg: 1.27;
    --headline-4-font-weight-lg: 700;
    --headline-1-font-size-md: 54px;
    --headline-1-line-height-md: 1.05;
    --headline-1-font-weight-md: 700;
    --headline-2-font-size-md: 36px;
    --headline-2-line-height-md: 1.1;
    --headline-2-font-weight-md: 700;
    --headline-3-font-size-md: 26px;
    --headline-3-line-height-md: 1.1;
    --headline-3-font-weight-md: 700;
    --headline-4-font-size-md: 20px;
    --headline-4-line-height-md: 1.1;
    --headline-4-font-weight-md: 700;
    --headline-1-font-size-sm: 36px;
    --headline-1-line-height-sm: 1.05;
    --headline-1-font-weight-sm: 700;
    --headline-2-font-size-sm: 30px;
    --headline-2-line-height-sm: 1.1;
    --headline-2-font-weight-sm: 700;
    --headline-3-font-size-sm: 24px;
    --headline-3-line-height-sm: 1.1;
    --headline-3-font-weight-sm: 700;
    --headline-4-font-size-sm: 16px;
    --headline-4-line-height-sm: 1.15;
    --headline-4-font-weight-sm: 700;
    --sub-headline-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --sub-headline-color: #868e96;
    --sub-headline-text-align-lg: center;
    --sub-headline-1-font-size-lg: 28px;
    --sub-headline-1-line-height-lg: 1.3;
    --sub-headline-1-font-size-md: 18px;
    --sub-headline-1-line-height-md: 1.3;
    --sub-headline-1-font-size-sm: 18px;
    --sub-headline-1-line-height-sm: 1.3;
    --sub-headline-padding-sm: 0 8px;
    --sub-headline-padding-md: 0 12px;
    --sub-headline-padding-lg: 0 16px;
    --cross-heading-color: #174482;
    --cross-heading-underline-color: #868e96;
    --news-ticker-time-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --news-ticker-time-font-size-lg: 18px;
    --news-ticker-time-font-size-md: 16px;
    --news-ticker-time-font-size-sm: 16px;
    --news-ticker-spacing-lg: 22px;
    --footer-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --footer-hover-color: #f52d2d;
    --button-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --button-font-style: normal;
    --button-1-line-height: 1;
    --button-2-line-height: 1;
    --special-navi-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --special-navi-hover-color-text: #212529;
    --special-navi-hover-color-line: #d00;
    --countdown-card-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --countdown-label-font: Gotham Cond, HelveticaNeue-CondensedBold, Helvetica Neue, Franklin Gothic, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --countdown-card-size-sm: 60px;
    --countdown-card-size-md: 90px;
    --countdown-card-size-lg: 135px;
    --live-ticker-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --live-ticker-icon-color: #212529;
    --breaking-news-headline-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --breaking-news-headline-background-color: #fd8227;
    --breaking-news-headline-color-1: #212529;
    --breaking-news-headline-color-2: #212529;
    --breaking-news-content-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --breaking-news-content-color: #fff;
    --breaking-news-content-background-color: #212529;
    --breaking-news-content-font-size: 21px;
    --breaking-news-headline-1-font-size-sm: 13px;
    --breaking-news-headline-2-font-size-sm: 23px;
    --breaking-news-headline-2-font-size-md: 30px;
    --video-banner-font-size-sm: 12px;
    --video-banner-font-size-md: 16px;
    --video-banner-font-size-lg: 18px;
    --video-banner-font-size-xl: 18px;
    --article-kicker-text-align-lg: center;
    --article-author-font: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    --article-author-text-color: #212529;
    --article-author-line-height-lg: 1.3125;
    --article-author-font-size-md: 14px;
    --article-author-line-height-md: 1.2857;
    --article-author-font-size-sm: 12px;
    --article-author-line-height-sm: 1.3333;
    --body-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --body-font-size: 17px;
    --body-line-height-lg: 1.75;
    --body-line-height-md: 1.75;
    --body-line-height-sm: 1.75;
    --article-figure-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --article-figure-caption-font-size-lg: 16px;
    --article-figure-caption-line-height-lg: 1.5;
    --article-figure-caption-font-size-md: 13px;
    --article-figure-caption-line-height-md: 1.5;
    --article-figure-caption-font-size-sm: 13px;
    --article-figure-caption-line-height-sm: 1.5;
    --article-figure-meta-color: #868e96;
    --article-figure-meta-line-height-lg: 1.4615384615;
    --article-figure-meta-line-height-sm: 1.5;
    --article-figure-meta-font-size-lg: 16px;
    --article-figure-meta-font-size-sm: 13px;
    --caption-font: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    --caption-font-weight: 700;
    --caption-color: #212529;
    --caption-1-line-height-md: 1.2;
    --caption-1-line-height-sm: 1.2;
    --caption-1-uppercase-line-height: 1.3;
    --caption-1-font-size-lg: 18px;
    --caption-1-font-size-md: 16px;
    --caption-1-font-size-sm: 14px;
    --live-ticker-btn-size: 17px;
    --live-ticker-btn-color: #d00;
    --cta-button-background-color: #d00;
    --cta-button-background-color-hover: #aa0000;
    --text-link-underline-color: #d00;
    --text-link-hover-color: #212529;
    --quotation-color: #174482;
    --quotation-background-color: #fff
}

.page-wrapper[data-tenant=sportbild], .video-centre[data-tenant=sportbild] {
    --main-tenant-color: #0a2750;
    --secondary-tenant-color: #174482;
    --secondary-tenant-color-hsl-hover: 215 70% 20%;
    --teaser-linear-gradient: linear-gradient(rgba(10 39 80 / 0%) 0%, rgba(10 39 80 / 70%) 100%);
    --text-shadow-headline: 0 2px 0 rgba(10 39 80 / 50%), 0 0 10px rgba(10 39 80 / 50%);
    --ressort-header-font: Antenna Cond, sans-serif;
    --ressort-header-color: #0a2750;
    --ressort-header-font-size-lg: 30px;
    --ressort-header-font-size-md: 28px;
    --ressort-header-font-size-sm: 24px;
    --breadcrumb-font: Inter, sans-serif;
    --breadcrumb-font-size-sm: 14px;
    --breadcrumb-font-size-lg: 11px;
    --breadcrumb-font-weight: 400;
    --breadcrumb-hover-color: #174482;
    --footnote-font: Inter, sans-serif;
    --footnote-font-size-sm: 13px;
    --footnote-line-height-sm: 1.31;
    --footnote-font-size-lg: 15px;
    --footnote-line-height-lg: 1.267;
    --teaser-title-padding-sm: 0 12px 12px;
    --teaser-title-padding-md: 0 16px 16px;
    --teaser-title-padding-lg: 0 16px 16px;
    --teaser-quad-title-padding-md: 0 24px 16px;
    --teaser-quad-title-padding-lg: 0 24px 16px;
    --teaser-mini-quad-title-padding-md: 0 12px 12px;
    --teaser-mini-quad-title-padding-lg: 0 12px 16px;
    --teaser-super-a-title-padding-lg: 0 24px 16px;
    --teaser-b-teaser-title-padding-lg: 0 16px 16px;
    --teaser-bc-teaser-title-padding-lg: 0 16px 16px;
    --teaser-double-a-teaser-title-padding-lg: 0 16px 16px;
    --teaser-a-teaser-mini-title-padding: 0 16px 12px;
    --teaser-title-align-items-overlay: flex-start;
    --teaser-title-text-align-overlay: left;
    --teaser-text-font: Inter, sans-serif;
    --teaser-text-font-size: 15px;
    --teaser-text-line-height: 1.3;
    --teaser-text-font-weight: 400;
    --kicker-font: Antenna Extra Cond, sans-serif;
    --kicker-font-style: normal;
    --kicker-background-color: #174482;
    --kicker-background-padding: 2px 5px;
    --kicker-color: #868e96;
    --kicker-0-font-size-lg: 32px;
    --kicker-0-line-height-lg: 1.1;
    --kicker-0-font-weight-lg: 700;
    --kicker-1-font-size-lg: 26px;
    --kicker-1-line-height-lg: 1.1;
    --kicker-1-font-weight-lg: 700;
    --kicker-2-font-size-lg: 22px;
    --kicker-2-line-height-lg: 1.1;
    --kicker-2-font-weight-lg: 700;
    --kicker-3-font-size-lg: 18px;
    --kicker-3-line-height-lg: 1.1;
    --kicker-3-font-weight-lg: 700;
    --kicker-3-font-size-video-fullscreen: 1.7578125vw;
    --kicker-0-font-size-md: 26px;
    --kicker-0-line-height-md: 1.1;
    --kicker-0-font-weight-md: 700;
    --kicker-1-font-size-md: 26px;
    --kicker-1-line-height-md: 1.1;
    --kicker-1-font-weight-md: 700;
    --kicker-2-font-size-md: 20px;
    --kicker-2-line-height-md: 1.1;
    --kicker-2-font-weight-md: 700;
    --kicker-3-font-size-md: 16px;
    --kicker-3-line-height-md: 1.1;
    --kicker-3-font-weight-md: 700;
    --kicker-0-font-size-sm: 20px;
    --kicker-0-line-height-sm: 1.1;
    --kicker-0-font-weight-sm: 700;
    --kicker-1-font-size-sm: 16px;
    --kicker-1-line-height-sm: 1.1;
    --kicker-1-font-weight-sm: 700;
    --kicker-2-font-size-sm: 16px;
    --kicker-2-line-height-sm: 1.1;
    --kicker-2-font-weight-sm: 700;
    --kicker-3-font-size-sm: 14px;
    --kicker-3-line-height-sm: 1.1;
    --kicker-3-font-weight-sm: 700;
    --headline-font: Antenna Extra Cond, sans-serif;
    --headline-font-style: normal;
    --headline-color: #0a2750;
    --headline-padding-lg: 0 64px;
    --headline-text-align-lg: left;
    --headline-text-padding: 2px;
    --author-headline-font-weight: 700;
    --author-headline-font-size-lg: 20px;
    --author-headline-line-height-lg: 1.3;
    --author-headline-font-size-md: 18px;
    --author-headline-line-height-md: 1.3;
    --author-headline-font-size-sm: 16px;
    --author-headline-line-height-sm: 1.3;
    --headline-1-font-size-lg: 80px;
    --headline-1-line-height-lg: 1.1;
    --headline-1-font-weight-lg: 700;
    --headline-2-font-size-lg: 50px;
    --headline-2-line-height-lg: 1.15;
    --headline-2-font-weight-lg: 700;
    --headline-3-font-size-lg: 34px;
    --headline-3-line-height-lg: 1.15;
    --headline-3-font-weight-lg: 700;
    --headline-4-font-size-lg: 26px;
    --headline-4-line-height-lg: 1.15;
    --headline-4-font-weight-lg: 700;
    --headline-4-font-size-fullscreen-video: 2.5390625vw;
    --headline-1-font-size-md: 60px;
    --headline-1-line-height-md: 1.15;
    --headline-1-font-weight-md: 700;
    --headline-2-font-size-md: 44px;
    --headline-2-line-height-md: 1.15;
    --headline-2-font-weight-md: 700;
    --headline-3-font-size-md: 30px;
    --headline-3-line-height-md: 1.15;
    --headline-3-font-weight-md: 700;
    --headline-4-font-size-md: 26px;
    --headline-4-line-height-md: 1;
    --headline-4-font-weight-md: 700;
    --headline-1-font-size-sm: 42px;
    --headline-1-line-height-sm: 1;
    --headline-1-font-weight-sm: 700;
    --headline-2-font-size-sm: 42px;
    --headline-2-line-height-sm: 1;
    --headline-2-font-weight-sm: 700;
    --headline-3-font-size-sm: 30px;
    --headline-3-line-height-sm: 1.1;
    --headline-3-font-weight-sm: 700;
    --headline-4-font-size-sm: 21px;
    --headline-4-line-height-sm: 1.1;
    --headline-4-font-weight-sm: 700;
    --sub-headline-font: Antenna Cond, sans-serif;
    --sub-headline-color: #868e96;
    --sub-headline-text-align-lg: left;
    --sub-headline-1-font-size-lg: 26px;
    --sub-headline-1-line-height-lg: 1.3;
    --sub-headline-1-font-size-md: 22px;
    --sub-headline-1-line-height-md: 1.3;
    --sub-headline-1-font-size-sm: 18px;
    --sub-headline-1-line-height-sm: 1.3;
    --sub-headline-padding-sm: 0 16px;
    --sub-headline-padding-md: 0 72px;
    --sub-headline-padding-lg: 0 64px;
    --cross-heading-color: #174482;
    --cross-heading-underline-color: #868e96;
    --news-ticker-time-font: Inter, sans-serif;
    --news-ticker-time-font-size-lg: 15px;
    --news-ticker-time-font-size-md: 13px;
    --news-ticker-time-font-size-sm: 13px;
    --news-ticker-spacing-lg: 7px;
    --footer-font: Inter, sans-serif;
    --footer-hover-color: #174482;
    --button-font: Antenna Extra Cond, sans-serif;
    --button-font-style: normal;
    --button-1-line-height: 1.2;
    --button-2-line-height: 1.2;
    --button-hover-color: #c1c4c7;
    --hey-button-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --hey-button-font-size: 16px;
    --hey-button-font-weight: 700;
    --hey-button-background-color: #fff;
    --hey-button-foreground-color: #0075ff;
    --hey-button-background-color-active: #0075ff;
    --hey-button-foreground-color-active: #fff;
    --hey-loading-indicator-color: #0075ff;
    --hey-loading-indicator-color-light: color-mix(in srgb, #0075ff 30%, transparent);
    --special-navi-font: Antenna Extra Cond, sans-serif;
    --special-navi-hover-color-text: #174482;
    --special-navi-hover-color-line: #174482;
    --countdown-card-font: Antenna Extra Cond, sans-serif;
    --countdown-label-font: Antenna Extra Cond, sans-serif;
    --countdown-card-size-sm: 40px;
    --countdown-card-size-md: 60px;
    --countdown-card-size-lg: 90px;
    --live-ticker-font: Antenna Extra Cond, sans-serif;
    --live-ticker-icon-color: #0a2750;
    --breaking-news-headline-background-color: #0a2750;
    --breaking-news-headline-font: Antenna Extra Cond, sans-serif;
    --breaking-news-headline-color-1: #ffbe00;
    --breaking-news-headline-color-2: #fff;
    --breaking-news-content-background-color: #ffbe00;
    --breaking-news-content-color: #0a2750;
    --breaking-news-content-font: Antenna Extra Cond, sans-serif;
    --breaking-news-content-font-size: 26px;
    --breaking-news-headline-1-font-size-sm: 15px;
    --breaking-news-headline-2-font-size-sm: 28px;
    --breaking-news-headline-2-font-size-md: 32px;
    --video-recommendation-teaser-title-text-align: left;
    --video-recommendation-placeholder: url("");
    --video-recommendation-content-text-font: Inter, sans-serif;
    --video-recommendation-content-text-font-size-md: 13px;
    --video-recommendation-content-text-line-height-md: 1.3077;
    --video-recommendation-content-text-font-size-lg: 15px;
    --video-recommendation-content-text-line-height-lg: 1.2666;
    --video-recommendation-content-text-font-size-fullscreen: 1.46484375vw;
    --video-banner-font-size-sm: 10px;
    --video-banner-font-size-md: 12px;
    --video-banner-font-size-lg: 14px;
    --video-banner-font-size-xl: 16px;
    --video-banner-font-size-fullscreen-video: 1.3671875vw;
    --article-kicker-text-align-lg: left;
    --article-author-font: Antenna Cond, sans-serif;
    --article-author-text-color: #868e96;
    --article-author-line-height-lg: 1.3;
    --article-author-font-size-md: 16px;
    --article-author-line-height-md: 1.3;
    --article-author-font-size-sm: 14px;
    --article-author-line-height-sm: 1.45;
    --article-author-name-color: #6d747d;
    --article-author-name-hover-color: #212529;
    --article-author-hover-color: #174482;
    --article-author-text-indent-sm: 7px;
    --article-author-text-indent-lg: 5px;
    --body-font: Inter, sans-serif;
    --body-font-size: 17px;
    --body-line-height-lg: 1.65;
    --body-line-height-sm: 1.65;
    --article-figure-font: Inter, sans-serif;
    --article-figure-caption-font-size-lg: 15px;
    --article-figure-caption-line-height-lg: 1.3;
    --article-figure-caption-font-size-md: 13px;
    --article-figure-caption-line-height-md: 1.3;
    --article-figure-caption-font-size-sm: 13px;
    --article-figure-caption-line-height-sm: 1.3;
    --article-figure-meta-color: #868e96;
    --article-figure-meta-line-height-lg: 1.2666666667;
    --article-figure-meta-line-height-sm: 1.3076923077;
    --article-figure-meta-font-size-lg: 15px;
    --article-figure-meta-font-size-sm: 13px;
    --caption-font: Antenna Cond, sans-serif;
    --caption-font-weight: 700;
    --caption-color: #868e96;
    --caption-1-line-height-md: 1.3;
    --caption-1-line-height-sm: 1.3;
    --caption-1-uppercase-line-height: 1.3;
    --caption-1-font-size-lg: 20px;
    --caption-1-font-size-md: 18px;
    --caption-1-font-size-sm: 16px;
    --live-ticker-btn-size: 15px;
    --live-ticker-btn-color: #174482;
    --cta-button-background-color: #174482;
    --cta-button-background-color-hover: rgb(15.3333333333, 45.3333333333, 86.6666666667);
    --text-link-underline-color: #174482;
    --text-link-hover-color: #174482;
    --quotation-color: #174482;
    --quotation-background-color: #fff;
    --label-font: Antenna Extra Cond, sans-serif;
    --titled-icon-font: Inter, sans-serif;
    --titled-icon-font-size-sm: 10px;
    --titled-icon-font-height-sm: 1.2;
    --titled-icon-font-height-lg: 1.25;
    --nav-btn-font-size: 18px;
    --nav-btn-line-height: 2.6666666667;
    --nav-btn-narrow-line-height: 2.3333333333;
    --nav-btn-letter-spacing: .01em;
    --nav-btn-padding: 0 16px;
    --nav-btn-color: #fff;
    --nav-btn-color-hover: #ced4da;
    --nav-btn-background-color-hover: #ced4da;
    --nav-btn-border-color: transparent;
    --nav-btn-mobile-icon-color: #e9ecef;
    --nav-btn-mobile-font-size: 18px;
    --nav-btn-mobile-line-height: 2.6666666667;
    --nav-btn-mobile-narrow-line-height: 2.3333333333;
    --nav-btn-mobile-letter-spacing: .01em;
    --nav-btn-ad-font: Inter, sans-serif;
    --nav-btn-ad-font-size: 12px;
    --nav-btn-ad-line-height: 3;
    --nav-btn-ad-title-font: Inter, sans-serif;
    --nav-btn-ad-title-font-size: 10px;
    --nav-btn-ad-title-line-height: 1.2;
    --nav-menu-back-color: #0a2750;
    --nav-menu-box-shadow-color: #0a2750;
    --nav-menu-overflow-y: auto;
    --nav-animation-duration: .3s;
    --nav-menu-width: 860px;
    --nav-menu-gap: 0;
    --nav-menu-padding: 12px 16px 0 0;
    --nav-menu-logo-padding: 8px 4px;
    --nav-fixed-menu-width: 942px;
    --nav-fixed-menu-padding-left: 10px;
    --nav-fixed-menu-line-height: 3.1111111111;
    --nav-menu-util-padding-right: 16px;
    --nav-menu-mobile-height: 72px;
    --nav-menu-mobile-back-color: rgba(10, 39, 80, .6);
    --nav-burger-menu-color: #e9ecef;
    --stage-feed-choice-chip-background-color-hover: #0a2750;
    --stage-feed-description-color: #868e96;
    --stage-feed-item-marks-color: #868e96;
    --stage-feed-item-mark-height: 20px;
    --navi-font: Antenna Extra Cond, sans-serif;
    --navi-font-style: normal;
    --navi-highlight-color: #174482;
    --skip-link-font: Antenna Extra Cond, sans-serif;
    --skip-link-font-style: italic;
    --skip-link-font-size: 15px;
    --skip-link-line-height: 1.2;
    --autoplay-toggle-font: Inter, sans-serif;
    --autoplay-toggle-font-size: 11px;
    --social-link-color: #868e96;
    --social-link-highlight-color: #174482;
    --social-link-border-color: #868e96;
    --social-link-font: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    --social-link-font-size: 14px;
    --social-link-line-height: 1.3;
    --vertical-video-gradient-colors: rgb(245 95 95 / 100%) 0%, rgb(23 68 130 / 100%) 100%;
    --tts-player-font: Antenna Extra Cond, sans-serif;
    --tts-player-font-size: 16px
}

.accordion__bar {
    cursor: pointer;
    border: none;
    background-color: #fff;
    display: flex;
    gap: 16px;
    width: 100%;
    height: 56px;
    align-items: center;
    padding: 8px 0;
    color: #495057;
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    font-weight: 700
}

.accordion__bar__toggle {
    margin-left: auto
}

.accordion__bar[aria-expanded=true] .accordion__bar__toggle {
    transform: rotate(180deg)
}

.accordion__bar:hover {
    color: var(--secondary-tenant-color)
}

.accordion__bar:hover svg path {
    fill: var(--secondary-tenant-color)
}

.accordion__content {
    padding: 24px 16px;
    color: #212529;
    background-color: #f8f9fa;
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    font-weight: 400
}

.accordion__content a {
    color: #212529
}

@media (min-width: 37.5em) {
    .accordion__content {
        padding: 24px 56px
    }
}

.nobp .accordion__content {
    padding: 24px 56px
}

.accordion svg {
    width: 24px;
    height: 24px
}

.accordion ~ .accordion {
    border-top: 1px solid #ced4da
}

.fig {
    margin: 0
}

.fig img {
    max-width: 100%
}

.fig.fig--variable a {
    display: block
}

.fig__caption {
    margin-top: 8px;
    padding: 0 16px
}

@media (min-width: 37.5em) {
    .fig__caption {
        max-width: 820px;
        margin: 12px auto 0;
        padding: 0 60px
    }
}

@media (min-width: 64em) {
    .fig__caption {
        padding: 0;
        max-width: 700px;
        margin: 16px auto 0
    }
}

.nobp .fig__caption {
    padding: 0;
    max-width: 700px;
    margin: 16px auto 0
}

@media print {
    .fig__caption {
        padding: 0
    }
}

.fig__caption__text {
    font-family: var(--article-figure-font);
    font-weight: 700;
    color: #212529;
    font-size: var(--article-figure-caption-font-size-sm);
    line-height: var(--article-figure-caption-line-height-sm)
}

@media (min-width: 37.5em) {
    .fig__caption__text {
        font-size: var(--article-figure-caption-font-size-md);
        line-height: var(--article-figure-caption-line-height-md)
    }
}

@media (min-width: 64em) {
    .fig__caption__text {
        font-size: var(--article-figure-caption-font-size-lg);
        line-height: var(--article-figure-caption-line-height-lg)
    }
}

.nobp .fig__caption__text {
    font-size: var(--article-figure-caption-font-size-lg);
    line-height: var(--article-figure-caption-line-height-lg)
}

.fig__caption__meta {
    display: flex;
    justify-content: space-between
}

.fig__caption__meta__credits, .fig__caption__meta__date {
    font-family: var(--article-figure-font);
    color: var(--article-figure-meta-color);
    font-size: var(--article-figure-meta-font-size-sm);
    line-height: var(--article-figure-meta-line-height-sm)
}

@media (min-width: 64em) {
    .fig__caption__meta__credits, .fig__caption__meta__date {
        line-height: var(--article-figure-meta-line-height-lg);
        font-size: var(--article-figure-meta-font-size-lg)
    }
}

.nobp .fig__caption__meta__credits, .nobp .fig__caption__meta__date {
    line-height: var(--article-figure-meta-line-height-lg);
    font-size: var(--article-figure-meta-font-size-lg)
}

.fig__caption__meta__credits a {
    color: #495057
}

.fig__caption__meta__date {
    margin-left: auto
}

.fig--landscape, .fig--portrait, .fig--square, .fig--embed, .fig--invalid {
    margin: 0 0 16px
}

@media (min-width: 37.5em) {
    .fig--landscape, .fig--portrait, .fig--square, .fig--embed, .fig--invalid {
        margin: 0 0 24px
    }
}

@media (min-width: 64em) {
    .fig--landscape, .fig--portrait, .fig--square, .fig--embed, .fig--invalid {
        margin: 0 0 32px
    }
}

.nobp .fig--landscape, .nobp .fig--portrait, .nobp .fig--square, .nobp .fig--embed, .nobp .fig--invalid {
    margin: 0 0 32px
}

@media (min-width: 37.5em) {
    .fig--landscape, .fig--embed, .fig--invalid {
        padding: 0 12px
    }
}

@media (min-width: 64em) {
    .fig--landscape, .fig--embed, .fig--invalid {
        padding: 0 16px
    }
}

.nobp .fig--landscape, .nobp .fig--embed, .nobp .fig--invalid {
    padding: 0 16px
}

@media (min-width: 37.5em) {
    .fig--portrait, .fig--square {
        padding: 0 72px
    }
}

@media (min-width: 64em) {
    .fig--portrait, .fig--square {
        padding: 0 162px
    }
}

.nobp .fig--portrait, .nobp .fig--square {
    padding: 0 162px
}

@media (min-width: 37.5em) {
    .fig--portrait .fig__caption, .fig--square .fig__caption {
        padding: 0;
        max-width: 700px
    }
}

.fig--video {
    margin: 0
}

@media (min-width: 37.5em) {
    .fig--video {
        margin: 0;
        padding: 0
    }
}

.nobp .fig--video {
    margin: 0;
    padding: 0
}

.fig--related-topics {
    position: relative;
    float: left;
    margin-right: 16px
}

.article-body .fig--landscape, .article-body .fig--embed, .article-body .fig--invalid {
    display: flow-root
}

.article-body .fig--landscape {
    margin: 0 -16px 16px
}

@media (min-width: 37.5em) {
    .article-body .fig--landscape {
        margin: 0 -60px 24px
    }
}

@media (min-width: 64em) {
    .article-body .fig--landscape {
        margin: 0 -146px 32px
    }
}

.nobp .article-body .fig--landscape {
    margin: 0 -146px 32px
}

@media (min-width: 37.5em) {
    .article-body .fig--landscape {
        padding: 0
    }
}

.nobp .article-body .fig--landscape {
    padding: 0
}

@media (min-width: 37.5em) {
    .article-body .fig--portrait, .article-body .fig--square, .article-body .fig--embed, .article-body .fig--invalid {
        padding: 0
    }
}

.nobp .article-body .fig--portrait, .nobp .article-body .fig--square, .nobp .article-body .fig--embed, .nobp .article-body .fig--invalid {
    padding: 0
}

.article-body .fig .fig--video {
    margin: 0
}

@media (min-width: 37.5em) {
    .article-body .fig .fig--video {
        margin: 0
    }
}

.nobp .article-body .fig .fig--video, .article-body .textbox .fig--landscape {
    margin: 0
}

.btn {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-family: var(--button-font);
    font-weight: 700;
    font-size: 19px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #495057;
    background-color: #e9ecef;
    transition: color ease-in-out .25s, background-color ease-in-out .25s, opacity ease-in-out .25s;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    padding: 0 16px;
    gap: 10px
}

.btn *, .btn *:before, .btn *:after {
    box-sizing: inherit;
    margin: 0
}

.btn > * {
    pointer-events: none
}

.btn__icon {
    padding: 12px 0
}

.btn__icon svg {
    display: block;
    margin: auto;
    height: 24px;
    width: 24px
}

.btn--reverse {
    flex-direction: row-reverse
}

@media (hover: hover) and (pointer: fine) {
    .btn:hover, .btn:active, .btn:focus-visible {
        background-color: #cbd3da
    }
}

.btn--cta {
    color: #fff;
    background-color: var(--cta-button-background-color)
}

.btn--cta .btn__icon svg path {
    fill: #fff
}

@media (hover: hover) and (pointer: fine) {
    .btn--cta:hover, .btn--cta:active, .btn--cta:focus-visible {
        background-color: var(--cta-button-background-color-hover)
    }
}

.btn--cta-green {
    color: #fff;
    background-color: #00c373
}

.btn--cta-green:hover, .btn--cta-green:active {
    background-color: #009b5a
}

.btn--cta-ad {
    color: #212529;
    background-color: #ffbe00;
    text-transform: unset
}

.btn--cta-ad:hover, .btn--cta-ad:active {
    background-color: #cc9800
}

.btn--text {
    background-color: #fff0;
    color: #495057
}

@media (hover: hover) and (pointer: fine) {
    .btn--text:hover, .btn--text:active, .btn--text:focus-visible {
        background-color: #ced4da80
    }
}

.btn--inverted {
    color: #ced4da;
    background: transparent;
    border: 2px solid #495057
}

@media (hover: hover) and (pointer: fine) {
    .btn--inverted:hover, .btn--inverted:active, .btn--inverted:focus-visible {
        color: #f8f9fa;
        background-color: #1d2124
    }
}

.btn--narrow {
    height: 36px;
    font-size: 15px;
    gap: 8px
}

.btn--narrow .btn__icon {
    padding: 6px 0
}

.btn.btn--hidden-text {
    gap: 8px
}

.btn.btn--hidden-text .btn__icon {
    padding: 12px 0
}

.btn.btn--hidden-text .btn__icon ~ .btn__text {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.btn--live-ticker {
    color: var(--live-ticker-btn-color);
    background: transparent;
    border: 2px solid #ced4da
}

.btn--live-ticker svg {
    fill: var(--live-ticker-btn-color)
}

.btn--live-ticker[disabled] {
    color: #868e96;
    cursor: default
}

.btn--live-ticker[disabled] .btn__icon svg path {
    fill: #868e96
}

@media (hover: hover) and (pointer: fine) {
    .btn--live-ticker:hover, .btn--live-ticker:active, .btn--live-ticker:focus-visible {
        background-color: transparent
    }
}

.btn--slider-left .btn__icon svg {
    transform: rotate(90deg)
}

.btn--slider-right .btn__icon svg {
    transform: rotate(-90deg)
}

.btn--slider-left, .btn--slider-right {
    border-radius: 0;
    background-color: #fff;
    padding: 0
}

.btn--slider-left .btn__icon, .btn--slider-right .btn__icon {
    padding: 12px
}

.btn--slider-left .btn__icon svg path, .btn--slider-right .btn__icon svg path {
    fill: #212529;
    transition: fill ease-in-out .25s
}

.btn--slider-left .btn__text, .btn--slider-right .btn__text {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

@media (hover: hover) and (pointer: fine) {
    .btn--slider-left:hover, .btn--slider-left:active, .btn--slider-left:focus-visible, .btn--slider-right:hover, .btn--slider-right:active, .btn--slider-right:focus-visible {
        background-color: var(--main-tenant-color)
    }

    .btn--slider-left:hover .btn__icon svg path, .btn--slider-left:active .btn__icon svg path, .btn--slider-left:focus-visible .btn__icon svg path, .btn--slider-right:hover .btn__icon svg path, .btn--slider-right:active .btn__icon svg path, .btn--slider-right:focus-visible .btn__icon svg path {
        fill: #fff
    }
}

.btn--menu.btn {
    position: relative;
    background-color: transparent;
    height: 56px;
    width: 56px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    z-index: 8300;
    flex-basis: auto;
    margin: 8px 0;
    padding: 0
}

.btn--menu.btn svg {
    width: 18px;
    height: 18px
}

.btn--menu:focus-visible {
    outline-offset: 4px;
    border-radius: 0
}

.btn--menu:focus-visible:before {
    content: none
}

.btn--menu .burger-icon-group__path {
    fill: var(--nav-burger-menu-color);
    transition: transform .4s ease-out, opacity .3s ease-out
}

.btn--menu .burger-icon-group__path--top {
    transform-origin: 4px 4px
}

.btn--menu .burger-icon-group__path--bottom {
    transform-origin: 2px 8px
}

.btn--menu-active:before {
    display: none
}

.btn--menu-active .burger-icon-group__path {
    fill: #fff
}

.btn--menu-active .burger-icon-group__path--top {
    transform: rotate(45deg)
}

.btn--menu-active .burger-icon-group__path--middle {
    opacity: 0
}

.btn--menu-active .burger-icon-group__path--bottom {
    transform: rotate(-45deg)
}

@media (min-width: 64em) {
    .btn--menu.btn {
        display: none
    }
}

.nobp .btn--menu.btn {
    display: none
}

.nav_btn {
    display: flex;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--label-font);
    color: #495057;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0;
    cursor: pointer
}

.nav_btn:focus-visible {
    outline-offset: 4px
}

.nav_btn__icon {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: auto
}

.nav_btn__icon svg, .nav_btn__icon img {
    display: block
}

.nav_btn__text {
    white-space: nowrap
}

.nav_btn--text-hidden .nav_btn__text {
    display: none
}

.nav_btn--text-bold {
    font-weight: 700
}

.nav_btn--type-btn, .nav_btn--type-icon {
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    height: 48px
}

.nav_btn--type-btn .nav_btn__icon, .nav_btn--type-icon .nav_btn__icon {
    height: 24px;
    min-width: 24px
}

.nav_btn--type-btn .nav_btn__text, .nav_btn--type-icon .nav_btn__text {
    line-height: 1.2;
    font-size: 12px;
    font-weight: 700
}

.nav_btn--type-btn.nav_btn--single-child, .nav_btn--type-btn.nav_btn--text-hidden, .nav_btn--type-icon.nav_btn--single-child, .nav_btn--type-icon.nav_btn--text-hidden {
    justify-content: space-around;
    height: 56px;
    min-width: 56px
}

.nav_btn--type-tile {
    flex-flow: column nowrap;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--nav-btn-border-color);
    will-change: border-color;
    height: 84px;
    width: 84px
}

.nav_btn--type-tile.active, .nav_btn--type-tile:hover, .nav_btn--type-tile:active, .nav_btn--type-tile:focus {
    border-color: var(--nav-btn-background-color-hover)
}

.nav_btn--type-tile .nav_btn__icon {
    flex-grow: 1;
    flex-shrink: 1
}

.nav_btn--type-tile svg {
    max-height: 100%;
    max-width: 100%
}

.nav_btn--type-tile .nav_btn__text {
    flex-grow: 0;
    flex-shrink: 0;
    padding-top: 4px;
    line-height: 1.25;
    font-size: 12px;
    color: var(--nav-btn-color)
}

.nav_btn--type-tile.nav_btn--text-hidden {
    justify-content: space-around;
    height: 56px;
    width: 56px
}

.nav_btn--type-main .nav_btn__icon {
    height: 48px;
    padding: 0 12px 0 16px
}

.nav_btn--type-main .nav_btn__text {
    font-size: var(--nav-btn-mobile-font-size);
    line-height: var(--nav-btn-mobile-line-height);
    letter-spacing: var(--nav-btn-mobile-letter-spacing)
}

.nav_btn--type-main:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px #0060cb
}

.nav_btn--type-main:focus-visible:after {
    content: none
}

.nav_btn--type-list {
    padding-left: 16px
}

.nav_btn--type-list .nav_btn__icon {
    height: 48px;
    padding: 0 12px 0 16px
}

.nav_btn--type-list .nav_btn__text {
    font-size: var(--nav-btn-mobile-font-size);
    line-height: var(--nav-btn-mobile-line-height);
    letter-spacing: var(--nav-btn-mobile-letter-spacing)
}

.nav_btn--type-list:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px #0060cb
}

.nav_btn--type-list:focus-visible:after {
    content: none
}

.nav_btn--type-ad-list {
    text-transform: none;
    padding-left: 16px
}

.nav_btn--type-ad-list .nav_btn__icon {
    height: 48px;
    padding: 0 12px 0 16px
}

.nav_btn--type-ad-list .nav_btn__text {
    font-size: var(--nav-btn-mobile-font-size);
    line-height: var(--nav-btn-mobile-line-height);
    letter-spacing: var(--nav-btn-mobile-letter-spacing)
}

.nav_btn--type-ad-list:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px #0060cb
}

.nav_btn--type-ad-list:focus-visible:after {
    content: none
}

.nav_btn--type-ad-list:after {
    content: none
}

.nav_btn--type-ad-list .nav_btn__text {
    font-size: 17px;
    line-height: 2.1176470588
}

.nav_btn--type-util {
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    justify-content: space-around;
    height: 56px;
    min-width: 56px
}

.nav_btn--type-util .nav_btn__icon {
    height: 24px;
    min-width: 24px
}

.nav_btn--type-util .nav_btn__text {
    line-height: 1.2;
    font-size: 12px;
    font-weight: 700
}

.nav_btn--type-util.nav_btn--single-child, .nav_btn--type-util.nav_btn--text-hidden {
    justify-content: space-around;
    height: 56px;
    min-width: 56px
}

.nav_btn--type-util .nav_btn__text {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

@media (min-width: 0) and (max-width: 63.9375em) {
    .nav_btn--type-btn {
        height: 36px;
        margin-top: 10px;
        flex-flow: row;
        padding: 0 10px 0 8px;
        border-radius: 8px;
        border: 2px solid var(--nav-btn-border-color)
    }

    .nav_btn--type-btn .nav_btn__text {
        line-height: 2.1176470588;
        font-size: 17px;
        padding-left: 8px;
        letter-spacing: var(--nav-btn-mobile-letter-spacing);
        color: var(--nav-btn-color)
    }

    .nav_btn--type-btn .nav_btn__icon svg path {
        fill: var(--nav-btn-mobile-icon-color)
    }
}

@media (min-width: 64em) {
    .nav_btn--type-list {
        color: var(--nav-btn-color)
    }

    .nav_btn--type-list .nav_btn__text {
        font-size: var(--nav-btn-font-size);
        line-height: var(--nav-btn-line-height);
        letter-spacing: var(--nav-btn-letter-spacing)
    }

    .nav_btn--type-list.active, .nav_btn--type-list:hover, .nav_btn--type-list:active {
        color: var(--nav-btn-color-hover)
    }

    .nav_btn--type-list.active:after, .nav_btn--type-list:hover:after, .nav_btn--type-list:active:after {
        background-color: var(--nav-btn-background-color-hover)
    }

    .nav_btn--type-list:focus-visible {
        outline: none;
        box-shadow: inset 0 0 0 2px #0060cb
    }

    .nav_btn--type-list:focus-visible:after {
        content: none
    }

    .nav_btn--type-main {
        justify-content: center;
        color: var(--nav-btn-color)
    }

    .nav_btn--type-main:after {
        content: none
    }

    .nav_btn--type-main.active, .nav_btn--type-main:hover, .nav_btn--type-main:active {
        color: var(--nav-btn-color-hover)
    }

    .nav_btn--type-main.active .nav_btn__text:after, .nav_btn--type-main:hover .nav_btn__text:after, .nav_btn--type-main:active .nav_btn__text:after {
        background-color: var(--nav-btn-background-color-hover)
    }

    .nav_btn--type-main .nav_btn__text {
        font-size: var(--nav-btn-font-size);
        line-height: var(--nav-btn-line-height);
        letter-spacing: var(--nav-btn-letter-spacing);
        height: 48px;
        position: relative
    }

    .nav_btn--type-main .nav_btn__text:after {
        content: "";
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        will-change: background-color
    }

    .nav_btn--type-main .nav_btn__icon {
        display: none
    }

    .nav_btn--type-ad-list {
        font-family: var(--nav-btn-ad-font);
        color: var(--nav-btn-color)
    }

    .nav_btn--type-ad-list .nav_btn__text {
        font-size: var(--nav-btn-ad-font-size);
        line-height: var(--nav-btn-ad-line-height)
    }

    .nav_btn--type-ad-list.active, .nav_btn--type-ad-list:hover, .nav_btn--type-ad-list:active {
        color: var(--nav-btn-color-hover)
    }

    .nav_btn--type-ad-list:focus-visible {
        outline: none;
        box-shadow: inset 0 0 0 2px #0060cb
    }

    .nav_btn--type-ad-list:focus-visible:after {
        content: none
    }

    .nav_btn--type-util, .nav_btn--type-btn {
        justify-content: space-between;
        height: 48px;
        min-width: auto
    }

    .nav_btn--type-util:hover svg:not(.preserve-color) path, .nav_btn--type-util:active svg:not(.preserve-color) path, .nav_btn--type-util:focus svg:not(.preserve-color) path, .nav_btn--type-btn:hover svg:not(.preserve-color) path, .nav_btn--type-btn:active svg:not(.preserve-color) path, .nav_btn--type-btn:focus svg:not(.preserve-color) path {
        fill: var(--secondary-tenant-color)
    }

    .nav_btn--type-util .nav_btn__text, .nav_btn--type-btn .nav_btn__text {
        position: static;
        clip-path: none;
        width: auto;
        height: auto;
        overflow: visible;
        white-space: normal
    }
}

.nobp .nav_btn--type-list {
    color: var(--nav-btn-color)
}

.nobp .nav_btn--type-list .nav_btn__text {
    font-size: var(--nav-btn-font-size);
    line-height: var(--nav-btn-line-height);
    letter-spacing: var(--nav-btn-letter-spacing)
}

.nobp .nav_btn--type-list.active, .nobp .nav_btn--type-list:hover, .nobp .nav_btn--type-list:active {
    color: var(--nav-btn-color-hover)
}

.nobp .nav_btn--type-list.active:after, .nobp .nav_btn--type-list:hover:after, .nobp .nav_btn--type-list:active:after {
    background-color: var(--nav-btn-background-color-hover)
}

.nobp .nav_btn--type-list:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px #0060cb
}

.nobp .nav_btn--type-list:focus-visible:after {
    content: none
}

.nobp .nav_btn--type-main {
    justify-content: center;
    color: var(--nav-btn-color)
}

.nobp .nav_btn--type-main:after {
    content: none
}

.nobp .nav_btn--type-main.active, .nobp .nav_btn--type-main:hover, .nobp .nav_btn--type-main:active {
    color: var(--nav-btn-color-hover)
}

.nobp .nav_btn--type-main.active .nav_btn__text:after, .nobp .nav_btn--type-main:hover .nav_btn__text:after, .nobp .nav_btn--type-main:active .nav_btn__text:after {
    background-color: var(--nav-btn-background-color-hover)
}

.nobp .nav_btn--type-main .nav_btn__text {
    font-size: var(--nav-btn-font-size);
    line-height: var(--nav-btn-line-height);
    letter-spacing: var(--nav-btn-letter-spacing);
    height: 48px;
    position: relative
}

.nobp .nav_btn--type-main .nav_btn__text:after {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    will-change: background-color
}

.nobp .nav_btn--type-main .nav_btn__icon {
    display: none
}

.nobp .nav_btn--type-ad-list {
    font-family: var(--nav-btn-ad-font);
    color: var(--nav-btn-color)
}

.nobp .nav_btn--type-ad-list .nav_btn__text {
    font-size: var(--nav-btn-ad-font-size);
    line-height: var(--nav-btn-ad-line-height)
}

.nobp .nav_btn--type-ad-list.active, .nobp .nav_btn--type-ad-list:hover, .nobp .nav_btn--type-ad-list:active {
    color: var(--nav-btn-color-hover)
}

.nobp .nav_btn--type-ad-list:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px #0060cb
}

.nobp .nav_btn--type-ad-list:focus-visible:after {
    content: none
}

.nobp .nav_btn--type-util, .nobp .nav_btn--type-btn {
    justify-content: space-between;
    height: 48px;
    min-width: auto
}

.nobp .nav_btn--type-util:hover svg:not(.preserve-color) path, .nobp .nav_btn--type-util:active svg:not(.preserve-color) path, .nobp .nav_btn--type-util:focus svg:not(.preserve-color) path, .nobp .nav_btn--type-btn:hover svg:not(.preserve-color) path, .nobp .nav_btn--type-btn:active svg:not(.preserve-color) path, .nobp .nav_btn--type-btn:focus svg:not(.preserve-color) path {
    fill: var(--secondary-tenant-color)
}

.nobp .nav_btn--type-util .nav_btn__text, .nobp .nav_btn--type-btn .nav_btn__text {
    position: static;
    clip-path: none;
    width: auto;
    height: auto;
    overflow: visible;
    white-space: normal
}

.link-banner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 0 16px 8px;
    border-radius: 4px;
    gap: 4px
}

.link-banner__text {
    text-transform: uppercase;
    font-family: var(--label-font);
    font-weight: 700;
    line-height: var(--nav-btn-mobile-narrow-line-height);
    font-size: var(--nav-btn-mobile-font-size);
    letter-spacing: var(--nav-btn-mobile-letter-spacing)
}

.link-banner--default {
    background-color: #fff;
    color: #495057
}

.link-banner--bildplus {
    background-color: #212529;
    color: #fff
}

.nav-list {
    display: flex;
    padding: 0;
    margin: 0
}

.nav-list li {
    position: relative;
    list-style-type: none
}

.nav-list li[data-position=centered] {
    margin: auto
}

.nav-list--vertical {
    flex-flow: column nowrap
}

.nav-list--vertical > li:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 16px;
    right: 0;
    bottom: 0;
    background-color: var(--nav-btn-border-color);
    will-change: background-color
}

.nav-list--horizontal {
    flex-flow: row nowrap;
    justify-content: space-between
}

.nav-list--grid {
    flex-flow: row wrap;
    margin: -4px;
    padding: 16px
}

.nav-list--grid li {
    padding: 4px
}

.nav-list--main {
    flex-flow: column nowrap
}

.nav-list--main > li:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 16px;
    right: 0;
    bottom: 0;
    background-color: var(--nav-btn-border-color);
    will-change: background-color
}

.nav-list--util-menu, .nav-list--util-nav {
    flex-flow: row nowrap;
    justify-content: flex-end;
    flex-grow: 1;
    padding: 8px 0
}

@media (min-width: 0) and (max-width: 63.9375em) {
    .nav-list--main:not(.nav-list--main--mobile) .nav_btn__text {
        padding-left: 16px
    }
}

@media (min-width: 64em) {
    .nav-list--main {
        flex-flow: row nowrap;
        justify-content: space-between
    }

    .nav-list--main li {
        flex-grow: 2
    }

    .nav-list--main li:first-child, .nav-list--main li:last-child {
        flex-grow: 1
    }

    .nav-list--main li:first-child .nav_btn {
        justify-content: flex-start
    }

    .nav-list--main li:last-child .nav_btn {
        justify-content: flex-end
    }

    .nav-list--main li:after {
        content: none
    }

    .nav-list--main .nav_btn__text {
        padding: var(--nav-btn-padding)
    }

    .nav-list--util-menu, .nav-list--util-nav {
        padding: 0
    }

    .nav-list--util-menu li:nth-child(2), .nav-list--util-nav li:nth-child(2) {
        padding-right: 32px;
        border-right: 1px solid #e9ecef
    }

    .nav-list--util-menu li:not(:first-child), .nav-list--util-nav li:not(:first-child) {
        margin-left: 32px
    }
}

.nobp .nav-list--main {
    flex-flow: row nowrap;
    justify-content: space-between
}

.nobp .nav-list--main li {
    flex-grow: 2
}

.nobp .nav-list--main li:first-child, .nobp .nav-list--main li:last-child {
    flex-grow: 1
}

.nobp .nav-list--main li:first-child .nav_btn {
    justify-content: flex-start
}

.nobp .nav-list--main li:last-child .nav_btn {
    justify-content: flex-end
}

.nobp .nav-list--main li:after {
    content: none
}

.nobp .nav-list--main .nav_btn__text {
    padding: var(--nav-btn-padding)
}

.nobp .nav-list--util-menu, .nobp .nav-list--util-nav {
    padding: 0
}

.nobp .nav-list--util-menu li:nth-child(2), .nobp .nav-list--util-nav li:nth-child(2) {
    padding-right: 32px;
    border-right: 1px solid #e9ecef
}

.nobp .nav-list--util-menu li:not(:first-child), .nobp .nav-list--util-nav li:not(:first-child) {
    margin-left: 32px
}

@media (hover: hover) and (pointer: fine) {
    .nav_btn--bild-hey:hover svg path:nth-of-type(3), .nav_btn--bild-hey:active svg path:nth-of-type(3), .nav_btn--bild-hey:focus-visible svg path:nth-of-type(3) {
        fill: var(--nav-btn-background-color-hover)
    }
}

.nav_btn--bild-hey:focus svg path:nth-of-type(3) {
    fill: var(--nav-btn-background-color-hover)
}

.fade-enter-active, .fade-leave-active {
    transition: opacity var(--nav-animation-duration) ease-out
}

.nav_btn--bild-live {
    flex-flow: row nowrap
}

.nav_btn--bild-live .nav_btn__text {
    display: inline-block;
    margin-left: 4px;
    position: static;
    clip-path: none;
    width: auto;
    height: auto;
    overflow: visible;
    white-space: normal
}

@media (min-width: 64em) {
    .nav_btn--bild-live {
        flex-flow: column nowrap
    }

    .nav_btn--bild-live .nav_btn__text {
        margin: 0
    }
}

.nobp .nav_btn--bild-live {
    flex-flow: column nowrap
}

.nobp .nav_btn--bild-live .nav_btn__text {
    margin: 0
}

.nav-list--util-nav--mobile .nav_btn--bild-live .nav_btn__text {
    color: var(--nav-burger-menu-color)
}

@media (min-width: 64em) {
    .nav-list--util-nav--mobile .nav_btn--bild-live .nav_btn__text {
        color: #495057
    }
}

.nobp .nav-list--util-nav--mobile .nav_btn--bild-live .nav_btn__text {
    color: #495057
}

.mobile-menu-header {
    width: 100%;
    position: sticky;
    height: 112px;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 8200
}

.mobile-menu-header__wrapper {
    display: flex;
    justify-content: space-between;
    will-change: padding-top, padding-bottom;
    background-color: var(--nav-menu-back-color);
    pointer-events: initial;
    box-shadow: inset 0 -1px #ced4da
}

.mobile-menu-header__wrapper .nav_btn--type-util .nav_btn__icon svg path {
    fill: var(--nav-btn-mobile-icon-color)
}

.mobile-menu-header__logo {
    padding: var(--nav-menu-logo-padding)
}

.mobile-menu-header__logo svg {
    display: block
}

.mobile-menu-header__logo a {
    display: block
}

.mobile-menu-header__logo a:focus {
    outline-offset: 4px
}

@media (min-width: 64em) {
    .mobile-menu-header {
        display: none
    }
}

.nobp .mobile-menu-header {
    display: none
}

.mobile-menu {
    position: fixed;
    inset: 0 100vw 0 -100vw;
    height: 100vh;
    background-color: var(--nav-menu-mobile-back-color);
    opacity: 0;
    will-change: opacity;
    transform: translateZ(0);
    transition: opacity .4s ease-out, transform 0s .4s
}

.mobile-menu__wrapper {
    width: calc(100% - 56px);
    max-width: 400px;
    height: 100vh;
    position: relative;
    padding-bottom: 96px;
    overflow-y: auto;
    background-color: #fff;
    will-change: transform;
    transform: translate3d(-400px, 0, 0);
    transition: transform .4s ease-out;
    transform-origin: left top;
    -webkit-overflow-scrolling: touch;
    visibility: hidden
}

.mobile-menu__services {
    background-color: #f8f9fa
}

.mobile-menu__services .nav_btn--type-list {
    padding-left: 0
}

.mobile-menu.no-animation {
    transition: none;
    transform: none
}

.mobile-menu--active {
    opacity: 1;
    transform: translate3d(100vw, 0, 0);
    transition: opacity .4s ease-out;
    z-index: 8100
}

.mobile-menu--active .mobile-menu__wrapper {
    transform: translateZ(0);
    visibility: visible
}

@media (min-width: 64em) {
    .mobile-menu {
        height: auto;
        position: static;
        background-color: transparent;
        opacity: 1;
        transform: none
    }

    .mobile-menu__wrapper {
        width: auto;
        max-width: none;
        height: auto;
        overflow-y: var(--nav-menu-overflow-y);
        background-color: var(--nav-menu-back-color);
        transform: none;
        padding-bottom: 0;
        visibility: visible;
        scrollbar-width: none
    }

    .mobile-menu__wrapper::-webkit-scrollbar {
        display: none
    }
}

.nobp .mobile-menu {
    height: auto;
    position: static;
    background-color: transparent;
    opacity: 1;
    transform: none
}

.nobp .mobile-menu__wrapper {
    width: auto;
    max-width: none;
    height: auto;
    overflow-y: var(--nav-menu-overflow-y);
    background-color: var(--nav-menu-back-color);
    transform: none;
    padding-bottom: 0;
    visibility: visible;
    scrollbar-width: none
}

.nobp .mobile-menu__wrapper::-webkit-scrollbar {
    display: none
}

.submenu-grid {
    overflow: hidden
}

.submenu-grid--ad:before {
    content: attr(data-ad-mark);
    display: block;
    font-family: Arial Narrow, Arial Nova, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    color: #868e96;
    text-transform: uppercase;
    padding-left: 1px;
    width: 100%;
    margin: 4px
}

.submenu-grid__wrapper:last-child .submenu-ruler {
    display: none
}

.submenu-ruler {
    background-color: #ced4da;
    height: 1px;
    border: 0 solid transparent;
    margin: 0 16px
}

.submenu-list--ad {
    margin-bottom: 16px
}

.submenu-list--ad li:after {
    content: none
}

.submenu-list--ad:before {
    content: attr(data-ad-mark);
    display: block;
    font-family: var(--nav-btn-ad-title-font);
    font-weight: 400;
    font-size: var(--nav-btn-ad-title-font-size);
    line-height: var(--nav-btn-ad-title-line-height);
    color: #868e96;
    text-transform: uppercase;
    padding-left: 16px;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px
}

.submenu-list:last-child li:last-child:after {
    content: none
}

.submenu-content {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
    transition: opacity .25s ease-in-out
}

.submenu-content.active {
    opacity: 1;
    pointer-events: auto
}

.submenu-content__left, .submenu-content__main {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.submenu-content__left + .submenu-content__main {
    box-shadow: inset 1px 0 #ced4da;
    justify-content: flex-start
}

.submenu-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0
}

.submenu {
    visibility: hidden;
    background-color: var(--nav-menu-back-color);
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 4px #21252940;
    border-radius: 0 0 4px 4px;
    pointer-events: none;
    transform: translate(-50%);
    transform-origin: top;
    opacity: 0;
    will-change: opacity, visibility, left, height, width;
    transition: visibility 0s ease-in-out .25s, left .25s ease-in-out, height .25s ease-in-out, width .25s ease-in-out
}

.submenu.active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

.submenu__inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.navi {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    width: 100%;
    position: relative
}

.navi__links__utils svg {
    height: 24px
}

@media (min-width: 64em) {
    .navi {
        width: var(--nav-menu-width);
        will-change: width;
        transition: width var(--nav-animation-duration) ease-out;
        transform-origin: left top;
        display: block
    }

    .navi__links__main {
        box-shadow: inset 0 1px 0 var(--nav-menu-box-shadow-color), inset 0 -1px 0 var(--nav-menu-box-shadow-color)
    }

    .navi__links__main li span {
        will-change: line-height, height;
        transition: line-height var(--nav-animation-duration) ease-out, height var(--nav-animation-duration) ease-out;
        transform-origin: left top
    }

    .navi__links__utils {
        align-items: center;
        height: 100px;
        will-change: opacity, height, transform;
        transition: opacity var(--nav-animation-duration) ease-out, height var(--nav-animation-duration) ease-out, transform var(--nav-animation-duration) ease-out;
        transform-origin: left top;
        padding-right: var(--nav-menu-util-padding-right)
    }
}

.nobp .navi {
    width: var(--nav-menu-width);
    will-change: width;
    transition: width var(--nav-animation-duration) ease-out;
    transform-origin: left top;
    display: block
}

.nobp .navi__links__main {
    box-shadow: inset 0 1px 0 var(--nav-menu-box-shadow-color), inset 0 -1px 0 var(--nav-menu-box-shadow-color)
}

.nobp .navi__links__main li span {
    will-change: line-height, height;
    transition: line-height var(--nav-animation-duration) ease-out, height var(--nav-animation-duration) ease-out;
    transform-origin: left top
}

.nobp .navi__links__utils {
    align-items: center;
    height: 100px;
    will-change: opacity, height, transform;
    transition: opacity var(--nav-animation-duration) ease-out, height var(--nav-animation-duration) ease-out, transform var(--nav-animation-duration) ease-out;
    transform-origin: left top;
    padding-right: var(--nav-menu-util-padding-right)
}

.anchor__btn {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-family: var(--button-font);
    font-style: var(--button-font-style);
    font-weight: 700;
    font-size: 19px;
    line-height: var(--button-1-line-height);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .03em;
    color: #495057;
    background-color: #e9ecef;
    transition: color ease-in-out .25s, background-color ease-in-out .25s, border ease-in-out .25s;
    padding: 0 16px
}

.anchor__btn *, .anchor__btn *:before, .anchor__btn *:after {
    box-sizing: inherit;
    margin: 0
}

.anchor__btn > * {
    pointer-events: none
}

.anchor__btn:hover, .anchor__btn:active {
    background-color: #cbd3da
}

.anchor__btn__icon {
    padding: 12px 8px 12px 0
}

.anchor__btn__icon svg {
    display: block;
    margin: auto;
    height: 24px;
    width: 24px
}

.anchor__btn--cta {
    color: #fff;
    background-color: var(--cta-button-background-color)
}

.anchor__btn--cta:hover, .anchor__btn--cta:active {
    background-color: var(--cta-button-background-color-hover)
}

.anchor__btn--cta-green {
    color: #fff;
    background-color: #00c373
}

.anchor__btn--cta-green:hover, .anchor__btn--cta-green:active {
    background-color: #009b5a
}

.anchor__btn--text {
    background-color: #fff0;
    color: #495057
}

.anchor__btn--text:hover, .anchor__btn--text:active {
    background-color: #ced4da80
}

.anchor__btn--mtl {
    font-weight: 400;
    font-size: 16px;
    color: #212529;
    letter-spacing: normal;
    text-transform: none;
    background: transparent;
    border: 2px solid #ced4da;
    padding: 0 7px
}

.anchor__btn--mtl:hover, .anchor__btn--mtl:active, .anchor__btn--mtl:focus {
    background-color: #eff1f3;
    border: 2px solid #212529
}

.anchor__btn--mtl:focus-visible {
    outline-offset: 4px
}

.anchor__btn--narrow {
    height: 36px;
    font-size: 15px
}

.anchor__btn--narrow .anchor__btn__icon {
    padding: 6px 8px 6px 0
}

.anchor__btn.anchor__btn--hidden-text .anchor__btn__text {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.anchor__btn.anchor__btn--hidden-text .anchor__btn__icon, .anchor__btn.anchor__btn--hidden-text.anchor__btn--narrow .anchor__btn__icon {
    padding: 0
}

.hey-search-bar {
    display: flex;
    width: 100%;
    justify-content: left;
    align-items: center;
    border-top: 1px solid #e9ecef
}

.hey-search-bar__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px 0 8px;
    flex-shrink: 0
}

.nobp .hey-search-bar__icon {
    position: static;
    top: auto;
    right: auto;
    margin: 0 16px 0 0
}

.hey-search-bar__prompt {
    display: flex;
    gap: 4px;
    width: 100%;
    height: 40px;
    border: 2px solid #ced4da;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 6px 6px 6px 10px;
    margin: 5px 0;
    background-color: #fff
}

.hey-search-bar__prompt:focus-within, .hey-search-bar__prompt:hover {
    border: 2px solid #495057
}

.hey-search-bar__prompt__input {
    width: 100%;
    flex-grow: 1;
    outline: none;
    border: none;
    padding: 0;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-weight: 325;
    font-size: 16px;
    line-height: 1.3;
    color: #212529;
    text-overflow: ellipsis
}

.hey-search-bar__prompt__send {
    flex-shrink: 0;
    background-color: transparent;
    padding: 0;
    border: 0
}

.hey-search-bar__prompt__send--active {
    cursor: pointer;
    pointer-events: auto
}

.hey-search-bar__prompt__send--active > svg path {
    fill: #fff
}

.hey-search-bar__prompt__send--active > svg rect {
    fill: #d00
}

.hey-search-bar__close {
    cursor: pointer;
    padding: 0 16px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none
}

.hey-search-bar__close path {
    fill: #495057
}

@media (hover: hover) and (pointer: fine) {
    .hey-search-bar__close:hover path, .hey-search-bar__close:active path, .hey-search-bar__close:focus-visible path {
        fill: #d00
    }
}

.hey-search-bar__close:focus path {
    fill: #d00
}

@media (min-width: 64em) {
    .hey-search-bar {
        border-top: none
    }

    .hey-search-bar__icon {
        justify-content: flex-start;
        align-items: center;
        height: 40px;
        cursor: pointer
    }
}

.nobp .hey-search-bar {
    border-top: none
}

.nobp .hey-search-bar__icon {
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    cursor: pointer
}

@media (min-width: 64em) {
    .page-header:not(.page-header--fixed) .hey-search-bar {
        box-shadow: 0 8px 10px -8px #00000040
    }
}

.nobp .page-header:not(.page-header--fixed) .hey-search-bar {
    box-shadow: 0 8px 10px -8px #00000040
}

.promotion-banner {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center
}

.promotion-banner--hidden-on-intersect {
    display: none
}

.promotion-banner__image--mobile {
    height: 72px;
    object-fit: cover;
    object-position: center
}

.promotion-banner__image--desktop {
    width: 992px;
    height: auto
}

.promotion-banner__link {
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.promotion-banner__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer;
    padding: 0 16px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none
}

.promotion-banner__close path {
    fill: #fff
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .hidden-small {
        display: none !important
    }
}

@media (min-width: 37.5em) and (max-width: 63.9375em) {
    .hidden-medium {
        display: none !important
    }
}

@media (min-width: 0) and (max-width: 63.9375em) {
    .hidden-small-medium {
        display: none !important
    }
}

@media (min-width: 64em) {
    .hidden-large {
        display: none !important
    }
}

.nobp .hidden-large {
    display: none !important
}

.page-header {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 8000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: var(--nav-menu-back-color);
    box-shadow: 0 0 10px #21252940
}

.page-header--no-transition * {
    transition: none
}

.page-header *, .page-header *:before, .page-header *:after {
    box-sizing: inherit
}

.page-header a > *, .page-header button > *, .page-header [role=button] > * {
    pointer-events: none
}

.page-header img {
    vertical-align: middle
}

@media (min-width: 64em) {
    .page-header {
        width: 1024px;
        justify-content: space-evenly;
        background-color: #fff;
        padding: var(--nav-menu-padding);
        gap: var(--nav-menu-gap);
        box-shadow: none;
        will-change: height;
        transition: height var(--nav-animation-duration) ease-out;
        transform-origin: left top
    }

    .page-header--fixed {
        top: 0;
        box-shadow: 0 8px 10px -8px #00000040;
        background: linear-gradient(#fffffff2 12px, #fff 13px);
        padding-left: var(--nav-fixed-menu-padding-left)
    }

    .page-header--fixed .navi {
        width: var(--nav-fixed-menu-width)
    }

    .page-header--fixed .navi__links {
        height: 56px
    }

    .page-header--fixed .navi__links__utils {
        opacity: 0;
        height: 0;
        transform: translateY(-100px);
        visibility: hidden
    }

    .page-header--fixed .navi__links__main {
        height: 56px;
        box-shadow: none
    }

    .page-header--fixed .navi__links__main li span {
        height: 56px;
        line-height: var(--nav-fixed-menu-line-height)
    }

    .page-header--fixed .page-header__logo img, .page-header--fixed .page-header__logo svg {
        width: 56px;
        height: 56px
    }
}

.nobp .page-header {
    width: 1024px;
    justify-content: space-evenly;
    background-color: #fff;
    padding: var(--nav-menu-padding);
    gap: var(--nav-menu-gap);
    box-shadow: none;
    will-change: height;
    transition: height var(--nav-animation-duration) ease-out;
    transform-origin: left top
}

.nobp .page-header--fixed {
    top: 0;
    box-shadow: 0 8px 10px -8px #00000040;
    background: linear-gradient(#fffffff2 12px, #fff 13px);
    padding-left: var(--nav-fixed-menu-padding-left)
}

.nobp .page-header--fixed .navi {
    width: var(--nav-fixed-menu-width)
}

.nobp .page-header--fixed .navi__links {
    height: 56px
}

.nobp .page-header--fixed .navi__links__utils {
    opacity: 0;
    height: 0;
    transform: translateY(-100px);
    visibility: hidden
}

.nobp .page-header--fixed .navi__links__main {
    height: 56px;
    box-shadow: none
}

.nobp .page-header--fixed .navi__links__main li span {
    height: 56px;
    line-height: var(--nav-fixed-menu-line-height)
}

.nobp .page-header--fixed .page-header__logo img, .nobp .page-header--fixed .page-header__logo svg {
    width: 56px;
    height: 56px
}

.page-header__logo {
    padding: var(--nav-menu-logo-padding)
}

.page-header__logo a {
    display: block
}

.page-header__logo a:focus {
    outline-offset: 4px
}

.page-header__logo img, .page-header__logo svg {
    display: block;
    width: 56px;
    height: 56px;
    pointer-events: auto
}

@media (min-width: 64em) {
    .page-header__logo img, .page-header__logo svg {
        width: 148px;
        height: 148px;
        will-change: width, height;
        transition: width var(--nav-animation-duration) ease-out, height var(--nav-animation-duration) ease-out;
        transform-origin: left top
    }
}

.nobp .page-header__logo img, .nobp .page-header__logo svg {
    width: 148px;
    height: 148px;
    will-change: width, height;
    transition: width var(--nav-animation-duration) ease-out, height var(--nav-animation-duration) ease-out;
    transform-origin: left top
}

@media (min-width: 64em) {
    .page-header__logo {
        padding: 0
    }
}

.nobp .page-header__logo {
    padding: 0
}

.hey-search-bar--slide-enter-active, .hey-search-bar--slide-leave-active {
    transition: opacity var(--nav-animation-duration) ease-out, height var(--nav-animation-duration) ease-out;
    overflow: hidden
}

.hey-search-bar--slide-enter-from, .hey-search-bar--slide-leave-to {
    opacity: 0;
    height: 0
}

.hey-search-bar--slide-enter-to, .hey-search-bar--slide-leave-from {
    opacity: 1;
    height: 50px
}

.offer-module {
    aspect-ratio: 1;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .offer-module {
        aspect-ratio: 2.2857;
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .offer-module {
        padding: 0 162px;
        margin-bottom: 32px
    }
}

.nobp .offer-module {
    padding: 0 162px;
    margin-bottom: 32px
}

.offer-module ~ .offer-module {
    margin-bottom: 29px
}

@media (min-width: 37.5em) {
    .offer-module ~ .offer-module {
        margin-bottom: 33px
    }
}

@media (min-width: 64em) {
    .offer-module ~ .offer-module {
        margin-bottom: 39px
    }
}

.nobp .offer-module ~ .offer-module {
    margin-bottom: 39px
}

.cross-heading {
    font-family: var(--headline-font);
    font-size: var(--headline-3-font-size-sm);
    font-style: var(--headline-font-style);
    font-weight: 700;
    line-height: var(--headline-3-line-height-sm);
    color: var(--cross-heading-color);
    margin-bottom: 16px;
    overflow: hidden
}

@media (min-width: 37.5em) {
    .cross-heading {
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md);
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .cross-heading {
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg);
        margin-bottom: 32px
    }
}

.nobp .cross-heading {
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg);
    margin-bottom: 32px
}

.adblock {
    max-width: 100%;
    margin: -40px 16px 40px
}

@media (min-width: 64em) {
    .adblock {
        margin: -80px 96px 64px
    }
}

.nobp .adblock {
    margin: -80px 96px 64px
}

.adblock__content {
    display: flex;
    flex-flow: column wrap;
    column-gap: 16px
}

@media (min-width: 37.5em) {
    .adblock__content {
        flex-direction: row
    }
}

.nobp .adblock__content {
    flex-direction: row
}

.adblock__content > * {
    flex: 1 0 calc(50% - 32px)
}

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

.adblock__section {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    font-weight: 400;
    color: #212529;
    margin: 0 0 16px;
    padding: 24px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px #2125291a
}

.adblock__section ol {
    list-style-position: outside;
    padding-left: 16px
}

.adblock__section ol > li {
    margin: 16px 0
}

.adblock__section ol.list--condensed {
    margin: 24px 0
}

.adblock__section ol.list--condensed > li {
    margin: 0
}

.adblock__section__title {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    font-weight: 700;
    margin-top: 0;
    margin-right: -16px;
    padding-right: 16px;
    padding-bottom: 12px;
    margin-bottom: 24px
}

.adblock__section__text {
    margin-bottom: 24px
}

.adblock__button {
    position: relative;
    width: 100%;
    margin: 0 0 8px
}

.adblock__button--first {
    margin-top: 24px
}

.adblock__heading {
    padding: 32px 16px 0
}

.red-image-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #e9ecef
}

.red-image-placeholder.dynamic, .red-image-placeholder.variable {
    aspect-ratio: 3/1
}

.red-image-placeholder svg {
    width: 56px;
    height: 56px
}

@media (min-width: 37.5em) {
    .red-image-placeholder svg {
        width: 80px;
        height: 80px
    }
}

@media (min-width: 64em) {
    .red-image-placeholder svg {
        width: 120px;
        height: 120px
    }
}

.nobp .red-image-placeholder svg {
    width: 120px;
    height: 120px
}

.red-image-placeholder__text {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #868e96;
    font-weight: 400;
    margin: 8px 16px;
    font-size: 16px;
    line-height: 1.3125
}

@media (min-width: 64em) {
    .red-image-placeholder__text {
        font-size: 18px;
        line-height: 1.2777777778
    }
}

.nobp .red-image-placeholder__text {
    font-size: 18px;
    line-height: 1.2777777778
}

.ad-wrapper {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ad-wrapper *, .ad-wrapper *:before, .ad-wrapper *:after {
    box-sizing: inherit;
    margin: 0
}

.ad-wrapper a > *, .ad-wrapper button > *, .ad-wrapper [role=button] > * {
    pointer-events: auto
}

.ad-wrapper img, .ad-wrapper iframe {
    vertical-align: middle;
    max-width: none
}

.ad-wrapper--banner, .ad-wrapper--superbanner {
    position: relative;
    z-index: 6000
}

.ad-wrapper--superbanner {
    width: 1024px
}

.ad-wrapper--sky {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 6000
}

.ad-wrapper--sky_btf {
    position: absolute;
    top: max(50%, 2500px);
    left: 100%;
    min-height: calc(50% - 2500px);
    z-index: 6000
}

.ad-wrapper--tms.ad-wrapper--mark:before, .ad-wrapper--billboard_btf_50.ad-wrapper--mark:before {
    content: "Anzeige";
    display: block;
    text-align: center;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    height: 30px;
    align-content: center;
    color: #495057;
    background-color: #e9ecef
}

@media (min-width: 64em) {
    .ad-wrapper--tms.ad-wrapper--mark:before, .ad-wrapper--billboard_btf_50.ad-wrapper--mark:before {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .ad-wrapper--tms.ad-wrapper--mark:before, .nobp .ad-wrapper--billboard_btf_50.ad-wrapper--mark:before {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.ad-wrapper--mrec.ad-wrapper--mark:before, .ad-wrapper--mrec_50.ad-wrapper--mark:before, .ad-wrapper[class*=ad-wrapper--mrec_btf].ad-wrapper--mark:before {
    content: "Anzeige";
    display: block;
    text-align: center;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    height: 30px;
    align-content: center;
    color: #495057;
    background-color: #e9ecef
}

@media (min-width: 64em) {
    .ad-wrapper--mrec.ad-wrapper--mark:before, .ad-wrapper--mrec_50.ad-wrapper--mark:before, .ad-wrapper[class*=ad-wrapper--mrec_btf].ad-wrapper--mark:before {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .ad-wrapper--mrec.ad-wrapper--mark:before, .nobp .ad-wrapper--mrec_50.ad-wrapper--mark:before, .nobp .ad-wrapper[class*=ad-wrapper--mrec_btf].ad-wrapper--mark:before {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.ad-wrapper--mrec:before, .ad-wrapper--mrec_50:before, .ad-wrapper[class*=ad-wrapper--mrec_btf]:before {
    width: 300px;
    margin: auto
}

.ad-wrapper[class*=ad-wrapper--billboard_btf].ad-wrapper--mark:before {
    content: "Anzeige";
    display: block;
    text-align: center;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    height: 30px;
    align-content: center;
    color: #495057;
    background-color: #e9ecef
}

@media (min-width: 64em) {
    .ad-wrapper[class*=ad-wrapper--billboard_btf].ad-wrapper--mark:before {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .ad-wrapper[class*=ad-wrapper--billboard_btf].ad-wrapper--mark:before {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.ad-wrapper--billboard[data-ad-delivered=true], .ad-wrapper--billboard:has(.addelivered), .ad-wrapper--banner2[data-ad-delivered=true], .ad-wrapper--banner2:has(.addelivered) {
    margin-top: 12px
}

@media (min-width: 64em) {
    .ad-wrapper--billboard[data-ad-delivered=true], .ad-wrapper--billboard:has(.addelivered), .ad-wrapper--banner2[data-ad-delivered=true], .ad-wrapper--banner2:has(.addelivered) {
        margin-top: 16px
    }
}

.nobp .ad-wrapper--billboard[data-ad-delivered=true], .nobp .ad-wrapper--billboard:has(.addelivered), .nobp .ad-wrapper--banner2[data-ad-delivered=true], .nobp .ad-wrapper--banner2:has(.addelivered) {
    margin-top: 16px
}

.subnav-bar + .ad-wrapper--billboard[data-ad-delivered=true], .subnav-bar + .ad-wrapper--billboard:has(.addelivered), .subnav-bar + .ad-wrapper--banner2[data-ad-delivered=true], .subnav-bar + .ad-wrapper--banner2:has(.addelivered) {
    margin-top: 0
}

.ad-wrapper--mrec_btf_99:empty:before, .ad-wrapper--mrec_btf_99:not(:has(*)):before {
    content: "" !important;
    display: none !important
}

@media print {
    .ad-wrapper {
        display: none
    }
}

.page-header + .ad-wrapper--billboard[data-ad-delivered=true], .page-header + .ad-wrapper--banner2[data-ad-delivered=true] {
    margin: 8px 0
}

@media (min-width: 37.5em) {
    .page-header + .ad-wrapper--billboard[data-ad-delivered=true], .page-header + .ad-wrapper--banner2[data-ad-delivered=true] {
        margin: 12px 0
    }
}

@media (min-width: 64em) {
    .page-header + .ad-wrapper--billboard[data-ad-delivered=true], .page-header + .ad-wrapper--banner2[data-ad-delivered=true] {
        margin: 16px 0 0
    }
}

.nobp .page-header + .ad-wrapper--billboard[data-ad-delivered=true], .nobp .page-header + .ad-wrapper--banner2[data-ad-delivered=true] {
    margin: 16px 0 0
}

.subnav__list {
    display: flex;
    white-space: nowrap;
    list-style-type: none;
    font-family: var(--breadcrumb-font);
    font-size: var(--breadcrumb-font-size-sm);
    font-weight: var(--breadcrumb-font-weight);
    line-height: 1;
    color: #495057;
    padding: 0;
    margin: auto 0
}

@media (min-width: 64em) {
    .subnav__list {
        font-size: var(--breadcrumb-font-size-lg)
    }
}

.nobp .subnav__list {
    font-size: var(--breadcrumb-font-size-lg)
}

.subnav__list-item {
    padding-right: 5px
}

.subnav__list-item a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}

.subnav__list-item a:hover, .subnav__list-item a:active {
    color: var(--breadcrumb-hover-color);
    text-underline-offset: 1px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--secondary-tenant-color)
}

.subnav__list-item--pipe {
    padding-right: 3px
}

.subnav__list-item--pipe:not(:last-child):after {
    display: inline-block;
    content: "|";
    padding-left: 3px
}

.subnav__list-item--chevron:not(:last-child):after {
    display: inline-block;
    content: "›";
    padding-left: 3px
}

.ad-links {
    display: inline-flex
}

.ad-links:before {
    content: "Anzeigen";
    text-transform: uppercase;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 12px;
    color: #495057;
    line-height: 1;
    margin: auto 8px
}

.ad-links--single:before {
    content: "Anzeige"
}

.breadcrumb {
    display: flex;
    height: 42px;
    padding: 0 8px;
    overflow: auto;
    scrollbar-width: none
}

@media (min-width: 64em) {
    .breadcrumb {
        padding: 0 16px
    }
}

.nobp .breadcrumb {
    padding: 0 16px
}

.breadcrumb::-webkit-scrollbar {
    display: none
}

@media print {
    .breadcrumb {
        display: none !important
    }
}

.breadcrumb h1 {
    display: inline;
    font-family: var(--breadcrumb-font);
    font-size: var(--breadcrumb-font-size-sm);
    font-weight: var(--breadcrumb-font-weight);
    line-height: 1
}

@media (min-width: 64em) {
    .breadcrumb h1 {
        font-size: var(--breadcrumb-font-size-lg)
    }
}

.nobp .breadcrumb h1 {
    font-size: var(--breadcrumb-font-size-lg)
}

.red-breaking-news {
    background-color: var(--breaking-news-content-background-color);
    text-transform: uppercase;
    transition: height .5s ease-out;
    padding: 0;
    position: relative;
    margin-top: 12px
}

.red-breaking-news__content {
    color: var(--breaking-news-content-color);
    font-size: var(--breaking-news-content-font-size);
    font-family: var(--breaking-news-content-font);
    white-space: nowrap;
    display: flex;
    align-items: center;
    font-weight: 700;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute
}

.red-breaking-news__content--is-animated {
    animation-name: red-breaking-news--animation;
    animation-duration: var(--red-breaking-news-animation-duration);
    animation-delay: .1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.red-breaking-news__content--is-paused {
    animation-play-state: paused
}

@media (min-width: 37.5em) {
    .red-breaking-news__content {
        margin-top: 0
    }
}

.nobp .red-breaking-news__content {
    margin-top: 0
}

.red-breaking-news:hover .red-breaking-news__content, .red-breaking-news:active .red-breaking-news__content {
    animation-play-state: paused
}

.red-breaking-news--collapsed {
    height: 0
}

.red-breaking-news__headline {
    z-index: 110;
    background: var(--breaking-news-headline-background-color);
    font-family: var(--breaking-news-headline-font);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    font-size: 17px;
    height: 56px;
    min-width: 88px
}

@media (min-width: 37.5em) {
    .red-breaking-news__headline {
        min-width: 124px
    }
}

@media (min-width: 64em) {
    .red-breaking-news__headline {
        min-width: 148px
    }
}

.nobp .red-breaking-news__headline {
    min-width: 148px
}

.red-breaking-news__headline-first {
    color: var(--breaking-news-headline-color-1);
    margin-right: 0;
    font-size: var(--breaking-news-headline-1-font-size-sm)
}

@media (min-width: 37.5em) {
    .red-breaking-news__headline-first {
        font-size: 17px;
        line-height: 16px
    }
}

.nobp .red-breaking-news__headline-first {
    font-size: 17px;
    line-height: 16px
}

.red-breaking-news__headline-second {
    color: var(--breaking-news-headline-color-2);
    font-size: var(--breaking-news-headline-2-font-size-sm);
    line-height: 19px
}

@media (min-width: 37.5em) {
    .red-breaking-news__headline-second {
        font-size: var(--breaking-news-headline-2-font-size-md);
        line-height: 26px
    }
}

.nobp .red-breaking-news__headline-second {
    font-size: var(--breaking-news-headline-2-font-size-md);
    line-height: 26px
}

.red-breaking-news__content-container {
    position: relative;
    width: 100%;
    height: 56px;
    overflow: hidden
}

.red-breaking-news__text {
    margin: 0 8px 0 0;
    display: flex;
    will-change: transform;
    color: var(--breaking-news-content-color);
    flex-shrink: 0
}

.red-breaking-news__separator {
    padding-right: 8px;
    font-size: var(--breaking-news-content-font-size);
    height: 100%;
    display: block
}

.red-breaking-news__link {
    display: flex;
    align-items: center;
    text-decoration: none
}

.red-breaking-news__link:focus {
    outline-offset: 4px
}

@media (min-width: 64em) {
    .red-breaking-news {
        margin-left: 16px;
        margin-right: 16px
    }
}

.nobp .red-breaking-news {
    margin-left: 16px;
    margin-right: 16px
}

@media (min-width: 64em) {
    .red-breaking-news {
        margin-top: 16px
    }
}

.nobp .red-breaking-news {
    margin-top: 16px
}

.subnav-bar + .red-breaking-news {
    margin-top: 0
}

@keyframes red-breaking-news--animation {
    0% {
        left: 0
    }
    to {
        left: calc(-1 * var(--red-breaking-news-content-width))
    }
}

.bottom-sheet {
    --bottom-sheet-drag-bar-height: 48px;
    --full-mode-offset-height: 12px;
    --half-mode-factor: .67;
    --bottom-sheet-content-min-height: 61px;
    --bottom-sheet-compact-height: calc(var(--bottom-sheet-drag-bar-height) + var(--bottom-sheet-content-min-height));
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-bottom: none;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0 -4px 8px #0000001f;
    z-index: 4000;
    transition: height .2s ease;
    will-change: height;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
    overflow: hidden
}

@media (min-width: 37.5em) {
    .bottom-sheet {
        max-width: 700px;
        margin: 0 auto
    }
}

@media (min-width: 64em) {
    .bottom-sheet {
        --bottom-sheet-drag-bar-height: 42px;
        display: none
    }

    .bottom-sheet--force-show-large-view {
        display: block
    }
}

.nobp .bottom-sheet {
    --bottom-sheet-drag-bar-height: 42px;
    display: none
}

.nobp .bottom-sheet--force-show-large-view {
    display: block
}

.bottom-sheet--dragging {
    transition: none
}

.bottom-sheet--closed {
    height: calc(var(--bottom-sheet-drag-bar-height) + env(safe-area-inset-bottom, 0))
}

@media (min-width: 64em) {
    .bottom-sheet--closed {
        height: var(--bottom-sheet-drag-bar-height)
    }
}

.nobp .bottom-sheet--closed {
    height: var(--bottom-sheet-drag-bar-height)
}

.bottom-sheet--closed .bottom-sheet__drag-bar__close {
    display: none
}

.bottom-sheet--open-compact {
    height: var(--bottom-sheet-compact-height)
}

.bottom-sheet--open-half {
    height: calc(var(--bottom-sheet-available-height, 70vh) * var(--half-mode-factor))
}

@media (min-width: 64em) {
    .bottom-sheet--open-half {
        height: calc(50vh - var(--bottom-sheet-drag-bar-height))
    }
}

.nobp .bottom-sheet--open-half {
    height: calc(50vh - var(--bottom-sheet-drag-bar-height))
}

.bottom-sheet--open-full {
    height: calc(var(--bottom-sheet-available-height, 70vh) - var(--full-mode-offset-height))
}

.bottom-sheet--open-half .bottom-sheet__drag-bar, .bottom-sheet--open-full .bottom-sheet__drag-bar {
    border-bottom: 1px solid #e9ecef
}

.bottom-sheet__drag-bar {
    height: var(--bottom-sheet-drag-bar-height);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: grab
}

.bottom-sheet__drag-bar__wrapper {
    height: calc(var(--bottom-sheet-drag-bar-height) + 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    margin: -10px 0;
    padding: 10px 0;
    position: relative;
    z-index: 4100
}

.bottom-sheet__drag-bar__indicator {
    width: 48px;
    height: 4px;
    background-color: #868e96;
    border-radius: 4px
}

.bottom-sheet__drag-bar__close {
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: 0;
    height: var(--bottom-sheet-drag-bar-height);
    width: var(--bottom-sheet-drag-bar-height);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none
}

.bottom-sheet__drag-bar__close path {
    fill: #495057
}

@media (hover: hover) and (pointer: fine) {
    .bottom-sheet__drag-bar__close:hover path, .bottom-sheet__drag-bar__close:active path, .bottom-sheet__drag-bar__close:focus-visible path {
        fill: #d00
    }
}

.bottom-sheet__content {
    min-height: var(--bottom-sheet-content-min-height);
    height: calc(100% - var(--bottom-sheet-drag-bar-height));
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

.bottom-sheet__content--closed {
    margin-top: env(safe-area-inset-bottom, 0)
}

.bottom-sheet__content--closed, .bottom-sheet__content--compact {
    overflow-y: hidden
}

.checkbox {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.checkbox *, .checkbox *:before, .checkbox *:after {
    box-sizing: inherit
}

.checkbox__input {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #495057;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.checkbox__input:hover, .checkbox__input:active {
    border-color: #212529
}

.checkbox__input:hover ~ .checkbox__label, .checkbox__input:active ~ .checkbox__label {
    color: #212529
}

.checkbox__input:focus {
    outline: none
}

.checkbox__input:focus-visible {
    outline: 5px auto -webkit-focus-ring-color
}

.checkbox__input:checked:after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("") no-repeat 50% 50%
}

.checkbox__label {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg);
    font-family: var(--footnote-font);
    text-indent: 8px;
    color: #495057;
    cursor: pointer
}

.checkbox__label:hover, .checkbox__label:active {
    color: #212529
}

.checkbox--inverted .checkbox__label {
    color: #ced4da
}

.checkbox--inverted .checkbox__label:hover, .checkbox--inverted .checkbox__label:active {
    color: #f8f9fa
}

.datetime {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.datetime--article {
    display: block;
    font-family: var(--article-author-font);
    color: var(--article-author-text-color);
    font-size: var(--article-author-font-size-sm);
    line-height: var(--article-author-line-height-sm);
    margin-bottom: 8px;
    padding: 0 16px
}

@media (min-width: 37.5em) {
    .datetime--article {
        font-size: var(--article-author-font-size-md);
        line-height: var(--article-author-line-height-md);
        max-width: 844px;
        margin: 0 auto 12px;
        padding: 0 72px
    }
}

@media (min-width: 64em) {
    .datetime--article {
        font-size: 16px;
        line-height: var(--article-author-line-height-lg);
        max-width: none;
        margin: 0 0 16px;
        padding: 0 162px
    }
}

.nobp .datetime--article {
    font-size: 16px;
    line-height: var(--article-author-line-height-lg);
    max-width: none;
    margin: 0 0 16px;
    padding: 0 162px
}

.datetime--live-ticker {
    display: block;
    font-family: var(--kicker-font);
    font-weight: 700;
    color: #868e96;
    font-size: var(--kicker-3-font-size-sm);
    line-height: 1.1
}

@media (min-width: 37.5em) {
    .datetime--live-ticker {
        font-size: var(--kicker-3-font-size-md)
    }
}

@media (min-width: 64em) {
    .datetime--live-ticker {
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg)
    }
}

.nobp .datetime--live-ticker {
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg)
}

.datetime--live-ticker-stage {
    display: inline-block;
    white-space: nowrap;
    padding: 2px 4px;
    font-family: var(--live-ticker-font);
    font-weight: 700;
    color: #fff;
    background-color: var(--kicker-background-color);
    font-size: var(--kicker-3-font-size-sm);
    line-height: 1.1;
    margin: 1px 0 0 1px
}

@media (min-width: 37.5em) {
    .datetime--live-ticker-stage {
        font-size: var(--kicker-3-font-size-md)
    }
}

@media (min-width: 64em) {
    .datetime--live-ticker-stage {
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg)
    }
}

.nobp .datetime--live-ticker-stage {
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg)
}

.error-page {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    flex-flow: column nowrap;
    place-content: center;
    align-items: center;
    margin-bottom: 48px
}

.error-page *, .error-page *:before, .error-page *:after {
    box-sizing: inherit;
    margin: 0
}

@media (min-width: 37.5em) {
    .error-page {
        flex-flow: row nowrap
    }
}

.nobp .error-page {
    flex-flow: row nowrap
}

.error-page a {
    display: inline-flex;
    margin: 24px 0
}

@media (min-width: 37.5em) {
    .error-page a {
        display: none
    }
}

.nobp .error-page a {
    display: none
}

.error-page__wrapper {
    margin: 0;
    text-align: center
}

@media (min-width: 37.5em) {
    .error-page__wrapper {
        text-align: left;
        margin-right: 72px
    }
}

.nobp .error-page__wrapper {
    text-align: left;
    margin-right: 72px
}

.error-page__wrapper a {
    display: none
}

@media (min-width: 37.5em) {
    .error-page__wrapper a {
        margin: 0;
        display: inline-flex
    }
}

.nobp .error-page__wrapper a {
    margin: 0;
    display: inline-flex
}

.error-page__header {
    display: block;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    color: var(--headline-color);
    font-weight: 700;
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    letter-spacing: 0;
    text-align: center;
    margin: 24px 0 4px
}

@media (min-width: 37.5em) {
    .error-page__header {
        text-align: left;
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md);
        margin: 0 0 8px
    }
}

@media (min-width: 64em) {
    .error-page__header {
        text-align: left;
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg);
        margin: 0 0 8px
    }
}

.nobp .error-page__header {
    text-align: left;
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg);
    margin: 0 0 8px
}

.error-page__message {
    display: block;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    font-style: normal;
    font-weight: 400;
    line-height: var(--footnote-line-height-sm);
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 24px
}

@media (min-width: 37.5em) {
    .error-page__message {
        text-align: left
    }
}

@media (min-width: 64em) {
    .error-page__message {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg);
        text-align: left
    }
}

.nobp .error-page__message {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg);
    text-align: left
}

.error-page__image {
    height: 201px
}

.page-footer__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: var(--footer-font);
    font-weight: 700;
    color: #495057;
    padding: 0;
    margin: 0
}

.page-footer__list__item {
    font-size: 11px;
    line-height: 1.2727272727;
    margin-bottom: 4px;
    padding: 0 6px
}

.page-footer__list__item a {
    color: inherit;
    text-decoration: none;
    transition: color .25s ease-in-out
}

.page-footer__list__item a:hover, .page-footer__list__item a:active, .page-footer__list__item a:focus {
    color: var(--footer-hover-color)
}

.page-footer__list__item a:focus {
    outline-offset: 4px
}

.page-footer {
    padding: 0 8px 60px;
    max-width: 488px;
    margin: 0 auto
}

@media (min-width: 37.5em) {
    .page-footer {
        padding: 0 0 60px
    }
}

@media (min-width: 64em) {
    .page-footer {
        padding: 0 0 80px
    }
}

.nobp .page-footer {
    padding: 0 0 80px
}

.page-footer__btn-container {
    display: flex;
    flex-flow: row wrap
}

.page-footer .btn {
    flex: 0 1 100%;
    margin: 0 auto 24px
}

@media (min-width: 37.5em) {
    .page-footer .btn {
        flex: 0 1 236px
    }
}

@media (min-width: 64em) {
    .page-footer .btn {
        flex: 0 1 236px
    }
}

.nobp .page-footer .btn {
    flex: 0 1 236px
}

.page-footer .btn:first-of-type {
    margin: 0 auto 8px
}

.page-footer .btn:focus-visible {
    outline-offset: 4px
}

@media print {
    .page-footer {
        display: none
    }
}

.inactivity {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    z-index: 7000000;
    background: #000000b3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.inactivity *, .inactivity *:before, .inactivity *:after {
    box-sizing: inherit
}

.inactivity__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.inactivity__note {
    width: 600px;
    height: 358px;
    background: #ffffffe6;
    box-shadow: 0 6px 10px 4px #0000001a;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .2));
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin-bottom: 12px;
    border-radius: 8px
}

.inactivity__note svg {
    width: 148px;
    height: 148px;
    margin-bottom: 24px
}

.inactivity__note .inactivity__text {
    font-family: var(--caption-font);
    text-align: center;
    color: #212529;
    font-size: var(--caption-1-font-size-lg);
    line-height: 1.1;
    padding: 24px 0;
    margin: 0 0 24px;
    width: 100%;
    border-bottom: 1px solid #ced4da
}

.inactivity__note .inactivity__buttons {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 24px
}

.inactivity__note .inactivity__buttons .checkbox {
    flex-grow: 1
}

.inactivity__note .inactivity__buttons .btn {
    width: max-content
}

.inactivity__note .inactivity__buttons .btn:first-of-type {
    background-color: transparent
}

@media (hover: hover) and (pointer: fine) {
    .inactivity__note .inactivity__buttons .btn:first-of-type:hover, .inactivity__note .inactivity__buttons .btn:first-of-type:active, .inactivity__note .inactivity__buttons .btn:first-of-type:focus-visible {
        background-color: #cbd3da
    }
}

.inactivity__note .inactivity__buttons .btn:last-of-type {
    margin-left: 16px
}

.inactivity .ad-wrapper--tms {
    margin-bottom: 12px
}

.inactivity .ad-wrapper--mark:after {
    color: #e9ecef
}

.red-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    background: #000c;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9000
}

.red-lightbox:focus {
    outline: none
}

.red-lightbox__icon {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
    height: 40px
}

.red-lightbox__icon > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (min-width: 37.5em) {
    .red-lightbox__icon {
        top: 16px;
        right: 16px
    }
}

.switch {
    box-sizing: border-box;
    display: inline-flex;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    will-change: background-color;
    transition: background-color .28s cubic-bezier(.4, 0, .2, 1)
}

.switch *, .switch *:before, .switch *:after {
    box-sizing: inherit
}

.switch--active {
    background-color: #e9ecef
}

.switch:hover .switch__text, .switch:active .switch__text {
    color: #212529
}

.switch:hover svg path, .switch:active svg path {
    fill: #212529
}

.switch__input {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    width: 72px;
    height: 48px;
    z-index: 110;
    margin: 0;
    cursor: pointer
}

.switch__input:focus {
    outline: none
}

.switch__input:focus-visible {
    outline: 5px auto -webkit-focus-ring-color
}

.switch__input:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 19px;
    width: 34px;
    height: 14px;
    background-color: #868e96;
    border-radius: 7px;
    z-index: 111;
    will-change: background-color;
    transition: background-color .28s cubic-bezier(.4, 0, .2, 1)
}

.switch__input:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 16px;
    width: 20px;
    height: 20px;
    background-color: #e9ecef;
    border-radius: 10px;
    box-shadow: 0 2px 2px #0000003d, 0 0 2px #0000001f;
    z-index: 112;
    will-change: left, background-color;
    transition: left .28s cubic-bezier(.4, 0, .2, 1), background-color .28s cubic-bezier(.4, 0, .2, 1)
}

.switch__input:checked:before {
    background-color: #007545
}

.switch__input:checked:after {
    left: 36px;
    background-color: #00c373
}

.switch__label {
    display: flex;
    flex-grow: 1;
    align-items: center;
    cursor: pointer
}

.switch__icon {
    margin-left: 16px
}

.switch__icon svg {
    display: block
}

.switch__text {
    margin-left: 16px;
    font-size: 18px;
    line-height: 1;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #495057
}

.switch--inverted.switch--active {
    background-color: #495057
}

.switch--inverted:hover .switch__text, .switch--inverted:active .switch__text {
    color: #f8f9fa
}

.switch--inverted:hover .switch__icon svg path, .switch--inverted:active .switch__icon svg path {
    fill: #f8f9fa
}

.switch--inverted .switch__icon svg path {
    fill: #ced4da
}

.switch--inverted .switch__text {
    color: #ced4da
}

.preview-layer {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 5%;
    width: 320px;
    z-index: 8000000;
    border-radius: 0 0 8px 8px;
    background-color: #343a40;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.preview-layer *, .preview-layer *:before, .preview-layer *:after {
    box-sizing: inherit
}

.preview-layer__header {
    padding: 16px;
    height: 56px
}

.preview-layer__toggle {
    position: relative;
    display: flex;
    padding: 16px;
    height: 56px;
    cursor: pointer
}

.preview-layer__toggle svg {
    display: block
}

.preview-layer__toggle svg path {
    fill: #ced4da
}

.preview-layer__toggle:hover .preview-layer__icon svg path, .preview-layer__toggle:active .preview-layer__icon svg path {
    fill: #f8f9fa
}

.preview-layer__toggle:hover .preview-layer__text, .preview-layer__toggle:active .preview-layer__text {
    color: #f8f9fa
}

.preview-layer__toggle__timeout {
    position: absolute;
    height: 4px;
    inset: auto 0 0;
    transform-origin: left;
    background-color: #d00;
    transform: scaleX(0)
}

.preview-layer__toggle__timeout--ticking {
    transform: scaleX(1);
    transition: transform 1.5s linear
}

.preview-layer__icon {
    margin-right: 16px
}

.preview-layer__text {
    font-size: 18px;
    line-height: 1.3333333333;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-weight: 700;
    color: #ced4da;
    text-transform: uppercase;
    flex-grow: 1
}

.preview-layer__container {
    display: none;
    flex-flow: column nowrap;
    padding-bottom: 8px
}

.preview-layer--active .preview-layer__icon svg path {
    fill: #f8f9fa
}

.preview-layer--active .preview-layer__text {
    color: #f8f9fa
}

.preview-layer--active .preview-layer__toggle-icon {
    transform: rotate(180deg)
}

.preview-layer--active .preview-layer__container {
    display: flex
}

.subnav-bar {
    display: flex;
    padding: 0 8px
}

@media (min-width: 64em) {
    .subnav-bar {
        padding: 0 16px
    }
}

.nobp .subnav-bar {
    padding: 0 16px
}

.subnav-bar .breadcrumb {
    padding: 0 8px 0 0;
    margin-right: auto
}

@media (min-width: 64em) {
    .subnav-bar .breadcrumb {
        padding: 0 16px 0 0
    }
}

.nobp .subnav-bar .breadcrumb {
    padding: 0 16px 0 0
}

.subnav-bar .ad-links {
    min-height: 42px;
    margin-left: auto
}

@media print {
    .subnav-bar {
        display: none !important
    }
}

.mtl__multiline {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 8px 8px 20px;
    overflow: hidden
}

.mtl__multiline a {
    flex: 1 1 calc(50% - 8px);
    margin: 4px;
    min-width: 0;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    font-style: normal;
    line-height: var(--footnote-line-height-sm)
}

@media (min-width: 64em) {
    .mtl__multiline a {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .mtl__multiline a {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.mtl__multiline a span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mtl__singleline {
    position: relative;
    margin: 6px 0 18px
}

.mtl__singleline--overflow-left:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 12px;
    height: 48px;
    background: linear-gradient(90deg, #21252940, #868e9600);
    pointer-events: none
}

.mtl__singleline--overflow-right:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 12px;
    height: 48px;
    background: linear-gradient(270deg, #21252940, #868e9600);
    pointer-events: none
}

.mtl__singleline ::-webkit-scrollbar {
    display: none
}

.mtl__singleline__slider {
    display: flex;
    flex-flow: row nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    gap: 8px;
    padding: 6px 0
}

.mtl__singleline__slider:before {
    content: "";
    min-width: 6px
}

.mtl__singleline__slider:after {
    content: "";
    min-width: 6px
}

@media (min-width: 64em) {
    .mtl__singleline__slider:before {
        content: "";
        min-width: 8px
    }

    .mtl__singleline__slider:after {
        content: "";
        min-width: 8px
    }
}

.nobp .mtl__singleline__slider:before {
    content: "";
    min-width: 8px
}

.nobp .mtl__singleline__slider:after {
    content: "";
    min-width: 8px
}

.mtl__singleline__slider a {
    flex: 0 0 auto;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    font-style: normal;
    line-height: var(--footnote-line-height-sm)
}

@media (min-width: 64em) {
    .mtl__singleline__slider a {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .mtl__singleline__slider a {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.mtl__links {
    text-align: center;
    margin-bottom: 12px
}

.mtl__links a {
    font-family: var(--footnote-font);
    color: #212529;
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    text-decoration: none;
    margin: 12px;
    padding-bottom: 1px;
    box-shadow: 0 -1px inset #212529;
    transition: box-shadow .25s;
    will-change: box-shadow
}

@media (min-width: 64em) {
    .mtl__links a {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .mtl__links a {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.mtl__links a:hover, .mtl__links a:active {
    box-shadow: 0 -2px inset #212529, 0 -26px inset #f8f9fa
}

.mtl {
    position: relative;
    border-radius: 8px;
    border: 1px solid #ced4da;
    padding: 24px 0 20px
}

.mtl__heading {
    font-family: var(--caption-font);
    color: #212529;
    font-size: var(--caption-1-font-size-sm);
    line-height: var(--caption-1-line-height);
    text-align: center;
    margin: 0
}

@media (min-width: 37.5em) {
    .mtl__heading {
        font-size: var(--caption-1-font-size-md)
    }
}

@media (min-width: 64em) {
    .mtl__heading {
        font-size: var(--caption-1-font-size-lg)
    }
}

.nobp .mtl__heading {
    font-size: var(--caption-1-font-size-lg)
}

.mtl__heading a {
    color: #212529;
    text-decoration: none;
    transition: color ease-in-out .25s
}

.mtl__heading a:hover, .mtl__heading a:active, .mtl__heading a:focus {
    color: #495057
}

.mtl__heading a:focus {
    outline-offset: 4px
}

@media (min-width: 64em) {
    .mtl:not(.mtl--multiline-variant) .mtl__heading {
        text-align: left;
        margin-left: 16px
    }
}

.nobp .mtl:not(.mtl--multiline-variant) .mtl__heading {
    text-align: left;
    margin-left: 16px
}

.mtl--ad-mark:before {
    content: "ANZEIGE";
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 12px;
    line-height: 1.3333333333;
    color: #495057;
    text-transform: uppercase;
    text-align: center
}

.mtl--footer {
    margin: 0 12px 24px
}

.mtl--footer:last-of-type {
    margin-bottom: 40px
}

@media (min-width: 64em) {
    .mtl--footer {
        margin: 0 16px 24px
    }

    .mtl--footer:last-of-type {
        margin-bottom: 104px
    }
}

.nobp .mtl--footer {
    margin: 0 16px 24px
}

.nobp .mtl--footer:last-of-type {
    margin-bottom: 104px
}

.video-banner {
    display: flex;
    border-radius: 2px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 110;
    height: 16px
}

.video-banner span, .video-banner time {
    display: flex;
    font-family: var(--teaser-text-font);
    line-height: var(--teaser-text-line-height);
    font-weight: var(--teaser-text-font-weight);
    color: #fff;
    background-color: #212529;
    align-items: center
}

.video-banner svg {
    width: 16px
}

.video-banner span, .video-banner time {
    font-size: var(--video-banner-font-size-sm);
    padding: 0 4px
}

.video-banner svg path {
    transition: .25s ease-in-out
}

.rvp__wrapper .rvp__default-playback-preview__anchor:hover .video-banner--clickable svg path:first-child, .rvp__wrapper .rvp__default-playback-preview__anchor:active .video-banner--clickable svg path:first-child, .rvp__wrapper .rvp__default-playback-preview__anchor:focus .video-banner--clickable svg path:first-child, .video-teaser__anchor:hover .video-banner--clickable svg path:first-child, .video-teaser__anchor:active .video-banner--clickable svg path:first-child, .video-teaser__anchor:focus .video-banner--clickable svg path:first-child {
    fill: #d00
}

.rvp__wrapper .rvp__default-playback-preview__anchor:hover .video-banner--clickable svg path:last-child, .rvp__wrapper .rvp__default-playback-preview__anchor:active .video-banner--clickable svg path:last-child, .rvp__wrapper .rvp__default-playback-preview__anchor:focus .video-banner--clickable svg path:last-child, .video-teaser__anchor:hover .video-banner--clickable svg path:last-child, .video-teaser__anchor:active .video-banner--clickable svg path:last-child, .video-teaser__anchor:focus .video-banner--clickable svg path:last-child {
    fill: #fff
}

.video-teaser .video-banner, .rvp__wrapper .video-banner {
    height: 24px
}

.video-teaser .video-banner svg, .rvp__wrapper .video-banner svg {
    width: 24px
}

.video-teaser .video-banner span, .video-teaser .video-banner time, .rvp__wrapper .video-banner span, .rvp__wrapper .video-banner time {
    font-size: var(--video-banner-font-size-md);
    padding: 8px
}

@media (min-width: 37.5em) {
    .video-teaser .video-banner, .rvp__wrapper .video-banner {
        height: 32px
    }

    .video-teaser .video-banner svg, .rvp__wrapper .video-banner svg {
        width: 32px
    }

    .video-teaser .video-banner span, .video-teaser .video-banner time, .rvp__wrapper .video-banner span, .rvp__wrapper .video-banner time {
        font-size: var(--video-banner-font-size-lg);
        padding: 8px
    }
}

@media (min-width: 64em) {
    .video-teaser .video-banner, .rvp__wrapper .video-banner {
        height: 40px
    }

    .video-teaser .video-banner svg, .rvp__wrapper .video-banner svg {
        width: 40px
    }

    .video-teaser .video-banner span, .video-teaser .video-banner time, .rvp__wrapper .video-banner span, .rvp__wrapper .video-banner time {
        font-size: var(--video-banner-font-size-xl);
        padding: 8px
    }
}

.nobp .video-teaser .video-banner, .nobp .rvp__wrapper .video-banner {
    height: 40px
}

.nobp .video-teaser .video-banner svg, .nobp .rvp__wrapper .video-banner svg {
    width: 40px
}

.nobp .video-teaser .video-banner span, .nobp .video-teaser .video-banner time, .nobp .rvp__wrapper .video-banner span, .nobp .rvp__wrapper .video-banner time {
    font-size: var(--video-banner-font-size-xl);
    padding: 8px
}

.a-teaser-mini .video-teaser .video-banner {
    height: 16px
}

.a-teaser-mini .video-teaser .video-banner svg {
    width: 16px
}

.a-teaser-mini .video-teaser .video-banner span, .a-teaser-mini .video-teaser .video-banner time {
    font-size: var(--video-banner-font-size-sm);
    padding: 0 4px
}

.standard-quad .video-teaser .video-banner {
    height: 24px
}

.standard-quad .video-teaser .video-banner svg {
    width: 24px
}

.standard-quad .video-teaser .video-banner span, .standard-quad .video-teaser .video-banner time {
    font-size: var(--video-banner-font-size-md);
    padding: 1.5px 4px
}

@media (min-width: 37.5em) {
    .standard-quad .video-teaser .video-banner {
        height: 32px
    }

    .standard-quad .video-teaser .video-banner svg {
        width: 32px
    }

    .standard-quad .video-teaser .video-banner span, .standard-quad .video-teaser .video-banner time {
        font-size: var(--video-banner-font-size-lg);
        padding: 8px
    }
}

.mini-quad .video-teaser .video-banner, .a-teaser .video-teaser .video-banner, .b-teaser .video-teaser .video-banner, .double-a-teaser .video-teaser .video-banner, .baby-a .video-teaser .video-banner, .standard .video-teaser .video-banner {
    height: 32px
}

.mini-quad .video-teaser .video-banner svg, .a-teaser .video-teaser .video-banner svg, .b-teaser .video-teaser .video-banner svg, .double-a-teaser .video-teaser .video-banner svg, .baby-a .video-teaser .video-banner svg, .standard .video-teaser .video-banner svg {
    width: 32px
}

.mini-quad .video-teaser .video-banner span, .mini-quad .video-teaser .video-banner time, .a-teaser .video-teaser .video-banner span, .a-teaser .video-teaser .video-banner time, .b-teaser .video-teaser .video-banner span, .b-teaser .video-teaser .video-banner time, .double-a-teaser .video-teaser .video-banner span, .double-a-teaser .video-teaser .video-banner time, .baby-a .video-teaser .video-banner span, .baby-a .video-teaser .video-banner time, .standard .video-teaser .video-banner span, .standard .video-teaser .video-banner time {
    font-size: var(--video-banner-font-size-lg);
    padding: 8px
}

.quad .video-teaser .video-banner, .super-a .video-teaser .video-banner, .bc .video-teaser .video-banner {
    height: 32px
}

.quad .video-teaser .video-banner svg, .super-a .video-teaser .video-banner svg, .bc .video-teaser .video-banner svg {
    width: 32px
}

.quad .video-teaser .video-banner span, .quad .video-teaser .video-banner time, .super-a .video-teaser .video-banner span, .super-a .video-teaser .video-banner time, .bc .video-teaser .video-banner span, .bc .video-teaser .video-banner time {
    font-size: var(--video-banner-font-size-lg);
    padding: 8px
}

@media (min-width: 37.5em) {
    .quad .video-teaser .video-banner, .super-a .video-teaser .video-banner, .bc .video-teaser .video-banner {
        height: 40px
    }

    .quad .video-teaser .video-banner svg, .super-a .video-teaser .video-banner svg, .bc .video-teaser .video-banner svg {
        width: 40px
    }

    .quad .video-teaser .video-banner span, .quad .video-teaser .video-banner time, .super-a .video-teaser .video-banner span, .super-a .video-teaser .video-banner time, .bc .video-teaser .video-banner span, .bc .video-teaser .video-banner time {
        font-size: var(--video-banner-font-size-xl);
        padding: 8px
    }
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .mini-quad .video-teaser .video-banner {
        right: 4px;
        top: 4px;
        height: 24px
    }

    .mini-quad .video-teaser .video-banner svg {
        width: 24px
    }

    .mini-quad .video-teaser .video-banner span, .mini-quad .video-teaser .video-banner time {
        font-size: var(--video-banner-font-size-md);
        padding: 8px
    }
}

.article-gallery--slider .video-teaser .video-banner {
    height: 24px;
    right: 4px;
    top: 4px
}

.article-gallery--slider .video-teaser .video-banner svg {
    width: 24px
}

.article-gallery--slider .video-teaser .video-banner span, .article-gallery--slider .video-teaser .video-banner time {
    font-size: var(--video-banner-font-size-md);
    padding: 1.5px 4px
}

@media (min-width: 37.5em) {
    .article-gallery--slider .video-teaser .video-banner {
        height: 32px;
        right: 8px;
        top: 8px
    }

    .article-gallery--slider .video-teaser .video-banner svg {
        width: 32px
    }

    .article-gallery--slider .video-teaser .video-banner span, .article-gallery--slider .video-teaser .video-banner time {
        font-size: var(--video-banner-font-size-lg);
        padding: 8px
    }
}

.nobp .article-gallery--slider .video-teaser .video-banner {
    height: 32px;
    right: 8px;
    top: 8px
}

.nobp .article-gallery--slider .video-teaser .video-banner svg {
    width: 32px
}

.nobp .article-gallery--slider .video-teaser .video-banner span, .nobp .article-gallery--slider .video-teaser .video-banner time {
    font-size: var(--video-banner-font-size-lg);
    padding: 8px
}

.teaser__image {
    display: block
}

.teaser__premium-icon {
    position: absolute;
    top: 8px;
    z-index: 110
}

.teaser__premium-icon svg {
    position: relative;
    width: 45px;
    left: -1px
}

@media (min-width: 37.5em) {
    .teaser__premium-icon svg {
        width: 60px
    }
}

@media (min-width: 64em) {
    .teaser__premium-icon svg {
        width: 75px;
        left: -1.5px
    }
}

.nobp .teaser__premium-icon svg {
    width: 75px;
    left: -1.5px
}

.teaser__title {
    margin: 0
}

.teaser__title--vh {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.video-teaser {
    position: relative;
    min-width: 0
}

.video-teaser a {
    pointer-events: none
}

.video-teaser--clickable a {
    pointer-events: auto
}

.titled-icon {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    position: relative;
    text-decoration: none;
    color: #495057;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
}

.titled-icon__icon {
    width: var(--titled-icon-width);
    height: var(--titled-icon-height);
    display: flex;
    place-content: center
}

.titled-icon__text {
    white-space: nowrap;
    flex-grow: 0;
    flex-shrink: 0;
    padding-top: 4px;
    font-family: var(--titled-icon-font);
    line-height: var(--titled-icon-font-height-sm);
    font-size: var(--titled-icon-font-size-sm);
    letter-spacing: 0;
    text-align: center
}

@media (min-width: 64em) {
    .titled-icon__text {
        line-height: var(--titled-icon-font-height-lg);
        font-size: 12px
    }
}

.nobp .titled-icon__text {
    line-height: var(--titled-icon-font-height-lg);
    font-size: 12px
}

.slider__controls__left, .slider__controls__right {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    background-color: #fff
}

.slider__controls__left:before, .slider__controls__right:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    pointer-events: none
}

@media (min-width: 64em) {
    .slider__controls__left:before, .slider__controls__right:before {
        width: 16px
    }
}

.nobp .slider__controls__left:before, .nobp .slider__controls__right:before {
    width: 16px
}

.slider__controls__left .btn, .slider__controls__right .btn {
    display: none
}

@media (min-width: 64em) {
    .slider__controls__left .btn, .slider__controls__right .btn {
        display: inline-flex
    }
}

.nobp .slider__controls__left .btn, .nobp .slider__controls__right .btn {
    display: inline-flex
}

.slider__controls__left {
    left: 0
}

.slider__controls__left:before {
    left: 0;
    background: linear-gradient(90deg, #fff, #fff0)
}

@media (min-width: 64em) {
    .slider__controls__left:before {
        left: 48px
    }
}

.nobp .slider__controls__left:before {
    left: 48px
}

.slider__controls__right {
    right: 0
}

.slider__controls__right:before {
    right: 0;
    background: linear-gradient(270deg, #fff, #fff0)
}

@media (min-width: 64em) {
    .slider__controls__right:before {
        right: 48px
    }
}

.nobp .slider__controls__right:before {
    right: 48px
}

@media (min-width: 64em) {
    .slider__controls--mobile .slider__controls__left:before {
        left: 0
    }
}

.nobp .slider__controls--mobile .slider__controls__left:before {
    left: 0
}

@media (min-width: 64em) {
    .slider__controls--mobile .slider__controls__right:before {
        right: 0
    }
}

.nobp .slider__controls--mobile .slider__controls__right:before {
    right: 0
}

.slider {
    position: relative;
    box-sizing: border-box;
    display: flex
}

.slider--item-alignment-center {
    justify-content: center
}

.slider--item-alignment-left {
    justify-content: left
}

.slider--item-alignment-right {
    justify-content: right
}

.slider__container {
    display: flex;
    flex-flow: row nowrap;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0
}

.slider__container::-webkit-scrollbar {
    display: none
}

@media (min-width: 64em) {
    .slider__container {
        scroll-padding: 0 48px
    }
}

.nobp .slider__container {
    scroll-padding: 0 48px
}

@media (min-width: 64em) {
    .slider--mobile .slider__container {
        scroll-padding: auto
    }
}

.nobp .slider--mobile .slider__container {
    scroll-padding: auto
}

.slider__item {
    flex: 0 0 auto;
    scroll-snap-align: start
}

.slider__item ~ .slider__item {
    margin-left: 24px
}

@media (min-width: 64em) {
    .slider__item ~ .slider__item {
        margin-left: 32px
    }
}

.nobp .slider__item ~ .slider__item {
    margin-left: 32px
}

.slider__item a {
    position: relative;
    text-decoration: none
}

.live-ticker-stage {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background-color: var(--live-ticker-bg-color, transparent);
    margin-left: 12px
}

.live-ticker-stage .slider__item {
    max-width: 225px
}

.live-ticker-stage .slider__item a:focus {
    outline: none
}

.live-ticker-stage .slider__item a:focus:before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #0060cb;
    z-index: 110
}

@media (min-width: 37.5em) {
    .live-ticker-stage .slider__item {
        max-width: 225px
    }
}

@media (min-width: 64em) {
    .live-ticker-stage .slider__item {
        max-width: 505px
    }
}

.nobp .live-ticker-stage .slider__item {
    max-width: 505px
}

.live-ticker-stage .slider__controls__left {
    background-color: var(--live-ticker-btn-color, #fff)
}

.live-ticker-stage .slider__controls__left:before {
    background: linear-gradient(90deg, var(--live-ticker-gradient-color1, white), var(--live-ticker-gradient-color2, rgba(255, 255, 255, 0)))
}

.live-ticker-stage .slider__controls__right {
    background-color: var(--live-ticker-btn-color, #fff)
}

.live-ticker-stage .slider__controls__right:before {
    background: linear-gradient(270deg, var(--live-ticker-gradient-color1, white), var(--live-ticker-gradient-color2, rgba(255, 255, 255, 0)))
}

.live-ticker-stage .slider .btn--slider-left, .live-ticker-stage .slider .btn--slider-right {
    background-color: var(--live-ticker-btn-color, #fff);
    z-index: 110
}

.live-ticker-stage .slider .btn--slider-left .btn__icon, .live-ticker-stage .slider .btn--slider-right .btn__icon {
    padding: 12px
}

.live-ticker-stage .slider .btn--slider-left .btn__icon svg path, .live-ticker-stage .slider .btn--slider-right .btn__icon svg path {
    fill: var(--live-ticker-btn-arrow-color, var(--live-ticker-icon-color))
}

@media (hover: hover) and (pointer: fine) {
    .live-ticker-stage .slider .btn--slider-left:hover, .live-ticker-stage .slider .btn--slider-left:active, .live-ticker-stage .slider .btn--slider-left:focus-visible, .live-ticker-stage .slider .btn--slider-right:hover, .live-ticker-stage .slider .btn--slider-right:active, .live-ticker-stage .slider .btn--slider-right:focus-visible {
        background-color: var(--live-ticker-btn-hover-color, var(--main-tenant-color))
    }

    .live-ticker-stage .slider .btn--slider-left:hover svg path, .live-ticker-stage .slider .btn--slider-left:active svg path, .live-ticker-stage .slider .btn--slider-left:focus-visible svg path, .live-ticker-stage .slider .btn--slider-right:hover svg path, .live-ticker-stage .slider .btn--slider-right:active svg path, .live-ticker-stage .slider .btn--slider-right:focus-visible svg path {
        fill: var(--live-ticker-btn-arrow-hover-color, #fff)
    }
}

.live-ticker-stage__timestamp {
    margin-bottom: 4px
}

.live-ticker-stage__timestamp time {
    color: var(--timestamp-font-color, #fff);
    background-color: var(--timestamp-bg-color, var(--kicker-background-color))
}

.live-ticker-stage__catchline {
    margin: 0;
    font-family: var(--headline-font);
    font-size: var(--headline-4-font-size-sm);
    line-height: var(--headline-4-line-height-sm);
    font-weight: var(--headline-4-font-weight-sm);
    color: var(--catchline-font-color, var(--headline-color));
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 37.5em) {
    .live-ticker-stage__catchline {
        font-size: var(--headline-4-font-size-md);
        line-height: var(--headline-4-line-height-md);
        font-weight: var(--headline-4-font-weight-md)
    }
}

@media (min-width: 64em) {
    .live-ticker-stage__catchline {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: var(--headline-4-font-size-lg);
        line-height: var(--headline-4-line-height-lg);
        font-weight: var(--headline-4-font-weight-lg)
    }
}

.nobp .live-ticker-stage__catchline {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--headline-4-font-size-lg);
    line-height: var(--headline-4-line-height-lg);
    font-weight: var(--headline-4-font-weight-lg)
}

@media (min-width: 64em) {
    .live-ticker-stage {
        margin-left: 0
    }
}

.nobp .live-ticker-stage {
    margin-left: 0
}

.special-navi {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.special-navi .slider__container .slider__item a {
    display: block
}

.special-navi:not(.special-navi--icons) a:focus {
    outline: none;
    box-shadow: inset 0 0 0 2px #0060cb
}

.special-navi:not(.special-navi--icons) .special-navi__item {
    padding: 12px 0
}

@media (min-width: 64em) {
    .special-navi:not(.special-navi--icons) .special-navi__item {
        padding: 16px 0
    }
}

.nobp .special-navi:not(.special-navi--icons) .special-navi__item {
    padding: 16px 0
}

@media (min-width: 64em) {
    .special-navi {
        margin: 0
    }

    .special-navi .slider__item {
        position: relative
    }

    .special-navi .slider__item:hover:before, .special-navi .slider__item:active:before, .special-navi .slider__item[aria-current=true]:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-bottom: 2px solid var(--special-navi-hover-color-line)
    }

    .special-navi .slider__item:hover .special-navi__label, .special-navi .slider__item:active .special-navi__label, .special-navi .slider__item[aria-current=true] .special-navi__label {
        color: var(--special-navi-hover-color-text)
    }

    .special-navi.special-navi--icons .slider__item:hover:before, .special-navi.special-navi--icons .slider__item:active:before, .special-navi.special-navi--icons .slider__item[aria-current=true]:before {
        bottom: -16px
    }
}

.nobp .special-navi {
    margin: 0
}

.nobp .special-navi .slider__item {
    position: relative
}

.nobp .special-navi .slider__item:hover:before, .nobp .special-navi .slider__item:active:before, .nobp .special-navi .slider__item[aria-current=true]:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid var(--special-navi-hover-color-line)
}

.nobp .special-navi .slider__item:hover .special-navi__label, .nobp .special-navi .slider__item:active .special-navi__label, .nobp .special-navi .slider__item[aria-current=true] .special-navi__label {
    color: var(--special-navi-hover-color-text)
}

.nobp .special-navi.special-navi--icons .slider__item:hover:before, .nobp .special-navi.special-navi--icons .slider__item:active:before, .nobp .special-navi.special-navi--icons .slider__item[aria-current=true]:before {
    bottom: -16px
}

@media (min-width: 0) and (max-width: 63.9375em) {
    .special-navi {
        margin: 0 12px
    }
}

.special-navi--border {
    box-shadow: inset 0 1px #ced4da, inset 0 -1px #ced4da
}

.special-navi__header > img {
    height: auto;
    max-width: 100%
}

.special-navi--icons .slider__container {
    padding: 12px 0
}

@media (min-width: 64em) {
    .special-navi--icons .slider__container {
        padding: 16px 0
    }
}

.nobp .special-navi--icons .slider__container {
    padding: 16px 0
}

.special-navi--icons .slider__item ~ .slider__item {
    margin-left: 12px
}

@media (min-width: 64em) {
    .special-navi--icons .slider__item ~ .slider__item {
        margin-left: 16px
    }
}

.nobp .special-navi--icons .slider__item ~ .slider__item {
    margin-left: 16px
}

.special-navi--icons .slider__item a:focus {
    outline: none
}

.special-navi--icons .slider__item a:focus:before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #0060cb;
    z-index: 110
}

.special-navi__item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.special-navi__icon + .special-navi__label {
    margin-left: 2px
}

.special-navi__icon img {
    display: block
}

.special-navi__label {
    font-family: var(--special-navi-font);
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
    color: #495057
}

.special-navi .slider__controls .slider__controls__right, .special-navi .slider__controls .slider__controls__left {
    top: 1px;
    bottom: 1px
}

.modal-dialog__headline {
    font-family: var(--caption-font);
    font-size: var(--caption-1-font-size-sm);
    line-height: 1.2;
    color: var(--caption-color);
    text-align: center;
    margin: 0 -24px 24px;
    border-bottom: 1px solid #ced4da;
    padding-bottom: 24px
}

@media (min-width: 37.5em) {
    .modal-dialog__headline {
        font-size: var(--caption-1-font-size-md)
    }
}

@media (min-width: 64em) {
    .modal-dialog__headline {
        font-size: var(--caption-1-font-size-lg)
    }
}

.nobp .modal-dialog__headline {
    font-size: var(--caption-1-font-size-lg)
}

.modal-dialog__content {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    color: #495057;
    white-space: break-spaces
}

.modal-dialog__btn {
    display: flex;
    flex-flow: column-reverse;
    gap: 16px;
    margin-top: 48px
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .modal-dialog__btn {
        text-align: center
    }
}

@media (min-width: 37.5em) {
    .modal-dialog__btn {
        flex-flow: row-reverse
    }
}

.nobp .modal-dialog__btn {
    flex-flow: row-reverse
}

.modal-dialog {
    margin: auto;
    border: none;
    padding: 0;
    max-width: fit-content;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #ffffffe6;
    box-shadow: 0 0 0 9999px #000000b3, 0 2px 3px #0003, 0 6px 10px #0000001a
}

.modal-dialog::backdrop {
    background: #0000
}

@media (min-width: 64em) {
    .nobp .modal-dialog {
        transform: translate(-100px)
    }
}

.nobp .nobp .modal-dialog {
    transform: translate(-100px)
}

.modal-dialog__container {
    margin: 0;
    padding: 24px;
    border-radius: 4px;
    width: calc(100vw - 24px);
    max-width: 600px;
    box-sizing: border-box
}

@media (min-width: 64em) {
    .modal-dialog__container {
        width: 600px;
        max-height: 356px
    }
}

.nobp .modal-dialog__container {
    width: 600px;
    max-height: 356px
}

.countdown {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.countdown__container {
    text-decoration: none;
    color: inherit
}

.countdown__block {
    margin-right: 12px;
    display: inline-flex;
    align-items: center;
    flex-direction: column
}

@media (min-width: 37.5em) {
    .countdown__block {
        margin-right: 12px;
        flex-direction: row
    }
}

@media (min-width: 64em) {
    .countdown__block {
        margin-right: 16px;
        flex-direction: row
    }
}

.nobp .countdown__block {
    margin-right: 16px;
    flex-direction: row
}

.countdown__card {
    color: var(--contrast-color-text);
    font-size: 40px;
    min-width: var(--countdown-card-size-sm);
    font-family: var(--countdown-card-font);
    text-align: center;
    margin: 0 0 2px;
    padding: 2px 4px
}

@media (min-width: 37.5em) {
    .countdown__card {
        font-size: 60px;
        min-width: var(--countdown-card-size-md);
        margin: 0 4px 0 0;
        text-align: right
    }
}

@media (min-width: 64em) {
    .countdown__card {
        font-size: 90px;
        min-width: var(--countdown-card-size-lg);
        margin: 0 4px 0 0;
        padding: 2px 8px;
        text-align: right
    }
}

.nobp .countdown__card {
    font-size: 90px;
    min-width: var(--countdown-card-size-lg);
    margin: 0 4px 0 0;
    padding: 2px 8px;
    text-align: right
}

.countdown__label {
    font-size: 14px;
    font-family: var(--countdown-label-font);
    color: var(--contrast-color-text)
}

@media (min-width: 37.5em) {
    .countdown__label {
        font-size: 18px
    }
}

@media (min-width: 64em) {
    .countdown__label {
        font-size: 24px
    }
}

.nobp .countdown__label {
    font-size: 24px
}

.floating-input {
    font-size: var(--body-font-size);
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    background: #fff;
    color: #495057;
    border: 2px solid #ced4da;
    border-radius: 8px;
    box-sizing: border-box
}

.floating-input__wrapper {
    font-family: var(--body-font);
    position: relative;
    height: 48px;
    width: 100%
}

.floating-input__label {
    font-size: var(--body-font-size);
    color: #212529;
    position: absolute;
    pointer-events: none;
    top: 12px;
    background-clip: content-box !important;
    transition: .2s ease all
}

.floating-input__label:before {
    content: "‏‏‎ ‎"
}

.floating-input__label:after {
    content: "‏‏‎ ‎"
}

.floating-input__label:disabled {
    cursor: not-allowed;
    background-color: #f8f9fa
}

.floating-input:disabled {
    cursor: not-allowed;
    background-color: #f8f9fa
}

.floating-input:not(:placeholder-shown) ~ .floating-input__label {
    top: -8px;
    font-size: 13px;
    background: #fff
}

.floating-input:focus {
    outline: none;
    border: 2px solid #495057
}

.floating-input:focus ~ .floating-input__label {
    top: -8px;
    font-size: 13px;
    color: #495057;
    background: #fff
}

.floating-input__text--indent {
    padding-left: 42px
}

.skip-link {
    display: flex;
    gap: 8px;
    position: absolute;
    top: 8px;
    left: 50%;
    padding: 24px;
    z-index: 10000;
    font-family: var(--skip-link-font);
    font-style: var(--skip-link-font-style);
    font-size: var(--skip-link-font-size);
    line-height: var(--skip-link-line-height);
    font-weight: 700;
    color: #212529;
    white-space: nowrap;
    background-color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .5px;
    transform: translate(-50%, -200%)
}

@media (min-width: 64em) {
    .skip-link {
        top: 16px;
        left: 180px;
        transform: translateY(-200%)
    }
}

.nobp .skip-link {
    top: 16px;
    left: 180px;
    transform: translateY(-200%)
}

@media (min-width: 64em) {
    .page-wrapper[data-tenant=sportbild] .skip-link {
        left: 148px
    }
}

.nobp .page-wrapper[data-tenant=sportbild] .skip-link {
    left: 148px
}

.skip-link span:last-child {
    transform: translateY(1px)
}

.skip-link:focus {
    transform: translate(-50%)
}

@media (min-width: 64em) {
    .skip-link:focus {
        transform: translate(0)
    }
}

.nobp .skip-link:focus {
    transform: translate(0)
}

.page-wrapper {
    position: relative;
    margin: 0 auto
}

@media (min-width: 64em) {
    .page-wrapper {
        width: 1024px
    }
}

.nobp .page-wrapper {
    width: 1024px
}

.page-wrapper.nobp {
    max-width: none;
    width: 1224px
}

.page-content {
    position: relative;
    background-color: #fff
}

.nobp .page-content {
    width: 1024px
}

.loading-indicator[data-v-85fe43f9] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0
}

.loading-indicator--vh[data-v-85fe43f9] {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.loading-indicator__dot[data-v-85fe43f9] {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: var(--hey-loading-indicator-color-light);
    animation: bounce-85fe43f9 1.5s infinite ease-in-out
}

.loading-indicator__dot[data-v-85fe43f9]:nth-child(1) {
    background-color: var(--hey-loading-indicator-color);
    animation-delay: 0s
}

.loading-indicator__dot[data-v-85fe43f9]:nth-child(2) {
    animation-delay: .5s
}

.loading-indicator__dot[data-v-85fe43f9]:nth-child(3) {
    animation-delay: 1s
}

@keyframes bounce-85fe43f9 {
    0%, 50%, to {
        background-color: var(--hey-loading-indicator-color-light);
        transform: translateY(0)
    }
    25% {
        background-color: var(--hey-loading-indicator-color);
        transform: translateY(5px)
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-indicator .dot[data-v-85fe43f9] {
        animation: none
    }
}

.main-content {
    margin-bottom: 40px;
    margin-top: 12px
}

@media (min-width: 37.5em) {
    .main-content {
        margin-bottom: 60px
    }
}

@media (min-width: 64em) {
    .main-content {
        margin-bottom: 80px
    }
}

.nobp .main-content {
    margin-bottom: 80px
}

@media (min-width: 64em) {
    .main-content {
        margin-top: 16px
    }
}

.nobp .main-content {
    margin-top: 16px
}

.embed-placeholder__container {
    background: #e9ecef;
    border-radius: 8px;
    padding: 12px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.quad.embed-placeholder__container {
    aspect-ratio: 1
}

.a-teaser.embed-placeholder__container {
    aspect-ratio: 16/9
}

.bc.embed-placeholder__container {
    aspect-ratio: 4.3875/9
}

.embed-placeholder__header {
    position: relative;
    background: #fff;
    border: 1px solid #ced4da;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1
}

.embed-placeholder__headline {
    font-family: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #212529;
    margin-bottom: 6px
}

.embed-placeholder__description {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #212529;
    margin-bottom: 10px
}

.embed-placeholder__button {
    display: block;
    padding: 9px;
    width: 100%;
    background: #00c373;
    border-radius: 8px;
    border-style: none;
    margin-bottom: 10px;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer
}

.embed-placeholder__footer-text {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 12px;
    line-height: 1.3;
    color: #212529
}

.embed-placeholder__text-link {
    text-decoration: underline;
    color: #212529
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .page-wrapper:not(.nobp) .a-teaser.embed-placeholder__container {
        aspect-ratio: auto
    }

    .page-wrapper:not(.nobp) .embed-placeholder__header {
        display: none
    }
}

@media (min-width: 0) and (max-width: 24.9375em) {
    .page-wrapper:not(.nobp) .quad.embed-placeholder__container {
        aspect-ratio: auto
    }
}

[data-tenant=sportbild] .embed-placeholder__headline {
    font-family: Antenna Extra Cond, sans-serif;
    font-size: 20px;
    line-height: 1
}

[data-tenant=sportbild] .embed-placeholder__description {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.4
}

[data-tenant=sportbild] .embed-placeholder__button {
    font-family: Antenna Extra Cond, sans-serif;
    line-height: 1
}

[data-tenant=sportbild] .embed-placeholder__footer-text {
    font-family: Inter, sans-serif;
    font-size: 11px;
    line-height: 1.4
}

.cmp-input-switch__container {
    display: flex;
    align-items: center
}

.cmp-input-switch__label {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    margin-right: 8px;
    cursor: pointer
}

[data-tenant=sportbild] .cmp-input-switch__label {
    font-family: Inter, sans-serif;
    font-size: 14px
}

.cmp-input-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.cmp-input-switch__slider {
    border: 2px solid #495057;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    border-radius: 30px;
    position: absolute;
    cursor: pointer;
    inset: 0
}

.cmp-input-switch__slider:before {
    background: #ced4da;
    width: 16px;
    height: 16px;
    left: 2px;
    margin-top: 2px;
    border-radius: 50%;
    position: absolute;
    content: ""
}

.cmp-input-switch__slider--checked:before {
    background: #00c373;
    left: 18px
}

.cmp-input-switch--hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.embed-placeholder__header--pur {
    position: relative;
    background: #fff;
    border: 1px solid #ced4da;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1
}

.a-teaser > .embed-placeholder__header--pur svg, .double-a-teaser > .embed-placeholder__header--pur svg {
    width: 48px;
    height: 48px
}

.embed-placeholder__description--pur {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #212529;
    margin-bottom: 16px
}

[data-tenant=sportbild] .embed-placeholder__description--pur {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.4
}

.embed-placeholder__actions {
    display: flex;
    justify-content: center;
    border-top: 1px solid #ced4da;
    padding-top: 12px;
    margin-top: auto
}

@media (min-width: 0) and (max-width: 63.9375em) {
    .page-wrapper:not(.nobp) .a-teaser > .embed-placeholder__header--pur {
        display: none
    }

    .page-wrapper:not(.nobp) .double-a-teaser > .embed-placeholder__header--pur {
        display: none
    }
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .page-wrapper:not(.nobp) .embed-placeholder__header--pur {
        display: none
    }
}

.embed-content__actions {
    display: flex;
    justify-content: center;
    margin-top: 14px
}

.social-sharing-popup__container {
    background: #343a40;
    border-radius: 8px 8px 0 0;
    padding: 16px;
    max-width: 360px;
    width: 100%
}

.social-sharing-popup__headline {
    font-family: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #f8f9fa
}

.social-sharing-popup__description {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #ced4da;
    margin-top: 4px
}

.social-sharing-popup__description a {
    color: #ced4da;
    text-decoration: none;
    border-bottom: 1px solid #ced4da
}

.social-sharing-popup__button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 16px
}

.social-sharing-popup__button {
    width: 156px;
    height: 36px;
    border-radius: 8px;
    text-align: center;
    border: none;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #f8f9fa;
    cursor: pointer
}

.social-sharing-popup__button--close {
    background-color: transparent;
    border: 2px solid #495057
}

.social-sharing-popup__button--accept {
    background-color: #00c373
}

[data-tenant=sportbild] .search-page .embed-placeholder__button {
    background: #174482 !important;
    text-transform: uppercase;
    font-size: 17px;
    font-style: normal;
    cursor: pointer
}

.search-page .embed-placeholder__header {
    display: none
}

.search-page .embed-placeholder__headline {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .search-page .embed-placeholder__headline {
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .search-page .embed-placeholder__headline {
        margin-bottom: 16px;
        line-height: var(--body-line-height-lg)
    }
}

.nobp .search-page .embed-placeholder__headline {
    margin-bottom: 16px;
    line-height: var(--body-line-height-lg)
}

.search-page .embed-placeholder__description {
    font-family: var(--body-font) !important;
    font-size: var(--body-font-size) !important;
    line-height: var(--body-line-height-sm) !important;
    text-align: center;
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .search-page .embed-placeholder__description {
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .search-page .embed-placeholder__description {
        margin-bottom: 16px;
        line-height: var(--body-line-height-lg)
    }
}

.nobp .search-page .embed-placeholder__description {
    margin-bottom: 16px;
    line-height: var(--body-line-height-lg)
}

.search-page [data-tenant=sportbild] .embed-placeholder__headline, .search-page [data-tenant=sportbild] .embed-placeholder__description {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm)
}

@media (min-width: 64em) {
    .search-page [data-tenant=sportbild] .embed-placeholder__headline, .search-page [data-tenant=sportbild] .embed-placeholder__description {
        line-height: var(--body-line-height-lg)
    }
}

.nobp .search-page [data-tenant=sportbild] .embed-placeholder__headline, .nobp .search-page [data-tenant=sportbild] .embed-placeholder__description {
    line-height: var(--body-line-height-lg)
}

.search-page .embed-placeholder__actions {
    padding: 0;
    border: none
}

.search-page .embed-placeholder__container {
    background-color: #f8f9fa;
    padding: 24px
}

@media (min-width: 64em) {
    .search-page .embed-placeholder__container {
        padding: 32px
    }
}

.nobp .search-page .embed-placeholder__container {
    padding: 32px
}

.search-page .embed-placeholder__button {
    height: 48px;
    width: 181px;
    background: #d00;
    font-size: 17px;
    cursor: pointer;
    margin: 0 auto 8px;
    padding: 14px 24px
}

@media (min-width: 37.5em) {
    .search-page .embed-placeholder__button {
        margin: 0 auto 12px
    }
}

@media (min-width: 64em) {
    .search-page .embed-placeholder__button {
        margin: 0 auto 16px
    }
}

.nobp .search-page .embed-placeholder__button {
    margin: 0 auto 16px
}

.search-page .embed-placeholder__text-link {
    color: #868e96
}

.search-page .embed-placeholder__header--pur {
    display: none
}

.search-page .embed-placeholder__description--pur {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    text-align: center;
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .search-page .embed-placeholder__description--pur {
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .search-page .embed-placeholder__description--pur {
        margin-bottom: 16px;
        line-height: var(--body-line-height-lg)
    }
}

.nobp .search-page .embed-placeholder__description--pur {
    margin-bottom: 16px;
    line-height: var(--body-line-height-lg)
}

.search-page [data-tenant=sportbild] .embed-placeholder__description--pur {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm)
}

@media (min-width: 64em) {
    .search-page [data-tenant=sportbild] .embed-placeholder__description--pur {
        line-height: var(--body-line-height-lg)
    }
}

.nobp .search-page [data-tenant=sportbild] .embed-placeholder__description--pur {
    line-height: var(--body-line-height-lg)
}

.search-page .embed-placeholder__footer {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    color: #868e96;
    text-align: center;
    margin: 0
}

@media (min-width: 64em) {
    .search-page .embed-placeholder__footer {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .search-page .embed-placeholder__footer {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.search-page [data-tenant=sportbild] .embed-placeholder__footer {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm)
}

@media (min-width: 64em) {
    .search-page [data-tenant=sportbild] .embed-placeholder__footer {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .search-page [data-tenant=sportbild] .embed-placeholder__footer {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.embed-placeholder__container--piano {
    margin: 0 8px
}

@media (min-width: 37.5em) {
    .embed-placeholder__container--piano {
        margin: 0 12px
    }
}

@media (min-width: 64em) {
    .embed-placeholder__container--piano {
        margin: 0 16px
    }
}

.nobp .embed-placeholder__container--piano {
    margin: 0 16px
}

.transmatico-embed {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    box-sizing: border-box
}

@media (min-width: 64em) {
    .transmatico-embed {
        padding: 0
    }
}

.nobp .transmatico-embed {
    padding: 0
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.dynamic, .variable {
    aspect-ratio: auto;
    object-fit: cover;
    height: auto
}

.landscape {
    aspect-ratio: 1.7777777778;
    object-fit: cover;
    height: auto
}

.portrait {
    aspect-ratio: .8421052632;
    object-fit: cover;
    height: auto
}

.square {
    aspect-ratio: 1;
    object-fit: cover;
    height: auto
}

.rectangle {
    aspect-ratio: 2;
    object-fit: cover;
    height: auto
}

.teaser-portrait {
    aspect-ratio: .8666666667;
    object-fit: cover;
    height: auto
}

.teaser-wide {
    aspect-ratio: 2.0512820513;
    object-fit: cover;
    height: auto
}

.teaser-tower {
    aspect-ratio: .4875;
    object-fit: cover;
    height: auto
}

@media only screen and (device-width >= 810px) and (device-width <= 1080px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        -webkit-text-size-adjust: none
    }
}

@font-face {
    font-family: Gotham;
    src: url("") format("woff2"), url("") format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Gotham Cond;
    src: url("") format("woff2"), url("") format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Gotham Cond;
    src: url("") format("woff2"), url("") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gotham XNarrow;
    src: url("21A46BAE2B5D0CF5D-BNjnyE8u.woff2") format("woff2"), url("21A46BAE2B5D0CF5D-B86TC6Xy.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham XNarrow;
    src: url("D7632D565C85109A8-hzow0dTi.woff2") format("woff2"), url("D7632D565C85109A8-CzMhb-pT.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Antenna Extra Cond;
    src: url("") format("woff2"), url("") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Antenna Cond;
    src: url("") format("woff2"), url("") format("woff");
    font-weight: 700;
    font-style: normal
}

html {
    box-sizing: border-box
}

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

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 20rem
}

a:hover, a:active, a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a[href], button {
    touch-action: manipulation
}

img, iframe {
    vertical-align: middle
}

iframe {
    border: 0;
    max-width: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@media print {
    img, .embed {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid
    }
}

a > *, button > *, [role=button] > * {
    pointer-events: none
}

@supports (-moz-appearance: none) {
    a:focus-visible, button:focus-visible, [type=button]:focus-visible {
        outline: 2px solid AccentColor;
        box-shadow: 0 0 0 3px #fff
    }
}

.main-content--editorial [class*=ad-wrapper--mrec_btf] {
    margin: 8px 0 16px
}

@media (min-width: 37.5em) {
    .main-content--editorial [class*=ad-wrapper--mrec_btf] {
        margin: 12px 0 24px
    }
}

@media (min-width: 64em) {
    .main-content--editorial [class*=ad-wrapper--mrec_btf] {
        margin: 16px 0 32px
    }
}

.nobp .main-content--editorial [class*=ad-wrapper--mrec_btf] {
    margin: 16px 0 32px
}

.nobp .main-content--editorial .article-body [class*=ad-wrapper--mrec_btf] {
    float: right;
    width: 300px;
    margin: 0 16px
}

@media (min-width: 64em) {
    .main-content--editorial .article-body [class*=ad-wrapper--mrec_btf].outstream {
        width: 100%;
        clear: both;
        margin-bottom: 32px
    }
}

.nobp .main-content--editorial .article-body [class*=ad-wrapper--mrec_btf].outstream {
    width: 100%;
    clear: both;
    margin-bottom: 32px
}

.main-content--editorial .ad-wrapper--mrec {
    margin: 8px 0 16px
}

@media (min-width: 37.5em) {
    .main-content--editorial .ad-wrapper--mrec {
        margin: 12px 0 24px
    }
}

@media (min-width: 64em) {
    .main-content--editorial .ad-wrapper--mrec {
        margin: 16px 0 32px
    }
}

.nobp .main-content--editorial .ad-wrapper--mrec {
    margin: 16px 0 32px
}

.nobp .main-content--editorial .ad-wrapper--mrec {
    float: right;
    width: 300px;
    margin: 0 16px
}

.nobp .main-content--editorial .article-body .ad-wrapper--mrec {
    margin: 0 0 0 16px
}

.main-content--editorial .ad-wrapper--tms {
    margin: 8px 0 16px
}

@media (min-width: 37.5em) {
    .main-content--editorial .ad-wrapper--tms {
        margin: 12px 0 24px
    }
}

@media (min-width: 64em) {
    .main-content--editorial .ad-wrapper--tms {
        margin: 16px 0 32px
    }
}

.nobp .main-content--editorial .ad-wrapper--tms {
    margin: 16px 0 32px
}

@media (min-width: 64em) {
    .main-content--editorial .article-body .ad-wrapper--mrec.outstream, .main-content--editorial .article-body .ad-wrapper--tms.outstream {
        width: 100%;
        clear: both;
        margin-bottom: 32px
    }
}

.nobp .main-content--editorial .article-body .ad-wrapper--mrec.outstream, .nobp .main-content--editorial .article-body .ad-wrapper--tms.outstream {
    width: 100%;
    clear: both;
    margin-bottom: 32px
}

.page-footer {
    margin-top: 40px
}

@media (min-width: 37.5em) {
    .page-footer {
        margin-top: 60px
    }
}

@media (min-width: 64em) {
    .page-footer {
        margin-top: 80px
    }
}

.nobp .page-footer {
    margin-top: 80px
}

.main-content--adblockwall .adblockwall-heading {
    padding: 40px 16px 64px;
    background-color: #212529;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column
}

@media (min-width: 64em) {
    .main-content--adblockwall .adblockwall-heading {
        padding: 40px 96px 96px;
        flex-direction: row-reverse
    }
}

.nobp .main-content--adblockwall .adblockwall-heading {
    padding: 40px 96px 96px;
    flex-direction: row-reverse
}

.main-content--adblockwall .adblockwall-heading svg {
    width: 204px;
    padding-bottom: 16px
}

@media (min-width: 64em) {
    .main-content--adblockwall .adblockwall-heading svg {
        padding-bottom: 0;
        width: 292px
    }
}

.nobp .main-content--adblockwall .adblockwall-heading svg {
    padding-bottom: 0;
    width: 292px
}

.main-content--adblockwall .adblockwall-heading__text {
    max-width: 328px;
    color: #f8f9fa
}

@media (min-width: 64em) {
    .main-content--adblockwall .adblockwall-heading__text {
        max-width: 392px
    }
}

.nobp .main-content--adblockwall .adblockwall-heading__text {
    max-width: 392px
}

.main-content--adblockwall .adblockwall-heading__text h1 {
    text-align: center;
    margin: 0;
    max-width: none;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm)
}

@media (min-width: 64em) {
    .main-content--adblockwall .adblockwall-heading__text h1 {
        text-align: left;
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg)
    }
}

.nobp .main-content--adblockwall .adblockwall-heading__text h1 {
    text-align: left;
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg)
}

.main-content--adblockwall .adblockwall-heading__text p {
    text-align: center;
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm)
}

@media (min-width: 64em) {
    .main-content--adblockwall .adblockwall-heading__text p {
        text-align: left
    }
}

.nobp .main-content--adblockwall .adblockwall-heading__text p {
    text-align: left
}

@media (min-width: 64em) {
    .main-content--adblockwall {
        margin-left: 16px;
        margin-right: 16px
    }
}

.nobp .main-content--adblockwall {
    margin-left: 16px;
    margin-right: 16px
}

.chat-window__introduction {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: opacity .2s ease, max-height .2s ease
}

.chat-window__introduction--visible {
    opacity: 1;
    max-height: 500px;
    padding: 16px 12px 0
}

.chat-window__introduction p {
    font-size: var(--body-font-size);
    font-weight: 700
}

.chat-window__introduction__sub-headline {
    margin-bottom: 16px
}

.chat-window__introduction__sub-headline__beta-label {
    font-weight: 400
}

.hey-lilly-user-input-container {
    display: flex;
    gap: 4px;
    width: 100%;
    padding: 10px;
    position: relative
}

.hey-lilly-user-input-container__input-text {
    width: 100%;
    padding: 10px 40px 10px 10px;
    border-radius: 4px;
    border: 1px solid #868e96;
    position: relative;
    outline: none;
    font-size: var(--footnote-font-size-sm)
}

.hey-lilly-user-input-container__input-text:focus-within, .hey-lilly-user-input-container__input-text:hover {
    border: 1px solid #212529
}

.hey-lilly-user-input-container__send-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 20px;
    bottom: 14px
}

.hey-lilly-user-input-container__send-button--active svg path {
    fill: var(--hey-button-foreground-color)
}

@keyframes btn-shimmer {
    to {
        background-position: -220% center
    }
}

.hey-lilly-suggestions {
    display: flex;
    background-color: #fff;
    padding: 8px 12px 16px;
    flex-flow: row nowrap;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.hey-lilly-suggestions__btn {
    white-space: nowrap;
    border-radius: 8px 8px 0;
    border: 1px solid var(--hey-button-foreground-color);
    padding: 8px 12px;
    font-family: var(--hey-button-font);
    font-size: var(--hey-button-font-size);
    font-weight: var(--hey-button-font-weight);
    color: transparent;
    text-shadow: 0 0 0 var(--hey-button-foreground-color);
    background-color: var(--hey-button-background-color);
    cursor: pointer
}

.hey-lilly-suggestions__btn--active {
    text-shadow: 0 0 0 var(--hey-button-foreground-color-active);
    background-color: var(--hey-button-background-color-active)
}

.hey-lilly-suggestions__btn--disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.hey-lilly-suggestions__btn--active .hey-lilly-suggestions__btn--disabled {
    opacity: .8
}

.hey-lilly-suggestions__btn--shimmer {
    will-change: background-position;
    background: linear-gradient(315deg, var(--hey-button-foreground-color) 30%, var(--hey-button-foreground-color-active) 40%, var(--hey-button-foreground-color) 50%);
    background-size: 220% auto;
    text-shadow: none;
    background-clip: text;
    -webkit-background-clip: text;
    animation: btn-shimmer 1s linear
}

@media (prefers-reduced-motion: reduce) {
    .hey-lilly-suggestions__btn--shimmer {
        animation: none
    }
}

.hey-lilly-suggestions__btn--shimmer.hey-lilly-suggestions__btn--active {
    background-clip: border-box;
    -webkit-background-clip: border-box;
    text-shadow: 0 0 0 var(--hey-button-foreground-color-active)
}

.hey-lilly-suggestions--columns {
    flex-flow: row-reverse wrap;
    align-items: flex-start
}

.hey-lilly-suggestions--columns .hey-lilly-suggestions__btn {
    white-space: normal;
    text-align: left
}

.chat-container {
    font-family: var(--body-font);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.chat-container__user-input {
    flex-shrink: 0;
    margin-top: auto
}

.chat-container__bottom-fade {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 32px;
    background: linear-gradient(to bottom, #fff0, #fffc 60%, #fffffff2);
    pointer-events: none;
    z-index: 110
}

.chat-container__bottom-fade--with-input {
    bottom: 60px
}

.chat-window {
    font-size: var(--body-font-size);
    line-height: 130%;
    padding: 0 0 32px;
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    position: relative;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

.chat-window h1 {
    font-size: var(--headline-4-font-size-md);
    margin: 12px 0
}

.chat-window h2, .chat-window h3 {
    font-size: var(--body-font-size);
    text-transform: uppercase;
    margin: 12px 0
}

.chat-window h4 {
    font-size: var(--body-font-size);
    margin: 12px 0
}

.chat-window a {
    color: #05f;
    text-decoration: underline
}

.chat-window a:hover {
    color: var(--main-tenant-color)
}

.chat-window img {
    max-width: 100%;
    height: auto;
    margin: 12px 0
}

.chat-window__scroll-space {
    pointer-events: none;
    opacity: 0
}

.chat-window__bottom-fade {
    position: absolute;
    left: 0;
    right: 0;
    height: 32px;
    background: linear-gradient(to bottom, #fff0, #fffc 60%, #fffffff2);
    pointer-events: none;
    z-index: 110;
    bottom: 0;
    transform: translateY(-100%)
}

@media (min-width: 64em) {
    .chat-window {
        padding: 0 0 16px
    }
}

.nobp .chat-window {
    padding: 0 0 16px
}

.chat-window__user-prompt {
    display: flex;
    justify-content: flex-end;
    margin: 0 12px
}

.chat-window__user-prompt span {
    width: fit-content;
    border-radius: 8px 8px 0;
    border: 1px solid var(--hey-button-foreground-color);
    padding: 8px 12px;
    font-family: var(--hey-button-font);
    font-size: var(--hey-button-font-size);
    font-weight: var(--hey-button-font-weight);
    color: var(--hey-button-foreground-color-active);
    background-color: var(--hey-button-background-color-active);
    word-wrap: break-word;
    white-space: pre-wrap
}

.chat-window__text {
    margin: 20px 0;
    padding: 0 12px
}

.chat-window--scroll-lock {
    overflow-y: hidden
}

.bottom-sheet--hidden-on-intersect {
    translate: -100vw;
    transition: top .1s linear, translate .25s cubic-bezier(.42, -.05, .35, 1.01)
}

.vgwort-pixel {
    position: absolute
}

.premium-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .premium-mark {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .premium-mark {
        margin-bottom: 32px
    }
}

.nobp .premium-mark {
    margin-bottom: 32px
}

.premium-mark__slogan {
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    color: #868e96;
    font-family: var(--caption-font);
    font-size: var(--caption-1-font-size-sm);
    height: 28px;
    line-height: 28px;
    text-transform: uppercase
}

@media (min-width: 37.5em) {
    .premium-mark__slogan {
        font-size: var(--caption-1-font-size-md)
    }
}

@media (min-width: 64em) {
    .premium-mark__slogan {
        font-size: var(--caption-1-font-size-lg)
    }
}

.nobp .premium-mark__slogan {
    font-size: var(--caption-1-font-size-lg)
}

.premium-mark__vh {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.premium-mark__icon {
    margin-left: 5px;
    height: 30px
}

.ehfk {
    position: relative;
    background: linear-gradient(#5a0000, #d00);
    max-width: 700px;
    padding: 8px;
    border-radius: 8px;
    margin: 0 auto 16px
}

@media (min-width: 37.5em) {
    .ehfk {
        margin: 0 auto 24px
    }
}

@media (min-width: 64em) {
    .ehfk {
        padding: 16px;
        margin: 0 auto 32px
    }
}

.nobp .ehfk {
    padding: 16px;
    margin: 0 auto 32px
}

.ehfk__title {
    max-width: 320px;
    margin: auto
}

@media (min-width: 64em) {
    .ehfk__title {
        max-width: 488px
    }
}

.nobp .ehfk__title {
    max-width: 488px
}

.ehfk__title p {
    font-family: Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow, Arial Nova, sans-serif;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 0 16px #d00;
    margin-bottom: 8px
}

@media (min-width: 64em) {
    .ehfk__title p {
        font-size: 48px;
        margin-bottom: 16px
    }
}

.nobp .ehfk__title p {
    font-size: 48px;
    margin-bottom: 16px
}

.ehfk__title svg {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 49px;
    height: 61px;
    transform: rotate(-15deg)
}

@media (min-width: 64em) {
    .ehfk__title svg {
        width: 98px;
        height: 122px
    }
}

.nobp .ehfk__title svg {
    width: 98px;
    height: 122px
}

.ehfk__donate {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 8px
}

@media (min-width: 37.5em) {
    .ehfk__donate {
        flex-flow: row nowrap
    }
}

.nobp .ehfk__donate {
    flex-flow: row nowrap
}

.ehfk__donate .anchor__btn {
    display: flex
}

@media (min-width: 37.5em) {
    .ehfk__donate .anchor__btn {
        margin: 0 16px
    }
}

.nobp .ehfk__donate .anchor__btn {
    margin: 0 16px
}

.ehfk__paypal {
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .ehfk__paypal {
        margin-bottom: 0
    }
}

.nobp .ehfk__paypal {
    margin-bottom: 0
}

.ehfk__transfer svg path {
    fill: #fff
}

@media print {
    .ehfk {
        display: none
    }
}

.article-body {
    padding: 0 16px;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .article-body {
        max-width: 844px;
        margin: 0 auto 24px;
        padding: 0 72px
    }
}

@media (min-width: 64em) {
    .article-body {
        max-width: none;
        margin: 0 0 32px;
        padding: 0 162px
    }
}

.nobp .article-body {
    max-width: none;
    margin: 0 0 32px;
    padding: 0 162px
}

.article-body > p {
    font-family: var(--body-font);
    color: #212529;
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    padding-bottom: 16px;
    white-space: pre-line
}

@media (min-width: 64em) {
    .article-body > p {
        line-height: var(--body-line-height-lg);
    }
}

.nobp .article-body > p {
    line-height: var(--body-line-height-lg);
    padding-bottom: 32px
}

.headline {
    display: block;
    white-space: pre-line;
    font-family: var(--headline-font);
    font-size: var(--headline-2-font-size-sm);
    line-height: var(--headline-2-line-height-sm);
    font-style: var(--headline-font-style);
    font-weight: 700;
    text-align: center;
    color: var(--headline-color)
}

@media (min-width: 37.5em) {
    .headline {
        font-size: var(--headline-1-font-size-md);
        line-height: var(--headline-1-line-height-md)
    }
}

@media (min-width: 64em) {
    .headline {
        font-size: var(--headline-1-font-size-lg);
        line-height: var(--headline-1-line-height-lg);
        text-align: var(--headline-text-align-lg)
    }
}

.nobp .headline {
    font-size: var(--headline-1-font-size-lg);
    line-height: var(--headline-1-line-height-lg);
    text-align: var(--headline-text-align-lg)
}

.headline--author {
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    margin-bottom: 4px
}

@media (min-width: 37.5em) {
    .headline--author {
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md)
    }
}

@media (min-width: 64em) {
    .headline--author {
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg);
        text-align: left
    }
}

.nobp .headline--author {
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg);
    text-align: left
}

.headline--block-title {
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .headline--block-title {
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md)
    }
}

@media (min-width: 64em) {
    .headline--block-title {
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg)
    }
}

.nobp .headline--block-title {
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg)
}

.video-title .headline {
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    font-weight: 700;
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .video-title .headline {
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md)
    }
}

@media (min-width: 64em) {
    .video-title .headline {
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg)
    }
}

.nobp .video-title .headline {
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg)
}

.title__separator {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.kicker {
    display: block;
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-weight: var(--kicker-0-font-weight-sm);
    color: var(--kicker-color);
    font-size: var(--kicker-0-font-size-sm);
    line-height: 1.1;
    text-align: center;
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .kicker {
        font-size: var(--kicker-0-font-size-md);
        line-height: var(--kicker-0-line-height-md);
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .kicker {
        font-size: var(--kicker-0-font-size-lg);
        line-height: var(--kicker-0-line-height-lg);
        margin-bottom: 16px;
        text-align: var(--article-kicker-text-align-lg)
    }
}

.nobp .kicker {
    font-size: var(--kicker-0-font-size-lg);
    line-height: var(--kicker-0-line-height-lg);
    margin-bottom: 16px;
    text-align: var(--article-kicker-text-align-lg)
}

.kicker--author {
    font-size: var(--kicker-2-font-size-sm);
    line-height: var(--kicker-2-line-height-sm);
    margin-bottom: 0
}

@media (min-width: 37.5em) {
    .kicker--author {
        font-size: var(--kicker-2-font-size-md);
        line-height: var(--kicker-2-line-height-md);
        margin-bottom: 0
    }
}

@media (min-width: 64em) {
    .kicker--author {
        font-size: var(--kicker-2-font-size-lg);
        line-height: var(--kicker-2-line-height-lg);
        margin-bottom: 0;
        text-align: left
    }
}

.nobp .kicker--author {
    font-size: var(--kicker-2-font-size-lg);
    line-height: var(--kicker-2-line-height-lg);
    margin-bottom: 0;
    text-align: left
}

.kicker--block-title {
    font-size: var(--kicker-2-font-size-sm);
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 0
}

@media (min-width: 37.5em) {
    .kicker--block-title {
        font-size: var(--kicker-2-font-size-md);
        line-height: var(--kicker-2-line-height-md);
        margin-bottom: 0
    }
}

@media (min-width: 64em) {
    .kicker--block-title {
        font-size: var(--kicker-2-font-size-lg);
        line-height: var(--kicker-2-line-height-lg);
        margin-bottom: 0
    }
}

.nobp .kicker--block-title {
    font-size: var(--kicker-2-font-size-lg);
    line-height: var(--kicker-2-line-height-lg);
    margin-bottom: 0
}

.video-title .kicker {
    font-size: var(--kicker-2-font-size-sm);
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 2px
}

@media (min-width: 37.5em) {
    .video-title .kicker {
        font-size: var(--kicker-2-font-size-md);
        line-height: var(--kicker-2-line-height-md)
    }
}

@media (min-width: 64em) {
    .video-title .kicker {
        font-size: var(--kicker-2-font-size-lg);
        line-height: var(--kicker-2-line-height-lg)
    }
}

.nobp .video-title .kicker {
    font-size: var(--kicker-2-font-size-lg);
    line-height: var(--kicker-2-line-height-lg)
}

.article-image__anchor {
    display: inline-block
}

.video-heading {
    text-align: center;
    margin-bottom: 8px
}

@media (min-width: 64em) {
    .video-heading {
        margin-bottom: 16px
    }
}

.nobp .video-heading {
    margin-bottom: 16px
}

.video-heading__kicker {
    font-family: var(--kicker-font);
    font-size: var(--kicker-2-font-size-sm);
    font-weight: var(--kicker-2-font-weight-sm);
    line-height: 1.1;
    color: var(--kicker-color);
    display: block;
    margin-bottom: 2px
}

@media (min-width: 37.5em) {
    .video-heading__kicker {
        font-size: var(--kicker-2-font-size-md);
        line-height: var(--kicker-2-line-height-md)
    }
}

@media (min-width: 64em) {
    .video-heading__kicker {
        font-size: var(--kicker-2-font-size-lg);
        line-height: var(--kicker-2-line-height-lg)
    }
}

.nobp .video-heading__kicker {
    font-size: var(--kicker-2-font-size-lg);
    line-height: var(--kicker-2-line-height-lg)
}

.video-heading__separator {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.video-heading__headline {
    font-family: var(--headline-font);
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    font-weight: 700;
    color: var(--headline-color);
    display: block;
    white-space: pre-line;
    font-style: var(--headline-font-style);
    margin: 0 16px
}

@media (min-width: 37.5em) {
    .video-heading__headline {
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md)
    }
}

@media (min-width: 64em) {
    .video-heading__headline {
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg)
    }
}

.nobp .video-heading__headline {
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg)
}

.video-heading--article {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.article-body .video-heading--article {
    position: static;
    clip-path: none;
    width: auto;
    height: auto;
    overflow: visible;
    white-space: normal
}

.float-container {
    display: contents
}

.nobp .article-body .float-container {
    display: block;
    container-type: inline-size;
    container-name: figure
}

@container figure (inline-size < 700px) {
    .nobp .article-body .float-container .fig {
        margin: 0 0 32px
    }

    .nobp .article-body .float-container .fig.fig--video {
        margin: 0
    }
}

.video-centre-slot {
    position: relative
}

.video-centre-slot__content {
    position: relative;
    aspect-ratio: 1.7777777778
}

.video-centre-slot__content--absolute {
    position: absolute;
    inset: 0;
    z-index: 110
}

@keyframes fade-sticky-placeholder {
    0% {
        filter: brightness(1)
    }
    to {
        filter: brightness(.2)
    }
}

.video-element__sticky-placeholder {
    animation: .5s forwards fade-sticky-placeholder
}

.video-caption {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    margin: 8px 0 0;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    color: #495057
}

@media (min-width: 64em) {
    .video-caption {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .video-caption {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.video-caption__text {
    padding-right: 2px;
    margin-bottom: 8px
}

.video-caption__text .text-link {
    display: inline-block;
    padding-bottom: 0;
    box-shadow: none;
    transition: none;
    will-change: auto;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}

.video-caption__text .text-link:hover, .video-caption__text .text-link:active {
    box-shadow: none;
    text-decoration-color: var(--text-link-underline-color);
    text-decoration-thickness: 2px;
    text-underline-offset: 1px
}

.video-caption__text .text-link:after {
    content: "";
    position: relative;
    top: calc((40px - var(--footnote-font-size-sm)) / 2);
    height: 40px;
    margin-top: -40px;
    opacity: 0;
    display: block
}

@media (min-width: 64em) {
    .video-caption__text .text-link:after {
        top: calc((40px - var(--footnote-font-size-lg)) / 2)
    }
}

.nobp .video-caption__text .text-link:after {
    top: calc((40px - var(--footnote-font-size-lg)) / 2)
}

.video-caption time {
    white-space: nowrap;
    margin: 0 0 8px auto
}

.outbrain-widget {
    padding: 0 8px
}

@media (min-width: 37.5em) {
    .outbrain-widget {
        padding: 0 12px
    }
}

@media (min-width: 64em) {
    .outbrain-widget {
        padding: 0 16px
    }
}

.nobp .outbrain-widget {
    padding: 0 16px
}

.logora_embed {
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .logora_embed {
        max-width: 844px;
        margin: 0 auto 24px
    }
}

@media (min-width: 64em) {
    .logora_embed {
        max-width: none;
        margin: 0 0 32px
    }
}

.nobp .logora_embed {
    max-width: none;
    margin: 0 0 32px
}

.author-social-links {
    margin-inline: auto;
    margin-block: 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 37.5em) {
    .author-social-links {
        margin-block: 24px
    }
}

@media (min-width: 64em) {
    .author-social-links {
        margin-block: 32px
    }

    .author-social-links .cross-heading {
        margin-bottom: 16px
    }
}

.nobp .author-social-links {
    margin-block: 32px
}

.nobp .author-social-links .cross-heading {
    margin-bottom: 16px
}

.author-social-links__list {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 24px 8px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.author-social-links .cross-heading {
    margin-bottom: 16px
}

.author-social-link {
    flex: 0 0 80px
}

.author-social-link__anchor {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: var(--social-link-color)
}

.author-social-link__anchor path {
    fill: var(--social-link-color)
}

.author-social-link__anchor:hover, .author-social-link__anchor:active {
    color: var(--social-link-highlight-color)
}

.author-social-link__anchor:hover .author-social-link__type, .author-social-link__anchor:active .author-social-link__type {
    border-bottom-color: var(--social-link-border-color)
}

.author-social-link__anchor:hover .author-social-link__icon path, .author-social-link__anchor:active .author-social-link__icon path {
    fill: var(--social-link-border-color)
}

.author-social-link__anchor:hover .author-social-link__icon--x path, .author-social-link__anchor:active .author-social-link__icon--x path {
    fill: #000
}

.author-social-link__anchor:hover .author-social-link__icon--facebook path, .author-social-link__anchor:active .author-social-link__icon--facebook path {
    fill: #4267b2
}

.author-social-link__anchor:hover .author-social-link__icon--linkedin path, .author-social-link__anchor:active .author-social-link__icon--linkedin path {
    fill: #0077b5
}

.author-social-link__icon {
    flex-shrink: 0
}

.author-social-link__type {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    text-align: center;
    font-family: var(--social-link-font);
    font-size: var(--social-link-font-size);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    line-height: var(--social-link-line-height);
    border-bottom: 2px solid transparent
}

.author-lead {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .author-lead {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .author-lead {
        align-items: start;
        justify-content: flex-start;
        margin-bottom: 32px;
        min-height: 146px
    }
}

.nobp .author-lead {
    align-items: start;
    justify-content: flex-start;
    margin-bottom: 32px;
    min-height: 146px
}

.author-lead img {
    border-radius: 50%;
    width: 96px;
    height: 96px;
    object-fit: cover;
    margin: 12px auto 0
}

@media (min-width: 37.5em) {
    .author-lead img {
        width: 130px;
        height: 130px
    }
}

.nobp .author-lead img {
    width: 130px;
    height: 130px
}

@media (min-width: 64em) {
    .author-lead img {
        position: absolute;
        left: 16px;
        margin-top: 16px
    }
}

.nobp .author-lead img {
    position: absolute;
    left: 16px;
    margin-top: 16px
}

@media (min-width: 64em) {
    .author-lead:has(+.author-biography), .author-lead:has(+.author-social-links) {
        min-height: 0
    }
}

.nobp .author-lead:has(+.author-biography), .nobp .author-lead:has(+.author-social-links) {
    min-height: 0
}

.author-recommendations {
    margin: 0 -8px
}

@media (min-width: 37.5em) {
    .author-recommendations {
        margin: 0 -60px
    }
}

@media (min-width: 64em) {
    .author-recommendations {
        margin: 0 -146px
    }
}

.nobp .author-recommendations {
    margin: 0 -146px
}

.author-recommendations__title {
    font-size: var(--author-headline-font-size-sm);
    line-height: var(--author-headline-line-height-sm);
    font-weight: var(--author-headline-font-weight);
    font-family: var(--ressort-header-font);
    color: var(--ressort-header-color);
    text-transform: uppercase;
    margin-bottom: 12px
}

@media (min-width: 37.5em) {
    .author-recommendations__title {
        font-size: var(--author-headline-font-size-md);
        line-height: var(--author-headline-line-height-md)
    }
}

@media (min-width: 64em) {
    .author-recommendations__title {
        font-size: var(--author-headline-font-size-lg);
        line-height: var(--author-headline-line-height-lg)
    }
}

.nobp .author-recommendations__title {
    font-size: var(--author-headline-font-size-lg);
    line-height: var(--author-headline-line-height-lg)
}

.author-recommendations .slider__container {
    margin: 0 -8px;
    padding: 0 0 0 8px;
    gap: 8px
}

@media (min-width: 37.5em) {
    .author-recommendations .slider__container {
        margin: 0 -12px;
        padding: 0 0 0 12px;
        gap: 12px
    }
}

@media (min-width: 64em) {
    .author-recommendations .slider__container {
        margin: 0;
        padding: 0;
        gap: 16px
    }
}

.nobp .author-recommendations .slider__container {
    margin: 0;
    padding: 0;
    gap: 16px
}

.author-recommendations .slider__controls__left, .author-recommendations .slider__controls__right {
    background: transparent
}

.author-recommendations .slider__controls__left:before, .author-recommendations .slider__controls__right:before {
    background: none
}

.author-recommendations .slider__controls__left .btn, .author-recommendations .slider__controls__right .btn {
    opacity: .9;
    background-color: #212529;
    margin: 0 0 80px
}

@media (hover: hover) and (pointer: fine) {
    .author-recommendations .slider__controls__left .btn:hover, .author-recommendations .slider__controls__left .btn:active, .author-recommendations .slider__controls__left .btn:focus-visible, .author-recommendations .slider__controls__right .btn:hover, .author-recommendations .slider__controls__right .btn:active, .author-recommendations .slider__controls__right .btn:focus-visible {
        background-color: var(--secondary-tenant-color)
    }
}

.author-recommendations .slider__controls__left .btn svg path, .author-recommendations .slider__controls__right .btn svg path {
    fill: #fff
}

.author-recommendation a {
    text-decoration: none;
    display: block
}

.author-recommendation a:focus {
    outline: none
}

.author-recommendation a:focus:before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 2px #0060cb;
    z-index: 110
}

.author-recommendation__article {
    width: 145px;
    position: relative
}

@media (min-width: 37.5em) {
    .author-recommendation__article {
        width: 260px
    }
}

@media (min-width: 64em) {
    .author-recommendation__article {
        width: 300px
    }
}

.nobp .author-recommendation__article {
    width: 300px
}

.author-recommendation__article .teaser__image {
    width: 100%
}

.author-recommendation__article .teaser__premium-icon {
    top: 4px
}

@media (min-width: 37.5em) {
    .author-recommendation__article .teaser__premium-icon {
        top: 8px
    }
}

.nobp .author-recommendation__article .teaser__premium-icon {
    top: 8px
}

.author-recommendation__article .teaser__title__kicker {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-weight: var(--kicker-3-font-weight-sm);
    font-size: var(--kicker-3-font-size-sm);
    line-height: var(--kicker-3-line-height-sm);
    color: var(--kicker-color);
    margin-top: 4px;
    margin-bottom: 2px
}

@media (min-width: 37.5em) {
    .author-recommendation__article .teaser__title__kicker {
        margin-top: 8px;
        margin-bottom: 4px
    }
}

.nobp .author-recommendation__article .teaser__title__kicker {
    margin-top: 8px;
    margin-bottom: 4px
}

@media (min-width: 37.5em) {
    .author-recommendation__article .teaser__title__kicker {
        font-weight: var(--kicker-3-font-weight-md);
        font-size: var(--kicker-3-font-size-md);
        line-height: var(--kicker-3-line-height-md)
    }
}

@media (min-width: 64em) {
    .author-recommendation__article .teaser__title__kicker {
        font-weight: var(--kicker-3-font-weight-lg);
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg)
    }
}

.nobp .author-recommendation__article .teaser__title__kicker {
    font-weight: var(--kicker-3-font-weight-lg);
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg)
}

.author-recommendation__article .teaser__title__separator {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.author-recommendation__article .teaser__title__headline {
    display: block;
    white-space: pre-line;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    color: var(--headline-color);
    font-size: var(--headline-4-font-size-sm);
    font-weight: var(--headline-4-font-weight-sm);
    line-height: var(--headline-4-line-height-sm);
    text-align: left
}

@media (min-width: 37.5em) {
    .author-recommendation__article .teaser__title__headline {
        font-size: var(--headline-4-font-size-md);
        font-weight: var(--headline-4-font-weight-md);
        line-height: var(--headline-4-line-height-md)
    }
}

@media (min-width: 64em) {
    .author-recommendation__article .teaser__title__headline {
        font-size: var(--headline-4-font-size-lg);
        font-weight: var(--headline-4-font-weight-lg);
        line-height: var(--headline-4-line-height-lg)
    }
}

.nobp .author-recommendation__article .teaser__title__headline {
    font-size: var(--headline-4-font-size-lg);
    font-weight: var(--headline-4-font-weight-lg);
    line-height: var(--headline-4-line-height-lg)
}

.author-biography {
    text-align: center;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .author-biography {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .author-biography {
        margin-bottom: 32px
    }
}

.nobp .author-biography {
    margin-bottom: 32px
}

.author-biography__button {
    margin-top: 8px
}

@media (min-width: 37.5em) {
    .author-biography__button {
        margin-top: 16px
    }
}

@media (min-width: 64em) {
    .author-biography__button {
        margin-top: 16px
    }
}

.nobp .author-biography__button {
    margin-top: 16px
}

.author-biography__button--expanded svg {
    transform: rotate(180deg)
}

.author-biography__content {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    color: #212529;
    text-align: left
}

.author-biography__content p {
    white-space: pre-line;
    padding-bottom: 16px
}

@media (min-width: 64em) {
    .author-biography__content {
        line-height: var(--body-line-height-lg)
    }

    .author-biography__content p {
        padding-bottom: 32px
    }
}

.nobp .author-biography__content {
    line-height: var(--body-line-height-lg)
}

.nobp .author-biography__content p {
    padding-bottom: 32px
}

.author-biography__content p:last-child {
    padding-bottom: 0
}

.author-biography__content ol:last-child, .author-biography__content ul:last-child {
    margin-bottom: 0
}

.author-biography__content--truncate {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 37.5em) {
    .author-biography__content--truncate {
        display: -webkit-box;
        -webkit-line-clamp: 11;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 64em) {
    .author-biography__content--truncate {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.nobp .author-biography__content--truncate {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.video-title {
    margin: 0 0 8px
}

.video-description {
    display: grid
}

.video-description details[open] {
    display: contents
}

.video-description details summary {
    text-align: center;
    list-style: none;
    cursor: pointer;
    font-family: var(--footnote-font);
    font-weight: 700;
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    color: #495057;
    text-indent: 24px;
    margin: auto
}

@media (hover: hover) and (pointer: fine) {
    .video-description details summary:hover, .video-description details summary:active, .video-description details summary:focus-visible {
        color: var(--secondary-tenant-color)
    }

    .video-description details summary:hover svg path, .video-description details summary:active svg path, .video-description details summary:focus-visible svg path {
        fill: var(--secondary-tenant-color)
    }
}

@media (min-width: 64em) {
    .video-description details summary {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .video-description details summary {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.video-description details summary::-webkit-details-marker {
    display: none
}

.video-description details summary svg {
    vertical-align: middle
}

.video-description details[open] summary {
    order: 1
}

.video-description details[open] summary svg {
    transform: rotate(180deg)
}

.video-description p {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    color: #212529
}

@media (min-width: 64em) {
    .video-description p {
        line-height: var(--body-line-height-lg)
    }
}

.nobp .video-description p {
    line-height: var(--body-line-height-lg)
}

.recommendation-item .teaser__title__kicker {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-weight: var(--kicker-3-font-weight-sm);
    font-size: var(--kicker-3-font-size-sm);
    line-height: 1.1;
    color: var(--kicker-color);
    margin-top: 4px;
    margin-bottom: 2px
}

@media (min-width: 37.5em) {
    .recommendation-item .teaser__title__kicker {
        margin-top: 8px;
        margin-bottom: 4px
    }
}

.nobp .recommendation-item .teaser__title__kicker {
    margin-top: 8px;
    margin-bottom: 4px
}

@media (min-width: 37.5em) {
    .recommendation-item .teaser__title__kicker {
        font-size: var(--kicker-3-font-size-md)
    }
}

@media (min-width: 64em) {
    .recommendation-item .teaser__title__kicker {
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg)
    }
}

.nobp .recommendation-item .teaser__title__kicker {
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg)
}

.recommendation-item .teaser__title__separator {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.recommendation-item .teaser__title__headline {
    display: block;
    white-space: pre-line;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    color: var(--headline-color);
    font-size: var(--headline-4-font-size-sm);
    font-weight: var(--headline-4-font-weight-sm);
    text-align: left;
    line-height: var(--headline-4-line-height-sm)
}

@media (min-width: 37.5em) {
    .recommendation-item .teaser__title__headline {
        font-size: var(--headline-4-font-size-md);
        line-height: var(--headline-4-line-height-md)
    }
}

@media (min-width: 64em) {
    .recommendation-item .teaser__title__headline {
        font-size: var(--headline-4-font-size-lg);
        line-height: var(--headline-4-line-height-lg)
    }
}

.nobp .recommendation-item .teaser__title__headline {
    font-size: var(--headline-4-font-size-lg);
    line-height: var(--headline-4-line-height-lg)
}

.recommendation-slider .recommendation-item {
    width: 145px
}

@media (min-width: 37.5em) {
    .recommendation-slider .recommendation-item {
        width: 260px
    }
}

@media (min-width: 64em) {
    .recommendation-slider .recommendation-item {
        width: 300px
    }
}

.nobp .recommendation-slider .recommendation-item {
    width: 300px
}

.recommendation-list .recommendation-item {
    margin-bottom: 24px
}

@media (min-width: 37.5em) {
    .recommendation-list .recommendation-item {
        margin-bottom: 0
    }
}

@media (min-width: 64em) {
    .recommendation-list .recommendation-item {
        width: 320px
    }
}

.nobp .recommendation-list .recommendation-item {
    width: 320px
}

.recommendation-slider .recommendation-item .teaser__premium-icon, .recommendation-list .recommendation-item .teaser__premium-icon {
    top: 4px
}

@media (min-width: 37.5em) {
    .recommendation-slider .recommendation-item .teaser__premium-icon, .recommendation-list .recommendation-item .teaser__premium-icon {
        top: 8px
    }
}

.nobp .recommendation-slider .recommendation-item .teaser__premium-icon, .nobp .recommendation-list .recommendation-item .teaser__premium-icon {
    top: 8px
}

@media (min-width: 64em) {
    .recommendation-slider .recommendation-item .teaser__premium-icon svg, .recommendation-list .recommendation-item .teaser__premium-icon svg {
        width: 60px;
        left: -1px
    }
}

.nobp .recommendation-slider .recommendation-item .teaser__premium-icon svg, .nobp .recommendation-list .recommendation-item .teaser__premium-icon svg {
    width: 60px;
    left: -1px
}

.recommendation-slider .recommendation-item .video-banner, .recommendation-list .recommendation-item .video-banner {
    height: 24px;
    right: 4px;
    top: 4px
}

.recommendation-slider .recommendation-item .video-banner svg, .recommendation-list .recommendation-item .video-banner svg {
    width: 24px
}

@media (min-width: 37.5em) {
    .recommendation-slider .recommendation-item .video-banner, .recommendation-list .recommendation-item .video-banner {
        right: 8px;
        top: 8px;
        height: 32px
    }

    .recommendation-slider .recommendation-item .video-banner time, .recommendation-list .recommendation-item .video-banner time {
        font-size: var(--video-banner-font-size-lg);
        padding: 4px 8px
    }

    .recommendation-slider .recommendation-item .video-banner svg, .recommendation-list .recommendation-item .video-banner svg {
        width: 32px
    }
}

.nobp .recommendation-slider .recommendation-item .video-banner, .nobp .recommendation-list .recommendation-item .video-banner {
    right: 8px;
    top: 8px;
    height: 32px
}

.nobp .recommendation-slider .recommendation-item .video-banner time, .nobp .recommendation-list .recommendation-item .video-banner time {
    font-size: var(--video-banner-font-size-lg);
    padding: 4px 8px
}

.nobp .recommendation-slider .recommendation-item .video-banner svg, .nobp .recommendation-list .recommendation-item .video-banner svg {
    width: 32px
}

.recommendation-name {
    font-size: var(--ressort-header-font-size-sm);
    font-family: var(--ressort-header-font);
    line-height: 1.1;
    color: var(--ressort-header-color);
    text-transform: uppercase;
    margin-bottom: 12px
}

@media (min-width: 37.5em) {
    .recommendation-name {
        font-size: var(--ressort-header-font-size-md)
    }
}

@media (min-width: 64em) {
    .recommendation-name {
        font-size: var(--ressort-header-font-size-lg)
    }
}

.nobp .recommendation-name {
    font-size: var(--ressort-header-font-size-lg)
}

.recommendation-slider {
    margin: 24px 16px 0
}

@media (min-width: 37.5em) {
    .recommendation-slider {
        margin: 24px 12px 0
    }
}

@media (min-width: 64em) {
    .recommendation-slider {
        margin: 48px 16px 0
    }
}

.nobp .recommendation-slider {
    margin: 48px 16px 0
}

.recommendation-slider .recommendation-item:not(:first-of-type) {
    margin-left: 12px
}

@media (min-width: 64em) {
    .recommendation-slider .recommendation-item:not(:first-of-type) {
        margin-left: 16px
    }
}

.nobp .recommendation-slider .recommendation-item:not(:first-of-type) {
    margin-left: 16px
}

.recommendation-slider .slider__controls__left, .recommendation-slider .slider__controls__right {
    background-color: transparent
}

.recommendation-slider .slider__controls__left:before, .recommendation-slider .slider__controls__right:before {
    display: none
}

.recommendation-slider .slider__controls__left .btn--slider-right, .recommendation-slider .slider__controls__left .btn--slider-left, .recommendation-slider .slider__controls__right .btn--slider-right, .recommendation-slider .slider__controls__right .btn--slider-left {
    width: 48px;
    background-color: #212529;
    margin: 16.78125px 0 auto
}

@media (min-width: 37.5em) {
    .recommendation-slider .slider__controls__left .btn--slider-right, .recommendation-slider .slider__controls__left .btn--slider-left, .recommendation-slider .slider__controls__right .btn--slider-right, .recommendation-slider .slider__controls__right .btn--slider-left {
        margin: 49.125px 0 auto
    }
}

@media (min-width: 64em) {
    .recommendation-slider .slider__controls__left .btn--slider-right, .recommendation-slider .slider__controls__left .btn--slider-left, .recommendation-slider .slider__controls__right .btn--slider-right, .recommendation-slider .slider__controls__right .btn--slider-left {
        margin: 60.375px 0 auto
    }
}

.nobp .recommendation-slider .slider__controls__left .btn--slider-right, .nobp .recommendation-slider .slider__controls__left .btn--slider-left, .nobp .recommendation-slider .slider__controls__right .btn--slider-right, .nobp .recommendation-slider .slider__controls__right .btn--slider-left {
    margin: 60.375px 0 auto
}

.recommendation-slider .slider__controls__left .btn--slider-right .btn__icon svg path, .recommendation-slider .slider__controls__left .btn--slider-left .btn__icon svg path, .recommendation-slider .slider__controls__right .btn--slider-right .btn__icon svg path, .recommendation-slider .slider__controls__right .btn--slider-left .btn__icon svg path {
    fill: #fff
}

.recommendation-slider .slider__controls__left .btn--slider-right:hover, .recommendation-slider .slider__controls__left .btn--slider-right:active, .recommendation-slider .slider__controls__left .btn--slider-left:hover, .recommendation-slider .slider__controls__left .btn--slider-left:active, .recommendation-slider .slider__controls__right .btn--slider-right:hover, .recommendation-slider .slider__controls__right .btn--slider-right:active, .recommendation-slider .slider__controls__right .btn--slider-left:hover, .recommendation-slider .slider__controls__right .btn--slider-left:active {
    background-color: var(--secondary-tenant-color)
}

.recommendation-list {
    margin: 24px 16px 12px
}

@media (min-width: 37.5em) {
    .recommendation-list {
        margin: 24px 12px 12px
    }
}

@media (min-width: 64em) {
    .recommendation-list {
        margin: 48px 16px 12px
    }
}

.nobp .recommendation-list {
    margin: 48px 16px 12px
}

@media (min-width: 37.5em) {
    .recommendation-list__content {
        display: grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap: 24px 12px
    }
}

@media (min-width: 64em) {
    .recommendation-list__content {
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap: 16px
    }
}

.nobp .recommendation-list__content {
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 16px
}

.article-mtl {
    margin: 0 16px 32px
}

@media (min-width: 64em) {
    .article-mtl--body {
        float: right;
        width: 336px;
        margin-right: -146px
    }
}

.nobp .article-mtl--body {
    float: right;
    width: 336px;
    margin-right: -146px
}

.document-title--article {
    padding: 0 16px;
    margin: 0 0 16px
}

@media (min-width: 37.5em) {
    .document-title--article {
        padding: 0 72px;
        margin: 0 0 24px
    }
}

@media (min-width: 64em) {
    .document-title--article {
        padding: var(--headline-padding-lg);
        margin: 0 0 32px
    }
}

.nobp .document-title--article {
    padding: var(--headline-padding-lg);
    margin: 0 0 32px
}

.document-title--author {
    margin-top: 16px
}

.author {
    font-family: var(--article-author-font);
    color: var(--article-author-text-color);
    font-size: var(--article-author-font-size-sm);
    line-height: var(--article-author-line-height-sm);
    padding: 0 16px
}

.author__name {
    text-transform: uppercase
}

@media (min-width: 37.5em) {
    .author {
        font-size: var(--article-author-font-size-md);
        line-height: var(--article-author-line-height-md);
        max-width: 844px;
        margin: 0 auto;
        padding: 0 72px
    }
}

@media (min-width: 64em) {
    .author {
        font-size: 16px;
        line-height: var(--article-author-line-height-lg);
        max-width: none;
        margin: 0;
        padding: 0 162px
    }
}

.nobp .author {
    font-size: 16px;
    line-height: var(--article-author-line-height-lg);
    max-width: none;
    margin: 0;
    padding: 0 162px
}

.article_author {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.article_author__link {
    position: relative;
    text-decoration: none;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    color: var(--article-author-name-color)
}

.article_author__link:hover, .article_author__link:active, .article_author__link:focus {
    color: var(--article-author-name-hover-color);
    text-decoration-line: underline;
    text-decoration-color: var(--article-author-hover-color);
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px
}

.article_author__link:hover .article_author__image, .article_author__link:active .article_author__image, .article_author__link:focus .article_author__image {
    box-shadow: 0 1px 2px #0003, 0 1px 3px 1px #0000001a
}

.article_author__link:focus {
    outline: none
}

.article_author__link:focus:before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 2px #0060cb;
    z-index: 110
}

.article_author__image {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    max-width: none;
    flex-shrink: 0;
    object-fit: cover
}

.article_author__details p {
    white-space: nowrap
}

.article_author__location {
    font-weight: 325
}

.authors {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    font-weight: 700;
    padding: 0 16px;
    margin: 8px auto
}

@media (min-width: 37.5em) {
    .authors {
        max-width: 844px;
        padding: 0 72px
    }
}

@media (min-width: 64em) {
    .authors {
        max-width: none;
        padding: 0 162px;
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .authors {
    max-width: none;
    padding: 0 162px;
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.authors .slider__item ~ .slider__item {
    margin-left: 16px
}

@media (min-width: 37.5em) {
    .authors .slider__item ~ .slider__item {
        margin-left: 24px
    }
}

.nobp .authors .slider__item ~ .slider__item {
    margin-left: 24px
}

.authors .slider__controls__left, .authors .slider__controls__right {
    justify-content: flex-start
}

.authors .slider .btn--slider-left, .authors .slider .btn--slider-right {
    z-index: 110
}

.conversion-text > p {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #212529;
    font-size: 21px;
    line-height: 1.333;
    white-space: pre-line
}

@media (min-width: 64em) {
    .conversion-text > p {
        line-height: 1.524;
        padding-bottom: 32px
    }
}

.nobp .conversion-text > p {
    line-height: 1.524;
    padding-bottom: 32px
}

.conversion-text > p:last-of-type {
    position: relative;
    padding-bottom: 8px
}

@media (min-width: 64em) {
    .conversion-text > p:last-of-type {
        padding-bottom: 16px
    }
}

.nobp .conversion-text > p:last-of-type {
    padding-bottom: 16px
}

.conversion-text > p:last-of-type:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 8px;
    width: 100%;
    height: 84px
}

@media (min-width: 64em) {
    .conversion-text > p:last-of-type:after {
        bottom: 16px;
        height: 96px
    }
}

.nobp .conversion-text > p:last-of-type:after {
    bottom: 16px;
    height: 96px
}

.embed img, .embed__container {
    width: 100%;
    height: 100%
}

.embed__wrapper > * {
    margin-left: auto;
    margin-right: auto
}

.embed__hey {
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 16px 0
}

.hey__title {
    display: flex;
    align-items: center;
    justify-content: center
}

.hey__title svg {
    margin-right: 8px
}

.text-link {
    color: #212529;
    text-decoration: none;
    box-shadow: 0 -1px inset #212529;
    transition: box-shadow .25s;
    will-change: box-shadow;
    padding-bottom: 1px
}

.text-link:hover, .text-link:active {
    box-shadow: 0 -2px inset var(--text-link-underline-color);
    color: var(--text-link-hover-color)
}

.text-link:hover svg path, .text-link:active svg path {
    fill: var(--text-link-hover-color)
}

.text-link__icon {
    width: 1.2em;
    height: 1.2em;
    margin: -.3em 0
}

@keyframes rotate-icon {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.live-ticker {
    clear: both;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .live-ticker {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .live-ticker {
        margin-bottom: 32px
    }
}

.nobp .live-ticker {
    margin-bottom: 32px
}

.live-ticker__content--loading .live-ticker__reload .btn__icon svg {
    animation-name: rotate-icon;
    animation-duration: .5s
}

.live-ticker__goto {
    margin-top: -84px;
    padding-bottom: 84px
}

.live-ticker__wrapper {
    position: relative;
    padding-left: 24px;
    margin-left: -10px
}

@media (min-width: 37.5em) {
    .live-ticker__wrapper {
        padding-left: 34px;
        margin-left: -34px
    }
}

@media (min-width: 64em) {
    .live-ticker__wrapper {
        padding-left: 44px;
        margin-left: -44px
    }
}

.nobp .live-ticker__wrapper {
    padding-left: 44px;
    margin-left: -44px
}

.live-ticker__wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    bottom: 23px;
    left: 11px;
    width: 2px;
    background-color: #ced4da
}

@media (min-width: 37.5em) {
    .live-ticker__wrapper:before {
        left: 16px
    }
}

@media (min-width: 64em) {
    .live-ticker__wrapper:before {
        left: 21px
    }
}

.nobp .live-ticker__wrapper:before {
    left: 21px
}

.live-ticker__reload {
    display: flex;
    position: relative;
    margin-bottom: 24px
}

@media (min-width: 37.5em) {
    .live-ticker__reload {
        margin-bottom: 36px
    }
}

@media (min-width: 64em) {
    .live-ticker__reload {
        margin-bottom: 48px
    }
}

.nobp .live-ticker__reload {
    margin-bottom: 48px
}

.live-ticker__reload:before {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    bottom: 23px;
    left: -11px;
    width: 11px;
    height: 2px;
    background-color: #ced4da
}

@media (min-width: 37.5em) {
    .live-ticker__reload:before {
        left: -16px;
        width: 16px
    }
}

@media (min-width: 64em) {
    .live-ticker__reload:before {
        left: -21px;
        width: 21px
    }
}

.nobp .live-ticker__reload:before {
    left: -21px;
    width: 21px
}

.live-ticker__reload .btn {
    flex-basis: 100%;
    font-size: var(--live-ticker-btn-size);
    line-height: 1.2
}

.live-ticker__more {
    display: flex;
    position: relative;
    margin-top: 24px
}

@media (min-width: 37.5em) {
    .live-ticker__more {
        margin-top: 36px
    }
}

@media (min-width: 64em) {
    .live-ticker__more {
        margin-top: 48px
    }
}

.nobp .live-ticker__more {
    margin-top: 48px
}

.live-ticker__more:before {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    bottom: 23px;
    left: -11px;
    width: 11px;
    height: 2px;
    background-color: #ced4da
}

@media (min-width: 37.5em) {
    .live-ticker__more:before {
        left: -16px;
        width: 16px
    }
}

@media (min-width: 64em) {
    .live-ticker__more:before {
        left: -21px;
        width: 21px
    }
}

.nobp .live-ticker__more:before {
    left: -21px;
    width: 21px
}

.live-ticker__more .btn {
    flex-basis: 100%;
    font-size: var(--live-ticker-btn-size);
    line-height: 1.2
}

.live-ticker__list {
    padding: 0;
    list-style-type: none
}

.catchline {
    font-family: var(--headline-font);
    font-weight: 700;
    color: var(--headline-color);
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .catchline {
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md);
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .catchline {
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg);
        margin-bottom: 16px
    }
}

.nobp .catchline {
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg);
    margin-bottom: 16px
}

.live-ticker__message article {
    position: relative
}

.live-ticker__message article:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 3px;
    left: -16px;
    outline: 2px solid #fff;
    border-radius: 4px;
    background-color: #d00
}

@media (min-width: 37.5em) {
    .live-ticker__message article:before {
        top: 5px;
        left: -21px
    }
}

@media (min-width: 64em) {
    .live-ticker__message article:before {
        width: 10px;
        height: 10px;
        border-radius: 5px;
        top: 3px;
        left: -27px
    }
}

.nobp .live-ticker__message article:before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 3px;
    left: -27px
}

.live-ticker__message__body {
    margin-bottom: 24px
}

@media (min-width: 37.5em) {
    .live-ticker__message__body {
        margin-bottom: 36px
    }
}

@media (min-width: 64em) {
    .live-ticker__message__body {
        margin-bottom: 48px
    }
}

.nobp .live-ticker__message__body {
    margin-bottom: 48px
}

.live-ticker__message__body > p {
    font-family: var(--body-font);
    color: #212529;
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    padding-bottom: 16px;
    white-space: pre-line
}

@media (min-width: 64em) {
    .live-ticker__message__body > p {
        line-height: var(--body-line-height-lg);
        padding-bottom: 32px
    }
}

.nobp .live-ticker__message__body > p {
    line-height: var(--body-line-height-lg);
    padding-bottom: 32px
}

.live-ticker__message__body > p:last-child {
    padding-bottom: 0
}

.live-ticker__message__body .fig {
    margin: 0 0 16px
}

@media (min-width: 64em) {
    .live-ticker__message__body .fig {
        margin: 0 0 16px
    }
}

.nobp .live-ticker__message__body .fig {
    margin: 0 0 16px
}

.live-ticker__message__body .fig__caption {
    padding: 0
}

@media (min-width: 64em) {
    .live-ticker__message__body .fig__caption {
        padding: 0
    }
}

.nobp .live-ticker__message__body .fig__caption {
    padding: 0
}

.live-ticker__message--sticky article:before {
    content: none
}

.live-ticker__message__goto {
    margin-top: -84px;
    padding-bottom: 84px
}

.live-ticker__message__datetime {
    margin-bottom: 2px
}

@media (min-width: 37.5em) {
    .live-ticker__message__datetime {
        margin-bottom: 4px
    }
}

@media (min-width: 64em) {
    .live-ticker__message__datetime {
        margin-bottom: 4px
    }
}

.nobp .live-ticker__message__datetime {
    margin-bottom: 4px
}

.live-ticker__message__pin {
    float: right;
    margin: 4px 0
}

.quotation {
    position: relative;
    background-color: var(--quotation-background-color);
    font-family: var(--caption-font);
    font-size: var(--caption-1-font-size-sm);
    line-height: var(--caption-1-line-height-sm);
    font-weight: var(--caption-font-weight);
    text-align: center;
    color: var(--quotation-color);
    quotes: "„" "“";
    padding: 16px 48px;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .quotation {
        font-size: var(--caption-1-font-size-md);
        line-height: var(--caption-1-line-height-md);
        padding: 24px 72px;
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .quotation {
        font-size: var(--caption-1-font-size-lg);
        line-height: 1.1;
        padding: 32px 96px;
        margin-bottom: 32px;
        overflow: hidden
    }
}

.nobp .quotation {
    font-size: var(--caption-1-font-size-lg);
    line-height: 1.1;
    padding: 32px 96px;
    margin-bottom: 32px;
    overflow: hidden
}

.quotation:before {
    content: open-quote;
    font-size: 28px;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 16px
}

@media (min-width: 37.5em) {
    .quotation:before {
        font-size: 32px;
        left: 24px
    }
}

@media (min-width: 64em) {
    .quotation:before {
        font-size: 36px;
        left: 32px
    }
}

.nobp .quotation:before {
    font-size: 36px;
    left: 32px
}

.quotation:after {
    content: close-quote;
    font-size: 28px;
    line-height: 1;
    position: absolute;
    right: 16px;
    bottom: 0
}

@media (min-width: 37.5em) {
    .quotation:after {
        font-size: 32px;
        right: 24px
    }
}

@media (min-width: 64em) {
    .quotation:after {
        font-size: 36px;
        right: 32px
    }
}

.nobp .quotation:after {
    font-size: 36px;
    right: 32px
}

.semantic-table {
    overflow: hidden;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .semantic-table {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .semantic-table {
        margin-bottom: 32px
    }
}

.nobp .semantic-table {
    margin-bottom: 32px
}

.semantic-table > .red-table {
    border: 2px solid #e9ecef
}

.semantic-table__slider {
    position: relative;
    border-radius: 8px;
    border: 2px solid #e9ecef
}

.semantic-table__slider ::-webkit-scrollbar {
    display: none
}

.semantic-table__slider--overflow-left:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 100%;
    background: linear-gradient(90deg, #21252940, #868e9600);
    pointer-events: none;
    border-radius: 6px 0 0 6px
}

.semantic-table__slider--overflow-right:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    background: linear-gradient(270deg, #21252940, #868e9600);
    pointer-events: none;
    border-radius: 0 6px 6px 0
}

.semantic-table__slider__container {
    display: flex;
    flex-flow: row nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    border-radius: 6px
}

.semantic-table__slider__container__arrow {
    position: absolute;
    top: 30%;
    right: 0
}

@media (min-width: 64em) {
    .semantic-table__slider--overflow-left:before {
        content: none
    }

    .semantic-table__slider--overflow-right:after {
        content: none
    }

    .semantic-table__slider .semantic-table__slider__container__arrow {
        display: none
    }
}

.nobp .semantic-table__slider--overflow-left:before {
    content: none
}

.nobp .semantic-table__slider--overflow-right:after {
    content: none
}

.nobp .semantic-table__slider .semantic-table__slider__container__arrow {
    display: none
}

.red-table {
    clear: both;
    border-radius: 8px;
    border-spacing: 0;
    width: 100%
}

.red-table tr:nth-child(odd) {
    background-color: #e9ecef
}

.red-table tr:nth-child(2n) {
    background: #fff
}

.red-table tr:last-child td:first-child {
    border-bottom-left-radius: 6px
}

.red-table tr:last-child td:last-child {
    border-bottom-right-radius: 6px
}

.red-table tr:first-child th:first-child, .red-table tr:first-child td:first-child {
    border-top-left-radius: 6px
}

.red-table tr:first-child th:last-child, .red-table tr:first-child td:last-child {
    border-top-right-radius: 6px
}

.red-table th {
    background-color: #495057;
    color: #f8f9fa;
    padding: 12px;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    font-weight: 700;
    text-transform: uppercase;
    max-width: 224px;
    text-align: left;
    vertical-align: top
}

.red-table td {
    padding: 12px;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    max-width: 224px;
    vertical-align: top
}

@media (min-width: 64em) {
    .red-table {
        table-layout: fixed
    }

    .red-table th, .red-table td {
        padding: 16px;
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg);
        max-width: none;
        width: 100%
    }
}

.nobp .red-table {
    table-layout: fixed
}

.nobp .red-table th, .nobp .red-table td {
    padding: 16px;
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg);
    max-width: none;
    width: 100%
}

.sharingbar__inner {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 5000
}

@media (min-width: 64em) {
    .sharingbar__inner {
        position: relative;
        padding: 0 162px;
        margin-bottom: 32px
    }
}

.nobp .sharingbar__inner {
    position: relative;
    padding: 0 162px;
    margin-bottom: 32px
}

.sharingbar__inner .anchor__btn {
    color: #fff;
    flex: 1 0 auto;
    border-radius: 0;
    background-color: #495057
}

.sharingbar__inner .anchor__btn:hover, .sharingbar__inner .anchor__btn:active {
    background-color: #32373b
}

@media (min-width: 64em) {
    .sharingbar__inner .anchor__btn {
        flex: 0 1 auto
    }

    .sharingbar__inner .anchor__btn:first-of-type {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px
    }

    .sharingbar__inner .anchor__btn:last-of-type {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px
    }
}

.nobp .sharingbar__inner .anchor__btn {
    flex: 0 1 auto
}

.nobp .sharingbar__inner .anchor__btn:first-of-type {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.nobp .sharingbar__inner .anchor__btn:last-of-type {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.sharingbar__inner .anchor__btn ~ .anchor__btn {
    margin-left: 1px
}

@media (min-width: 37.5em) {
    .sharingbar__inner .anchor__btn.anchor__btn--hidden-text .anchor__btn__icon {
        padding-right: 8px
    }
}

.nobp .sharingbar__inner .anchor__btn.anchor__btn--hidden-text .anchor__btn__icon {
    padding-right: 8px
}

@media (min-width: 37.5em) {
    .sharingbar__inner .anchor__btn.anchor__btn--hidden-text .anchor__btn__text {
        position: static;
        clip-path: none;
        width: auto;
        height: auto;
        overflow: visible;
        white-space: normal;
        margin: 0
    }
}

.nobp .sharingbar__inner .anchor__btn.anchor__btn--hidden-text .anchor__btn__text {
    position: static;
    clip-path: none;
    width: auto;
    height: auto;
    overflow: visible;
    white-space: normal;
    margin: 0
}

@media print {
    .sharingbar__inner {
        display: none
    }
}

.article__sub-headline {
    font-family: var(--sub-headline-font);
    font-size: var(--sub-headline-1-font-size-sm);
    font-weight: 700;
    text-align: center;
    line-height: var(--sub-headline-1-line-height-lg);
    color: var(--sub-headline-color);
    white-space: pre-line;
    padding: var(--sub-headline-padding-sm);
    margin: -8px 0 16px
}

@media (min-width: 37.5em) {
    .article__sub-headline {
        font-size: var(--sub-headline-1-font-size-md);
        padding: var(--sub-headline-padding-md);
        margin: -12px 0 24px
    }
}

@media (min-width: 64em) {
    .article__sub-headline {
        font-size: var(--sub-headline-1-font-size-lg);
        padding: var(--sub-headline-padding-lg);
        margin: -16px 0 32px;
        text-align: var(--sub-headline-text-align-lg)
    }
}

.nobp .article__sub-headline {
    font-size: var(--sub-headline-1-font-size-lg);
    padding: var(--sub-headline-padding-lg);
    margin: -16px 0 32px;
    text-align: var(--sub-headline-text-align-lg)
}

.article__sub-headline > span {
    display: block;
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .article__sub-headline > span {
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .article__sub-headline > span {
        margin-bottom: 16px
    }
}

.nobp .article__sub-headline > span {
    margin-bottom: 16px
}

.textbox {
    color: #212529;
    background-color: #e9ecef;
    padding: 16px;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .textbox {
        padding: 24px;
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .textbox {
        padding: 32px;
        margin-bottom: 32px;
        overflow: hidden
    }
}

.nobp .textbox {
    padding: 32px;
    margin-bottom: 32px;
    overflow: hidden
}

.textbox__headline {
    font-family: Gotham Cond, HelveticaNeue-CondensedBold, Helvetica Neue, Franklin Gothic, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #212529;
    font-size: 28px;
    line-height: 1.3214;
    margin-bottom: 4px
}

@media (min-width: 37.5em) {
    .textbox__headline {
        margin-bottom: 6px
    }
}

@media (min-width: 37.5em) {
    .textbox__headline {
        font-size: 32px;
        line-height: 1.3125
    }
}

.nobp .textbox__headline {
    font-size: 32px;
    line-height: 1.3125
}

@media (min-width: 64em) {
    .textbox__headline {
        margin-bottom: 8px
    }
}

.nobp .textbox__headline {
    margin-bottom: 8px
}

.textbox > p {
    font-family: var(--body-font);
    color: #212529;
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    padding-bottom: 16px;
    white-space: pre-line
}

@media (min-width: 64em) {
    .textbox > p {
        line-height: var(--body-line-height-lg);
        padding-bottom: 32px
    }
}

.nobp .textbox > p {
    line-height: var(--body-line-height-lg);
    padding-bottom: 32px
}

.textbox > p:last-of-type {
    padding: 0
}

.unordered-list {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    color: #212529;
    margin-bottom: 16px;
    white-space: pre-line;
    list-style-type: disc
}

@media (min-width: 37.5em) {
    .unordered-list {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .unordered-list {
        line-height: var(--body-line-height-lg);
        margin-bottom: 32px
    }
}

.nobp .unordered-list {
    line-height: var(--body-line-height-lg);
    margin-bottom: 32px
}

.ordered-list {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm);
    color: #212529;
    margin-bottom: 16px;
    white-space: pre-line
}

@media (min-width: 37.5em) {
    .ordered-list {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .ordered-list {
        line-height: var(--body-line-height-lg);
        margin-bottom: 32px
    }
}

.nobp .ordered-list {
    line-height: var(--body-line-height-lg);
    margin-bottom: 32px
}

.ad-label {
    position: relative;
    overflow: visible;
    height: 1px;
    background-color: #ced4da;
    border: 0;
    margin: 0 8px 28px
}

@media (min-width: 37.5em) {
    .ad-label {
        margin: 0 12px 32px
    }
}

@media (min-width: 64em) {
    .ad-label {
        margin: 0 16px 36px
    }
}

.nobp .ad-label {
    margin: 0 16px 36px
}

@media (min-width: 37.5em) {
    .ad-label:after {
        content: "Anzeige";
        display: inline-block;
        position: absolute;
        top: -7px;
        font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
        font-size: 16px;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        background-color: #fff;
        color: #495057;
        right: 64px;
        padding: 0 24px
    }
}

.nobp .ad-label:after {
    content: "Anzeige";
    display: inline-block;
    position: absolute;
    top: -7px;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    background-color: #fff;
    color: #495057;
    right: 64px;
    padding: 0 24px
}

.ad-label:before {
    content: "Anzeige";
    display: inline-block;
    position: absolute;
    top: -7px;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    background-color: #fff;
    color: #495057;
    left: calc(50% - 42px);
    padding: 0 16px
}

@media (min-width: 37.5em) {
    .ad-label:before {
        left: 64px;
        padding: 0 24px
    }
}

.nobp .ad-label:before {
    left: 64px;
    padding: 0 24px
}

@media print {
    .ad-label {
        display: none
    }
}

.ad-header {
    position: relative;
    height: 82px;
    margin: 0 0 8px;
    z-index: 112
}

@media (min-width: 37.5em) {
    .ad-header {
        height: 90px;
        margin: 0 0 12px
    }
}

@media (min-width: 64em) {
    .ad-header {
        height: 98px;
        margin: 0 0 16px
    }
}

.nobp .ad-header {
    height: 98px;
    margin: 0 0 16px
}

.ad-header__content {
    height: 82px;
    padding: 4px 0;
    background-color: transparent;
    box-shadow: 0 2px 4px 0 transparent;
    will-change: top, height, box-shadow, background-color
}

@media (min-width: 37.5em) {
    .ad-header__content {
        height: 90px
    }
}

@media (min-width: 64em) {
    .ad-header__content {
        height: 98px
    }
}

.nobp .ad-header__content {
    height: 98px
}

.ad-header__text {
    position: absolute;
    left: 50%;
    z-index: 110;
    transform: translate(-50%);
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #495057;
    width: 80px;
    text-align: center;
    white-space: nowrap;
    will-change: transform;
    transition: transform .5s ease
}

@media (min-width: 64em) {
    .ad-header__text {
        font-size: 18px
    }
}

.nobp .ad-header__text {
    font-size: 18px
}

.ad-header__image {
    position: absolute;
    left: 50%;
    z-index: 111;
    will-change: transform, height;
    transform: translate(-50%, 26px);
    height: 40px;
    transition: height .5s ease
}

@media (min-width: 37.5em) {
    .ad-header__image {
        height: 56px
    }
}

@media (min-width: 64em) {
    .ad-header__image {
        height: 64px
    }
}

.nobp .ad-header__image {
    height: 64px
}

.ad-header--sticky .ad-header__content {
    position: fixed;
    top: var(--sticky-top, 0);
    height: 40px;
    width: 100%;
    max-width: 1024px;
    box-shadow: 0 0 10px #21252940;
    background-color: #fff;
    transition: height .5s ease, box-shadow .5s ease, background-color .5s ease
}

@media (min-width: 37.5em) {
    .ad-header--sticky .ad-header__content {
        height: 48px
    }
}

@media (min-width: 64em) {
    .ad-header--sticky .ad-header__content {
        height: 48px;
        box-shadow: 0 8px 10px -8px #00000040
    }
}

.nobp .ad-header--sticky .ad-header__content {
    height: 48px;
    box-shadow: 0 8px 10px -8px #00000040
}

.ad-header--sticky .ad-header__text {
    transform: translate(-100%, 6px)
}

@media (min-width: 37.5em) {
    .ad-header--sticky .ad-header__text {
        transform: translate(-100%, 8px)
    }
}

.nobp .ad-header--sticky .ad-header__text {
    transform: translate(-100%, 8px)
}

.ad-header--sticky .ad-header__image {
    height: 32px;
    transform: translate(2px);
    transition: height .5s ease, transform .5s ease
}

@media (min-width: 37.5em) {
    .ad-header--sticky .ad-header__image {
        height: 40px
    }
}

@media (min-width: 64em) {
    .ad-header--sticky .ad-header__image {
        height: 40px;
        transform: translate(6px)
    }
}

.nobp .ad-header--sticky .ad-header__image {
    height: 40px;
    transform: translate(6px)
}

.ad-header:has(.ad-header__fallback) {
    height: 32px
}

.ad-header__fallback {
    text-align: center;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #495057
}

@media (min-width: 64em) {
    .ad-header__fallback {
        font-size: 18px
    }
}

.nobp .ad-header__fallback {
    font-size: 18px
}

.related-topics {
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .related-topics {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .related-topics {
        overflow: hidden;
        margin-bottom: 32px
    }
}

.nobp .related-topics {
    overflow: hidden;
    margin-bottom: 32px
}

.related-topics__heading {
    font-family: var(--caption-font);
    font-size: var(--caption-1-font-size-sm);
    font-weight: var(--caption-font-weight);
    line-height: var(--caption-1-uppercase-line-height);
    color: var(--caption-color);
    text-align: center;
    padding-bottom: 8px
}

@media (min-width: 37.5em) {
    .related-topics__heading {
        font-size: var(--caption-1-font-size-md);
        padding-bottom: 12px
    }
}

@media (min-width: 64em) {
    .related-topics__heading {
        font-size: var(--caption-1-font-size-lg);
        padding-bottom: 16px
    }
}

.nobp .related-topics__heading {
    font-size: var(--caption-1-font-size-lg);
    padding-bottom: 16px
}

.related-topics__container {
    display: flex;
    flex-direction: column;
    padding: 8px;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da
}

@media (min-width: 37.5em) {
    .related-topics__container {
        padding: 12px
    }
}

@media (min-width: 64em) {
    .related-topics__container {
        padding: 16px
    }
}

.nobp .related-topics__container {
    padding: 16px
}

.related-topics__container .related-topics__teaser {
    margin-bottom: 8px
}

.related-topics__container .related-topics__teaser a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    background-color: #fff
}

.related-topics__container .related-topics__teaser a .teaser__image {
    will-change: opacity
}

.related-topics__container .related-topics__teaser a:hover .teaser__image, .related-topics__container .related-topics__teaser a:active .teaser__image {
    opacity: .8;
    transition: opacity .25s ease-in-out
}

@media (min-width: 37.5em) {
    .related-topics__container .related-topics__teaser {
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser {
        margin-bottom: 16px
    }
}

.nobp .related-topics__container .related-topics__teaser {
    margin-bottom: 16px
}

.related-topics__container .related-topics__teaser:last-child {
    margin-bottom: 0
}

.related-topics__container .related-topics__teaser .teaser__image {
    max-width: 79px
}

@media (min-width: 37.5em) {
    .related-topics__container .related-topics__teaser .teaser__image {
        max-width: 148px
    }
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser .teaser__image {
        max-width: 236px
    }
}

.nobp .related-topics__container .related-topics__teaser .teaser__image {
    max-width: 236px
}

.related-topics__container .related-topics__teaser .teaser__premium-icon {
    top: 4px
}

.related-topics__container .related-topics__teaser .teaser__premium-icon svg {
    width: 32px
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser .teaser__premium-icon {
        top: 8px
    }

    .related-topics__container .related-topics__teaser .teaser__premium-icon svg {
        width: 47px
    }
}

.nobp .related-topics__container .related-topics__teaser .teaser__premium-icon {
    top: 8px
}

.nobp .related-topics__container .related-topics__teaser .teaser__premium-icon svg {
    width: 47px
}

.related-topics__container .related-topics__teaser .teaser__title__kicker {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-3-font-size-sm);
    font-weight: var(--kicker-3-font-weight-sm);
    line-height: 1.1;
    color: var(--kicker-color);
    margin-bottom: 4px
}

@media (min-width: 37.5em) {
    .related-topics__container .related-topics__teaser .teaser__title__kicker {
        font-size: var(--kicker-3-font-size-md);
        font-weight: var(--kicker-3-font-weight-md)
    }
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser .teaser__title__kicker {
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg);
        font-weight: var(--kicker-3-font-weight-lg)
    }
}

.nobp .related-topics__container .related-topics__teaser .teaser__title__kicker {
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg);
    font-weight: var(--kicker-3-font-weight-lg)
}

.related-topics__container .related-topics__teaser .teaser__title__separator {
    display: none
}

.related-topics__container .related-topics__teaser .teaser__title__headline {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-4-font-size-sm);
    font-weight: var(--headline-4-font-weight-sm);
    line-height: var(--headline-4-line-height-sm);
    color: var(--headline-color)
}

@media (min-width: 37.5em) {
    .related-topics__container .related-topics__teaser .teaser__title__headline {
        font-size: var(--headline-4-font-size-md);
        font-weight: var(--headline-4-font-weight-md);
        line-height: var(--headline-4-line-height-md)
    }
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser .teaser__title__headline {
        font-size: var(--headline-4-font-size-lg);
        font-weight: var(--headline-4-font-weight-lg);
        line-height: var(--headline-4-line-height-lg)
    }
}

.nobp .related-topics__container .related-topics__teaser .teaser__title__headline {
    font-size: var(--headline-4-font-size-lg);
    font-weight: var(--headline-4-font-weight-lg);
    line-height: var(--headline-4-line-height-lg)
}

.related-topics__container .related-topics__teaser .teaser__text {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--teaser-text-font);
    font-size: var(--teaser-text-font-size);
    line-height: var(--teaser-text-line-height);
    color: #212529;
    margin-top: 8px
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser .teaser__text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        position: static;
        clip-path: none;
        width: auto;
        height: auto;
        overflow: visible;
        white-space: normal
    }
}

.nobp .related-topics__container .related-topics__teaser .teaser__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: static;
    clip-path: none;
    width: auto;
    height: auto;
    overflow: visible;
    white-space: normal
}

.related-topics__container .related-topics__teaser .video-banner {
    top: 4px;
    right: 4px
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser .video-banner {
        top: 8px;
        right: 8px;
        height: 24px
    }

    .related-topics__container .related-topics__teaser .video-banner svg {
        width: 24px
    }
}

.nobp .related-topics__container .related-topics__teaser .video-banner {
    top: 8px;
    right: 8px;
    height: 24px
}

.nobp .related-topics__container .related-topics__teaser .video-banner svg {
    width: 24px
}

.related-topics__container .related-topics__teaser--advertorial .teaser__title__kicker {
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    font-size: 12px
}

@media (min-width: 37.5em) {
    .related-topics__container .related-topics__teaser--advertorial .teaser__title__kicker {
        font-size: 14px
    }
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser--advertorial .teaser__title__kicker {
        font-size: 14px
    }
}

.nobp .related-topics__container .related-topics__teaser--advertorial .teaser__title__kicker {
    font-size: 14px
}

.related-topics__container .related-topics__teaser--advertorial .teaser__title__headline {
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15
}

@media (min-width: 37.5em) {
    .related-topics__container .related-topics__teaser--advertorial .teaser__title__headline {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.1
    }
}

@media (min-width: 64em) {
    .related-topics__container .related-topics__teaser--advertorial .teaser__title__headline {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.27
    }
}

.nobp .related-topics__container .related-topics__teaser--advertorial .teaser__title__headline {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.27
}

.related-topics__container .related-topics__teaser--advertorial .teaser__text {
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    font-size: 16px;
    line-height: 1.5
}

.related-topics__ad-mark {
    text-align: center;
    margin-top: 8px
}

@media (min-width: 37.5em) {
    .related-topics__ad-mark {
        margin-top: 12px
    }
}

@media (min-width: 64em) {
    .related-topics__ad-mark {
        margin-top: 16px
    }
}

.nobp .related-topics__ad-mark {
    margin-top: 16px
}

.related-topics__ad-mark span {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 12px;
    line-height: 1.3;
    color: #495057;
    text-transform: uppercase
}

@media print {
    .related-topics {
        display: none
    }
}

.related-topics__container .addelivered {
    margin-bottom: 8px
}

.related-topics__container .addelivered iframe {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

@media (min-width: 37.5em) {
    .related-topics__container .addelivered {
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .related-topics__container .addelivered {
        margin-bottom: 16px
    }
}

.nobp .related-topics__container .addelivered {
    margin-bottom: 16px
}

.related-topics__container .addelivered:last-child {
    margin-bottom: 0
}

.related-topics__container .partnerteaser a {
    text-decoration: none;
    display: block
}

.related-topics__container .partnerteaser a .partner-img {
    position: relative;
    height: 0;
    width: 148px;
    padding-top: 83px;
    margin-right: 16px;
    background-color: #fff;
    float: left;
    pointer-events: auto
}

@media (min-width: 64em) {
    .related-topics__container .partnerteaser a .partner-img {
        width: 236px;
        padding-top: 133px
    }
}

.nobp .related-topics__container .partnerteaser a .partner-img {
    width: 236px;
    padding-top: 133px
}

.related-topics__container .partnerteaser a .partner-img img {
    will-change: opacity;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    padding: 0
}

.related-topics__container .partnerteaser a:hover .partner-img img, .related-topics__container .partnerteaser a:active .partner-img img {
    opacity: .8;
    transition: opacity .25s ease-in-out
}

.related-topics__container .partnerteaser .kicker {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-3-font-size-sm);
    line-height: 1.1;
    color: var(--kicker-color);
    margin-bottom: 4px
}

@media (min-width: 37.5em) {
    .related-topics__container .partnerteaser .kicker {
        font-size: var(--kicker-3-font-size-md)
    }
}

@media (min-width: 64em) {
    .related-topics__container .partnerteaser .kicker {
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg)
    }
}

.nobp .related-topics__container .partnerteaser .kicker {
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg)
}

.related-topics__container .partnerteaser .headline {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-weight: var(--headline-4-font-weight-sm);
    font-size: var(--headline-4-font-size-sm);
    line-height: var(--headline-4-line-height-sm);
    color: var(--headline-color)
}

@media (min-width: 37.5em) {
    .related-topics__container .partnerteaser .headline {
        font-size: var(--headline-4-font-size-md);
        font-weight: var(--headline-4-font-weight-md);
        line-height: var(--headline-4-line-height-md)
    }
}

@media (min-width: 64em) {
    .related-topics__container .partnerteaser .headline {
        font-size: var(--headline-4-font-size-lg);
        font-weight: var(--headline-4-font-weight-lg);
        line-height: var(--headline-4-line-height-lg)
    }
}

.nobp .related-topics__container .partnerteaser .headline {
    font-size: var(--headline-4-font-size-lg);
    font-weight: var(--headline-4-font-weight-lg);
    line-height: var(--headline-4-line-height-lg)
}

.related-topics__container .partnerteaser .entry-content {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--teaser-text-font);
    font-size: var(--teaser-text-font-size);
    line-height: var(--teaser-text-line-height);
    color: #212529;
    margin-top: 8px
}

@media (min-width: 64em) {
    .related-topics__container .partnerteaser .entry-content {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        position: static;
        clip-path: none;
        width: auto;
        height: auto;
        overflow: visible;
        white-space: normal
    }
}

.nobp .related-topics__container .partnerteaser .entry-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: static;
    clip-path: none;
    width: auto;
    height: auto;
    overflow: visible;
    white-space: normal
}

.related-topics__container--advertorial .partnerteaser .kicker {
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    font-size: 12px
}

@media (min-width: 37.5em) {
    .related-topics__container--advertorial .partnerteaser .kicker {
        font-size: 14px
    }
}

@media (min-width: 64em) {
    .related-topics__container--advertorial .partnerteaser .kicker {
        font-size: 14px
    }
}

.nobp .related-topics__container--advertorial .partnerteaser .kicker {
    font-size: 14px
}

.related-topics__container--advertorial .partnerteaser .headline {
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15
}

@media (min-width: 37.5em) {
    .related-topics__container--advertorial .partnerteaser .headline {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.1
    }
}

@media (min-width: 64em) {
    .related-topics__container--advertorial .partnerteaser .headline {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.27
    }
}

.nobp .related-topics__container--advertorial .partnerteaser .headline {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.27
}

.related-topics__container--advertorial .partnerteaser .entry-content {
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif;
    font-size: 16px;
    line-height: 1.5
}

.skip-content {
    display: inline flex;
    gap: 8px;
    padding: 24px;
    z-index: 10000;
    font-family: var(--skip-link-font);
    font-style: var(--skip-link-font-style);
    font-size: var(--skip-link-font-size);
    line-height: var(--skip-link-line-height);
    font-weight: 700;
    color: #212529;
    white-space: nowrap;
    background-color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .5px;
    position: absolute;
    transform: translate(-200vw)
}

.skip-content--link:focus {
    transform: translateY(-100%)
}

.skip-content--target-link:focus {
    transform: translateY(-100%)
}

.skip-content--target-link-hidden {
    display: none
}

.tts-player-wrapper {
    display: flow-root block;
    height: 92px;
    margin: 0 0 16px
}

@media (min-width: 37.5em) {
    .tts-player-wrapper {
        margin: 0 0 24px
    }
}

@media (min-width: 64em) {
    .tts-player-wrapper {
        margin: 0 0 32px
    }
}

.nobp .tts-player-wrapper {
    margin: 0 0 32px
}

.gallery__core {
    position: relative;
    height: 202.5px
}

@container gallery (inline-size >= 530px) {
    .gallery__core {
        height: 298.125px
    }
}

@container gallery (inline-size >= 700px) {
    .gallery__core {
        height: 393.75px
    }
}

.gallery__items {
    display: flex;
    height: 100%;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 8px
}

.gallery__items::-webkit-scrollbar {
    display: none
}

@container gallery (inline-size >= 700px) {
    .gallery__items {
        gap: 16px
    }
}

.gallery__item {
    flex: 0 0 auto;
    scroll-snap-align: center;
    height: 100%
}

@container gallery (inline-size >= 700px) {
    .gallery__item:first-of-type {
        margin-left: calc((100% - 700px) / 2)
    }

    .gallery__item:last-of-type {
        margin-right: calc(100% - 700px)
    }
}

.gallery__item img {
    height: 100%;
    width: auto;
    object-fit: contain;
    transition: filter .3s ease-in-out;
    filter: blur(.5px)
}

.gallery__item--active img {
    filter: blur(0)
}

.gallery__nav-button {
    cursor: pointer;
    border: 0;
    background-color: #212529;
    opacity: .9;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    margin: auto 0;
    z-index: 120
}

.gallery__nav-button:hover, .gallery__nav-button:active {
    background-color: var(--secondary-tenant-color)
}

.gallery__nav-button:after {
    --size: 15%;
    border-right: 2px solid;
    border-top: 2px solid;
    content: "";
    height: var(--size);
    width: var(--size);
    margin: auto;
    position: absolute;
    inset: 0
}

.gallery__nav-button--prev {
    left: 0
}

.gallery__nav-button--prev:after {
    rotate: 225deg;
    translate: -1px, 1px
}

.gallery__nav-button--next {
    right: 0
}

.gallery__nav-button--next:after {
    rotate: 45deg;
    translate: -1px, 1px
}

.gallery__preview-lane {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 60px;
    padding: 0 4px
}

@container gallery (inline-size >= 530px) {
    .gallery__preview-lane {
        padding: 0
    }
}

.gallery__preview-lane__items {
    display: flex;
    gap: 4px;
    height: 100%;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth
}

@container gallery (inline-size >= 700px) {
    .gallery__preview-lane__items {
        max-width: 700px
    }
}

.gallery__preview-lane__items::-webkit-scrollbar {
    display: none
}

.gallery__preview-lane__item {
    flex: 0 0 auto;
    height: 100%;
    cursor: pointer;
    opacity: .75;
    transition: opacity .3s ease;
    display: flex;
    flex-direction: column;
    align-items: center
}

.gallery__preview-lane__item--active {
    opacity: 1
}

.gallery__preview-lane__item--active:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--secondary-tenant-color);
    margin-top: 2px
}

.gallery__preview-lane__item img {
    height: 90%;
    width: auto;
    object-fit: contain
}

.gallery__item-details {
    font-family: var(--teaser-text-font);
    font-size: var(--teaser-text-font-size);
    font-weight: var(--teaser-text-font-weight);
    line-height: var(--teaser-text-line-height);
    max-width: 530px;
    width: 100%;
    margin: 8px auto 0;
    padding: 0 16px
}

@container gallery (inline-size >= 700px) {
    .gallery__item-details {
        max-width: 700px;
        padding: 0
    }
}

.gallery__item-details--default {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(var(--teaser-text-font-size) * var(--teaser-text-line-height) * 3);
    color: #212529
}

@container gallery (inline-size >= 700px) {
    .gallery__item-details--default {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: calc(var(--teaser-text-font-size) * var(--teaser-text-line-height) * 2)
    }
}

.gallery__item-details--lightbox {
    color: #fff
}

.gallery__item-details--lightbox .text-link {
    color: #fff;
    box-shadow: 0 -1px inset #868e96
}

.gallery__item-details--lightbox .text-link svg path {
    fill: #868e96
}

.gallery__item-details--lightbox .text-link:hover, .gallery__item-details--lightbox .text-link:active {
    box-shadow: 0 -2px inset #fff
}

.gallery__item-details--lightbox .text-link:hover svg path, .gallery__item-details--lightbox .text-link:active svg path {
    fill: #fff
}

.gallery__item-details__description {
    font-weight: 700;
    position: relative;
    align-content: start;
    flex: 1 1 auto;
    min-width: 0
}

.gallery__item-details__description--no-truncate {
    display: block;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    overflow-y: auto;
    width: 100%;
    max-height: 25vh
}

@supports (scrollbar-color: auto) {
    .gallery__item-details__description--no-truncate {
        scrollbar-color: #868e96 #343a40;
        scrollbar-width: thin
    }
}

@supports selector(::-webkit-scrollbar) {
    .gallery__item-details__description--no-truncate::-webkit-scrollbar {
        background: transparent;
        width: 8px
    }

    .gallery__item-details__description--no-truncate::-webkit-scrollbar-thumb {
        background: #868e96;
        border-radius: 4px
    }
}

.gallery__item-details__description__container {
    display: flex;
    flex-direction: row;
    gap: 4px;
    position: relative
}

.gallery__item-details__description__container:has(.gallery__item-details--lightbox) {
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 6px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 6px), transparent 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.gallery__item-details__description__more {
    display: none;
    flex: 0 0 auto
}

.truncated .gallery__item-details__description__more {
    display: block;
    align-content: end;
    padding-bottom: 2px;
    font-weight: 500;
    text-decoration: underline
}

.truncated .gallery__item-details__description__more:hover {
    cursor: pointer
}

.gallery__item-details__information {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #868e96
}

.gallery__item-details__information__source {
    flex: 1 1 auto;
    min-width: 0
}

.gallery__item-details__information__pagination {
    flex: 0 0 auto
}

.gallery__item-details__information__active-page {
    color: var(--secondary-tenant-color)
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .2s linear
}

.fade-enter-from, .fade-leave-to {
    opacity: 0
}

.red-lightbox__icon {
    z-index: 111;
    background-color: #212529b3;
    transition: transform .2s ease-in-out;
    transform-origin: center
}

.red-lightbox__icon:hover {
    transform: scale(1.1)
}

.gallery__lightbox {
    z-index: 110;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #212529;
    container-type: inline-size;
    container-name: gallery;
    display: flex;
    justify-content: flex-start;
    flex-direction: column
}

.gallery__lightbox .gallery__core {
    flex: 0 1 100%
}

.gallery__lightbox__icon {
    z-index: 111;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 42px;
    height: 42px;
    background-color: #212529b3;
    cursor: pointer
}

.gallery__lightbox__icon:hover {
    transform: scale(1.1)
}

.gallery__lightbox__icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform .2s ease-in-out;
    transform: translate(-50%, -50%);
    transform-origin: center
}

.gallery__lightbox__icon svg:hover {
    transform: translate(-50%, -50%) scale(1.1)
}

.gallery__lightbox__icon svg path {
    fill: #fff
}

@media (min-width: 37.5em) {
    .gallery__lightbox__icon {
        top: 16px;
        left: 16px
    }
}

.gallery__lightbox__bottom {
    position: absolute;
    background-color: #212529b3;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px
}

@container gallery (inline-size >= 530px) {
    .gallery__lightbox__bottom {
        padding: 0
    }
}

.gallery__lightbox .gallery__items {
    scroll-snap-align: start;
    scroll-snap-stop: always
}

.gallery__lightbox .gallery__item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.gallery__lightbox .gallery__item:first-of-type {
    margin-left: 0
}

.gallery__lightbox .gallery__item:last-of-type {
    margin-right: 0
}

.gallery__lightbox .gallery__item-details {
    margin: 16px auto;
    padding: 0
}

.gallery__lightbox__image {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.gallery__lightbox__ad {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 16px
}

.gallery__lightbox__ad .ad-wrapper--billboard_btf {
    width: 992px;
    height: 250px
}

.gallery__lightbox__ad .ad-wrapper--banner_btf {
    min-width: 320px;
    min-height: 50px;
    max-height: 600px;
    max-width: 640px
}

.gallery {
    container-name: gallery;
    container-type: inline-size;
    margin: 0 0 16px
}

@media (min-width: 37.5em) {
    .gallery {
        margin: 0 0 24px;
        padding: 0 12px
    }
}

@media (min-width: 64em) {
    .gallery {
        margin: 0 0 32px;
        padding: 0 16px
    }
}

.nobp .gallery {
    margin: 0 0 32px;
    padding: 0 16px
}

.article-body .gallery {
    display: flow-root;
    margin: 0 -16px 16px
}

@media (min-width: 37.5em) {
    .article-body .gallery {
        margin: 0 -60px 24px
    }
}

@media (min-width: 64em) {
    .article-body .gallery {
        margin: 0 -146px 32px
    }
}

.nobp .article-body .gallery {
    margin: 0 -146px 32px
}

@media (min-width: 37.5em) {
    .article-body .gallery {
        padding: 0
    }
}

.nobp .article-body .gallery {
    padding: 0
}

.gallery .gallery__image {
    cursor: pointer
}

@container gallery (inline-size >= 700px) {
    .gallery .block-title {
        padding: 0 146px
    }
}

.article-content-user-report {
    padding: 0 16px;
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .article-content-user-report {
        padding: 0 72px;
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .article-content-user-report {
        padding: 0 162px;
        margin-bottom: 32px
    }
}

.nobp .article-content-user-report {
    padding: 0 162px;
    margin-bottom: 32px
}

.article-content-user-report span {
    color: #212529;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 21px;
    line-height: 1.333;
    text-decoration: none;
    padding-bottom: 1px
}

.article-content-user-report a {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #212529;
    font-size: 21px;
    line-height: 1.333;
    text-decoration: none;
    padding-bottom: 1px;
    box-shadow: 0 -1px inset #212529;
    transition: box-shadow .25s;
    will-change: box-shadow
}

.article-content-user-report a:hover, .article-content-user-report a:active {
    box-shadow: 0 -2px inset #212529, 0 -26px inset #f8f9fa
}

@media (min-width: 64em) {
    .article-content-user-report a {
        line-height: 1.524
    }
}

.nobp .article-content-user-report a {
    line-height: 1.524
}

.article-content-user-report > *:after {
    content: " "
}

.news-ticker-marks {
    display: flex;
    align-items: center;
    height: 16px
}

@media (min-width: 37.5em) {
    .news-ticker-marks {
        height: 18px
    }
}

@media (min-width: 64em) {
    .news-ticker-marks {
        height: 20px
    }
}

.nobp .news-ticker-marks {
    height: 20px
}

.news-ticker-marks > svg {
    height: 12px;
    padding-right: 8px
}

@media (min-width: 37.5em) {
    .news-ticker-marks > svg {
        height: 14px;
        padding-right: 12px
    }
}

@media (min-width: 64em) {
    .news-ticker-marks > svg {
        height: 16px;
        padding-right: 16px
    }
}

.nobp .news-ticker-marks > svg {
    height: 16px;
    padding-right: 16px
}

.news-ticker-marks > svg:first-child path {
    fill: var(--kicker-background-color)
}

.news-ticker-marks > span {
    padding-right: 8px;
    font-family: var(--news-ticker-time-font);
    font-size: var(--news-ticker-time-font-size-sm);
    line-height: 1.3;
    font-weight: 700;
    color: #868e96
}

@media (min-width: 37.5em) {
    .news-ticker-marks > span {
        padding-right: 12px;
        font-size: var(--news-ticker-time-font-size-md)
    }
}

@media (min-width: 64em) {
    .news-ticker-marks > span {
        padding-right: 16px;
        font-size: var(--news-ticker-time-font-size-lg)
    }
}

.nobp .news-ticker-marks > span {
    padding-right: 16px;
    font-size: var(--news-ticker-time-font-size-lg)
}

.news-ticker-link[data-v-5e6c8902] {
    text-decoration: none
}

.news-ticker-link__title[data-v-5e6c8902] {
    margin: 0 0 0 18px
}

@media (min-width: 37.5em) {
    .news-ticker-link__title[data-v-5e6c8902] {
        margin: 0 0 0 24px
    }
}

@media (min-width: 64em) {
    .news-ticker-link__title[data-v-5e6c8902] {
        margin: 0 0 0 30px
    }
}

.nobp .news-ticker-link__title[data-v-5e6c8902] {
    margin: 0 0 0 30px
}

.news-ticker-link__kicker[data-v-5e6c8902] {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    font-size: var(--kicker-2-font-size-sm);
    line-height: 1.1;
    font-weight: 700;
    font-family: var(--kicker-font);
    color: #fff;
    background-color: var(--kicker-background-color);
    padding: 2px 4px;
    margin: 4px 0;
    max-width: 100%
}

@media (min-width: 37.5em) {
    .news-ticker-link__kicker[data-v-5e6c8902] {
        font-size: var(--kicker-2-font-size-md);
        line-height: var(--kicker-2-line-height-md)
    }
}

@media (min-width: 64em) {
    .news-ticker-link__kicker[data-v-5e6c8902] {
        font-size: var(--kicker-2-font-size-lg);
        line-height: var(--kicker-2-line-height-lg)
    }
}

.nobp .news-ticker-link__kicker[data-v-5e6c8902] {
    font-size: var(--kicker-2-font-size-lg);
    line-height: var(--kicker-2-line-height-lg)
}

.news-ticker-link__separator[data-v-5e6c8902] {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.news-ticker-link__headline[data-v-5e6c8902] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    font-weight: 700;
    font-family: var(--headline-font);
    color: var(--headline-color);
    padding-left: var(--headline-text-padding)
}

@media (min-width: 37.5em) {
    .news-ticker-link__headline[data-v-5e6c8902] {
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md)
    }
}

@media (min-width: 64em) {
    .news-ticker-link__headline[data-v-5e6c8902] {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg)
    }
}

.nobp .news-ticker-link__headline[data-v-5e6c8902] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg)
}

.news-ticker-link[data-v-5e6c8902]:focus {
    outline-offset: 4px
}

.news-ticker[data-v-6f2f22c6] {
    position: relative;
    overflow: hidden;
    z-index: 110
}

.news-ticker--compact[data-v-6f2f22c6] {
    padding: 0 12px
}

.news-ticker__viewport[data-v-6f2f22c6] {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.news-ticker__viewport > li[data-v-6f2f22c6] {
    margin-bottom: 22px
}

@media (min-width: 64em) {
    .news-ticker__viewport > li[data-v-6f2f22c6] {
        margin-bottom: var(--news-ticker-spacing-lg)
    }
}

.nobp .news-ticker__viewport > li[data-v-6f2f22c6] {
    margin-bottom: var(--news-ticker-spacing-lg)
}

.news-ticker__viewport > li[data-v-6f2f22c6]:last-of-type {
    margin-bottom: 0
}

.news-ticker__viewport[data-v-6f2f22c6]:after {
    content: "";
    width: 0;
    height: calc(100% - 7px);
    position: absolute;
    border: 1px solid #ced4da;
    top: 5px;
    left: 5px;
    z-index: -1
}

@media (min-width: 37.5em) {
    .news-ticker__viewport[data-v-6f2f22c6]:after {
        left: 6px
    }
}

@media (min-width: 64em) {
    .news-ticker__viewport[data-v-6f2f22c6]:after {
        left: 7px
    }
}

.nobp .news-ticker__viewport[data-v-6f2f22c6]:after {
    left: 7px
}

.stage-feed-choice-chip[data-v-538bf2fd] {
    margin: 16px auto 24px
}

@media (min-width: 64em) {
    .stage-feed-choice-chip[data-v-538bf2fd] {
        margin: 16px auto 32px
    }
}

.nobp .stage-feed-choice-chip[data-v-538bf2fd] {
    margin: 16px auto 32px
}

.stage-feed-choice-chip .slider[data-v-538bf2fd] {
    margin-top: 12px
}

.stage-feed-choice-chip .slider__container > a[data-v-538bf2fd] {
    margin: 0 12px 0 0;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    font-weight: 700;
    line-height: var(--footnote-line-height-sm);
    color: #212529;
    background-color: #e9ecef;
    text-decoration: none;
    height: 36px;
    border-radius: 8px;
    padding: 8px 12px;
    box-sizing: border-box;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.stage-feed-choice-chip .slider__container > a[data-v-538bf2fd]:hover, .stage-feed-choice-chip .slider__container > a[data-v-538bf2fd]:active {
    background-color: #ced4da
}

.stage-feed-choice-chip .slider__container > a.active[data-v-538bf2fd] {
    color: #fff;
    background-color: var(--secondary-tenant-color)
}

.stage-feed-choice-chip .slider__container > a.active[data-v-538bf2fd]:hover, .stage-feed-choice-chip .slider__container > a.active[data-v-538bf2fd]:active {
    background-color: var(--stage-feed-choice-chip-background-color-hover)
}

.stage-feed-item[data-v-d5f5ad72] {
    overflow: auto;
    margin-left: 24px;
    box-shadow: 0 1px 2px #0003, 0 1px 3px 1px #0000001a;
    border-radius: 4px
}

.stage-feed-item__link[data-v-d5f5ad72] {
    text-decoration: none;
    box-sizing: content-box
}

.stage-feed-item__link[data-v-d5f5ad72] > * {
    pointer-events: auto
}

.stage-feed-item__STAGE_TAG_BEI_BILD .stage-feed-item__card[data-v-d5f5ad72] {
    display: block
}

@media (min-width: 37.5em) {
    .stage-feed-item__NEWSFEED .stage-feed-item__card[data-v-d5f5ad72] {
        display: flex
    }

    .stage-feed-item__NEWSFEED .stage-feed-item__card img[data-v-d5f5ad72] {
        width: 40%
    }
}

.stage-feed-item__marks[data-v-d5f5ad72] {
    background: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    height: var(--stage-feed-item-mark-height);
    padding: 12px
}

@media (min-width: 64em) {
    .stage-feed-item__marks[data-v-d5f5ad72] {
        padding-right: 16px
    }
}

.nobp .stage-feed-item__marks[data-v-d5f5ad72] {
    padding-right: 16px
}

.stage-feed-item__marks > span[data-v-d5f5ad72], .stage-feed-item__marks > time[data-v-d5f5ad72] {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    color: var(--stage-feed-item-marks-color);
    text-decoration: none
}

@media (min-width: 64em) {
    .stage-feed-item__marks > span[data-v-d5f5ad72], .stage-feed-item__marks > time[data-v-d5f5ad72] {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .stage-feed-item__marks > span[data-v-d5f5ad72], .nobp .stage-feed-item__marks > time[data-v-d5f5ad72] {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.stage-feed-item__marks > time[data-v-d5f5ad72] {
    flex: 1 0 auto
}

.stage-feed-item__marks > span[data-v-d5f5ad72] {
    flex: 0 0 auto
}

.stage-feed-item__video[data-v-d5f5ad72], .stage-feed-item__plus[data-v-d5f5ad72] {
    margin: 0;
    height: 20px;
    flex: 0 0 auto
}

.stage-feed-item__img[data-v-d5f5ad72] {
    width: 100%
}

.stage-feed--headlines .stage-feed-item__img[data-v-d5f5ad72] {
    will-change: opacity
}

.stage-feed--headlines .stage-feed-item__img[data-v-d5f5ad72]:hover, .stage-feed--headlines .stage-feed-item__img[data-v-d5f5ad72]:active {
    opacity: .8;
    transition: opacity .25s ease-in-out
}

.stage-feed--newsfeed .stage-feed-item__img[data-v-d5f5ad72] {
    will-change: opacity
}

.stage-feed--newsfeed .stage-feed-item__img[data-v-d5f5ad72]:hover, .stage-feed--newsfeed .stage-feed-item__img[data-v-d5f5ad72]:active {
    opacity: .8;
    transition: opacity .25s ease-in-out
}

@media (min-width: 37.5em) {
    .stage-feed--newsfeed .stage-feed-item__img[data-v-d5f5ad72] {
        width: 174px;
        float: left
    }
}

@media (min-width: 64em) {
    .stage-feed--newsfeed .stage-feed-item__img[data-v-d5f5ad72] {
        width: 206px;
        float: left
    }
}

.nobp .stage-feed--newsfeed .stage-feed-item__img[data-v-d5f5ad72] {
    width: 206px;
    float: left
}

.stage-feed-item__title[data-v-d5f5ad72] {
    text-decoration: none;
    float: right;
    padding: 12px;
    box-sizing: border-box;
    width: 100%
}

@media (min-width: 37.5em) {
    .stage-feed-item__title[data-v-d5f5ad72] {
        padding: 12px 12px 16px;
        width: 352px
    }
}

@media (min-width: 64em) {
    .stage-feed-item__title[data-v-d5f5ad72] {
        padding: 16px;
        width: 444px
    }
}

.nobp .stage-feed-item__title[data-v-d5f5ad72] {
    padding: 16px;
    width: 444px
}

@media (min-width: 37.5em) {
    .stage-feed--archive .stage-feed-item__title[data-v-d5f5ad72] {
        width: 100%
    }
}

@media (min-width: 64em) {
    .stage-feed--archive .stage-feed-item__title[data-v-d5f5ad72] {
        width: 100%
    }
}

.nobp .stage-feed--archive .stage-feed-item__title[data-v-d5f5ad72] {
    width: 100%
}

.stage-feed-item__kicker[data-v-d5f5ad72] {
    font-size: var(--kicker-3-font-size-sm);
    line-height: 1.1;
    font-family: var(--kicker-font);
    color: var(--kicker-color);
    font-weight: 700;
    margin-bottom: 4px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: max-content;
    word-break: break-all
}

@media (min-width: 37.5em) {
    .stage-feed-item__kicker[data-v-d5f5ad72] {
        font-size: var(--kicker-3-font-size-md)
    }
}

@media (min-width: 64em) {
    .stage-feed-item__kicker[data-v-d5f5ad72] {
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg)
    }
}

.nobp .stage-feed-item__kicker[data-v-d5f5ad72] {
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg)
}

.stage-feed-item__headline[data-v-d5f5ad72] {
    display: -webkit-box;
    font-size: var(--headline-4-font-size-sm);
    font-style: var(--headline-font-style);
    line-height: var(--headline-4-line-height-sm);
    font-family: var(--headline-font);
    color: var(--headline-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media (min-width: 37.5em) {
    .stage-feed-item__headline[data-v-d5f5ad72] {
        font-size: var(--headline-4-font-size-md);
        line-height: var(--headline-4-line-height-md)
    }
}

@media (min-width: 64em) {
    .stage-feed-item__headline[data-v-d5f5ad72] {
        font-size: var(--headline-4-font-size-lg);
        line-height: var(--headline-4-line-height-lg)
    }
}

.nobp .stage-feed-item__headline[data-v-d5f5ad72] {
    font-size: var(--headline-4-font-size-lg);
    line-height: var(--headline-4-line-height-lg)
}

.stage-feed[data-v-911583af] {
    position: relative;
    z-index: 110;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

.stage-feed--mobile[data-v-911583af] {
    padding: 0 12px
}

@media (min-width: 37.5em) {
    .stage-feed[data-v-911583af] {
        width: 574px
    }
}

@media (min-width: 64em) {
    .stage-feed[data-v-911583af] {
        width: 674px;
        padding: 0
    }
}

.nobp .stage-feed[data-v-911583af] {
    width: 674px;
    padding: 0
}

.stage-feed .cross-heading[data-v-911583af] {
    margin-bottom: 0
}

.stage-feed__viewport[data-v-911583af] {
    list-style: none;
    margin: 24px auto;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative
}

@media (min-width: 64em) {
    .stage-feed__viewport[data-v-911583af] {
        margin: 32px auto
    }
}

.nobp .stage-feed__viewport[data-v-911583af] {
    margin: 32px auto
}

.stage-feed__viewport > li[data-v-911583af] {
    margin-bottom: 12px
}

.stage-feed__viewport > li[data-v-911583af]:first-child:before, .stage-feed__viewport > li[data-v-911583af]:last-child:after {
    content: "";
    display: block;
    height: 14px;
    width: 16px;
    position: absolute
}

.stage-feed__viewport > li[data-v-911583af]:first-child:before {
    background: linear-gradient(0deg, transparent, #fff)
}

.stage-feed__viewport > li[data-v-911583af]:last-child:after {
    bottom: 5px;
    background: linear-gradient(0deg, #fff, transparent)
}

.stage-feed__viewport > li[data-v-911583af]:last-of-type {
    margin-bottom: 0
}

@media (min-width: 64em) {
    .stage-feed__viewport > li[data-v-911583af]:last-of-type {
        padding-bottom: 2px
    }
}

.nobp .stage-feed__viewport > li[data-v-911583af]:last-of-type {
    padding-bottom: 2px
}

.stage-feed__viewport[data-v-911583af]:after {
    content: "";
    width: 0;
    height: calc(100% - 7px);
    position: absolute;
    border: 1px solid #ced4da;
    top: 0;
    left: 5px;
    z-index: -1
}

@media (min-width: 37.5em) {
    .stage-feed__viewport[data-v-911583af]:after {
        left: 6px
    }
}

@media (min-width: 64em) {
    .stage-feed__viewport[data-v-911583af]:after {
        left: 7px
    }
}

.nobp .stage-feed__viewport[data-v-911583af]:after {
    left: 7px
}

.stage-feed__viewport .stage-feed__dayline[data-v-911583af] {
    font-size: 16px;
    line-height: 1.1;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-weight: 700;
    color: #ced4da;
    text-align: center;
    text-decoration: none;
    padding: 12px;
    text-transform: uppercase
}

.stage-feed__reddot-box[data-v-911583af] {
    display: flex;
    align-items: center;
    height: var(--stage-feed-item-mark-height);
    position: absolute;
    padding: 12px 0
}

.stage-feed__reddot[data-v-911583af] {
    height: 12px
}

.stage-feed__reddot path[data-v-911583af] {
    fill: var(--secondary-tenant-color)
}

@media (min-width: 37.5em) {
    .stage-feed__reddot[data-v-911583af] {
        height: 14px
    }
}

@media (min-width: 64em) {
    .stage-feed__reddot[data-v-911583af] {
        height: 16px
    }
}

.nobp .stage-feed__reddot[data-v-911583af] {
    height: 16px
}

.stage-feed p[data-v-911583af] {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg);
    color: var(--stage-feed-description-color);
    text-align: center;
    margin-top: 12px
}

.vertical-video-carousel {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    height: 328px
}

.vertical-video-carousel--grad-bg {
    background: linear-gradient(54deg, var(--vertical-video-gradient-colors))
}

@media (min-width: 37.5em) {
    .vertical-video-carousel--grad-bg {
        background: linear-gradient(61deg, var(--vertical-video-gradient-colors))
    }
}

@media (min-width: 64em) {
    .vertical-video-carousel--grad-bg {
        background: linear-gradient(72deg, var(--vertical-video-gradient-colors))
    }
}

.nobp .vertical-video-carousel--grad-bg {
    background: linear-gradient(72deg, var(--vertical-video-gradient-colors))
}

.vertical-video-carousel--hidden {
    display: none
}

@media (min-width: 37.5em) {
    .vertical-video-carousel {
        height: 384px
    }
}

@media (min-width: 64em) {
    .vertical-video-carousel {
        height: 376px
    }
}

.nobp .vertical-video-carousel {
    height: 376px
}

.vertical-video-carousel--compact {
    height: 260px
}

@media (min-width: 37.5em) {
    .vertical-video-carousel--compact {
        height: 300px
    }
}

@media (min-width: 64em) {
    .vertical-video-carousel--compact {
        height: 344px
    }
}

.nobp .vertical-video-carousel--compact {
    height: 344px
}

.article-body .vertical-video-carousel {
    margin-bottom: 16px
}

@media (min-width: 37.5em) {
    .article-body .vertical-video-carousel {
        margin-bottom: 24px
    }
}

@media (min-width: 64em) {
    .article-body .vertical-video-carousel {
        margin-bottom: 32px
    }
}

.nobp .article-body .vertical-video-carousel {
    margin-bottom: 32px
}

.stage-teaser {
    position: relative;
    min-width: 0
}

.stage-teaser .teaser__premium-icon {
    top: 4px
}

.stage-teaser .teaser__premium-icon svg {
    width: 45px;
    left: -1px
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

.stage-teaser .teaser-placeholder__container svg {
    width: 80px;
    height: 80px
}

.stage-teaser .teaser-placeholder__container svg__text {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #868e96;
    font-weight: 400;
    margin: 8px 16px;
    font-size: 16px;
    line-height: 1.3
}

.stage-teaser .teaser__image {
    width: 100%
}

.stage-teaser .teaser__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
    margin: 0
}

.stage-teaser .teaser__title__kicker {
    word-break: break-all;
    box-sizing: border-box;
    padding: 2px 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.stage-teaser .teaser__title__separator {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    position: absolute;
    margin: -1px;
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap
}

.stage-teaser .teaser__title__headline {
    display: block;
    box-sizing: border-box;
    white-space: pre-line;
    padding-left: var(--headline-text-padding);
    max-width: 100%
}

.stage-teaser .teaser__text {
    color: #212529
}

.stage-teaser img {
    transition: opacity .25s ease-in-out;
    will-change: opacity
}

.stage-teaser__anchor {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none
}

.stage-teaser__anchor:hover img, .stage-teaser__anchor:active img, .stage-teaser__anchor:focus img {
    opacity: .8
}

.stage-teaser__anchor:focus {
    outline-offset: 4px
}

.stage-teaser__fig {
    overflow: hidden;
    margin: 0;
    position: relative
}

.stage-teaser__fig:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    opacity: 0
}

.stage-teaser__impression {
    position: absolute;
    top: -1px;
    left: -1px
}

.stage-teaser__ad:after {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 2px 4px;
    background-color: #fff;
    opacity: .85;
    content: "ANZEIGE";
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #495057;
    font-size: 12px;
    font-weight: var(--teaser-text-font-weight)
}

@media (min-width: 37.5em) {
    .stage-teaser .teaser__premium-icon {
        top: 8px
    }

    .stage-teaser .teaser__premium-icon svg {
        width: 60px;
        left: -1px
    }
}

.nobp .stage-teaser .teaser__premium-icon {
    top: 8px
}

.nobp .stage-teaser .teaser__premium-icon svg {
    width: 60px;
    left: -1px
}

.stage-teaser.standard .teaser__title {
    margin-top: 4px
}

@media (min-width: 37.5em) {
    .stage-teaser.standard .teaser__title {
        margin-top: 6px
    }
}

.nobp .stage-teaser.standard .teaser__title {
    margin-top: 6px
}

.stage-teaser.standard .teaser__title__kicker {
    color: var(--kicker-color);
    padding: 0;
    margin: 0;
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-3-font-size-sm);
    line-height: var(--kicker-3-line-height-sm);
    font-weight: var(--kicker-3-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.standard .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-3-font-size-md);
        line-height: var(--kicker-3-line-height-md);
        font-weight: var(--kicker-3-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.standard .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg);
        font-weight: var(--kicker-3-font-weight-lg)
    }
}

.nobp .stage-teaser.standard .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg);
    font-weight: var(--kicker-3-font-weight-lg)
}

.stage-teaser.standard .teaser__title__headline {
    text-shadow: none;
    color: var(--headline-color);
    margin-top: 2px;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-4-font-size-sm);
    line-height: var(--headline-4-line-height-sm);
    font-weight: var(--headline-4-font-weight-sm);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 37.5em) {
    .stage-teaser.standard .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-4-font-size-md);
        line-height: var(--headline-4-line-height-md);
        font-weight: var(--headline-4-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.standard .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-4-font-size-lg);
        line-height: var(--headline-4-line-height-lg);
        font-weight: var(--headline-4-font-weight-lg)
    }
}

.nobp .stage-teaser.standard .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-4-font-size-lg);
    line-height: var(--headline-4-line-height-lg);
    font-weight: var(--headline-4-font-weight-lg)
}

.stage-teaser.standard .teaser__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 4px 0 0;
    font-family: var(--teaser-text-font);
    font-size: var(--teaser-text-font-size);
    line-height: var(--teaser-text-line-height);
    font-weight: var(--teaser-text-font-weight)
}

.stage-teaser.a-teaser .teaser__title, .stage-teaser.baby-a .teaser__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: var(--teaser-linear-gradient);
    align-items: var(--teaser-title-align-items-overlay);
    text-align: var(--teaser-title-text-align-overlay);
    padding: var(--teaser-title-padding-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.a-teaser .teaser__title, .stage-teaser.baby-a .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.a-teaser .teaser__title, .stage-teaser.baby-a .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.a-teaser .teaser__title, .nobp .stage-teaser.baby-a .teaser__title {
    padding: var(--teaser-title-padding-lg)
}

.stage-teaser.a-teaser .teaser__title__kicker, .stage-teaser.baby-a .teaser__title__kicker {
    background-color: var(--kicker-background-color);
    padding: var(--kicker-background-padding);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.stage-teaser.a-teaser .teaser__title__kicker, .stage-teaser.baby-a .teaser__title__kicker {
    color: #fff
}

.stage-teaser.a-teaser .teaser__title__headline, .stage-teaser.baby-a .teaser__title__headline {
    text-shadow: var(--text-shadow-headline);
    color: #fff;
    margin-top: 4px
}

.stage-teaser.a-teaser.send-to-front, .stage-teaser.baby-a.send-to-front {
    z-index: 8999
}

.stage-teaser.a-teaser .teaser__premium-icon, .stage-teaser.baby-a .teaser__premium-icon {
    top: 8px
}

.stage-teaser.a-teaser .teaser__premium-icon svg, .stage-teaser.baby-a .teaser__premium-icon svg {
    width: 60px;
    left: -1px
}

@media (min-width: 37.5em) and (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.a-teaser .stage-teaser.a-teaser-mini .info .red-image-placeholder svg, .stage-teaser.baby-a .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

@media (min-width: 37.5em) {
    .stage-teaser.a-teaser .teaser-placeholder__container svg, .stage-teaser.baby-a .teaser-placeholder__container svg {
        width: 120px;
        height: 120px
    }

    .stage-teaser.a-teaser .teaser-placeholder__container svg__text, .stage-teaser.baby-a .teaser-placeholder__container svg__text {
        font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
        color: #868e96;
        font-weight: 400;
        margin: 8px 16px;
        font-size: 18px;
        line-height: 1.3
    }
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .nobp .stage-teaser.a-teaser .stage-teaser.a-teaser-mini .info .red-image-placeholder svg, .nobp .stage-teaser.baby-a .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

.nobp .stage-teaser.a-teaser .teaser-placeholder__container svg, .nobp .stage-teaser.baby-a .teaser-placeholder__container svg {
    width: 120px;
    height: 120px
}

.nobp .stage-teaser.a-teaser .teaser-placeholder__container svg__text, .nobp .stage-teaser.baby-a .teaser-placeholder__container svg__text {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #868e96;
    font-weight: 400;
    margin: 8px 16px;
    font-size: 18px;
    line-height: 1.3
}

.stage-teaser.a-teaser .teaser__title__kicker, .stage-teaser.baby-a .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-2-font-size-sm);
    line-height: var(--kicker-2-line-height-sm);
    font-weight: var(--kicker-2-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.a-teaser .teaser__title__kicker, .stage-teaser.baby-a .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-1-font-size-md);
        line-height: var(--kicker-1-line-height-md);
        font-weight: var(--kicker-1-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.a-teaser .teaser__title__kicker, .stage-teaser.baby-a .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-1-font-size-lg);
        line-height: var(--kicker-1-line-height-lg);
        font-weight: var(--kicker-1-font-weight-lg)
    }
}

.nobp .stage-teaser.a-teaser .teaser__title__kicker, .nobp .stage-teaser.baby-a .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-1-font-size-lg);
    line-height: var(--kicker-1-line-height-lg);
    font-weight: var(--kicker-1-font-weight-lg)
}

.stage-teaser.a-teaser .teaser__title__headline, .stage-teaser.baby-a .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    font-weight: var(--headline-3-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.a-teaser .teaser__title__headline, .stage-teaser.baby-a .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-2-font-size-md);
        line-height: var(--headline-2-line-height-md);
        font-weight: var(--headline-2-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.a-teaser .teaser__title__headline, .stage-teaser.baby-a .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-2-font-size-lg);
        line-height: var(--headline-2-line-height-lg);
        font-weight: var(--headline-2-font-weight-lg)
    }
}

.nobp .stage-teaser.a-teaser .teaser__title__headline, .nobp .stage-teaser.baby-a .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-2-font-size-lg);
    line-height: var(--headline-2-line-height-lg);
    font-weight: var(--headline-2-font-weight-lg)
}

.stage-teaser.double-a-teaser .teaser__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: var(--teaser-linear-gradient);
    align-items: var(--teaser-title-align-items-overlay);
    text-align: var(--teaser-title-text-align-overlay);
    padding: var(--teaser-title-padding-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.double-a-teaser .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.double-a-teaser .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.double-a-teaser .teaser__title {
    padding: var(--teaser-title-padding-lg)
}

.stage-teaser.double-a-teaser .teaser__title__kicker {
    background-color: var(--kicker-background-color);
    padding: var(--kicker-background-padding);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.stage-teaser.double-a-teaser .teaser__title__kicker {
    color: #fff
}

.stage-teaser.double-a-teaser .teaser__title__headline {
    text-shadow: var(--text-shadow-headline);
    color: #fff;
    margin-top: 4px
}

.stage-teaser.double-a-teaser.send-to-front {
    z-index: 8999
}

@media (min-width: 64em) {
    .stage-teaser.double-a-teaser .teaser__title {
        padding: var(--teaser-double-a-teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.double-a-teaser .teaser__title {
    padding: var(--teaser-double-a-teaser-title-padding-lg)
}

.stage-teaser.double-a-teaser .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-2-font-size-lg);
    line-height: var(--kicker-2-line-height-lg);
    font-weight: var(--kicker-2-font-weight-lg)
}

.stage-teaser.double-a-teaser .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg);
    font-weight: var(--headline-3-font-weight-lg)
}

.stage-teaser.a-teaser-mini .teaser__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: var(--teaser-linear-gradient);
    align-items: var(--teaser-title-align-items-overlay);
    text-align: var(--teaser-title-text-align-overlay);
    padding: var(--teaser-title-padding-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.a-teaser-mini .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.a-teaser-mini .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.a-teaser-mini .teaser__title {
    padding: var(--teaser-title-padding-lg)
}

.stage-teaser.a-teaser-mini .teaser__title__kicker {
    background-color: var(--kicker-background-color);
    padding: var(--kicker-background-padding);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.stage-teaser.a-teaser-mini .teaser__title__kicker {
    color: #fff
}

.stage-teaser.a-teaser-mini .teaser__title__headline {
    text-shadow: var(--text-shadow-headline);
    color: #fff;
    margin-top: 4px
}

.stage-teaser.a-teaser-mini.send-to-front {
    z-index: 8999
}

@media (min-width: 0) and (max-width: 37.4375em) and (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.a-teaser-mini .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.a-teaser-mini .teaser-placeholder__container svg {
        width: 56px;
        height: 56px
    }

    .stage-teaser.a-teaser-mini .teaser-placeholder__container svg__text {
        font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
        color: #868e96;
        font-weight: 400;
        margin: 8px 16px;
        font-size: 16px;
        line-height: 1.3
    }
}

.stage-teaser.a-teaser-mini .teaser__title {
    padding: var(--teaser-a-teaser-mini-title-padding)
}

.stage-teaser.a-teaser-mini .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-3-font-size-sm);
    line-height: var(--kicker-3-line-height-sm);
    font-weight: var(--kicker-3-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.a-teaser-mini .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-3-font-size-md);
        line-height: var(--kicker-3-line-height-md);
        font-weight: var(--kicker-3-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.a-teaser-mini .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg);
        font-weight: var(--kicker-3-font-weight-lg)
    }
}

.nobp .stage-teaser.a-teaser-mini .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg);
    font-weight: var(--kicker-3-font-weight-lg)
}

.stage-teaser.a-teaser-mini .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-4-font-size-sm);
    line-height: var(--headline-4-line-height-sm);
    font-weight: var(--headline-4-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.a-teaser-mini .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-4-font-size-md);
        line-height: var(--headline-4-line-height-md);
        font-weight: var(--headline-4-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.a-teaser-mini .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-4-font-size-lg);
        line-height: var(--headline-4-line-height-lg);
        font-weight: var(--headline-4-font-weight-lg)
    }
}

.nobp .stage-teaser.a-teaser-mini .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-4-font-size-lg);
    line-height: var(--headline-4-line-height-lg);
    font-weight: var(--headline-4-font-weight-lg)
}

.stage-teaser.b-teaser .teaser__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: var(--teaser-linear-gradient);
    align-items: var(--teaser-title-align-items-overlay);
    text-align: var(--teaser-title-text-align-overlay);
    padding: var(--teaser-title-padding-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.b-teaser .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.b-teaser .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.b-teaser .teaser__title {
    padding: var(--teaser-title-padding-lg)
}

.stage-teaser.b-teaser .teaser__title__kicker {
    background-color: var(--kicker-background-color);
    padding: var(--kicker-background-padding);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.stage-teaser.b-teaser .teaser__title__kicker {
    color: #fff
}

.stage-teaser.b-teaser .teaser__title__headline {
    text-shadow: var(--text-shadow-headline);
    color: #fff;
    margin-top: 4px
}

.stage-teaser.b-teaser.send-to-front {
    z-index: 8999
}

@media (min-width: 64em) {
    .stage-teaser.b-teaser .teaser__title {
        padding: var(--teaser-b-teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.b-teaser .teaser__title {
    padding: var(--teaser-b-teaser-title-padding-lg)
}

.stage-teaser.b-teaser .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-2-font-size-lg);
    line-height: var(--kicker-2-line-height-lg);
    font-weight: var(--kicker-2-font-weight-lg)
}

.stage-teaser.b-teaser .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg);
    font-weight: var(--headline-3-font-weight-lg)
}

.stage-teaser.bc .teaser__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: var(--teaser-linear-gradient);
    align-items: var(--teaser-title-align-items-overlay);
    text-align: var(--teaser-title-text-align-overlay);
    padding: var(--teaser-title-padding-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.bc .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.bc .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.bc .teaser__title {
    padding: var(--teaser-title-padding-lg)
}

.stage-teaser.bc .teaser__title__kicker {
    background-color: var(--kicker-background-color);
    padding: var(--kicker-background-padding);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.stage-teaser.bc .teaser__title__kicker {
    color: #fff
}

.stage-teaser.bc .teaser__title__headline {
    text-shadow: var(--text-shadow-headline);
    color: #fff;
    margin-top: 4px
}

.stage-teaser.bc.send-to-front {
    z-index: 8999
}

@media (min-width: 64em) {
    .stage-teaser.bc .teaser__title {
        padding: var(--teaser-b-teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.bc .teaser__title {
    padding: var(--teaser-b-teaser-title-padding-lg)
}

.stage-teaser.bc .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-2-font-size-lg);
    line-height: var(--kicker-2-line-height-lg);
    font-weight: var(--kicker-2-font-weight-lg)
}

.stage-teaser.bc .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg);
    font-weight: var(--headline-3-font-weight-lg)
}

@media (min-width: 64em) and (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.bc .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

@media (min-width: 64em) {
    .stage-teaser.bc .teaser-placeholder__container svg {
        width: 120px;
        height: 120px
    }

    .stage-teaser.bc .teaser-placeholder__container svg__text {
        font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
        color: #868e96;
        font-weight: 400;
        margin: 8px 16px;
        font-size: 18px;
        line-height: 1.3
    }
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .nobp .stage-teaser.bc .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

.nobp .stage-teaser.bc .teaser-placeholder__container svg {
    width: 120px;
    height: 120px
}

.nobp .stage-teaser.bc .teaser-placeholder__container svg__text {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #868e96;
    font-weight: 400;
    margin: 8px 16px;
    font-size: 18px;
    line-height: 1.3
}

.stage-teaser.super-a .teaser__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: var(--teaser-linear-gradient);
    align-items: var(--teaser-title-align-items-overlay);
    text-align: var(--teaser-title-text-align-overlay);
    padding: var(--teaser-title-padding-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.super-a .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.super-a .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.super-a .teaser__title {
    padding: var(--teaser-title-padding-lg)
}

.stage-teaser.super-a .teaser__title__kicker {
    background-color: var(--kicker-background-color);
    padding: var(--kicker-background-padding);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.stage-teaser.super-a .teaser__title__kicker {
    color: #fff
}

.stage-teaser.super-a .teaser__title__headline {
    text-shadow: var(--text-shadow-headline);
    color: #fff;
    margin-top: 4px
}

.stage-teaser.super-a.send-to-front {
    z-index: 8999
}

.stage-teaser.super-a .teaser__premium-icon {
    top: 8px
}

.stage-teaser.super-a .teaser__premium-icon svg {
    width: 60px;
    left: -1px
}

@media (min-width: 64em) {
    .stage-teaser.super-a .teaser__title {
        padding: var(--teaser-super-a-title-padding-lg)
    }
}

.nobp .stage-teaser.super-a .teaser__title {
    padding: var(--teaser-super-a-title-padding-lg)
}

.stage-teaser.super-a .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-2-font-size-sm);
    line-height: var(--kicker-2-line-height-sm);
    font-weight: var(--kicker-2-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.super-a .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-1-font-size-md);
        line-height: var(--kicker-1-line-height-md);
        font-weight: var(--kicker-1-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.super-a .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-1-font-size-lg);
        line-height: var(--kicker-1-line-height-lg);
        font-weight: var(--kicker-1-font-weight-lg)
    }
}

.nobp .stage-teaser.super-a .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-1-font-size-lg);
    line-height: var(--kicker-1-line-height-lg);
    font-weight: var(--kicker-1-font-weight-lg)
}

.stage-teaser.super-a .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-3-font-size-sm);
    line-height: var(--headline-3-line-height-sm);
    font-weight: var(--headline-3-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.super-a .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-2-font-size-md);
        line-height: var(--headline-2-line-height-md);
        font-weight: var(--headline-2-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.super-a .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-2-font-size-lg);
        line-height: var(--headline-2-line-height-lg);
        font-weight: var(--headline-2-font-weight-lg)
    }
}

.nobp .stage-teaser.super-a .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-2-font-size-lg);
    line-height: var(--headline-2-line-height-lg);
    font-weight: var(--headline-2-font-weight-lg)
}

.stage-teaser.quad .teaser__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: var(--teaser-linear-gradient);
    align-items: var(--teaser-title-align-items-overlay);
    text-align: var(--teaser-title-text-align-overlay);
    padding: var(--teaser-title-padding-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.quad .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.quad .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

.nobp .stage-teaser.quad .teaser__title {
    padding: var(--teaser-title-padding-lg)
}

.stage-teaser.quad .teaser__title__kicker {
    background-color: var(--kicker-background-color);
    padding: var(--kicker-background-padding);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.stage-teaser.quad .teaser__title__kicker {
    color: #fff
}

.stage-teaser.quad .teaser__title__headline {
    text-shadow: var(--text-shadow-headline);
    color: #fff;
    margin-top: 4px
}

.stage-teaser.quad.send-to-front {
    z-index: 8999
}

.stage-teaser.quad .teaser__premium-icon {
    top: 8px
}

.stage-teaser.quad .teaser__premium-icon svg {
    width: 60px;
    left: -1px
}

@media (min-width: 37.5em) {
    .stage-teaser.quad .teaser__premium-icon {
        top: 8px
    }

    .stage-teaser.quad .teaser__premium-icon svg {
        width: 75px;
        left: -1.5px
    }
}

@media (min-width: 37.5em) and (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.quad .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

@media (min-width: 37.5em) {
    .stage-teaser.quad .teaser-placeholder__container svg {
        width: 120px;
        height: 120px
    }

    .stage-teaser.quad .teaser-placeholder__container svg__text {
        font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
        color: #868e96;
        font-weight: 400;
        margin: 8px 16px;
        font-size: 18px;
        line-height: 1.3
    }
}

.nobp .stage-teaser.quad .teaser__premium-icon {
    top: 8px
}

.nobp .stage-teaser.quad .teaser__premium-icon svg {
    width: 75px;
    left: -1.5px
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .nobp .stage-teaser.quad .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

.nobp .stage-teaser.quad .teaser-placeholder__container svg {
    width: 120px;
    height: 120px
}

.nobp .stage-teaser.quad .teaser-placeholder__container svg__text {
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #868e96;
    font-weight: 400;
    margin: 8px 16px;
    font-size: 18px;
    line-height: 1.3
}

@media (min-width: 37.5em) {
    .stage-teaser.quad .teaser__title {
        padding: var(--teaser-quad-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.quad .teaser__title {
        padding: var(--teaser-quad-title-padding-lg)
    }
}

.nobp .stage-teaser.quad .teaser__title {
    padding: var(--teaser-quad-title-padding-lg)
}

.stage-teaser.quad .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-1-font-size-sm);
    line-height: var(--kicker-1-line-height-sm);
    font-weight: var(--kicker-1-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.quad .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-1-font-size-md);
        line-height: var(--kicker-1-line-height-md);
        font-weight: var(--kicker-1-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.quad .teaser__title__kicker {
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-1-font-size-lg);
        line-height: var(--kicker-1-line-height-lg);
        font-weight: var(--kicker-1-font-weight-lg)
    }
}

.nobp .stage-teaser.quad .teaser__title__kicker {
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-1-font-size-lg);
    line-height: var(--kicker-1-line-height-lg);
    font-weight: var(--kicker-1-font-weight-lg)
}

.stage-teaser.quad .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-1-font-size-sm);
    line-height: var(--headline-1-line-height-sm);
    font-weight: var(--headline-1-font-weight-sm)
}

@media (min-width: 37.5em) {
    .stage-teaser.quad .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-1-font-size-md);
        line-height: var(--headline-1-line-height-md);
        font-weight: var(--headline-1-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.quad .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-1-font-size-lg);
        line-height: var(--headline-1-line-height-lg);
        font-weight: var(--headline-1-font-weight-lg)
    }
}

.nobp .stage-teaser.quad .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-1-font-size-lg);
    line-height: var(--headline-1-line-height-lg);
    font-weight: var(--headline-1-font-weight-lg)
}

@media (min-width: 0) and (max-width: 37.4375em) and (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.mini-quad .stage-teaser.a-teaser-mini .info .red-image-placeholder svg {
        display: none
    }
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.mini-quad .teaser-placeholder__container svg {
        width: 56px;
        height: 56px
    }

    .stage-teaser.mini-quad .teaser-placeholder__container svg__text {
        font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
        color: #868e96;
        font-weight: 400;
        margin: 8px 16px;
        font-size: 16px;
        line-height: 1.3
    }
}

@media (min-width: 37.5em) {
    .stage-teaser.mini-quad .teaser__title {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0;
        background: var(--teaser-linear-gradient);
        align-items: var(--teaser-title-align-items-overlay);
        text-align: var(--teaser-title-text-align-overlay);
        padding: var(--teaser-title-padding-sm)
    }
}

@media (min-width: 37.5em) and (min-width: 37.5em) {
    .stage-teaser.mini-quad .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 37.5em) and (min-width: 64em) {
    .stage-teaser.mini-quad .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

@media (min-width: 37.5em) {
    .nobp .stage-teaser.mini-quad .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }

    .stage-teaser.mini-quad .teaser__title__kicker {
        background-color: var(--kicker-background-color);
        padding: var(--kicker-background-padding);
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }
}

.nobp .stage-teaser.mini-quad .teaser__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: var(--teaser-linear-gradient);
    align-items: var(--teaser-title-align-items-overlay);
    text-align: var(--teaser-title-text-align-overlay);
    padding: var(--teaser-title-padding-sm)
}

@media (min-width: 37.5em) {
    .nobp .stage-teaser.mini-quad .teaser__title {
        padding: var(--teaser-title-padding-md)
    }
}

@media (min-width: 64em) {
    .nobp .stage-teaser.mini-quad .teaser__title {
        padding: var(--teaser-title-padding-lg)
    }
}

.nobp .nobp .stage-teaser.mini-quad .teaser__title {
    padding: var(--teaser-title-padding-lg)
}

.nobp .stage-teaser.mini-quad .teaser__title__kicker {
    background-color: var(--kicker-background-color);
    padding: var(--kicker-background-padding);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.stage-teaser.mini-quad .teaser__title {
    margin-top: 4px
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.mini-quad .teaser__title {
        align-items: flex-start;
        text-align: left
    }
}

@media (min-width: 37.5em) {
    .stage-teaser.mini-quad .teaser__title {
        padding: var(--teaser-mini-quad-title-padding-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.mini-quad .teaser__title {
        padding: var(--teaser-mini-quad-title-padding-lg)
    }
}

.nobp .stage-teaser.mini-quad .teaser__title {
    padding: var(--teaser-mini-quad-title-padding-lg)
}

.stage-teaser.mini-quad .teaser__title__kicker {
    color: var(--kicker-color);
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-3-font-size-sm);
    line-height: var(--kicker-3-line-height-sm);
    font-weight: var(--kicker-3-font-weight-sm)
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .stage-teaser.mini-quad .teaser__title__kicker {
        padding: 0;
        margin: 0;
        white-space: pre-wrap;
        word-break: normal;
        overflow-wrap: anywhere;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 37.5em) {
    .stage-teaser.mini-quad .teaser__title__kicker {
        color: #fff;
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-3-font-size-md);
        line-height: var(--kicker-3-line-height-md);
        font-weight: var(--kicker-3-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.mini-quad .teaser__title__kicker {
        color: #fff;
        font-family: var(--kicker-font);
        font-style: var(--kicker-font-style);
        font-size: var(--kicker-3-font-size-lg);
        line-height: var(--kicker-3-line-height-lg);
        font-weight: var(--kicker-3-font-weight-lg)
    }
}

.nobp .stage-teaser.mini-quad .teaser__title__kicker {
    color: #fff;
    font-family: var(--kicker-font);
    font-style: var(--kicker-font-style);
    font-size: var(--kicker-3-font-size-lg);
    line-height: var(--kicker-3-line-height-lg);
    font-weight: var(--kicker-3-font-weight-lg)
}

.stage-teaser.mini-quad .teaser__title__headline {
    text-shadow: none;
    color: var(--headline-color);
    margin-top: 0;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-4-font-size-sm);
    line-height: var(--headline-4-line-height-sm);
    font-weight: var(--headline-4-font-weight-sm);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 37.5em) {
    .stage-teaser.mini-quad .teaser__title__headline {
        text-shadow: var(--text-shadow-headline);
        color: #fff;
        margin-top: 4px
    }
}

.nobp .stage-teaser.mini-quad .teaser__title__headline {
    text-shadow: var(--text-shadow-headline);
    color: #fff;
    margin-top: 4px
}

@media (min-width: 37.5em) {
    .stage-teaser.mini-quad .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md);
        font-weight: var(--headline-3-font-weight-md)
    }
}

@media (min-width: 64em) {
    .stage-teaser.mini-quad .teaser__title__headline {
        font-family: var(--headline-font);
        font-style: var(--headline-font-style);
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg);
        font-weight: var(--headline-3-font-weight-lg)
    }
}

.nobp .stage-teaser.mini-quad .teaser__title__headline {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg);
    font-weight: var(--headline-3-font-weight-lg)
}

.stage-teaser.graphicallink--fitbook .teaser__title__kicker {
    color: #212529;
    background-color: #ff97b7;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--petbook .teaser__title__kicker {
    color: #212529;
    background-color: #b9db91;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--myhomebook .teaser__title__kicker {
    color: #212529;
    background-color: #6cc;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--stylebook .teaser__title__kicker {
    color: #212529;
    background-color: #fcf;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--techbook .teaser__title__kicker {
    color: #212529;
    background-color: #93e4ff;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--travelbook .teaser__title__kicker {
    color: #212529;
    background-color: #8ef0ed;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--bz .teaser__title__kicker {
    color: #fff;
    background-color: #e3001b;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--autobild .teaser__title__kicker {
    color: #fff;
    background-color: #f00000;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--computerbild .teaser__title__kicker {
    color: #fff;
    background-color: #dc231c;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--kaufberater .teaser__title__kicker {
    color: #fff;
    background-color: #55476e;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--mehr-von-unseren-books .teaser__title__kicker {
    color: #fff;
    background-color: #495057;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--aus-unserem-netzwerk .teaser__title__kicker {
    color: #fff;
    background-color: #d00;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--sportbild .teaser__title__kicker {
    color: #fff;
    background-color: #174482;
    padding: var(--kicker-background-padding)
}

.stage-teaser.graphicallink--brandstorys .teaser__title__kicker {
    color: #fff;
    background-color: #d00;
    padding: var(--kicker-background-padding)
}

.stage-teaser .rvp-recommendation .teaser__premium-icon {
    top: 4px
}

.stage-teaser .rvp-recommendation .teaser__premium-icon svg {
    width: 45px;
    left: -1px
}

@media (min-width: 37.5em) {
    .stage-teaser .rvp-recommendation .teaser__premium-icon {
        top: 8px
    }

    .stage-teaser .rvp-recommendation .teaser__premium-icon svg {
        width: 60px;
        left: -1px
    }
}

.nobp .stage-teaser .rvp-recommendation .teaser__premium-icon {
    top: 8px
}

.nobp .stage-teaser .rvp-recommendation .teaser__premium-icon svg {
    width: 60px;
    left: -1px
}

.layout--colored .stage-teaser__fig, .layout--colored .stage-teaser .fig--video, .block--colored .stage-teaser__fig, .block--colored .stage-teaser .fig--video {
    background-color: #fff
}

.layout--colored .stage-teaser.standard .teaser__title__kicker, .layout--colored .stage-teaser.standard .teaser__title__headline, .block--colored .stage-teaser.standard .teaser__title__kicker, .block--colored .stage-teaser.standard .teaser__title__headline {
    color: var(--contrast-color-text)
}

.layout--colored .stage-teaser.standard .teaser__title__kicker, .block--colored .stage-teaser.standard .teaser__title__kicker {
    opacity: .8
}

.layout--colored .stage-teaser.standard .teaser__text, .block--colored .stage-teaser.standard .teaser__text {
    color: var(--contrast-color-text)
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .layout--colored .stage-teaser.mini-quad .teaser__title__kicker, .layout--colored .stage-teaser.mini-quad .teaser__title__headline, .block--colored .stage-teaser.mini-quad .teaser__title__kicker, .block--colored .stage-teaser.mini-quad .teaser__title__headline {
        color: var(--contrast-color-text)
    }

    .layout--colored .stage-teaser.mini-quad .teaser__title__kicker, .block--colored .stage-teaser.mini-quad .teaser__title__kicker {
        opacity: .8
    }

    .layout--colored .stage-teaser.mini-quad .teaser__text, .block--colored .stage-teaser.mini-quad .teaser__text {
        color: var(--contrast-color-text)
    }
}

.page-wrapper[data-tenant=sportbild] .stage-teaser.standard .teaser__title {
    padding: 0 1px
}

.partner-ad__placeholder {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0
}

.embed__container {
    width: 100%;
    height: 100%
}

.dpa-embed {
    width: 100%;
    min-height: 296px
}

.embed__hey iframe {
    width: 100%;
    height: 400px
}

.embed__hey--mobile iframe {
    height: 500px
}

.stage-video-player {
    max-width: 992px;
    width: 100%
}

.video-teaser img {
    transition: opacity .25s ease-in-out;
    will-change: opacity
}

.video-teaser__anchor {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none
}

.video-teaser__anchor:hover img, .video-teaser__anchor:active img, .video-teaser__anchor:focus img {
    opacity: .8
}

.video-teaser__anchor:focus {
    outline-offset: 4px
}

.stage-teaser__partner .teaser__title__text, .stage-teaser__partner .teaser__title__headline, .stage-teaser__partner .teaser__title__kicker {
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, verdana, sans-serif
}

.offer-module-wrapper {
    position: relative;
    width: 100%;
    max-width: 992px
}

.article-gallery-navi.slider {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    -webkit-user-select: none;
    user-select: none
}

.article-gallery-navi__button {
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    color: inherit;
    cursor: pointer;
    border: 0;
    padding: 0
}

.article-gallery-navi--tabs {
    background-color: #212529;
    opacity: .9;
    top: 0;
    padding: 0 2px;
    justify-content: center;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: transparent transparent;
    scrollbar-width: none
}

.article-gallery-navi--tabs::-webkit-scrollbar {
    display: none
}

.article-gallery-navi--tabs .slider__controls {
    scroll-behavior: unset
}

.article-gallery-navi--tabs .article-gallery-navi__button {
    border-radius: 4px;
    white-space: nowrap;
    font-family: var(--kicker-font);
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 10px 2px;
    padding: 5px 12px
}

.article-gallery-navi--tabs .article-gallery-navi__button:hover, .article-gallery-navi--tabs .article-gallery-navi__button:active, .article-gallery-navi--tabs .article-gallery-navi__button[aria-selected=true] {
    background-color: var(--secondary-tenant-color)
}

.article-gallery-navi:not(.article-gallery-navi--tabs) {
    bottom: 0
}

.article-gallery-navi:not(.article-gallery-navi--tabs) .slider__container {
    width: 100%;
    padding: 0 6px
}

@media (min-width: 37.5em) {
    .article-gallery-navi:not(.article-gallery-navi--tabs) .slider__container {
        padding: 0 10px
    }
}

.nobp .article-gallery-navi:not(.article-gallery-navi--tabs) .slider__container {
    padding: 0 10px
}

.article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__item {
    display: flex;
    flex: 1 1 auto;
    padding: 12px 2px
}

@media (min-width: 37.5em) {
    .article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__item {
        padding: 16px 2px
    }
}

.nobp .article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__item {
    padding: 16px 2px
}

.article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__button {
    width: 100%;
    background-color: #fff;
    opacity: .5;
    height: 4px;
    pointer-events: none
}

@media (min-width: 64em) {
    .article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__button {
        pointer-events: auto
    }
}

.nobp .article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__button {
    pointer-events: auto
}

.article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__button:hover, .article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__button:active {
    opacity: 1
}

.article-gallery-navi:not(.article-gallery-navi--tabs) .article-gallery-navi__button[aria-selected=true] {
    opacity: 1
}

.article-gallery-navi .slider__controls__left, .article-gallery-navi .slider__controls__right {
    background-color: #212529
}

.article-gallery-navi .slider__controls__left .btn--slider-right, .article-gallery-navi .slider__controls__left .btn--slider-left, .article-gallery-navi .slider__controls__right .btn--slider-right, .article-gallery-navi .slider__controls__right .btn--slider-left {
    outline: none;
    background-color: #212529
}

.article-gallery-navi .slider__controls__left .btn--slider-right .btn__icon, .article-gallery-navi .slider__controls__left .btn--slider-left .btn__icon, .article-gallery-navi .slider__controls__right .btn--slider-right .btn__icon, .article-gallery-navi .slider__controls__right .btn--slider-left .btn__icon {
    padding: 0
}

.article-gallery-navi .slider__controls__left .btn--slider-right .btn__icon svg path, .article-gallery-navi .slider__controls__left .btn--slider-left .btn__icon svg path, .article-gallery-navi .slider__controls__right .btn--slider-right .btn__icon svg path, .article-gallery-navi .slider__controls__right .btn--slider-left .btn__icon svg path {
    fill: #fff
}

.article-gallery-navi .slider__controls__left:before {
    background: linear-gradient(90deg, #212529, #21252900);
    left: 0
}

@media (min-width: 64em) {
    .article-gallery-navi .slider__controls__left:before {
        left: 24px
    }
}

.nobp .article-gallery-navi .slider__controls__left:before {
    left: 24px
}

.article-gallery-navi .slider__controls__right:before {
    background: linear-gradient(270deg, #212529, #21252900);
    right: 0
}

@media (min-width: 64em) {
    .article-gallery-navi .slider__controls__right:before {
        right: 24px
    }
}

.nobp .article-gallery-navi .slider__controls__right:before {
    right: 24px
}

@media (min-width: 37.5em) {
    .article-gallery--slider .article-gallery-controls__left, .article-gallery--slider .article-gallery-controls__right {
        margin: 49.125px 0 auto
    }
}

@media (min-width: 64em) {
    .article-gallery--slider .article-gallery-controls__left, .article-gallery--slider .article-gallery-controls__right {
        margin: 60.375px 0 auto
    }
}

.nobp .article-gallery--slider .article-gallery-controls__left, .nobp .article-gallery--slider .article-gallery-controls__right {
    margin: 60.375px 0 auto
}

.article-gallery-controls__left, .article-gallery-controls__right {
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background-color: #212529;
    opacity: .9;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    margin: auto 0;
    display: none
}

.article-gallery-controls__left:hover, .article-gallery-controls__left:active, .article-gallery-controls__right:hover, .article-gallery-controls__right:active {
    background-color: var(--secondary-tenant-color)
}

.article-gallery-controls__left:after, .article-gallery-controls__right:after {
    --size: 15%;
    border-right: 2px solid;
    border-top: 2px solid;
    content: "";
    height: var(--size);
    width: var(--size);
    margin: auto;
    position: absolute;
    inset: 0
}

@media (min-width: 37.5em) {
    .article-gallery-controls__left, .article-gallery-controls__right {
        display: block
    }
}

.nobp .article-gallery-controls__left, .nobp .article-gallery-controls__right {
    display: block
}

.article-gallery-controls__left {
    left: 0
}

.article-gallery-controls__left:after {
    transform: rotate(225deg) translate(-1px, 1px)
}

.article-gallery-controls__right {
    right: 0
}

.article-gallery-controls__right:after {
    transform: rotate(45deg) translate(-1px, 1px)
}

.article-gallery--slider {
    position: relative
}

.article-gallery--slider .article-gallery__viewport {
    display: flex;
    padding: 0 0 0 12px;
    column-gap: 12px
}

@media (min-width: 64em) {
    .article-gallery--slider .article-gallery__viewport {
        padding: 0;
        column-gap: 16px
    }
}

.nobp .article-gallery--slider .article-gallery__viewport {
    padding: 0;
    column-gap: 16px
}

.article-gallery--rotation {
    position: relative
}

.article-gallery--rotation .article-gallery__viewport {
    display: flex
}

.article-gallery--rotation.pagination .teaser__title {
    padding-bottom: 28px
}

@media (min-width: 37.5em) {
    .article-gallery--rotation.pagination .teaser__title {
        padding-bottom: 36px
    }
}

.nobp .article-gallery--rotation.pagination .teaser__title {
    padding-bottom: 36px
}

@media (min-width: 0) and (max-width: 37.4375em) {
    .article-gallery--rotation:not(.pagination) {
        padding-top: 48px
    }
}

@media (min-width: 37.5em) {
    .article-gallery--rotation:not(.pagination) {
        padding-top: 0
    }

    .article-gallery--rotation:not(.pagination) .video-banner, .article-gallery--rotation:not(.pagination) .teaser__premium-icon {
        top: 52px
    }

    .article-gallery--rotation:not(.pagination) .quad .video-banner, .article-gallery--rotation:not(.pagination) .quad .teaser__premium-icon, .article-gallery--rotation:not(.pagination) .a-teaser .video-banner, .article-gallery--rotation:not(.pagination) .a-teaser .teaser__premium-icon, .article-gallery--rotation:not(.pagination) .super-a .video-banner, .article-gallery--rotation:not(.pagination) .super-a .teaser__premium-icon {
        top: 56px
    }
}

.nobp .article-gallery--rotation:not(.pagination) {
    padding-top: 0
}

.nobp .article-gallery--rotation:not(.pagination) .video-banner, .nobp .article-gallery--rotation:not(.pagination) .teaser__premium-icon {
    top: 52px
}

.nobp .article-gallery--rotation:not(.pagination) .quad .video-banner, .nobp .article-gallery--rotation:not(.pagination) .quad .teaser__premium-icon, .nobp .article-gallery--rotation:not(.pagination) .a-teaser .video-banner, .nobp .article-gallery--rotation:not(.pagination) .a-teaser .teaser__premium-icon, .nobp .article-gallery--rotation:not(.pagination) .super-a .video-banner, .nobp .article-gallery--rotation:not(.pagination) .super-a .teaser__premium-icon {
    top: 56px
}

.article-gallery__viewport {
    overflow: hidden;
    overflow-x: scroll;
    scroll-snap-align: center;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
}

.article-gallery__viewport::-webkit-scrollbar {
    display: none
}

.article-gallery-item--slider {
    flex: 0 0 145px
}

.article-gallery-item--slider a:focus {
    outline: none
}

.article-gallery-item--slider a:focus:before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #0060cb;
    z-index: 110
}

@media (min-width: 37.5em) {
    .article-gallery-item--slider {
        flex: 0 0 260px
    }
}

@media (min-width: 64em) {
    .article-gallery-item--slider {
        flex: 0 0 300px
    }
}

.nobp .article-gallery-item--slider {
    flex: 0 0 300px
}

.article-gallery-item--rotation {
    background-color: #e9ecef;
    position: relative;
    flex: 0 0 100%;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    scroll-snap-align: center
}

.article-gallery-item--rotation a:focus {
    outline: none
}

.article-gallery-item--rotation a:focus:before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 2px #0060cb, inset 0 0 0 3px #fff;
    z-index: 110
}

.layout-1 {
    margin-top: 12px
}

@media (min-width: 64em) {
    .layout-1 {
        margin: 16px 16px 0
    }
}

.nobp .layout-1 {
    margin: 16px 16px 0
}

.layout-2--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot1" "slot1 slot1" "slot2 slot2" "slot3 slot3";
    margin-top: 12px
}

.layout-2--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-2--mobile > :nth-child(2) {
    grid-area: slot2;
    margin: 0 12px
}

.layout-2--mobile > :nth-child(3) {
    grid-area: slot3;
    margin: 0 12px
}

@media (min-width: 64em) {
    .layout-2--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-2--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-2--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot1 slot2" "slot1 slot1 slot3"
}

.layout-2--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-2--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-2--desktop > :nth-child(3) {
    grid-area: slot3
}

@media (min-width: 64em) {
    .layout-2--desktop {
        margin: 16px 16px 0
    }
}

.nobp .layout-2--desktop {
    margin: 16px 16px 0
}

.layout-3--mobile {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 12px;
    grid-template-areas:"slot1" "slot2";
    margin-top: 12px
}

.layout-3--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-3--mobile > :nth-child(2) {
    grid-area: slot2;
    margin: 0 12px
}

@media (min-width: 64em) {
    .layout-3--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-3--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-3--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-areas:"slot1 slot1 slot2";
    grid-gap: 16px
}

.layout-3--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-3--desktop > :nth-child(2) {
    grid-area: slot2
}

@media (min-width: 64em) {
    .layout-3--desktop {
        margin: 16px 16px 0
    }
}

.nobp .layout-3--desktop {
    margin: 16px 16px 0
}

.layout-4--mobile {
    display: grid;
    grid-template-columns:1fr;
    row-gap: 12px;
    margin-top: 12px
}

.layout-4--mobile > :nth-child(2) {
    margin: 0 12px
}

@media (min-width: 64em) {
    .layout-4--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-4--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-4--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-areas:"slot1 slot1 slot2";
    column-gap: 16px
}

.layout-4--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-4--desktop > :nth-child(2) {
    grid-area: slot2
}

@media (min-width: 64em) {
    .layout-4--desktop {
        margin: 16px 16px 0
    }
}

.nobp .layout-4--desktop {
    margin: 16px 16px 0
}

.layout-5--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot2";
    margin: 12px 12px 0
}

.layout-5--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-5--mobile > :nth-child(2) {
    grid-area: slot2
}

@media (min-width: 64em) {
    .layout-5--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }

    .layout-5--mobile > :nth-child(1) {
        margin-left: 12px
    }

    .layout-5--mobile > :nth-child(2) {
        margin-right: 12px
    }
}

.nobp .layout-5--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.nobp .layout-5--mobile > :nth-child(1) {
    margin-left: 12px
}

.nobp .layout-5--mobile > :nth-child(2) {
    margin-right: 12px
}

.layout-5--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot2 slot3";
    margin: 16px 16px 0
}

.layout-5--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-5--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-5--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-6--mobile {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 12px;
    grid-template-areas:"slot1" "slot2";
    margin-top: 12px
}

.layout-6--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-6--mobile > :nth-child(2) {
    grid-area: slot2;
    margin: 0 12px
}

@media (min-width: 64em) {
    .layout-6--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-6--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-6--desktop {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot2"
}

.layout-6--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-6--desktop > :nth-child(2) {
    grid-area: slot2
}

@media (min-width: 64em) {
    .layout-6--desktop {
        margin: 16px 16px 0
    }
}

.nobp .layout-6--desktop {
    margin: 16px 16px 0
}

.layout-7--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-areas:"slot1 slot2";
    grid-gap: 12px;
    margin: 12px 12px 0
}

.layout-7--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-7--mobile > :nth-child(2) {
    grid-area: slot2
}

@media (min-width: 64em) {
    .layout-7--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }

    .layout-7--mobile > :nth-child(1) {
        margin-left: 12px
    }

    .layout-7--mobile > :nth-child(2) {
        margin-right: 12px
    }
}

.nobp .layout-7--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.nobp .layout-7--mobile > :nth-child(1) {
    margin-left: 12px
}

.nobp .layout-7--mobile > :nth-child(2) {
    margin-right: 12px
}

.layout-7--desktop {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-areas:"slot1 slot2";
    grid-gap: 16px;
    margin: 16px 16px 0
}

.layout-7--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-7--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-8--mobile {
    display: grid;
    grid-template-columns:1fr;
    grid-template-areas:"slot1" "slot2";
    grid-gap: 12px;
    margin-top: 12px
}

.layout-8--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-8--mobile > :nth-child(2) {
    grid-area: slot2;
    margin: 0 12px
}

@media (min-width: 64em) {
    .layout-8--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-8--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-8--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-areas:"slot1 slot1 slot2";
    grid-gap: 16px
}

.layout-8--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-8--desktop > :nth-child(2) {
    grid-area: slot2
}

@media (min-width: 64em) {
    .layout-8--desktop {
        margin: 16px 16px 0
    }
}

.nobp .layout-8--desktop {
    margin: 16px 16px 0
}

.layout-9--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot1" "slot1 slot1" "slot2 slot3" "slot4 slot4" "slot5 slot6";
    margin-top: 12px
}

.layout-9--mobile > :nth-child(1) {
    grid-area: slot1;
    margin-right: 0
}

.layout-9--mobile > :nth-child(2) {
    grid-area: slot2;
    margin-left: 12px
}

.layout-9--mobile > :nth-child(3) {
    grid-area: slot3;
    margin-right: 12px
}

.layout-9--mobile > :nth-child(4) {
    grid-area: slot4;
    margin-left: 12px;
    margin-right: 12px
}

.layout-9--mobile > :nth-child(5) {
    grid-area: slot5;
    margin-left: 12px
}

.layout-9--mobile > :nth-child(6) {
    grid-area: slot6;
    margin-right: 12px
}

@media (min-width: 64em) {
    .layout-9--mobile {
        grid-gap: 16px
    }
}

.nobp .layout-9--mobile {
    grid-gap: 16px
}

.layout-9--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot1 slot2" "slot1 slot1 slot3" "slot4 slot5 slot6"
}

.layout-9--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-9--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-9--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-9--desktop > :nth-child(4) {
    grid-area: slot4
}

.layout-9--desktop > :nth-child(5) {
    grid-area: slot5
}

.layout-9--desktop > :nth-child(6) {
    grid-area: slot6
}

@media (min-width: 64em) {
    .layout-9--desktop {
        margin: 16px 16px 0
    }
}

.nobp .layout-9--desktop {
    margin: 16px 16px 0
}

.layout-11--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot1" "slot1 slot1" "slot2 slot3";
    margin-top: 12px
}

.layout-11--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-11--mobile > :nth-child(2) {
    grid-area: slot2;
    margin-left: 12px
}

.layout-11--mobile > :nth-child(3) {
    grid-area: slot3;
    margin-right: 12px
}

@media (min-width: 64em) {
    .layout-11--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-11--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-11--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot1 slot2" "slot1 slot1 slot3"
}

.layout-11--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-11--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-11--desktop > :nth-child(3) {
    grid-area: slot3
}

@media (min-width: 64em) {
    .layout-11--desktop {
        margin: 16px 16px 0
    }
}

.nobp .layout-11--desktop {
    margin: 16px 16px 0
}

.layout-12--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot2";
    margin: 12px 12px 0
}

.layout-12--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-12--mobile > :nth-child(2) {
    grid-area: slot2
}

@media (min-width: 64em) {
    .layout-12--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }

    .layout-12--mobile > :nth-child(1) {
        margin-left: 12px
    }

    .layout-12--mobile > :nth-child(2) {
        margin-right: 12px
    }
}

.nobp .layout-12--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.nobp .layout-12--mobile > :nth-child(1) {
    margin-left: 12px
}

.nobp .layout-12--mobile > :nth-child(2) {
    margin-right: 12px
}

.layout-12--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot2 slot3";
    margin: 16px 16px 0
}

.layout-12--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-12--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-12--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-13--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot2" "slot3 slot4" "slot5 slot6";
    margin: 12px 12px 0
}

.layout-13--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-13--mobile > :nth-child(2) {
    grid-area: slot2
}

.layout-13--mobile > :nth-child(3) {
    grid-area: slot3
}

.layout-13--mobile > :nth-child(4) {
    grid-area: slot4
}

.layout-13--mobile > :nth-child(5) {
    grid-area: slot5
}

.layout-13--mobile > :nth-child(6) {
    grid-area: slot6
}

@media (min-width: 64em) {
    .layout-13--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }

    .layout-13--mobile > :nth-child(odd) {
        margin-left: 12px
    }

    .layout-13--mobile > :nth-child(2n) {
        margin-right: 12px
    }
}

.nobp .layout-13--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.nobp .layout-13--mobile > :nth-child(odd) {
    margin-left: 12px
}

.nobp .layout-13--mobile > :nth-child(2n) {
    margin-right: 12px
}

.layout-13--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot2 slot3" "slot4 slot5 slot6";
    margin: 16px 16px 0
}

.layout-13--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-13--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-13--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-13--desktop > :nth-child(4) {
    grid-area: slot4
}

.layout-13--desktop > :nth-child(5) {
    grid-area: slot5
}

.layout-13--desktop > :nth-child(6) {
    grid-area: slot6
}

.layout-14--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot1" "slot2 slot3";
    margin-top: 12px
}

.layout-14--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-14--mobile > :nth-child(2) {
    grid-area: slot2;
    margin-left: 12px
}

.layout-14--mobile > :nth-child(3) {
    grid-area: slot3;
    margin-right: 12px
}

@media (min-width: 64em) {
    .layout-14--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-14--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-14--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot2 slot3";
    margin: 16px 16px 0
}

.layout-14--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-14--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-14--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-15--mobile {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 12px;
    grid-template-areas:"slot1" "slot2";
    margin-top: 12px
}

.layout-15--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-15--mobile > :nth-child(2) {
    grid-area: slot2;
    margin: 0 12px
}

@media (min-width: 64em) {
    .layout-15--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-15--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-15--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot1 slot2";
    margin: 16px 16px 0
}

.layout-15--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-15--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-16--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-areas:"slot1 slot2";
    grid-gap: 12px;
    margin: 12px 12px 0
}

.layout-16--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-16--mobile > :nth-child(2) {
    grid-area: slot2
}

@media (min-width: 64em) {
    .layout-16--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }

    .layout-16--mobile > :nth-child(1) {
        margin-left: 12px
    }

    .layout-16--mobile > :nth-child(2) {
        margin-right: 12px
    }
}

.nobp .layout-16--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.nobp .layout-16--mobile > :nth-child(1) {
    margin-left: 12px
}

.nobp .layout-16--mobile > :nth-child(2) {
    margin-right: 12px
}

.layout-16--desktop {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-areas:"slot1 slot2";
    grid-gap: 16px;
    margin: 16px 16px 0
}

.layout-16--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-16--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-17 {
    margin-top: 12px
}

@media (min-width: 64em) {
    .layout-17 {
        margin: 16px 16px 0
    }
}

.nobp .layout-17 {
    margin: 16px 16px 0
}

.layout-18--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot1" "slot2 slot3";
    margin-top: 12px
}

.layout-18--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-18--mobile > :nth-child(2) {
    grid-area: slot2;
    margin-left: 12px
}

.layout-18--mobile > :nth-child(3) {
    grid-area: slot3;
    margin-right: 12px
}

@media (min-width: 64em) {
    .layout-18--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-18--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-18--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot1 slot2" "slot1 slot1 slot3";
    margin: 16px 16px 0
}

.layout-18--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-18--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-18--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-19--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot1" "slot1 slot1" "slot2 slot3";
    margin-top: 12px
}

.layout-19--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-19--mobile > :nth-child(2) {
    grid-area: slot2;
    margin-left: 12px
}

.layout-19--mobile > :nth-child(3) {
    grid-area: slot3;
    margin-right: 12px
}

@media (min-width: 64em) {
    .layout-19--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-19--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-19--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot1 slot2" "slot1 slot1 slot3"
}

.layout-19--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-19--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-19--desktop > :nth-child(3) {
    grid-area: slot3
}

@media (min-width: 64em) {
    .layout-19--desktop {
        margin: 16px 16px 0
    }
}

.nobp .layout-19--desktop {
    margin: 16px 16px 0
}

.layout-20--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot2" "slot3 slot3";
    margin-top: 12px
}

.layout-20--mobile > :nth-child(1) {
    grid-area: slot1;
    margin-left: 12px
}

.layout-20--mobile > :nth-child(2) {
    grid-area: slot2;
    margin-right: 12px
}

.layout-20--mobile > :nth-child(3) {
    grid-area: slot3
}

@media (min-width: 64em) {
    .layout-20--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-20--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-20--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot2 slot3";
    margin: 16px 16px 0
}

.layout-20--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-20--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-20--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-21--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot1" "slot2 slot3";
    margin-top: 12px
}

.layout-21--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-21--mobile > :nth-child(2) {
    grid-area: slot2;
    margin-left: 12px
}

.layout-21--mobile > :nth-child(3) {
    grid-area: slot3;
    margin-right: 12px
}

@media (min-width: 64em) {
    .layout-21--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }
}

.nobp .layout-21--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.layout-21--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot1 slot2" "slot1 slot1 slot3";
    margin: 16px 16px 0
}

.layout-21--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-21--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-21--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-22--mobile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    grid-template-areas:"slot1 slot2" "slot3 slot4" "slot5 slot6";
    margin: 12px 12px 0
}

.layout-22--mobile > :nth-child(1) {
    grid-area: slot1
}

.layout-22--mobile > :nth-child(2) {
    grid-area: slot2
}

.layout-22--mobile > :nth-child(3) {
    grid-area: slot3
}

.layout-22--mobile > :nth-child(4) {
    grid-area: slot4
}

.layout-22--mobile > :nth-child(5) {
    grid-area: slot5
}

.layout-22--mobile > :nth-child(6) {
    grid-area: slot6
}

@media (min-width: 64em) {
    .layout-22--mobile {
        margin: 16px 16px 0;
        grid-gap: 16px
    }

    .layout-22--mobile > :nth-child(odd) {
        margin-left: 12px
    }

    .layout-22--mobile > :nth-child(2n) {
        margin-right: 12px
    }
}

.nobp .layout-22--mobile {
    margin: 16px 16px 0;
    grid-gap: 16px
}

.nobp .layout-22--mobile > :nth-child(odd) {
    margin-left: 12px
}

.nobp .layout-22--mobile > :nth-child(2n) {
    margin-right: 12px
}

.layout-22--desktop {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    grid-template-areas:"slot1 slot2 slot3" "slot4 slot5 slot6";
    margin: 16px 16px 0
}

.layout-22--desktop > :nth-child(1) {
    grid-area: slot1
}

.layout-22--desktop > :nth-child(2) {
    grid-area: slot2
}

.layout-22--desktop > :nth-child(3) {
    grid-area: slot3
}

.layout-22--desktop > :nth-child(4) {
    grid-area: slot4
}

.layout-22--desktop > :nth-child(5) {
    grid-area: slot5
}

.layout-22--desktop > :nth-child(6) {
    grid-area: slot6
}

.layout {
    margin-top: 12px;
    padding-top: 0
}

.layout--colored {
    background-color: var(--bg-color);
    padding-bottom: 12px
}

.layout--colored:first-child {
    padding-top: 12px
}

.layout--colored-repeat {
    background-color: var(--bg-color);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 12px
}

.layout + .layout--colored {
    padding-top: 12px
}

@media (min-width: 64em) {
    .layout {
        margin-top: 16px
    }

    .layout--colored {
        background-color: var(--bg-color);
        padding-bottom: 16px
    }

    .layout--colored:first-child {
        padding-top: 16px
    }

    .layout--colored-repeat {
        background-color: var(--bg-color);
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 16px
    }

    .layout + .layout--colored {
        padding-top: 16px
    }
}

.nobp .layout {
    margin-top: 16px
}

.nobp .layout--colored {
    background-color: var(--bg-color);
    padding-bottom: 16px
}

.nobp .layout--colored:first-child {
    padding-top: 16px
}

.nobp .layout--colored-repeat {
    background-color: var(--bg-color);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 16px
}

.nobp .layout + .layout--colored {
    padding-top: 16px
}

.layout--colored .special-navi--border, .block--colored .special-navi--border {
    box-shadow: none
}

.layout--colored .special-navi__label, .block--colored .special-navi__label {
    color: var(--contrast-color-text);
    opacity: .8
}

.layout--colored .special-navi .slider__item:hover:before, .layout--colored .special-navi .slider__item:active:before, .layout--colored .special-navi .slider__item[aria-current=true]:before, .block--colored .special-navi .slider__item:hover:before, .block--colored .special-navi .slider__item:active:before, .block--colored .special-navi .slider__item[aria-current=true]:before {
    border-bottom-color: var(--contrast-color-text)
}

.layout--colored .special-navi .slider__item:hover .special-navi__label, .layout--colored .special-navi .slider__item:active .special-navi__label, .layout--colored .special-navi .slider__item[aria-current=true] .special-navi__label, .block--colored .special-navi .slider__item:hover .special-navi__label, .block--colored .special-navi .slider__item:active .special-navi__label, .block--colored .special-navi .slider__item[aria-current=true] .special-navi__label {
    color: var(--contrast-color-text);
    opacity: 1
}

.layout--colored .special-navi .slider__controls .btn__icon svg path, .block--colored .special-navi .slider__controls .btn__icon svg path {
    fill: var(--contrast-color-text);
    transition: opacity ease-in-out .25s;
    opacity: .8
}

.layout--colored .special-navi .slider__controls:hover .btn__icon svg path, .layout--colored .special-navi .slider__controls:active .btn__icon svg path, .block--colored .special-navi .slider__controls:hover .btn__icon svg path, .block--colored .special-navi .slider__controls:active .btn__icon svg path {
    opacity: 1
}

.layout--colored .special-navi .slider__controls__right, .block--colored .special-navi .slider__controls__right {
    background-color: var(--bg-color)
}

.layout--colored .special-navi .slider__controls__right:before, .block--colored .special-navi .slider__controls__right:before {
    background: linear-gradient(270deg, rgba(var(--bg-color-rgb)/100%), rgba(var(--bg-color-rgb)/0%))
}

.layout--colored .special-navi .slider__controls__right .btn--slider-right, .block--colored .special-navi .slider__controls__right .btn--slider-right, .layout--colored .special-navi .slider__controls__left, .block--colored .special-navi .slider__controls__left {
    background-color: var(--bg-color)
}

.layout--colored .special-navi .slider__controls__left:before, .block--colored .special-navi .slider__controls__left:before {
    background: linear-gradient(90deg, rgba(var(--bg-color-rgb)/100%), rgba(var(--bg-color-rgb)/0%))
}

.layout--colored .special-navi .slider__controls__left .btn--slider-left, .block--colored .special-navi .slider__controls__left .btn--slider-left {
    background-color: var(--bg-color)
}

.stage-block-title {
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    height: 33px;
    padding: 0 12px;
    margin: 0;
    color: var(--ressort-header-color);
    font-family: var(--ressort-header-font);
    font-size: var(--ressort-header-font-size-sm);
    line-height: 1.1;
    text-transform: uppercase
}

@media (min-width: 37.5em) {
    .stage-block-title {
        font-size: var(--ressort-header-font-size-md)
    }
}

@media (min-width: 64em) {
    .stage-block-title {
        height: 41px;
        padding: 0 16px;
        font-size: var(--ressort-header-font-size-lg)
    }
}

.nobp .stage-block-title {
    height: 41px;
    padding: 0 16px;
    font-size: var(--ressort-header-font-size-lg)
}

.stage-block-title--separator span a:first-child {
    padding-right: 0;
    margin-right: 8px
}

.stage-block-title--separator span a:first-child:after {
    content: none
}

.stage-block-title--separator span span {
    margin-right: 8px
}

.stage-block-title:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ced4da;
    transform: translateY(32px)
}

@media (min-width: 64em) {
    .stage-block-title:before {
        transform: translateY(40px)
    }
}

.nobp .stage-block-title:before {
    transform: translateY(40px)
}

.stage-block-title__text {
    white-space: nowrap;
    display: inline-flex;
    max-width: 100%
}

.stage-block-title__text span {
    white-space: pre
}

.stage-block-title__text a {
    position: relative;
    display: inline-block;
    padding: 0 24px 0 0;
    margin-right: 16px;
    height: 32px;
    color: var(--ressort-header-color);
    text-decoration: none
}

.stage-block-title__text a:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    right: -5px;
    background-image: url("")
}

@media (min-width: 64em) {
    .stage-block-title__text a {
        height: 40px;
        transition: margin-right .2s linear
    }

    .stage-block-title__text a:before {
        content: "";
        background-color: var(--main-tenant-color);
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        opacity: .2;
        transition: .25s ease-in-out
    }

    .stage-block-title__text a:after {
        top: 3px;
        transition: .25s ease-in-out
    }

    .stage-block-title__text a:hover:before, .stage-block-title__text a:active:before, .stage-block-title__text a:focus:before {
        width: 100%;
        opacity: 1;
        padding-right: 3px
    }

    .stage-block-title__text a:hover:after, .stage-block-title__text a:active:after, .stage-block-title__text a:focus:after {
        transform: translate(3px)
    }
}

.nobp .stage-block-title__text a {
    height: 40px;
    transition: margin-right .2s linear
}

.nobp .stage-block-title__text a:before {
    content: "";
    background-color: var(--main-tenant-color);
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    opacity: .2;
    transition: .25s ease-in-out
}

.nobp .stage-block-title__text a:after {
    top: 3px;
    transition: .25s ease-in-out
}

.nobp .stage-block-title__text a:hover:before, .nobp .stage-block-title__text a:active:before, .nobp .stage-block-title__text a:focus:before {
    width: 100%;
    opacity: 1;
    padding-right: 3px
}

.nobp .stage-block-title__text a:hover:after, .nobp .stage-block-title__text a:active:after, .nobp .stage-block-title__text a:focus:after {
    transform: translate(3px)
}

.stage-block-title__text a:focus {
    outline-offset: 4px
}

.stage-block-title__text :last-child {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stage-block-title__ad-label {
    position: absolute;
    inset: 0 0 5px auto;
    background: linear-gradient(to right, #fff0, #fff 15% 100%);
    padding: 0 12px 0 24px;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #495057;
    text-transform: uppercase;
    align-content: center
}

@media (min-width: 64em) {
    .stage-block-title__ad-label {
        padding: 0 16px 0 32px
    }
}

.nobp .stage-block-title__ad-label {
    padding: 0 16px 0 32px
}

.red-stage__partner:first-of-type:before, .red-stage__partner:last-of-type:after {
    display: block;
    content: "ANZEIGE";
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #495057;
    font-size: 12px;
    text-align: center;
    line-height: 1.1666
}

.red-stage__partner:first-of-type:before {
    margin-bottom: 16px
}

.red-stage__partner:last-of-type:after {
    margin-top: 16px
}

.block__layout-wrapper {
    background-color: var(--bg-color)
}

.block--first {
    position: relative
}

.block--first.block--titled {
    margin-top: 12px
}

@media (min-width: 64em) {
    .block--first.block--titled {
        margin-top: 0
    }
}

.nobp .block--first.block--titled {
    margin-top: 0
}

.block--first:not(.block--titled) .layout:first-child {
    margin-top: 0
}

.block--titled {
    margin-top: 24px
}

@media (min-width: 64em) {
    .block--titled {
        margin-top: 48px
    }
}

.nobp .block--titled {
    margin-top: 48px
}

.block:not(.block--titled).block--ad {
    margin-top: 12px;
    margin-bottom: 8px
}

.block:not(.block--titled).block--ad .layout {
    padding-top: 12px
}

.block:not(.block--titled).block--ad .layout:first-child {
    padding-top: 0
}

@media (min-width: 37.5em) {
    .block:not(.block--titled).block--ad {
        margin-bottom: 0
    }
}

@media (min-width: 64em) {
    .block:not(.block--titled).block--ad {
        margin-top: 16px;
        margin-bottom: 0
    }
}

.nobp .block:not(.block--titled).block--ad {
    margin-top: 16px;
    margin-bottom: 0
}

.block:not(.block--titled) .layout--colored:first-child {
    margin-top: 0
}

.block__ad-mark:after {
    display: block;
    content: "ANZEIGE";
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    color: #495057;
    font-size: 12px;
    text-align: center;
    margin-top: 4px
}

@media (min-width: 64em) {
    .block__ad-mark:after {
        margin-top: 8px
    }
}

.nobp .block__ad-mark:after {
    margin-top: 8px
}

.block--colored .layout:first-child, .block--background-image .layout:first-child {
    padding-top: 12px
}

@media (min-width: 64em) {
    .block--colored .layout:first-child, .block--background-image .layout:first-child {
        padding-top: 16px
    }
}

.nobp .block--colored .layout:first-child, .nobp .block--background-image .layout:first-child {
    padding-top: 16px
}

.block--colored .layout:last-child, .block--background-image .layout:last-child {
    padding-bottom: 12px
}

@media (min-width: 64em) {
    .block--colored .layout:last-child, .block--background-image .layout:last-child {
        padding-bottom: 16px
    }
}

.nobp .block--colored .layout:last-child, .nobp .block--background-image .layout:last-child {
    padding-bottom: 16px
}

.block--colored:not(.block--titled) .layout:first-child, .block--background-image:not(.block--titled) .layout:first-child {
    margin-top: 0
}

.block + .block--colored:not(.block--titled) {
    margin-top: 12px
}

@media (min-width: 64em) {
    .block + .block--colored:not(.block--titled) {
        margin-top: 16px
    }
}

.nobp .block + .block--colored:not(.block--titled) {
    margin-top: 16px
}

.block--background-image:before {
    content: " ";
    background-image: var(--bg-image);
    height: calc(100% + 8px);
    display: block;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    top: -4px
}

.block--background-image-desktop:before {
    left: min(1px, -50vw + 50% + 100px);
    width: max(100%, 100vw)
}

.block--background-image-mobile:before {
    left: min(1px, -50vw + 50%);
    width: 100vw
}

.main-content--error {
    margin-top: 40px
}

@media (min-width: 37.5em) {
    .main-content--error {
        margin-top: 60px
    }
}

@media (min-width: 64em) {
    .main-content--error {
        margin-top: 80px
    }
}

.nobp .main-content--error {
    margin-top: 80px
}

.logora-placeholder-skeleton__card {
    border: 2px solid #e9ecef
}

.logora-placeholder-skeleton__card__image {
    width: 100%;
    height: 200px;
    background-color: #e9ecef;
    margin: 0 0 18px
}

.logora-placeholder-skeleton__card__title {
    width: auto;
    height: 48px;
    margin: 0 18px 18px;
    background-color: #e9ecef
}

.logora-placeholder-skeleton__card__footer {
    margin: 0 18px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px
}

.logora-placeholder-skeleton__card__footer__avatars__circle {
    display: inline-block;
    margin-right: -16px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #e9ecef
}

.logora-placeholder-skeleton__card__footer__no-avatars {
    width: 100px;
    height: 18px;
    background-color: #e9ecef
}

.logora-placeholder-skeleton__card__footer__summary {
    width: 133px;
    height: 18px;
    background-color: #e9ecef
}

.logora-placeholder-skeleton__header {
    width: 100%;
    height: 106px;
    background-color: #e9ecef;
    margin: 0 0 9px
}

@media (min-width: 37.5em) {
    .logora-placeholder-skeleton__header {
        margin: 0 0 18px
    }
}

.logora-placeholder-skeleton__main-area {
    padding: 18px
}

@media (min-width: 37.5em) {
    .logora-placeholder-skeleton__main-area {
        padding: 27px
    }
}

.logora-placeholder-skeleton__main-area__header {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    gap: 18px;
    justify-content: space-between;
    margin: 0 0 24px
}

@media (min-width: 37.5em) {
    .logora-placeholder-skeleton__main-area__header {
        align-items: center;
        flex-direction: row
    }
}

.logora-placeholder-skeleton__main-area__header__title {
    width: 260px;
    height: 32px;
    background-color: #e9ecef
}

.logora-placeholder-skeleton__main-area__header__controls {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    flex: 2;
    gap: 18px;
    width: 100%
}

@media (min-width: 37.5em) {
    .logora-placeholder-skeleton__main-area__header__controls {
        justify-content: flex-end;
        width: auto
    }
}

.logora-placeholder-skeleton__main-area__header__controls__search {
    flex: 1;
    height: 52px;
    background-color: #e9ecef
}

@media (min-width: 37.5em) {
    .logora-placeholder-skeleton__main-area__header__controls__search {
        max-width: 35%
    }
}

.logora-placeholder-skeleton__main-area__header__controls__filter {
    width: 130px;
    height: 52px;
    background-color: #e9ecef
}

.logora-placeholder-skeleton__main-area__cards {
    margin: 0 0 24px;
    width: 100%;
    display: inline-grid;
    gap: 18px;
    grid-template-columns:repeat(3, 1fr)
}

@media (min-width: 64em) {
    .logora-placeholder-skeleton__main-area__cards {
        grid-template-columns:repeat(6, 1fr)
    }
}

.nobp .logora-placeholder-skeleton__main-area__cards {
    grid-template-columns:repeat(6, 1fr)
}

.logora-placeholder-skeleton__main-area__cards .wide {
    grid-column: span 6
}

@media (min-width: 64em) {
    .logora-placeholder-skeleton__main-area__cards .wide {
        grid-column: span 3
    }
}

.nobp .logora-placeholder-skeleton__main-area__cards .wide {
    grid-column: span 3
}

.logora-placeholder-skeleton__main-area__cards .narrow {
    grid-column: span 6
}

@media (min-width: 64em) {
    .logora-placeholder-skeleton__main-area__cards .narrow {
        grid-column: span 2
    }
}

.nobp .logora-placeholder-skeleton__main-area__cards .narrow {
    grid-column: span 2
}

.logora-placeholder-skeleton__footer {
    width: 100%;
    height: 414px;
    background-color: #e9ecef
}

@media (min-width: 64em) {
    .logora-placeholder-skeleton__footer {
        height: 212px
    }
}

.nobp .logora-placeholder-skeleton__footer {
    height: 212px
}

.logora__app--hidden {
    position: absolute;
    visibility: hidden
}

.logora-wrapper {
    position: relative
}

.debate-navi {
    display: block;
    margin: 0 0 8px;
    background-color: #152d3d
}

.debate-navi.special-navi .slider__item .special-navi__label {
    color: #fff;
    opacity: .8
}

.debate-navi.special-navi .slider__item:hover .special-navi__label, .debate-navi.special-navi .slider__item:active .special-navi__label, .debate-navi.special-navi .slider__item[aria-current=true] .special-navi__label {
    color: #fff;
    opacity: 1
}

@media (min-width: 37.5em) {
    .debate-navi {
        margin: 0 auto 12px
    }
}

@media (min-width: 64em) {
    .debate-navi {
        margin: 0 0 16px;
        padding: 0 0 8px
    }
}

.nobp .debate-navi {
    margin: 0 0 16px;
    padding: 0 0 8px
}

.debate__paywall__content {
    background: #fff
}

@media (min-width: 64em) {
    .main-content--debate > article {
        padding-left: 16px;
        padding-right: 16px
    }
}

.nobp .main-content--debate > article {
    padding-left: 16px;
    padding-right: 16px
}

.main-content--article-promotion {
    margin-top: 24px
}

@media (min-width: 64em) {
    .main-content--article-promotion {
        margin-top: 32px
    }
}

.nobp .main-content--article-promotion {
    margin-top: 32px
}

.search-element {
    display: flex;
    padding: 12px 0 16px;
    gap: 12px
}

@media (min-width: 37.5em) {
    .search-element {
        padding: 24px 0
    }
}

@media (min-width: 64em) {
    .search-element {
        padding: 32px 0;
        gap: 16px
    }
}

.nobp .search-element {
    padding: 32px 0;
    gap: 16px
}

.search-element__input-wrapper {
    flex-grow: 1;
    position: relative;
    height: 48px
}

.search-element__input-wrapper:hover .search-element__clear-button, .search-element__input-wrapper:active .search-element__clear-button {
    opacity: 1;
    cursor: pointer
}

.search-element__icon {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 15px;
    top: 15px;
    color: #868e96;
    z-index: 110
}

.search-element__clear-button {
    opacity: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 12px
}

.search-element__clear-button svg path {
    fill: #495057
}

.search-element .btn--cta {
    width: 111px
}

.search-element .btn--cta:disabled {
    cursor: not-allowed;
    background-color: #f8f9fa;
    color: #868e96
}

.search-element__loading-animation {
    text-align: center;
    color: var(--secondary-tenant-color)
}

.search-element__no-results {
    padding: 24px;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    color: #212529
}

@media (min-width: 64em) {
    .search-element__no-results {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg);
        padding: 32px
    }
}

.nobp .search-element__no-results {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg);
    padding: 32px
}

.search-element__no-results p:first-child {
    color: #495057;
    font-weight: 700;
    margin-bottom: 8px
}

@media (min-width: 37.5em) {
    .search-element__no-results p:first-child {
        margin-bottom: 12px
    }
}

@media (min-width: 64em) {
    .search-element__no-results p:first-child {
        margin-bottom: 16px
    }
}

.nobp .search-element__no-results p:first-child {
    margin-bottom: 16px
}

.search-element__no-results p b {
    color: var(--secondary-tenant-color)
}

@keyframes spinner-a-to-b {
    to {
        transform: rotate(360deg)
    }
}

#googlesearch .gsc-control-cse {
    padding: 0;
    border: 0
}

#googlesearch .gsc-refinementsArea {
    display: flex;
    justify-content: center;
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    padding-bottom: 15px;
    margin: 0
}

#googlesearch .gsc-refinementHeader {
    font-family: var(--navi-font);
    font-style: var(--navi-font-style);
    font-weight: 700;
    font-size: 15px;
    line-height: 1.19;
    color: #495057;
    text-transform: uppercase;
    padding: 0;
    margin: 0 12px;
    letter-spacing: .01em
}

@media (min-width: 64em) {
    #googlesearch .gsc-refinementHeader {
        margin: 0 16px
    }
}

.nobp #googlesearch .gsc-refinementHeader {
    margin: 0 16px
}

#googlesearch .gsc-refinementhActive {
    border-bottom: 0;
    color: var(--navi-highlight-color);
    text-decoration: underline var(--secondary-tenant-color) solid 2px;
    text-underline-offset: 18px
}

#googlesearch .gsc-above-wrapper-area {
    display: block;
    border-bottom: 0;
    padding: 12px 0
}

@media (min-width: 64em) {
    #googlesearch .gsc-above-wrapper-area {
        padding: 12px 0 24px
    }
}

.nobp #googlesearch .gsc-above-wrapper-area {
    padding: 12px 0 24px
}

@media (min-width: 64em) {
    #googlesearch .gsc-above-wrapper-area {
        padding: 16px 0 32px
    }
}

.nobp #googlesearch .gsc-above-wrapper-area {
    padding: 16px 0 32px
}

#googlesearch .gsc-orderby {
    display: flex;
    justify-content: flex-end
}

#googlesearch .gsc-orderby-label {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: 2.25;
    font-weight: 700;
    color: #495057;
    padding: 0 8px 0 0
}

@media (min-width: 37.5em) {
    #googlesearch .gsc-orderby-label {
        padding: 0 12px 0 0
    }
}

@media (min-width: 64em) {
    #googlesearch .gsc-orderby-label {
        font-size: var(--footnote-font-size-lg);
        padding: 0 16px 0 0
    }
}

.nobp #googlesearch .gsc-orderby-label {
    font-size: var(--footnote-font-size-lg);
    padding: 0 16px 0 0
}

#googlesearch .gsc-result-info-container, #googlesearch .gsc-selected-option-container, #googlesearch .gsc-url-top, #googlesearch .gsc-thumbnail-inside {
    display: none
}

#googlesearch .gsc-option {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: 2.25;
    font-weight: 700
}

@media (min-width: 64em) {
    #googlesearch .gsc-option {
        font-size: var(--footnote-font-size-lg)
    }
}

.nobp #googlesearch .gsc-option {
    font-size: var(--footnote-font-size-lg)
}

#googlesearch .gsc-option-menu-invisible {
    display: flex;
    gap: 8px
}

#googlesearch .gsc-option-menu-item {
    display: flex;
    align-items: center;
    width: auto;
    height: 36px;
    background-color: #e9ecef;
    border-radius: 8px;
    padding: 0 12px;
    color: #495057;
    transition: color ease-in-out .25s, background-color ease-in-out .25s
}

#googlesearch .gsc-option-menu-item:hover, #googlesearch .gsc-option-menu-item:active {
    background-color: #cbd3da
}

#googlesearch .gsc-option-menu-item-highlighted {
    background-color: var(--secondary-tenant-color);
    color: #fff
}

#googlesearch .gsc-option-menu-item-highlighted:hover, #googlesearch .gsc-option-menu-item-highlighted:active {
    background-color: hsl(var(--secondary-tenant-color-hsl-hover))
}

#googlesearch .gsc-adBlock {
    border: 0
}

#googlesearch .gsc-table-result {
    display: flex;
    flex-flow: column nowrap;
    padding: 0
}

@media (min-width: 37.5em) {
    #googlesearch .gsc-table-result {
        flex-flow: row nowrap
    }
}

.nobp #googlesearch .gsc-table-result {
    flex-flow: row nowrap
}

#googlesearch .gsc-table-result:hover .gs-title a, #googlesearch .gsc-table-result:active .gs-title a {
    color: var(--secondary-tenant-color)
}

#googlesearch .gsc-table-cell-snippet-close {
    padding: 12px
}

@media (min-width: 64em) {
    #googlesearch .gsc-table-cell-snippet-close {
        padding: 16px
    }
}

.nobp #googlesearch .gsc-table-cell-snippet-close {
    padding: 16px
}

#googlesearch .gsc-results {
    width: auto;
    padding: 0
}

#googlesearch .gsc-webResult.gsc-result {
    border: 0;
    background-color: transparent;
    padding: 12px 0 0
}

#googlesearch .gsc-webResult.gsc-result:first-child {
    padding: 0
}

@media (min-width: 64em) {
    #googlesearch .gsc-webResult.gsc-result {
        padding: 16px 0 0
    }

    #googlesearch .gsc-webResult.gsc-result:first-child {
        padding: 0
    }
}

.nobp #googlesearch .gsc-webResult.gsc-result {
    padding: 16px 0 0
}

.nobp #googlesearch .gsc-webResult.gsc-result:first-child {
    padding: 0
}

#googlesearch .gsc-cursor-box {
    margin: 12px 0
}

@media (min-width: 64em) {
    #googlesearch .gsc-cursor-box {
        margin: 16px 0
    }
}

.nobp #googlesearch .gsc-cursor-box {
    margin: 16px 0
}

#googlesearch .gsc-cursor {
    display: flex;
    justify-content: center
}

#googlesearch .gsc-cursor-page {
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    font-weight: 700;
    color: #495057;
    margin: 0;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 64em) {
    #googlesearch .gsc-cursor-page {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp #googlesearch .gsc-cursor-page {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

#googlesearch .gsc-cursor-current-page {
    color: var(--secondary-tenant-color)
}

#googlesearch .gs-webResult {
    position: relative
}

#googlesearch .gs-result {
    box-shadow: 0 1px 3px 1px #0000001a, 0 1px 2px #0003;
    border-radius: 4px
}

#googlesearch .gs-result .gs-image {
    border: 0
}

#googlesearch .gs-web-image-box {
    float: none;
    padding: 0;
    margin: 0;
    text-align: left;
    width: auto
}

#googlesearch .gs-image {
    display: block
}

#googlesearch .gs-image-box {
    height: 100%
}

@media (min-width: 64em) {
    #googlesearch .gs-image-box {
        max-height: 169px
    }
}

.nobp #googlesearch .gs-image-box {
    max-height: 169px
}

#googlesearch .gs-image-box .gs-image {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 189px;
    object-position: center;
    object-fit: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

@media (min-width: 37.5em) {
    #googlesearch .gs-image-box .gs-image {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px
    }
}

.nobp #googlesearch .gs-image-box .gs-image {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
}

@media (min-width: 37.5em) {
    #googlesearch .gs-image-box .gs-image {
        width: 216px;
        height: 100%
    }
}

@media (min-width: 64em) {
    #googlesearch .gs-image-box .gs-image {
        width: 260px;
        height: 100%
    }
}

.nobp #googlesearch .gs-image-box .gs-image {
    width: 260px;
    height: 100%
}

#googlesearch .gs-per-result-labels .gs-label:not([data-refinementlabel=video],[data-refinementlabel=bildplus]) {
    display: none
}

#googlesearch .gs-per-result-labels span {
    display: none
}

#googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=bildplus], #googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=video] {
    position: absolute;
    top: 0;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-family: Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    background-color: #212529a6;
    padding: 2px 4px
}

#googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=bildplus] {
    left: 0;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px
}

#googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=video] {
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px
}

@media (min-width: 37.5em) {
    #googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=video] {
        border-top-right-radius: 0;
        right: auto
    }
}

.nobp #googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=video] {
    border-top-right-radius: 0;
    right: auto
}

@media (min-width: 37.5em) {
    #googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=video] {
        left: 174px
    }
}

@media (min-width: 64em) {
    #googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=video] {
        left: 218px
    }
}

.nobp #googlesearch .gs-per-result-labels .gs-label[data-refinementlabel=video] {
    left: 218px
}

#googlesearch .gs-title {
    display: block;
    padding: 0 0 4px;
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-weight: var(--headline-4-font-weight-sm);
    font-size: var(--headline-4-font-size-sm);
    line-height: var(--headline-4-line-height-sm);
    color: var(--headline-color)
}

@media (min-width: 37.5em) {
    #googlesearch .gs-title {
        font-weight: var(--headline-4-font-weight-md);
        font-size: var(--headline-4-font-size-md);
        line-height: var(--headline-4-line-height-md)
    }
}

@media (min-width: 64em) {
    #googlesearch .gs-title {
        font-weight: var(--headline-4-font-weight-lg);
        font-size: var(--headline-4-font-size-lg);
        line-height: var(--headline-4-line-height-lg)
    }
}

.nobp #googlesearch .gs-title {
    font-weight: var(--headline-4-font-weight-lg);
    font-size: var(--headline-4-font-size-lg);
    line-height: var(--headline-4-line-height-lg)
}

#googlesearch .gs-title b {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: var(--secondary-tenant-color)
}

#googlesearch .gs-title .gs-title {
    padding: 0
}

#googlesearch .gs-snippet {
    margin: 0;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm)
}

@media (min-width: 64em) {
    #googlesearch .gs-snippet {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp #googlesearch .gs-snippet {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

#googlesearch .gs-captcha-outer-wrapper {
    display: flex;
    flex-flow: column nowrap;
    gap: 12px;
    padding: 12px;
    margin: 0
}

@media (min-width: 37.5em) {
    #googlesearch .gs-captcha-outer-wrapper {
        flex-flow: row nowrap
    }
}

.nobp #googlesearch .gs-captcha-outer-wrapper {
    flex-flow: row nowrap
}

@media (min-width: 64em) {
    #googlesearch .gs-captcha-outer-wrapper {
        gap: 16px;
        padding: 16px
    }
}

.nobp #googlesearch .gs-captcha-outer-wrapper {
    gap: 16px;
    padding: 16px
}

#googlesearch .gs-captcha-wrapper {
    margin: auto
}

#googlesearch .gcsc-find-more-on-google-root, #googlesearch .gcsc-more-maybe-branding-root {
    display: none
}

.hey-search-element {
    display: flex;
    padding: 12px 0 16px;
    gap: 12px
}

@media (min-width: 37.5em) {
    .hey-search-element {
        padding: 24px 0
    }
}

@media (min-width: 64em) {
    .hey-search-element {
        padding: 32px 0;
        gap: 16px
    }
}

.nobp .hey-search-element {
    padding: 32px 0;
    gap: 16px
}

.hey-search-element__input-wrapper {
    flex-grow: 1;
    position: relative;
    height: 48px
}

.hey-search-element__input-wrapper:hover .hey-search-element__clear-button, .hey-search-element__input-wrapper:active .hey-search-element__clear-button {
    cursor: pointer
}

.hey-search-element__icon {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 15px;
    top: 15px;
    color: #868e96;
    z-index: 110
}

.hey-search-element__clear-button {
    opacity: 1;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.hey-search-element__clear-button svg path {
    fill: #495057
}

.hey-search-element .btn--cta {
    width: 111px
}

.search-page {
    height: auto;
    overflow-y: clip
}

.search-page__title {
    font-family: var(--headline-font);
    font-style: var(--headline-font-style);
    font-size: var(--headline-3-font-size-sm);
    font-weight: 700;
    line-height: var(--headline-3-line-height-sm);
    color: var(--headline-color);
    margin: 0;
    text-align: center
}

@media (min-width: 37.5em) {
    .search-page__title {
        font-size: var(--headline-3-font-size-md);
        line-height: var(--headline-3-line-height-md)
    }
}

@media (min-width: 64em) {
    .search-page__title {
        font-size: var(--headline-3-font-size-lg);
        line-height: var(--headline-3-line-height-lg)
    }
}

.nobp .search-page__title {
    font-size: var(--headline-3-font-size-lg);
    line-height: var(--headline-3-line-height-lg)
}

.subnav-bar + .ad-wrapper:not(:has(.addelivered)):not([data-ad-delivered=true]) + .main-content--stage:not(:has(.block:first-child>.stage-block-title)) {
    margin-top: 0
}

.subnav-bar + .main-content--stage:not(:has(.block:first-child>.stage-block-title)) {
    margin-top: 0
}

.form-annotation {
    padding: 0 0 32px
}

.form-annotation span {
    color: #212529;
    background-color: #fff;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm)
}

@media (min-width: 64em) {
    .form-annotation span {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .form-annotation span {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.form-annotation span:before {
    content: attr(data-start)/"";
    color: #d00
}

.form-annotation--centered span {
    display: block;
    width: 294px
}

@media (min-width: 37.5em) {
    .form-annotation--centered span {
        margin: 0 auto
    }
}

.nobp .form-annotation--centered span {
    margin: 0 auto
}

.form-button {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 36px;
    font-family: var(--button-font);
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #495057;
    background-color: #e9ecef;
    transition: background-color ease-in-out .25s;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    padding: 0 26px;
    width: 50%
}

@media (min-width: 37.5em) {
    .form-button {
        width: auto
    }
}

.nobp .form-button {
    width: auto
}

.form-button--cta {
    color: #fff;
    background-color: var(--cta-button-background-color)
}

@media (hover: hover) and (pointer: fine) {
    .form-button--cta:hover, .form-button--cta:active, .form-button--cta:focus-visible {
        background-color: var(--cta-button-background-color-hover)
    }
}

.form-button--cta:disabled {
    cursor: not-allowed;
    background-color: #f8f9fa;
    color: #868e96
}

.form-button--text {
    background-color: #fff0;
    color: #495057
}

@media (hover: hover) and (pointer: fine) {
    .form-button--text:hover, .form-button--text:active, .form-button--text:focus-visible {
        background-color: #ced4da80
    }
}

.form-field {
    position: relative;
    display: flex;
    align-items: center
}

.form-field:has(input[type=radio]) {
    margin-left: 2px;
    direction: rtl
}

.form-field:has(input[type=submit],input[type=reset]) {
    justify-content: flex-end;
    gap: 12px
}

@media (min-width: 37.5em) {
    .form-field:has(input[type=submit],input[type=reset]) {
        gap: 16px
    }
}

.nobp .form-field:has(input[type=submit],input[type=reset]) {
    gap: 16px
}

@media (min-width: 37.5em) {
    .form-field:has(input[type=file]) {
        margin: 0 auto
    }
}

.nobp .form-field:has(input[type=file]) {
    margin: 0 auto
}

.form-field:not(:has(input[type=radio],input[type=reset],input[type=submit])):last-child:nth-child(2n) {
    grid-column: 1/-1
}

.form-field__label {
    pointer-events: none;
    color: #212529;
    background-color: #fff;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm)
}

@media (min-width: 64em) {
    .form-field__label {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .form-field__label {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.form-field__label:after {
    content: attr(data-end)/"";
    color: #d00
}

.form-field__label:has(+div>textarea) {
    position: absolute;
    visibility: hidden
}

.form-field__label:has(+input[type=radio]) {
    pointer-events: auto;
    cursor: pointer;
    color: #212529;
    padding-left: 16px;
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height-sm)
}

@media (min-width: 64em) {
    .form-field__label:has(+input[type=radio]) {
        line-height: var(--body-line-height-lg)
    }
}

.nobp .form-field__label:has(+input[type=radio]) {
    line-height: var(--body-line-height-lg)
}

.form-field__label:has(+input[type=text],+input[type=email],+input[type=tel],+select) {
    position: absolute;
    margin-left: 16px;
    transition: color .2s cubic-bezier(0, 0, .2, 1) 0ms, font-size .2s cubic-bezier(0, 0, .2, 1) 0ms, transform .2s cubic-bezier(0, 0, .2, 1) 0ms
}

.form-field__label:has(+input[type=text],+input[type=email],+input[type=tel],+select):has(+input:focus,+input:not(:placeholder-shown)), .form-field__label:has(+input[type=text],+input[type=email],+input[type=tel],+select):has(+select:focus,+select:valid) {
    transform: translateY(-24px);
    color: #495057;
    font-size: 12px;
    line-height: 1;
    padding: 0 4px
}

.form-field__label:has(+input[type=text],+input[type=email],+input[type=tel],+select):has(+input:invalid:not(:placeholder-shown)) {
    color: #d00;
    transition: color .2s cubic-bezier(0, 0, .2, 1) 0ms
}

.form-fieldset {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    border: none;
    padding: 0 0 48px;
    gap: 28px
}

@media (min-width: 37.5em) {
    .form-fieldset {
        grid-template-columns:repeat(2, 1fr);
        gap: 32px
    }
}

.nobp .form-fieldset {
    grid-template-columns:repeat(2, 1fr);
    gap: 32px
}

.form-fieldset:has(input[type=radio]) {
    display: flex;
    align-items: center
}

.form-fieldset:has(input[type=file]) {
    grid-template-columns:1fr;
    grid-auto-flow: row;
    gap: 24px;
    padding: 0 0 12px
}

@media (min-width: 64em) {
    .form-fieldset:has(input[type=file]) {
        gap: 32px;
        padding: 0 0 16px
    }
}

.nobp .form-fieldset:has(input[type=file]) {
    gap: 32px;
    padding: 0 0 16px
}

.form-fieldset__legend {
    padding-bottom: 18px;
    color: var(--caption-color);
    font-family: var(--caption-font);
    font-size: var(--caption-1-font-size-sm);
    line-height: var(--caption-1-line-height-sm)
}

@media (min-width: 37.5em) {
    .form-fieldset__legend {
        font-size: var(--caption-1-font-size-md);
        line-height: var(--caption-1-line-height-md)
    }
}

@media (min-width: 64em) {
    .form-fieldset__legend {
        font-size: var(--caption-1-font-size-lg);
        line-height: var(--caption-1-line-height-md)
    }
}

.nobp .form-fieldset__legend {
    font-size: var(--caption-1-font-size-lg);
    line-height: var(--caption-1-line-height-md)
}

.form-fieldset__legend:after {
    content: attr(data-end)/"";
    color: #d00
}

.form-input {
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    background-color: #fff;
    color: #212529;
    border-radius: 8px;
    border: 2px solid #ced4da;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    transition: border-color .2s cubic-bezier(0, 0, .2, 1) 0ms
}

@media (min-width: 64em) {
    .form-input {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .form-input {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.form-input:focus {
    outline: none;
    border-color: #495057
}

.form-input__error {
    position: absolute;
    margin-left: 16px;
    transform: translateY(36px);
    color: #d00;
    font-family: var(--footnote-font);
    font-size: 12px;
    line-height: 1
}

.form-input__error-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px
}

.form-input__error-icon > path {
    fill: #d00
}

.form-input:invalid:not(:placeholder-shown) {
    border-color: #d00;
    transition: border-color .2s cubic-bezier(0, 0, .2, 1) 0ms
}

.form-input-file {
    width: 320px;
    color: #212529;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm)
}

.form-input-file::file-selector-button, .form-input-file::-webkit-file-upload-button {
    height: 36px;
    text-transform: uppercase;
    font-family: var(--button-font);
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    padding: 0 26px;
    border: none;
    border-radius: 8px;
    background-color: #e9ecef;
    margin-right: 16px;
    letter-spacing: .03em;
    cursor: pointer
}

@media (hover: hover) and (pointer: fine) {
    .form-input-file::file-selector-button:hover, .form-input-file::file-selector-button:active, .form-input-file::file-selector-button:focus-visible, .form-input-file::-webkit-file-upload-button:hover, .form-input-file::-webkit-file-upload-button:active, .form-input-file::-webkit-file-upload-button:focus-visible {
        background-color: var(--button-hover-color)
    }
}

@media (min-width: 64em) {
    .form-input-file {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .form-input-file {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.form-input-file__error {
    position: absolute;
    text-indent: 94px;
    transform: translateY(30px);
    color: #d00;
    font-family: var(--footnote-font);
    font-size: 12px;
    line-height: 1
}

@media (min-width: 64em) {
    .form-input-file__error {
        transform: translateY(32px)
    }
}

.nobp .form-input-file__error {
    transform: translateY(32px)
}

.form-radio {
    color: #495057;
    width: 16px;
    height: 16px;
    cursor: pointer;
    appearance: none;
    outline: 2px solid #495057;
    border: 2px solid #fff;
    border-radius: 50%
}

.form-radio:checked {
    background: var(--main-tenant-color);
    outline: 2px solid var(--main-tenant-color)
}

.form-select {
    appearance: none;
    background: url("") no-repeat calc(100% - 16px) 50%;
    background-size: 24px;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    background-color: #fff;
    color: #212529;
    border-radius: 8px;
    border: 2px solid #ced4da;
    overflow: hidden;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    transition: border-color .2s cubic-bezier(0, 0, .2, 1) 0ms;
    cursor: pointer
}

@media (min-width: 64em) {
    .form-select {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .form-select {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.form-select:focus {
    outline: none;
    border-color: #495057
}

.form-textarea {
    width: 100%
}

.form-textarea__content {
    resize: vertical;
    min-height: 180px;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    background-color: #fff;
    color: #212529;
    border-radius: 8px;
    border: 2px solid #ced4da;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm);
    transition: border-color .2s cubic-bezier(0, 0, .2, 1) 0ms
}

@media (min-width: 64em) {
    .form-textarea__content {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .form-textarea__content {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.form-textarea__content:focus {
    outline: none;
    border-color: #495057
}

@supports (field-sizing: content) {
    .form-textarea__content {
        field-sizing: content
    }
}

.form-textarea__counter {
    display: block;
    text-align: right;
    margin-top: 4px;
    margin-right: 4px;
    color: #495057;
    font-family: var(--footnote-font);
    font-size: var(--footnote-font-size-sm);
    line-height: var(--footnote-line-height-sm)
}

@media (min-width: 64em) {
    .form-textarea__counter {
        font-size: var(--footnote-font-size-lg);
        line-height: var(--footnote-line-height-lg)
    }
}

.nobp .form-textarea__counter {
    font-size: var(--footnote-font-size-lg);
    line-height: var(--footnote-line-height-lg)
}

.contact-form__heading--vh {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.contact-form__topic {
    display: grid;
    grid-template-columns:1fr
}

@media (min-width: 37.5em) {
    .contact-form__topic {
        grid-template-columns:repeat(2, 1fr);
        gap: 32px
    }
}

.nobp .contact-form__topic {
    grid-template-columns:repeat(2, 1fr);
    gap: 32px
}

.contact-form .g-recaptcha {
    display: flex;
    justify-content: center;
    padding: 0 0 32px
}

.main-content--contact {
    margin-top: 40px
}

@media (min-width: 37.5em) {
    .main-content--contact {
        margin-top: 60px
    }
}

@media (min-width: 64em) {
    .main-content--contact {
        margin-top: 80px
    }
}

.nobp .main-content--contact {
    margin-top: 80px
}

.video-centre {
    position: fixed;
    overflow: visible;
    pointer-events: none;
    z-index: 7000;
    top: var(--48db70a6);
    transition: top .1s linear
}

.video-centre--hidden-on-intersect {
    translate: -100vw;
    transition: top .1s linear, translate .25s cubic-bezier(.42, -.05, .35, 1.01)
}

@media (min-width: 64em) {
    .video-centre--hidden-on-intersect {
        transition: top .1s linear, translate .5s cubic-bezier(.33, -.18, 0, .08)
    }
}

.nobp .video-centre--hidden-on-intersect {
    transition: top .1s linear, translate .5s cubic-bezier(.33, -.18, 0, .08)
}

@media (min-width: 37.5em) {
    .video-centre {
        left: 12px
    }
}

@media (min-width: 64em) {
    .video-centre {
        top: initial;
        left: 32px;
        bottom: 32px
    }
}

.nobp .video-centre {
    top: initial;
    left: 32px;
    bottom: 32px
}

.video-centre__video-container {
    position: relative
}

.video-centre__video-container__placeholder {
    width: 100vw;
    aspect-ratio: 1.7777777778
}

@media (min-width: 37.5em) {
    .video-centre__video-container__placeholder {
        width: 360px
    }
}

.video-centre__video-container__video {
    pointer-events: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw
}

@media (min-width: 37.5em) {
    .video-centre__video-container__video {
        width: 360px
    }
}