@charset "UTF-8";
.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)
}

.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
}

.privacywall {
    --t-privacywall-border: rgb(218, 218, 210);
    --t-privacywall: rgb(34, 33, 29);
    --t-privacywall-link: rgb(201, 16, 36);
    --t-privacywall-icon: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .privacywall {
        --t-privacywall-border: rgb(218, 218, 210);
        --t-privacywall: rgb(255, 255, 255);
        --t-privacywall-link: rgb(255, 102, 105);
        --t-privacywall-icon: rgb(245, 245, 242)
    }
}

.privacywall {
    border: 1px solid var(--t-privacywall-border);
    margin: 32px 0;
    padding: 36px 24px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 720px) {
    .privacywall {
        padding: 48px
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    .privacywall {
        animation-fill-mode: both;
        animation-name: fadeIn;
        animation-delay: 1.5s;
        animation-duration: .8s
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.privacywall__icon {
    --t-svg-icon-themed: var(--t-privacywall-icon);
    width: 32px;
    aspect-ratio: 1
}

.privacywall__title {
    text-align: center;
    color: var(--t-privacywall);
    font-size: 18px;
    letter-spacing: .4px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height: 1.25;
    margin: 12px 0 0
}

.privacywall__details summary {
    list-style: none
}

.privacywall__details summary::-webkit-details-marker {
    display: none
}

.privacywall__details[open] .privacywall__link {
    visibility: hidden
}

.privacywall__text {
    text-align: center;
    color: var(--t-privacywall);
    font-size: 16px;
    letter-spacing: .4px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    line-height: 1.3;
    margin: 8px 0 0
}

.privacywall__link {
    padding-left: 4px;
    color: var(--t-privacywall-link);
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.privacywall__buttons {
    margin-block-start: 36px;
    display: flex;
    gap: 10px 16px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    --fec-button-padding: 0
}

@media (min-width: 720px) {
    .privacywall__buttons {
        flex-direction: row-reverse
    }

    .privacywall__buttons > * {
        flex: 1 1 0
    }
}

: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)
    }
}

.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
}

.teaser-meta {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    align-content: flex-start;
    line-height: 1
}

.teaser-meta__ltr:not(:empty) + .teaser-meta__static > .teaser-info:first-child {
    padding-left: 18px
}

.teaser-meta__ltr:not(:empty) + .teaser-meta__static > .teaser-info:first-child:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 8px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: gray
}

.teaser-meta__ltr {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.teaser-meta__static {
    flex-grow: 1;
    flex-basis: 100%;
    display: flex
}

.teaser-meta__rtl {
    flex-shrink: 1
}

.teaser-meta--hidden.teaser-meta--hidden {
    display: none
}