@charset "UTF-8";
@supports (font-variation-settings: normal) {
    @font-face {
        font-family: SRG_SSR_Text_VF;
        src: url(../fonts/SRGSSRTypeVF_Text_W_Wght.woff2) format("woff2-variations"), url(../fonts/SRGSSRTypeVF_Text_W_Wght.woff2) format("woff2");
        font-weight: 300 800;
        font-display: swap
    }
}

@font-face {
    font-family: SRG_SSR_Text_Static;
    src: url(../fonts/SRGSSRTypeText_W_Lt.woff2) format("woff2"), url(../fonts/SRGSSRTypeText_W_Lt.woff) format("woff");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: SRG_SSR_Text_Static;
    src: url(../fonts/SRGSSRTypeText_W_Rg.woff2) format("woff2"), url(../fonts/SRGSSRTypeText_W_Rg.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: SRG_SSR_Text_Static;
    src: url(../fonts/SRGSSRTypeText_W_Md.woff2) format("woff2"), url(../fonts/SRGSSRTypeText_W_Md.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: SRG_SSR_Text_Static;
    src: url(../fonts/SRGSSRTypeText_W_Bd.woff2) format("woff2"), url(../fonts/SRGSSRTypeText_W_Bd.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SRG_SSR_Text_Static;
    src: url(../fonts/SRGSSRTypeText_W_He.woff2) format("woff2"), url(../fonts/SRGSSRTypeText_W_He.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SRG_SSR_Serif_Light;
    src: url(../fonts/SRGSSRTypeSerifText_W_Lt.woff2) format("woff2"), url(../fonts/SRGSSRTypeSerifText_W_Lt.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SRG_SSR_Serif_Regular;
    src: url(../fonts/SRGSSRTypeSerifText_W_Rg.woff2) format("woff2"), url(../fonts/SRGSSRTypeSerifText_W_Rg.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SRG_SSR_Serif_Medium;
    src: url(../fonts/SRGSSRTypeSerifText_W_Md.woff2) format("woff2"), url(../fonts/SRGSSRTypeSerifText_W_Md.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --t-caret-icon-red-mask: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    :root {
        --t-caret-icon-red-mask: rgb(255, 102, 105)
    }
}

@keyframes pulsatingAnimation {
    0% {
        transform: scale(.8);
        background-color: #af001e
    }
    20% {
        transform: scale(1);
        background-color: #e31f2b
    }
    40% {
        transform: scale(.8);
        background-color: #af001e
    }
    60% {
        transform: scale(1);
        background-color: #e31f2b
    }
    80% {
        transform: scale(.8);
        background-color: #af001e
    }
    to {
        transform: scale(.8);
        background-color: #af001e
    }
}

@keyframes pulsatingLiveAnimation {
    25% {
        background-color: #e31f2b
    }
    50% {
        background-color: #ed7004
    }
    75% {
        background-color: #e31f2b
    }
}

@keyframes pulsatingOpacityAnimation {
    25% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
}

@keyframes rotate360Animation {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes waggleRightAnimation {
    0% {
        background-position: 10%
    }
    50% {
        background-position: 80%
    }
    to {
        background-position: 10%
    }
}

@keyframes fadeToGreyAnimation {
    0% {
        background-color: #0000
    }
    to {
        background-color: #0000001f
    }
}

@keyframes fadeAndScaleInAnimation {
    0% {
        transform: scaleY(0)
    }
    20% {
        opacity: 0
    }
    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes fadeInAnimation {
    20% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeInTypeaheadAnimation {
    0% {
        opacity: 0;
        max-height: 0
    }
    80% {
        max-height: 48px
    }
    to {
        opacity: 1;
        max-height: none
    }
}

@keyframes nullAnimation {
    0% {
        opacity: 1;
        max-height: none
    }
    to {
        opacity: 1;
        max-height: none
    }
}

body {
    --t-body-bg: rgb(245, 245, 242);
    --t-a-color: rgb(201, 16, 36);
    --t-a-color-hover: rgb(141, 6, 20);
    --t-a-color-active: rgb(106, 11, 12)
}

@media (prefers-color-scheme: dark) {
    body {
        --t-body-bg: rgb(20, 20, 17);
        --t-a-color: rgb(255, 102, 105);
        --t-a-color-hover: rgb(255, 145, 147);
        --t-a-color-active: rgb(255, 187, 188)
    }
}

:root {
    --fec-gap: 16px
}

@media (min-width: 1024px) {
    :root {
        --fec-gap: 24px
    }
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    overflow-x: hidden
}

body {
    margin: 0;
    font-family: SRG_SSR_Text_Static, sans-serif;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    background-color: var(--t-body-bg)
}

@supports (font-variation-settings: normal) {
    body {
        font-family: SRG_SSR_Text_VF, sans-serif
    }
}

html, body {
    line-height: 1.5
}

nav {
    display: inline
}

ul, ol {
    counter-reset: item;
    list-style-type: none;
    margin: 0;
    padding: 0
}

h1, h2, h3, h4 {
    font-weight: 500;
    font-variation-settings: "wght" 500
}

a {
    text-decoration: none;
    color: var(--t-a-color)
}

a:hover {
    color: var(--t-a-color-hover)
}

a:active {
    color: var(--t-a-color-active)
}

img {
    border-style: none;
    display: block;
    height: auto;
    width: 100%
}

iframe {
    border: 0;
    width: 100%
}

cite {
    font-style: normal
}

b, strong {
    font-weight: 500;
    font-variation-settings: "wght" 500
}

em {
    font-family: SRG_SSR_Text_VF, sans-serif;
    font-style: italic;
    font-synthesis: style
}

th {
    font-weight: 400;
    font-variation-settings: "wght" 400
}

button, input, optgroup, select, textarea {
    font-family: inherit
}

#flying-focus:after {
    inset: 0;
    content: "";
    position: absolute;
    box-shadow: 0 0 2px 1px #42a3f1, 0 0 0 1px #42a3f1, inset 0 0 0 1px #91ceff;
    border-radius: 2px
}

:focus {
    outline: none
}

img:not([src]) {
    visibility: hidden
}

:root {
    --t-text-list: rgb(201, 16, 36);
    --t-a-underline: rgb(201, 16, 36);
    --t-a-underline-hover: rgb(141, 6, 20);
    --t-a-underline-active: rgb(106, 11, 12);
    --t-button-label: rgb(34, 33, 29);
    --t-button-label-bg: rgb(235, 235, 229);
    --t-button-label-hover: rgb(218, 218, 210)
}

@media (prefers-color-scheme: dark) {
    :root {
        --t-text-list: rgb(255, 102, 105);
        --t-a-underline: rgb(255, 102, 105);
        --t-a-underline-hover: rgb(255, 145, 147);
        --t-a-underline-active: rgb(255, 187, 188);
        --t-button-label: rgb(245, 245, 242);
        --t-button-label-bg: rgb(78, 77, 71);
        --t-button-label-hover: rgb(94, 93, 86)
    }
}

.h-offscreen {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.h-offscreen-focusable:active, .h-offscreen-focusable:focus {
    position: absolute;
    width: auto;
    height: auto;
    color: #fff;
    background: #1e8ce3;
    padding: 9px;
    z-index: 99;
    clip: auto;
    font-size: 16px;
    letter-spacing: .4px
}

.h-offscreen-focusable--top:active, .h-offscreen-focusable--top:focus {
    top: 10px;
    left: 2px;
    position: absolute;
    z-index: 100001
}

.h-offscreen-focusable--bottom:active, .h-offscreen-focusable--bottom:focus {
    bottom: 0
}

.h-show-mobile {
    display: inline-block
}

@media (min-width: 720px) {
    .h-show-mobile {
        display: none
    }
}

.h-show-tablet-up {
    display: none
}

@media (min-width: 720px) {
    .h-show-tablet-up {
        display: inline-block
    }
}

.h-show-desktop-up {
    display: none
}

@media (min-width: 1024px) {
    .h-show-desktop-up {
        display: inline-block
    }
}

.h-show-desktop-wide-up {
    display: none
}

@media (min-width: 1280px) {
    .h-show-desktop-wide-up {
        display: inline-block
    }
}

.h-element--hide, .h-element--filtered {
    display: none !important
}

.h-element--invisible {
    visibility: hidden
}

.h-element--visible {
    visibility: visible
}

.h-element--reveal-hide {
    opacity: 0;
    display: none;
    transition: opacity .2s ease-in-out, display .2s ease-in-out allow-discrete
}

.h-element--reveal-show {
    opacity: 1;
    display: block;
    transition: opacity .2s ease-in-out, display .2s ease-in-out allow-discrete
}

@starting-style {
    .h-element--reveal-show {
        opacity: 0
    }
}

.h-prevent-scrolling {
    height: 100%
}

.h-prevent-scrolling body {
    height: 100%;
    position: relative;
    overflow: hidden
}

.h-loading-only {
    display: none
}

.h-loaded-only {
    display: block
}

.h-loaded-only-animated {
    opacity: 1;
    transition: opacity .2s ease-in-out .25s
}

.h-font-defaults {
    font-family: SRG_SSR_Text_Static, sans-serif
}

@supports (font-variation-settings: normal) {
    .h-font-defaults {
        font-family: SRG_SSR_Text_VF, sans-serif
    }
}

.h-font-light {
    font-weight: 300;
    font-variation-settings: "wght" 300
}

.h-font-regular {
    font-weight: 400;
    font-variation-settings: "wght" 400
}

.h-font-medium {
    font-weight: 500;
    font-variation-settings: "wght" 500
}

.h-font-bold {
    font-weight: 700;
    font-variation-settings: "wght" 700
}

.h-font-heavy {
    font-weight: 800;
    font-variation-settings: "wght" 800
}

.h-font-serif-regular {
    font-family: SRG_SSR_Serif_Regular, serif
}

.h-font-system {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

.h-skiplink-target {
    overflow: visible;
    scroll-margin-top: 64px
}

@media (min-width: 720px) {
    .h-skiplink-target {
        scroll-margin-top: 88px
    }
}

.h-container--inline-size {
    container-type: inline-size
}

.l-card {
    --t-card-bg: rgb(254, 254, 253)
}

@media (prefers-color-scheme: dark) {
    .l-card {
        --t-card-bg: rgb(34, 33, 29)
    }
}

.l-content-wrapper {
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .l-content-wrapper {
        margin-right: 32px;
        margin-left: 32px
    }
}

.l-content-wrapper__space {
    margin-right: 8px;
    margin-left: 8px
}

@media (min-width: 720px)and (max-width: 1023px) {
    .l-content-wrapper__space {
        margin-right: 32px;
        margin-left: 32px
    }
}

@media (min-width: 1024px) {
    .l-content-wrapper__space {
        margin-right: auto;
        margin-left: auto
    }
}

.l-card {
    background-color: var(--t-card-bg);
    box-shadow: 0 0 1px #00000029, 0 0 1px #00000014;
    margin-top: -1px;
    padding-top: 1px;
    margin-bottom: 16px;
    border-radius: 2px
}

@media (min-width: 720px) {
    .l-card {
        margin-bottom: 32px
    }
}

@media (min-width: 1280px) {
    .l-card {
        margin-bottom: 40px
    }
}

.l-card:after {
    content: "";
    display: block;
    height: 1px;
    margin-top: -1px
}

.l-card--no-bottom-margin {
    margin-bottom: 0
}

.l-dimmed-background:after {
    content: "";
    display: block;
    position: fixed;
    inset: 0;
    animation: fadeToGreyAnimation .1s linear forwards;
    z-index: 99
}

body:before {
    content: "mobile";
    display: none
}

@media (min-width: 720px)and (max-width: 1023px) {
    body:before {
        content: "tablet"
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    body:before {
        content: "desktop"
    }
}

@media (min-width: 1280px) {
    body:before {
        content: "desktop-wide"
    }
}

.button {
    --t-button: rgb(255, 255, 255);
    --t-button-bg: rgb(78, 77, 71);
    --t-button-bg-hover: rgb(107, 105, 96);
    --t-button-bg-active: rgb(136, 133, 121);
    --t-button-secondary: rgb(78, 77, 71);
    --t-button-secondary-bg: rgb(235, 235, 229);
    --t-button-secondary-bg-hover: rgb(218, 218, 210);
    --t-button-secondary-bg-active: rgb(202, 200, 191);
    --t-button-white: rgb(78, 77, 71);
    --t-button-white-bg: rgb(250, 250, 248);
    --t-button-white-bg-hover: rgb(235, 235, 229);
    --t-button-white-bg-active: rgb(202, 200, 191);
    --t-button-dark: rgb(255, 255, 255);
    --t-button-dark-bg: rgb(78, 77, 71);
    --t-button-dark-bg-hover: rgb(107, 105, 96);
    --t-button-dark-bg-active: rgb(136, 133, 121);
    --t-button-inactive-bg: rgb(78, 77, 71);
    --t-button-pill-bg: rgb(250, 250, 248);
    --t-button-link-text: rgb(201, 16, 36);
    --t-button-neutral-text: rgb(34, 33, 29);
    --t-button-neutral-bg-hover: rgb(245, 245, 242);
    --t-button-neutral-bg-active: rgb(235, 235, 229);
    --t-button-accented-bg-hover: rgb(235, 235, 229);
    --t-button-accented-bg-active: rgb(218, 218, 210);
    --t-button-cta-bg-start: rgb(227, 31, 43);
    --t-button-cta-bg-end: rgb(201, 16, 36);
    --t-button-share: rgb(78, 77, 71);
    --t-button-share-bg: rgb(235, 235, 229);
    --t-button-share-bg-hover: rgb(218, 218, 210);
    --t-button-share-bg-active: rgb(202, 200, 191)
}

@media (prefers-color-scheme: dark) {
    .button {
        --t-button: rgb(34, 33, 29);
        --t-button-bg: rgb(185, 183, 172);
        --t-button-bg-hover: rgb(202, 200, 191);
        --t-button-bg-active: rgb(218, 218, 210);
        --t-button-secondary: rgb(255, 255, 255);
        --t-button-secondary-bg: rgb(78, 77, 71);
        --t-button-secondary-bg-hover: rgb(94, 93, 86);
        --t-button-secondary-bg-active: rgb(107, 105, 96);
        --t-button-white: rgb(255, 255, 255);
        --t-button-white-bg: rgb(56, 55, 50);
        --t-button-white-bg-hover: rgb(69, 68, 61);
        --t-button-white-bg-active: rgb(78, 77, 71);
        --t-button-dark: rgb(255, 255, 255);
        --t-button-dark-bg: rgb(78, 77, 71);
        --t-button-dark-bg-hover: rgb(107, 105, 96);
        --t-button-dark-bg-active: rgb(136, 133, 121);
        --t-button-inactive-bg: rgb(185, 183, 172);
        --t-button-pill-bg: rgb(56, 55, 50);
        --t-button-link-text: rgb(255, 102, 105);
        --t-button-neutral-text: rgb(255, 255, 255);
        --t-button-neutral-bg-hover: rgba(185, 183, 172, .12);
        --t-button-neutral-bg-active: rgba(185, 183, 172, .24);
        --t-button-accented-bg-hover: rgb(78, 77, 71);
        --t-button-accented-bg-active: rgb(69, 68, 61);
        --t-button-cta-bg-start: rgb(227, 31, 43);
        --t-button-cta-bg-end: rgb(201, 16, 36);
        --t-button-share: rgb(250, 250, 248);
        --t-button-share-bg: rgb(78, 77, 71);
        --t-button-share-bg-hover: rgb(94, 93, 86);
        --t-button-share-bg-active: rgb(107, 105, 96)
    }
}

.button {
    width: 100%;
    min-height: var(--fec-button-min-height, 48px);
    padding: var(--fec-button-padding, 13px 40px);
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    letter-spacing: .8px;
    color: var(--t-button);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    margin-top: 20px;
    display: block;
    -webkit-appearance: none;
    background-color: var(--t-button-bg);
    box-shadow: 0 1px 2px #00000029, 0 0 2px #00000014;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out
}

.button .button-icon {
    min-width: 24px;
    height: 24px;
    margin: -1px 8px -7px -44px;
    display: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

@media (min-width: 720px) {
    .button {
        width: auto
    }

    .button .button-icon {
        margin-left: 0
    }
}

.button .button-text {
    line-height: 1.5
}

.button:hover, .button:focus, .button:active {
    outline: none;
    box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014;
    color: var(--t-button)
}

.button:hover, .button:focus {
    background-color: var(--t-button-bg-hover)
}

.button:active {
    background-color: var(--t-button-bg-active)
}

.button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background-color: transparent
}

.button .button-wrapper {
    white-space: nowrap
}

.button:not(.button--mixed-case) .button-text {
    text-transform: uppercase
}

a.button {
    text-align: center;
    display: inline-block
}

.button-text--mobile {
    display: none
}

@media (max-width: 719px) {
    .button-text--mobile {
        display: block
    }

    .button-text--mobile ~ .button-text {
        display: none
    }
}

.button--no-spacing {
    margin-top: 0;
    margin-bottom: 0
}

.button--pending:hover, .button--pending:active, .button--pending:focus {
    cursor: default;
    background-color: #4e4d47;
    box-shadow: 0 1px 2px #00000029, 0 0 2px #00000014;
    transition: none
}

.button--pending .button-icon {
    display: inline-block;
    position: relative;
    height: 24px;
    width: 24px;
    animation: rotate360Animation 2s linear infinite;
    border: 1px rgb(255, 255, 255) solid;
    border-radius: 50%;
    margin: -1px auto -7px
}

.button--pending .button-icon:before, .button--pending .button-icon:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    animation: rotate360Animation 2s infinite ease;
    width: calc(50% + 3px);
    height: calc(100% + 6px);
    top: -3px;
    border: 3px solid rgb(78, 77, 71);
    background-color: #4e4d47
}

.button--pending .button-icon:before {
    animation-delay: 1.5s;
    border-radius: 9999px 0 0 9999px;
    border-right: none;
    left: -3px;
    transform-origin: 100% 50%
}

.button--pending .button-icon:after {
    border-radius: 0 9999px 9999px 0;
    border-left: none;
    left: 50%;
    transform-origin: 0 50%
}

@media screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx),(-o-min-device-pixel-ratio: 20/10) {
    .button--pending .button-icon:before, .button--pending .button-icon:after {
        width: calc(50% + 1px);
        height: calc(100% + 2px);
        top: -1px;
        border-width: 1px;
        border-color: #f5f5f2;
        background-color: transparent
    }

    .button--pending .button-icon:before {
        left: -1px
    }
}

.button--pending .button-text {
    display: none
}

.button--call-to-action {
    color: #fff;
    background-image: linear-gradient(to right, var(--t-button-cta-bg-start), var(--t-button-cta-bg-end))
}

.button--call-to-action:hover, .button--call-to-action:active {
    filter: brightness(1.05)
}

.button--alert, .button--on-error {
    overflow: hidden;
    position: relative;
    height: 48px
}

.button--alert .button-text, .button--alert .button-icon, .button--on-error .button-text, .button--on-error .button-icon {
    position: relative;
    color: #fff;
    --t-svg-icon-themed: rgb(255, 255, 255)
}

.button--alert:hover, .button--alert:focus, .button--alert:active, .button--on-error:hover, .button--on-error:focus, .button--on-error:active {
    background-color: #c91024;
    cursor: pointer;
    box-shadow: 0 1px 2px #00000029, 0 0 2px #00000014;
    transition: none
}

.button--alert:before, .button--on-error:before {
    background-color: #c91024;
    transition: height .3s cubic-bezier(.18, .89, .32, 1.28);
    height: 100%;
    border-radius: 2px;
    top: 0
}

.button--alert .button-wrapper, .button--on-error .button-wrapper {
    padding-top: 50px;
    margin-top: -50px;
    transition: padding-top .3s cubic-bezier(.18, .89, .32, 1.28)
}

.button--success {
    overflow: hidden;
    position: relative;
    height: 48px
}

.button--success .button-text, .button--success .button-icon {
    position: relative
}

.button--success:hover, .button--success:focus, .button--success:active {
    background-color: #1a7ac5;
    cursor: pointer;
    box-shadow: 0 1px 2px #00000029, 0 0 2px #00000014;
    transition: none
}

.button--success .button-icon {
    display: inline-block;
    -webkit-mask: url(../img/checkmark-circled-QDbGU7qQ.svg) no-repeat 50% 50%;
    mask: url(../img/checkmark-circled-QDbGU7qQ.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff
}

.button--success:before {
    background-color: #1a7ac5;
    transition: height .3s cubic-bezier(.18, .89, .32, 1.28);
    height: 100%;
    border-radius: 2px
}

.button--success .button-wrapper {
    padding-top: 50px;
    margin-top: -50px;
    transition: margin-top .3s cubic-bezier(.18, .89, .32, 1.28)
}

.button--retry .button-icon {
    display: inline-block;
    background-image: url(../img/retry-D01vlKEK.svg)
}

.button--offscreen-focusable {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.button--offscreen-focusable:active, .button--offscreen-focusable:focus {
    position: absolute;
    width: auto;
    height: auto;
    color: #fff;
    background: #1e8ce3;
    padding: 13px 40px;
    z-index: 99;
    clip: auto
}

.button--secondary {
    background-color: var(--t-button-secondary-bg)
}

.button--secondary, .button--secondary:hover, .button--secondary:focus, .button--secondary:active {
    color: var(--t-button-secondary)
}

.button--secondary:hover, .button--secondary:focus {
    background-color: var(--t-button-secondary-bg-hover)
}

.button--secondary:active {
    background-color: var(--t-button-secondary-bg-active)
}

.button--secondary .button-wrapper {
    height: 22px
}

.button--dark {
    background-color: var(--t-button-dark-bg)
}

.button--dark, .button--dark:hover, .button--dark:focus, .button--dark:active {
    color: var(--t-button-dark)
}

.button--dark:hover, .button--dark:focus {
    background-color: var(--t-button-dark-bg-hover)
}

.button--dark:active {
    background-color: var(--t-button-dark-bg-active)
}

.button--white {
    background-color: var(--t-button-white-bg)
}

.button--white, .button--white:hover, .button--white:focus, .button--white:active {
    color: var(--t-button-white)
}

.button--white:hover, .button--white:focus {
    background-color: var(--t-button-white-bg-hover)
}

.button--white:active {
    background-color: var(--t-button-white-bg-active)
}

.button--transparent, .button--transparent:hover, .button--transparent:active, .button--transparent:focus {
    color: var(--fec-button-color, var(--t-gl-nav-group-open-item-color));
    background-color: transparent;
    box-shadow: none
}

.button--inactive {
    opacity: .48
}

.button--inactive:hover, .button--inactive:active, .button--inactive:focus {
    cursor: default;
    background-color: var(--t-button-inactive-bg);
    box-shadow: 0 1px 2px #00000029, 0 0 2px #00000014;
    transition: none
}

.button--circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 0
}

.button--circle .button-wrapper {
    white-space: normal
}

.button--fixed-bottom-right {
    position: fixed;
    bottom: 24px;
    right: 24px
}

.button--attention-hogger {
    animation: pulsatingAnimation 2s infinite
}

.button--allow-line-breaks .button-wrapper {
    white-space: normal
}

.button--neutral {
    border: none;
    box-shadow: none;
    background-color: transparent;
    color: var(--t-button-neutral-text)
}

.button--neutral:hover, .button--neutral:focus, .button--neutral:active {
    box-shadow: none;
    color: var(--t-button-neutral-text)
}

.button--neutral:hover, .button--neutral:focus {
    background-color: var(--t-button-neutral-bg-hover)
}

.button--neutral:active {
    background-color: var(--t-button-neutral-bg-active)
}

.button--accented-hover:hover, .button--accented-hover:focus {
    background-color: var(--t-button-accented-bg-hover)
}

.button--accented-hover:active {
    background-color: var(--t-button-accented-bg-active)
}

.button--vertical .button-wrapper {
    flex-direction: column;
    justify-content: flex-start
}

.button--vertical .button-wrapper--svg-icon .button-icon {
    margin-right: 0;
    margin-bottom: 4px
}

@media (max-width: 719px) {
    .button--vertical-on-mobile .button-wrapper {
        flex-direction: column;
        justify-content: flex-start
    }

    .button--vertical-on-mobile .button-wrapper--svg-icon .button-icon {
        margin-right: 0;
        margin-bottom: 4px
    }
}

.button--small-font {
    font-size: 14px;
    letter-spacing: .4px;
    padding: 12px 14px
}

.button--tiny-font, .button--tiny-font-but-small-on-tablet-up {
    font-size: 12px;
    letter-spacing: .4px
}

@media (min-width: 720px) {
    .button--tiny-font-but-small-on-tablet-up {
        font-size: 14px;
        letter-spacing: .4px
    }
}

.button--compact {
    padding: 2px 14px 1px
}

.button--compact .button-wrapper {
    min-height: 46px
}

.button-wrapper--svg-icon {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.button-wrapper--svg-icon .button-icon {
    display: inline-block;
    min-width: 24px;
    height: 24px;
    margin: 0 12px 0 0
}

.button--icon-only {
    width: auto;
    padding: 12px
}

.button--icon-only .button-wrapper {
    height: auto
}

.button--icon-only .button-icon {
    margin: 0
}

.button--icon-only .button-text {
    display: none
}

.button--link-text-color, .button--link-text-color:active, .button--link-text-color:hover, .button--link-text-color:focus {
    color: var(--t-button-link-text)
}

.button--full-width {
    width: 100%
}

@media (max-width: 719px) {
    .button--no-text-on-mobile .button-text {
        display: none
    }

    .button--no-text-on-mobile .button-wrapper .button-icon {
        margin-right: 0
    }
}

@media (min-width: 720px)and (max-width: 1023px) {
    .button--no-text-on-tablet .button-text {
        display: none
    }

    .button--no-text-on-tablet .button-wrapper .button-icon {
        margin-right: 0
    }
}

@media (max-width: 1023px) {
    .button--no-text-on-desktop-down .button-text {
        display: none
    }

    .button--no-text-on-desktop-down .button-wrapper .button-icon {
        margin-right: 0
    }
}

.button--align-left {
    text-align: left
}

.button--align-left .button-wrapper {
    justify-content: left;
    text-align: left
}

.button--with-tabular-num {
    font-variant-numeric: tabular-nums
}

.button--icon-button {
    padding: var(--fec-button-padding, 16px);
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 1.14;
    width: auto;
    transition: opacity .2s ease-in-out
}

.button--icon-button:hover {
    opacity: .8
}

.button--icon-button:active {
    opacity: .6
}

.button--icon-button.button--icon-only .button-icon {
    margin-right: 0
}

.button--icon-button .button-icon {
    margin-right: 8px
}

.button--pill {
    display: inline-block;
    width: auto;
    padding: 0 40px;
    margin-top: 0;
    border-radius: 24px;
    transition: filter .3s ease-in-out, background-color .3s ease-in-out, box-shadow .3s ease-in-out
}

a.button--pill {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.button--pill .button-icon {
    margin: 0 6px 0 0
}

.button--pill, .button--pill:hover, .button--pill:focus, .button--pill:active {
    color: var(--t-button-white);
    background-color: var(--t-button-pill-bg)
}

.button--pill:hover, .button--pill:focus, .button--pill:active {
    filter: brightness(1.05)
}

.button--pill-medium {
    padding: 8px 16px;
    min-height: 36px
}

.button--pill-medium .button-icon {
    min-width: 20px;
    height: 20px
}

.button--pill-small {
    padding: 4px 12px;
    min-height: 28px;
    line-height: 1.25
}

.button--pill-small .button-icon {
    min-width: 20px;
    height: 20px;
    line-height: 1.25
}

.button--pill-icon-only {
    padding: 0;
    min-width: 48px
}

.button--pill-icon-only .button-icon {
    margin: 0
}

.button--pill-narrow-padding {
    padding: 0 24px
}

.button--elevation-4, .button--elevation-4:hover, .button--elevation-4:focus, .button--elevation-4:active {
    box-shadow: 0 2px 4px #00000029, 0 0 4px #00000014
}

.button--themed {
    color: var(--theme-color-button-text, rgb(34, 33, 29));
    background-image: linear-gradient(to right, var(--theme-color-gradient-1, rgb(250, 250, 248)), var(--theme-color-gradient-2, rgb(235, 235, 229)))
}

.button--themed:hover, .button--themed:focus, .button--themed:active {
    color: var(--theme-color-button-text, rgb(34, 33, 29))
}

.button--theme-radio-srf-1 {
    --theme-color-gradient-1: rgb(255, 214, 81);
    --theme-color-gradient-2: rgb(247, 166, 0);
    --theme-color-shadow: rgba(255, 214, 81, .6);
    --theme-color-button-text: rgb(34, 33, 29)
}

.button--theme-radio-srf-2-kultur {
    --theme-color-gradient-1: rgb(201, 29, 125);
    --theme-color-gradient-2: rgb(140, 29, 96);
    --theme-color-shadow: rgba(201, 29, 125, .6);
    --theme-color-button-text: rgb(255, 255, 255)
}

.button--theme-radio-srf-3, .button--theme-radio-srf-4-news, .button--theme-radio-srf-default {
    --theme-color-gradient-1: rgb(227, 31, 43);
    --theme-color-gradient-2: rgb(201, 16, 36);
    --theme-color-shadow: rgba(227, 31, 43, .6);
    --theme-color-button-text: rgb(255, 255, 255)
}

.button--theme-rtr-audio {
    --theme-color-gradient-1: rgb(201, 16, 36);
    --theme-color-gradient-2: rgb(175, 0, 30);
    --theme-color-shadow: rgba(201, 16, 36, .6);
    --theme-color-button-text: rgb(255, 255, 255)
}

.button--theme-radio-srf-musikwelle {
    --theme-color-gradient-1: rgb(0, 127, 198);
    --theme-color-gradient-2: rgb(0, 102, 176);
    --theme-color-shadow: rgba(0, 127, 198, .6);
    --theme-color-button-text: rgb(255, 255, 255)
}

.button--theme-radio-srf-virus {
    --theme-color-gradient-1: rgb(189, 255, 68);
    --theme-color-gradient-2: rgb(165, 255, 0);
    --theme-color-shadow: rgba(189, 255, 68, .6)
}

.button--theme-call-to-action {
    --theme-color-gradient-1: rgb(227, 31, 43);
    --theme-color-gradient-2: rgb(201, 16, 36);
    --theme-color-button-text: rgb(255, 255, 255)
}

.button--theme-call-to-action-meteo {
    --theme-color-gradient-1: rgb(10, 103, 176);
    --theme-color-gradient-2: rgb(8, 81, 139);
    --theme-color-button-text: rgb(255, 255, 255)
}

.button--theme-radio-srf-default .button-icon, .button--theme-radio-srf-2-kultur .button-icon, .button--theme-radio-srf-3 .button-icon, .button--theme-radio-srf-4-news .button-icon, .button--theme-radio-srf-musikwelle .button-icon, .button--theme-rtr-audio .button-icon {
    --t-svg-icon-themed: rgb(255, 255, 255)
}

.button--theme-radio-srf-1 .button-icon, .button--theme-radio-srf-virus .button-icon {
    --t-svg-icon-themed: rgb(34, 33, 29)
}

.button--share {
    font-size: 14px;
    letter-spacing: .4px;
    background-color: var(--t-button-share-bg)
}

.button--share, .button--share:hover, .button--share:focus, .button--share:active {
    color: var(--t-button-share);
    box-shadow: none;
    filter: none
}

.button--share:hover, .button--share:focus {
    background-color: var(--t-button-share-bg-hover)
}

.button--share:active {
    background-color: var(--t-button-share-bg-active)
}

.icon-button {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    -webkit-appearance: none
}

.checkbox-label {
    --t-checkbox-label: rgb(56, 55, 50);
    --t-checkbox-label-bg-hover: rgb(218, 218, 210);
    --t-checkbox-label-bg-active: rgb(202, 200, 191);
    --t-checkbox-label-icon-border: rgb(136, 133, 121);
    --t-checkbox-label-icon-border-checked: rgb(201, 16, 36);
    --t-checkbox-on-error: rgb(201, 16, 36);
    --t-checkbox-icon-border-on-error: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .checkbox-label {
        --t-checkbox-label: rgb(255, 255, 255);
        --t-checkbox-label-bg-hover: rgb(94, 93, 86);
        --t-checkbox-label-bg-active: rgb(107, 105, 96);
        --t-checkbox-label-icon-border: rgb(185, 183, 172);
        --t-checkbox-label-icon-border-checked: rgb(255, 102, 105);
        --t-checkbox-on-error: rgb(255, 102, 105);
        --t-checkbox-icon-border-on-error: rgb(255, 102, 105)
    }
}

.checkbox {
    position: absolute;
    opacity: 0
}

.checkbox:focus + .checkbox--with-bg:not(.checkbox--inactive), .checkbox:active + .checkbox--with-bg:not(.checkbox--inactive), .checkbox:checked + .checkbox--with-bg:not(.checkbox--inactive) {
    background-color: var(--t-checkbox-label-bg-hover)
}

.checkbox:checked:focus + .checkbox--with-bg:not(.checkbox--inactive), .checkbox:checked:hover + .checkbox--with-bg:not(.checkbox--inactive) {
    background-color: var(--t-checkbox-label-bg-active)
}

.checkbox:checked + :not(.checkbox--inactive).checkbox-label:after, .checkbox:focus:checked + :not(.checkbox--inactive).checkbox-label:after {
    border-color: var(--t-checkbox-label-icon-border-checked)
}

.checkbox:checked + :not(.checkbox--inactive).checkbox-label:before, .checkbox:focus:checked + :not(.checkbox--inactive).checkbox-label:before {
    content: "";
    -webkit-mask: url(../img/checkmark-thicc-9tWBMOWf.svg) no-repeat 50% 50%;
    mask: url(../img/checkmark-thicc-9tWBMOWf.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-checkbox-on-error);
    top: 5px;
    left: 3px;
    width: 12px;
    height: 12px
}

.checkbox:checked + :not(.checkbox--inactive).checkbox--with-bg:before, .checkbox:focus:checked + :not(.checkbox--inactive).checkbox--with-bg:before {
    top: 13px;
    left: 20px
}

.checkbox-label {
    position: relative;
    display: block;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: var(--t-checkbox-label);
    margin: 0 0 2px;
    padding: 0 0 0 32px;
    cursor: pointer
}

.checkbox-label:before, .checkbox-label:after {
    content: "";
    position: absolute
}

.checkbox-label:after {
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: solid 1px var(--t-checkbox-label-icon-border)
}

.checkbox--with-bg {
    position: relative;
    display: block;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: var(--t-button-label, rgb(34, 33, 29));
    background-color: var(--t-button-label-bg, rgb(235, 235, 229));
    margin: 0 0 2px;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
    padding: 14px 16px 14px 48px
}

.checkbox--with-bg:hover, .checkbox--with-bg:active, .checkbox--with-bg:focus {
    background-color: var(--t-button-label-hover, rgb(218, 218, 210))
}

.checkbox--with-bg:after {
    top: 17px;
    left: 16px
}

.checkbox--inactive {
    opacity: .4;
    cursor: default
}

.checkbox--on-error {
    color: var(--t-checkbox-on-error)
}

.checkbox--on-error:after {
    border-color: var(--t-checkbox-icon-border-on-error)
}

.input-field {
    --t-input-field: rgb(78, 77, 71);
    --t-input-field-on-error: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .input-field {
        --t-input-field: rgb(218, 218, 210);
        --t-input-field-on-error: rgb(255, 102, 105)
    }
}

.input-field__text {
    --t-input-field-text: rgb(34, 33, 29);
    --t-input-field-text-placeholder: rgb(107, 105, 96);
    --t-input-field-text-bg: rgb(255, 255, 255);
    --t-input-field-text-border: rgb(185, 183, 172);
    --t-input-field-text-bg-focus: rgb(255, 255, 255);
    --t-input-field-text-border-focus: rgb(78, 77, 71);
    --t-input-field-text-border-on-error: rgb(201, 16, 36);
    --t-input-field-text-border-success: rgb(26, 122, 197);
    --t-input-field-text-svg-on-error: url(../img/exclamation-mark-red-DsXB3Vwn.svg);
    --t-input-field-text-calendar-svg: url(../img/calendar-B2vljWFY.svg)
}

@media (prefers-color-scheme: dark) {
    .input-field__text {
        --t-input-field-text: rgb(255, 255, 255);
        --t-input-field-text-placeholder: rgb(218, 218, 210);
        --t-input-field-text-bg: rgb(46, 45, 41);
        --t-input-field-text-border: rgba(255, 255, 255, .08);
        --t-input-field-text-bg-focus: rgb(56, 55, 50);
        --t-input-field-text-border-focus: rgba(255, 255, 255, .24);
        --t-input-field-text-border-on-error: rgb(255, 102, 105);
        --t-input-field-text-border-success: rgb(66, 163, 241);
        --t-input-field-text-svg-on-error: url(../img/exclamation-mark-red-brighter-GUWjFsCH.svg);
        --t-input-field-text-calendar-svg: url(../img/calendar_white-DnGdn-0L.svg)
    }
}

.input-field-hint {
    --t-input-field-hint: rgb(107, 105, 96);
    --t-input-field-hint-on-error: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .input-field-hint {
        --t-input-field-hint: rgb(185, 183, 172);
        --t-input-field-hint-on-error: rgb(255, 102, 105)
    }
}

.input-field {
    position: relative;
    display: block;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    letter-spacing: .4px;
    color: var(--t-input-field);
    margin-top: 20px
}

.input-field.input-field--on-error {
    color: var(--t-input-field-on-error)
}

.input-field__text {
    width: 100%;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: var(--t-input-field-text);
    background-color: var(--t-input-field-text-bg);
    padding: 13px 44px 13px 16px;
    margin: 4px 0 2px;
    line-height: 1.25;
    box-sizing: border-box;
    border: 1px solid var(--t-input-field-text-border);
    border-radius: 2px;
    transition: border-color .2s ease-in-out
}

.input-field__text::placeholder {
    color: var(--t-input-field-text-placeholder)
}

.input-field__text:focus {
    border-color: var(--t-input-field-text-border-focus);
    background-color: var(--t-input-field-text-bg-focus);
    outline: none
}

.input-field__text[type=password] {
    font-size: 30px;
    letter-spacing: normal;
    padding: 9px 44px 9px 16px
}

.input-field__text.input-field--on-error {
    background: var(--t-input-field-text-bg) var(--t-input-field-text-svg-on-error) no-repeat right 16px center
}

.input-field__text.input-field--on-error:focus {
    background: var(--t-input-field-text-bg-focus) none
}

.input-field__text.input-field--icon-date {
    padding-left: 48px;
    background: var(--t-input-field-text-bg) var(--t-input-field-text-calendar-svg) no-repeat 12px 12px
}

.input-field__text.input-field--icon-date.input-field--on-error {
    background: var(--t-input-field-text-calendar-svg) no-repeat 12px 12px, var(--t-input-field-text-svg-on-error) no-repeat right 16px center, var(--t-input-field-text-bg)
}

.input-field__text.input-field--icon-date.input-field--on-error:focus {
    background: var(--t-input-field-text-bg) var(--t-input-field-text-calendar-svg) no-repeat 12px 12px
}

.input-field__text[type=date] {
    appearance: none;
    min-height: 50px
}

.input-field__text--textarea {
    max-width: 100%;
    resize: vertical;
    display: block
}

.input-field-hint {
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: var(--t-input-field-hint)
}

.input-field-hint.input-field--on-error {
    color: var(--t-input-field-hint-on-error)
}

.input-field--inactive {
    opacity: .4
}

.input-field--on-error {
    border-color: var(--t-input-field-text-border-on-error)
}

.input-field--success {
    border-color: var(--t-input-field-text-border-success)
}

.radio-button-label {
    --t-radio-button-bg: rgb(235, 235, 229);
    --t-radio-button-bg-hover: rgb(218, 218, 210);
    --t-radio-button-bg-active: rgb(202, 200, 191);
    --t-radio-button-icon-unselected: rgb(136, 133, 121);
    --t-radio-button-icon-selected: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .radio-button-label {
        --t-radio-button-bg: rgb(78, 77, 71);
        --t-radio-button-bg-hover: rgb(94, 93, 86);
        --t-radio-button-bg-active: rgb(107, 105, 96);
        --t-radio-button-icon-unselected: rgb(185, 183, 172);
        --t-radio-button-icon-selected: rgb(255, 102, 105)
    }
}

.radio-button {
    position: absolute;
    opacity: 0
}

.radio-button:focus + .radio-button-label, .radio-button:active + .radio-button-label, .radio-button:checked + .radio-button-label {
    background-color: var(--t-radio-button-bg-hover)
}

.radio-button:focus + .radio-button-label:after, .radio-button:active + .radio-button-label:after, .radio-button:checked + .radio-button-label:after {
    background-color: var(--t-radio-button-bg-hover)
}

.radio-button:checked:focus + .radio-button-label, .radio-button:checked:hover + .radio-button-label {
    background-color: var(--t-radio-button-bg-active)
}

.radio-button:checked + .radio-button-label:after, .radio-button:focus:checked + .radio-button-label:after {
    border: solid 1px var(--t-radio-button-icon-selected);
    background-color: transparent
}

.radio-button-label {
    position: relative;
    display: block;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: var(--t-button-label, rgb(34, 33, 29));
    background-color: var(--t-button-label-bg, rgb(235, 235, 229));
    margin: 0 0 2px;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
    padding: 14px 16px 14px 48px
}

.radio-button-label:hover, .radio-button-label:active, .radio-button-label:focus {
    background-color: var(--t-button-label-hover, rgb(218, 218, 210))
}

.radio-button-label:before, .radio-button-label:after {
    content: "";
    position: absolute;
    border-radius: 50%
}

.radio-button-label:before {
    top: 21px;
    left: 20px;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: var(--t-radio-button-icon-selected)
}

.radio-button-label:after {
    top: 17px;
    left: 16px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: var(--t-radio-button-bg);
    transition: background-color .2s ease-in-out;
    border: solid 1px var(--t-radio-button-icon-unselected)
}

.radio-button-label:hover:after, .radio-button-label:focus:after {
    background-color: var(--t-radio-button-bg-hover)
}

.radio-button-label.checkbox--inactive:hover {
    background-color: var(--t-radio-button-bg-hover)
}

.radio-button--inactive {
    opacity: .4
}

.radio-button--inactive:before {
    background-color: var(--t-radio-button-icon-unselected)
}

.radio-button--inactive:after {
    border-color: var(--t-radio-button-icon-unselected)
}

.select-menu, .select-menu-label {
    --t-select-menu: rgb(78, 77, 71);
    --t-select-menu-label: rgb(78, 77, 71);
    --t-select-menu-bg: rgb(235, 235, 229);
    --t-select-menu-bg-hover: rgb(218, 218, 210);
    --t-select-menu-bg-active: rgb(202, 200, 191)
}

@media (prefers-color-scheme: dark) {
    .select-menu, .select-menu-label {
        --t-select-menu: rgb(255, 255, 255);
        --t-select-menu-label: rgb(218, 218, 210);
        --t-select-menu-bg: rgb(78, 77, 71);
        --t-select-menu-bg-hover: rgb(107, 105, 96);
        --t-select-menu-bg-active: rgb(136, 133, 121)
    }
}

.select-menu {
    width: 100%;
    max-width: 100%;
    color: var(--t-select-menu);
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    letter-spacing: .8px;
    text-indent: 16px;
    margin: 0;
    padding: 14px 0;
    border: 0;
    border-radius: 2px;
    background: #ebebe5 url(../img/menu_arrow-BSZ00kSO.svg) no-repeat right 16px center;
    box-shadow: 0 1px 2px #00000029, 0 0 2px #00000014;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-color-scheme: dark) {
    .select-menu {
        background: #4e4d47 url(../img/menu_arrow_white-ASosvLqR.svg) no-repeat right 16px center
    }
}

@media (min-width: 720px) {
    .select-menu {
        max-width: 300px
    }
}

.select-menu:hover, .select-menu:focus {
    background-color: var(--t-select-menu-bg-hover);
    cursor: pointer
}

.select-menu:active {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--t-select-menu-bg-active)
}

.select-menu:hover, .select-menu:active {
    box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014
}

.select-menu:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--t-select-menu)
}

.select-menu--intrinsic-width {
    width: auto;
    text-indent: 0;
    padding: 14px 46px 14px 16px;
    text-overflow: ellipsis
}

@media (min-width: 720px) {
    .select-menu--intrinsic-width {
        max-width: 100%
    }
}

select::-ms-expand {
    display: none
}

@-moz-document url-prefix() {
    .select-menu {
        text-indent: 8px
    }
    .select-menu--intrinsic-width {
        text-indent: 0
    }
}

.select-menu-label {
    position: relative;
    display: block;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: var(--t-select-menu-label);
    margin: 20px 0 4px
}

.select-menu--inactive {
    opacity: .48;
    transition: none
}

.select-menu--inactive:hover, .select-menu--inactive:active {
    background-color: var(--t-select-menu-bg);
    box-shadow: 0 1px 2px #00000029, 0 0 2px #00000014;
    cursor: default
}

.form__validation {
    --t-form-validation-error: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .form__validation {
        --t-form-validation-error: rgb(255, 102, 105)
    }
}

.form__validation {
    font-size: 16px;
    letter-spacing: .4px
}

.form__validation--hide {
    display: none
}

.form__validation--success {
    color: #fff;
    background-color: #1a7ac5;
    border-radius: 2px;
    padding: 28px 32px;
    height: 104px;
    margin-bottom: 30px
}

@media (min-width: 720px) {
    .form__validation--success {
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 720px)and (max-width: 1023px) {
    .form__validation--success {
        max-width: 654px
    }
}

@media (min-width: 1024px) {
    .form__validation--success {
        max-width: 712px
    }
}

@media (max-width: 719px) {
    .form__validation--success {
        text-align: center;
        height: 204px;
        margin: 0 0 30px 16px;
        padding: 32px 16px
    }
}

.form__validation-warning-text {
    color: var(--t-form-validation-error);
    margin: 0 16px;
    font-weight: 300;
    font-variation-settings: "wght" 300
}

.form__validation--success .form__validation-success-text {
    margin: 0
}

@media (max-width: 719px) {
    .form__validation--success .form__validation-success-text {
        margin: 12px 0 0
    }
}

.form__validation--error p {
    color: var(--t-form-validation-error);
    font-weight: 300;
    font-variation-settings: "wght" 300
}

.form__validation--success .form__validation-success-icon {
    float: left;
    margin-right: 25px;
    width: 48px;
    height: 48px;
    background-color: #fff
}

@media (max-width: 719px) {
    .form__validation--success .form__validation-success-icon {
        float: none;
        margin: 0 auto;
        width: 56px;
        height: 56px
    }
}

.expand-icon {
    --t-expand-icon-invert: rgb(78, 77, 71);
    --t-expand-icon-text: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .expand-icon {
        --t-expand-icon-invert: rgb(250, 250, 248);
        --t-expand-icon-text: rgb(255, 102, 105)
    }
}

.expand-icon {
    display: flex
}

.expand-icon .expand-icon__icon {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: #fff;
    transform: rotate(0);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%;
    backface-visibility: hidden
}

.expand-icon__text--to-open, .expand-icon__a11y-open {
    display: block
}

.expand-icon__text--to-close, .expand-icon__a11y-close {
    display: none
}

.expand-icon--accentuated .expand-icon__icon {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(0);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.expand-icon--dark .expand-icon__icon {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-expand-icon-invert);
    transform: rotate(0);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.expand-icon--dark--tiny .expand-icon__icon {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: #4e4d47;
    transform: rotate(0);
    -webkit-mask-size: 54.1666666667%;
    mask-size: 54.1666666667%
}

.expand-icon--with-text {
    display: flex;
    align-items: center;
    color: var(--t-expand-icon-text);
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400
}

.expand-icon--with-text .expand-icon__icon {
    margin-left: 8px
}

.expand-icon--open .expand-icon__icon {
    transform: rotate(180deg)
}

.expand-icon--open .expand-icon__text--to-open, .expand-icon--open .expand-icon__a11y-open {
    display: none
}

.expand-icon--open .expand-icon__text--to-close, .expand-icon--open .expand-icon__a11y-close {
    display: block
}

.play-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 120px;
    max-height: 120px;
    background-size: 100%;
    background-position: 50%;
    border: 0 solid transparent;
    border-radius: 50%;
    transition: transform 75ms linear;
    box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014;
    --transform-hover: var(--fec-play-icon-hover) scale(1.08);
    --backdrop-filter-hover: var(--fec-play-icon-hover) none;
    --transform-default: none;
    --backdrop-filter-default: blur(1px);
    background-image: var(--image-default);
    transform: var(--transform-default);
    -webkit-backdrop-filter: var(--backdrop-filter-default);
    backdrop-filter: var(--backdrop-filter-default)
}

@media (min-width: 720px) {
    .play-icon {
        background-image: var(--image-hover, var(--image-default));
        transform: var(--transform-hover, var(--transform-default));
        -webkit-backdrop-filter: var(--backdrop-filter-hover, var(--backdrop-filter-default));
        backdrop-filter: var(--backdrop-filter-hover, var(--backdrop-filter-default))
    }
}

.play-icon--video {
    --image-hover: var(--fec-play-icon-hover) url(../img/play-icon-video-hover-D7mJvhtB.svg);
    --image-default: url(../img/play-icon-video-BgW8Z3Lb.svg)
}

.play-icon--audio {
    --image-hover: var(--fec-play-icon-hover) url(../img/play-icon-audio-hover-ClIGjZFI.svg);
    --image-default: url(../img/play-icon-audio-2P5--r8J.svg)
}

.play-icon--multiangle {
    --image-hover: var(--fec-play-icon-hover) url(../img/play-icon-multiangle-hover-VqG0gps5.svg);
    --image-default: url(../img/play-icon-multiangle-D7NzYeKZ.svg)
}

.play-icon--stop {
    --image-hover: var(--fec-play-icon-hover) url(../img/play-icon-stop-hover-CPs1YbNQ.svg);
    --image-default: url(../img/play-icon-stop-BDfWFpd_.svg)
}

.play-icon--static {
    position: static;
    aspect-ratio: 1/1
}

.svg-icon {
    --t-svg-icon-standard: rgb(78, 77, 71);
    --t-svg-icon-no-theme: rgb(255, 255, 255);
    --t-svg-icon-arrow-grey: rgb(78, 77, 71);
    --t-svg-icon-download-red: rgb(201, 16, 36);
    --t-svg-icon-download-success: rgb(26, 122, 197);
    --t-svg-icon-link-red: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .svg-icon {
        --t-svg-icon-standard: rgb(255, 255, 255);
        --t-svg-icon-no-theme: rgb(255, 255, 255);
        --t-svg-icon-arrow-grey: rgb(250, 250, 248);
        --t-svg-icon-download-red: rgb(255, 255, 255);
        --t-svg-icon-download-success: rgb(255, 255, 255);
        --t-svg-icon-link-red: rgb(255, 102, 105)
    }
}

.svg-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: var(--fec-svg-icon-background-position, center);
    background-repeat: no-repeat
}

.svg-icon--arrow-down-red-tiny {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(0);
    -webkit-mask-size: 41.6666666667%;
    mask-size: 41.6666666667%
}

.svg-icon--arrow-down-red {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(0);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-down-tiny {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-svg-icon-arrow-grey);
    transform: rotate(0);
    -webkit-mask-size: 41.6666666667%;
    mask-size: 41.6666666667%
}

.svg-icon--arrow-down-white {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: #fff;
    transform: rotate(0);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-down {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-svg-icon-arrow-grey);
    transform: rotate(0);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-right {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-svg-icon-arrow-grey);
    transform: rotate(-90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-right-white {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: #fff;
    transform: rotate(-90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-right-dark {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: #22211d;
    transform: rotate(-90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-right-red {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(-90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-right-red-small {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(-90deg);
    -webkit-mask-size: 54.1666666667%;
    mask-size: 54.1666666667%
}

.svg-icon--arrow-right-red-tiny {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(-90deg);
    -webkit-mask-size: 41.6666666667%;
    mask-size: 41.6666666667%
}

.svg-icon--arrow-left {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-svg-icon-arrow-grey);
    transform: rotate(90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-left-white {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: #fff;
    transform: rotate(90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-left-dark {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: #22211d;
    transform: rotate(90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-up-red-tiny {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(180deg);
    -webkit-mask-size: 41.6666666667%;
    mask-size: 41.6666666667%
}

.svg-icon--arrow-up-red {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(180deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--arrow-up {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-svg-icon-arrow-grey);
    transform: rotate(180deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.svg-icon--searchmenu {
    -webkit-mask: url(../img/searchmenu-DJgQvzGm.svg) no-repeat 50% 50%;
    mask: url(../img/searchmenu-DJgQvzGm.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard);
    width: 35px
}

.svg-icon--searchmenu-loggedin {
    width: 38px;
    height: 25px;
    position: relative;
    margin-right: -3px
}

.svg-icon--searchmenu-loggedin:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    -webkit-mask-image: url(../img/searchmenu-loggedin-maskable-DN7HBaN8.svg);
    mask-image: url(../img/searchmenu-loggedin-maskable-DN7HBaN8.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.svg-icon--searchmenu-loggedin:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -2px;
    width: 12px;
    height: 12px;
    background-image: url(../img/searchmenu-loggedin-badge-UnYaNKLy.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.svg-icon--close {
    -webkit-mask: url(../img/close-BpiLig6a.svg) no-repeat 50% 50%;
    mask: url(../img/close-BpiLig6a.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-video-circle {
    background-image: url(../img/play-video-circle-B7e7W8t-.svg)
}

.svg-icon--play-video-circle.svg-icon--small {
    background-image: url(../img/play-video-circle-small-BfDIFR_N.svg)
}

.svg-icon--play-video-circle.svg-icon--tiny {
    background-image: url(../img/play-video-circle-tiny-CEL0O6RT.svg)
}

.svg-icon--play-video-circle-tiny-to-small-on-tablet-up {
    background-image: url(../img/play-video-circle-tiny-CEL0O6RT.svg)
}

@media (min-width: 720px) {
    .svg-icon--play-video-circle-tiny-to-small-on-tablet-up {
        background-image: url(../img/play-video-circle-small-BfDIFR_N.svg)
    }
}

.svg-icon--play-video-circle-tiny-to-small-on-desktop-up {
    background-image: url(../img/play-video-circle-tiny-CEL0O6RT.svg)
}

@media (min-width: 1024px) {
    .svg-icon--play-video-circle-tiny-to-small-on-desktop-up {
        background-image: url(../img/play-video-circle-small-BfDIFR_N.svg)
    }
}

.svg-icon--play-video-circle-white {
    -webkit-mask: url(../img/play-video-circle-white-ogEtyWZc.svg) no-repeat 50% 50%;
    mask: url(../img/play-video-circle-white-ogEtyWZc.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-video-circle-white.svg-icon--small {
    -webkit-mask: url(../img/play-video-circle-white-small-D-ucuf61.svg) no-repeat 50% 50%;
    mask: url(../img/play-video-circle-white-small-D-ucuf61.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-video-circle-white.svg-icon--tiny {
    -webkit-mask: url(../img/play-video-circle-white-tiny-B7VlaMUd.svg) no-repeat 50% 50%;
    mask: url(../img/play-video-circle-white-tiny-B7VlaMUd.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-video-circle-white-tiny-to-small-on-tablet-up {
    background-image: url(../img/play-video-circle-white-tiny-B7VlaMUd.svg)
}

@media (min-width: 720px) {
    .svg-icon--play-video-circle-white-tiny-to-small-on-tablet-up {
        background-image: url(../img/play-video-circle-white-small-D-ucuf61.svg)
    }
}

.svg-icon--play-video-circle-white-tiny-to-small-on-desktop-up {
    background-image: url(../img/play-video-circle-white-tiny-B7VlaMUd.svg)
}

@media (min-width: 1024px) {
    .svg-icon--play-video-circle-white-tiny-to-small-on-desktop-up {
        background-image: url(../img/play-video-circle-white-small-D-ucuf61.svg)
    }
}

.svg-icon--audiothek {
    -webkit-mask: url(../img/audiothek-B5eM_tG-.svg) no-repeat 50% 50%;
    mask: url(../img/audiothek-B5eM_tG-.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--videothek {
    -webkit-mask: url(../img/videothek-Bbqjsk20.svg) no-repeat 50% 50%;
    mask: url(../img/videothek-Bbqjsk20.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--play-fullscreen {
    -webkit-mask: url(../img/play-fullscreen-Di9Uq0L1.svg) no-repeat 50% 50%;
    mask: url(../img/play-fullscreen-Di9Uq0L1.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-popout {
    -webkit-mask: url(../img/play-popout-CdkTr9A-.svg) no-repeat 50% 50%;
    mask: url(../img/play-popout-CdkTr9A-.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-audio-white.svg-icon--tiny {
    background-image: url(../img/play-audio-white-tiny-sVWKIJFu.svg)
}

.svg-icon--audio-muted {
    -webkit-mask: url(../img/audio-muted-Bqz8hsji.svg) no-repeat 50% 50%;
    mask: url(../img/audio-muted-Bqz8hsji.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-audio {
    -webkit-mask: url(../img/play-audio-CY5JWHr8.svg) no-repeat 50% 50%;
    mask: url(../img/play-audio-CY5JWHr8.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-audio-circle {
    -webkit-mask: url(../img/play-audio-circle-BqXZjtdP.svg) no-repeat 50% 50%;
    mask: url(../img/play-audio-circle-BqXZjtdP.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-audio-circle-white {
    background-image: url(../img/play-audio-circle-white-Cn64VmT9.svg)
}

.svg-icon--player-info {
    background-image: url(../img/player-info-CBvZDivi.svg)
}

.svg-icon--pause {
    -webkit-mask: url(../img/pause-CI7Vjros.svg) no-repeat 50% 50%;
    mask: url(../img/pause-CI7Vjros.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--skip-forwards {
    -webkit-mask: url(../img/skip-forwards-eOWuSCQ9.svg) no-repeat 50% 50%;
    mask: url(../img/skip-forwards-eOWuSCQ9.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--skip-backwards-10 {
    -webkit-mask: url(../img/skip-backwards10-B3SAndZ_.svg) no-repeat 50% 50%;
    mask: url(../img/skip-backwards10-B3SAndZ_.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--skip-backwards-15 {
    -webkit-mask: url(../img/skip-backwards15-DOPbA5J5.svg) no-repeat 50% 50%;
    mask: url(../img/skip-backwards15-DOPbA5J5.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--skip-backwards-30 {
    -webkit-mask: url(../img/skip-backwards30-DZR-bVUg.svg) no-repeat 50% 50%;
    mask: url(../img/skip-backwards30-DZR-bVUg.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--more {
    -webkit-mask: url(../img/more-BLFQhZoh.svg) no-repeat 50% 50%;
    mask: url(../img/more-BLFQhZoh.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-white {
    -webkit-mask: url(../img/play-CNwVL_3l.svg) no-repeat 50% 50%;
    mask: url(../img/play-CNwVL_3l.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--play-symbol.svg-icon--tiny {
    -webkit-mask: url(../img/play-symbol-tiny-DraviSQ2.svg) no-repeat 50% 50%;
    mask: url(../img/play-symbol-tiny-DraviSQ2.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--stop-symbol.svg-icon--tiny {
    -webkit-mask: url(../img/stop-symbol-tiny-m_ihddjT.svg) no-repeat 50% 50%;
    mask: url(../img/stop-symbol-tiny-m_ihddjT.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--respond-blue.svg-icon--tiny {
    background-image: url(../img/respond-blue-tiny-CPmAebAB.svg)
}

.svg-icon--apple-podcasts {
    -webkit-mask: url(../img/apple-podcasts-CxGj5lFf.svg) no-repeat 50% 50%;
    mask: url(../img/apple-podcasts-CxGj5lFf.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--clipboard {
    -webkit-mask: url(../img/clipboard-B3jUHQW8.svg) no-repeat 50% 50%;
    mask: url(../img/clipboard-B3jUHQW8.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--download {
    -webkit-mask: url(../img/download-BUz4Pi0I.svg) no-repeat 50% 50%;
    mask: url(../img/download-BUz4Pi0I.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--download-red {
    -webkit-mask: url(../img/download-BUz4Pi0I.svg) no-repeat 50% 50%;
    mask: url(../img/download-BUz4Pi0I.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-download-red)
}

.svg-icon--download-success {
    -webkit-mask: url(../img/download-success--Uluu4n0.svg) no-repeat 50% 50%;
    mask: url(../img/download-success--Uluu4n0.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-download-success)
}

.svg-icon--spotify {
    -webkit-mask: url(../img/spotify-Cd4P5f8_.svg) no-repeat 50% 50%;
    mask: url(../img/spotify-Cd4P5f8_.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--subscribe {
    -webkit-mask: url(../img/subscribe-t1gmH5FX.svg) no-repeat 50% 50%;
    mask: url(../img/subscribe-t1gmH5FX.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--subscribe-no-theme {
    -webkit-mask: url(../img/subscribe-t1gmH5FX.svg) no-repeat 50% 50%;
    mask: url(../img/subscribe-t1gmH5FX.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-no-theme)
}

.svg-icon--share {
    -webkit-mask: url(../img/share-BGW2gGwE.svg) no-repeat 50% 50%;
    mask: url(../img/share-BGW2gGwE.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--volume-off {
    -webkit-mask: url(../img/icon_volume_off-BMAOlEf4.svg) no-repeat 50% 50%;
    mask: url(../img/icon_volume_off-BMAOlEf4.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--checkmark {
    -webkit-mask: url(../img/checkmark-SL_U96f4.svg) no-repeat 50% 50%;
    mask: url(../img/checkmark-SL_U96f4.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--checkmark-circled-thicc {
    -webkit-mask: url(../img/checkmark-circled-thicc-gx0sR3Su.svg) no-repeat 50% 50%;
    mask: url(../img/checkmark-circled-thicc-gx0sR3Su.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--checkmark-circled {
    -webkit-mask: url(../img/checkmark-circled-QDbGU7qQ.svg) no-repeat 50% 50%;
    mask: url(../img/checkmark-circled-QDbGU7qQ.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--error {
    background-image: url(../img/icon-error-Cl2l2ln7.svg)
}

.svg-icon--error-plain {
    -webkit-mask: url(../img/icon-error-Cl2l2ln7.svg) no-repeat 50% 50%;
    mask: url(../img/icon-error-Cl2l2ln7.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-facebook {
    -webkit-mask: url(../img/facebook-DLko85ht.svg) no-repeat 50% 50%;
    mask: url(../img/facebook-DLko85ht.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-instagram {
    -webkit-mask: url(../img/instagram-DTaiFyD3.svg) no-repeat 50% 50%;
    mask: url(../img/instagram-DTaiFyD3.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-twitter-x {
    -webkit-mask: url(../img/twitter-x-GeL02nUg.svg) no-repeat 50% 50%;
    mask: url(../img/twitter-x-GeL02nUg.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-bluesky {
    -webkit-mask: url(../img/bluesky-fcIUlMDh.svg) no-repeat 50% 50%;
    mask: url(../img/bluesky-fcIUlMDh.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-linkedin {
    -webkit-mask: url(../img/linkedin-HUlrP0eo.svg) no-repeat 50% 50%;
    mask: url(../img/linkedin-HUlrP0eo.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-mail {
    -webkit-mask: url(../img/mail-Bp4XuZwL.svg) no-repeat 50% 50%;
    mask: url(../img/mail-Bp4XuZwL.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--outline-phone {
    -webkit-mask: url(../img/phone-BsIGeCFx.svg) no-repeat 50% 50%;
    mask: url(../img/phone-BsIGeCFx.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-webcam {
    -webkit-mask: url(../img/webcam-DXVNNwPx.svg) no-repeat 50% 50%;
    mask: url(../img/webcam-DXVNNwPx.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-whatsapp {
    -webkit-mask: url(../img/whatsapp-eiYbTK4g.svg) no-repeat 50% 50%;
    mask: url(../img/whatsapp-eiYbTK4g.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-youtube {
    -webkit-mask: url(../img/youtube-y02Xdpxa.svg) no-repeat 50% 50%;
    mask: url(../img/youtube-y02Xdpxa.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--outline-tiktok {
    -webkit-mask: url(../img/tiktok-BpYVSxXg.svg) no-repeat 50% 50%;
    mask: url(../img/tiktok-BpYVSxXg.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--filled-play {
    -webkit-mask: url(../img/play-nQAUnPkt.svg) no-repeat 50% 50%;
    mask: url(../img/play-nQAUnPkt.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--filled-pause {
    -webkit-mask: url(../img/pause-C4yQB4VW.svg) no-repeat 50% 50%;
    mask: url(../img/pause-C4yQB4VW.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--filled-webcam {
    -webkit-mask: url(../img/webcam-DAMQoZiS.svg) no-repeat 50% 50%;
    mask: url(../img/webcam-DAMQoZiS.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--trash {
    -webkit-mask: url(../img/trash-DQFOT2on.svg) no-repeat 50% 50%;
    mask: url(../img/trash-DQFOT2on.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-standard)
}

.svg-icon--triangle-left-with-shadow {
    background-image: url(../img/slider-arrows-left-BkawsbVM.svg)
}

.svg-icon--triangle-right-with-shadow {
    background-image: url(../img/slider-arrows-right-CLVwmRjI.svg)
}

.svg-icon--news-app {
    background-image: url(../img/news-app-BiVvRTPA.svg)
}

.svg-icon--meteo-app {
    background-image: url(../img/meteo-app-CIQHViVh.svg)
}

.svg-icon--sport-app {
    background-image: url(../img/sport-app-C7w0r3OR.svg)
}

.svg-icon--retry {
    -webkit-mask: url(../img/retry-D01vlKEK.svg) no-repeat 50% 50%;
    mask: url(../img/retry-D01vlKEK.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--view-off {
    -webkit-mask: url(../img/view-off-BHUKlht6.svg) no-repeat 50% 50%;
    mask: url(../img/view-off-BHUKlht6.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard))
}

.svg-icon--radio-srf-1 {
    background-image: url(../img/radio-srf-1-square-BRF5hy-0.svg)
}

.svg-icon--radio-srf-2 {
    background-image: url(../img/radio-srf-2-square-BnG0DiSc.svg)
}

.svg-icon--radio-srf-3 {
    background-image: url(../img/radio-srf-3-square-Ds8liY9N.svg)
}

.svg-icon--radio-srf-4 {
    background-image: url(../img/radio-srf-4-square-CPpwSzVl.svg)
}

.svg-icon--radio-srf-virus {
    background-image: url(../img/radio-srf-virus-square-DOEcWpsO.svg)
}

.svg-icon--radio-srf-musikwelle {
    background-image: url(../img/radio-srf-musikwelle-square-BoII6AQN.svg)
}

.svg-icon--play-srf-logo {
    background-image: url(../img/play-srf-DAKrlSlz.svg)
}

.svg-icon--play-rtr-logo {
    background-image: url(../img/play-rtr-_AoC1sLr.svg)
}

.svg-icon--srf-1-logo {
    background-image: url(../img/tv-srf-1-DG6VA2-W.svg)
}

.svg-icon--srf-2-logo {
    background-image: url(../img/tv-srf-zwei-B5iRKzX1.svg)
}

.svg-icon--srf-info-logo {
    background-image: url(../img/tv-srf-info-DY5p7iWp.svg)
}

.svg-icon--live {
    background-image: url(../img/live-DsmqHMnY.svg)
}

.svg-icon--login-profile {
    background-image: url(../img/login-profile-beUaNUBJ.svg);
    width: 30px;
    height: 25px
}

@media (prefers-color-scheme: dark) {
    .svg-icon--login-profile {
        background-image: url(../img/login-profile-dark-qdaZrjem.svg)
    }
}

.svg-icon--loggedin-profile {
    background-image: url(../img/loggedin-profile-CPh5SAIS.svg);
    width: 30px;
    height: 25px
}

@media (prefers-color-scheme: dark) {
    .svg-icon--loggedin-profile {
        background-image: url(../img/loggedin-profile-dark-CqsEKAdj.svg)
    }
}

.svg-icon--link-external {
    -webkit-mask: url(../img/link-external-BpsMBbX8.svg) no-repeat 50% 50%;
    mask: url(../img/link-external-BpsMBbX8.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-svg-icon-link-red)
}

.svg-icon--small {
    width: 16px;
    height: 16px
}

.svg-icon--tiny, .svg-icon--tiny-but-small-on-tablet-up {
    width: 12px;
    height: 12px
}

@media (min-width: 720px) {
    .svg-icon--tiny-but-small-on-tablet-up {
        width: 16px;
        height: 16px
    }
}

.svg-icon--tiny-but-small-on-desktop-up {
    width: 12px;
    height: 12px
}

@media (min-width: 1024px) {
    .svg-icon--tiny-but-small-on-desktop-up {
        width: 16px;
        height: 16px
    }
}

.svg-icon--adjust-to-container {
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 100%;
    height: 100%
}

.svg-icon--rotatable {
    will-change: transform;
    transition: transform .4s ease-out var(--svg-icon-rotation-delay, 0s);
    transform: rotate(calc(var(--svg-icon-rotation, 0) * 1deg));
    transform-origin: center
}

.svg-icon--clear-input {
    width: 22px;
    height: 22px;
    margin-top: -3px;
    margin-right: -3px
}

.css-icon {
    --css-icon-color: rgb(78, 77, 71);
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    outline: 1px solid var(--css-icon-color);
    outline-offset: 2px
}

.css-icon--dot {
    background-color: var(--css-icon-color);
    animation: 2.4s infinite pulsateBGcolor ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .css-icon--dot {
        animation: none
    }
}

@keyframes pulsateBGcolor {
    25% {
        background-color: var(--css-icon-color)
    }
    50% {
        background-color: transparent
    }
    75% {
        background-color: var(--css-icon-color)
    }
}

.css-icon--play {
    background: transparent
}

.css-icon--play:before {
    content: "";
    display: block;
    position: relative;
    inset-inline-start: 2.4px;
    inset-block-start: 1px;
    width: 6px;
    height: 7px;
    background-color: var(--css-icon-color);
    clip-path: polygon(0 0, 100% 50%, 0 100%)
}

.block-link {
    --t-block-link: rgb(201, 16, 36);
    --t-block-link-box-bg-hover: rgb(218, 218, 210);
    --t-block-link-box-bg-focus: rgb(202, 200, 191);
    --t-block-link-box-border: rgba(0, 0, 0, .1);
    --t-block-link-icon: rgb(201, 16, 36);
    --t-block-link-podcast-bg-hover: rgb(235, 235, 229);
    --t-block-link-podcast-bg-active: rgb(218, 218, 210);
    --t-block-link-separator: rgb(235, 235, 229);
    --t-block-link-separator-bg-hover: rgb(250, 250, 248)
}

@media (prefers-color-scheme: dark) {
    .block-link {
        --t-block-link: rgb(255, 102, 105);
        --t-block-link-box-bg-hover: rgb(69, 68, 61);
        --t-block-link-box-bg-focus: rgb(78, 77, 71);
        --t-block-link-box-border: rgba(255, 255, 255, .12);
        --t-block-link-icon: rgb(255, 102, 105);
        --t-block-link-podcast-bg-hover: rgb(69, 68, 61);
        --t-block-link-podcast-bg-active: rgb(78, 77, 71);
        --t-block-link-separator: rgb(69, 68, 61);
        --t-block-link-separator-bg-hover: rgb(69, 68, 61)
    }
}

.block-link {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 0;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.5;
    color: var(--t-block-link);
    border: none;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.block-link:hover, .block-link:focus, .block-link:active {
    border: none;
    color: var(--t-block-link)
}

.block-link:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    -webkit-mask: url(../img/internal-UXMKBlR8.svg) no-repeat 50% 50%;
    mask: url(../img/internal-UXMKBlR8.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-block-link-icon);
    flex: 0 0 auto;
    margin-right: 4px
}

.block-link__title, .block-link__title--mobile {
    flex: 1 1 auto;
    padding-right: 8px
}

.block-link__title--mobile {
    display: none
}

@media (max-width: 719px) {
    .block-link__title--mobile {
        display: block
    }

    .block-link__title--mobile ~ .block-link__title {
        display: none
    }
}

.block-link--with-separator {
    border-top: 1px solid var(--t-block-link-separator);
    border-bottom: 1px solid var(--t-block-link-separator)
}

.block-link--with-separator:hover, .block-link--with-separator:focus, .block-link--with-separator:active {
    width: auto;
    border-top: 1px solid var(--t-block-link-separator);
    border-bottom: 1px solid var(--t-block-link-separator);
    padding-left: 24px;
    margin-left: -24px;
    background-color: var(--t-block-link-separator-bg-hover)
}

.block-link--with-separator + .block-link--with-separator {
    border-top: 1px solid transparent
}

.block-link--with-separator + .block-link--with-separator:hover, .block-link--with-separator + .block-link--with-separator:focus, .block-link--with-separator + .block-link--with-separator:active {
    margin-top: -1px;
    padding-top: 13px;
    border-top: 1px solid var(--t-block-link-separator)
}

.block-link--external:after {
    -webkit-mask-image: url(../img/external-D3EP8xKe.svg);
    mask-image: url(../img/external-D3EP8xKe.svg)
}

.block-link--document:after {
    -webkit-mask-image: url(../img/file-SI78Jmuy.svg);
    mask-image: url(../img/file-SI78Jmuy.svg)
}

.block-link--pdf:after {
    -webkit-mask-image: url(../img/pdf-CZ4-sv4d.svg);
    mask-image: url(../img/pdf-CZ4-sv4d.svg)
}

.block-link--docx:after {
    -webkit-mask-image: url(../img/docx-CB5fUl-C.svg);
    mask-image: url(../img/docx-CB5fUl-C.svg)
}

.block-link--box {
    border-top: 1px solid var(--t-block-link-box-border);
    padding-left: 16px;
    padding-right: 16px
}

.block-link--box:hover {
    background-color: var(--t-block-link-box-bg-hover);
    border-top: 1px solid var(--t-block-link-box-border)
}

.block-link--box:focus {
    background-color: var(--t-block-link-box-bg-focus)
}

@media (min-width: 720px) {
    .block-link--box {
        padding-left: 24px;
        padding-right: 24px
    }
}

.block-link--podcast:hover, .block-link--podcast:focus {
    background-color: var(--t-block-link-podcast-bg-hover)
}

.block-link--podcast:active {
    background-color: var(--t-block-link-podcast-bg-active)
}

.call-to-action-link {
    font-size: 16px;
    letter-spacing: .4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    text-transform: uppercase;
    min-height: 48px;
    border-radius: 56px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    --t-svg-icon-themed: rgb(255, 255, 255);
    box-shadow: 0 1px 2px #00000029, 0 0 2px #00000014;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
    background-color: #c91024
}

.call-to-action-link:has(.call-to-action-link__text) {
    padding-inline: 24px
}

.call-to-action-link, .call-to-action-link:hover, .call-to-action-link:focus, .call-to-action-link:active {
    text-decoration: none;
    color: #fff
}

.call-to-action-link:hover, .call-to-action-link:focus {
    box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014;
    background-color: #e31f2b
}

.call-to-action-link:active {
    box-shadow: 0 6px 12px #00000029, 0 0 12px #00000014;
    background-color: #f1434a
}

.call-to-action-link__icon {
    width: 24px;
    height: 24px
}

.call-to-action-link--secondary {
    background-color: #4e4d47
}

.call-to-action-link--secondary:hover, .call-to-action-link--secondary:focus {
    background-color: #5e5d56
}

.call-to-action-link--secondary:active {
    background-color: #6b6960
}

.decorated-link {
    --t-decorated-link: rgb(201, 16, 36);
    --t-decorated-link-hover: rgb(141, 6, 20);
    --t-decorated-link-active: rgb(106, 11, 12)
}

@media (prefers-color-scheme: dark) {
    .decorated-link {
        --t-decorated-link: rgb(255, 102, 105);
        --t-decorated-link-hover: rgb(255, 145, 147);
        --t-decorated-link-active: rgb(255, 187, 188)
    }
}

.decorated-link {
    border-bottom: 1px solid var(--t-decorated-link)
}

.decorated-link:hover {
    border-bottom: 1px solid var(--t-decorated-link-hover)
}

.decorated-link:active {
    border-bottom: 1px solid var(--t-decorated-link-active)
}

.decorated-link--show-detail {
    line-height: 2.29;
    margin-right: 8px
}

.image-link {
    --t-image-link: rgb(34, 33, 29);
    --t-image-link-border: rgba(0, 0, 0, .08);
    --t-image-link-bg-hover: rgb(245, 245, 242);
    --t-image-link-bg-active: rgb(218, 218, 210)
}

@media (prefers-color-scheme: dark) {
    .image-link {
        --t-image-link: rgb(255, 255, 255);
        --t-image-link-border: rgba(255, 255, 255, .08);
        --t-image-link-bg-hover: rgba(255, 255, 255, .08);
        --t-image-link-bg-active: rgb(78, 77, 71)
    }
}

.image-link {
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 1.5;
    min-height: 40px;
    padding-block: calc(var(--fec-gap) * .5);
    padding-inline: var(--fec-image-link-inline-padding, calc(var(--fec-gap) * .75));
    border-top: 1px solid var(--t-image-link-border);
    background-color: transparent;
    transition: background-color .2s ease-in-out, border .2s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.image-link:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    -webkit-mask: url(../img/internal-UXMKBlR8.svg) no-repeat 50% 50%;
    mask: url(../img/internal-UXMKBlR8.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--fec-image-link-color, var(--t-image-link));
    flex: 0 0 auto
}

.image-link, .image-link:hover, .image-link:focus, .image-link:active {
    color: var(--t-image-link);
    text-decoration: none
}

.image-link:hover {
    background-color: var(--t-image-link-bg-hover)
}

.image-link:active, .image-link:focus {
    background-color: var(--t-image-link-bg-active)
}

@media (min-width: 1280px) {
    .image-link {
        min-height: 48px
    }
}

@media (min-width: 720px) {
    .image-link > span {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.image-link--external:after {
    -webkit-mask: url(../img/external-D3EP8xKe.svg) no-repeat 50% 50%;
    mask: url(../img/external-D3EP8xKe.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--fec-image-link-color, var(--t-image-link))
}

.layered-link-wrapper {
    position: relative
}

.layered-link-wrapper a {
    position: relative;
    z-index: 1
}

.layered-link.layered-link {
    position: static
}

.layered-link.layered-link:before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0
}

.main-logo {
    width: 36px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    background: none
}

.main-logo svg {
    transform: scale(.75);
    transform-origin: 0 0
}

@media (min-width: 720px) {
    .main-logo {
        width: 48px;
        height: 32px
    }

    .main-logo svg {
        transform: none
    }
}

@media (min-width: 720px) {
    .main-logo--large {
        width: 60px;
        height: 40px
    }
}

.main-logo--large svg {
    transform: scale(1.25);
    transform-origin: 0 0
}

.menu-link {
    --t-menu-link: rgb(34, 33, 29);
    --t-menu-link-success: rgb(26, 122, 197);
    --t-menu-link-on-error: rgb(201, 16, 36);
    --t-menu-link-bg-hover: rgba(185, 183, 172, .12);
    --t-menu-link-bg-active: rgba(185, 183, 172, .24)
}

@media (prefers-color-scheme: dark) {
    .menu-link {
        --t-menu-link: rgb(255, 255, 255);
        --t-menu-link-success: rgb(102, 187, 255);
        --t-menu-link-on-error: rgb(255, 102, 105);
        --t-menu-link-bg-hover: rgba(185, 183, 172, .12);
        --t-menu-link-bg-active: rgba(185, 183, 172, .24)
    }
}

.menu-link {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 18px 24px;
    border-radius: 2px;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: var(--t-menu-link);
    text-decoration: none;
    transition: background-color .2s ease-in-out
}

.menu-link:hover, .menu-link:focus {
    color: var(--t-menu-link);
    background-color: var(--t-menu-link-bg-hover)
}

.menu-link:active {
    color: var(--t-menu-link);
    background-color: var(--t-menu-link-bg-active)
}

.menu-link--dark {
    --t-menu-link: rgb(255, 255, 255);
    --t-menu-link-success: rgb(102, 187, 255);
    --t-menu-link-on-error: rgb(255, 102, 105);
    --t-menu-link-bg-hover: rgba(185, 183, 172, .12);
    --t-menu-link-bg-active: rgba(185, 183, 172, .24)
}

.menu-link__icon-container {
    flex: 0 0 auto;
    height: 24px;
    padding-right: 12px
}

.menu-link__icon-container .menu-link__success-icon {
    background-color: var(--t-menu-link-success)
}

.menu-link__text {
    flex: 1 0 0
}

.menu-link__text--success {
    color: var(--t-menu-link-success)
}

.menu-link__text--on-error {
    color: var(--t-menu-link-on-error)
}

.shimmer {
    --t-shimmer-bg: rgba(34, 33, 29, .12);
    --t-shimmer-gradient: rgba(34, 33, 29, .24);
    --t-shimmer-overline-bg: rgba(201, 16, 36, .12);
    --t-shimmer-overline-gradient: rgba(201, 16, 36, .24)
}

@media (prefers-color-scheme: dark) {
    .shimmer {
        --t-shimmer-bg: rgba(255, 255, 255, .12);
        --t-shimmer-gradient: rgba(255, 255, 255, .24);
        --t-shimmer-overline-bg: rgba(255, 102, 105, .12);
        --t-shimmer-overline-gradient: rgba(255, 102, 105, .24)
    }
}

.shimmer-wrapper {
    margin-right: 8px;
    margin-left: 8px
}

@media (min-width: 720px) {
    .shimmer-wrapper {
        margin-right: 32px;
        margin-left: 32px
    }
}

@media (min-width: 1280px) {
    .shimmer-wrapper {
        margin-right: 40px;
        margin-left: 40px
    }
}

.shimmer {
    width: 100%;
    height: 11px;
    margin-bottom: 11px;
    background: var(--t-shimmer-bg);
    position: relative;
    overflow: hidden;
    display: block
}

@media (min-width: 1024px) {
    .shimmer {
        height: 14px;
        margin-bottom: 14px
    }
}

.shimmer:before {
    content: "";
    background: linear-gradient(90deg, transparent, var(--t-shimmer-gradient) 50%, transparent);
    width: 800px;
    position: absolute;
    left: 0;
    height: 100%;
    display: block;
    animation: shimmeringAnimation 2.5s infinite ease-in-out;
    will-change: transform
}

@media screen and (prefers-reduced-motion: reduce) {
    .shimmer:before {
        animation: none
    }
}

.shimmer:nth-of-type(2):before {
    animation-delay: .05s
}

.shimmer:nth-of-type(3):before {
    animation-delay: .1s
}

.shimmer:nth-of-type(4):before {
    animation-delay: .15s
}

.shimmer:nth-of-type(5):before {
    animation-delay: .2s
}

.shimmer--dark {
    background: #ffffff1f
}

.shimmer--dark:before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .24) 50%, transparent)
}

.shimmer--short {
    width: 66%
}

.shimmer--shorter {
    width: 33%
}

.shimmer--title {
    width: 66%;
    height: 16px;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .shimmer--title {
        height: 19px;
        margin-bottom: 19px
    }
}

.shimmer--overline {
    width: 33%;
    height: 11px;
    background: var(--t-shimmer-overline-bg)
}

@media (min-width: 1024px) {
    .shimmer--overline {
        height: 11px
    }
}

.shimmer--overline:before {
    background: linear-gradient(90deg, transparent, var(--t-shimmer-overline-gradient) 50%, transparent)
}

.shimmer--heading {
    height: 16px;
    margin-bottom: 12px
}

@media (min-width: 1024px) {
    .shimmer--heading {
        height: 19px;
        margin: 12px 0
    }
}

@keyframes shimmeringAnimation {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(200%)
    }
}

.spinner-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22.5%;
    max-width: 64px;
    min-width: 36px
}

.spinner-container:before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 100%
}

.spinner-container--bottom {
    position: relative;
    top: auto;
    bottom: 0
}

.spinner {
    width: 100%;
    height: 100%;
    animation: rotate360Animation 2s linear infinite
}

.spinner__circle {
    stroke-width: 2;
    fill: none
}

.spinner__circle--bg {
    stroke: #dadad2;
    opacity: .4
}

.spinner__circle--dash {
    stroke: #e31f2b;
    stroke-linecap: round;
    stroke-dasharray: 89, 200;
    stroke-miterlimit: 10;
    animation: spinnerDashAnimation 1.5s ease-in-out infinite
}

.spinner--white-dash .spinner__circle--dash {
    stroke: #fff
}

.spinner--loading-medium {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

.spinner--size-medium {
    width: 40px;
    height: 40px
}

@keyframes spinnerDashAnimation {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

.legend {
    padding: 0;
    margin: 16px -16px 0 0
}

@media (min-width: 720px) {
    .legend {
        margin-top: 2px;
        float: left;
        width: 66%
    }
}

.legend--two-col {
    -moz-column-count: 2;
    -moz-column-gap: 0;
    column-count: 2;
    column-gap: 0
}

.legend__item {
    overflow: hidden;
    padding: 0;
    margin: 0 0 8px;
    -webkit-column-break-inside: avoid;
    -webkit-margin-after: 0;
    -webkit-padding-after: 8px
}

.legend__colorbox {
    height: 12px;
    width: 12px;
    float: left;
    box-sizing: initial;
    border: 1px solid rgb(255, 255, 255);
    margin-top: 1px
}

.legend__description {
    margin: 0 16px 0 22px;
    font-size: 12px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 1.35;
    color: #6b6960
}

.media-caption {
    --t-media-caption: rgb(34, 33, 29);
    --t-media-caption-bg-hover: rgb(235, 235, 229);
    --t-media-caption-description: rgb(78, 77, 71);
    --t-media-caption-source: rgb(107, 105, 96);
    --t-media-caption-source-link: rgb(201, 16, 36);
    --t-media-caption-active-title: rgb(245, 245, 242);
    --t-media-caption-active-source: rgb(202, 200, 191);
    --t-media-caption-separator: rgb(202, 200, 191);
    --t-media-caption-image-figure-bg: rgb(245, 245, 242)
}

@media (prefers-color-scheme: dark) {
    .media-caption {
        --t-media-caption: rgb(245, 245, 242);
        --t-media-caption-bg-hover: rgb(69, 68, 61);
        --t-media-caption-description: rgb(255, 255, 255);
        --t-media-caption-source: rgb(185, 183, 172);
        --t-media-caption-source-link: rgb(255, 102, 105);
        --t-media-caption-active-title: rgb(255, 255, 255);
        --t-media-caption-active-source: rgb(202, 200, 191);
        --t-media-caption-separator: rgba(255, 255, 255, .12);
        --t-media-caption-image-figure-bg: rgb(56, 55, 50)
    }
}

.media-caption {
    padding: 12px 24px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 16px;
    letter-spacing: .4px;
    color: var(--t-media-caption);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    transition: background .2s cubic-bezier(.4, 0, .2, 1)
}

.media-caption:has(.media-caption__links) {
    padding-bottom: 0
}

.media-caption--hover {
    background-color: var(--t-media-caption-bg-hover)
}

.media-caption--with-separator {
    border-bottom: 1px solid var(--t-media-caption-separator)
}

.media-caption--audio {
    padding-right: 12px;
    padding-left: 12px
}

@media (min-width: 720px) {
    .media-caption--audio {
        padding-right: 16px;
        padding-left: 16px
    }
}

.media-caption__title {
    margin: 0 0 4px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: inherit;
    line-height: 1.25
}

@media (min-width: 720px) {
    .media-caption__title {
        margin-bottom: 8px
    }
}

.media-caption__subtitle {
    margin: 0 0 4px
}

.media-caption__description {
    flex: 0 0 auto;
    margin-bottom: 8px;
    line-height: 1.35;
    color: var(--t-media-caption-description)
}

.media-caption__source {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.35;
    text-transform: uppercase;
    color: var(--t-media-caption-source)
}

.media-caption__source .small {
    text-transform: none
}

.media-caption__source-link {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.35;
    text-transform: uppercase;
    color: var(--t-media-caption-source-link);
    text-decoration: underline
}

.media-caption__title--audio, .media-caption__title--audio-search-result {
    color: var(--t-media-caption);
    margin-bottom: 4px
}

@media (min-width: 1024px) {
    .media-caption__title--audio-search-result {
        font-size: 20px;
        letter-spacing: .2px
    }
}

.media-caption__title--expandable {
    padding-right: 40px;
    position: relative
}

.media-caption__title--expandable .expand-icon {
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 720px) {
    .media-caption__title--expandable {
        padding-right: inherit
    }

    .media-caption__title--expandable .expand-icon {
        display: none
    }
}

.media-caption__source--audio {
    margin-bottom: 4px;
    text-transform: none
}

.media-caption__source--audio .media-caption__source-title {
    color: var(--t-media-caption-description)
}

.media-caption__source--video {
    margin-bottom: 4px;
    text-transform: none
}

.media-caption__source--video .media-caption__source-title {
    color: var(--t-media-caption-description)
}

.media-caption__image {
    height: 30px;
    width: auto;
    max-width: 100px;
    margin: 4px 12px 0 0
}

.media-caption--chmap {
    padding: 12px 16px;
    border-bottom: 2px solid rgb(255, 255, 255);
    --t-media-caption: rgb(34, 33, 29);
    --t-media-caption-source: rgb(185, 183, 172)
}

@media (min-width: 720px) {
    .media-caption--chmap {
        flex-direction: row;
        padding: 12px 24px
    }
}

.media-caption__content {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

@media (min-width: 720px) {
    .media-caption__content--chmap {
        width: 33%;
        float: left;
        margin-right: 16px
    }
}

.media-caption__image-copyright, .media-caption__video-copyright {
    display: block
}

.media-caption--active .media-caption__title {
    color: var(--t-media-caption-active-title)
}

.media-caption--active .media-caption__source, .media-caption--active .media-caption__source-title {
    color: var(--t-media-caption-active-source)
}

.media-caption--active .media-caption__title, .media-caption--active .media-caption__source, .media-caption--active .media-caption__source-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.media-caption--active.media-caption--hover {
    transition: none;
    background-color: transparent
}

.media-caption__links {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 12px;
    margin-inline: -24px;
    --fec-image-link-inline-padding: 24px
}

.media-caption--compact {
    padding-top: 4px;
    padding-bottom: 4px
}

.media-caption--compact .media-caption__title, .media-caption--compact .media-caption__description {
    display: none
}

@media (max-width: 719px) {
    .media-caption--compact {
        display: none
    }
}

body[data-representation=web] .media-caption__title--video {
    color: var(--t-media-caption);
    margin-bottom: 4px
}

body[data-representation=web] .media-caption__source--video {
    color: var(--t-media-caption-source);
    text-transform: none
}

body[data-representation=web] .media-caption--active .media-caption__source, body[data-representation=web] .media-caption--active .media-caption__source-title {
    color: var(--t-media-caption-active-source)
}

.media-caption--related-items {
    padding: 0 12px 0 0;
    background-color: transparent;
    grid-area: 1/2/2/3
}

@media (min-width: 720px) {
    .media-caption--related-items {
        padding: 0 16px
    }
}

.media-caption--related-items.media-caption--hover, .media-caption--related-items.media-caption--hover:active, .media-caption--related-items.media-caption--hover:focus {
    background-color: transparent
}

.media-caption--episode-listing {
    background-color: transparent;
    padding: 0
}

@media (min-width: 720px)and (max-width: 1023px) {
    .media-caption--episode-listing {
        margin-top: 4px
    }
}

@media (min-width: 1024px) {
    .media-caption--episode-listing {
        margin-top: 8px;
        font-size: 18px;
        letter-spacing: .4px
    }
}

.media-caption--episode-listing .media-caption__title, .media-caption--episode-listing .media-caption__source {
    margin-bottom: 4px
}

@media (min-width: 720px) {
    .media-caption--episode-listing .media-caption__title, .media-caption--episode-listing .media-caption__source {
        margin-bottom: 8px
    }
}

.media-caption--episode-listing .media-caption__source-duration {
    font-weight: 500;
    font-variation-settings: "wght" 500
}

.media-caption--episode-listing .media-caption__description {
    margin: 0
}

@media (max-width: 719px) {
    .media-caption--episode-listing .media-caption__description {
        display: none
    }
}

.media-caption--image-figure {
    background-color: var(--t-media-caption-image-figure-bg)
}

.media-caption--in-box {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent
}

.media-caption--no-padding {
    padding: 0
}

.media-progress-bar {
    --media-progress-bar-progress: 0;
    position: relative;
    height: 4px;
    width: 100%;
    overflow: hidden;
    background-color: #fff6
}

.media-progress-bar__indicator {
    position: absolute;
    height: 100%;
    width: calc(1% * var(--media-progress-bar-progress));
    min-width: 16px;
    background-color: #c91024
}

.media-time-indicator {
    --media-time-indicator-font-size: var(--fec-media-time-indicator-font-size, 12px);
    display: inline-block;
    padding: .25em .4375em;
    font-size: var(--media-time-indicator-font-size);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    text-align: center;
    color: #fff;
    background: #000c
}

.globalnav-link {
    --t-globalnav-link: rgb(34, 33, 29);
    --t-globalnav-link-bg-hover: rgba(185, 183, 172, .12);
    --t-globalnav-link-bg-active: rgba(185, 183, 172, .24);
    --t-globalnav-link-sub: rgb(78, 77, 71);
    --t-globalnav-link-highlight: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .globalnav-link {
        --t-globalnav-link: rgb(255, 255, 255);
        --t-globalnav-link-bg-hover: rgba(185, 183, 172, .12);
        --t-globalnav-link-bg-active: rgba(185, 183, 172, .24);
        --t-globalnav-link-sub: rgb(255, 255, 255);
        --t-globalnav-link-highlight: rgb(255, 102, 105)
    }
}

.globalnav-link {
    display: flex;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: var(--t-globalnav-link);
    padding: 18px 16px;
    border-radius: 2px;
    text-decoration: none;
    transition: background-color .2s ease-in-out
}

.globalnav-link:hover, .globalnav-link:focus {
    color: var(--t-globalnav-link);
    background-color: var(--t-globalnav-link-bg-hover)
}

.globalnav-link:active {
    color: var(--t-globalnav-link);
    background-color: var(--t-globalnav-link-bg-active)
}

.globalnav-link--portal {
    font-weight: 700;
    font-variation-settings: "wght" 700
}

.globalnav-link--sub {
    padding: 12px 16px;
    color: var(--t-globalnav-link-sub)
}

.globalnav-link--sub:hover {
    color: var(--t-globalnav-link-sub)
}

.globalnav-link--highlight, .globalnav-link--highlight:hover, .globalnav-link--highlight:focus, .globalnav-link--highlight:active {
    color: var(--t-globalnav-link-highlight)
}

@media (max-width: 719px) {
    .globalnav-link--highlight {
        margin: 0 8px
    }
}

.globalnav-link__img {
    flex: 0 0 auto;
    align-self: center;
    height: 24px;
    width: 24px;
    margin-right: 12px
}

.globalnav-link__text {
    flex: 1 0 0;
    align-self: center;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.nav-group__list {
    --t-nav-group-bg: rgb(254, 254, 253);
    --t-nav-group-border: rgba(0, 0, 0, .08)
}

@media (prefers-color-scheme: dark) {
    .nav-group__list {
        --t-nav-group-bg: rgb(46, 45, 41);
        --t-nav-group-border: rgba(0, 0, 0, .08)
    }
}

.nav-group__list {
    display: none;
    transform-origin: top;
    flex-direction: column;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: var(--t-nav-group-bg);
    margin: 0;
    padding: 8px 0;
    box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014;
    min-width: 200px;
    border-top: 1px inset var(--t-nav-group-border);
    opacity: 0;
    animation: fadeAndScaleInAnimation .2s forwards
}

@media screen and (prefers-reduced-motion: reduce) {
    .nav-group__list {
        animation: fadeInAnimation .2s forwards
    }
}

.nav-group--open .nav-group__list {
    display: flex
}

.nav-group__wrapper {
    position: absolute;
    padding: 0 0 8px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    max-height: calc(90dvh - 56px)
}

@media (max-width: 719px) {
    .nav-group__wrapper {
        left: 0;
        width: 100%
    }
}

@media (min-width: 720px) {
    .nav-group__wrapper {
        margin-left: -8px;
        padding: 0 8px 8px
    }
}

.nav-group--open {
    --nav-item-caret-rotation: 180deg
}

.nav-group--open > .nav-item {
    background-color: var(--t-gl-subnav-pager-bg-active);
    color: var(--t-gl-nav-group-open-item-color)
}

.nav-item {
    --t-nav-item-icon: rgb(78, 77, 71);
    --t-nav-item-3rd-level: rgb(78, 77, 71);
    --t-nav-item-3rd-level-bg-hover: rgba(185, 183, 172, .12);
    --t-nav-item-3rd-level-bg-active: rgba(185, 183, 172, .24);
    --t-nav-item-home: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .nav-item {
        --t-nav-item-icon: rgb(250, 250, 248);
        --t-nav-item-3rd-level: rgb(255, 255, 255);
        --t-nav-item-3rd-level-bg-hover: rgba(255, 255, 255, .12);
        --t-nav-item-3rd-level-bg-active: rgba(255, 255, 255, .24);
        --t-nav-item-home: rgb(255, 255, 255)
    }
}

.nav-item {
    display: inline-block;
    height: 56px;
    padding: 18px 16px 14px;
    border-bottom: 2px solid transparent;
    font-family: inherit;
    font-size: 18px;
    letter-spacing: .4px;
    line-height: 1.25;
    border-radius: 2px;
    transition: background-color .2s ease-in-out;
    color: var(--t-gl-nav-group-open-item-color)
}

@media (max-width: 719px) {
    .nav-item {
        padding: 18px 12px 16px;
        font-size: 16px;
        letter-spacing: .4px
    }
}

.nav-item:hover {
    border-bottom: 2px solid transparent;
    background-color: var(--t-gl-subnav-pager-bg-hover);
    color: var(--t-gl-nav-group-open-item-color)
}

.nav-item:active {
    border-bottom: 2px solid transparent;
    background-color: var(--t-gl-subnav-pager-bg-active);
    color: var(--t-gl-nav-group-open-item-color)
}

.nav-item--active, .nav-item--active:hover, .nav-item--active:active {
    background: none;
    opacity: 1;
    border-radius: 0;
    border-bottom-color: var(--t-gl-nav-item-active-border);
    color: var(--t-gl-nav-item-active)
}

.nav-item--expandable {
    display: inline-flex;
    align-items: center;
    padding-top: 16px;
    padding-right: 4px;
    padding-bottom: 14px;
    position: relative
}

@media (min-width: 720px) {
    .nav-item--expandable {
        padding-top: 17px;
        padding-right: 8px;
        padding-bottom: 13px
    }
}

.nav-item--expandable:after {
    content: "";
    pointer-events: none;
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-gl-nav-group-open-item-color, var(--t-nav-item-icon));
    transform: rotate(0);
    -webkit-mask-size: 41.6666666667%;
    mask-size: 41.6666666667%;
    transition: transform .2s ease-in-out;
    transform: rotate(var(--nav-item-caret-rotation, 0deg))
}

.nav-item--third-level {
    width: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    letter-spacing: .4px;
    border-radius: 0
}

@media (max-width: 719px) {
    .nav-item--third-level {
        flex-direction: column
    }
}

.nav-item--third-level, .nav-item--third-level:hover, .nav-item--third-level:active, .nav-item--third-level:focus {
    color: var(--t-nav-item-3rd-level)
}

.nav-item--third-level:hover {
    background-color: var(--t-nav-item-3rd-level-bg-hover)
}

.nav-item--third-level:active {
    background-color: var(--t-nav-item-3rd-level-bg-active)
}

.nav-item--third-level.nav-item--active {
    border-bottom-color: transparent;
    padding-right: 8px
}

.nav-item--third-level.nav-item--active, .nav-item--third-level.nav-item--active:hover, .nav-item--third-level.nav-item--active:active {
    background-color: var(--t-nav-item-3rd-level-bg-active)
}

.nav-item--third-level.nav-item--active:after {
    content: "";
    -webkit-mask: url(../img/checkmark-SL_U96f4.svg) no-repeat 50% 50%;
    mask: url(../img/checkmark-SL_U96f4.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-gl-nav-item-third-level-icon);
    display: inline-block;
    width: 24px;
    height: 24px
}

@media (max-width: 719px) {
    .nav-item--third-level.nav-item--active:after {
        position: absolute;
        top: 16px;
        right: 16px
    }
}

.nav-item--home {
    color: var(--t-nav-item-home)
}

.search {
    --t-search-bg-active: rgb(254, 254, 253);
    --t-search-text: rgb(107, 105, 96);
    --t-search-text-active: rgb(34, 33, 29);
    --t-search-border: rgba(0, 0, 0, .2);
    --t-search-result-bg-hover: rgba(185, 183, 172, .12);
    --t-search-result-bg-active: rgba(185, 183, 172, .24);
    --t-search-icon: none;
    --t-search-result-icon-bg: rgb(107, 105, 96);
    --t-search-results-label: rgb(107, 105, 96);
    --t-gl-search-bg: rgb(254, 254, 253);
    --t-gl-search-border: rgba(0, 0, 0, .2)
}

@media (prefers-color-scheme: dark) {
    .search {
        --t-search-bg-active: rgb(56, 55, 50);
        --t-search-text: rgb(218, 218, 210);
        --t-search-text-active: rgb(245, 245, 242);
        --t-search-border: rgba(255, 255, 255, .24);
        --t-search-result-bg-hover: rgb(69, 68, 61);
        --t-search-result-bg-active: rgb(94, 93, 86);
        --t-search-icon: invert(100%) contrast(600%);
        --t-search-result-icon-bg: rgb(185, 183, 172);
        --t-search-results-label: rgb(255, 255, 255);
        --t-gl-search-bg: rgb(46, 45, 41);
        --t-gl-search-border: rgba(255, 255, 255, .12)
    }
}

.search {
    position: relative;
    height: 53px;
    overflow: visible
}

.search__close {
    display: none;
    text-decoration: none;
    padding: 16px;
    height: 48px
}

.search-wrapper {
    background-color: var(--t-gl-search-bg);
    border: 1px solid var(--t-gl-search-border);
    border-radius: 2px;
    transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out
}

.search--active .search-wrapper {
    box-shadow: 0 2px 4px #00000029, 0 0 4px #00000014;
    background-color: var(--t-search-bg-active);
    border-color: var(--t-search-border);
    position: relative;
    z-index: 2
}

.search__input--wrapper {
    display: flex
}

.search__icon {
    background: url(../img/search-sprite-mRGYS4ak.svg) no-repeat 8px -42px;
    background-size: 32px;
    width: 48px;
    flex-shrink: 0;
    filter: var(--t-search-icon)
}

.search__label {
    flex: 1 0 0
}

.search__input {
    display: none;
    height: 100%;
    width: calc(100% + 48px);
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 1.1;
    color: var(--t-search-text);
    background: transparent;
    border: 0;
    padding: 14px 48px;
    margin: 0 -48px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.search__input:focus::placeholder {
    opacity: 0
}

.search__input::-webkit-input-placeholder {
    color: var(--t-search-text);
    line-height: 21px;
    opacity: 1
}

.search__input::placeholder {
    color: var(--t-gl-search-text)
}

.search__input--loaded {
    display: inline
}

.search--active .search__input {
    color: var(--t-search-text-active)
}

.search__results {
    border-top: 1px solid var(--t-search-border);
    display: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.search__results-label {
    width: 100%;
    display: block;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: var(--t-search-results-label);
    letter-spacing: .3px;
    font-size: 12px;
    line-height: 24px;
    padding: 8px 12px
}

.search__results--open {
    display: block
}

.typeahead-suggestion {
    background-image: none;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    animation-name: fadeInTypeaheadAnimation;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

.typeahead-suggestion:nth-child(1) {
    animation-delay: .05s
}

.typeahead-suggestion:nth-child(2) {
    animation-delay: .1s
}

.typeahead-suggestion:nth-child(3) {
    animation-delay: .15s
}

.typeahead-suggestion:nth-child(4) {
    animation-delay: .2s
}

.typeahead-suggestion:nth-child(5) {
    animation-delay: .25s
}

.typeahead-suggestion:nth-child(6) {
    animation-delay: .3s
}

.typeahead-suggestion:nth-child(7) {
    animation-delay: .35s
}

.typeahead-suggestion:first-child {
    margin-top: 8px
}

.typeahead-suggestion:last-child {
    margin-bottom: 8px
}

.typeahead-suggestion:hover, .typeahead-suggestion:focus {
    background-color: var(--t-search-result-bg-hover)
}

.typeahead-suggestion:active {
    background-color: var(--t-search-result-bg-active)
}

.typeahead-suggestion.typeahead-suggestion--no-animation {
    animation-name: nullAnimation;
    animation-delay: 0s;
    animation-duration: .1s;
    animation-fill-mode: forwards;
    max-height: none
}

.search-result__link {
    display: block;
    width: 100%;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    text-align: left;
    color: var(--t-search-text-active);
    text-decoration: none;
    padding: 12px 24px 12px 48px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.search-result__link:hover, .search-result__link:focus, .search-result__link:active {
    color: var(--t-search-text-active)
}

.search-result__link:hover, .search-result__link:focus {
    background-color: var(--t-search-result-bg-hover)
}

.search-result__link:active {
    background-color: var(--t-search-result-bg-active)
}

.search-result__link strong {
    font-weight: 700;
    font-variation-settings: "wght" 700
}

.typeahead-suggestion .search-result__link:hover, .typeahead-suggestion .search-result__link:active, .typeahead-suggestion .search-result__link:focus {
    background-color: var(--t-search-result-bg-active)
}

.search-result__link--more:before, .search-result__link--audio:before, .search-result__link--video:before, .search-result__link--search:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 24px);
    left: 0;
    width: 48px;
    height: 48px;
    pointer-events: none;
    -webkit-mask: none no-repeat 50% 50%;
    mask: none no-repeat 50% 50%;
    -webkit-mask-size: 14px;
    mask-size: 14px
}

.search-result__link--more:before, .search-result__link--more:hover:before, .search-result__link--more:active:before, .search-result__link--more:focus:before, .search-result__link--audio:before, .search-result__link--audio:hover:before, .search-result__link--audio:active:before, .search-result__link--audio:focus:before, .search-result__link--video:before, .search-result__link--video:hover:before, .search-result__link--video:active:before, .search-result__link--video:focus:before, .search-result__link--search:before, .search-result__link--search:hover:before, .search-result__link--search:active:before, .search-result__link--search:focus:before {
    background-color: var(--t-search-result-icon-bg)
}

.search-result__link--border {
    position: relative;
    border-top: 1px solid var(--t-search-border)
}

.search-result__link--more:before {
    -webkit-mask-image: url(../img/search_icon_dark-Dbm4rVa_.svg);
    mask-image: url(../img/search_icon_dark-Dbm4rVa_.svg);
    -webkit-mask-size: 16px;
    mask-size: 16px
}

.search-result__link--audio:before {
    -webkit-mask-image: url(../img/audio_icon_tiny-CIQjlGPa.svg);
    mask-image: url(../img/audio_icon_tiny-CIQjlGPa.svg)
}

.search-result__link--video:before {
    -webkit-mask-image: url(../img/video_icon_tiny-BDqgt9bZ.svg);
    mask-image: url(../img/video_icon_tiny-BDqgt9bZ.svg)
}

.search-result__link--search:before {
    -webkit-mask-image: url(../img/search_icon_dark-Dbm4rVa_.svg);
    mask-image: url(../img/search_icon_dark-Dbm4rVa_.svg)
}

.search-result__link--more {
    position: relative;
    margin-bottom: 8px;
    border-top: 1px solid var(--t-search-border);
    padding: 16px 16px 16px 48px
}

.typeahead-suggestion--highlighted a {
    background-color: var(--t-search-result-bg-hover)
}

.horizontal-separator {
    --t-horizontal-separator: rgb(235, 235, 229)
}

@media (prefers-color-scheme: dark) {
    .horizontal-separator {
        --t-horizontal-separator: rgba(255, 255, 255, .12)
    }
}

.horizontal-separator {
    margin: 24px -24px 20px;
    height: 1px;
    border: 0;
    background: var(--t-horizontal-separator) 50% 0 no-repeat
}

@media (min-width: 720px) {
    .horizontal-separator {
        margin-top: 32px;
        margin-bottom: 24px
    }
}

.horizontal-separator--sharing-bar {
    position: relative;
    top: 20px;
    margin: 0
}

.horizontal-separator--no-margins {
    margin: 0
}

.vertical-separator {
    --t-vertical-separator: rgb(235, 235, 229)
}

@media (prefers-color-scheme: dark) {
    .vertical-separator {
        --t-vertical-separator: rgba(255, 255, 255, .12)
    }
}

.vertical-separator {
    border-left: 1px solid var(--t-vertical-separator)
}

.vertical-separator--with-margin {
    margin-left: 6px;
    margin-right: 6px
}

@media (min-width: 720px) {
    .vertical-separator--with-margin {
        margin-left: 9px;
        margin-right: 9px
    }
}

.infoline {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.25;
    color: #6b6960;
    margin: 8px 0;
    padding: 0
}

.infoline--nospacing {
    margin: 0
}

.infoline__source {
    text-transform: uppercase
}

.list--audio {
    list-style-type: none;
    counter-reset: item;
    padding: 0;
    margin: 0
}

@media (max-width: 719px) {
    .list--audio {
        margin: 8px 0 20px
    }
}

.list--audio li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .list--audio li {
        margin: 8px 0
    }
}

.list--audio > li:before {
    position: absolute;
    left: 2px;
    top: 11px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--t-text-list, rgb(201, 16, 36));
    content: " "
}

.list--audio > li {
    padding-left: 16px;
    margin: 4px 0
}

.list--audio > li:first-child {
    margin-top: 0
}

.list--audio > li:before {
    top: 8px
}

.person-details {
    --t-person-details-name: rgb(34, 33, 29);
    --t-person-details-function: rgb(107, 105, 96)
}

@media (prefers-color-scheme: dark) {
    .person-details {
        --t-person-details-name: rgb(255, 255, 255);
        --t-person-details-function: rgb(185, 183, 172)
    }
}

.person-details {
    flex: 1 1 auto;
    align-self: center;
    display: flex;
    flex-direction: column
}

.person-details__name, .person-details__function {
    margin: 0;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 1.25;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.person-details__name {
    font-size: 14px;
    letter-spacing: .4px;
    color: var(--t-person-details-name)
}

.person-details__function {
    font-size: 12px;
    letter-spacing: .4px;
    color: var(--t-person-details-function)
}

.teaser-info {
    --t-teaser-info: rgb(107, 105, 96);
    --t-teaser-info-visited: rgb(26, 122, 197);
    --t-teaser-info-live-or-updated: rgb(227, 31, 43);
    --t-teaser-info-media-info: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .teaser-info {
        --t-teaser-info: rgb(185, 183, 172);
        --t-teaser-info-visited: rgb(66, 163, 241);
        --t-teaser-info-live-or-updated: rgb(255, 102, 105);
        --t-teaser-info-media-info: rgb(185, 183, 172)
    }
}

.teaser-info {
    --teaser-info-media-duration-display: var(--fec-teaser-info-media-duration-display, none);
    display: inline-block;
    position: relative;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    white-space: nowrap;
    line-height: 1.35;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    color: var(--teaser-color-status-text, var(--t-teaser-info-media-info))
}

.teaser-info strong {
    font-weight: 500;
    font-variation-settings: "wght" 500
}

.teaser-info:before {
    position: relative;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 6px;
    height: 14px;
    width: 14px
}

.teaser-info:not(:last-child) {
    margin-right: 18px
}

.teaser-info:not(:last-child):after {
    content: "";
    position: absolute;
    bottom: calc(.5em + 1px);
    right: -10px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info__media-duration {
    display: var(--teaser-info-media-duration-display)
}

.teaser-info--permanent-date, .teaser-info--absolute-date, .teaser-info--new-with-absolute-date {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--new {
    color: var(--teaser-color-status-text, var(--t-teaser-info-live-or-updated))
}

.teaser-info--visited {
    color: var(--teaser-color-status-text, var(--t-teaser-info-visited))
}

.teaser-info--visited:before {
    content: "";
    -webkit-mask: url(../img/checkmark-circled-thicc-gx0sR3Su.svg) no-repeat 50% 50%;
    mask: url(../img/checkmark-circled-thicc-gx0sR3Su.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info-visited))
}

.teaser-info--with-updates {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--with-updates:before {
    content: "";
    -webkit-mask: url(../img/retry_grey-BUpFsRwP.svg) no-repeat 50% 50%;
    mask: url(../img/retry_grey-BUpFsRwP.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--with-recent-updates {
    color: var(--teaser-color-status-text, var(--t-teaser-info-live-or-updated))
}

.teaser-info--with-recent-updates:before {
    content: "";
    -webkit-mask: url(../img/retry_red-ddWDxR6F.svg) no-repeat 50% 50%;
    mask: url(../img/retry_red-ddWDxR6F.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info-live-or-updated))
}

.teaser-info--with-absolute-date {
    --teaser-color-status-text: var(--t-teaser-info)
}

.teaser-info--video {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--video:before {
    content: "";
    -webkit-mask: url(../img/play-video-circle-grey-tiny-G1RccIFa.svg) no-repeat 50% 50%;
    mask: url(../img/play-video-circle-grey-tiny-G1RccIFa.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--audio {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--audio:before {
    content: "";
    -webkit-mask: url(../img/play-audio-grey-tiny-BtMrW2Xq.svg) no-repeat 50% 50%;
    mask: url(../img/play-audio-grey-tiny-BtMrW2Xq.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--image {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--image:before {
    content: "";
    -webkit-mask: url(../img/image-gallery-grey-tiny-BicaCPti.svg) no-repeat 50% 50%;
    mask: url(../img/image-gallery-grey-tiny-BicaCPti.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--media-caption {
    white-space: normal;
    color: var(--teaser-color-status-text, var(--t-teaser-info-media-info))
}

.teaser-info--pre-live {
    color: var(--teaser-color-status-text, var(--t-teaser-info-media-info))
}

.teaser-info--live {
    color: var(--teaser-color-status-text, var(--t-teaser-info-live-or-updated))
}

.teaser-info--fading {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: var(--t-teaser-info)
}

.teaser-info--uppercase {
    text-transform: capitalize
}

.teaser-label {
    --t-teaser-label-kultur-bg: rgb(185, 29, 118);
    --t-teaser-label-news-bg: rgb(227, 31, 43)
}

@media (prefers-color-scheme: dark) {
    .teaser-label {
        --t-teaser-label-kultur-bg: rgb(140, 29, 96);
        --t-teaser-label-news-bg: rgb(175, 0, 30)
    }
}

.teaser-label {
    --teaser-label-font-size: var(--fec-teaser-label-font-size, 16px);
    display: flex;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: var(--teaser-label-font-size);
    line-height: 1.5;
    text-transform: uppercase
}

.teaser-label__box {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: var(--fec-teaser-label-padding, 1px 6px 1px 8px)
}

.teaser-label__box ~ .teaser-label__box {
    margin-left: 1px
}

.teaser-label__icon {
    margin-right: calc(var(--teaser-label-font-size) / 2)
}

.teaser-label--small {
    --teaser-label-font-size: 12px
}

@media (max-width: 719px) {
    .teaser-label--small-on-mobile {
        --teaser-label-font-size: 12px
    }
}

.teaser-label--live .teaser-label__icon {
    --css-icon-color: rgb(255, 255, 255)
}

.teaser-label--live:not(.teaser-label--no-animation) {
    isolation: isolate;
    z-index: 1;
    contain: content;
    transform: translateZ(0);
    backface-visibility: hidden
}

.teaser-label--live:not(.teaser-label--no-animation) .teaser-label__box {
    position: relative;
    color: #fff
}

.teaser-label--live:not(.teaser-label--no-animation) .teaser-label__box:before, .teaser-label--live:not(.teaser-label--no-animation) .teaser-label__box:after {
    content: "";
    position: absolute;
    inset: 0
}

.teaser-label--live:not(.teaser-label--no-animation) .teaser-label__box:before {
    z-index: -2;
    background-color: #e31f2b
}

.teaser-label--live:not(.teaser-label--no-animation) .teaser-label__box:after {
    z-index: -1;
    opacity: 0;
    background-color: #af001e;
    animation: pulsatingOpacityAnimation 2.4s infinite ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .teaser-label--live:not(.teaser-label--no-animation) .teaser-label__box:after {
        animation: none
    }
}

.teaser-label--live:not(.teaser-label--no-animation) .teaser-label__box--time {
    display: none
}

.teaser-label--liveticker .teaser-label__box, .teaser-label--kultur .teaser-label__box, .teaser-label--meteo .teaser-label__box, .teaser-label--news .teaser-label__box {
    color: #fff
}

.teaser-label--liveticker:is(.teaser-label--live) .teaser-label__box--time, .teaser-label--kultur .teaser-label__box--time, .teaser-label--meteo .teaser-label__box--time, .teaser-label--news .teaser-label__box--time {
    display: none
}

.teaser-label--liveticker .teaser-label__box, .teaser-label--news .teaser-label__box {
    background-color: var(--t-teaser-label-news-bg)
}

.teaser-label--kultur .teaser-label__box {
    background-color: var(--t-teaser-label-kultur-bg)
}

.teaser-label--meteo .teaser-label__box {
    background-color: #0b5fa1
}

.teaser-label--pre .teaser-label__box {
    background-color: #fffc;
    color: #4e4d47;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.teaser-label--pre.teaser-label--liveticker .teaser-label__icon, .teaser-label--hide-pre.teaser-label--pre {
    display: none
}

@media (max-width: 719px) {
    .teaser-label--hide-pre-on-mobile.teaser-label--pre {
        display: none
    }
}

.text-list {
    margin: 12px 0 24px;
    list-style-type: none;
    counter-reset: item;
    padding: 0
}

@media (max-width: 719px) {
    .text-list {
        margin: 8px 0 20px
    }
}

.text-list li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .text-list li {
        margin: 8px 0
    }
}

.text-list--unordered > li:before {
    position: absolute;
    left: 2px;
    top: 11px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--t-text-list, rgb(201, 16, 36));
    content: " "
}

.text-list--ordered > li {
    padding-left: 2em
}

.text-list--ordered > li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    content: counter(item) ".";
    color: var(--t-text-list, rgb(201, 16, 36));
    counter-increment: item
}

.container-wrapper {
    --t-container-wrapper-audio-bg: rgb(255, 255, 255);
    --t-container-wrapper-border: rgba(0, 0, 0, .08)
}

@media (prefers-color-scheme: dark) {
    .container-wrapper {
        --t-container-wrapper-audio-bg: rgb(20, 20, 17);
        --t-container-wrapper-border: rgba(255, 255, 255, .12)
    }
}

.container-wrapper {
    padding-top: 16px
}

@media (min-width: 720px) {
    .container-wrapper {
        padding-top: 32px
    }
}

@media (min-width: 1280px) {
    .container-wrapper {
        padding-top: 40px
    }
}

.container-wrapper--border-bottom {
    border-bottom: 1px solid var(--t-container-wrapper-border)
}

.container-wrapper--audio {
    background-color: var(--t-container-wrapper-audio-bg)
}

@media (max-width: 719px) {
    .container-wrapper--large-padding-on-mobile {
        padding-top: 24px
    }
}

.container-wrapper--collection {
    padding-bottom: 16px
}

@media (min-width: 720px) {
    .container-wrapper--collection {
        padding-bottom: 32px
    }
}

@media (min-width: 1280px) {
    .container-wrapper--collection {
        padding-bottom: 40px
    }
}

.player-wrapper--audio {
    flex: 0 0 100%;
    height: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;
    transition: height 375ms cubic-bezier(.4, 0, .2, 1)
}

.player-wrapper--audio iframe {
    height: calc(100% - 16px);
    margin: 8px 0
}

.player-wrapper--audio.player-wrapper--open {
    height: 42px
}

.player-wrapper--tme-audio {
    height: 100%
}

.player-wrapper--tme-audio .player-wrapper__player-container {
    position: absolute;
    height: 100%;
    width: 100%
}

.ratio:before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0
}

.ratio:after {
    content: "";
    display: table;
    clear: both
}

.ratio--16-9:before {
    padding-top: 56.25%
}

.ratio--9-16:before {
    padding-top: 177.7777777778%
}

.ratio--4-3:before {
    padding-top: 75%
}

.ratio--4-5:before {
    padding-top: 125%
}

.ratio--3-1:before {
    padding-top: 33.3333333333%
}

.ratio--1-1:before {
    padding-top: 100%
}

@media (max-width: 719px) {
    .ratio--4-5-on-mobile:before {
        padding-top: 125%
    }
}

@media (min-width: 720px) {
    .ratio--16-9-on-tablet-up:before {
        padding-top: 56.25%
    }
}

.shimmer-box {
    display: none;
    margin: 36px 0;
    padding: 0
}

.shimmer-box--visible {
    display: block
}

.shimmer-box--content-width {
    width: auto;
    padding: 0
}

@media (min-width: 720px)and (max-width: 1023px) {
    .shimmer-box--content-width {
        width: 705px
    }
}

@media (min-width: 720px) {
    .shimmer-box--content-width {
        width: 714px
    }
}

@media (min-width: 1280px) {
    .shimmer-box--content-width {
        width: 892px
    }
}

.modal {
    --t-modal-bg: rgb(254, 254, 253);
    --t-modal-bottom-bg: rgb(254, 254, 253);
    --t-modal: rgb(34, 33, 29);
    --t-gl-search-bg: rgb(254, 254, 253);
    --t-gl-search-text: rgb(107, 105, 96);
    --t-gl-search-border: rgba(0, 0, 0, .2);
    --t-gl-h-icon-invert: none;
    --t-gl-nav-group-open-item-color: rgb(78, 77, 71)
}

@media (prefers-color-scheme: dark) {
    .modal {
        --t-modal-bg: rgb(34, 33, 29);
        --t-modal-bottom-bg: rgb(56, 55, 50);
        --t-modal: rgb(255, 255, 255);
        --t-gl-search-bg: rgb(46, 45, 41);
        --t-gl-search-text: rgb(218, 218, 210);
        --t-gl-search-border: rgba(255, 255, 255, .12);
        --t-gl-h-icon-invert: none;
        --t-gl-nav-group-open-item-color: rgb(255, 255, 255)
    }
}

.modal.modal--theme-dark {
    --t-modal-bg: rgb(17, 17, 17);
    --t-gl-search-bg: rgba(0, 0, 0, .2);
    --t-gl-search-text: rgb(255, 255, 255);
    --t-gl-search-border: rgba(255, 255, 255, .4);
    --t-gl-h-icon-invert: invert(100%) contrast(600%);
    --t-gl-nav-group-open-item-color: rgb(255, 255, 255)
}

@media (prefers-color-scheme: dark) {
    .modal.modal--theme-dark {
        --t-modal-bg: rgb(0, 0, 0);
        --t-gl-search-bg: rgb(46, 45, 41);
        --t-gl-search-text: rgb(218, 218, 210);
        --t-gl-search-border: rgba(255, 255, 255, .12);
        --t-gl-h-icon-invert: none;
        --t-gl-nav-group-open-item-color: rgb(255, 255, 255)
    }
}

.modal {
    --theme-hoverable-after-opacity: .6
}

.modal.modal--theme-dark {
    --theme-hoverable-after-opacity: .684;
    --t-svg-icon-themed: rgb(255, 255, 255)
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 100
}

.modal__main-wrapper {
    background-color: var(--t-modal-bg);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014;
    z-index: 100;
    overscroll-behavior: contain
}

@media (max-width: 719px) {
    .modal__main-wrapper:after {
        background-color: var(--t-modal-bg);
        z-index: -1;
        position: fixed;
        bottom: -200px;
        left: 0;
        height: auto;
        width: 100%;
        content: ""
    }
}

@media (max-width: 1023px) {
    .modal__main-wrapper {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.modal__main-wrapper--no-bg {
    background: #fff
}

.modal__head, .modal__content-wrapper {
    max-width: 1232px;
    margin: 0 auto;
    padding: 0 16px
}

@media (min-width: 720px) {
    .modal__head, .modal__content-wrapper {
        max-width: 1264px;
        padding: 0 32px
    }
}

@media (min-width: 1024px) {
    .modal__head, .modal__content-wrapper {
        max-width: 1280px
    }
}

@media (min-width: 1280px) {
    .modal__head, .modal__content-wrapper {
        padding: 0 40px
    }
}

@media (max-width: 719px) {
    .modal__content-wrapper--no-spacing {
        max-width: 1200px;
        padding: 0
    }
}

@media (min-width: 720px) {
    .modal__content-wrapper--no-spacing {
        max-width: 100%;
        padding: 0
    }
}

.modal__head {
    display: flex;
    justify-content: flex-end
}

.modal__head .icon-button {
    padding: 12px
}

@media (max-width: 719px) {
    .modal__head {
        padding: 0
    }
}

.modal__content-title {
    margin: 0 0 16px;
    font-size: 20px;
    color: var(--t-modal)
}

@media (max-width: 719px) {
    .modal__content-title {
        font-size: 16px
    }
}

.modal__content-text {
    font-size: 16px;
    margin: 0 0 16px;
    color: var(--t-modal)
}

@media (max-width: 719px) {
    .modal__content-text {
        font-size: 14px
    }
}

.modal__content-link {
    border-bottom: 1px solid var(--t-a-underline, rgb(201, 16, 36));
    font-size: 16px
}

.modal__content-link:hover {
    border-bottom: 1px solid var(--t-a-underline-hover, rgb(201, 16, 36))
}

.modal__content-link:active {
    border-bottom: 1px solid var(--t-a-underline-active, rgb(201, 16, 36))
}

@media (max-width: 719px) {
    .modal__content-link {
        font-size: 14px
    }
}

.modal__overlay {
    position: fixed;
    inset: 0;
    animation: fadeToGreyAnimation .2s ease-in-out forwards
}

.modal--open {
    display: block
}

.modal--allow-overflow .modal__main-wrapper {
    overflow: visible
}

.modal--no-overlay {
    height: auto
}

.modal--no-overlay .modal__overlay {
    display: none
}

.modal--no-overlay .modal__main-wrapper:after {
    display: none
}

.modal--bottom .modal__main-wrapper {
    top: auto;
    bottom: 0;
    overflow-y: auto;
    background-color: var(--t-modal-bottom-bg)
}

@media (max-width: 719px) {
    .modal--bottom .modal__main-wrapper:after {
        background-color: var(--t-modal-bottom-bg)
    }
}

.modal--bottom .modal__main-content {
    padding-bottom: 24px
}

@media (min-width: 720px) {
    .modal--bottom .modal__main-content {
        padding-bottom: 32px
    }
}

@media (min-width: 1280px) {
    .modal--bottom .modal__main-content {
        padding-bottom: 40px
    }
}

.modal-flyout {
    --t-modal-flyout: rgb(34, 33, 29);
    --t-modal-flyout-bg: rgb(254, 254, 253)
}

@media (prefers-color-scheme: dark) {
    .modal-flyout {
        --t-modal-flyout: rgb(255, 255, 255);
        --t-modal-flyout-bg: rgb(56, 55, 50)
    }
}

.modal-flyout {
    display: none;
    position: absolute;
    width: 372px;
    border-radius: 2px;
    box-shadow: 0 8px 16px #00000029, 0 0 16px #00000014;
    background-color: var(--t-modal-flyout-bg);
    z-index: 100;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .modal-flyout {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-height: 100vh;
        overflow-x: scroll
    }
}

.modal-flyout--dark {
    --t-modal-flyout: rgb(255, 255, 255);
    --t-modal-flyout-bg: rgb(56, 55, 50)
}

.modal-flyout--open {
    display: block
}

@media (min-width: 720px) {
    .modal-flyout--right-aligned {
        right: 0
    }
}

@media (min-width: 720px) {
    .modal-flyout--top-space {
        margin-top: 24px
    }
}

.modal-flyout--in-content {
    z-index: 101
}

.modal-flyout--dynamic-width {
    width: auto
}

.modal-flyout__overlay {
    position: fixed;
    inset: 0;
    z-index: -1
}

@media (max-width: 719px) {
    .modal-flyout__overlay {
        background-color: #0000001f
    }
}

.modal-flyout__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 0 24px;
    background-color: var(--t-modal-flyout-bg);
    min-height: 32px
}

.modal-flyout__title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    padding: 18px 0 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 18px;
    letter-spacing: .4px;
    line-height: 1.25;
    color: var(--t-modal-flyout)
}

.modal-flyout__content {
    background-color: var(--t-modal-flyout-bg)
}

@media (max-width: 719px) {
    .modal-flyout__content {
        padding: 0 0 56px
    }
}

.modal-flyout__content-text {
    padding: 0 16px;
    color: var(--t-modal-flyout)
}

.modal-flyout__buttons {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto
}

.swipeable-area {
    --t-swipeable-area-button-background: rgb(255, 255, 255);
    --t-swipeable-area-button-separator: rgba(0, 0, 0, .08);
    --t-swipeable-area-mask-bg-rgb: 245, 245, 242
}

@media (prefers-color-scheme: dark) {
    .swipeable-area {
        --t-swipeable-area-button-background: rgb(78, 77, 71);
        --t-swipeable-area-button-separator: rgba(255, 255, 255, .08);
        --t-swipeable-area-mask-bg-rgb: 20, 20, 17
    }
}

.swipeable-area {
    position: relative;
    overflow: hidden
}

@media (min-width: 1024px) {
    .swipeable-area {
        margin: 0 -88px
    }

    .swipeable-area:hover .swipeable-area__button-container:not(.swipeable-area__button-container--hidden) {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 1280px) {
    .swipeable-area {
        margin: 0 -80px
    }
}

.swipeable-area__wrapper {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
    scrollbar-width: none;
    scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth
}

.swipeable-area__wrapper::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

@media screen and (prefers-reduced-motion: reduce) {
    .swipeable-area__wrapper {
        scroll-behavior: auto
    }
}

@media (min-width: 1024px) {
    .swipeable-area__wrapper {
        scroll-padding: 120px
    }
}

.swipeable-area__item {
    scroll-snap-align: center;
    scroll-snap-stop: always
}

@media (min-width: 1024px) {
    .swipeable-area__item {
        scroll-snap-align: start;
        scroll-snap-stop: normal
    }
}

.swipeable-area__mask {
    display: none;
    position: absolute;
    top: -1px;
    width: 120px;
    height: 100%
}

@media (min-width: 1024px) {
    .swipeable-area__mask {
        display: block;
        cursor: pointer
    }
}

.swipeable-area__mask.swipeable-area__mask--hidden {
    display: none
}

.swipeable-area__mask--left {
    left: 0;
    background: linear-gradient(to right, rgba(var(--themed-background-color-rgb, var(--branded-background-color-rgb, var(--t-swipeable-area-mask-bg-rgb))), 1), rgba(var(--themed-background-color-rgb, var(--branded-background-color-rgb, var(--t-swipeable-area-mask-bg-rgb))), .7))
}

.swipeable-area__mask--right {
    z-index: 0;
    right: 0;
    background: linear-gradient(to right, rgba(var(--themed-background-color-rgb, var(--branded-background-color-rgb, var(--t-swipeable-area-mask-bg-rgb))), .7), rgba(var(--themed-background-color-rgb, var(--branded-background-color-rgb, var(--t-swipeable-area-mask-bg-rgb))), 1))
}

.swipeable-area__button-container {
    position: absolute;
    display: flex;
    visibility: hidden;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .2s ease-in-out;
    top: calc((100% - 32px) / 2);
    right: 88px
}

@media (min-width: 1280px) {
    .swipeable-area__button-container {
        top: calc((100% - 40px) / 2);
        right: 80px
    }
}

.swipeable-area__button.swipeable-area__button {
    position: absolute;
    box-shadow: none;
    transition: opacity .2s ease-in-out, box-shadow .2s ease-in-out;
    cursor: pointer;
    margin: 0;
    padding: 4px;
    min-height: 32px
}

.swipeable-area__button.swipeable-area__button, .swipeable-area__button.swipeable-area__button:hover, .swipeable-area__button.swipeable-area__button:active {
    opacity: 1;
    background-color: var(--t-swipeable-area-button-background)
}

.swipeable-area__button.swipeable-area__button:hover, .swipeable-area__button.swipeable-area__button:active {
    box-shadow: 0 6px 12px #00000029, 0 0 12px #00000014;
    z-index: 1
}

@media (min-width: 1280px) {
    .swipeable-area__button.swipeable-area__button {
        padding: 8px
    }
}

@media (max-width: 1023px) {
    .swipeable-area__button.swipeable-area__button {
        display: none
    }
}

.swipeable-area__button.swipeable-area__button:before {
    content: "";
    display: block;
    position: absolute;
    top: -24px;
    width: calc(100% + 16px);
    height: calc(100% + 48px);
    cursor: pointer
}

.swipeable-area__button.swipeable-area__button--left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid var(--t-swipeable-area-button-separator);
    left: -1px
}

.swipeable-area__button.swipeable-area__button--left:before {
    right: 0;
    left: unset
}

.swipeable-area__button.swipeable-area__button--right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    right: 0
}

.swipeable-area__button.swipeable-area__button--right:before {
    left: 0
}

.swipeable-area__button.swipeable-area__button--inactive {
    pointer-events: none;
    opacity: .4;
    cursor: default
}

.swipeable-area__button.swipeable-area__button--inactive:before {
    display: none
}

.swipeable-area__button-shadow {
    box-shadow: 0 3px 6px #00000029, 0 0 6px #00000014;
    transition: box-shadow .2s ease-in-out;
    height: 32px;
    width: 32px
}

@media (min-width: 1280px) {
    .swipeable-area__button-shadow {
        height: 40px;
        width: 40px
    }
}

.swipeable-area__button--left.swipeable-area__button--inactive ~ .swipeable-area__button-shadow--left {
    box-shadow: none
}

.swipeable-area__button--right.swipeable-area__button--inactive ~ .swipeable-area__button-shadow--right {
    box-shadow: none
}

.linkbox {
    --t-linkbox-title: rgb(34, 33, 29);
    --t-linkbox-title-materialbox: rgb(107, 105, 96);
    --t-linkbox-border: rgb(235, 235, 229);
    --t-linkbox-bg-hover: rgb(250, 250, 248);
    --t-linkbox-bg-active: rgb(245, 245, 242)
}

@media (prefers-color-scheme: dark) {
    .linkbox {
        --t-linkbox-title: rgb(250, 250, 248);
        --t-linkbox-title-materialbox: rgb(250, 250, 248);
        --t-linkbox-border: rgba(255, 255, 255, .12);
        --t-linkbox-bg-hover: rgba(255, 255, 255, .08);
        --t-linkbox-bg-active: rgba(255, 255, 255, .12)
    }
}

.linkbox {
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.linkbox--episode-part {
    margin: 0
}

.linkbox--episode-part .linkbox__list > li {
    margin-left: 0;
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.linkbox--episode-part .linkbox__list > li:last-child {
    border-bottom: none
}

.linkbox--episode-part .linkbox__list > li:active, .linkbox--episode-part .linkbox__list > li:hover, .linkbox--episode-part .linkbox__list > li:focus {
    background-color: #f5f5f2;
    margin-left: -24px
}

.linkbox--episode-part .linkbox__list > li:active {
    background-color: #ebebe5
}

.linkbox--author-profile {
    color: var(--t-linkbox-title)
}

.linkbox--author-profile .linkbox__list > li {
    margin-left: 0
}

.linkbox--author-profile .linkbox__list > li:hover, .linkbox--author-profile .linkbox__list > li:focus, .linkbox--author-profile .linkbox__list > li:active {
    margin-left: -20px
}

.linkbox__title {
    margin: 0 0 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 20px;
    letter-spacing: .2px;
    line-height: 1.25;
    padding: 0
}

@media (max-width: 719px) {
    .linkbox__title {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.linkbox__list {
    padding: 0;
    margin: 0
}

.linkbox__list > li {
    margin: 0 0 0 24px;
    padding: 0;
    border-top: 1px solid var(--t-linkbox-border)
}

.linkbox__list > li:hover, .linkbox__list > li:focus {
    background-color: var(--t-linkbox-bg-hover)
}

.linkbox__list > li:active {
    background-color: var(--t-linkbox-bg-active)
}

.linkbox__list > li:hover, .linkbox__list > li:focus, .linkbox__list > li:active {
    border-color: transparent;
    margin-left: 0;
    padding-left: 24px
}

.linkbox__list > li:hover + li, .linkbox__list > li:focus + li, .linkbox__list > li:active + li {
    border-top-color: transparent
}

.linkbox__list > li:last-child {
    border-bottom: 1px solid var(--t-linkbox-border)
}

.linkbox__list > li:last-child:hover, .linkbox__list > li:last-child:focus, .linkbox__list > li:last-child:active {
    border-bottom-color: transparent
}

.linkbox--related {
    margin: 32px 16px 16px 0
}

@media (min-width: 720px) {
    .linkbox--related {
        margin: 32px 0 24px;
        padding-right: 0
    }
}

.linkbox--related .linkbox__list > li {
    margin-left: 0;
    padding-left: 0
}

.linkbox--related .linkbox__title, .linkbox--materialbox .linkbox__title {
    font-size: 14px;
    letter-spacing: .4px;
    margin: 0 0 8px;
    padding: 0;
    color: var(--t-linkbox-title-materialbox);
    font-weight: 400;
    font-variation-settings: "wght" 400
}

.linkbox--materialbox {
    padding-block: 32px 24px
}

.linkbox--materialbox .linkbox__title {
    margin-left: 24px
}

.linkbox--indented {
    margin-left: -24px;
    margin-right: -24px;
    margin-top: 16px
}

@media (min-width: 720px)and (max-width: 1023px) {
    .linkbox--indented {
        margin-right: -32px
    }
}

@media (min-width: 1024px) {
    .linkbox--indented {
        margin-top: 32px;
        margin-right: 0
    }
}

.linkbox.no-swear {
    margin: 40px 0
}

@media (max-width: 719px) {
    .linkbox.no-swear {
        margin: 32px 0;
        position: inherit;
        padding: 0
    }
}

.linkbox.no-swear .linkbox__list {
    margin-left: 0
}

.medium {
    --t-medium-bg: rgb(245, 245, 242);
    --t-medium-bg-hover: rgb(235, 235, 229);
    --t-medium-bg-active: rgb(56, 55, 50);
    --t-medium-object-bg: rgb(0, 0, 0);
    --t-medium-notice: rgb(250, 250, 248);
    --t-medium-notice-bg: rgb(34, 34, 34);
    --t-media-video-gallery-bg-hover: rgb(255, 255, 255);
    --t-media-video-gallery-caption-bg-hover: rgb(250, 250, 248);
    --t-medium-caption-link: rgb(34, 33, 29);
    --t-medium-kicker: rgb(201, 16, 36);
    --t-medium-related-items-video: rgb(250, 250, 248);
    --t-medium-lead: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .medium {
        --t-medium-bg: rgb(56, 55, 50);
        --t-medium-bg-hover: rgb(69, 68, 61);
        --t-medium-bg-active: rgb(20, 20, 17);
        --t-medium-object-bg: rgb(0, 0, 0);
        --t-medium-notice: rgb(185, 183, 172);
        --t-medium-notice-bg: rgb(20, 20, 17);
        --t-media-video-gallery-bg-hover: rgb(34, 33, 29);
        --t-media-video-gallery-caption-bg-hover: rgb(34, 34, 34);
        --t-medium-caption-link: rgb(245, 245, 242);
        --t-medium-kicker: rgb(255, 102, 105);
        --t-medium-related-items-video: rgb(56, 55, 50);
        --t-medium-lead: rgb(250, 250, 248)
    }
}

.medium {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 32px 0;
    background-color: var(--t-medium-bg);
    flex-wrap: wrap
}

@media (max-width: 719px) {
    .medium {
        margin: 24px 0
    }
}

.medium:hover {
    background-color: var(--t-medium-bg-hover);
    cursor: pointer
}

.medium--no-hover:hover {
    background-color: var(--t-medium-bg);
    cursor: initial
}

.medium__wrapper {
    display: flex;
    align-items: flex-start
}

.medium__object {
    position: relative;
    flex-shrink: 0;
    width: 196px;
    background-color: var(--t-medium-object-bg)
}

@media (max-width: 719px) {
    .medium__object {
        margin: 16px 0 16px 24px;
        width: 92px
    }
}

.medium__notice {
    background: var(--t-medium-notice-bg);
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.35;
    color: var(--t-medium-notice)
}

.medium__notice-text {
    display: block;
    padding: 4px 8px
}

@media (min-width: 720px) {
    .medium__notice-text {
        padding: 8px 12px
    }
}

.medium__caption {
    flex: 1 1 0
}

.medium__caption--link {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

.medium__caption--link, .medium__caption--link:hover, .medium__caption--link:active, .medium__caption--link:focus {
    color: var(--t-medium-caption-link)
}

.medium__player-wrapper {
    position: relative;
    flex: 0 0 100%;
    background-color: #000
}

.medium__description {
    display: none;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.25;
    margin: 0
}

@media (min-width: 720px) {
    .medium__description {
        display: block
    }
}

.medium--fullwidth-element, .medium--vertical {
    flex-direction: column
}

.medium--fullwidth-element .medium__object, .medium--vertical .medium__object {
    height: auto;
    width: 100%
}

@media (max-width: 719px) {
    .medium--fullwidth-element .medium__object, .medium--vertical .medium__object {
        margin: 0
    }
}

.medium--fullwidth-element.medium--video-gallery .medium__notice-text, .medium--vertical.medium--video-gallery .medium__notice-text {
    padding: 8px 12px
}

.medium--fullwidth-element .medium__caption, .medium--vertical .medium__caption {
    display: block;
    width: 100%;
    flex-basis: auto;
    opacity: 1;
    min-height: auto
}

.medium--fullwidth-element .media-still__indicator, .medium--vertical .media-still__indicator {
    display: block
}

.medium--fullwidth-element .media-caption--audio, .medium--vertical .media-caption--audio {
    padding: 12px 24px
}

.medium--fullwidth-element.medium--fullwidth-element {
    margin: 0
}

.medium--fullwidth-element.medium--fullwidth-element .medium__object {
    background-color: var(--t-medium-object-bg)
}

.medium--fullwidth-element.medium--fullwidth-element .media-still, .medium--fullwidth-element.medium--fullwidth-element .media-caption, .medium--fullwidth-element.medium--fullwidth-element .medium__notice-text {
    max-width: 1023px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .medium--fullwidth-element.medium--fullwidth-element .media-still, .medium--fullwidth-element.medium--fullwidth-element .media-caption, .medium--fullwidth-element.medium--fullwidth-element .medium__notice-text {
        max-width: 728px
    }
}

.medium--fullwidth-element.medium--fullwidth-element .media-still__image, .medium--fullwidth-element.medium--fullwidth-element .image-figure__image {
    opacity: 1;
    transition: opacity .2s ease-in-out;
    height: auto;
    padding-top: 0
}

.medium--fullwidth-element.medium--fullwidth-element .medium__notice-text {
    padding: 8px 24px
}

.medium--compact {
    margin-top: 0;
    margin-bottom: 0
}

.medium--compact .medium__player-wrapper {
    display: none
}

.medium--related-items {
    display: grid;
    grid-template-columns:min-content auto;
    grid-template-rows:auto auto;
    background-color: transparent;
    margin: 0;
    padding: 16px 0
}

.medium--related-items:hover {
    background-color: transparent
}

@media (max-width: 719px) {
    .medium--related-items {
        margin-left: -24px;
        padding-left: 24px
    }
}

.medium--related-items .medium__object {
    grid-area: 1/1/3/2
}

@media (max-width: 719px) {
    .medium--related-items .medium__object {
        margin: 0 12px 0 0;
        grid-area: 1/1/2/2
    }
}

@media (min-width: 720px) {
    .medium--related-items .medium__object {
        width: 163px
    }
}

.medium--related-items .medium__notice-text {
    padding: 4px 8px
}

@media (min-width: 720px) {
    .medium--related-items .medium__notice-text {
        padding: 8px 12px
    }
}

.medium--related-items .medium__player-wrapper {
    margin: 16px 0 -16px -24px;
    grid-area: 2/1/3/3
}

@media (min-width: 720px) {
    .medium--related-items .medium__player-wrapper {
        grid-area: 3/1/3/3
    }
}

.medium--related-items .medium__lead {
    margin-top: 16px;
    padding: 0 16px;
    grid-area: 2/2/3/3;
    font-size: 16px;
    line-height: 1.35;
    color: var(--t-medium-lead)
}

@media (max-width: 719px) {
    .medium--related-items .medium__lead {
        margin-top: 8px;
        padding: 0;
        grid-area: 2/1/3/3
    }
}

.medium--audio-gallery {
    margin: 0
}

@media (min-width: 720px) {
    .medium--audio-gallery {
        padding: 16px 0 16px 60px
    }
}

@media (min-width: 720px) {
    .medium--audio-gallery .media-caption {
        margin: -12px 0
    }
}

.medium--audio-gallery .medium__object {
    width: 120px;
    height: auto
}

@media (max-width: 719px) {
    .medium--audio-gallery .medium__object {
        width: 68px;
        margin-left: 24px;
        margin-right: 0
    }
}

@media (min-width: 720px) {
    .medium--audio-gallery .medium__player-wrapper {
        flex-basis: calc(100% + 60px);
        margin: 16px 0 -16px -60px
    }
}

.medium--audio-gallery .medium__notice-text {
    font-size: 10px;
    padding: 4px 6px
}

@media (min-width: 720px) {
    .medium--audio-gallery .medium__notice-text {
        font-size: 12px;
        letter-spacing: .4px;
        padding: 8px 12px
    }
}

.medium--video-gallery {
    margin: 0;
    width: 100%;
    height: 100%;
    align-items: stretch
}

.medium--video-gallery, .medium--video-gallery:hover {
    background-color: var(--t-media-video-gallery-bg-hover)
}

.medium--video-gallery .media-caption__title {
    min-height: 60px
}

.medium--video-gallery .media-caption--video {
    padding: 8px 12px 12px;
    justify-content: space-between;
    width: 100%
}

.medium--video-gallery .medium__caption {
    display: flex
}

.medium--video-gallery .media-caption--hover {
    background-color: var(--t-media-video-gallery-caption-bg-hover)
}

body[data-representation=web] .medium--active.medium--related-items--video, body[data-representation=web] .medium--active.medium--related-items--video:hover, body[data-representation=web] .medium--active:hover.medium--related-items--video, body[data-representation=web] .medium--active:hover.medium--related-items--video:hover {
    background-color: var(--t-medium-related-items-video)
}

.medium--active, .medium--active:hover {
    background-color: var(--t-medium-bg-active)
}

@media (min-width: 720px) {
    .medium--active.medium--related-items, .medium--active:hover.medium--related-items {
        margin-left: -24px;
        padding-left: 24px
    }
}

.medium--lastplayed, .medium--lastplayed:hover {
    background-color: var(--t-medium-bg-hover)
}

.medium--no-bg, .medium--no-bg:hover {
    background-color: transparent
}

.medium--poll {
    margin: 0
}

.medium--episode-listing {
    margin: 0;
    flex-grow: 1;
    flex-wrap: nowrap
}

.medium--episode-listing .medium__object {
    flex: 0 0 80px;
    height: 80px;
    border-radius: 2px;
    overflow: hidden;
    position: relative
}

@media (max-width: 719px) {
    .medium--episode-listing .medium__object {
        margin: 8px 0
    }
}

@media (min-width: 720px) {
    .medium--episode-listing .medium__object {
        flex-basis: 96px;
        height: 96px;
        margin: 16px 0
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .medium--episode-listing .medium__object {
        flex-basis: 140px;
        height: 140px
    }
}

@media (min-width: 1280px) {
    .medium--episode-listing .medium__object {
        flex-basis: 168px;
        height: 168px
    }
}

.medium--episode-listing .medium__caption {
    align-self: stretch;
    margin: 8px 0 8px 12px
}

@media (min-width: 720px) {
    .medium--episode-listing .medium__caption {
        margin: 16px 0 16px 24px
    }
}

.medium--episode-listing .medium__player-wrapper {
    display: none
}

.medium--episode-listing-spacing {
    padding-right: 24px
}

.medium--episode-part-listing {
    margin: 0;
    flex-grow: 1;
    flex-wrap: nowrap
}

.medium--episode-part-listing .medium__object {
    flex: 0 0 80px;
    height: 80px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    margin: 8px 0
}

@media (min-width: 720px) {
    .medium--episode-part-listing .medium__object {
        margin: 16px 0
    }
}

.medium--episode-part-listing .medium__caption {
    align-self: stretch;
    margin: 8px 0 8px 12px
}

@media (min-width: 720px) {
    .medium--episode-part-listing .medium__caption {
        margin: 16px 0 8px 24px
    }
}

.medium--episode-part-listing .medium__player-wrapper {
    display: none
}

.medium__play-link {
    position: absolute;
    width: 100%;
    height: 100%
}

.medium__download-link {
    margin: 0 8px 0 0;
    flex: 0 0 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 720px) {
    .medium__download-link {
        margin: 16px 12px 12px
    }
}

.medium__kicker.medium__kicker {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 1.14;
    color: var(--t-medium-kicker)
}

.medium__muted-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    width: 24px;
    background-color: #4e4d47a3;
    background-image: url(../img/muted-BRFKsp3n.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: initial;
    border-radius: 50%;
    margin: 8px
}

.blockquote {
    --t-blockquote: rgb(34, 33, 29);
    --t-blockquote-mark: rgb(201, 16, 36);
    --t-blockquote-author: rgb(34, 33, 29);
    --t-blockquote-function: rgb(107, 105, 96)
}

@media (prefers-color-scheme: dark) {
    .blockquote {
        --t-blockquote: rgb(255, 255, 255);
        --t-blockquote-mark: rgb(255, 102, 105);
        --t-blockquote-author: rgb(250, 250, 248);
        --t-blockquote-function: rgb(185, 183, 172)
    }
}

.blockquote {
    margin-inline: 0;
    font-size: 22px;
    letter-spacing: .2px;
    color: var(--t-blockquote);
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (min-width: 720px) {
    .blockquote {
        font-size: 24px;
        letter-spacing: normal;
        padding: 0 24px
    }
}

.blockquote--author-profile {
    margin-inline: auto
}

@media (min-width: 720px) {
    .blockquote--author-profile {
        margin-block: 48px;
        margin-inline: 12%
    }
}

.blockquote__quote {
    display: inline-block;
    font-family: SRG_SSR_Serif_Regular, serif;
    max-width: 100%
}

.blockquote__text:after {
    content: " »";
    color: var(--t-blockquote-mark)
}

.blockquote__text:before {
    content: "« ";
    color: var(--t-blockquote-mark)
}

.blockquote__author {
    margin-top: 12px;
    display: block;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 14px;
    letter-spacing: .4px;
    color: var(--t-blockquote-author)
}

@media (min-width: 720px) {
    .blockquote__author {
        margin-top: 8px
    }
}

.blockquote__function {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.35;
    color: var(--t-blockquote-function);
    display: block
}

.teaser {
    --t-teaser: rgb(34, 33, 29);
    --t-teaser-bg: rgb(254, 254, 253);
    --t-teaser-filter-active: brightness(.92);
    --t-teaser-kicker: rgb(201, 16, 36);
    --t-teaser-title: rgb(34, 33, 29);
    --t-teaser-subtitle: rgb(56, 55, 50);
    --t-teaser-lead: rgb(34, 33, 29);
    --t-teaser-em-bg: rgba(216, 216, 216, .64)
}

@media (prefers-color-scheme: dark) {
    .teaser {
        --t-teaser: rgb(218, 218, 210);
        --t-teaser-bg: rgb(34, 33, 29);
        --t-teaser-filter-active: brightness(1.08);
        --t-teaser-kicker: rgb(255, 102, 105);
        --t-teaser-title: rgb(255, 255, 255);
        --t-teaser-subtitle: rgb(255, 255, 255);
        --t-teaser-lead: rgb(218, 218, 210);
        --t-teaser-em-bg: rgba(88, 88, 88, .64)
    }
}

.teaser {
    --teaser-grid-template-columns: var(--fec-teaser-grid-template-columns, 100%);
    --teaser-grid-template-rows: var(--fec-teaser-grid-template-rows, auto 1fr min-content min-content);
    --teaser-grid-template-areas: var(--fec-teaser-grid-template-areas, "medium " "content" "extras " "links  ");
    --teaser-medium-grid-area: var(--fec-teaser-medium-grid-area, medium);
    --teaser-image-aspect-ratio: var(--fec-teaser-image-aspect-ratio, 16 / 9);
    --teaser-image-width: var(--fec-teaser-image-width, 100%);
    --teaser-image-height: var(--fec-teaser-image-height, auto);
    --teaser-kicker-display: var(--fec-teaser-kicker-display, flex);
    --teaser-kicker-show-display: var(--fec-teaser-kicker-show-display, none);
    --teaser-title-display: var(--fec-teaser-title-display, block);
    --teaser-label-display: var(--fec-teaser-label-display, inline-flex);
    --teaser-lead-display: var(--fec-teaser-lead-display, none);
    --teaser-medium-indicator-display: var(--fec-teaser-medium-indicator-display, block);
    --teaser-medium-icon-display: var(--fec-teaser-medium-icon-display, flex);
    --teaser-links-display: var(--fec-teaser-links-display, block);
    --teaser-liveticker-display: var(--fec-teaser-liveticker-display, none);
    --teaser-extras-display: var(--fec-teaser-extras-display, flex);
    --teaser-opinion-display: var(--fec-teaser-opinion-display, flex);
    --teaser-scoreboard-display: var(--fec-teaser-scoreboard-display, block);
    --teaser-longform-gradient-display: var(--fec-teaser-longform-gradient-display, none);
    --teaser-align-items: var(--fec-teaser-align-items, stretch);
    --teaser-label-position: var(--fec-teaser-label-position, absolute);
    --teaser-medium-float-placeholder-content: var(--fec-teaser-medium-float-placeholder-content, none);
    --teaser-medium-justify-self: var(--fec-teaser-medium-justify-self, unset);
    --teaser-medium-border-radius: var(--fec-teaser-medium-border-radius, 0);
    --teaser-medium-border-width: var(--fec-teaser-medium-border-width, 0);
    --teaser-medium-margin: var(--fec-teaser-medium-margin, 0);
    --teaser-content-padding: var(--fec-teaser-content-padding, 16px 12px 0 16px);
    --teaser-extras-padding: var(--fec-teaser-extras-padding, 0 16px 16px 16px);
    --teaser-extras-margin: var(--fec-teaser-extras-margin, 0);
    --teaser-extras-item-padding-top: var(--fec-teaser-extras-item-padding-top, 12px);
    --teaser-opinion-padding-top: var(--fec-teaser-opinion-padding-top, 8px);
    --teaser-opinion-margin-bottom: var(--fec-teaser-opinion-margin-bottom, -8px);
    --teaser-scoreboard-padding-top: var(--fec-teaser-scoreboard-padding-top, 8px);
    --teaser-scoreboard-margin-bottom: var(--fec-teaser-scoreboard-margin-bottom, -8px);
    --teaser-links-padding: var(--fec-teaser-links-padding, 0);
    --teaser-medium-indicator-bottom: var(--fec-teaser-medium-indicator-bottom, 8px);
    --teaser-medium-indicator-right: var(--fec-teaser-medium-indicator-right, 8px);
    --teaser-background-color: var(--fec-teaser-background-color, var(--t-teaser-bg));
    --teaser-kicker-color: var(--fec-teaser-kicker-color, var(--t-teaser-kicker));
    --teaser-title-color: var(--fec-teaser-title-color, var(--t-teaser-title));
    --teaser-subtitle-color: var(--fec-teaser-subtitle-color, var(--t-teaser-subtitle));
    --teaser-lead-color: var(--fec-teaser-lead-color, var(--t-teaser-lead));
    --teaser-box-shadow: var(--fec-teaser-box-shadow, 0 0px 1px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .08));
    --teaser-hover-box-shadow: var(--fec-teaser-hover-box-shadow, 0 8px 16px 0 rgba(0, 0, 0, .16), 0 0 16px 0 rgba(0, 0, 0, .08));
    --teaser-filter-hover: var(--fec-teaser-filter-hover, none);
    --teaser-kicker-font-size: var(--fec-teaser-kicker-font-size, 16px);
    --teaser-kicker-font-weight: var(--fec-teaser-kicker-font-weight, 400);
    --teaser-kicker-after-content: var(--fec-teaser-kicker-after-content, none);
    --teaser-title-font-size: var(--fec-teaser-title-font-size, 18px);
    --teaser-title-letter-spacing: var(--fec-teaser-title-letter-spacing, .2);
    --teaser-lead-font-size: var(--fec-teaser-lead-font-size, 16px);
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-columns:var(--teaser-grid-template-columns);
    grid-template-rows:var(--teaser-grid-template-rows);
    grid-template-areas:var(--teaser-grid-template-areas);
    align-items: var(--teaser-align-items);
    grid-auto-flow: dense;
    overflow: hidden;
    color: var(--t-teaser);
    background-color: var(--teaser-background-color);
    border-radius: 2px;
    box-shadow: var(--teaser-box-shadow);
    transition: box-shadow .2s ease-in-out, filter .2s ease-in-out;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (min-width: 1024px) {
    .teaser:hover, .teaser:focus, .teaser:active {
        box-shadow: var(--teaser-hover-box-shadow)
    }

    .teaser:hover {
        filter: var(--teaser-filter-hover)
    }
}

.teaser:active {
    filter: var(--t-teaser-filter-active)
}

.teaser:before {
    content: var(--fec-type-identifier, "type-default");
    display: none
}

.teaser + div {
    display: var(--fec-teaser-links-display, block)
}

.teaser em {
    background-color: var(--t-teaser-em-bg);
    font-style: normal
}

.teaser__medium {
    grid-area: var(--teaser-medium-grid-area);
    justify-self: var(--teaser-medium-justify-self);
    aspect-ratio: var(--teaser-image-aspect-ratio);
    display: flex;
    width: var(--teaser-image-width);
    height: var(--teaser-image-height);
    margin: var(--teaser-medium-margin);
    box-sizing: content-box;
    border-radius: var(--teaser-medium-border-radius);
    overflow: hidden;
    position: relative
}

.teaser__medium:after {
    content: "";
    position: absolute;
    border-color: #0000000a;
    border-style: solid;
    border-width: var(--teaser-medium-border-width);
    inset: 0;
    border-radius: inherit;
    pointer-events: none
}

.teaser__content {
    grid-area: content;
    display: flex;
    flex-direction: column;
    padding: var(--teaser-content-padding)
}

.teaser__text {
    flex-grow: 1
}

.teaser__text:before {
    content: var(--teaser-medium-float-placeholder-content);
    float: right;
    width: var(--teaser-image-width);
    aspect-ratio: var(--teaser-image-aspect-ratio);
    margin: var(--teaser-medium-margin)
}

.teaser:not(:has(.teaser__medium)) .teaser__text:before {
    content: none
}

.teaser__kicker {
    display: var(--teaser-kicker-display);
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: flex-end;
    font-weight: var(--teaser-kicker-font-weight, 400);
    font-variation-settings: "wght" var(--teaser-kicker-font-weight, 400);
    font-size: var(--teaser-kicker-font-size);
    letter-spacing: .4px;
    line-height: 1.14;
    color: var(--teaser-kicker-color);
    gap: 4px 8px;
    margin-bottom: 4px
}

.teaser__kicker:after {
    content: var(--teaser-kicker-after-content, none);
    position: relative;
    right: 7px;
    margin-right: -5px
}

.teaser__kicker--show-title {
    display: var(--teaser-kicker-show-display, none)
}

html[lang=de] .teaser__kicker--show-title {
    -webkit-hyphens: auto;
    hyphens: auto
}

.teaser__label {
    display: var(--teaser-label-display);
    position: var(--teaser-label-position);
    top: var(--fec-gap);
    left: var(--fec-gap)
}

.teaser__title {
    display: var(--teaser-title-display);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 18px;
    letter-spacing: .2px;
    font-size: var(--teaser-title-font-size);
    letter-spacing: var(--teaser-title-letter-spacing);
    line-height: 1.25;
    color: var(--teaser-title-color)
}

.teaser__subtitle {
    display: var(--teaser-title-display);
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 1.35;
    color: var(--teaser-subtitle-color);
    margin-block-start: 4px
}

@media (min-width: 720px) {
    .teaser__subtitle {
        font-size: 16px;
        letter-spacing: .4px
    }
}

@media (min-width: 1280px) {
    .teaser__subtitle {
        font-size: 18px;
        letter-spacing: .4px;
        line-height: 1.25
    }
}

.teaser__lead {
    display: var(--teaser-lead-display);
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: var(--teaser-lead-font-size);
    letter-spacing: .4px;
    line-height: 1.25;
    color: var(--teaser-lead-color);
    margin: 0;
    padding-top: 12px
}

.teaser__liveticker {
    display: var(--teaser-liveticker-display);
    padding-top: calc(var(--fec-gap) * .5)
}

.teaser__extras {
    grid-area: extras;
    display: var(--teaser-extras-display);
    padding: var(--teaser-extras-padding);
    margin: var(--teaser-extras-margin);
    flex-direction: column;
    justify-content: flex-end
}

.teaser__extras > * {
    padding-top: var(--teaser-extras-item-padding-top)
}

.teaser__scoreboard {
    display: var(--teaser-scoreboard-display);
    padding-top: var(--teaser-scoreboard-padding-top);
    margin-bottom: var(--teaser-scoreboard-margin-bottom)
}

.teaser__scoreboard:not(:empty) {
    min-height: 50px
}

.teaser__opinion {
    display: var(--teaser-opinion-display);
    padding-top: var(--teaser-opinion-padding-top);
    margin-bottom: var(--teaser-opinion-margin-bottom);
    gap: 12px
}

.teaser__links {
    --fec-teaser-link-color: var(--teaser-title-color);
    display: var(--teaser-links-display);
    grid-area: links;
    padding: var(--teaser-links-padding)
}

.teaser__medium-icon-wrapper {
    display: var(--teaser-medium-icon-display);
    position: absolute;
    top: 50%;
    left: 50%;
    width: clamp(40px, 18%, 64px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.teaser__medium-indicator-wrapper {
    position: absolute;
    display: var(--teaser-medium-indicator-display);
    bottom: var(--teaser-medium-indicator-bottom);
    right: var(--teaser-medium-indicator-right);
    line-height: 1
}

.teaser--with-medium {
    --fec-play-icon-hover: initial
}

.teaser--with-medium:hover, .teaser--with-medium:active {
    --fec-play-icon-hover:
}

.teaser--with-medium .teaser__medium {
    position: relative
}

.teaser--active-media, .teaser--theme-dark {
    --fec-teaser-kicker-color: rgb(218, 218, 210);
    --fec-teaser-title-color: rgb(255, 255, 255);
    --fec-teaser-subtitle-color: rgb(255, 255, 255);
    --fec-teaser-lead-color: rgb(255, 255, 255);
    --fec-teaser-background-color: rgb(34, 33, 29);
    --teaser-color-status-text: rgb(255, 255, 255)
}

@media (min-width: 1024px) {
    .collection.collection--themed:has(+.collection.collection--themed[class*=swipeable]) .teaser:hover, .collection.collection--themed:has(+.collection.collection--themed[class*=swipeable]) .teaser:focus, .collection.collection--themed:has(+.collection.collection--themed[class*=swipeable]) .teaser:active {
        z-index: 1
    }
}

.collection__teaser-item:has(.teaser--active-media), .collection__teaser-item:hover:has(.teaser--active-media).collection__teaser-item:hover:has(.teaser--active-media).collection__teaser-item:hover:has(.teaser--active-media) {
    background-color: #22211d
}

.teaser--federalvote .teaser__text {
    flex-grow: 0
}

.teaser--federalvote .teaser__title {
    color: var(--t-teaser-kicker);
    display: flex;
    align-items: center
}

.teaser--federalvote .teaser__title:after {
    content: "";
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-caret-icon-red-mask);
    transform: rotate(-90deg);
    -webkit-mask-size: 54.1666666667%;
    mask-size: 54.1666666667%;
    flex-shrink: 0
}

.teaser--embed {
    --fec-teaser-grid-template-columns: 100%;
    --fec-teaser-grid-template-rows: auto
}

.teaser--image-gallery {
    --fec-teaser-image-aspect-ratio: 4 / 3;
    --fec-teaser-grid-template-areas: "medium content"
}

@media (max-width: 719px) {
    .teaser--image-gallery {
        --fec-teaser-grid-template-areas: "medium " "content"
    }
}

.teaser--image-gallery .teaser__content {
    --fec-image-gallery-teaser-caption-title-font-size: var(--teaser-title-font-size);
    --fec-image-gallery-teaser-caption-title-color: var(--teaser-title-color);
    --fec-image-gallery-teaser-caption-title-letter-spacing: var(--teaser-title-letter-spacing);
    --fec-image-gallery-teaser-caption-padding: var(--teaser-content-padding);
    --fec-image-gallery-teaser-lead-color: var(--teaser-lead-color);
    --fec-image-gallery-teaser-lead-font-size: var(--teaser-lead-font-size);
    padding: 0
}

.teaser--no-hover {
    --fec-teaser-hover-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .08);
    --fec-teaser-filter-hover: none;
    --t-teaser-filter-active: none
}

@media (max-width: 719px) {
    body[data-representation=webview] .collection--standard .teaser--video, body[data-representation=webview] .collection--standard .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--hero .teaser--video, body[data-representation=webview] .collection--hero .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--duo .teaser--video, body[data-representation=webview] .collection--duo .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--highlight .teaser--video, body[data-representation=webview] .collection--highlight .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--swipeable .teaser--video, body[data-representation=webview] .collection--swipeable .teaser[data-source*=":liveCenter:"] {
        --fec-teaser-grid-template-columns: 100%;
        --fec-teaser-grid-template-rows: auto 1fr min-content min-content;
        --fec-teaser-grid-template-areas: "medium " "content" "extras " "links  ";
        --fec-teaser-medium-grid-area: medium;
        --fec-teaser-content-grid-area: content;
        --fec-teaser-extras-grid-area: extras;
        --fec-teaser-image-aspect-ratio: 16 / 9;
        --fec-teaser-image-width: 100%;
        --fec-teaser-content-display: flex;
        --fec-teaser-kicker-display: flex;
        --fec-teaser-label-display: inline-flex;
        --fec-teaser-title-display: block;
        --fec-teaser-lead-display: none;
        --fec-teaser-medium-indicator-display: block;
        --fec-teaser-medium-icon-display: flex;
        --fec-teaser-liveticker-display: none;
        --fec-teaser-extras-display: flex;
        --fec-teaser-longform-gradient-display: none;
        --fec-teaser-align-items: stretch;
        --fec-teaser-medium-z-index: 0;
        --fec-teaser-label-position: absolute;
        --fec-teaser-medium-indicator-bottom: 8px;
        --fec-teaser-medium-indicator-right: 8px;
        --fec-teaser-medium-border-width: 0 0 1px;
        --fec-teaser-medium-margin: 0;
        --fec-teaser-content-padding: 16px 12px 0 16px;
        --fec-teaser-extras-padding: 0 16px 16px 16px;
        --fec-teaser-extras-margin: 0;
        --fec-teaser-extras-item-padding-top: 12px;
        --fec-teaser-opinion-padding-top: 8px;
        --fec-teaser-opinion-margin-bottom: -8px;
        --fec-teaser-scoreboard-padding-top: 8px;
        --fec-teaser-scoreboard-margin-bottom: -8px;
        --fec-teaser-links-padding: 0;
        --fec-teaser-background-color: var(--t-teaser-bg);
        --fec-teaser-kicker-color: var(--t-teaser-kicker);
        --fec-teaser-title-color: var(--t-teaser-title);
        --fec-teaser-subtitle-color: var(--t-teaser-subtitle);
        --fec-teaser-lead-color: var(--t-teaser-lead);
        --fec-teaser-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .08);
        --fec-teaser-hover-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16), 0 0 16px 0 rgba(0, 0, 0, .08);
        --fec-teaser-filter-hover: none;
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-kicker-font-weight: 400;
        --fec-teaser-kicker-after-content: none;
        --fec-teaser-title-font-size: 18px;
        --fec-teaser-title-letter-spacing: .2;
        --fec-teaser-lead-font-size: 16px;
        --fec-teaser-label-font-size: 12px;
        --fec-teaser-info-media-duration-display: none;
        --fec-teaser-label-padding: 1px 6px 1px 8px;
        --fec-type-identifier: "type-m"
    }
}

@media (max-width: 719px)and (min-width: 1024px) {
    body[data-representation=webview] .collection--standard .teaser--video, body[data-representation=webview] .collection--standard .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--hero .teaser--video, body[data-representation=webview] .collection--hero .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--duo .teaser--video, body[data-representation=webview] .collection--duo .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--highlight .teaser--video, body[data-representation=webview] .collection--highlight .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--swipeable .teaser--video, body[data-representation=webview] .collection--swipeable .teaser[data-source*=":liveCenter:"] {
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-title-font-size: 20px;
        --fec-teaser-lead-font-size: 16px
    }
}

@media (max-width: 719px)and (min-width: 1280px) {
    body[data-representation=webview] .collection--standard .teaser--video, body[data-representation=webview] .collection--standard .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--hero .teaser--video, body[data-representation=webview] .collection--hero .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--duo .teaser--video, body[data-representation=webview] .collection--duo .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--highlight .teaser--video, body[data-representation=webview] .collection--highlight .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--swipeable .teaser--video, body[data-representation=webview] .collection--swipeable .teaser[data-source*=":liveCenter:"] {
        --fec-teaser-medium-indicator-bottom: 12px;
        --fec-teaser-medium-indicator-right: 12px;
        --fec-teaser-content-padding: 24px 16px 0 24px;
        --fec-teaser-extras-padding: 0 24px 24px 24px;
        --fec-teaser-extras-item-padding-top: 16px;
        --fec-teaser-opinion-padding-top: 12px;
        --fec-teaser-opinion-margin-bottom: -12px;
        --fec-teaser-scoreboard-padding-top: 12px;
        --fec-teaser-scoreboard-margin-bottom: -12px
    }
}

@media (max-width: 719px) {
    body[data-representation=webview] .collection--standard .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--hero .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--duo .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--highlight .teaser[data-source*=":liveCenter:"], body[data-representation=webview] .collection--swipeable .teaser[data-source*=":liveCenter:"] {
        --fec-teaser-lead-display: block
    }
}

.collection--standard .teaser--breaking, .collection--hero .teaser--breaking, .collection--duo .teaser--breaking, .collection--highlight .teaser--breaking, .collection--swipeable .teaser--breaking {
    --fec-teaser-kicker-color: rgb(255, 255, 255);
    --fec-teaser-title-color: rgb(255, 255, 255);
    --fec-teaser-subtitle-color: rgb(255, 255, 255);
    --fec-teaser-lead-color: rgb(255, 255, 255);
    --fec-teaser-background-color: rgb(201, 16, 36);
    --teaser-color-status-text: rgb(255, 255, 255)
}

.collection--standard .teaser--longform, .collection--hero .teaser--longform, .collection--duo .teaser--longform, .collection--highlight .teaser--longform, .collection--swipeable .teaser--longform {
    --fec-teaser-grid-template-columns: 100%;
    --fec-teaser-grid-template-rows: 1fr auto;
    --fec-teaser-grid-template-areas: "medium " "content";
    --fec-teaser-medium-grid-area: 1 / 1 / -1 / -1;
    --fec-teaser-image-aspect-ratio: 1 / 1;
    --fec-teaser-image-width: 100%;
    --fec-teaser-image-height: 100%;
    --fec-teaser-lead-display: block;
    --fec-teaser-extras-display: none;
    --fec-teaser-longform-gradient-display: block;
    --fec-teaser-medium-border-width: 0;
    --fec-teaser-content-padding: var(--fec-gap);
    --fec-teaser-medium-margin: 0;
    --fec-teaser-kicker-color: rgb(255, 255, 255);
    --fec-teaser-title-color: rgb(255, 255, 255);
    --fec-teaser-subtitle-color: rgb(255, 255, 255);
    --fec-teaser-lead-color: rgb(255, 255, 255);
    --fec-teaser-background-color: rgba(0, 0, 0, .6)
}

.collection--standard .teaser--longform .teaser__content, .collection--hero .teaser--longform .teaser__content, .collection--duo .teaser--longform .teaser__content, .collection--highlight .teaser--longform .teaser__content, .collection--swipeable .teaser--longform .teaser__content {
    position: relative;
    background-color: inherit
}

.collection--standard .teaser--longform .teaser__content:before, .collection--hero .teaser--longform .teaser__content:before, .collection--duo .teaser--longform .teaser__content:before, .collection--highlight .teaser--longform .teaser__content:before, .collection--swipeable .teaser--longform .teaser__content:before {
    display: var(--teaser-longform-gradient-display);
    position: absolute;
    content: "";
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    bottom: 100%;
    width: 100%;
    height: 80px;
    left: 0
}

.collection--standard .teaser--longform .teaser__content:after, .collection--hero .teaser--longform .teaser__content:after, .collection--duo .teaser--longform .teaser__content:after, .collection--highlight .teaser--longform .teaser__content:after, .collection--swipeable .teaser--longform .teaser__content:after {
    display: var(--teaser-longform-gradient-display);
    position: absolute;
    content: "";
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .6));
    right: 100%;
    height: 100%;
    width: 80px;
    bottom: 0
}

.collection--standard .teaser--longform .teaser__label, .collection--hero .teaser--longform .teaser__label, .collection--duo .teaser--longform .teaser__label, .collection--highlight .teaser--longform .teaser__label, .collection--swipeable .teaser--longform .teaser__label {
    display: none
}

@media (max-width: 719px) {
    .collection--standard .teaser--longform, .collection--hero .teaser--longform, .collection--duo .teaser--longform, .collection--highlight .teaser--longform, .collection--swipeable .teaser--longform {
        align-items: end
    }
}

.collection--standard .teaser--video-play-link, .collection--hero .teaser--video-play-link, .collection--duo .teaser--video-play-link, .collection--highlight .teaser--video-play-link, .collection--swipeable .teaser--video-play-link {
    --fec-teaser-kicker-color: rgb(255, 255, 255);
    --fec-teaser-title-color: rgb(255, 255, 255);
    --fec-teaser-subtitle-color: rgb(255, 255, 255);
    --fec-teaser-lead-color: rgb(255, 255, 255);
    --fec-teaser-background-color: rgb(0, 0, 0);
    --teaser-color-status-text: rgb(255, 255, 255)
}

.collection--standard .teaser--video-play-link .teaser__play-meta, .collection--hero .teaser--video-play-link .teaser__play-meta, .collection--duo .teaser--video-play-link .teaser__play-meta, .collection--highlight .teaser--video-play-link .teaser__play-meta, .collection--swipeable .teaser--video-play-link .teaser__play-meta {
    display: flex;
    align-items: center
}

.collection--standard .teaser--video-play-link .teaser__play-logo, .collection--hero .teaser--video-play-link .teaser__play-logo, .collection--duo .teaser--video-play-link .teaser__play-logo, .collection--highlight .teaser--video-play-link .teaser__play-logo, .collection--swipeable .teaser--video-play-link .teaser__play-logo {
    margin-top: 8px;
    margin-right: 12px;
    height: 16px;
    width: 45px
}

.collection--standard .teaser--video-play-link .teaser__medium:before, .collection--hero .teaser--video-play-link .teaser__medium:before, .collection--duo .teaser--video-play-link .teaser__medium:before, .collection--highlight .teaser--video-play-link .teaser__medium:before, .collection--swipeable .teaser--video-play-link .teaser__medium:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 100%)
}

@media (max-width: 719px) {
    body[data-representation=webview] .collection--standard .teaser--video[data-asset-ratio="4:5"], body[data-representation=webview] .collection--standard .teaser[data-source*=":liveCenter:"][data-asset-ratio="4:5"], body[data-representation=webview] .collection--hero .teaser--video[data-asset-ratio="4:5"], body[data-representation=webview] .collection--hero .teaser[data-source*=":liveCenter:"][data-asset-ratio="4:5"], body[data-representation=webview] .collection--duo .teaser--video[data-asset-ratio="4:5"], body[data-representation=webview] .collection--duo .teaser[data-source*=":liveCenter:"][data-asset-ratio="4:5"], body[data-representation=webview] .collection--highlight .teaser--video[data-asset-ratio="4:5"], body[data-representation=webview] .collection--highlight .teaser[data-source*=":liveCenter:"][data-asset-ratio="4:5"] {
        --fec-teaser-image-aspect-ratio: 4 / 5
    }
}

.collection--theme-play .teaser--riva {
    --fec-teaser-kicker-color: rgb(255, 255, 255);
    --fec-teaser-title-color: rgb(255, 255, 255);
    --fec-teaser-subtitle-color: rgb(255, 255, 255);
    --fec-teaser-lead-color: rgb(255, 255, 255);
    --fec-teaser-background-color: rgba(255, 255, 255, .08);
    --teaser-color-status-text: rgb(255, 255, 255)
}

@media (min-width: 720px) {
    .collection--hero .collection__teaser-item:first-child .teaser--longform {
        --fec-teaser-grid-template-columns: 65.8% 1fr;
        --fec-teaser-grid-template-rows: 100%;
        --fec-teaser-grid-template-areas: "medium content";
        --fec-teaser-image-aspect-ratio: 24 / 9
    }
}

@media (min-width: 720px) {
    .collection--hero .collection__teaser-item:first-child .teaser--video-play-link {
        --fec-teaser-grid-template-columns: 65.8% 1fr;
        --fec-teaser-grid-template-rows: auto 1fr;
        --fec-teaser-grid-template-areas: "medium content" "medium extras";
        --fec-teaser-medium-grid-area: 1 / 1 / -1 / 1;
        --fec-teaser-content-padding: 24px 24px 0 24px;
        --fec-teaser-extras-padding: 0 24px 24px 24px
    }

    .collection--hero .collection__teaser-item:first-child .teaser--video-play-link .teaser__medium:before {
        right: 0;
        width: 40%;
        height: 100%;
        background: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 100%)
    }
}

.action-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 4px
}

.action-bar .action-bar__button {
    margin: 0 8px 0 0;
    max-height: 48px;
    flex: 0 0 0
}

@media (min-width: 720px)and (max-width: 1023px) {
    .action-bar .action-bar__button {
        margin-right: 12px
    }
}

@media (min-width: 1024px) {
    .action-bar .action-bar__button {
        margin-right: 16px
    }
}

.action-bar__main-content, .action-bar__wrap-content {
    flex: 0 0 0;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

@media (max-width: 719px) {
    .action-bar__wrap-content .action-bar__button {
        padding-left: 8px;
        padding-right: 8px
    }
}

.action-bar__wrap-content .action-bar__button:last-child {
    margin-right: 0
}

.action-bar:has(.action-bar__main-content:empty).action-bar:has(.action-bar__wrap-content:empty) {
    display: none
}

@media (max-width: 719px) {
    .action-bar--centered-on-mobile {
        justify-content: center
    }
}

.action-bar--centered-on-mobile .action-bar__main-content {
    display: block
}

@media (max-width: 719px) {
    .action-bar--centered-on-mobile .action-bar__button {
        margin: 0 12px
    }

    .action-bar--centered-on-mobile .action-bar__button:last-child {
        margin-right: 12px
    }
}

.portalsnav {
    --t-portalsnav-large-link: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .portalsnav {
        --t-portalsnav-large-link: rgb(255, 255, 255)
    }
}

.portalsnav {
    padding: 0;
    margin: 0;
    display: flex
}

.portalsnav__link {
    display: inline-block;
    padding: 8px 10px;
    border-bottom: none;
    border-radius: 2px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-feature-settings: "salt";
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 1.14;
    background-color: transparent;
    transition: background-color .2s ease-in-out;
    color: var(--t-gl-nav-group-open-item-color)
}

.portalsnav__link:hover, .portalsnav__link:active, .portalsnav__link:focus {
    border-bottom: none;
    color: var(--t-gl-nav-group-open-item-color)
}

.portalsnav__link:hover, .portalsnav__link:focus {
    background-color: var(--t-gl-subnav-pager-bg-hover)
}

.portalsnav__link:active {
    background-color: var(--t-gl-subnav-pager-bg-active)
}

.portalsnav--large .portalsnav__link {
    padding: 16px 12px;
    font-size: 18px;
    letter-spacing: .4px;
    line-height: 1.35;
    color: var(--t-portalsnav-large-link)
}

.search-header {
    display: flex;
    align-items: center
}

@media (max-width: 719px) {
    .search-header {
        flex-wrap: wrap
    }
}

@media (min-width: 720px) {
    .search-header {
        padding: 8px 0
    }
}

.search-header__logo {
    flex: 1 0 auto;
    display: flex
}

.search-header__search {
    flex: 1 0 auto
}

@media (max-width: 719px) {
    .search-header__search {
        order: 2;
        flex-basis: 100%;
        margin: 8px 0
    }
}

@media (min-width: 720px)and (max-width: 1023px) {
    .search-header__search {
        flex-grow: 0;
        flex-basis: 341px
    }
}

@media (min-width: 720px) {
    .search-header__search {
        margin-bottom: -4px
    }
}

@media (min-width: 1024px) {
    .search-header__search {
        flex-basis: 276px
    }
}

.search-header__close-wrapper {
    flex: 1 0 0;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 719px) {
    .search-header__close {
        margin: 0 -16px 0 0
    }
}

@media (min-width: 720px) {
    .search-header__close {
        padding-right: 0
    }
}

.search-header__closeText {
    margin-left: 8px;
    font-size: 14px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #4e4d47
}

@media (max-width: 719px) {
    .search-header__closeText {
        display: none
    }
}

.search-header--search-only .search-header__logo *, .search-header--search-only .search-header__close-wrapper * {
    display: none
}

.search-header--search-only .search-header__search {
    margin: 0
}

.search-header--fixed-results .search__results {
    position: fixed
}

.show-more-bar {
    --t-show-more-bar-border: rgb(235, 235, 229)
}

@media (prefers-color-scheme: dark) {
    .show-more-bar {
        --t-show-more-bar-border: rgb(56, 55, 50)
    }
}

.show-more-bar {
    display: flex
}

.show-more-bar--episode-list {
    padding: 8px
}

@media (min-width: 720px) {
    .show-more-bar--episode-list {
        padding-left: 24px;
        padding-right: 0
    }
}

.show-more-bar--episode-list-preview {
    padding: 8px
}

@media (min-width: 720px) {
    .show-more-bar--episode-list-preview {
        padding-right: 0;
        padding-left: 0
    }
}

.show-more-bar--algolia-search {
    margin-top: 16px;
    margin-inline: -8px
}

@media (min-width: 720px) {
    .show-more-bar--algolia-search {
        margin-inline: 0 -8px
    }
}

@media (min-width: 1024px) {
    .show-more-bar--algolia-search {
        padding-right: 33%
    }
}

@media (min-width: 1280px) {
    .show-more-bar--algolia-search {
        padding-right: 426px
    }
}

.show-more-bar--with-borders {
    border-style: solid;
    border-color: var(--t-show-more-bar-border);
    border-width: 1px 0
}

.show-more-bar__child {
    flex: 0 0 auto;
    width: auto;
    margin-top: 0;
    margin-right: 8px
}

.show-more-bar__child:last-child {
    margin-right: 0;
    margin-left: auto
}

@media (max-width: 719px) {
    .show-more-bar__child.show-more-bar__child {
        width: auto
    }
}

.show-more-bar--episode-list-preview .show-more-bar__child {
    margin-right: 0
}

.show-more-bar__child--grow {
    flex-grow: 1
}

.show-more-bar__child--link-wrapper {
    display: flex;
    justify-content: center
}

.show-more-bar--audio-search {
    margin-top: 8px;
    margin-left: 24px
}

.songlog {
    --t-log-artist: rgb(78, 77, 71);
    --t-log-time: rgb(107, 105, 96);
    --t-log-title: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .songlog {
        --t-log-artist: rgb(202, 200, 191);
        --t-log-time: rgb(185, 183, 172);
        --t-log-title: rgb(255, 255, 255)
    }
}

.songlog__title {
    --t-log-title: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .songlog__title {
        --t-log-title: rgb(255, 255, 255)
    }
}

.songlog__heading {
    margin: 0;
    padding: 16px 0;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 24px;
    line-height: 30px
}

@media (min-width: 1024px) {
    .songlog__heading {
        padding-top: 20px
    }
}

.songlog__list {
    width: 100%;
    min-height: 800px
}

@media (max-width: 719px) {
    .songlog__list {
        margin-left: 16px;
        padding-left: 0;
        margin-right: -8px
    }
}

.songlog__entry {
    margin-left: 0;
    padding: 12px 24px 12px 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: table;
    width: 705px
}

@media (max-width: 719px) {
    .songlog__entry {
        display: block;
        width: auto
    }
}

@media (min-width: 720px) {
    .songlog__entry {
        width: 714px
    }
}

@media (min-width: 1280px) {
    .songlog__entry {
        width: 892px
    }
}

.songlog__entry:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.songlog__time {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    color: var(--t-log-time);
    display: table-cell;
    vertical-align: top;
    width: 60px
}

@media (min-width: 720px) {
    .songlog__time {
        margin-bottom: 0;
        font-size: 14px;
        letter-spacing: .4px
    }
}

@media (max-width: 719px) {
    .songlog__time {
        display: block;
        padding-bottom: 4px
    }
}

.songlog__song-title {
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.5;
    color: var(--t-log-title);
    width: 280px;
    display: table-cell;
    padding-right: 24px
}

@media (min-width: 720px) {
    .songlog__song-title {
        width: 326px
    }
}

@media (min-width: 1280px) {
    .songlog__song-title {
        width: 422px
    }
}

@media (max-width: 719px) {
    .songlog__song-title {
        display: block;
        width: auto
    }
}

.songlog__artist {
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.5;
    color: var(--t-log-artist);
    vertical-align: top;
    display: table-cell;
    min-width: 218px
}

@media (max-width: 719px) {
    .songlog__artist {
        display: block;
        width: auto
    }
}

.songlog__info {
    display: table;
    line-height: 20px
}

.songlog__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin: 16px 0 12px;
    flex-wrap: wrap
}

@media (min-width: 720px) {
    .songlog__title {
        flex-wrap: nowrap
    }
}

@media (min-width: 1024px) {
    .songlog__title {
        margin: 20px 0 16px
    }
}

.songlog__title-text {
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-feature-settings: "salt";
    font-size: 24px;
    letter-spacing: normal;
    line-height: 1.25;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    color: var(--t-log-title);
    margin: 0;
    flex: 1 1 100%
}

@media (min-width: 1024px) {
    .songlog__title-text {
        font-size: 28px;
        letter-spacing: normal
    }
}

.songlog__title-filter-container {
    flex: 1 1 auto
}

@media (max-width: 719px) {
    .songlog__title-filter-container {
        padding-top: 16px;
        flex-basis: 100%;
        text-align: left
    }
}

.songlog__list-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 45px
}

@media (min-width: 720px) {
    .songlog__list-wrapper {
        margin-bottom: -16px;
        margin-top: 55px
    }
}

@media (min-width: 1024px) {
    .songlog__list-wrapper {
        margin-top: 51px
    }
}

@media (min-width: 1280px) {
    .songlog__list-wrapper {
        margin-bottom: -20px
    }
}

.songlog--embed {
    padding: 0
}

@media (max-width: 719px) {
    .songlog--embed {
        margin-left: 0;
        padding-left: 24px;
        margin-right: -8px
    }
}

.songlog--embed .songlog__list {
    min-height: unset
}

.songlog--embed .songlog__entry {
    width: 100%
}

.songlog--compact .songlog__list {
    min-height: auto;
    margin-left: 0;
    padding-left: 0
}

.songlog--compact .songlog__entry {
    border: none;
    padding: 4px 0;
    width: auto
}

@media (max-width: 719px) {
    .songlog--compact .songlog__entry {
        display: table
    }
}

.songlog--compact .songlog__time {
    font-size: 12px;
    letter-spacing: .4px;
    padding-right: 12px;
    padding-top: 2px;
    width: auto
}

@media (max-width: 719px) {
    .songlog--compact .songlog__time {
        display: table-cell
    }
}

.songlog--compact .songlog__song-title {
    width: auto;
    padding-right: 0;
    vertical-align: top;
    display: contents
}

.songlog--compact .songlog__artist {
    font-size: 14px;
    letter-spacing: .4px;
    display: contents
}

.subnav {
    position: absolute;
    margin: 0;
    width: 100%;
    max-width: 1264px;
    height: 56px;
    display: block;
    overflow: hidden
}

.subnav__list {
    display: flex;
    position: relative;
    box-sizing: content-box;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0 16px;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    font-size: 0;
    white-space: nowrap;
    scrollbar-width: none
}

.subnav__list::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

@media (max-width: 719px) {
    .subnav__list {
        position: static;
        padding-left: 0
    }
}

.subnav__list-item {
    display: inline-block;
    position: static;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-variation-settings: "wght" 400
}

@media (max-width: 719px) {
    .subnav__list-item:first-of-type {
        margin-left: 4px
    }
}

.subnav__mask {
    display: none;
    position: absolute;
    top: 0;
    height: 56px;
    width: 28px;
    z-index: 2;
    pointer-events: none
}

.subnav__mask--visible {
    display: block
}

@media (min-width: 1024px) {
    .subnav__mask--visible {
        display: none
    }
}

.subnav__mask--left {
    left: 0;
    background: linear-gradient(to right, var(--t-gl-subnav-pager-bg), var(--t-gl-subnav-pager-bg-alpha))
}

.subnav__mask--right {
    right: 0;
    background: linear-gradient(to right, var(--t-gl-subnav-pager-bg-alpha), var(--t-gl-subnav-pager-bg))
}

.subnav__pager {
    display: none
}

@media (min-width: 1024px) {
    .subnav__pager {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 56px;
        height: 56px
    }

    .subnav__pager:before {
        content: "";
        position: absolute;
        pointer-events: none;
        top: 0;
        left: 0;
        width: 84px;
        height: 56px;
        background: linear-gradient(to right, var(--t-gl-subnav-pager-bg), var(--t-gl-subnav-pager-bg) 58px, var(--t-gl-subnav-pager-bg-alpha))
    }
}

@media (min-width: 1024px) {
    .subnav__pager--visible {
        visibility: visible;
        opacity: 1
    }
}

@media (min-width: 1024px) {
    .subnav__pager--end {
        left: auto;
        right: 0
    }

    .subnav__pager--end:before {
        top: 0;
        left: -28px;
        width: 84px;
        height: 56px;
        background: linear-gradient(to right, var(--t-gl-subnav-pager-bg-alpha), var(--t-gl-subnav-pager-bg) 28px, var(--t-gl-subnav-pager-bg))
    }
}

@media (min-width: 1024px) {
    .subnav__pager-button {
        display: block;
        box-sizing: content-box;
        padding: 16px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        border-radius: 2px
    }

    .subnav__pager-button:hover {
        background-color: var(--t-gl-subnav-pager-bg-hover)
    }

    .subnav__pager-button:active {
        background-color: var(--t-gl-subnav-pager-bg-active)
    }
}

@media (min-width: 1024px) {
    .subnav__pager-button--right {
        float: right
    }
}

.subnav__pager-icon {
    background-color: var(--t-gl-subnav-icon)
}

.subnav--portals .subnav__list-item {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-feature-settings: "salt"
}

.subnav--open-3rd-level {
    height: 90dvh
}

.circle-image {
    --t-circle-image-border: rgb(254, 254, 253);
    --t-circle-image-border-presenter: rgba(0, 0, 0, .04);
    --t-circle-image-border-meteo: rgb(235, 235, 229)
}

@media (prefers-color-scheme: dark) {
    .circle-image {
        --t-circle-image-border: rgb(46, 45, 41);
        --t-circle-image-border-presenter: rgb(46, 45, 41);
        --t-circle-image-border-meteo: rgb(46, 45, 41)
    }
}

.circle-image {
    width: var(--circle-image-width, 100%);
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    border: var(--circle-image-border-width, 2px) solid var(--t-circle-image-border)
}

.circle-image--profile-picture-small {
    --circle-image-border-width: 1px;
    --circle-image-width: 40px;
    align-self: flex-start;
    flex-shrink: 0
}

.circle-image--profile-picture-presenter {
    --t-circle-image-border: var(--t-circle-image-border-presenter);
    --circle-image-border-width: 1px
}

.circle-image--profile-picture-meteo-presenter, .circle-image--profile-picture-meteo-teaser {
    --t-circle-image-border: var(t-circle-image-border-meteo);
    --circle-image-border-width: 1px;
    --circle-image-width: 42px
}

.circle-image--profile-picture-meteo-presenter > img, .circle-image--profile-picture-meteo-teaser > img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.circle-image--profile-picture-meteo-teaser {
    --circle-image-width: 56px
}

.footer {
    --t-footer: rgb(34, 33, 29);
    --t-footer-bg: rgb(254, 254, 253);
    --t-footer-border-top: 0 0px 1px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .08);
    --t-footer-navigation-link: rgb(107, 105, 96);
    --t-footer-navigation-link-hover: rgb(107, 105, 96);
    --t-footer-navigation-link-active: rgb(107, 105, 96);
    --t-footer-navigation-link-bg-hover: rgba(185, 183, 172, .12);
    --t-footer-navigation-link-bg-active: rgba(185, 183, 172, .24);
    --t-footer-description: rgb(107, 105, 96);
    --t-footer-bu-link: rgb(107, 105, 96);
    --t-footer-bu-link-hover: rgb(107, 105, 96);
    --t-footer-bu-link-active: rgb(107, 105, 96);
    --t-footer-bu-link-bg: rgb(235, 235, 229);
    --t-footer-bu-link-bg-hover: rgba(185, 183, 172, .12);
    --t-footer-bu-link-bg-active: rgba(185, 183, 172, .24);
    --t-gl-search-bg: rgb(254, 254, 253);
    --t-gl-search-text: rgb(107, 105, 96);
    --t-gl-search-border: rgba(0, 0, 0, .2)
}

@media (prefers-color-scheme: dark) {
    .footer {
        --t-footer: rgb(255, 255, 255);
        --t-footer-bg: rgb(34, 33, 29);
        --t-footer-border-top: 0 -1px 0 0 rgba(255, 255, 255, .12);
        --t-footer-navigation-link: rgb(202, 200, 191);
        --t-footer-navigation-link-hover: rgb(202, 200, 191);
        --t-footer-navigation-link-active: rgb(202, 200, 191);
        --t-footer-navigation-link-bg-hover: rgba(185, 183, 172, .12);
        --t-footer-navigation-link-bg-active: rgba(185, 183, 172, .24);
        --t-footer-description: rgb(202, 200, 191);
        --t-footer-bu-link: rgb(235, 235, 229);
        --t-footer-bu-link-hover: rgb(235, 235, 229);
        --t-footer-bu-link-active: rgb(235, 235, 229);
        --t-footer-bu-link-bg: rgb(78, 77, 71);
        --t-footer-bu-link-bg-hover: rgb(94, 93, 86);
        --t-footer-bu-link-bg-active: rgb(107, 105, 96);
        --t-gl-search-bg: rgb(46, 45, 41);
        --t-gl-search-text: rgb(218, 218, 210);
        --t-gl-search-border: rgba(255, 255, 255, .12)
    }
}

.footer {
    opacity: 1;
    pointer-events: auto;
    color: var(--t-footer);
    background: var(--t-footer-bg);
    box-shadow: var(--t-footer-border-top)
}

.footer__wrapper {
    max-width: 1264px;
    margin: 0 auto
}

.footer__wrapper--top {
    padding: 16px 16px 0
}

@media (min-width: 720px) {
    .footer__wrapper--top {
        padding: 16px 32px 0
    }
}

.footer__navigation {
    margin: 0;
    padding: 8px 0;
    font-size: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width: 719px) {
    .footer__navigation {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        flex-grow: 1;
        justify-content: flex-start
    }
}

@media (min-width: 720px) {
    .footer__navigation {
        padding: 8px 16px
    }
}

.footer__navigation-item {
    flex: 0 0 50%;
    margin: 0;
    padding: 0;
    display: flex;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (min-width: 720px) {
    .footer__navigation-item {
        display: inline-block
    }
}

.footer__navigation-link {
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 1.14;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: var(--t-footer-navigation-link);
    display: block;
    border-radius: 2px;
    padding: 16px;
    align-self: center;
    flex: 1 1 100%;
    margin: 0 8px;
    transition: background-color .2s ease-in-out
}

.footer__navigation-link:hover, .footer__navigation-link:focus {
    color: var(--t-footer-navigation-link-hover);
    background-color: var(--t-footer-navigation-link-bg-hover)
}

.footer__navigation-link:active {
    color: var(--t-footer-navigation-link-active);
    background-color: var(--t-footer-navigation-link-bg-active)
}

@media (min-width: 720px) {
    .footer__navigation-link {
        margin: 0
    }
}

.footer__imprint {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 720px) {
    .footer__imprint {
        flex-direction: row;
        align-items: flex-end;
        padding: 24px 32px
    }
}

@media (min-width: 720px) {
    .footer__imprint-content {
        flex: 0 1 50%;
        padding-right: 8px
    }
}

.footer__logo {
    width: 46px;
    height: 16px
}

.footer__description {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.33;
    color: var(--t-footer-description);
    margin: 8px 0 16px
}

@media (min-width: 720px) {
    .footer__description {
        margin-bottom: 0
    }
}

.footer__imprint-links {
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0
}

@media (min-width: 720px) {
    .footer__imprint-links {
        justify-content: flex-end
    }
}

.footer__bu-link-item {
    margin: 0 8px 0 0;
    padding: 0;
    flex: 1 1 auto
}

.footer__bu-link-item:last-of-type {
    margin-right: 0
}

@media (min-width: 720px) {
    .footer__bu-link-item {
        flex-grow: 0
    }
}

.footer__bu-link {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: .4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 1.14;
    text-align: center;
    color: var(--t-footer-bu-link);
    width: 100%;
    border-radius: 2px;
    background-color: var(--t-footer-bu-link-bg);
    transition: background-color .2s ease-in-out
}

.footer__bu-link:hover, .footer__bu-link:focus {
    color: var(--t-footer-bu-link-hover);
    background-color: var(--t-footer-bu-link-bg-hover)
}

.footer__bu-link:active {
    color: var(--t-footer-bu-link-active);
    background-color: var(--t-footer-bu-link-bg-active)
}

.globalnav {
    --t-globalnav-sub-bg: rgb(245, 245, 242);
    --t-globalnav-group-border: rgba(0, 0, 0, .08)
}

@media (prefers-color-scheme: dark) {
    .globalnav {
        --t-globalnav-sub-bg: rgb(46, 45, 41);
        --t-globalnav-group-border: rgba(255, 255, 255, .12)
    }
}

.globalnav {
    display: flex;
    flex-direction: column
}

@media (min-width: 720px) {
    .globalnav__container {
        padding: 32px 0
    }
}

.globalnav__container--with-background {
    background-color: var(--t-globalnav-sub-bg)
}

@media (min-width: 720px) {
    .globalnav__container--with-background {
        border-top: 1px solid var(--t-globalnav-group-border);
        border-bottom: 1px solid var(--t-globalnav-group-border)
    }
}

.globalnav__groups {
    display: flex;
    flex-direction: column;
    max-width: 1280px;
    margin: 0 auto
}

@media (min-width: 720px) {
    .globalnav__groups {
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0 12px
    }
}

@media (min-width: 1280px) {
    .globalnav__groups {
        padding: 0 20px
    }
}

.globalnav__group {
    padding: 8px 4px;
    flex: 1 1 0
}

@media (max-width: 719px) {
    .globalnav__group {
        border-bottom: 1px solid var(--t-globalnav-group-border);
        padding: 8px
    }
}

@media (min-width: 720px) {
    .globalnav__group {
        width: 25%
    }
}

.globalnav__group:before {
    content: attr(aria-label);
    font-size: 12px;
    color: #6b6960;
    padding-inline-start: 16px
}

@media (min-width: 720px) {
    .globalnav__group--radio-stations {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .globalnav__group--radio-stations:before {
        width: 100%
    }

    .globalnav__group--radio-stations .globalnav__item {
        flex: 1 0 33%
    }

    .globalnav__group--radio-stations .globalnav__item:nth-child(3n+1) {
        order: 0
    }

    .globalnav__group--radio-stations .globalnav__item:nth-child(3n+2) {
        order: 1
    }

    .globalnav__group--radio-stations .globalnav__item:nth-child(3n+3) {
        order: 2
    }
}

.masthead {
    --t-masthead-bg: rgb(254, 254, 253);
    --t-masthead-title: rgb(34, 33, 29);
    --t-masthead-icon: rgb(78, 77, 71);
    --t-masthead-top-bar-bg: rgb(17, 17, 17);
    --t-gl-subnav-icon: rgb(78, 77, 71);
    --t-gl-subnav-pager-bg: rgb(254, 254, 253);
    --t-gl-subnav-pager-bg-alpha: rgba(254, 254, 253, 0);
    --t-gl-subnav-pager-bg-hover: rgba(185, 183, 172, .12);
    --t-gl-subnav-pager-bg-active: rgba(185, 183, 172, .24);
    --t-gl-nav-group-open-item-color: rgb(78, 77, 71);
    --t-gl-nav-item-active: rgb(201, 16, 36);
    --t-gl-nav-item-active-border: rgb(241, 67, 74);
    --t-gl-nav-item-third-level-icon: rgb(201, 16, 36);
    --t-gl-h-icon-invert: none
}

@media (prefers-color-scheme: dark) {
    .masthead {
        --t-masthead-bg: rgb(34, 33, 29);
        --t-masthead-title: rgb(255, 255, 255);
        --t-masthead-icon: rgb(255, 255, 255);
        --t-masthead-top-bar-bg: rgb(46, 45, 41);
        --t-gl-subnav-icon: rgb(255, 255, 255);
        --t-gl-subnav-pager-bg: rgb(34, 33, 29);
        --t-gl-subnav-pager-bg-alpha: rgba(34, 33, 29, 0);
        --t-gl-subnav-pager-bg-hover: rgba(185, 183, 172, .12);
        --t-gl-subnav-pager-bg-active: rgba(185, 183, 172, .24);
        --t-gl-nav-group-open-item-color: rgb(255, 255, 255);
        --t-gl-nav-item-active: rgb(255, 102, 105);
        --t-gl-nav-item-active-border: rgb(255, 102, 105);
        --t-gl-nav-item-third-level-icon: rgb(255, 102, 105);
        --t-gl-h-icon-invert: invert(100%) contrast(600%)
    }
}

.masthead.masthead--theme-sport, .masthead.masthead--theme-meteo, .masthead.masthead--theme-rtr-aura, .masthead.masthead--theme-kultur, .masthead.masthead--theme-dok, .masthead.masthead--theme-radio-srf-2-kultur, .masthead.masthead--theme-radio-srf-3, .masthead.masthead--theme-radio-srf-musikwelle, .masthead.masthead--theme-rtr-novitads, .masthead.masthead--theme-rtr-cultura, .masthead.masthead--theme-rtr-uffants, .masthead.masthead--theme-rtr-archiv, .masthead.masthead--theme-rtr-interpresa, .masthead.masthead--theme-raetoromanisch, .masthead.masthead--theme-decodar-nossa-cultura, .masthead.masthead--theme-rtr-audio, .masthead.masthead--theme-kids, .masthead.masthead--theme-school {
    --t-masthead-title: rgb(255, 255, 255);
    --t-gl-subnav-pager-bg-hover: rgba(255, 255, 255, .12);
    --t-gl-subnav-pager-bg-active: rgba(255, 255, 255, .24);
    --t-gl-nav-group-open-item-color: rgb(255, 255, 255);
    --t-gl-nav-item-active: rgb(255, 255, 255);
    --t-gl-nav-item-active-border: rgb(255, 255, 255);
    --t-gl-nav-item-third-level-icon: rgb(78, 77, 71);
    --t-masthead-icon: rgb(255, 255, 255);
    --t-gl-subnav-icon: rgb(255, 255, 255)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-sport, .masthead.masthead--theme-meteo, .masthead.masthead--theme-rtr-aura, .masthead.masthead--theme-kultur, .masthead.masthead--theme-dok, .masthead.masthead--theme-radio-srf-2-kultur, .masthead.masthead--theme-radio-srf-3, .masthead.masthead--theme-radio-srf-musikwelle, .masthead.masthead--theme-rtr-novitads, .masthead.masthead--theme-rtr-cultura, .masthead.masthead--theme-rtr-uffants, .masthead.masthead--theme-rtr-archiv, .masthead.masthead--theme-rtr-interpresa, .masthead.masthead--theme-raetoromanisch, .masthead.masthead--theme-decodar-nossa-cultura, .masthead.masthead--theme-rtr-audio, .masthead.masthead--theme-kids, .masthead.masthead--theme-school {
        --t-masthead-title: rgb(255, 255, 255);
        --t-gl-subnav-pager-bg-hover: rgba(255, 255, 255, .12);
        --t-gl-subnav-pager-bg-active: rgba(255, 255, 255, .24);
        --t-gl-nav-group-open-item-color: rgb(255, 255, 255);
        --t-gl-nav-item-active: rgb(255, 255, 255);
        --t-gl-nav-item-active-border: rgb(255, 255, 255);
        --t-gl-nav-item-third-level-icon: rgb(255, 255, 255);
        --t-masthead-icon: rgb(255, 255, 255);
        --t-gl-subnav-icon: rgb(255, 255, 255)
    }
}

.masthead.masthead--theme-rtr-sport, .masthead.masthead--theme-radio-srf-1, .masthead.masthead--theme-radio-srf-virus {
    --t-masthead-title: rgb(34, 33, 29);
    --t-gl-subnav-pager-bg-hover: rgba(0, 0, 0, .08);
    --t-gl-subnav-pager-bg-active: rgba(0, 0, 0, .16);
    --t-gl-nav-group-open-item-color: rgb(34, 33, 29);
    --t-gl-nav-item-active: rgb(0, 0, 0);
    --t-gl-nav-item-active-border: rgb(0, 0, 0);
    --t-gl-nav-item-third-level-icon: rgb(78, 77, 71);
    --t-gl-h-icon-invert: contrast(600%);
    --t-masthead-icon: rgb(78, 77, 71);
    --t-gl-subnav-icon: rgb(78, 77, 71)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-rtr-sport, .masthead.masthead--theme-radio-srf-1, .masthead.masthead--theme-radio-srf-virus {
        --t-masthead-title: rgb(34, 33, 29);
        --t-gl-subnav-pager-bg-hover: rgba(0, 0, 0, .08);
        --t-gl-subnav-pager-bg-active: rgba(0, 0, 0, .16);
        --t-gl-nav-group-open-item-color: rgb(34, 33, 29);
        --t-gl-nav-item-active: rgb(0, 0, 0);
        --t-gl-nav-item-active-border: rgb(0, 0, 0);
        --t-gl-nav-item-third-level-icon: rgb(255, 255, 255);
        --t-gl-h-icon-invert: contrast(600%);
        --t-masthead-icon: rgb(78, 77, 71);
        --t-gl-subnav-icon: rgb(78, 77, 71)
    }
}

.masthead.masthead--theme-sport {
    --t-masthead-bg: rgb(235, 1, 50);
    --t-gl-subnav-pager-bg: rgb(235, 1, 50);
    --t-gl-subnav-pager-bg-alpha: rgba(235, 1, 50, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-sport {
        --t-masthead-bg: rgb(215, 0, 45);
        --t-gl-subnav-pager-bg: rgb(215, 0, 45);
        --t-gl-subnav-pager-bg-alpha: rgba(215, 0, 45, 0)
    }
}

.masthead.masthead--theme-meteo, .masthead.masthead--theme-rtr-aura {
    --t-masthead-bg: rgb(9, 43, 73);
    --t-gl-subnav-pager-bg: rgb(9, 43, 73);
    --t-gl-subnav-pager-bg-alpha: rgba(9, 43, 73, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-meteo, .masthead.masthead--theme-rtr-aura {
        --t-masthead-bg: rgb(9, 43, 73);
        --t-gl-subnav-pager-bg: rgb(9, 43, 73);
        --t-gl-subnav-pager-bg-alpha: rgba(9, 43, 73, 0)
    }
}

.masthead.masthead--theme-kultur {
    --t-masthead-bg: rgb(185, 29, 118);
    --t-gl-subnav-pager-bg: rgb(185, 29, 118);
    --t-gl-subnav-pager-bg-alpha: rgba(185, 29, 118, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-kultur {
        --t-masthead-bg: rgb(140, 29, 96);
        --t-gl-subnav-pager-bg: rgb(140, 29, 96);
        --t-gl-subnav-pager-bg-alpha: rgba(140, 29, 96, 0)
    }
}

.masthead.masthead--theme-dok {
    --t-masthead-bg: rgb(44, 99, 95);
    --t-gl-subnav-pager-bg: rgb(44, 99, 95);
    --t-gl-subnav-pager-bg-alpha: rgba(44, 99, 95, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-dok {
        --t-masthead-bg: rgb(5, 65, 64);
        --t-gl-subnav-pager-bg: rgb(5, 65, 64);
        --t-gl-subnav-pager-bg-alpha: rgba(5, 65, 64, 0)
    }
}

.masthead.masthead--theme-kids {
    --t-masthead-bg: rgb(0, 131, 143);
    --t-gl-subnav-pager-bg: rgb(0, 131, 143);
    --t-gl-subnav-pager-bg-alpha: rgba(0, 131, 143, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-kids {
        --t-masthead-bg: rgb(0, 105, 115);
        --t-gl-subnav-pager-bg: rgb(0, 105, 115);
        --t-gl-subnav-pager-bg-alpha: rgba(0, 105, 115, 0)
    }
}

.masthead.masthead--theme-wissen {
    --t-masthead-bg: rgb(209, 218, 227);
    --t-gl-subnav-pager-bg: rgb(209, 218, 227);
    --t-gl-subnav-pager-bg-alpha: rgba(209, 218, 227, 0);
    --t-gl-nav-item-active: rgb(0, 0, 0);
    --t-gl-nav-item-active-border: rgb(0, 0, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-wissen {
        --t-masthead-bg: rgb(97, 106, 112);
        --t-gl-subnav-pager-bg: rgb(97, 106, 112);
        --t-gl-subnav-pager-bg-alpha: rgba(97, 106, 112, 0);
        --t-gl-nav-item-active: rgb(255, 255, 255);
        --t-gl-nav-item-active-border: rgb(255, 255, 255)
    }
}

.masthead.masthead--theme-radio-srf-1 {
    --t-masthead-bg: rgb(251, 184, 31);
    --t-gl-subnav-pager-bg: rgb(251, 184, 31);
    --t-gl-subnav-pager-bg-alpha: rgba(251, 184, 31, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-radio-srf-1 {
        --t-masthead-bg: rgb(244, 172, 16);
        --t-gl-subnav-pager-bg: rgb(244, 172, 16);
        --t-gl-subnav-pager-bg-alpha: rgba(244, 172, 16, 0)
    }
}

.masthead.masthead--theme-radio-srf-2-kultur {
    --t-masthead-bg: rgb(185, 29, 118);
    --t-gl-subnav-pager-bg: rgb(185, 29, 118);
    --t-gl-subnav-pager-bg-alpha: rgba(185, 29, 118, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-radio-srf-2-kultur {
        --t-masthead-bg: rgb(140, 29, 96);
        --t-gl-subnav-pager-bg: rgb(140, 29, 96);
        --t-gl-subnav-pager-bg-alpha: rgba(140, 29, 96, 0)
    }
}

.masthead.masthead--theme-radio-srf-3 {
    --t-masthead-bg: rgb(17, 17, 17);
    --t-gl-subnav-pager-bg: rgb(17, 17, 17);
    --t-gl-subnav-pager-bg-alpha: rgba(17, 17, 17, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-radio-srf-3 {
        --t-masthead-bg: rgb(17, 17, 17);
        --t-gl-subnav-pager-bg: rgb(17, 17, 17);
        --t-gl-subnav-pager-bg-alpha: rgba(17, 17, 17, 0)
    }
}

.masthead.masthead--theme-radio-srf-musikwelle {
    --t-masthead-bg: rgb(1, 113, 186);
    --t-gl-subnav-pager-bg: rgb(1, 113, 186);
    --t-gl-subnav-pager-bg-alpha: rgba(1, 113, 186, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-radio-srf-musikwelle {
        --t-masthead-bg: rgb(1, 102, 167);
        --t-gl-subnav-pager-bg: rgb(1, 102, 167);
        --t-gl-subnav-pager-bg-alpha: rgba(1, 102, 167, 0)
    }
}

.masthead.masthead--theme-radio-srf-virus {
    --t-masthead-bg: rgb(165, 255, 0);
    --t-gl-subnav-pager-bg: rgb(165, 255, 0);
    --t-gl-subnav-pager-bg-alpha: rgba(165, 255, 0, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-radio-srf-virus {
        --t-masthead-bg: rgb(157, 242, 0);
        --t-gl-subnav-pager-bg: rgb(157, 242, 0);
        --t-gl-subnav-pager-bg-alpha: rgba(157, 242, 0, 0)
    }
}

.masthead.masthead--theme-school {
    --t-masthead-bg: rgb(18, 51, 119);
    --t-gl-subnav-pager-bg: rgb(18, 51, 119);
    --t-gl-subnav-pager-bg-alpha: rgba(18, 51, 119, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-school {
        --t-masthead-bg: rgb(18, 51, 119);
        --t-gl-subnav-pager-bg: rgb(18, 51, 119);
        --t-gl-subnav-pager-bg-alpha: rgba(18, 51, 119, 0)
    }
}

.masthead.masthead--theme-rtr-novitads {
    --t-masthead-bg: rgb(184, 49, 81);
    --t-gl-subnav-pager-bg: rgb(184, 49, 81);
    --t-gl-subnav-pager-bg-alpha: rgba(184, 49, 81, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-rtr-novitads {
        --t-masthead-bg: rgb(156, 42, 69);
        --t-gl-subnav-pager-bg: rgb(156, 42, 69);
        --t-gl-subnav-pager-bg-alpha: rgba(156, 42, 69, 0)
    }
}

.masthead.masthead--theme-rtr-cultura {
    --t-masthead-bg: rgb(52, 1, 73);
    --t-gl-subnav-pager-bg: rgb(52, 1, 73);
    --t-gl-subnav-pager-bg-alpha: rgba(52, 1, 73, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-rtr-cultura {
        --t-masthead-bg: rgb(52, 1, 73);
        --t-gl-subnav-pager-bg: rgb(52, 1, 73);
        --t-gl-subnav-pager-bg-alpha: rgba(52, 1, 73, 0)
    }
}

.masthead.masthead--theme-rtr-sport {
    --t-masthead-bg: rgb(237, 112, 4);
    --t-gl-subnav-pager-bg: rgb(237, 112, 4);
    --t-gl-subnav-pager-bg-alpha: rgba(237, 112, 4, 0);
    --t-masthead-icon: rgb(34, 33, 29);
    --t-gl-subnav-icon: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-rtr-sport {
        --t-masthead-bg: rgb(232, 110, 4);
        --t-gl-subnav-pager-bg: rgb(232, 110, 4);
        --t-gl-subnav-pager-bg-alpha: rgba(232, 110, 4, 0);
        --t-masthead-icon: rgb(34, 33, 29);
        --t-gl-subnav-icon: rgb(34, 33, 29)
    }
}

.masthead.masthead--theme-rtr-uffants {
    --t-masthead-bg: rgb(48, 122, 98);
    --t-gl-subnav-pager-bg: rgb(48, 122, 98);
    --t-gl-subnav-pager-bg-alpha: rgba(48, 122, 98, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-rtr-uffants {
        --t-masthead-bg: rgb(43, 110, 88);
        --t-gl-subnav-pager-bg: rgb(43, 110, 88);
        --t-gl-subnav-pager-bg-alpha: rgba(43, 110, 88, 0)
    }
}

.masthead.masthead--theme-rtr-archiv {
    --t-masthead-bg: rgb(35, 35, 38);
    --t-gl-subnav-pager-bg: rgb(35, 35, 38);
    --t-gl-subnav-pager-bg-alpha: rgba(35, 35, 38, 0)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-rtr-archiv {
        --t-masthead-bg: rgb(35, 35, 38);
        --t-gl-subnav-pager-bg: rgb(35, 35, 38);
        --t-gl-subnav-pager-bg-alpha: rgba(35, 35, 38, 0)
    }
}

.masthead.masthead--theme-rtr-interpresa, .masthead.masthead--theme-raetoromanisch, .masthead.masthead--theme-decodar-nossa-cultura, .masthead.masthead--theme-rtr-audio {
    --t-masthead-bg: rgb(175, 0, 30);
    --t-gl-subnav-pager-bg: rgb(175, 0, 30);
    --t-gl-subnav-pager-bg-alpha: rgba(175, 0, 30, 0);
    --t-masthead-icon: rgb(255, 255, 255);
    --t-gl-subnav-icon: rgb(255, 255, 255)
}

@media (prefers-color-scheme: dark) {
    .masthead.masthead--theme-rtr-interpresa, .masthead.masthead--theme-raetoromanisch, .masthead.masthead--theme-decodar-nossa-cultura, .masthead.masthead--theme-rtr-audio {
        --t-masthead-bg: rgb(161, 13, 29);
        --t-gl-subnav-pager-bg: rgb(161, 13, 29);
        --t-gl-subnav-pager-bg-alpha: rgba(161, 13, 29, 0);
        --t-masthead-icon: rgb(255, 255, 255);
        --t-gl-subnav-icon: rgb(255, 255, 255)
    }
}

.masthead {
    min-height: 56px;
    position: relative;
    z-index: 100;
    padding: 8px 32px 0;
    background-color: var(--t-masthead-bg)
}

@media (max-width: 719px) {
    .masthead {
        padding: 0 16px
    }
}

@media (min-width: 1280px) {
    .masthead {
        padding: 8px 40px 0
    }
}

@media (max-width: 719px) {
    .masthead--subnav {
        padding: 0
    }
}

.masthead.masthead--theme-sport, .masthead.masthead--theme-meteo, .masthead.masthead--theme-kultur, .masthead.masthead--theme-dok, .masthead.masthead--theme-rtr-novitads, .masthead.masthead--theme-rtr-cultura, .masthead.masthead--theme-rtr-sport, .masthead.masthead--theme-rtr-uffants, .masthead.masthead--theme-rtr-archiv, .masthead.masthead--theme-rtr-aura, .masthead.masthead--theme-rtr-interpresa, .masthead.masthead--theme-raetoromanisch, .masthead.masthead--theme-decodar-nossa-cultura, .masthead.masthead--theme-rtr-audio, .masthead.masthead--theme-radio-srf-2-kultur, .masthead.masthead--theme-radio-srf-3, .masthead.masthead--theme-radio-srf-musikwelle, .masthead.masthead--theme-school {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.masthead.masthead--theme-sport .masthead__title-link, .masthead.masthead--theme-meteo .masthead__title-link, .masthead.masthead--theme-kultur .masthead__title-link, .masthead.masthead--theme-dok .masthead__title-link, .masthead.masthead--theme-rtr-novitads .masthead__title-link, .masthead.masthead--theme-rtr-cultura .masthead__title-link, .masthead.masthead--theme-rtr-sport .masthead__title-link, .masthead.masthead--theme-rtr-uffants .masthead__title-link, .masthead.masthead--theme-rtr-archiv .masthead__title-link, .masthead.masthead--theme-rtr-aura .masthead__title-link, .masthead.masthead--theme-rtr-interpresa .masthead__title-link, .masthead.masthead--theme-raetoromanisch .masthead__title-link, .masthead.masthead--theme-decodar-nossa-cultura .masthead__title-link, .masthead.masthead--theme-rtr-audio .masthead__title-link, .masthead.masthead--theme-radio-srf-2-kultur .masthead__title-link, .masthead.masthead--theme-radio-srf-3 .masthead__title-link, .masthead.masthead--theme-radio-srf-musikwelle .masthead__title-link, .masthead.masthead--theme-school .masthead__title-link {
    text-shadow: 0 0 8px rgba(0, 0, 0, .12)
}

.masthead__wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: static;
    z-index: 101
}

.masthead--sticky {
    display: block;
    position: sticky;
    inset-block-start: 0;
    padding-block-start: 0
}

.masthead--sticky .masthead__wrapper:after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
    height: 42px;
    background-color: transparent;
    box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014;
    z-index: -2
}

.masthead--sticky .masthead__wrapper:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--t-masthead-bg);
    z-index: -1
}

.masthead__title {
    flex-basis: 100%;
    margin: 6px 0 4px -2px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-feature-settings: "salt";
    font-size: 32px;
    letter-spacing: normal;
    line-height: 1.25;
    color: var(--t-masthead-title)
}

@media (min-width: 720px) {
    .masthead__title {
        margin: 11px 0 13px -2px;
        font-size: 40px
    }
}

.masthead__title-link, .masthead__title-link:hover, .masthead__title-link:active, .masthead__title-link:visited {
    text-decoration: none;
    color: var(--t-masthead-title)
}

.masthead__universal {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.masthead__logo {
    flex: 1 0 auto;
    display: flex
}

@media (min-width: 1024px) {
    .masthead__logo {
        flex-grow: 0
    }
}

.masthead__portals {
    flex: 1 1 auto;
    margin-inline-start: 10px;
    font-weight: 700;
    font-variation-settings: "wght" 700
}

@media (max-width: 1023px) {
    .masthead__portals {
        display: none
    }
}

.masthead__search {
    margin-inline-end: 32px
}

@media (max-width: 1023px) {
    .masthead__search {
        display: none
    }
}

.masthead__button-wrapper {
    opacity: 1;
    min-height: 0;
    display: block;
    font-size: 0;
    margin-inline-end: -16px
}

@media (max-width: 1023px) {
    .masthead__button--search {
        display: none
    }
}

.masthead__icon.masthead__icon {
    background-color: var(--t-masthead-icon)
}

.masthead__icon.masthead__icon.svg-icon--searchmenu-loggedin {
    background-color: transparent;
    color: var(--t-masthead-icon)
}

.masthead__menu-button-container {
    position: relative;
    display: inline-block
}

.masthead__subnav {
    width: calc(100% + 64px);
    margin: 0 -32px
}

@media (max-width: 719px) {
    .masthead__subnav {
        width: calc(100% + 48px);
        margin: 0
    }
}

.masthead--compact {
    position: sticky;
    width: 100%;
    inset-block-start: 0;
    padding-block-start: 0;
    height: 56px
}

.masthead--compact.masthead--subnav {
    display: none
}

@media (min-width: 720px) {
    .masthead--compact {
        height: 72px
    }

    .masthead--compact .masthead__wrapper {
        padding: 8px 0
    }
}

@media (max-width: 1023px) {
    .masthead--home .masthead__portals {
        display: none
    }
}

@media (min-width: 1024px) {
    .masthead--home {
        position: sticky;
        width: 100%;
        inset-block-start: 0;
        padding-block-end: 8px
    }

    .masthead--home .masthead__wrapper:after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        inset-inline: 0;
        height: 42px;
        background-color: transparent;
        box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014;
        z-index: -2
    }

    .masthead--home .masthead__wrapper:before {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        background-color: var(--t-masthead-bg);
        z-index: -1
    }

    .masthead--home.masthead--subnav {
        display: none
    }

    .masthead--home .masthead__portals {
        display: flex;
        font-size: 18px;
        letter-spacing: .4px;
        margin-inline-start: 12px
    }
}

@media (max-width: 719px) {
    .masthead--top-bar {
        display: none
    }
}

.masthead--top-bar {
    top: 56px;
    --t-masthead-bg: var(--t-masthead-top-bar-bg)
}

@media (min-width: 1024px) {
    .masthead--top-bar {
        top: 72px
    }
}

html:has(body.overflowHidden) {
    overflow: hidden
}

.js-media {
    display: block
}

.modal.modal--theme-dark .button--icon-button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (-webkit-transition) {
    .collection--swipeable .teaser, .collection--compact-swipeable .teaser, .collection--dense-swipeable .teaser, .collection--audio-swipeable .teaser, .collection--audio-2025 .teaser {
        transition: none !important
    }

    .collection--swipeable .teaser:hover, .collection--compact-swipeable .teaser:hover, .collection--dense-swipeable .teaser:hover, .collection--audio-swipeable .teaser:hover, .collection--audio-2025 .teaser:hover {
        box-shadow: none !important
    }
}

.modal.modal--theme-dark .search__icon {
    filter: none;
    background-position: 8px 8px
}

.modal.modal--theme-dark .search--active .search__icon {
    background-position: 8px -42px
}

.teaser__medium-icon-wrapper--autoplay svg {
    width: 100%
}

.nojs-banner {
    display: block;
    background-color: #e31f2b;
    padding: 1rem
}

.nojs-banner__text {
    color: #fefefd;
    margin: 0 auto;
    max-width: 1280px;
    text-align: center
}

.media-caption {
    -webkit-text-size-adjust: none
}

.image--with-ratio, .imagefigure__image {
    width: 100%;
    margin: auto
}

.articlepage__topmedia:has(.player-widget) .articlepage__topmedia-sizer {
    pointer-events: none
}

.sf-dump {
    grid-area: bleed
}

.image {
    --t-image-bg: rgb(218, 218, 210)
}

@media (prefers-color-scheme: dark) {
    .image {
        --t-image-bg: rgb(34, 33, 29)
    }
}

.image {
    width: 100%;
    height: 100%;
    background-color: var(--fec-image-bg, var(--t-image-bg))
}

.image__img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.image--image-gallery {
    position: absolute
}

.image--image-gallery .image__img {
    object-fit: contain
}

.image--no-bg {
    background-color: transparent
}

.breadcrumbs {
    --t-breadcrumb-link: rgb(78, 77, 71);
    --t-breadcrumb-link-bg: rgb(235, 235, 229);
    --t-breadcrumb-link-bg-hover: rgb(218, 218, 210);
    --t-breadcrumb-link-bg-active: rgb(202, 200, 191);
    --t-breadcrumb-icon: rgb(107, 105, 96)
}

@media (prefers-color-scheme: dark) {
    .breadcrumbs {
        --t-breadcrumb-link: rgb(255, 255, 255);
        --t-breadcrumb-link-bg: rgb(78, 77, 71);
        --t-breadcrumb-link-bg-hover: rgb(94, 93, 86);
        --t-breadcrumb-link-bg-active: rgb(107, 105, 96);
        --t-breadcrumb-icon: rgb(255, 255, 255)
    }
}

.breadcrumbs {
    flex: 1 0 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-block: 8px
}

@media (max-width: 719px) {
    .breadcrumbs {
        flex-wrap: nowrap
    }
}

.breadcrumb__link {
    display: block;
    padding: 7px 23px 7px 12px;
    position: relative;
    border-radius: 2px;
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 1.14;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    background-color: var(--t-breadcrumb-link-bg)
}

.breadcrumb__link:hover, .breadcrumb__link:focus {
    background-color: var(--t-breadcrumb-link-bg-hover)
}

.breadcrumb__link:active {
    background-color: var(--t-breadcrumb-link-bg-active)
}

.breadcrumb__link:before {
    content: "";
    position: absolute;
    top: 11px;
    left: auto;
    right: 12px;
    height: 6px;
    width: 6px;
    border-bottom: 1px solid var(--t-breadcrumb-icon);
    border-right: 1px solid var(--t-breadcrumb-icon);
    transform: rotate(-45deg)
}

.breadcrumb__link:after {
    content: "";
    position: absolute;
    inset: -8px -4px
}

.breadcrumb__link, .breadcrumb__link:hover, .breadcrumb__link:active, .breadcrumb__link:focus {
    color: var(--t-breadcrumb-link);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    outline: none
}

.article-author {
    --t-article-author: rgb(34, 33, 29);
    --t-article-date: rgb(107, 105, 96)
}

@media (prefers-color-scheme: dark) {
    .article-author {
        --t-article-author: rgb(255, 255, 255);
        --t-article-date: rgb(185, 183, 172)
    }
}

.article-author {
    display: block;
    margin-bottom: 16px
}

@media (min-width: 720px) {
    .article-author {
        margin-bottom: 24px
    }
}

.article-author__name {
    margin: 0;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 14px;
    letter-spacing: .4px;
    color: var(--t-article-author)
}

.article-author__name span {
    display: inline-block
}

.article-author__date {
    display: block;
    min-height: 16px;
    margin: 0;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.35;
    color: var(--t-article-date)
}

.article-author__date-update {
    display: block;
    min-height: 16px
}

.article-author__shimmer {
    display: none
}

.article-author--short {
    margin-top: 30px;
    padding: 0
}

@media (min-width: 720px) {
    .article-author--short {
        margin-top: 36px
    }
}

.article-author--short .article-author__name {
    font-weight: 300;
    font-variation-settings: "wght" 300
}

.article-heading {
    grid-column: main;
    margin: 8px 0 12px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 28px;
    letter-spacing: normal;
    line-height: 1.35;
    scroll-margin-top: 88px
}

@media (max-width: 719px) {
    .article-heading {
        margin: 8px 0 12px;
        font-size: 24px;
        letter-spacing: normal;
        scroll-margin-top: 64px
    }
}

.article-subheading {
    grid-column: main;
    margin: 8px 0 12px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 20px;
    letter-spacing: .2px;
    line-height: 1.35
}

@media (max-width: 719px) {
    .article-subheading {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.article-lead {
    --t-article-lead: rgb(78, 77, 71)
}

@media (prefers-color-scheme: dark) {
    .article-lead {
        --t-article-lead: rgb(250, 250, 248)
    }
}

.article-lead {
    margin: 0 0 17px;
    font-size: 20px;
    letter-spacing: .2px;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    line-height: 1.45;
    color: var(--t-article-lead);
    font-weight: 300;
    font-variation-settings: "wght" 300;
    display: block
}

@media (min-width: 720px) {
    .article-lead {
        margin: 0 0 24px;
        font-size: 22px;
        letter-spacing: .2px;
        line-height: 1.5
    }
}

.article-list {
    grid-column: main;
    list-style-type: none;
    counter-reset: item;
    padding: 0;
    margin: 0 0 24px
}

@media (max-width: 719px) {
    .article-list {
        margin: 8px 0 20px
    }
}

.article-list li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .article-list li {
        margin: 8px 0
    }
}

@media (max-width: 719px) {
    .article-list {
        margin: 0 0 20px
    }
}

ul.article-list > li:before {
    position: absolute;
    left: 2px;
    top: 11px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--t-text-list, rgb(201, 16, 36));
    content: " "
}

ol.article-list > li {
    padding-left: 2em
}

ol.article-list > li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    content: counter(item) ".";
    color: var(--t-text-list, rgb(201, 16, 36));
    counter-increment: item
}

.article-paragraph {
    grid-column: main;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    margin: 0 0 24px
}

@media (max-width: 719px) {
    .article-paragraph {
        margin: 0 0 20px
    }
}

.article-paragraph:empty {
    display: none
}

.article-reference {
    --t-article-reference: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .article-reference {
        --t-article-reference: rgb(255, 255, 255)
    }
}

.article-reference {
    display: block;
    color: var(--t-article-reference);
    margin: 12px 0 24px;
    padding: 0;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.article-title {
    --t-article-overline: rgb(201, 16, 36);
    --t-article-title: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .article-title {
        --t-article-overline: rgb(255, 102, 105);
        --t-article-title: rgb(255, 255, 255)
    }
}

.article-title {
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.article-title__overline {
    display: block;
    margin: 0 0 1px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.25;
    color: var(--t-article-overline)
}

@media (min-width: 720px) {
    .article-title__overline {
        margin: 0 0 3px;
        font-size: 18px;
        letter-spacing: .4px
    }
}

.article-title__text {
    display: block;
    margin: 1px 0 13px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 32px;
    letter-spacing: normal;
    line-height: 1.25;
    font-feature-settings: "salt";
    color: var(--t-article-title);
    text-wrap: balance
}

@media (min-width: 720px) {
    .article-title__text {
        margin: 3px 0 18px;
        font-size: 36px;
        letter-spacing: normal
    }
}

.content-heading {
    --t-content-heading: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .content-heading {
        --t-content-heading: rgb(255, 255, 255)
    }
}

.content-heading {
    margin: 32px 0 12px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 24px;
    letter-spacing: normal;
    line-height: 1.25;
    color: var(--t-content-heading);
    padding: 0
}

@media (max-width: 719px) {
    .content-heading {
        margin: 24px 0 12px;
        font-size: 22px;
        letter-spacing: .2px;
        line-height: 1.35
    }
}

.content-heading--table-heading {
    font-size: 20px;
    letter-spacing: .2px;
    line-height: 1.35
}

@media (max-width: 719px) {
    .content-heading--table-heading {
        font-size: 18px;
        letter-spacing: .4px;
        line-height: 1.5
    }
}

.content-heading--box-title {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 18px;
    letter-spacing: .4px;
    width: 100%
}

@media (min-width: 720px) {
    .content-heading--box-title {
        font-size: 20px;
        letter-spacing: .2px
    }
}

.article-content {
    --t-article-content: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .article-content {
        --t-article-content: rgb(250, 250, 248)
    }
}

.article-content {
    min-height: 0;
    opacity: 1;
    margin: 0 0 24px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 20px;
    letter-spacing: .2px;
    color: var(--t-article-content)
}

@media (max-width: 719px) {
    .article-content {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.article-content > h1, .article-content > h2, .article-content > h3, .article-content .article-content__heading {
    padding: 0;
    margin: 32px 0 12px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 28px;
    letter-spacing: normal;
    line-height: 1.35
}

@media (max-width: 719px) {
    .article-content > h1, .article-content > h2, .article-content > h3, .article-content .article-content__heading {
        margin: 24px 0 12px;
        font-size: 24px;
        letter-spacing: normal
    }
}

.article-content > p {
    padding: 0;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    margin: 12px 0 24px
}

@media (max-width: 719px) {
    .article-content > p {
        margin: 12px 0 20px
    }
}

.article-content a:not([class]), .article-content a[class=""] {
    border-bottom: 1px solid var(--t-a-underline, rgb(201, 16, 36));
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.article-content a:not([class]):hover, .article-content a[class=""]:hover {
    border-bottom: 1px solid var(--t-a-underline-hover, rgb(201, 16, 36))
}

.article-content a:not([class]):active, .article-content a[class=""]:active {
    border-bottom: 1px solid var(--t-a-underline-active, rgb(201, 16, 36))
}

.article-content a[id*=toc], .article-content a[id*=eztoc] {
    scroll-margin-top: 80px
}

@media (min-width: 720px) {
    .article-content a[id*=toc], .article-content a[id*=eztoc] {
        scroll-margin-top: 96px
    }
}

.article-content ul:not([class]), .article-content ul[class=""] {
    margin: 12px 0 24px;
    list-style-type: none;
    counter-reset: item;
    padding: 0
}

@media (max-width: 719px) {
    .article-content ul:not([class]), .article-content ul[class=""] {
        margin: 8px 0 20px
    }
}

.article-content ul:not([class]) li, .article-content ul[class=""] li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .article-content ul:not([class]) li, .article-content ul[class=""] li {
        margin: 8px 0
    }
}

.article-content ul:not([class]) > li:before, .article-content ul[class=""] > li:before {
    position: absolute;
    left: 2px;
    top: 11px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--t-text-list, rgb(201, 16, 36));
    content: " "
}

.article-content ol:not([class]), .article-content ol[class=""] {
    margin: 12px 0 24px;
    list-style-type: none;
    counter-reset: item;
    padding: 0
}

@media (max-width: 719px) {
    .article-content ol:not([class]), .article-content ol[class=""] {
        margin: 8px 0 20px
    }
}

.article-content ol:not([class]) li, .article-content ol[class=""] li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .article-content ol:not([class]) li, .article-content ol[class=""] li {
        margin: 8px 0
    }
}

.article-content ol:not([class]) > li, .article-content ol[class=""] > li {
    padding-left: 2em
}

.article-content ol:not([class]) > li:before, .article-content ol[class=""] > li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    content: counter(item) ".";
    color: var(--t-text-list, rgb(201, 16, 36));
    counter-increment: item
}

.article-element {
    grid-column: main;
    margin-bottom: 32px
}

@media (max-width: 719px) {
    .article-element {
        margin-bottom: 24px
    }
}

.article-element--bleed {
    grid-column: bleed
}

@media (max-width: 719px) {
    .article-element--bleed {
        grid-column: full
    }
}

.article-element--full {
    grid-column: full
}

.article-element--inset {
    grid-column: inset
}

.article-element--inset-box {
    grid-column: inset;
    margin: 24px 0 48px
}

@media (max-width: 719px) {
    .article-element--inset-box {
        grid-column: bleed;
        margin: 16px 8px 32px
    }
}

@media (min-width: 516px) {
    .article-element--inset-box {
        grid-column: inset;
        margin-inline: 0
    }
}

.article-element--inset-quote {
    grid-column: inset
}

@media (max-width: 719px) {
    .article-element--inset-quote {
        grid-column: main
    }
}

.article-element--srg-election-widget {
    grid-column: full;
    margin-inline: 8px
}

@media (min-width: 720px) {
    .article-element--srg-election-widget {
        grid-column: bleed;
        overflow-x: hidden
    }
}

.article-header {
    padding: 0
}

.collection {
    --t-collection: rgb(34, 33, 29);
    --t-collection-complementary: rgb(255, 255, 255);
    --t-collection-lead: rgb(78, 77, 71);
    --t-collection-title-link: rgb(201, 16, 36);
    --t-collection-title-link-hover: rgb(241, 67, 74);
    --t-collection-title-link-active: rgb(255, 102, 105);
    --t-collection-link: rgb(34, 33, 29);
    --t-collection-link-bg: rgb(250, 250, 248);
    --t-collection-link-bg-hover: rgb(254, 254, 253);
    --t-collection-link-bg-active: rgb(255, 255, 255);
    --t-collection-list-bg: rgb(255, 255, 255);
    --t-collection-list-item-line: rgba(0, 0, 0, .08);
    --t-collection-teaser-item-bg-hover: rgb(250, 250, 248);
    --t-collection-teaser-item-bg-active: rgb(245, 245, 242);
    --t-collection-swipeable-button-bg: rgb(255, 255, 255);
    --t-collection-swipeable-button-separator: rgba(0, 0, 0, .08);
    --t-collection-swipeable-button-inactive-filter: brightness(.75);
    --t-collection-micro-bg: 254, 254, 253;
    --t-collection-micro-decoration: rgb(202, 200, 191);
    --t-collection-micro-column-separator: rgba(0, 0, 0, .08)
}

@media (prefers-color-scheme: dark) {
    .collection {
        --t-collection: rgb(255, 255, 255);
        --t-collection-complementary: rgb(34, 33, 29);
        --t-collection-lead: rgb(245, 245, 242);
        --t-collection-title-link: rgb(255, 102, 105);
        --t-collection-title-link-hover: rgb(255, 145, 147);
        --t-collection-title-link-active: rgb(255, 187, 188);
        --t-collection-link: rgb(255, 255, 255);
        --t-collection-link-bg: rgb(34, 33, 29);
        --t-collection-link-bg-hover: rgb(46, 45, 41);
        --t-collection-link-bg-active: rgb(56, 55, 50);
        --t-collection-list-bg: rgb(20, 20, 17);
        --t-collection-list-item-line: rgba(255, 255, 255, .12);
        --t-collection-teaser-item-bg-hover: rgba(255, 255, 255, .08);
        --t-collection-teaser-item-bg-active: rgba(255, 255, 255, .12);
        --t-collection-swipeable-button-bg: rgb(78, 77, 71);
        --t-collection-swipeable-button-separator: rgba(255, 255, 255, .08);
        --t-collection-swipeable-button-inactive-filter: brightness(.5);
        --t-collection-micro-bg: 34, 33, 29;
        --t-collection-micro-decoration: rgb(202, 200, 191);
        --t-collection-micro-column-separator: rgba(255, 255, 255, .24)
    }
}

.collection {
    --teaser-text-color: var(--t-collection);
    --collection-h-gap: 24px;
    --collection-full: minmax(0, 1fr);
    --collection-bleed: var(--collection-h-gap);
    --collection-main: minmax(calc(320px - (var(--collection-bleed) * 2)), calc(100% - (var(--collection-bleed) * 2)));
    --collection-v-gap: calc(var(--fec-gap) * 1.5);
    --collection-teaser-col-gap: 0;
    --collection-teaser-row-gap: calc(var(--fec-gap) * .5);
    display: grid;
    grid-template-columns:[full-start] var(--collection-full) [bleed-start] var(--collection-bleed) [main-start] var(--collection-main) [main-end] var(--collection-bleed) [bleed-end] var(--collection-full) [full-end];
    padding-block: var(--collection-v-gap);
    background-color: rgba(var(--themed-background-color-rgb), 1);
    --fec-collection: var(--t-collection);
    --fec-collection-complementary: var(--t-collection-complementary)
}

@media (min-width: 720px) {
    .collection {
        --collection-h-gap: 32px;
        --collection-main: minmax(320px, min(1280px - var(--collection-bleed) * 2, 100% - var(--collection-bleed) * 2));
        --collection-teaser-col-gap: 24px;
        --collection-teaser-row-gap: calc(var(--fec-gap) * 1.5)
    }
}

@media (min-width: 1280px) {
    .collection {
        --collection-bleed: 40px;
        --collection-teaser-col-gap: 32px
    }
}

.radio-content-header + .collection.collection--themed {
    margin-block-start: -28px;
    padding-block-start: 64px
}

.collection.collection--promoModule:has(.collection__title-wrapper:empty) {
    padding-block-start: 0
}

.collection:not(.collection--themed):has(.collection__title-wrapper:empty) {
    padding-block-start: var(--collection-teaser-row-gap)
}

.collection:not(.collection--themed) + .collection:not(.collection--themed):has(.collection__title-wrapper:empty) {
    margin-block-start: calc(var(--collection-v-gap) * -1)
}

.collection.collection--themed:not(.collection--promo-module) + .collection.collection--themed:has(.collection__title-wrapper:empty):not(.collection--promo-module) {
    margin-block-start: calc(var(--collection-v-gap) * -2 + var(--collection-teaser-row-gap))
}

@media (min-width: 720px) {
    .collection.collection--themed:not(.collection--promo-module) + .collection.collection--themed:has(.collection__title-wrapper:empty):not(.collection--promo-module) {
        margin-block-start: calc(var(--collection-v-gap) * -1)
    }
}

.collection--hidden {
    display: none
}

.collection > * {
    grid-column: main
}

.collection__title-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 calc(var(--fec-gap) * .75) 0;
    gap: 16px
}

.collection__title-wrapper:has(+.collection__lead) {
    margin-block-end: calc(var(--fec-gap) * .5)
}

.collection__title-wrapper:empty {
    height: 0;
    margin: 0
}

.collection__title-item {
    flex: 0 0 auto
}

.collection__title-item--before {
    margin-right: auto
}

.collection__title-item--grower {
    flex: 1 1 auto
}

.collection__title-item--top-aligned {
    align-self: flex-start
}

.collection__heading {
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-feature-settings: "salt";
    font-size: 24px;
    letter-spacing: normal;
    line-height: 1.25;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    color: var(--t-collection);
    margin: 0
}

@media (min-width: 1024px) {
    .collection__heading {
        font-size: 28px;
        letter-spacing: normal
    }
}

.collection__heading:has(.collection__heading-em) {
    font-weight: 400;
    font-variation-settings: "wght" 400
}

.collection__heading-em {
    font-weight: 700;
    font-variation-settings: "wght" 700
}

.collection__heading-em:before {
    content: "«"
}

.collection__heading-em:after {
    content: "» "
}

.collection__title-link {
    display: flex;
    align-items: center;
    color: var(--t-collection-title-link)
}

.collection__title-link:after {
    content: "";
    flex: 0 0 24px;
    margin-left: 4px;
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-collection-title-link);
    transform: rotate(-90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.collection__title-link:hover, .collection__title-link:focus {
    color: var(--t-collection-title-link-hover)
}

.collection__title-link:hover:after, .collection__title-link:focus:after {
    background-color: var(--t-collection-title-link-hover)
}

.collection__title-link:active {
    color: var(--t-collection-title-link-active)
}

.collection__title-link:active:after {
    background-color: var(--t-collection-title-link-active)
}

.collection__lead {
    --collection-lead-max-width: 624px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 20px;
    letter-spacing: .2px;
    line-height: 1.25;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    color: var(--t-collection-lead);
    max-width: var(--collection-lead-max-width);
    margin: 0 0 calc(var(--fec-gap) * .75) 0
}

@media (min-width: 1024px) {
    .collection__lead {
        --collection-lead-max-width: 680px;
        font-size: 22px;
        letter-spacing: .2px
    }
}

.collection__highlight-image {
    position: relative;
    grid-column: bleed;
    grid-row: 1/3;
    aspect-ratio: 16/9;
    background-size: cover;
    background-position: center;
    margin-bottom: calc(-3 * var(--fec-gap));
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.collection__highlight-image:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: linear-gradient(to right top, #00000094, #0000 66% 100%), linear-gradient(to top, #00000094, #0000)
}

.collection__highlight-image:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: #fff;
    transition: opacity .2s ease-in-out;
    opacity: 0
}

@media (min-width: 720px) {
    .collection__highlight-image {
        aspect-ratio: 3/1
    }
}

@media (min-width: 1280px) {
    .collection__highlight-image {
        border-radius: 2px
    }
}

.collection__teaser-list {
    display: grid;
    grid-template-columns:1fr;
    column-gap: var(--collection-teaser-col-gap);
    row-gap: var(--collection-teaser-row-gap);
    margin-inline: -16px
}

@media (min-width: 720px) {
    .collection__teaser-list {
        grid-template-columns:repeat(6, calc((100% - 5 * var(--collection-teaser-col-gap)) / 6));
        margin-inline: 0
    }
}

@media (max-width: 719px) {
    .collection__teaser-item {
        --fec-type-identifier: "type-s";
        --fec-teaser-grid-template-columns: 1fr auto;
        --fec-teaser-grid-template-rows: auto 1fr min-content min-content;
        --fec-teaser-grid-template-areas: "content medium" "content .     " "extras  extras" "links   links ";
        --fec-teaser-lead-display: none;
        --fec-teaser-medium-indicator-display: none;
        --fec-teaser-image-aspect-ratio: 1 / 1;
        --fec-teaser-align-items: start;
        --fec-teaser-image-width: 92px;
        --fec-teaser-label-position: static;
        --fec-teaser-medium-border-radius: 2px;
        --fec-teaser-medium-border-width: 1px;
        --fec-teaser-medium-margin: 16px 16px 0 0;
        --fec-teaser-opinion-margin-bottom: 0;
        --fec-teaser-label-font-size: 12px;
        --fec-teaser-info-media-duration-display: inline
    }
}

@media (max-width: 719px)and (min-width: 1024px) {
    .collection__teaser-item {
        --fec-teaser-image-width: 96px
    }
}

@media (max-width: 719px)and (min-width: 1280px) {
    .collection__teaser-item {
        --fec-teaser-medium-margin: 24px 24px 0 0;
        --fec-teaser-opinion-margin-bottom: 0
    }
}

@media (min-width: 720px) {
    .collection__teaser-item {
        --fec-teaser-grid-template-columns: 100%;
        --fec-teaser-grid-template-rows: auto 1fr min-content min-content;
        --fec-teaser-grid-template-areas: "medium " "content" "extras " "links  ";
        --fec-teaser-medium-grid-area: medium;
        --fec-teaser-content-grid-area: content;
        --fec-teaser-extras-grid-area: extras;
        --fec-teaser-image-aspect-ratio: 16 / 9;
        --fec-teaser-image-width: 100%;
        --fec-teaser-content-display: flex;
        --fec-teaser-kicker-display: flex;
        --fec-teaser-label-display: inline-flex;
        --fec-teaser-title-display: block;
        --fec-teaser-lead-display: none;
        --fec-teaser-medium-indicator-display: block;
        --fec-teaser-medium-icon-display: flex;
        --fec-teaser-liveticker-display: none;
        --fec-teaser-extras-display: flex;
        --fec-teaser-longform-gradient-display: none;
        --fec-teaser-align-items: stretch;
        --fec-teaser-medium-z-index: 0;
        --fec-teaser-label-position: absolute;
        --fec-teaser-medium-indicator-bottom: 8px;
        --fec-teaser-medium-indicator-right: 8px;
        --fec-teaser-medium-border-width: 0 0 1px;
        --fec-teaser-medium-margin: 0;
        --fec-teaser-content-padding: 16px 12px 0 16px;
        --fec-teaser-extras-padding: 0 16px 16px 16px;
        --fec-teaser-extras-margin: 0;
        --fec-teaser-extras-item-padding-top: 12px;
        --fec-teaser-opinion-padding-top: 8px;
        --fec-teaser-opinion-margin-bottom: -8px;
        --fec-teaser-scoreboard-padding-top: 8px;
        --fec-teaser-scoreboard-margin-bottom: -8px;
        --fec-teaser-links-padding: 0;
        --fec-teaser-background-color: var(--t-teaser-bg);
        --fec-teaser-kicker-color: var(--t-teaser-kicker);
        --fec-teaser-title-color: var(--t-teaser-title);
        --fec-teaser-subtitle-color: var(--t-teaser-subtitle);
        --fec-teaser-lead-color: var(--t-teaser-lead);
        --fec-teaser-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .08);
        --fec-teaser-hover-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16), 0 0 16px 0 rgba(0, 0, 0, .08);
        --fec-teaser-filter-hover: none;
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-kicker-font-weight: 400;
        --fec-teaser-kicker-after-content: none;
        --fec-teaser-title-font-size: 18px;
        --fec-teaser-title-letter-spacing: .2;
        --fec-teaser-lead-font-size: 16px;
        --fec-teaser-label-font-size: 12px;
        --fec-teaser-info-media-duration-display: none;
        --fec-teaser-label-padding: 1px 6px 1px 8px;
        --fec-type-identifier: "type-m";
        grid-column: span 2
    }
}

@media (min-width: 720px)and (min-width: 1024px) {
    .collection__teaser-item {
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-title-font-size: 20px;
        --fec-teaser-lead-font-size: 16px
    }
}

@media (min-width: 720px)and (min-width: 1280px) {
    .collection__teaser-item {
        --fec-teaser-medium-indicator-bottom: 12px;
        --fec-teaser-medium-indicator-right: 12px;
        --fec-teaser-content-padding: 24px 16px 0 24px;
        --fec-teaser-extras-padding: 0 24px 24px 24px;
        --fec-teaser-extras-item-padding-top: 16px;
        --fec-teaser-opinion-padding-top: 12px;
        --fec-teaser-opinion-margin-bottom: -12px;
        --fec-teaser-scoreboard-padding-top: 12px;
        --fec-teaser-scoreboard-margin-bottom: -12px
    }
}

.collection__links {
    display: flex;
    flex-direction: column;
    gap: 8px 12px;
    margin: calc(var(--fec-gap) * .75) 0 0;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .collection__links {
        row-gap: calc(var(--fec-gap) * .125);
        margin-inline: calc(var(--fec-gap) * -1)
    }
}

@media (min-width: 720px) {
    .collection__links {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: calc(var(--fec-gap) * 1.5)
    }
}

.collection__links--no-margin-top {
    margin-block: 0
}

.collection__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 16px;
    letter-spacing: .4px;
    padding: 16px;
    border-radius: 2px;
    background-color: var(--t-collection-link-bg);
    transition: background-color .2s ease-in-out
}

@media (min-width: 1024px) {
    .collection__link {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.collection__link, .collection__link:hover, .collection__link:active, .collection__link:focus {
    color: var(--t-collection-link)
}

.collection__link:hover, .collection__link:focus {
    background-color: var(--t-collection-link-bg-hover)
}

.collection__link:active {
    background-color: var(--t-collection-link-bg-active)
}

.collection__link:after {
    content: "";
    flex: 0 0 24px;
    margin-left: 4px;
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-collection-link);
    transform: rotate(-90deg);
    -webkit-mask-size: 66.6666666667%;
    mask-size: 66.6666666667%
}

.collection--themed {
    --t-collection-title-link: var(--t-collection);
    --t-collection-title-link-hover: var(--t-collection);
    --t-collection-title-link-active: var(--t-collection);
    --t-collection-lead: var(--t-collection);
    --t-collection-link: var(--t-collection);
    --collection-micro-list-decoration: var(--t-collection)
}

.collection--themed:last-child {
    margin-block-end: 0
}

.collection--hero .collection__teaser-item:first-child {
    grid-column: 1/-1
}

@media (max-width: 719px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-teaser-grid-template-columns: 100%;
        --fec-teaser-grid-template-rows: auto 1fr min-content min-content;
        --fec-teaser-grid-template-areas: "medium " "content" "extras " "links  ";
        --fec-teaser-medium-grid-area: medium;
        --fec-teaser-content-grid-area: content;
        --fec-teaser-extras-grid-area: extras;
        --fec-teaser-image-aspect-ratio: 16 / 9;
        --fec-teaser-image-width: 100%;
        --fec-teaser-content-display: flex;
        --fec-teaser-kicker-display: flex;
        --fec-teaser-label-display: inline-flex;
        --fec-teaser-title-display: block;
        --fec-teaser-lead-display: none;
        --fec-teaser-medium-indicator-display: block;
        --fec-teaser-medium-icon-display: flex;
        --fec-teaser-liveticker-display: none;
        --fec-teaser-extras-display: flex;
        --fec-teaser-longform-gradient-display: none;
        --fec-teaser-align-items: stretch;
        --fec-teaser-medium-z-index: 0;
        --fec-teaser-label-position: absolute;
        --fec-teaser-medium-indicator-bottom: 8px;
        --fec-teaser-medium-indicator-right: 8px;
        --fec-teaser-medium-margin: 0;
        --fec-teaser-content-padding: 16px 12px 0 16px;
        --fec-teaser-extras-padding: 0 16px 16px 16px;
        --fec-teaser-extras-margin: 0;
        --fec-teaser-extras-item-padding-top: 12px;
        --fec-teaser-opinion-padding-top: 8px;
        --fec-teaser-opinion-margin-bottom: -8px;
        --fec-teaser-scoreboard-padding-top: 8px;
        --fec-teaser-scoreboard-margin-bottom: -8px;
        --fec-teaser-links-padding: 0;
        --fec-teaser-background-color: var(--t-teaser-bg);
        --fec-teaser-kicker-color: var(--t-teaser-kicker);
        --fec-teaser-title-color: var(--t-teaser-title);
        --fec-teaser-subtitle-color: var(--t-teaser-subtitle);
        --fec-teaser-lead-color: var(--t-teaser-lead);
        --fec-teaser-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .08);
        --fec-teaser-hover-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16), 0 0 16px 0 rgba(0, 0, 0, .08);
        --fec-teaser-filter-hover: none;
        --fec-teaser-kicker-font-weight: 400;
        --fec-teaser-kicker-after-content: none;
        --fec-teaser-title-font-size: 18px;
        --fec-teaser-label-font-size: 12px;
        --fec-teaser-label-padding: 1px 6px 1px 8px;
        --fec-type-identifier: "type-l";
        --fec-teaser-lead-display: block;
        --fec-teaser-liveticker-display: block;
        --fec-teaser-medium-border-width: 0 0 1px;
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-title-font-size: 20px;
        --fec-teaser-title-letter-spacing: .2;
        --fec-teaser-lead-font-size: 16px;
        --fec-media-time-indicator-font-size: 16px;
        --fec-teaser-label-font-size: 16px;
        --fec-teaser-info-media-duration-display: none;
        --fec-teaser-label-padding: 0 6px 0 8px
    }
}

@media (max-width: 719px)and (min-width: 1024px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-title-font-size: 20px;
        --fec-teaser-lead-font-size: 16px
    }
}

@media (max-width: 719px)and (min-width: 1280px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-teaser-medium-indicator-bottom: 12px;
        --fec-teaser-medium-indicator-right: 12px;
        --fec-teaser-content-padding: 24px 16px 0 24px;
        --fec-teaser-extras-padding: 0 24px 24px 24px;
        --fec-teaser-extras-item-padding-top: 16px;
        --fec-teaser-opinion-padding-top: 12px;
        --fec-teaser-opinion-margin-bottom: -12px;
        --fec-teaser-scoreboard-padding-top: 12px;
        --fec-teaser-scoreboard-margin-bottom: -12px
    }
}

@media (max-width: 719px)and (min-width: 1024px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-teaser-kicker-font-size: 18px;
        --fec-teaser-title-font-size: 24px;
        --fec-teaser-title-letter-spacing: normal;
        --fec-teaser-lead-font-size: 18px
    }
}

@media (max-width: 719px)and (min-width: 1280px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-teaser-medium-indicator-bottom: 12px;
        --fec-teaser-medium-indicator-right: 12px
    }
}

@media (min-width: 720px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-type-identifier: "type-xl";
        --fec-teaser-grid-template-columns: 65.8% auto;
        --fec-teaser-grid-template-rows: 1fr min-content min-content;
        --fec-teaser-grid-template-areas: "medium content" "medium extras " "medium links  ";
        --fec-teaser-lead-display: block;
        --fec-teaser-liveticker-display: block;
        --fec-teaser-image-aspect-ratio: 16 / 9;
        --fec-teaser-align-items: stretch;
        --fec-teaser-label-position: absolute;
        --fec-teaser-medium-border-width: 0 1px 0 0;
        --fec-teaser-medium-margin: 0;
        --fec-teaser-content-padding: 16px 12px 0 16px;
        --fec-teaser-links-padding: 0;
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-title-font-size: 20px;
        --fec-teaser-title-letter-spacing: .2;
        --fec-teaser-lead-font-size: 16px;
        --fec-teaser-label-font-size: 16px;
        --fec-teaser-info-media-duration-display: none;
        --fec-teaser-label-padding: 0 6px 0 8px;
        --fec-teaser-image-height: 100%
    }
}

@media (min-width: 720px)and (min-width: 720px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-teaser-medium-indicator-bottom: 20px;
        --fec-teaser-medium-indicator-right: 20px;
        --fec-media-time-indicator-font-size: 16px;
        --fec-teaser-content-padding: 24px 16px 0 24px;
        --fec-teaser-extras-padding: 0 16px 16px 24px
    }
}

@media (min-width: 720px)and (min-width: 1024px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-teaser-kicker-font-size: 18px;
        --fec-teaser-title-font-size: 24px;
        --fec-teaser-title-letter-spacing: normal;
        --fec-teaser-lead-font-size: 18px
    }
}

@media (min-width: 720px)and (min-width: 1280px) {
    .collection--hero .collection__teaser-item:first-child {
        --fec-teaser-medium-indicator-bottom: 26px;
        --fec-teaser-medium-indicator-right: 26px;
        --fec-teaser-content-padding: 32px 24px 0 32px;
        --fec-teaser-extras-padding: 0 24px 24px 32px
    }
}

.collection--duo .collection__teaser-item:nth-child(-n+2), .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child) .collection__teaser-item:nth-child(-n+2) {
    --fec-teaser-grid-template-columns: 100%;
    --fec-teaser-grid-template-rows: auto 1fr min-content min-content;
    --fec-teaser-grid-template-areas: "medium " "content" "extras " "links  ";
    --fec-teaser-medium-grid-area: medium;
    --fec-teaser-content-grid-area: content;
    --fec-teaser-extras-grid-area: extras;
    --fec-teaser-image-aspect-ratio: 16 / 9;
    --fec-teaser-image-width: 100%;
    --fec-teaser-content-display: flex;
    --fec-teaser-kicker-display: flex;
    --fec-teaser-label-display: inline-flex;
    --fec-teaser-title-display: block;
    --fec-teaser-lead-display: none;
    --fec-teaser-medium-indicator-display: block;
    --fec-teaser-medium-icon-display: flex;
    --fec-teaser-liveticker-display: none;
    --fec-teaser-extras-display: flex;
    --fec-teaser-longform-gradient-display: none;
    --fec-teaser-align-items: stretch;
    --fec-teaser-medium-z-index: 0;
    --fec-teaser-label-position: absolute;
    --fec-teaser-medium-indicator-bottom: 8px;
    --fec-teaser-medium-indicator-right: 8px;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-content-padding: 16px 12px 0 16px;
    --fec-teaser-extras-padding: 0 16px 16px 16px;
    --fec-teaser-extras-margin: 0;
    --fec-teaser-extras-item-padding-top: 12px;
    --fec-teaser-opinion-padding-top: 8px;
    --fec-teaser-opinion-margin-bottom: -8px;
    --fec-teaser-scoreboard-padding-top: 8px;
    --fec-teaser-scoreboard-margin-bottom: -8px;
    --fec-teaser-links-padding: 0;
    --fec-teaser-background-color: var(--t-teaser-bg);
    --fec-teaser-kicker-color: var(--t-teaser-kicker);
    --fec-teaser-title-color: var(--t-teaser-title);
    --fec-teaser-subtitle-color: var(--t-teaser-subtitle);
    --fec-teaser-lead-color: var(--t-teaser-lead);
    --fec-teaser-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .08);
    --fec-teaser-hover-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16), 0 0 16px 0 rgba(0, 0, 0, .08);
    --fec-teaser-filter-hover: none;
    --fec-teaser-kicker-font-weight: 400;
    --fec-teaser-kicker-after-content: none;
    --fec-teaser-title-font-size: 18px;
    --fec-teaser-label-font-size: 12px;
    --fec-teaser-label-padding: 1px 6px 1px 8px;
    --fec-type-identifier: "type-l";
    --fec-teaser-lead-display: block;
    --fec-teaser-liveticker-display: block;
    --fec-teaser-medium-border-width: 0 0 1px;
    --fec-teaser-kicker-font-size: 16px;
    --fec-teaser-title-font-size: 20px;
    --fec-teaser-title-letter-spacing: .2;
    --fec-teaser-lead-font-size: 16px;
    --fec-media-time-indicator-font-size: 16px;
    --fec-teaser-label-font-size: 16px;
    --fec-teaser-info-media-duration-display: none;
    --fec-teaser-label-padding: 0 6px 0 8px
}

@media (min-width: 1024px) {
    .collection--duo .collection__teaser-item:nth-child(-n+2), .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child) .collection__teaser-item:nth-child(-n+2) {
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-title-font-size: 20px;
        --fec-teaser-lead-font-size: 16px
    }
}

@media (min-width: 1280px) {
    .collection--duo .collection__teaser-item:nth-child(-n+2), .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child) .collection__teaser-item:nth-child(-n+2) {
        --fec-teaser-medium-indicator-bottom: 12px;
        --fec-teaser-medium-indicator-right: 12px;
        --fec-teaser-content-padding: 24px 16px 0 24px;
        --fec-teaser-extras-padding: 0 24px 24px 24px;
        --fec-teaser-extras-item-padding-top: 16px;
        --fec-teaser-opinion-padding-top: 12px;
        --fec-teaser-opinion-margin-bottom: -12px;
        --fec-teaser-scoreboard-padding-top: 12px;
        --fec-teaser-scoreboard-margin-bottom: -12px
    }
}

@media (min-width: 1024px) {
    .collection--duo .collection__teaser-item:nth-child(-n+2), .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child) .collection__teaser-item:nth-child(-n+2) {
        --fec-teaser-kicker-font-size: 18px;
        --fec-teaser-title-font-size: 24px;
        --fec-teaser-title-letter-spacing: normal;
        --fec-teaser-lead-font-size: 18px
    }
}

@media (min-width: 1280px) {
    .collection--duo .collection__teaser-item:nth-child(-n+2), .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child) .collection__teaser-item:nth-child(-n+2) {
        --fec-teaser-medium-indicator-bottom: 12px;
        --fec-teaser-medium-indicator-right: 12px
    }
}

@media (min-width: 720px) {
    .collection--duo .collection__teaser-item:nth-child(-n+2), .collection--highlight:has(.collection__teaser-item:nth-child(2):last-child) .collection__teaser-item:nth-child(-n+2) {
        grid-column: span 3
    }
}

.collection--swipeable, .collection--compact-swipeable, .collection--dense-swipeable, .collection--audio-swipeable, .collection--audio-2025 {
    overflow: hidden
}

@media (min-width: 1024px) {
    .collection--swipeable, .collection--compact-swipeable, .collection--dense-swipeable, .collection--audio-swipeable, .collection--audio-2025 {
        position: relative
    }
}

@media (min-width: 1280px) {
    .collection--swipeable, .collection--compact-swipeable, .collection--dense-swipeable, .collection--audio-swipeable, .collection--audio-2025 {
        --collection-bleed: min(120px, calc((100% - 1200px) / 2));
        --collection-main: 1200px
    }
}

.collection--swipeable .collection__swipeable-controls, .collection--compact-swipeable .collection__swipeable-controls, .collection--dense-swipeable .collection__swipeable-controls, .collection--audio-swipeable .collection__swipeable-controls, .collection--audio-2025 .collection__swipeable-controls {
    display: none;
    position: absolute;
    right: -32px;
    top: 50%;
    z-index: 10;
    visibility: hidden;
    isolation: isolate
}

@media (min-width: 1024px) {
    .collection--swipeable .collection__swipeable-controls, .collection--compact-swipeable .collection__swipeable-controls, .collection--dense-swipeable .collection__swipeable-controls, .collection--audio-swipeable .collection__swipeable-controls, .collection--audio-2025 .collection__swipeable-controls {
        display: flex
    }
}

@media (min-width: 1280px) {
    .collection--swipeable .collection__swipeable-controls, .collection--compact-swipeable .collection__swipeable-controls, .collection--dense-swipeable .collection__swipeable-controls, .collection--audio-swipeable .collection__swipeable-controls, .collection--audio-2025 .collection__swipeable-controls {
        right: -40px
    }
}

@media (min-width: 1024px) {
    .collection--swipeable .collection__swipeable-controls:hover, .collection--swipeable .collection__teaser-list:hover + .collection__swipeable-controls, .collection--compact-swipeable .collection__swipeable-controls:hover, .collection--compact-swipeable .collection__teaser-list:hover + .collection__swipeable-controls, .collection--dense-swipeable .collection__swipeable-controls:hover, .collection--dense-swipeable .collection__teaser-list:hover + .collection__swipeable-controls, .collection--audio-swipeable .collection__swipeable-controls:hover, .collection--audio-swipeable .collection__teaser-list:hover + .collection__swipeable-controls, .collection--audio-2025 .collection__swipeable-controls:hover, .collection--audio-2025 .collection__teaser-list:hover + .collection__swipeable-controls {
        visibility: visible
    }
}

.collection--swipeable .collection__swipeable-button.collection__swipeable-button, .collection--compact-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--dense-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--audio-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--audio-2025 .collection__swipeable-button.collection__swipeable-button {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 4px;
    min-height: 32px;
    box-shadow: 0 3px 6px #00000029, 0 0 6px #00000014
}

.collection--swipeable .collection__swipeable-button.collection__swipeable-button, .collection--swipeable .collection__swipeable-button.collection__swipeable-button:hover, .collection--swipeable .collection__swipeable-button.collection__swipeable-button:active, .collection--compact-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--compact-swipeable .collection__swipeable-button.collection__swipeable-button:hover, .collection--compact-swipeable .collection__swipeable-button.collection__swipeable-button:active, .collection--dense-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--dense-swipeable .collection__swipeable-button.collection__swipeable-button:hover, .collection--dense-swipeable .collection__swipeable-button.collection__swipeable-button:active, .collection--audio-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--audio-swipeable .collection__swipeable-button.collection__swipeable-button:hover, .collection--audio-swipeable .collection__swipeable-button.collection__swipeable-button:active, .collection--audio-2025 .collection__swipeable-button.collection__swipeable-button, .collection--audio-2025 .collection__swipeable-button.collection__swipeable-button:hover, .collection--audio-2025 .collection__swipeable-button.collection__swipeable-button:active {
    background-color: var(--t-collection-swipeable-button-bg)
}

.collection--swipeable .collection__swipeable-button.collection__swipeable-button:hover, .collection--swipeable .collection__swipeable-button.collection__swipeable-button:active, .collection--compact-swipeable .collection__swipeable-button.collection__swipeable-button:hover, .collection--compact-swipeable .collection__swipeable-button.collection__swipeable-button:active, .collection--dense-swipeable .collection__swipeable-button.collection__swipeable-button:hover, .collection--dense-swipeable .collection__swipeable-button.collection__swipeable-button:active, .collection--audio-swipeable .collection__swipeable-button.collection__swipeable-button:hover, .collection--audio-swipeable .collection__swipeable-button.collection__swipeable-button:active, .collection--audio-2025 .collection__swipeable-button.collection__swipeable-button:hover, .collection--audio-2025 .collection__swipeable-button.collection__swipeable-button:active {
    box-shadow: 0 6px 12px #00000029, 0 0 12px #00000014;
    z-index: 1
}

@media (min-width: 1280px) {
    .collection--swipeable .collection__swipeable-button.collection__swipeable-button, .collection--compact-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--dense-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--audio-swipeable .collection__swipeable-button.collection__swipeable-button, .collection--audio-2025 .collection__swipeable-button.collection__swipeable-button {
        padding: 8px
    }
}

.collection--swipeable .collection__swipeable-button.collection__swipeable-button:before, .collection--compact-swipeable .collection__swipeable-button.collection__swipeable-button:before, .collection--dense-swipeable .collection__swipeable-button.collection__swipeable-button:before, .collection--audio-swipeable .collection__swipeable-button.collection__swipeable-button:before, .collection--audio-2025 .collection__swipeable-button.collection__swipeable-button:before {
    content: "";
    display: block;
    position: absolute;
    top: -24px;
    height: calc(100% + 48px);
    width: 100%;
    cursor: pointer
}

.collection--swipeable .collection__swipeable-button--prev, .collection--compact-swipeable .collection__swipeable-button--prev, .collection--dense-swipeable .collection__swipeable-button--prev, .collection--audio-swipeable .collection__swipeable-button--prev, .collection--audio-2025 .collection__swipeable-button--prev {
    border-bottom-right-radius: 0;
    border-right: 1px solid var(--t-collection-swipeable-button-separator);
    border-top-right-radius: 0;
    left: 0
}

.collection--swipeable .collection__swipeable-button--prev:before, .collection--compact-swipeable .collection__swipeable-button--prev:before, .collection--dense-swipeable .collection__swipeable-button--prev:before, .collection--audio-swipeable .collection__swipeable-button--prev:before, .collection--audio-2025 .collection__swipeable-button--prev:before {
    left: unset;
    right: 0;
    width: calc(100% + 16px)
}

.collection--swipeable .collection__swipeable-button--inactive.collection__swipeable-button--inactive, .collection--compact-swipeable .collection__swipeable-button--inactive.collection__swipeable-button--inactive, .collection--dense-swipeable .collection__swipeable-button--inactive.collection__swipeable-button--inactive, .collection--audio-swipeable .collection__swipeable-button--inactive.collection__swipeable-button--inactive, .collection--audio-2025 .collection__swipeable-button--inactive.collection__swipeable-button--inactive {
    pointer-events: none;
    filter: var(--t-collection-swipeable-button-inactive-filter);
    cursor: default;
    box-shadow: none
}

.collection--swipeable .collection__swipeable-button--inactive.collection__swipeable-button--inactive:before, .collection--compact-swipeable .collection__swipeable-button--inactive.collection__swipeable-button--inactive:before, .collection--dense-swipeable .collection__swipeable-button--inactive.collection__swipeable-button--inactive:before, .collection--audio-swipeable .collection__swipeable-button--inactive.collection__swipeable-button--inactive:before, .collection--audio-2025 .collection__swipeable-button--inactive.collection__swipeable-button--inactive:before {
    display: none
}

.collection--swipeable .collection__teaser-list, .collection--compact-swipeable .collection__teaser-list, .collection--dense-swipeable .collection__teaser-list, .collection--audio-swipeable .collection__teaser-list, .collection--audio-2025 .collection__teaser-list {
    --collection-swipeable-col-gap: calc(var(--fec-gap) * .5);
    --collection-swipeable-list-column: calc(100% - (var(--collection-swipeable-col-gap) * 5));
    display: grid;
    position: relative;
    grid-auto-flow: column;
    column-gap: var(--collection-swipeable-col-gap);
    grid-template-columns:var(--collection-swipeable-list-column);
    grid-auto-columns: var(--collection-swipeable-list-column);
    margin: 0;
    overflow-y: hidden;
    overflow-x: scroll;
    overscroll-behavior-x: contain;
    scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scrollbar-width: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .collection--swipeable .collection__teaser-list, .collection--compact-swipeable .collection__teaser-list, .collection--dense-swipeable .collection__teaser-list, .collection--audio-swipeable .collection__teaser-list, .collection--audio-2025 .collection__teaser-list {
        scroll-behavior: auto
    }
}

.collection--swipeable .collection__teaser-list::-webkit-scrollbar, .collection--compact-swipeable .collection__teaser-list::-webkit-scrollbar, .collection--dense-swipeable .collection__teaser-list::-webkit-scrollbar, .collection--audio-swipeable .collection__teaser-list::-webkit-scrollbar, .collection--audio-2025 .collection__teaser-list::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

@media (max-width: 719px) {
    .collection--swipeable .collection__teaser-list, .collection--compact-swipeable .collection__teaser-list, .collection--dense-swipeable .collection__teaser-list, .collection--audio-swipeable .collection__teaser-list, .collection--audio-2025 .collection__teaser-list {
        grid-column: bleed;
        padding-inline: calc(var(--fec-gap) * .5)
    }
}

@media (min-width: 720px)and (max-width: 1023px) {
    .collection--swipeable .collection__teaser-list, .collection--compact-swipeable .collection__teaser-list, .collection--dense-swipeable .collection__teaser-list, .collection--audio-swipeable .collection__teaser-list, .collection--audio-2025 .collection__teaser-list {
        --collection-swipeable-col-gap: 12px;
        --collection-swipeable-list-column: calc((100% - (7 * var(--collection-swipeable-col-gap))) / 6);
        grid-column: full;
        scroll-padding: var(--collection-bleed);
        padding-inline: var(--collection-bleed)
    }
}

@media (min-width: 1024px) {
    .collection--swipeable .collection__teaser-list, .collection--compact-swipeable .collection__teaser-list, .collection--dense-swipeable .collection__teaser-list, .collection--audio-swipeable .collection__teaser-list, .collection--audio-2025 .collection__teaser-list {
        --collection-swipeable-col-gap: 12px;
        --collection-swipeable-list-column: calc((100% - (6 * var(--collection-swipeable-col-gap))) / 6);
        grid-column: full;
        column-gap: var(--collection-swipeable-col-gap);
        padding: 0 var(--collection-bleed) var(--fec-gap);
        margin-bottom: calc(var(--fec-gap) * -1);
        scroll-padding: var(--collection-bleed)
    }
}

@media (min-width: 1280px) {
    .collection--swipeable .collection__teaser-list, .collection--compact-swipeable .collection__teaser-list, .collection--dense-swipeable .collection__teaser-list, .collection--audio-swipeable .collection__teaser-list, .collection--audio-2025 .collection__teaser-list {
        --collection-swipeable-col-gap: 16px;
        grid-column: bleed;
        --mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) calc((100% - 1200px) / 2), rgba(0, 0, 0, 1) calc((100% - 1199px) / 2), rgba(0, 0, 0, 1) calc(1240px + (100% - 1280px) / 2), rgba(0, 0, 0, .3) calc(1240px + (100% - 1279px) / 2), rgba(0, 0, 0, 0) 100%);
        -webkit-mask-image: var(--mask-image);
        mask-image: var(--mask-image);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

@media (min-width: 1480px) {
    .collection--swipeable .collection__teaser-list, .collection--compact-swipeable .collection__teaser-list, .collection--dense-swipeable .collection__teaser-list, .collection--audio-swipeable .collection__teaser-list, .collection--audio-2025 .collection__teaser-list {
        --mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 120px, rgba(0, 0, 0, 1) 121px, rgba(0, 0, 0, 1) calc(100% - 121px), rgba(0, 0, 0, .3) calc(100% - 120px), rgba(0, 0, 0, 0) 100%)
    }
}

.collection--swipeable .collection__teaser-item, .collection--compact-swipeable .collection__teaser-item, .collection--dense-swipeable .collection__teaser-item, .collection--audio-swipeable .collection__teaser-item, .collection--audio-2025 .collection__teaser-item {
    scroll-snap-align: center;
    scroll-snap-stop: always
}

@media (min-width: 1024px) {
    .collection--swipeable .collection__teaser-item, .collection--compact-swipeable .collection__teaser-item, .collection--dense-swipeable .collection__teaser-item, .collection--audio-swipeable .collection__teaser-item, .collection--audio-2025 .collection__teaser-item {
        scroll-snap-align: start;
        scroll-snap-stop: normal
    }
}

@media (max-width: 719px) {
    .collection--swipeable .collection__teaser-list:not(:has(>:nth-child(2))), .collection--audio-swipeable .collection__teaser-list:not(:has(>:nth-child(2))) {
        grid-template-columns:1fr
    }
}

@media (min-width: 720px) {
    .collection--swipeable .collection__teaser-list:not(:has(>:nth-child(4))), .collection--audio-swipeable .collection__teaser-list:not(:has(>:nth-child(4))) {
        --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
        grid-template-columns:repeat(6, calc((100% - 5 * var(--collection-teaser-col-gap)) / 6))
    }
}

@media (max-width: 719px) {
    .collection--compact-swipeable .collection__teaser-list:not(:has(>:nth-child(2))) {
        grid-template-columns:1fr
    }
}

@media (min-width: 720px) {
    .collection--compact-swipeable .collection__teaser-list:not(:has(>:nth-child(3))) {
        --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
        grid-template-columns:repeat(6, calc((100% - 5 * var(--collection-teaser-col-gap)) / 6))
    }
}

@media (max-width: 719px) {
    .collection--dense-swipeable .collection__teaser-list:not(:has(>:nth-child(3))) {
        grid-template-columns:1fr 1fr
    }

    .collection--dense-swipeable .collection__teaser-item {
        scroll-snap-align: start;
        scroll-margin-inline-start: calc(var(--fec-gap) * 1.5)
    }
}

@media (min-width: 720px) {
    .collection--dense-swipeable .collection__teaser-list:not(:has(>:nth-child(7))) {
        --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
        grid-template-columns:repeat(6, calc((100% - 5 * var(--collection-teaser-col-gap)) / 6))
    }
}

@media (max-width: 719px) {
    .collection--swipeable .collection__teaser-item {
        --fec-teaser-grid-template-columns: 100%;
        --fec-teaser-grid-template-rows: auto 1fr min-content min-content;
        --fec-teaser-grid-template-areas: "medium " "content" "extras " "links  ";
        --fec-teaser-medium-grid-area: medium;
        --fec-teaser-content-grid-area: content;
        --fec-teaser-extras-grid-area: extras;
        --fec-teaser-image-aspect-ratio: 16 / 9;
        --fec-teaser-image-width: 100%;
        --fec-teaser-content-display: flex;
        --fec-teaser-kicker-display: flex;
        --fec-teaser-label-display: inline-flex;
        --fec-teaser-title-display: block;
        --fec-teaser-lead-display: none;
        --fec-teaser-medium-indicator-display: block;
        --fec-teaser-medium-icon-display: flex;
        --fec-teaser-liveticker-display: none;
        --fec-teaser-extras-display: flex;
        --fec-teaser-longform-gradient-display: none;
        --fec-teaser-align-items: stretch;
        --fec-teaser-medium-z-index: 0;
        --fec-teaser-label-position: absolute;
        --fec-teaser-medium-indicator-bottom: 8px;
        --fec-teaser-medium-indicator-right: 8px;
        --fec-teaser-medium-border-width: 0 0 1px;
        --fec-teaser-medium-margin: 0;
        --fec-teaser-content-padding: 16px 12px 0 16px;
        --fec-teaser-extras-padding: 0 16px 16px 16px;
        --fec-teaser-extras-margin: 0;
        --fec-teaser-extras-item-padding-top: 12px;
        --fec-teaser-opinion-padding-top: 8px;
        --fec-teaser-opinion-margin-bottom: -8px;
        --fec-teaser-scoreboard-padding-top: 8px;
        --fec-teaser-scoreboard-margin-bottom: -8px;
        --fec-teaser-links-padding: 0;
        --fec-teaser-background-color: var(--t-teaser-bg);
        --fec-teaser-kicker-color: var(--t-teaser-kicker);
        --fec-teaser-title-color: var(--t-teaser-title);
        --fec-teaser-subtitle-color: var(--t-teaser-subtitle);
        --fec-teaser-lead-color: var(--t-teaser-lead);
        --fec-teaser-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .16), 0 0 1px 0 rgba(0, 0, 0, .08);
        --fec-teaser-hover-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16), 0 0 16px 0 rgba(0, 0, 0, .08);
        --fec-teaser-filter-hover: none;
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-kicker-font-weight: 400;
        --fec-teaser-kicker-after-content: none;
        --fec-teaser-title-font-size: 18px;
        --fec-teaser-title-letter-spacing: .2;
        --fec-teaser-lead-font-size: 16px;
        --fec-teaser-label-font-size: 12px;
        --fec-teaser-info-media-duration-display: none;
        --fec-teaser-label-padding: 1px 6px 1px 8px;
        --fec-type-identifier: "type-m"
    }
}

@media (max-width: 719px)and (min-width: 1024px) {
    .collection--swipeable .collection__teaser-item {
        --fec-teaser-kicker-font-size: 16px;
        --fec-teaser-title-font-size: 20px;
        --fec-teaser-lead-font-size: 16px
    }
}

@media (max-width: 719px)and (min-width: 1280px) {
    .collection--swipeable .collection__teaser-item {
        --fec-teaser-medium-indicator-bottom: 12px;
        --fec-teaser-medium-indicator-right: 12px;
        --fec-teaser-content-padding: 24px 16px 0 24px;
        --fec-teaser-extras-padding: 0 24px 24px 24px;
        --fec-teaser-extras-item-padding-top: 16px;
        --fec-teaser-opinion-padding-top: 12px;
        --fec-teaser-opinion-margin-bottom: -12px;
        --fec-teaser-scoreboard-padding-top: 12px;
        --fec-teaser-scoreboard-margin-bottom: -12px
    }
}

.collection--micro, .collection--micro-numeric, .collection--micro-bullets {
    --collection-teaser-row-gap: 16px;
    position: relative
}

@media (max-width: 719px) {
    .collection--micro, .collection--micro-numeric, .collection--micro-bullets {
        --collection-bleed: 8px
    }
}

.collection--micro .collection__card-wrapper, .collection--micro-numeric .collection__card-wrapper, .collection--micro-bullets .collection__card-wrapper {
    grid-column: main;
    padding: var(--fec-gap);
    border-radius: 2px;
    box-shadow: 0 0 1px #00000029, 0 0 1px #00000014;
    background-color: rgba(var(--themed-background-color-rgb, var(--t-collection-micro-bg)), 1)
}

.collection--micro .collection__heading, .collection--micro-numeric .collection__heading, .collection--micro-bullets .collection__heading {
    font-size: 20px;
    letter-spacing: .2px
}

@media (min-width: 720px) {
    .collection--micro .collection__heading, .collection--micro-numeric .collection__heading, .collection--micro-bullets .collection__heading {
        font-size: 24px;
        letter-spacing: normal
    }
}

.collection--micro .collection__lead, .collection--micro-numeric .collection__lead, .collection--micro-bullets .collection__lead {
    margin-bottom: 0;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.25
}

@media (min-width: 720px) {
    .collection--micro .collection__lead, .collection--micro-numeric .collection__lead, .collection--micro-bullets .collection__lead {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.collection--micro .collection__teaser-list, .collection--micro-numeric .collection__teaser-list, .collection--micro-bullets .collection__teaser-list {
    margin: var(--fec-gap) 0 0
}

@media (min-width: 720px) {
    .collection--micro .collection__teaser-list, .collection--micro-numeric .collection__teaser-list, .collection--micro-bullets .collection__teaser-list {
        display: block;
        columns: 2;
        column-gap: calc(var(--fec-gap) * 2 + 1px);
        column-rule: 1px solid var(--t-collection-micro-column-separator, rgba(0, 0, 0, .08))
    }
}

@media (min-width: 1280px) {
    .collection--micro .collection__teaser-list, .collection--micro-numeric .collection__teaser-list, .collection--micro-bullets .collection__teaser-list {
        column-gap: calc(var(--fec-gap) * 4 + 1px)
    }
}

.collection--micro .collection__teaser-item, .collection--micro-numeric .collection__teaser-item, .collection--micro-bullets .collection__teaser-item {
    --fec-teaser-background-color: transparent;
    --fec-teaser-box-shadow: none;
    --fec-teaser-hover-box-shadow: none;
    --fec-type-identifier: "type-micro";
    --fec-teaser-grid-template-columns: auto 1fr;
    --fec-teaser-grid-template-rows: auto 1fr;
    --fec-teaser-grid-template-areas: "medium content" "medium extras";
    --fec-teaser-medium-grid-area: medium;
    --fec-teaser-image-aspect-ratio: 1 / 1;
    --fec-teaser-image-width: 64px;
    --fec-teaser-kicker-display: inline-flex;
    --fec-teaser-label-display: none;
    --fec-teaser-title-display: inline;
    --fec-teaser-lead-display: none;
    --fec-teaser-medium-indicator-display: none;
    --fec-teaser-opinion-display: none;
    --fec-teaser-scoreboard-display: none;
    --fec-teaser-align-items: start;
    --fec-teaser-label-position: absolute;
    --fec-teaser-medium-border-radius: 2px;
    --fec-teaser-medium-border-width: 1px;
    --fec-teaser-medium-margin: 0 var(--fec-gap) 0 0;
    --fec-teaser-content-padding: 0;
    --fec-teaser-extras-padding: 0;
    --fec-teaser-extras-margin: -4px 0 0 0;
    --fec-teaser-extras-item-padding-top: calc(var(--fec-gap) * .5);
    --fec-teaser-opinion-margin-bottom: 0;
    --fec-teaser-kicker-color: rgb(34, 33, 29);
    --fec-teaser-title-font-size: 16px;
    --fec-teaser-title-letter-spacing: .4;
    --fec-teaser-kicker-font-size: var(--fec-teaser-title-font-size);
    --fec-teaser-kicker-font-weight: 500;
    --fec-teaser-kicker-after-content: ":";
    --fec-teaser-info-comments-display: none
}

@media (prefers-color-scheme: dark) {
    .collection--micro .collection__teaser-item, .collection--micro-numeric .collection__teaser-item, .collection--micro-bullets .collection__teaser-item {
        --fec-teaser-kicker-color: rgb(255, 255, 255)
    }
}

@media (min-width: 1024px) {
    .collection--micro .collection__teaser-item, .collection--micro-numeric .collection__teaser-item, .collection--micro-bullets .collection__teaser-item {
        --fec-teaser-title-font-size: 16px;
        --fec-teaser-title-letter-spacing: .4
    }
}

@media (min-width: 1280px) {
    .collection--micro .collection__teaser-item, .collection--micro-numeric .collection__teaser-item, .collection--micro-bullets .collection__teaser-item {
        --fec-teaser-opinion-margin-bottom: 0
    }
}

.collection--micro .collection__teaser-item [data-urn*=":article:"], .collection--micro-numeric .collection__teaser-item [data-urn*=":article:"], .collection--micro-bullets .collection__teaser-item [data-urn*=":article:"] {
    --fec-teaser-image-width: 0;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-medium-border-width: 0
}

@media (max-width: 719px) {
    .collection--micro .collection__teaser-item, .collection--micro-numeric .collection__teaser-item, .collection--micro-bullets .collection__teaser-item {
        margin: calc(var(--fec-gap) * -.5);
        padding: calc(var(--fec-gap) * .5)
    }
}

@media (min-width: 720px) {
    .collection--micro .collection__teaser-item, .collection--micro-numeric .collection__teaser-item, .collection--micro-bullets .collection__teaser-item {
        display: block;
        padding: calc(var(--fec-gap) * .5);
        margin-inline: calc(var(--fec-gap) * -.5);
        break-inside: avoid-column;
        transition: background-color .2s ease-in-out
    }

    .collection--micro .collection__teaser-item:hover, .collection--micro-numeric .collection__teaser-item:hover, .collection--micro-bullets .collection__teaser-item:hover {
        background-color: var(--t-collection-teaser-item-bg-hover)
    }

    .collection--micro .collection__teaser-item:active, .collection--micro-numeric .collection__teaser-item:active, .collection--micro-bullets .collection__teaser-item:active {
        background-color: var(--t-collection-teaser-item-bg-active)
    }
}

.collection--micro .collection__teaser-item:has(.teaser--theme-dark), .collection--micro .collection__teaser-item:has(.teaser--theme-dark):hover, .collection--micro .collection__teaser-item:has(.teaser--theme-dark):active, .collection--micro-numeric .collection__teaser-item:has(.teaser--theme-dark), .collection--micro-numeric .collection__teaser-item:has(.teaser--theme-dark):hover, .collection--micro-numeric .collection__teaser-item:has(.teaser--theme-dark):active, .collection--micro-bullets .collection__teaser-item:has(.teaser--theme-dark), .collection--micro-bullets .collection__teaser-item:has(.teaser--theme-dark):hover, .collection--micro-bullets .collection__teaser-item:has(.teaser--theme-dark):active {
    transition: none;
    background-color: #22211d
}

@media (max-width: 719px) {
    .collection--micro .collection__links, .collection--micro-numeric .collection__links, .collection--micro-bullets .collection__links {
        margin-inline: 0
    }
}

.collection--micro.collection--themed .collection__card-wrapper, .collection--micro-numeric.collection--themed .collection__card-wrapper, .collection--micro-bullets.collection--themed .collection__card-wrapper {
    box-shadow: none;
    padding-block: 0
}

.collection:not(.collection--themed) + .collection--micro:not(.collection--themed) {
    padding-block-start: 0
}

@media (max-width: 719px) {
    .collection:not(.collection--themed) + .collection--micro:not(.collection--themed) {
        margin-block-start: calc(var(--collection-teaser-row-gap) * -1)
    }
}

.collection--micro-numeric .collection__teaser-item {
    --fec-teaser-image-width: 0;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-medium-border-width: 0;
    display: flex;
    min-height: calc(var(--fec-gap) * 2.5)
}

.collection--micro-numeric .collection__teaser-item:before {
    position: relative;
    display: block;
    flex: 0 0 calc(20px + var(--fec-gap));
    content: counter(item);
    counter-increment: item;
    font-size: 32px;
    line-height: 32px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: var(--collection-micro-list-decoration, var(--t-collection-micro-decoration))
}

@media (min-width: 720px) {
    .collection--micro-numeric .collection__teaser-item:before {
        flex-basis: calc(24px + var(--fec-gap));
        font-size: 36px;
        line-height: 36px
    }
}

.collection--micro-bullets .collection__teaser-item {
    --fec-teaser-image-width: 0;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-medium-border-width: 0;
    --micro-bullet-size: 8px;
    display: flex
}

.collection--micro-bullets .collection__teaser-item:before {
    content: "";
    position: relative;
    display: block;
    flex: 0 0 var(--micro-bullet-size);
    width: var(--micro-bullet-size);
    height: var(--micro-bullet-size);
    margin-top: 8px;
    margin-right: var(--fec-gap);
    border-radius: 50%;
    background-color: var(--collection-micro-list-decoration, var(--t-collection-micro-decoration))
}

@media (min-width: 720px) {
    .collection--micro-bullets .collection__teaser-item:before {
        --micro-bullet-size: 10px;
        margin-top: 6px
    }
}

.collection--themed.collection--micro, .collection--themed.collection--audio, .collection--themed.collection--audio-swipeable, .collection--themed.collection--audio-2025 {
    --teaser-color-status-text: var(--teaser-text-color);
    --fec-broadcast-info-color: var(--teaser-text-color)
}

.collection--themed.collection--micro .collection__teaser-item, .collection--themed.collection--audio .collection__teaser-item, .collection--themed.collection--audio-swipeable .collection__teaser-item, .collection--themed.collection--audio-2025 .collection__teaser-item {
    --fec-teaser-title-color: var(--t-collection);
    --fec-teaser-subtitle-color: var(--t-collection);
    --fec-teaser-kicker-color: var(--t-collection);
    --fec-teaser-lead-color: var(--t-collection)
}

@media (min-width: 720px) {
    .collection--themed.collection--micro .collection__teaser-item:hover {
        background-color: var(--t-collection-link-bg-hover)
    }

    .collection--themed.collection--micro .collection__teaser-item:active {
        background-color: var(--t-collection-link-bg-active)
    }
}

.collection--list, .collection--list-compact {
    background-color: var(--t-collection-list-bg)
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .collection--list > *, .collection--list-compact > * {
        padding-right: 33%
    }
}

@media (min-width: 1280px) {
    .collection--list > *, .collection--list-compact > * {
        padding-right: 418px
    }
}

.collection--list .collection__title-wrapper, .collection--list-compact .collection__title-wrapper {
    margin-right: -16px
}

.collection--list .collection__lead, .collection--list-compact .collection__lead {
    display: none
}

.collection--list .collection__teaser-list, .collection--list-compact .collection__teaser-list {
    row-gap: 0;
    margin-inline: 0 -24px
}

.collection--list .collection__teaser-item, .collection--list-compact .collection__teaser-item {
    --fec-teaser-background-color: transparent;
    --fec-teaser-box-shadow: none;
    --fec-teaser-hover-box-shadow: none;
    --fec-type-identifier: "type-list-item";
    --fec-teaser-grid-template-columns: 1fr auto;
    --fec-teaser-grid-template-rows: 1fr auto;
    --fec-teaser-grid-template-areas: "content medium" "extras  medium";
    --fec-teaser-medium-grid-area: medium;
    --fec-teaser-image-aspect-ratio: 16 / 9;
    --fec-teaser-image-width: 219px;
    --fec-teaser-lead-display: block;
    --fec-teaser-liveticker-display: none;
    --fec-teaser-opinion-display: none;
    --fec-teaser-scoreboard-display: none;
    --fec-teaser-align-items: start;
    --fec-teaser-label-position: static;
    --fec-teaser-medium-border-radius: 2px;
    --fec-teaser-medium-border-width: 1px;
    --fec-teaser-medium-margin: 16px 16px 16px 0;
    --fec-teaser-content-padding: 16px 16px 0 0;
    --fec-teaser-extras-padding: 0 16px 16px 0;
    --fec-teaser-links-padding: 0;
    position: relative;
    border-top: 1px solid var(--t-collection-list-item-line)
}

@media (max-width: 719px) {
    .collection--list .collection__teaser-item, .collection--list-compact .collection__teaser-item {
        --fec-teaser-grid-template-areas: "content" "extras ";
        --fec-teaser-medium-grid-area: content;
        --fec-teaser-medium-justify-self: end;
        --fec-teaser-medium-float-placeholder-content: "";
        --fec-teaser-image-aspect-ratio: 1 / 1;
        --fec-teaser-image-width: 92px;
        --fec-teaser-content-padding: 16px 16px 0 0
    }
}

@media (min-width: 1280px) {
    .collection--list .collection__teaser-item, .collection--list-compact .collection__teaser-item {
        --fec-teaser-medium-margin: 24px 24px 24px 0;
        --fec-teaser-extras-padding: 0 24px 16px 0
    }
}

@media (min-width: 720px) {
    .collection--list .collection__teaser-item, .collection--list-compact .collection__teaser-item {
        grid-column: 1/-1;
        transition: background-color .2s ease-in-out
    }

    .collection--list .collection__teaser-item:hover, .collection--list-compact .collection__teaser-item:hover {
        background-color: var(--t-collection-teaser-item-bg-hover)
    }

    .collection--list .collection__teaser-item:active, .collection--list-compact .collection__teaser-item:active {
        background-color: var(--t-collection-teaser-item-bg-active)
    }
}

.collection--list .collection__teaser-item:first-child, .collection--list-compact .collection__teaser-item:first-child {
    border-top: 1px solid transparent
}

.collection--list .collection__teaser-item:last-child, .collection--list-compact .collection__teaser-item:last-child {
    border-bottom: 1px solid var(--t-collection-list-item-line)
}

@media (min-width: 720px) {
    .collection--list .collection__teaser-item:before, .collection--list-compact .collection__teaser-item:before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0;
        background-color: var(--t-collection-teaser-item-bg-hover);
        transition: opacity .2s ease
    }

    .collection--list .collection__teaser-item:active:before, .collection--list-compact .collection__teaser-item:active:before {
        background-color: var(--t-collection-teaser-item-bg-active)
    }

    .collection--list .collection__teaser-item:hover, .collection--list .collection__teaser-item:active, .collection--list-compact .collection__teaser-item:hover, .collection--list-compact .collection__teaser-item:active {
        border-bottom: 1px solid var(--t-collection-list-item-line);
        box-shadow: none;
        margin-left: -16px;
        padding-left: 16px
    }

    .collection--list .collection__teaser-item:hover:before, .collection--list .collection__teaser-item:active:before, .collection--list-compact .collection__teaser-item:hover:before, .collection--list-compact .collection__teaser-item:active:before {
        opacity: 1
    }

    .collection--list .collection__teaser-item:hover + .collection__teaser-item, .collection--list .collection__teaser-item:active + .collection__teaser-item, .collection--list-compact .collection__teaser-item:hover + .collection__teaser-item, .collection--list-compact .collection__teaser-item:active + .collection__teaser-item {
        border-top: none
    }

    .collection--list .collection__teaser-item:first-child:hover, .collection--list .collection__teaser-item:first-child:active, .collection--list-compact .collection__teaser-item:first-child:hover, .collection--list-compact .collection__teaser-item:first-child:active {
        border-top: 1px solid var(--t-collection-list-item-line)
    }
}

body[data-representation=webview] .collection--list, body[data-representation=webview] .collection--list-compact {
    margin-top: -24px
}

@media (min-width: 1024px) {
    body[data-representation=webview] .collection--list, body[data-representation=webview] .collection--list-compact {
        margin-top: -36px
    }
}

.collection--list-compact .collection__teaser-item {
    --fec-teaser-lead-display: none;
    --fec-teaser-medium-shape-mask-display: none;
    --fec-teaser-image-width: 0;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-medium-border-width: 0
}

@media (max-width: 719px) {
    .collection--dense-swipeable .collection__teaser-list {
        padding-inline: calc(var(--fec-gap) * 1.5);
        --collection-teaser-col-gap: calc(var(--fec-gap) * .5);
        --collection-swipeable-list-column: calc((100% - var(--collection-swipeable-col-gap) * 5) / 2)
    }

    .collection--dense-swipeable .collection__teaser-list:has(>:last-child:nth-child(-n+2)) {
        --collection-swipeable-list-column: calc(50% - var(--collection-swipeable-col-gap) / 2)
    }
}

.collection--dense-swipeable .collection__teaser-item {
    --fec-type-identifier: "type-square";
    --fec-teaser-grid-template-columns: 1fr;
    --fec-teaser-grid-template-rows: 1fr;
    --fec-teaser-grid-template-areas: "medium";
    --fec-teaser-medium-grid-area: medium;
    --fec-teaser-kicker-display: none;
    --fec-teaser-title-display: none;
    --fec-teaser-lead-display: none;
    --fec-teaser-medium-indicator-display: none;
    --fec-teaser-links-display: none;
    --fec-teaser-extras-display: none;
    --fec-teaser-opinion-display: none;
    --fec-teaser-scoreboard-display: none;
    --fec-teaser-image-aspect-ratio: 1 / 1;
    --fec-teaser-image-width: 100%;
    --fec-teaser-align-items: start;
    --fec-teaser-medium-border-width: 0;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-content-padding: 0;
    grid-column: span 1
}

@media (min-width: 720px) {
    .collection--compact .collection__teaser-item, .collection--compact-swipeable .collection__teaser-item {
        --fec-type-identifier: "type-s";
        --fec-teaser-grid-template-columns: 1fr auto;
        --fec-teaser-grid-template-rows: auto 1fr min-content min-content;
        --fec-teaser-grid-template-areas: "content medium" "content .     " "extras  extras" "links   links ";
        --fec-teaser-lead-display: none;
        --fec-teaser-medium-indicator-display: none;
        --fec-teaser-image-aspect-ratio: 1 / 1;
        --fec-teaser-align-items: start;
        --fec-teaser-image-width: 92px;
        --fec-teaser-label-position: static;
        --fec-teaser-medium-border-radius: 2px;
        --fec-teaser-medium-border-width: 1px;
        --fec-teaser-medium-margin: 16px 16px 0 0;
        --fec-teaser-opinion-margin-bottom: 0;
        --fec-teaser-label-font-size: 12px;
        --fec-teaser-info-media-duration-display: inline;
        grid-column: span 3
    }
}

@media (min-width: 720px)and (min-width: 1024px) {
    .collection--compact .collection__teaser-item, .collection--compact-swipeable .collection__teaser-item {
        --fec-teaser-image-width: 96px
    }
}

@media (min-width: 720px)and (min-width: 1280px) {
    .collection--compact .collection__teaser-item, .collection--compact-swipeable .collection__teaser-item {
        --fec-teaser-medium-margin: 24px 24px 0 0;
        --fec-teaser-opinion-margin-bottom: 0
    }
}

.collection--audio .collection__teaser-item {
    --fec-type-identifier: "type-audiothek";
    --fec-teaser-grid-template-columns: auto 1fr;
    --fec-teaser-grid-template-rows: auto min-content 1fr;
    --fec-teaser-grid-template-areas: "medium content" "medium extras " "medium .      ";
    --fec-teaser-kicker-display: none;
    --fec-teaser-lead-display: none;
    --fec-teaser-medium-indicator-display: none;
    --fec-teaser-medium-icon-display: none;
    --fec-teaser-links-display: none;
    --fec-teaser-opinion-display: none;
    --fec-teaser-scoreboard-display: none;
    --fec-teaser-image-aspect-ratio: 1 / 1;
    --fec-teaser-image-width: 80px;
    --fec-teaser-align-items: start;
    --fec-teaser-medium-border-radius: 2px;
    --fec-teaser-medium-border-width: 1px;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-content-padding: 0 0 0 calc(var(--fec-gap) * .75);
    --fec-teaser-extras-padding: 0;
    --fec-teaser-extras-margin: 0 0 0 calc(var(--fec-gap) * .75);
    --fec-teaser-extras-item-padding-top: calc(var(--fec-gap) * .5);
    --fec-teaser-filter-hover: opacity(.8);
    --fec-teaser-title-font-size: 18px;
    --fec-teaser-info-media-duration-display: inline;
    --fec-teaser-background-color: transparent;
    --fec-teaser-box-shadow: none;
    --fec-teaser-hover-box-shadow: none;
    grid-column: span 1
}

@media (min-width: 1024px) {
    .collection--audio .collection__teaser-item {
        --fec-teaser-image-width: 112px
    }
}

@media (min-width: 720px) {
    .collection--audio .collection__teaser-item {
        --fec-type-identifier: "type-audiothek";
        --fec-teaser-grid-template-columns: auto 1fr;
        --fec-teaser-grid-template-rows: auto min-content 1fr;
        --fec-teaser-grid-template-areas: "medium content" "medium extras " "medium .      ";
        --fec-teaser-kicker-display: none;
        --fec-teaser-lead-display: none;
        --fec-teaser-medium-indicator-display: none;
        --fec-teaser-medium-icon-display: none;
        --fec-teaser-links-display: none;
        --fec-teaser-opinion-display: none;
        --fec-teaser-scoreboard-display: none;
        --fec-teaser-image-aspect-ratio: 1 / 1;
        --fec-teaser-image-width: 80px;
        --fec-teaser-align-items: start;
        --fec-teaser-medium-border-radius: 2px;
        --fec-teaser-medium-border-width: 1px;
        --fec-teaser-medium-margin: 0;
        --fec-teaser-content-padding: 0 0 0 calc(var(--fec-gap) * .75);
        --fec-teaser-extras-padding: 0;
        --fec-teaser-extras-margin: 0 0 0 calc(var(--fec-gap) * .75);
        --fec-teaser-extras-item-padding-top: calc(var(--fec-gap) * .5);
        --fec-teaser-filter-hover: opacity(.8);
        --fec-teaser-title-font-size: 18px;
        --fec-teaser-info-media-duration-display: inline;
        --fec-teaser-background-color: transparent;
        --fec-teaser-box-shadow: none;
        --fec-teaser-hover-box-shadow: none
    }
}

@media (min-width: 720px)and (min-width: 1024px) {
    .collection--audio .collection__teaser-item {
        --fec-teaser-image-width: 112px
    }
}

.collection--audio .collection__teaser-list {
    margin-inline: 0
}

@media (min-width: 720px)and (max-width: 1023px) {
    .collection--audio .collection__teaser-list {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 1024px) {
    .collection--audio .collection__teaser-list {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 719px) {
    .collection--audio-swipeable .collection__teaser-list {
        padding-inline: calc(var(--fec-gap) * 1.5)
    }
}

.collection--audio-swipeable .collection__teaser-item {
    --fec-type-identifier: "type-audiothek";
    --fec-teaser-grid-template-columns: auto 1fr;
    --fec-teaser-grid-template-rows: auto min-content 1fr;
    --fec-teaser-grid-template-areas: "medium content" "medium extras " "medium .      ";
    --fec-teaser-kicker-display: none;
    --fec-teaser-lead-display: none;
    --fec-teaser-medium-indicator-display: none;
    --fec-teaser-medium-icon-display: none;
    --fec-teaser-links-display: none;
    --fec-teaser-opinion-display: none;
    --fec-teaser-scoreboard-display: none;
    --fec-teaser-image-aspect-ratio: 1 / 1;
    --fec-teaser-image-width: 80px;
    --fec-teaser-align-items: start;
    --fec-teaser-medium-border-radius: 2px;
    --fec-teaser-medium-border-width: 1px;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-content-padding: 0 0 0 calc(var(--fec-gap) * .75);
    --fec-teaser-extras-padding: 0;
    --fec-teaser-extras-margin: 0 0 0 calc(var(--fec-gap) * .75);
    --fec-teaser-extras-item-padding-top: calc(var(--fec-gap) * .5);
    --fec-teaser-filter-hover: opacity(.8);
    --fec-teaser-title-font-size: 18px;
    --fec-teaser-info-media-duration-display: inline;
    --fec-teaser-background-color: transparent;
    --fec-teaser-box-shadow: none;
    --fec-teaser-hover-box-shadow: none
}

@media (min-width: 1024px) {
    .collection--audio-swipeable .collection__teaser-item {
        --fec-teaser-image-width: 112px
    }
}

@media (min-width: 720px) {
    .collection--audio-swipeable .collection__teaser-item {
        --fec-type-identifier: "type-audiothek";
        --fec-teaser-grid-template-columns: auto 1fr;
        --fec-teaser-grid-template-rows: auto min-content 1fr;
        --fec-teaser-grid-template-areas: "medium content" "medium extras " "medium .      ";
        --fec-teaser-kicker-display: none;
        --fec-teaser-lead-display: none;
        --fec-teaser-medium-indicator-display: none;
        --fec-teaser-medium-icon-display: none;
        --fec-teaser-links-display: none;
        --fec-teaser-opinion-display: none;
        --fec-teaser-scoreboard-display: none;
        --fec-teaser-image-aspect-ratio: 1 / 1;
        --fec-teaser-image-width: 80px;
        --fec-teaser-align-items: start;
        --fec-teaser-medium-border-radius: 2px;
        --fec-teaser-medium-border-width: 1px;
        --fec-teaser-medium-margin: 0;
        --fec-teaser-content-padding: 0 0 0 calc(var(--fec-gap) * .75);
        --fec-teaser-extras-padding: 0;
        --fec-teaser-extras-margin: 0 0 0 calc(var(--fec-gap) * .75);
        --fec-teaser-extras-item-padding-top: calc(var(--fec-gap) * .5);
        --fec-teaser-filter-hover: opacity(.8);
        --fec-teaser-title-font-size: 18px;
        --fec-teaser-info-media-duration-display: inline;
        --fec-teaser-background-color: transparent;
        --fec-teaser-box-shadow: none;
        --fec-teaser-hover-box-shadow: none
    }
}

@media (min-width: 720px)and (min-width: 1024px) {
    .collection--audio-swipeable .collection__teaser-item {
        --fec-teaser-image-width: 112px
    }
}

@media (max-width: 719px) {
    .collection--audio-2025 .collection__teaser-list {
        --collection-swipeable-col-gap: 8px;
        --collection-swipeable-list-column: calc((100% - var(--collection-swipeable-col-gap) * 5) / 2);
        padding-inline: calc(var(--fec-gap) * 1.5)
    }

    .collection--audio-2025 .collection__teaser-list:not(:has(>:nth-child(3))) {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 720px)and (max-width: 1023px) {
    .collection--audio-2025 .collection__teaser-list {
        --collection-swipeable-col-gap: 16px;
        --collection-swipeable-list-column: calc((100% - (4 * var(--collection-swipeable-col-gap))) / 4)
    }

    .collection--audio-2025 .collection__teaser-list:not(:has(>:nth-child(5))) {
        --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
        grid-template-columns:repeat(4, calc((100% - 3 * var(--collection-teaser-col-gap)) / 4))
    }
}

@media (min-width: 1024px) {
    .collection--audio-2025 .collection__teaser-list {
        --collection-swipeable-col-gap: 24px;
        --collection-swipeable-list-column: calc((100% - (5 * var(--collection-swipeable-col-gap))) / 5)
    }

    .collection--audio-2025 .collection__teaser-list:not(:has(>:nth-child(6))) {
        --collection-swipeable-col-gap: var(--collection-teaser-col-gap);
        grid-template-columns:repeat(5, calc((100% - 4 * var(--collection-teaser-col-gap)) / 5))
    }
}

.collection--audio-2025 .collection__teaser-item {
    --fec-type-identifier: "type-audio-2025";
    --fec-teaser-grid-template-columns: 1fr;
    --fec-teaser-grid-template-rows: auto 1fr;
    --fec-teaser-grid-template-areas: "medium " "content";
    --fec-teaser-lead-display: flex;
    --fec-teaser-medium-indicator-display: block;
    --fec-teaser-kicker-show-display: flex;
    --fec-teaser-medium-icon-display: none;
    --fec-teaser-links-display: none;
    --fec-teaser-extras-display: none;
    --fec-teaser-opinion-display: none;
    --fec-teaser-scoreboard-display: none;
    --fec-teaser-image-aspect-ratio: 1 / 1;
    --fec-teaser-image-width: 100%;
    --fec-teaser-align-items: start;
    --fec-teaser-medium-border-width: 0;
    --fec-teaser-medium-border-radius: 2px;
    --fec-teaser-medium-margin: 0;
    --fec-teaser-content-padding: 8px 0 0 0;
    --fec-teaser-filter-hover: opacity(.8);
    --fec-teaser-background-color: transparent;
    --fec-teaser-box-shadow: none;
    --fec-teaser-hover-box-shadow: none;
    grid-column: span 1
}

@media (max-width: 719px) {
    .collection--audio-2025 .collection__teaser-item {
        --fec-teaser-lead-display: none;
        --fec-teaser-kicker-font-size: 14px;
        --fec-teaser-title-font-size: 16px
    }
}

@media (min-width: 720px)and (max-width: 1023px) {
    .collection--audio-2025 .collection__teaser-item {
        --fec-teaser-lead-display: none;
        --fec-teaser-kicker-font-size: 14px;
        --fec-teaser-title-font-size: 16px
    }
}

@media (max-width: 719px) {
    .collection--audio-2025 .collection__teaser-item {
        scroll-snap-align: start;
        scroll-margin-inline-start: calc(var(--fec-gap) * 1.5)
    }
}

@media (min-width: 720px) {
    .collection--audio-2025 .collection__teaser-item {
        scroll-snap-align: start;
        scroll-snap-stop: normal
    }
}

.collection--audio-2025 [data-urn*=a2zPodcastTeaser] {
    --fec-teaser-title-display: none
}

.collection--leadless .teaser {
    --fec-teaser-lead-display: none
}

.collection--borderless .collection__title-wrapper, .collection--borderless .collection__lead, .collection--borderless .collection__links {
    display: none
}

.collection--borderless .collection__teaser-list {
    grid-template-columns:minmax(0, 1fr);
    grid-column: bleed;
    margin-inline: 0
}

.collection--borderless .collection__teaser-item {
    --fec-teaser-background-color: transparent;
    --fec-teaser-box-shadow: none;
    --fec-teaser-hover-box-shadow: none
}

.collection--promo-module {
    --fec-promo-module-image-ratio-desktop-up: 16/9;
    --fec-promo-module-text-color: var(--t-collection)
}

@media (min-width: 1280px) {
    .collection--promo-module {
        --collection-bleed: min(120px, calc((100% - 1200px) / 2));
        --collection-main: 1200px
    }
}

.collection--promo-module:first-child {
    --fec-promo-module-image-ratio-desktop-up: 3/1;
    padding-block: 0
}

.collection--promo-module:first-child .collection__title-wrapper, .collection--promo-module:first-child .collection__lead {
    display: none
}

.collection--no-padding.collection--no-padding.collection--no-padding.collection--no-padding {
    padding: 0
}

.collection__static-content--always-fullwidth {
    grid-column: full
}

.collection__static-content--always-fullwidth:has(.privacywall) {
    grid-column: main
}

@media (max-width: 719px) {
    .collection__static-content--mobile-fullwidth {
        grid-column: full
    }
}

@media (max-width: 719px) {
    .collection__static-content--lrc {
        margin: 0 -16px
    }
}

.collection:has(.collection__highlight-image) {
    --t-collection: rgb(255, 255, 255);
    --t-collection-complementary: rgb(34, 33, 29);
    --t-collection-title-link: rgb(255, 255, 255);
    --t-collection-title-link-hover: rgb(255, 255, 255);
    --t-collection-title-link-active: rgb(255, 255, 255);
    grid-template-rows:1fr auto
}

.collection:has(.collection__highlight-image):has(.collection__lead) .collection__highlight-image {
    aspect-ratio: 1/1
}

@media (min-width: 720px)and (max-width: 1023px) {
    .collection:has(.collection__highlight-image):has(.collection__lead) .collection__highlight-image {
        aspect-ratio: 2/1
    }
}

@media (min-width: 1024px) {
    .collection:has(.collection__highlight-image):has(.collection__lead) .collection__highlight-image {
        aspect-ratio: 3/1
    }
}

.collection:has(.collection__highlight-image):has(.collection__title-wrapper:empty):not(:has(.collection__lead)) .collection__highlight-image:before {
    content: none
}

.collection:has(.collection__highlight-image) .collection__title-wrapper {
    grid-row: 1/2;
    align-self: end;
    z-index: 3
}

.collection:has(.collection__highlight-image) .collection__title-wrapper:not(:has(~.collection__lead)) {
    margin-bottom: calc(var(--fec-gap) * 1.75)
}

.collection:has(.collection__highlight-image) .collection__lead {
    grid-row: 2/3;
    z-index: 2;
    color: var(--t-collection-title-link);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: calc(var(--fec-gap) * 1.75)
}

.collection:has(.collection__highlight-image) .collection__title-wrapper, .collection:has(.collection__highlight-image) .collection__lead {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .48)
}

.collection:has(.collection__highlight-image) .collection__teaser-list {
    z-index: 2
}

.collection:has(.collection__highlight-image):has(a.collection__highlight-image) .collection__title-wrapper, .collection:has(.collection__highlight-image):has(a.collection__highlight-image) .collection__lead {
    pointer-events: none
}

.collection:has(.collection__highlight-image):has(a.collection__highlight-image) .collection__highlight-image {
    overflow: hidden;
    cursor: pointer
}

.collection:has(.collection__highlight-image):has(a.collection__highlight-image) .collection__highlight-image > div {
    transition: transform .2s ease-in-out
}

.collection:has(.collection__highlight-image):has(a.collection__highlight-image) .collection__highlight-image:hover:after {
    opacity: .12
}

.collection:has(.collection__highlight-image):has(a.collection__highlight-image) .collection__highlight-image:hover > div {
    transform: scale(1.05)
}

.collection:has(.collection__highlight-image):has(a.collection__highlight-image) .collection__highlight-image:active:after {
    opacity: .24
}

.collection--themed {
    --t-collection-theme-news: 141, 6, 20;
    --t-collection-theme-sport: 235, 1, 50;
    --t-collection-theme-meteo-background-rebranding: 26, 122, 197;
    --t-collection-theme-dok: 44, 99, 95;
    --t-collection-theme-kultur: 185, 29, 118;
    --t-collection-theme-news-update: 218, 218, 210;
    --t-collection-theme-kassensturz-espresso: 85, 182, 242;
    --t-collection-theme-puls: 255, 187, 188;
    --t-collection-theme-wissen: 209, 218, 227;
    --t-collection-theme-neutral-strong: 255, 255, 255;
    --t-collection-theme-neutral-srf: 245, 245, 242;
    --t-collection-theme-kids-blue: 0, 131, 143;
    --t-collection-theme-kids-pink: 255, 68, 162;
    --t-collection-theme-radio-virus: 165, 255, 0;
    --t-collection-theme-radio-musikwelle: 1, 113, 186;
    --t-collection-theme-radio-srf-1: 251, 184, 31;
    --t-collection-theme-radio-srf-3: 17, 17, 17;
    --t-collection-theme-play: 17, 17, 17;
    --t-collection-theme-datawrapper: 254, 254, 253;
    --t-collection-theme-hintergrund: 47, 4, 4;
    --t-collection-theme-besser-leben: 255, 230, 230;
    --t-collection-theme-novitads: 184, 49, 81;
    --t-collection-theme-interpresa: 175, 0, 30;
    --t-collection-theme-uffants: 48, 122, 98;
    --t-collection-theme-archiv: 35, 35, 38;
    --t-collection-theme-cultura: 52, 1, 73;
    --t-collection-theme-rtr-sport: 237, 112, 4;
    --t-collection-theme-school: 18, 51, 119;
    --t-collection-theme-esc-2025: 11, 209, 215
}

@media (prefers-color-scheme: dark) {
    .collection--themed {
        --t-collection-theme-news: 106, 11, 12;
        --t-collection-theme-sport: 215, 0, 45;
        --t-collection-theme-meteo-background-rebranding: 8, 81, 139;
        --t-collection-theme-dok: 5, 65, 64;
        --t-collection-theme-kultur: 140, 29, 96;
        --t-collection-theme-news-update: 56, 55, 50;
        --t-collection-theme-kassensturz-espresso: 77, 162, 218;
        --t-collection-theme-puls: 255, 102, 105;
        --t-collection-theme-wissen: 97, 106, 112;
        --t-collection-theme-neutral-strong: 13, 12, 11;
        --t-collection-theme-neutral-srf: 20, 20, 17;
        --t-collection-theme-kids-blue: 0, 105, 115;
        --t-collection-theme-kids-pink: 179, 0, 93;
        --t-collection-theme-radio-virus: 157, 242, 0;
        --t-collection-theme-radio-musikwelle: 1, 102, 167;
        --t-collection-theme-radio-srf-1: 244, 172, 16;
        --t-collection-theme-radio-srf-3: 46, 45, 41;
        --t-collection-theme-play: 46, 45, 41;
        --t-collection-theme-datawrapper: 34, 33, 29;
        --t-collection-theme-hintergrund: 38, 3, 3;
        --t-collection-theme-besser-leben: 255, 187, 188;
        --t-collection-theme-novitads: 156, 42, 69;
        --t-collection-theme-interpresa: 161, 13, 29;
        --t-collection-theme-uffants: 43, 110, 88;
        --t-collection-theme-archiv: 46, 45, 41;
        --t-collection-theme-cultura: 52, 1, 73;
        --t-collection-theme-rtr-sport: 232, 110, 4;
        --t-collection-theme-school: 18, 51, 119;
        --t-collection-theme-esc-2025: 11, 209, 215
    }
}

.collection--theme-news {
    --themed-background-color-rgb: var(--t-collection-theme-news)
}

.collection--theme-sport {
    --themed-background-color-rgb: var(--t-collection-theme-sport)
}

.collection--theme-meteo-background-rebranding {
    --themed-background-color-rgb: var(--t-collection-theme-meteo-background-rebranding)
}

.collection--theme-dok {
    --themed-background-color-rgb: var(--t-collection-theme-dok)
}

.collection--theme-kultur {
    --themed-background-color-rgb: var(--t-collection-theme-kultur)
}

.collection--theme-news-update {
    --themed-background-color-rgb: var(--t-collection-theme-news-update)
}

.collection--theme-kassensturz-espresso {
    --themed-background-color-rgb: var(--t-collection-theme-kassensturz-espresso)
}

.collection--theme-puls {
    --themed-background-color-rgb: var(--t-collection-theme-puls)
}

.collection--theme-wissen {
    --themed-background-color-rgb: var(--t-collection-theme-wissen)
}

.collection--theme-neutral-strong {
    --themed-background-color-rgb: var(--t-collection-theme-neutral-strong)
}

.collection--theme-neutral-srf {
    --themed-background-color-rgb: var(--t-collection-theme-neutral-srf)
}

.collection--theme-kids-blue {
    --themed-background-color-rgb: var(--t-collection-theme-kids-blue)
}

.collection--theme-kids-pink {
    --themed-background-color-rgb: var(--t-collection-theme-kids-pink)
}

.collection--theme-radio-virus {
    --themed-background-color-rgb: var(--t-collection-theme-radio-virus)
}

.collection--theme-radio-musikwelle {
    --themed-background-color-rgb: var(--t-collection-theme-radio-musikwelle)
}

.collection--theme-radio-srf-1 {
    --themed-background-color-rgb: var(--t-collection-theme-radio-srf-1)
}

.collection--theme-radio-srf-3 {
    --themed-background-color-rgb: var(--t-collection-theme-radio-srf-3)
}

.collection--theme-play {
    --themed-background-color-rgb: var(--t-collection-theme-play)
}

.collection--theme-datawrapper {
    --themed-background-color-rgb: var(--t-collection-theme-datawrapper)
}

.collection--theme-hintergrund {
    --themed-background-color-rgb: var(--t-collection-theme-hintergrund)
}

.collection--theme-besser-leben {
    --themed-background-color-rgb: var(--t-collection-theme-besser-leben)
}

.collection--theme-novitads {
    --themed-background-color-rgb: var(--t-collection-theme-novitads)
}

.collection--theme-interpresa {
    --themed-background-color-rgb: var(--t-collection-theme-interpresa)
}

.collection--theme-uffants {
    --themed-background-color-rgb: var(--t-collection-theme-uffants)
}

.collection--theme-archiv {
    --themed-background-color-rgb: var(--t-collection-theme-archiv)
}

.collection--theme-cultura {
    --themed-background-color-rgb: var(--t-collection-theme-cultura)
}

.collection--theme-rtr-sport {
    --themed-background-color-rgb: var(--t-collection-theme-rtr-sport)
}

.collection--theme-school {
    --themed-background-color-rgb: var(--t-collection-theme-school)
}

.collection--theme-esc-2025 {
    --themed-background-color-rgb: var(--t-collection-theme-esc-2025)
}

@media (prefers-color-scheme: light) {
    .collection--theme-kids-blue, .collection--theme-radio-musikwelle, .collection--theme-radio-srf-3, .collection--theme-news, .collection--theme-play, .collection--theme-meteo-background-rebranding, .collection--theme-dok, .collection--theme-kultur, .collection--theme-sport, .collection--theme-novitads, .collection--theme-interpresa, .collection--theme-uffants, .collection--theme-archiv, .collection--theme-cultura, .collection--theme-school, .collection--theme-hintergrund {
        --t-collection: rgb(255, 255, 255);
        --t-collection-complementary: rgb(34, 33, 29);
        --t-collection-link-bg: rgba(255, 255, 255, .08);
        --t-collection-link-bg-hover: rgba(255, 255, 255, .12);
        --t-collection-link-bg-active: rgba(255, 255, 255, .24);
        --t-collection-micro-column-separator: rgba(255, 255, 255, .24)
    }
}

@media (prefers-color-scheme: dark) {
    .collection--theme-kids-blue, .collection--theme-kids-pink, .collection--theme-neutral-srf, .collection--theme-neutral-strong, .collection--theme-radio-musikwelle, .collection--theme-radio-srf-3, .collection--theme-news-update, .collection--theme-news, .collection--theme-play, .collection--theme-meteo-background-rebranding, .collection--theme-dok, .collection--theme-kultur, .collection--theme-sport, .collection--theme-wissen, .collection--theme-novitads, .collection--theme-interpresa, .collection--theme-uffants, .collection--theme-archiv, .collection--theme-cultura, .collection--theme-school, .collection--theme-datawrapper, .collection--theme-hintergrund {
        --t-collection: rgb(255, 255, 255);
        --t-collection-complementary: rgb(34, 33, 29);
        --t-collection-link-bg: rgba(255, 255, 255, .08);
        --t-collection-link-bg-hover: rgba(255, 255, 255, .12);
        --t-collection-link-bg-active: rgba(255, 255, 255, .24);
        --t-collection-micro-column-separator: rgba(255, 255, 255, .24)
    }
}

@media (prefers-color-scheme: light) {
    .collection--theme-kids-pink, .collection--theme-kassensturz-espresso, .collection--theme-neutral-srf, .collection--theme-neutral-strong, .collection--theme-radio-virus, .collection--theme-radio-srf-1, .collection--theme-news-update, .collection--theme-puls, .collection--theme-rtr-sport, .collection--theme-wissen, .collection--theme-datawrapper, .collection--theme-esc-2025, .collection--theme-besser-leben {
        --t-collection: rgb(34, 33, 29);
        --t-collection-complementary: rgb(255, 255, 255);
        --t-collection-link-bg: rgba(0, 0, 0, .04);
        --t-collection-link-bg-hover: rgba(0, 0, 0, .08);
        --t-collection-link-bg-active: rgba(0, 0, 0, .12);
        --t-collection-micro-column-separator: rgba(0, 0, 0, .12)
    }
}

@media (prefers-color-scheme: dark) {
    .collection--theme-kassensturz-espresso, .collection--theme-radio-virus, .collection--theme-radio-srf-1, .collection--theme-puls, .collection--theme-rtr-sport, .collection--theme-esc-2025, .collection--theme-besser-leben {
        --t-collection: rgb(34, 33, 29);
        --t-collection-complementary: rgb(255, 255, 255);
        --t-collection-link-bg: rgba(0, 0, 0, .04);
        --t-collection-link-bg-hover: rgba(0, 0, 0, .08);
        --t-collection-link-bg-active: rgba(0, 0, 0, .12);
        --t-collection-micro-column-separator: rgba(0, 0, 0, .12)
    }
}

.articlepage {
    --t-articlepage-bg: rgb(254, 254, 253);
    --t-articlepage-article-content: rgb(34, 33, 29);
    --t-articlepage-topmedia-caption-bg: rgb(245, 245, 242);
    --t-articlepage-topmedia-caption-active-bg: rgb(56, 55, 50)
}

@media (prefers-color-scheme: dark) {
    .articlepage {
        --t-articlepage-bg: rgb(34, 33, 29);
        --t-articlepage-article-content: rgb(250, 250, 248);
        --t-articlepage-topmedia-caption-bg: rgb(56, 55, 50);
        --t-articlepage-topmedia-caption-active-bg: rgb(20, 20, 17)
    }
}

.articlepage {
    background-color: var(--t-articlepage-bg);
    box-shadow: 0 0 1px #00000029, 0 0 1px #00000014;
    margin-bottom: 16px;
    border-radius: 2px
}

@media (min-width: 720px) {
    .articlepage {
        margin-bottom: 32px
    }
}

@media (min-width: 1280px) {
    .articlepage {
        margin-bottom: 40px
    }
}

body[data-representation^=webview] .articlepage:not(:has(.articlepage__topmedia)) {
    padding-top: 16px
}

@media (min-width: 720px) {
    body[data-representation^=webview] .articlepage:not(:has(.articlepage__topmedia)) {
        padding-top: 24px
    }
}

.articlepage__article {
    position: relative;
    --articlepage-content-max-width: 100%;
    --articlepage-inset-width: 516px;
    --articlepage-full: minmax(0, 1fr);
    --articlepage-bleed: 24px;
    --articlepage-main: minmax(0, calc((var(--articlepage-content-max-width) - var(--articlepage-inset-width)) / 2));
    --articlepage-inset: minmax(320px, min(var(--articlepage-inset-width), 100%));
    display: grid;
    grid-template-columns:[full-start] var(--articlepage-full) [bleed-start] var(--articlepage-bleed) [main-start] var(--articlepage-main) [inset-start] var(--articlepage-inset) [inset-end] var(--articlepage-main) [main-end] var(--articlepage-bleed) [bleed-end] var(--articlepage-full) [full-end];
    min-height: 480px;
    max-width: unset;
    padding: unset
}

@media (max-width: 719px) {
    .articlepage__article {
        --articlepage-inset: minmax(0, min(var(--articlepage-inset-width), 100%))
    }
}

@media (min-width: 720px) {
    .articlepage__article {
        --articlepage-content-max-width: 624px
    }
}

@media (min-width: 1024px) {
    .articlepage__article {
        --articlepage-content-max-width: 680px
    }
}

.articlepage__topmedia {
    grid-column: full;
    --articlepage-content-max-width: 100%;
    --articlepage-inset-width: 516px;
    --articlepage-full: minmax(0, 1fr);
    --articlepage-bleed: 24px;
    --articlepage-main: minmax(0, calc((var(--articlepage-content-max-width) - var(--articlepage-inset-width)) / 2));
    --articlepage-inset: minmax(320px, min(var(--articlepage-inset-width), 100%));
    display: grid;
    grid-template-columns:[full-start] var(--articlepage-full) [bleed-start] var(--articlepage-bleed) [main-start] var(--articlepage-main) [inset-start] var(--articlepage-inset) [inset-end] var(--articlepage-main) [main-end] var(--articlepage-bleed) [bleed-end] var(--articlepage-full) [full-end];
    grid-template-rows:repeat(2, auto);
    margin-bottom: 32px;
    background-color: var(--t-articlepage-topmedia-caption-bg)
}

@media (max-width: 719px) {
    .articlepage__topmedia {
        --articlepage-inset: minmax(0, min(var(--articlepage-inset-width), 100%))
    }
}

@media (min-width: 720px) {
    .articlepage__topmedia {
        --articlepage-content-max-width: 624px
    }
}

@media (min-width: 1024px) {
    .articlepage__topmedia {
        --articlepage-content-max-width: 680px
    }
}

.articlepage__topmedia:has(.js-player-active) {
    background-color: var(--t-articlepage-topmedia-caption-active-bg)
}

.articlepage__topmedia-sizer {
    aspect-ratio: 16/9;
    grid-column: full;
    grid-row-start: 1
}

@media (min-width: 1024px) {
    .articlepage__topmedia-sizer {
        grid-column: bleed
    }
}

.articlepage__topmedia-content {
    grid-column: full;
    grid-row-start: 1;
    grid-row-end: 3
}

@media (min-width: 1024px) {
    .articlepage__topmedia-content {
        grid-column: bleed
    }
}

.articlepage__topmedia-background {
    background: #000;
    grid-column: full;
    grid-row-start: 1
}

.articlepage__topmedia-fullwidth-element {
    grid-column: full;
    grid-row-start: 1
}

.articlepage__sharing-bar, .articlepage__banner-container {
    grid-column: bleed
}

.articlepage__breadcrumbs {
    grid-column: main;
    display: flex;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-bottom: 24px
}

@media (max-width: 719px) {
    .articlepage__breadcrumbs {
        grid-column: bleed;
        padding: 0 16px 0 24px;
        margin-top: -16px;
        margin-bottom: 16px;
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        overflow-x: auto;
        -webkit-mask-image: linear-gradient(to right, transparent, var(--t-articlepage-bg) 24px, var(--t-articlepage-bg) calc(100% - 24px), transparent), linear-gradient(to left, transparent, var(--t-articlepage-bg) 24px, var(--t-articlepage-bg) calc(100% - 24px), transparent);
        mask-image: linear-gradient(to right, transparent, var(--t-articlepage-bg) 24px, var(--t-articlepage-bg) calc(100% - 24px), transparent), linear-gradient(to left, transparent, var(--t-articlepage-bg) 24px, var(--t-articlepage-bg) calc(100% - 24px), transparent);
        scrollbar-width: none
    }

    .articlepage__breadcrumbs::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0
    }
}

.articlepage__breadcrumbs--top:first-child {
    margin-top: 16px
}

@media (min-width: 720px) {
    .articlepage__breadcrumbs--top:first-child {
        margin-top: 24px
    }
}

.articlepage__breadcrumbs--bottom {
    margin-top: 0
}

.articlepage__article-header {
    display: contents
}

.articlepage__article-header h1 {
    margin: 0
}

.articlepage__article-header > * {
    grid-column: main
}

.articlepage__shimmer-box, .articlepage__reference {
    grid-column: main
}

.articlepage--no-bottom-margin.articlepage--no-bottom-margin {
    margin-bottom: 0
}

.articlepage__article-content {
    display: contents;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 20px;
    letter-spacing: .2px;
    color: var(--t-articlepage-article-content)
}

@media (max-width: 719px) {
    .articlepage__article-content {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.articlepage__article-content a:not([class]), .articlepage__article-content a[class=""] {
    border-bottom: 1px solid var(--t-a-underline, rgb(201, 16, 36));
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.articlepage__article-content a:not([class]):hover, .articlepage__article-content a[class=""]:hover {
    border-bottom: 1px solid var(--t-a-underline-hover, rgb(201, 16, 36))
}

.articlepage__article-content a:not([class]):active, .articlepage__article-content a[class=""]:active {
    border-bottom: 1px solid var(--t-a-underline-active, rgb(201, 16, 36))
}

.articlepage__article-content a[id*=toc], .articlepage__article-content a[id*=eztoc] {
    scroll-margin-top: 80px
}

@media (min-width: 720px) {
    .articlepage__article-content a[id*=toc], .articlepage__article-content a[id*=eztoc] {
        scroll-margin-top: 96px
    }
}

.articlepage__article-content ul:not([class]), .articlepage__article-content ul[class=""] {
    margin: 12px 0 24px;
    list-style-type: none;
    counter-reset: item;
    padding: 0
}

@media (max-width: 719px) {
    .articlepage__article-content ul:not([class]), .articlepage__article-content ul[class=""] {
        margin: 8px 0 20px
    }
}

.articlepage__article-content ul:not([class]) li, .articlepage__article-content ul[class=""] li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .articlepage__article-content ul:not([class]) li, .articlepage__article-content ul[class=""] li {
        margin: 8px 0
    }
}

.articlepage__article-content ul:not([class]) > li:before, .articlepage__article-content ul[class=""] > li:before {
    position: absolute;
    left: 2px;
    top: 11px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--t-text-list, rgb(201, 16, 36));
    content: " "
}

.articlepage__article-content ol:not([class]), .articlepage__article-content ol[class=""] {
    margin: 12px 0 24px;
    list-style-type: none;
    counter-reset: item;
    padding: 0
}

@media (max-width: 719px) {
    .articlepage__article-content ol:not([class]), .articlepage__article-content ol[class=""] {
        margin: 8px 0 20px
    }
}

.articlepage__article-content ol:not([class]) li, .articlepage__article-content ol[class=""] li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .articlepage__article-content ol:not([class]) li, .articlepage__article-content ol[class=""] li {
        margin: 8px 0
    }
}

.articlepage__article-content ol:not([class]) > li, .articlepage__article-content ol[class=""] > li {
    padding-left: 2em
}

.articlepage__article-content ol:not([class]) > li:before, .articlepage__article-content ol[class=""] > li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    content: counter(item) ".";
    color: var(--t-text-list, rgb(201, 16, 36));
    counter-increment: item
}

.article-teaser {
    --t-article-teaser-kicker: rgb(201, 16, 36);
    --t-article-teaser-title: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .article-teaser {
        --t-article-teaser-kicker: rgb(255, 102, 105);
        --t-article-teaser-title: rgb(255, 255, 255)
    }
}

.article-teaser {
    display: block;
    width: 100%;
    border: none;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.article-teaser:hover, .article-teaser:focus, .article-teaser:active {
    border: none
}

.article-teaser__wrapper {
    display: block;
    padding: 16px 24px 16px 0
}

.article-teaser__image {
    float: left;
    border: 0;
    margin-right: 12px;
    width: 92px;
    height: 92px;
    object-fit: cover
}

@media (min-width: 720px) {
    .article-teaser__image {
        margin-right: 16px;
        width: 163px
    }
}

.article-teaser__content {
    margin-left: 104px;
    display: flex;
    flex-direction: column;
    min-height: 92px
}

@media (min-width: 720px) {
    .article-teaser__content {
        margin-left: 158px
    }
}

.article-teaser__kicker {
    color: var(--t-article-teaser-kicker);
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 1.33;
    margin: 0;
    padding-bottom: 4px;
    flex-grow: 0
}

@media (min-width: 720px) {
    .article-teaser__kicker {
        font-size: 14px;
        letter-spacing: .4px;
        line-height: 1.14
    }
}

.article-teaser__title {
    margin: 0;
    padding-bottom: 6px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.25;
    color: var(--t-article-teaser-title);
    flex-grow: 1
}

@media (min-width: 720px) {
    .article-teaser__title {
        padding-bottom: 8px
    }
}

.article-teaser__date {
    color: #6b6960;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.35;
    margin: 0
}

.article-teaser__info-wrapper {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    flex-wrap: wrap;
    line-height: 1
}

.embed {
    position: relative;
    align-items: center;
    justify-content: center;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.embed--youtube .embed__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed--youtube .embed__content iframe, .embed--youtube .embed__content object, .embed--youtube .embed__content embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.embed__content--twitter, .embed__content--facebook {
    max-width: 550px;
    margin: 0 auto
}

@media (min-width: 720px) {
    .embed__content--twitter, .embed__content--facebook {
        margin: 0 auto
    }
}

.embed__content--facebook {
    background-color: #fff
}

.embed__content--facebook .embed__content span:first-child, .embed__content--facebook iframe {
    width: 100% !important
}

.embed--fullwidth-element {
    margin: 0;
    background-color: #111
}

.embed--fullwidth-element .embed__content {
    max-width: 1023px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .embed--fullwidth-element .embed__content {
        max-width: 728px
    }
}

.embed--newsgraphic {
    max-width: 516px;
    margin: 32px 8px
}

@media (min-width: 720px) {
    .embed--newsgraphic {
        margin-top: 48px;
        margin-bottom: 48px
    }
}

@media (min-width: 532px) {
    .embed--newsgraphic {
        margin-left: auto;
        margin-right: auto
    }
}

.embed__content > * {
    margin: 0 auto
}

.embed__content svg {
    letter-spacing: 0
}

@supports (font-variation-settings: normal) {
    .embed__content svg [font-family*=SRG_SSR_Light] {
        font-family: SRG_SSR_Text_VF, sans-serif;
        font-weight: 300;
        font-variation-settings: "wght" 300
    }

    .embed__content svg [font-family*=SRG_SSR_Regular] {
        font-family: SRG_SSR_Text_VF, sans-serif;
        font-weight: 400;
        font-variation-settings: "wght" 400
    }

    .embed__content svg [font-family*=SRG_SSR_Medium] {
        font-family: SRG_SSR_Text_VF, sans-serif;
        font-weight: 500;
        font-variation-settings: "wght" 500
    }

    .embed__content svg [font-family*=SRG_SSR_Bold] {
        font-family: SRG_SSR_Text_VF, sans-serif;
        font-weight: 700;
        font-variation-settings: "wght" 700
    }

    .embed__content svg [font-family*=SRG_SSR_Heavy] {
        font-family: SRG_SSR_Text_VF, sans-serif;
        font-weight: 800;
        font-variation-settings: "wght" 800
    }

    .embed__content svg [font-family*=SRG_SSR_Italic] {
        font-family: SRG_SSR_Text_VF, sans-serif;
        font-style: italic;
        font-synthesis: style;
        font-weight: 400;
        font-variation-settings: "wght" 400
    }

    .embed__content svg [font-family*=SRG_SSR_Bold_Italic] {
        font-family: SRG_SSR_Text_VF, sans-serif;
        font-style: italic;
        font-synthesis: style;
        font-weight: 700;
        font-variation-settings: "wght" 700
    }
}

body[data-representation=web] .embed-inline.no-swear {
    display: block
}

@media (max-width: 719px) {
    body[data-representation=web] .embed-inline.no-swear {
        display: none
    }
}

body[data-representation=web] .linkbox.no-swear {
    display: none
}

@media (max-width: 719px) {
    body[data-representation=web] .linkbox.no-swear {
        display: block
    }
}

body[data-representation=webview] .embed-inline.no-swear {
    display: none
}

.expandable-box {
    --t-expandable-box-bg: rgb(235, 235, 229);
    --t-expandable-box-bg-hover: rgb(218, 218, 210);
    --t-expandable-box-bg-active: rgb(202, 200, 191);
    --t-expandable-box-content: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .expandable-box {
        --t-expandable-box-bg: rgb(56, 55, 50);
        --t-expandable-box-bg-hover: rgb(69, 68, 61);
        --t-expandable-box-bg-active: rgb(78, 77, 71);
        --t-expandable-box-content: rgb(245, 245, 242)
    }
}

.expandable-box {
    background-color: var(--t-expandable-box-bg);
    display: flex;
    flex-direction: column;
    border-radius: 2px;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.expandable-box__header {
    display: flex;
    flex-direction: row;
    padding: 16px;
    cursor: pointer;
    gap: 12px;
    -webkit-tap-highlight-color: transparent
}

.expandable-box__header:hover, .expandable-box__header:focus {
    background-color: var(--t-expandable-box-bg-hover)
}

.expandable-box__header:active {
    background-color: var(--t-expandable-box-bg-active)
}

@media (min-width: 720px) {
    .expandable-box__header {
        padding: 24px
    }
}

.expandable-box__person-icon-container {
    flex: 0 0 60px
}

.expandable-box__expand-icon {
    flex: 0 0 auto;
    align-self: center;
    padding-left: 16px;
    margin-left: auto;
    margin-right: -3px
}

.expandable-box__body {
    display: none
}

.expandable-box__content {
    padding: 0 16px 16px;
    margin: 0;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: var(--t-expandable-box-content)
}

.expandable-box__content > p {
    margin-bottom: 16px
}

.expandable-box__content > p:first-child {
    margin-top: 0
}

.expandable-box__content > p:last-child {
    margin-bottom: 0
}

.expandable-box__content > ul {
    margin: 12px 0 24px;
    list-style-type: none;
    counter-reset: item;
    padding: 0
}

@media (max-width: 719px) {
    .expandable-box__content > ul {
        margin: 8px 0 20px
    }
}

.expandable-box__content > ul li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .expandable-box__content > ul li {
        margin: 8px 0
    }
}

.expandable-box__content > ul > li:before {
    position: absolute;
    left: 2px;
    top: 11px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--t-text-list, rgb(201, 16, 36));
    content: " "
}

.expandable-box__content > ul:last-of-type {
    margin-bottom: 0
}

.expandable-box__content > ul li:before {
    top: 9px
}

@media (min-width: 720px) {
    .expandable-box__content > ul li:before {
        top: 11px
    }
}

.expandable-box__content > ol {
    margin: 12px 0 24px;
    list-style-type: none;
    counter-reset: item;
    padding: 0
}

@media (max-width: 719px) {
    .expandable-box__content > ol {
        margin: 8px 0 20px
    }
}

.expandable-box__content > ol li {
    position: relative;
    margin: 12px 0;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

@media (max-width: 719px) {
    .expandable-box__content > ol li {
        margin: 8px 0
    }
}

.expandable-box__content > ol > li {
    padding-left: 2em
}

.expandable-box__content > ol > li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    content: counter(item) ".";
    color: var(--t-text-list, rgb(201, 16, 36));
    counter-increment: item
}

.expandable-box__content > ol:last-of-type {
    margin-bottom: 0
}

.expandable-box__content > h4 {
    margin: 16px 0 8px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    letter-spacing: .5px
}

@media (min-width: 720px) {
    .expandable-box__content {
        padding: 0 24px 24px;
        font-size: 18px;
        letter-spacing: .4px
    }
}

.expandable-box--expanded .expandable-box__header:hover, .expandable-box--expanded .expandable-box__header:active, .expandable-box--expanded .expandable-box__header:focus {
    background-color: transparent
}

.expandable-box--always-open .expandable-box__body {
    display: block
}

.expandable-box--always-open .expandable-box__header {
    cursor: default;
    padding-bottom: 8px
}

@media (min-width: 1024px) {
    .expandable-box--always-open .expandable-box__header {
        padding-bottom: 12px
    }
}

.expandable-box--always-open .expandable-box__header:hover, .expandable-box--always-open .expandable-box__header:focus, .expandable-box--always-open .expandable-box__header:active {
    background-color: var(--t-expandable-box-bg)
}

.expandable-box--always-open .expandable-box__expand-icon {
    display: none
}

.expandable-box--fullwidth {
    max-width: none;
    margin-left: 0;
    margin-right: 0
}

.expandable-box--state__open {
    display: block !important
}

.expandable-box--state__closed {
    display: none
}

.image-figure {
    margin: 0
}

.image-figure--author-profile {
    width: 100%;
    height: auto;
    margin: -16px 0 12px
}

@media (min-width: 720px) {
    .image-figure--author-profile {
        max-width: 768px;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .image-figure--author-profile {
        max-width: 728px
    }
}

.image-figure--textbox {
    margin-bottom: 16px
}

.podcast-box {
    --t-podcast-box-bg: rgb(245, 245, 242);
    --t-podcast-kicker: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    .podcast-box {
        --t-podcast-box-bg: rgb(56, 55, 50);
        --t-podcast-kicker: rgb(255, 102, 105)
    }
}

.podcast-box {
    background-color: var(--t-podcast-box-bg);
    display: flex;
    flex-direction: column;
    border-radius: 2px;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.podcast__content {
    padding: 16px 16px 0
}

@media (min-width: 720px) {
    .podcast__content {
        padding: 24px 24px 0
    }
}

.podcast-box__info {
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
    color: inherit
}

.podcast-box__info:hover {
    color: inherit
}

.podcast-box__info:after {
    content: "";
    clear: both
}

@media (min-width: 720px) {
    .podcast-box__info {
        margin-bottom: 24px
    }
}

.podcast-box__cover-wrap {
    width: 112px;
    height: 112px;
    margin-right: 12px;
    margin-bottom: 16px;
    float: left
}

@media (min-width: 720px) {
    .podcast-box__cover-wrap {
        width: 164px;
        height: 164px;
        margin-right: 24px;
        margin-bottom: 0
    }
}

.podcast-box__cover {
    object-fit: cover;
    height: inherit
}

.podcast-box__actionbar.podcast-box__actionbar {
    margin-bottom: 8px
}

@media (min-width: 720px) {
    .podcast-box__actionbar.podcast-box__actionbar {
        margin-bottom: 12px
    }
}

.podcast-box__kicker {
    display: flex;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.5;
    align-items: center
}

.podcast-box__kicker:after {
    -webkit-mask: url(../img/internal-UXMKBlR8.svg) no-repeat 50% 50%;
    mask: url(../img/internal-UXMKBlR8.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--t-podcast-kicker);
    display: inline-block;
    content: "";
    width: 9px;
    height: 9px;
    margin: 0 4px;
    flex: 0 0 auto
}

.podcast-box__kicker, .podcast-box__kicker:hover, .podcast-box__kicker:focus, .podcast-box__kicker:active {
    border: none;
    color: var(--t-podcast-kicker)
}

.podcast-box__heading {
    display: block;
    font-size: 20px;
    letter-spacing: .2px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height: 1.35;
    margin-bottom: 8px
}

.podcast-box__description {
    font-size: 16px;
    margin: 0;
    clear: both
}

@media (min-width: 720px) {
    .podcast-box__description {
        font-size: 18px;
        clear: none;
        margin-left: 188px
    }
}

.related-item {
    --t-related-item: rgb(34, 33, 29);
    --t-related-item-bg-hover: rgb(250, 250, 248);
    --t-related-item-bg-active: rgb(245, 245, 242);
    --t-related-item-kicker: rgb(201, 16, 36);
    --t-related-item-source: rgb(107, 105, 96);
    --t-related-item-border: rgb(235, 235, 229)
}

@media (prefers-color-scheme: dark) {
    .related-item {
        --t-related-item: rgb(255, 255, 255);
        --t-related-item-bg-hover: rgb(56, 55, 50);
        --t-related-item-bg-active: rgba(255, 255, 255, .12);
        --t-related-item-kicker: rgb(255, 102, 105);
        --t-related-item-source: rgb(185, 183, 172);
        --t-related-item-border: rgb(69, 68, 61)
    }
}

.related-item {
    display: grid;
    grid-template-columns:92px 1fr;
    grid-template-rows:auto min-content;
    gap: 8px 16px;
    grid-template-areas:"image content" "image meta";
    margin-left: 24px;
    padding: 16px 24px 16px 0;
    border-top: 1px solid var(--t-related-item-border);
    border-bottom: 1px solid var(--t-related-item-border);
    margin-bottom: -1px;
    cursor: pointer;
    color: var(--t-related-item);
    --fec-play-icon-hover: initial
}

@media (min-width: 720px) {
    .related-item {
        grid-template-columns:163px 1fr
    }
}

.related-item:hover, .related-item:active, .related-item:focus {
    color: var(--t-related-item);
    background-color: var(--t-related-item-bg-hover);
    margin-left: 0;
    padding-left: 24px
}

.related-item:active {
    background-color: var(--t-related-item-bg-active)
}

.related-item:hover {
    --fec-play-icon-hover:
}

.related-item__image {
    grid-area: image;
    aspect-ratio: 1;
    position: relative
}

@media (min-width: 720px) {
    .related-item__image {
        aspect-ratio: 16/9
    }
}

.related-item__play-icon-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    aspect-ratio: 1
}

.related-item__content {
    grid-area: content;
    overflow-wrap: break-word;
    overflow-wrap: anywhere
}

.related-item__meta-container {
    grid-area: meta;
    align-content: end
}

.related-item__kicker {
    margin: 0 0 4px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.35;
    color: var(--t-related-item-kicker)
}

@media (min-width: 720px) {
    .related-item__kicker {
        font-size: 14px;
        letter-spacing: .4px;
        line-height: 1.14
    }
}

.related-item__title {
    margin: 0 0 6px;
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height: 1.25
}

@media (min-width: 720px) {
    .related-item__title {
        margin: 0 0 8px
    }
}

.related-item__source {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1.35;
    color: var(--t-related-item-source);
    margin: 0 0 4px
}

.related-item__description {
    font-size: 16px;
    letter-spacing: .4px;
    margin-top: 16px;
    display: var(--fec-related-item-description-display, block)
}

.related-item--materialbox {
    border-bottom: none
}

.sharing-bar {
    --t-sharing-bar-bg: rgb(254, 254, 253)
}

@media (prefers-color-scheme: dark) {
    .sharing-bar {
        --t-sharing-bar-bg: rgb(34, 33, 29)
    }
}

.sharing-bar {
    display: block;
    margin-bottom: 24px;
    width: 100%;
    background-color: transparent;
    text-align: center
}

@media (min-width: 720px) {
    .sharing-bar {
        margin-bottom: 32px
    }
}

.sharing-bar__container {
    --fec-button-min-height: 40px;
    padding: 0 10px;
    background-color: var(--t-sharing-bar-bg);
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    position: relative
}

@media (max-width: 719px) {
    .sharing-bar__container {
        padding: 0 12px
    }
}

.table {
    --t-th: rgb(34, 33, 29);
    --t-th-bg: rgb(235, 235, 229);
    --t-tr-bg: rgb(245, 245, 242);
    --t-tr-bg-shade: rgb(250, 250, 248);
    --t-td: rgb(34, 33, 29);
    --t-td-border: rgb(255, 255, 255)
}

@media (prefers-color-scheme: dark) {
    .table {
        --t-th: rgb(255, 255, 255);
        --t-th-bg: rgb(69, 68, 61);
        --t-tr-bg: rgb(56, 55, 50);
        --t-tr-bg-shade: rgb(46, 45, 41);
        --t-td: rgb(245, 245, 242);
        --t-td-border: rgb(34, 33, 29)
    }
}

.table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table table {
    width: 100%;
    border-collapse: collapse
}

@media (max-width: 719px) {
    .table table {
        width: calc(100% - 8px);
        margin-left: 8px
    }
}

.table th, .table thead td {
    font-size: 14px;
    letter-spacing: .4px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    text-align: left;
    text-transform: uppercase;
    color: var(--t-th);
    background: var(--t-th-bg)
}

@media (min-width: 720px) {
    .table th, .table thead td {
        font-size: 16px;
        letter-spacing: .4px
    }
}

@media (max-width: 719px) {
    .table thead th:last-of-type, .table tbody td:last-of-type {
        border-right-width: 8px
    }
}

.table thead + tbody tr:nth-child(2n) {
    background-color: var(--t-tr-bg)
}

.table thead + tbody tr:nth-child(odd) {
    background-color: var(--t-tr-bg-shade)
}

.table tbody tr:nth-child(2n) {
    background-color: var(--t-tr-bg-shade)
}

.table tbody tr:nth-child(odd) {
    background-color: var(--t-tr-bg)
}

.table td {
    font-size: 14px;
    letter-spacing: .4px;
    color: var(--t-td)
}

@media (min-width: 720px) {
    .table td {
        font-size: 16px;
        letter-spacing: .4px
    }
}

.table th, .table td {
    padding: 13px 16px 15px;
    border-style: solid;
    border-color: var(--t-td-border);
    border-width: 0 1px 2px 0;
    vertical-align: top
}

@media (min-width: 720px) {
    .table th, .table td {
        padding: 11px 24px 13px
    }
}

.table [data-align=right] {
    text-align: right
}

.table [data-align=left] {
    text-align: left
}

.table [data-align=center] {
    text-align: center
}

.table [data-bold=true] {
    font-weight: 700
}

.table [data-underline=true] {
    text-decoration: underline
}

.table [data-italic=true] {
    font-style: italic
}

.table__cell--shrink {
    width: .1%
}

.table__cell--grow {
    width: 100%
}

.table__cell--auto {
    width: auto
}

.table--legacy {
    overflow-wrap: normal
}

.table--legacy tr[data-head=true]:first-child td {
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    text-align: left;
    text-transform: uppercase;
    color: var(--t-th);
    background: var(--t-th-bg)
}

@media (max-width: 719px) {
    .table--legacy tr[data-head=true]:first-child td {
        font-size: 14px;
        letter-spacing: .4px
    }
}

.related-items-list {
    --t-related-items: rgb(34, 33, 29);
    --t-related-item-border: rgb(235, 235, 229);
    --t-related-item-bg-hover: rgb(250, 250, 248);
    --t-related-item-bg-active: rgb(245, 245, 242)
}

@media (prefers-color-scheme: dark) {
    .related-items-list {
        --t-related-items: rgb(255, 255, 255);
        --t-related-item-border: rgb(69, 68, 61);
        --t-related-item-bg-hover: rgb(56, 55, 50);
        --t-related-item-bg-active: rgba(255, 255, 255, .12)
    }
}

.related-items-list {
    opacity: 1;
    color: var(--t-related-items)
}

.related-items-list__heading {
    margin: 10px 24px;
    padding: 0;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.25
}

.related-items-list__list {
    padding: 0;
    margin: 12px 0 24px
}

@media (max-width: 719px) {
    .related-items-list__list {
        margin: 8px 0 20px
    }
}

.related-items-list__item {
    margin: 0 0 0 24px;
    padding: 0;
    border-top: 1px solid var(--t-related-item-border)
}

.related-items-list__item:last-child {
    border-bottom: 1px solid var(--t-related-item-border)
}

.related-items-list__item-wrapper {
    border-top: 1px solid var(--t-related-item-border)
}

.related-items-list__item-wrapper:last-child {
    border-bottom: 1px solid var(--t-related-item-border)
}

.related-items-list__media-window {
    margin-left: -24px
}

@media (max-width: 719px) {
    .related-items-list__media-window {
        margin-left: 0;
        padding-right: 24px
    }
}

.related-items-list__content:hover, .related-items-list__content:active, .related-items-list__content:focus {
    margin-left: -24px;
    margin-top: -1px;
    margin-bottom: -1px;
    padding-left: 24px;
    background-color: var(--t-related-item-bg-hover);
    border-top: 1px solid var(--t-related-item-border);
    border-bottom: 1px solid var(--t-related-item-border)
}

.related-items-list__content:active {
    background-color: var(--t-related-item-bg-active)
}

.related-items-list--audio-search {
    margin-bottom: 0
}

.related-items-list--audio-search .related-items-list__list {
    margin-bottom: 8px
}

.related-items-list--aron .related-items-list__item-wrapper {
    border: none
}

.related-items-list--aron:not(.related-items-list--materialbox) {
    --fec-related-item-description-display: none
}

.related-items-list--materialbox {
    position: relative
}

.related-items-list--materialbox:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 24px;
    right: 0;
    border-bottom: 1px solid var(--t-related-item-border)
}

.player-widget {
    --t-player-widget-bg: rgb(245, 245, 242)
}

@media (prefers-color-scheme: dark) {
    .player-widget {
        --t-player-widget-bg: rgb(56, 55, 50)
    }
}

.player-widget {
    aspect-ratio: 16/9;
    background-color: var(--t-player-widget-bg)
}

.player-widget--no-bg {
    background-color: transparent
}

.player-widget--inline-audio, .player-widget--inline-audio .player-widget__fallback {
    aspect-ratio: auto;
    min-height: 124px
}

@media (min-width: 720px) {
    .player-widget--inline-audio, .player-widget--inline-audio .player-widget__fallback {
        min-height: 110px
    }
}

.embed__content--instagram {
    display: flex;
    justify-content: center
}

.promo-banner {
    --t-promo-banner-meteo-bg: rgb(10, 103, 176);
    --t-promo-banner-news-bg: linear-gradient(180deg, #FFF6E3 19.93%, #E5D3B8 81.54%)
}

@media (prefers-color-scheme: dark) {
    .promo-banner {
        --t-promo-banner-meteo-bg: rgb(8, 81, 139);
        --t-promo-banner-news-bg: linear-gradient(180deg, #CCBFA3 19.93%, #B39D7D 81.54%)
    }
}

.promo-banner {
    position: relative;
    margin: 32px 8px;
    padding: 16px 16px 24px;
    display: grid;
    gap: 16px;
    grid-template-areas:"image  " "content"
}

@media (min-width: 720px) {
    .promo-banner {
        grid-template-areas:"image content";
        gap: 24px;
        margin: 32px 24px;
        padding: 16px
    }
}

.promo-banner__image {
    grid-area: image;
    width: 186px;
    margin-inline: auto
}

.promo-banner__text-and-buttons {
    grid-area: content;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.promo-banner__title {
    font-size: 24px;
    letter-spacing: normal;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height: 1.25;
    margin: 0 0 4px
}

@media (min-width: 1024px) {
    .promo-banner__title {
        font-size: 28px;
        letter-spacing: normal
    }
}

.promo-banner__description {
    font-size: 20px;
    letter-spacing: .2px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    line-height: 1.25;
    margin: 0 0 16px
}

@media (min-width: 1024px) {
    .promo-banner__description {
        font-size: 22px;
        letter-spacing: .2px
    }
}

.promo-banner__buttons {
    display: flex;
    justify-content: flex-start;
    gap: 8px
}

.promo-banner__close {
    position: absolute;
    top: 0;
    right: 0
}

.promo-banner--news {
    color: #22211d;
    background: var(--t-promo-banner-news-bg);
    --t-svg-icon-themed: rgb(78, 77, 71)
}

.promo-banner--meteo {
    color: #fff;
    background: var(--t-promo-banner-meteo-bg);
    --t-svg-icon-themed: rgb(255, 255, 255)
}

.promo-banner--play-rtr {
    color: #fff;
    --t-svg-icon-themed: rgb(255, 255, 255);
    background: #af001d radial-gradient(circle, #af001d 25%, #6a0b0c 93%)
}

.promo-banner--sport {
    color: #fff;
    background: #e31f2b;
    --t-svg-icon-themed: rgb(255, 255, 255)
}

.polis-style-provider {
    --t-polis-text-default: rgb(34, 33, 29);
    --t-polis-text-yes: rgb(26, 122, 197);
    --t-polis-text-no: rgb(201, 16, 36);
    --t-polis-bar-text: rgb(255, 255, 255);
    --t-polis-bar-bg-default: rgb(107, 105, 96);
    --t-polis-bar-bg-yes: rgb(26, 122, 197);
    --t-polis-bar-bg-no: rgb(201, 16, 36);
    --t-polis-title-link: rgb(201, 16, 36);
    --t-polis-title-link-hover: rgb(141, 6, 20);
    --t-polis-district-name: rgb(78, 77, 71);
    --t-polis-district-votes-neutral: rgb(107, 105, 96);
    --t-polis-district-separator: rgb(202, 200, 191);
    --t-polis-res-0: rgb(141, 6, 20);
    --t-polis-res-40: rgb(201, 16, 36);
    --t-polis-res-45: rgb(241, 67, 74);
    --t-polis-res-50: rgb(255, 145, 147);
    --t-polis-res-55: rgb(145, 206, 255);
    --t-polis-res-60: rgb(30, 140, 227);
    --t-polis-res-65: rgb(26, 122, 197);
    --t-polis-res-100: rgb(8, 81, 139);
    --t-polis-default-canton-bg: rgb(172, 170, 158);
    --t-polis-canton-borders: rgb(245, 245, 242);
    --t-polis-canton-borders-selected: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .polis-style-provider {
        --t-polis-text-default: rgb(245, 245, 242);
        --t-polis-text-yes: rgb(66, 163, 241);
        --t-polis-text-no: rgb(255, 102, 105);
        --t-polis-bar-text: rgb(255, 255, 255);
        --t-polis-bar-bg-default: rgb(107, 105, 96);
        --t-polis-bar-bg-yes: rgb(26, 122, 197);
        --t-polis-bar-bg-no: rgb(227, 31, 43);
        --t-polis-title-link: rgb(255, 102, 105);
        --t-polis-title-link-hover: rgb(255, 145, 147);
        --t-polis-district-name: rgb(202, 200, 191);
        --t-polis-district-votes-neutral: rgb(159, 156, 144);
        --t-polis-district-separator: rgb(78, 77, 71);
        --t-polis-res-0: rgb(141, 6, 20);
        --t-polis-res-40: rgb(201, 16, 36);
        --t-polis-res-45: rgb(241, 67, 74);
        --t-polis-res-50: rgb(255, 145, 147);
        --t-polis-res-55: rgb(145, 206, 255);
        --t-polis-res-60: rgb(30, 140, 227);
        --t-polis-res-65: rgb(26, 122, 197);
        --t-polis-res-100: rgb(8, 81, 139);
        --t-polis-default-canton-bg: rgb(107, 105, 96);
        --t-polis-canton-borders: rgb(20, 20, 17);
        --t-polis-canton-borders-selected: rgb(245, 245, 242)
    }
}

.polis-map-container__title {
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .3px;
    margin: 0;
    color: var(--t-polis-text-default)
}

.polis-map-container__info {
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    color: var(--t-polis-text-default);
    margin: 4px 0 12px
}

@media (min-width: 720px) {
    .polis-map-container__info {
        margin: 12px 0 24px
    }
}

.polis-map-container__info--communal {
    margin-bottom: 3px
}

@media (min-width: 720px) {
    .polis-map-container__info--communal {
        margin-bottom: 7px
    }
}

.polis-map {
    position: relative;
    padding: 24px 0;
    margin: 0 0 2px
}

@media (min-width: 720px) {
    .polis-map {
        padding-bottom: 84px
    }
}

.res-0 {
    fill: var(--t-polis-res-0)
}

.res-40 {
    fill: var(--t-polis-res-40)
}

.res-45 {
    fill: var(--t-polis-res-45)
}

.res-50 {
    fill: var(--t-polis-res-50)
}

.res-55 {
    fill: var(--t-polis-res-55)
}

.res-60 {
    fill: var(--t-polis-res-60)
}

.res-65 {
    fill: var(--t-polis-res-65)
}

.res-100 {
    fill: var(--t-polis-res-100)
}

.polis-result-container {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table
}

.polis-result-title {
    color: var(--t-polis-text-default);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 12px;
    line-height: 16px;
    margin: 8px 0 4px
}

.polis-result-title--main {
    margin: 12px 0 0
}

.polis-result {
    width: 50%;
    padding: 0;
    margin: 0;
    display: table-cell
}

.polis-result--no {
    text-align: right
}

.polis-result__title {
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .5px;
    margin: 8px 0 4px;
    text-transform: uppercase
}

.polis-result__title--yes {
    color: var(--t-polis-text-yes)
}

.polis-result__title--no {
    color: var(--t-polis-text-no)
}

.polis-result__text {
    font-size: 12px;
    line-height: 16px;
    color: var(--t-polis-text-default);
    margin: 8px 0 0;
    white-space: nowrap
}

.polis-result__bar {
    height: 16px;
    font-size: 12px;
    line-height: 12px;
    color: var(--t-polis-bar-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--t-polis-bar-bg-default);
    margin: 0;
    padding: 0;
    position: relative
}

.polis-result__bar--main {
    height: 24px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 21px
}

.polis-result__bar--yes {
    background-color: var(--t-polis-bar-bg-yes)
}

.polis-result__bar--no {
    background-color: var(--t-polis-bar-bg-no)
}

.polis-result__bar--no .polis-result-relative {
    left: auto
}

.polis-result__bar--trend {
    text-align: center
}

.polis-result--default {
    background-color: #6b6960
}

.polis-result-relative {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 0 8px;
    margin: 0;
    white-space: nowrap
}

.polis-result-relative--trend {
    width: 100%
}

.polis-cantons-container {
    margin-top: 16px
}

.polis__menu {
    margin-bottom: 16px
}

@media (min-width: 720px) {
    .polis__menu {
        margin-bottom: 16px
    }
}

.polis-result-container--canton {
    overflow: hidden;
    margin: 0;
    padding-bottom: 16px
}

.polis-result-title--canton {
    margin: -2px 0 0
}

@media (min-width: 720px) {
    .polis-result-title--canton {
        margin: 0
    }
}

.polis-district-container {
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    display: table
}

.polis-district {
    display: table-row
}

.polis-district__name {
    color: var(--t-polis-district-name);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    letter-spacing: 0;
    text-align: left;
    display: table-cell;
    padding: 12px 16px 12px 0;
    border-top: 1px solid var(--t-polis-district-separator)
}

@media (min-width: 720px) {
    .polis-district__name {
        padding: 12px 24px 12px 0
    }
}

.polis-district__votes {
    color: var(--t-polis-district-votes-neutral);
    font-weight: 300;
    font-variation-settings: "wght" 300;
    letter-spacing: .2px;
    display: table-cell;
    white-space: nowrap;
    width: 10%;
    padding: 12px 16px 12px 0;
    border-top: 1px solid var(--t-polis-district-separator)
}

@media (min-width: 720px) {
    .polis-district__votes {
        padding-right: 24px;
        padding-left: 48px
    }
}

.polis-district__votes:last-child {
    padding-right: 0
}

.polis-district--yes {
    color: var(--t-polis-text-yes);
    font-weight: 500;
    font-variation-settings: "wght" 500
}

.polis-district--no {
    color: var(--t-polis-text-no);
    font-weight: 500;
    font-variation-settings: "wght" 500
}

@media (min-width: 720px) {
    .polis-legend {
        position: absolute;
        width: 292px;
        right: 0;
        bottom: 0
    }
}

.polis-legend__title {
    font-size: 12px;
    line-height: 16px;
    color: var(--t-polis-text-default);
    margin-bottom: 4px
}

.polis-legend-numbers, .polis-legend-scale {
    margin: 0;
    padding: 0
}

.polis-legend-numbers__element:before, .polis-legend-scale__element:before {
    content: none
}

.polis-legend-numbers {
    font-size: 12px;
    line-height: 16px;
    color: var(--t-polis-text-default)
}

.polis-legend-numbers__element {
    margin: 4px 0 0;
    text-align: center;
    width: 6.5%;
    padding: 0;
    float: left
}

.polis-legend-numbers__element--edge {
    width: 27.2%
}

.polis-legend-numbers__element--100 {
    text-align: left
}

.polis-legend-numbers__element--zero {
    text-align: right
}

.polis-legend-scale .res-0 {
    background-color: var(--t-polis-res-0)
}

.polis-legend-scale .res-40 {
    background-color: var(--t-polis-res-40)
}

.polis-legend-scale .res-45 {
    background-color: var(--t-polis-res-45)
}

.polis-legend-scale .res-50 {
    background-color: var(--t-polis-res-50)
}

.polis-legend-scale .res-55 {
    background-color: var(--t-polis-res-55)
}

.polis-legend-scale .res-60 {
    background-color: var(--t-polis-res-60)
}

.polis-legend-scale .res-65 {
    background-color: var(--t-polis-res-65)
}

.polis-legend-scale .res-100 {
    background-color: var(--t-polis-res-100)
}

.polis-legend-scale__element {
    height: 4px;
    margin: 0;
    width: 6.5%;
    padding: 0;
    float: left
}

.polis-legend-scale__element--edge {
    width: 30.5%
}

.polis-map__participation {
    font-size: 12px;
    line-height: 16px;
    color: var(--t-polis-text-default)
}

@media (min-width: 720px) {
    .polis-map__participation {
        position: absolute;
        bottom: -12px
    }
}

.polis-select-option--hide {
    display: none
}

.polis-result-total--yesBar, .polis-result-total--noBar {
    transition: width .5s ease-in
}

.polis--hide {
    display: none
}

.polis-initial {
    cursor: default;
    fill: var(--t-polis-default-canton-bg)
}

.federal-vote {
    padding: 16px
}

.federal-vote__title {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    color: var(--t-polis-title-link);
    margin: 0
}

.federal-vote__title-link {
    display: inline-flex;
    align-items: center;
    color: var(--t-polis-title-link);
    transition: color .2s ease-in-out
}

.federal-vote__title-link:after {
    content: "";
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-polis-title-link);
    transform: rotate(-90deg);
    -webkit-mask-size: 41.6666666667%;
    mask-size: 41.6666666667%;
    flex: 0 0 24px
}

.federal-vote__title-link:hover {
    color: var(--t-polis-title-link-hover)
}

.federal-vote__title-link:hover:after {
    display: inline-block;
    -webkit-mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    mask: url(../img/caret-C11W6tqP.svg) no-repeat 50% 50%;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
    width: 24px;
    height: 24px;
    background-color: var(--t-polis-title-link-hover);
    transform: rotate(-90deg);
    -webkit-mask-size: 41.6666666667%;
    mask-size: 41.6666666667%
}

#polis-tooltip {
    --t-polis-tooltip-neutral: rgb(107, 105, 96);
    --t-polis-tooltip-yes: rgb(10, 103, 176);
    --t-polis-tooltip-no: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    #polis-tooltip {
        --t-polis-tooltip-neutral: rgb(159, 156, 144);
        --t-polis-tooltip-yes: rgb(66, 163, 241);
        --t-polis-tooltip-no: rgb(255, 102, 105)
    }
}

.chmap {
    width: 100%
}

.chmap-tooltip__title {
    margin: 0 0 -4px
}

.chmap-tooltip-text {
    font-size: 12px;
    line-height: 16px;
    color: var(--t-polis-tooltip-neutral);
    display: inline
}

.chmap-tooltip-text--yes {
    color: var(--t-polis-tooltip-yes);
    font-weight: 500;
    font-variation-settings: "wght" 500
}

.chmap-tooltip-text--no {
    color: var(--t-polis-tooltip-no);
    font-weight: 500;
    font-variation-settings: "wght" 500
}

.chmap-tooltip {
    --t-chmap-tooltip: rgb(34, 33, 29);
    --t-chmap-tooltip-bg: rgb(255, 255, 255)
}

@media (prefers-color-scheme: dark) {
    .chmap-tooltip {
        --t-chmap-tooltip: rgb(245, 245, 242);
        --t-chmap-tooltip-bg: rgb(20, 20, 17)
    }
}

.chmap {
    display: block;
    fill: #b9b7ac
}

.chmap--no-touch {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.chmap--no-touch:active, .chmap--no-touch:focus {
    outline: none
}

.chmap__location {
    stroke: var(--t-polis-canton-borders, #fff);
    stroke-width: .5px;
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s ease-in-out, stroke .2s ease-in-out
}

.chmap__location:focus {
    outline: none
}

.chmap__location--unselected {
    opacity: .5
}

.chmap__location--selected {
    stroke-width: 1px;
    stroke: var(--t-polis-canton-borders-selected, #000)
}

.chmap-tooltip {
    position: absolute;
    color: var(--t-chmap-tooltip);
    font-size: 18px;
    letter-spacing: .4px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    padding: 4px 12px;
    background-color: var(--t-chmap-tooltip-bg);
    box-shadow: 0 4px 8px #00000029, 0 0 8px #00000014;
    border-radius: 2px;
    white-space: nowrap
}

.chmap-tooltip:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    border-color: var(--t-chmap-tooltip-bg) transparent;
    border-style: solid;
    border-width: 16px 16px 0 0
}

.chmap-tooltip--right:before {
    border-width: 16px 0 0 16px;
    right: 0;
    left: auto
}

.chmap__path--from-2026-on, .chmap--from-2026-on .chmap__path--until-2026 {
    display: none
}

.chmap--from-2026-on .chmap__path--from-2026-on {
    display: initial
}

.qa-button {
    z-index: 999999
}

.qa-wrapper {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background-color: #fff;
    padding: 8px;
    border-radius: 2px;
    box-shadow: 0 1px 2px #0000003d, 0 0 2px #0000001f;
    min-height: 160px;
    min-width: calc(50% - 24px);
    max-width: calc(100% - 48px);
    display: none;
    z-index: 1000000
}

@media (prefers-color-scheme: dark) {
    .qa-wrapper {
        background-color: #000
    }
}

.qa-buttons-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px
}

.autobox .ab-test-location + .ab-test-location {
    display: none
}

[data-representation=webview] *, [data-representation=webview-light] * {
    -webkit-touch-callout: none
}