@charset "UTF-8";
.b-promo-videoteaser .title-icon:before,
.guided-tour--steps .guided-tour--step-2 li:nth-child(-n+1):before,
.guided-tour--steps .guided-tour--step-3 li:nth-child(-n+2):before,
.guided-tour--steps .guided-tour--step-4 li:nth-child(-n+3):before,
.guided-tour--steps .guided-tour--step-done li:nth-child(-n+4):before,
.weather-icon[data-icon="0"]:before,
.weather-icon[data-icon="1"]:before,
.weather-icon[data-icon="10"]:before,
.weather-icon[data-icon="11"]:before,
.weather-icon[data-icon="12"]:before,
.weather-icon[data-icon="13"]:before,
.weather-icon[data-icon="14"]:before,
.weather-icon[data-icon="15"]:before,
.weather-icon[data-icon="16"]:before,
.weather-icon[data-icon="17"]:before,
.weather-icon[data-icon="18"]:before,
.weather-icon[data-icon="19"]:before,
.weather-icon[data-icon="2"]:before,
.weather-icon[data-icon="20"]:before,
.weather-icon[data-icon="21"]:before,
.weather-icon[data-icon="22"]:before,
.weather-icon[data-icon="23"]:before,
.weather-icon[data-icon="24"]:before,
.weather-icon[data-icon="25"]:before,
.weather-icon[data-icon="3"]:before,
.weather-icon[data-icon="4"]:before,
.weather-icon[data-icon="5"]:before,
.weather-icon[data-icon="6"]:before,
.weather-icon[data-icon="7"]:before,
.weather-icon[data-icon="8"]:before,
.weather-icon[data-icon="9"]:before,
[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: zdf-iconfont!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-101_burger:before {
    content: ""
}

.icon-102_home:before {
    content: ""
}

.icon-103_rubrik:before {
    content: ""
}

.icon-104_live-tv:before {
    content: ""
}

.icon-105_a-z:before {
    content: ""
}

.icon-106_suche:before {
    content: ""
}

.icon-107_mein-zdf:before {
    content: ""
}

.icon-108_settings:before {
    content: ""
}

.icon-201_slide-left:before {
    content: ""
}

.icon-202_slide-right:before {
    content: ""
}

.icon-203_arrow-down:before {
    content: ""
}

.icon-204_arrow-up:before {
    content: ""
}

.icon-205_arrow-left:before {
    content: ""
}

.icon-206_arrow-right:before {
    content: ""
}

.icon-207_fullscreen:before {
    content: ""
}

.icon-208_smallscreen:before {
    content: ""
}

.icon-209_close:before {
    content: ""
}

.icon-210_tile:before {
    content: ""
}

.icon-211_list:before {
    content: ""
}

.icon-212_slide-down:before {
    content: ""
}

.icon-213_slide-up:before {
    content: ""
}

.icon-214_check:before {
    content: ""
}

.icon-215_check-small:before {
    content: ""
}

.icon-301_clock:before {
    content: ""
}

.icon-302_countdown:before {
    content: ""
}

.icon-303_discuss:before {
    content: ""
}

.icon-304_highlight:before {
    content: ""
}

.icon-305_season:before {
    content: ""
}

.icon-306_posts:before {
    content: ""
}

.icon-307_like:before {
    content: ""
}

.icon-308_view:before {
    content: ""
}

.icon-309_embed:before {
    content: ""
}

.icon-310_relation:before {
    content: ""
}

.icon-401_plus:before {
    content: ""
}

.icon-402_share:before {
    content: ""
}

.icon-403_mail:before {
    content: ""
}

.icon-404_download:before {
    content: ""
}

.icon-501_calendar:before {
    content: ""
}

.icon-502_play:before {
    content: ""
}

.icon-503_games:before {
    content: ""
}

.icon-504_gallery:before {
    content: ""
}

.icon-505_report:before {
    content: ""
}

.icon-601_facebook:before {
    content: ""
}

.icon-602_twitter:before {
    content: ""
}

.icon-603_google:before {
    content: ""
}

.icon-604_youtube:before {
    content: ""
}

.icon-605_instagram:before {
    content: ""
}

.icon-606_whatsapp:before {
    content: ""
}

.icon-701_text:before {
    content: ""
}

.icon-702_image:before {
    content: ""
}

.icon-703_quiz:before {
    content: ""
}

.icon-704_vote:before {
    content: ""
}

.icon-705_win:before {
    content: ""
}

.icon-706_upload:before {
    content: ""
}

.icon-801_edit:before {
    content: ""
}

.icon-802_trash:before {
    content: ""
}

.icon-803_info:before {
    content: ""
}

.icon-901_pause-circle:before {
    content: ""
}

.icon-902_pause:before {
    content: ""
}

.icon-903_next:before {
    content: ""
}

.icon-904_forward:before {
    content: ""
}

.icon-905_stop:before {
    content: ""
}

.icon-906_unmute:before {
    content: ""
}

.icon-907_mute:before {
    content: ""
}

.icon-908_ut4:before {
    content: ""
}

.icon-909_ut:before {
    content: ""
}

.icon-910_airplay:before {
    content: ""
}

.icon-911_chromcast:before {
    content: ""
}

.icon-912_data-security:before {
    content: ""
}

.icon-913_read-more:before {
    content: ""
}

.icon-914_share-file:before {
    content: ""
}

.icon-915_camera:before {
    content: ""
}

.icon-916_spidercam:before {
    content: ""
}

.icon-917_camera-inactive:before {
    content: ""
}

.icon-918_spidercam-inactive:before {
    content: ""
}

.icon-919_ball:before {
    content: ""
}

.icon-920_pinterest:before {
    content: ""
}

.icon-a00_unknown:before {
    content: ""
}

.icon-a01_clouds:before {
    content: ""
}

.icon-a02_thunder:before {
    content: ""
}

.icon-a03_thunder-rain:before {
    content: ""
}

.icon-a04_thunder-snow:before {
    content: ""
}

.icon-a05_cloud:before {
    content: ""
}

.icon-a06_fog:before {
    content: ""
}

.icon-a07_rain:before {
    content: ""
}

.icon-a08_heavy-rain:before {
    content: ""
}

.icon-a09-rain-snow:before {
    content: ""
}

.icon-a10_snow:before {
    content: ""
}

.icon-a11_sun:before {
    content: ""
}

.icon-a12_sun-cloud:before {
    content: ""
}

.icon-a13-sun-rain:before {
    content: ""
}

.icon-a14-sun-rain-snow:before {
    content: ""
}

.icon-a15_sun-snow:before {
    content: ""
}

.icon-a16_stars:before {
    content: ""
}

.icon-a17_thunder-rain:before {
    content: ""
}

.icon-a18_rain-percent:before {
    content: ""
}

.icon-a19_sun-time:before {
    content: ""
}

.icon-a20_temprature:before {
    content: ""
}

.icon-a21_wind:before {
    content: ""
}

.icon-a22_wind2:before {
    content: ""
}

.icon-921_magic-finger:before {
    content: ""
}

.icon-922_accessibility:before {
    content: ""
}

.icon-923_pin:before {
    content: ""
}

.icon-924_teaser-info:before {
    content: ""
}

.icon-925_sun-empty:before {
    content: ""
}

.icon-926_moon:before {
    content: ""
}

.icon-927_ext-link:before {
    content: ""
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }
    .medium-text-right {
        text-align: right
    }
    .medium-text-center {
        text-align: center
    }
    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }
    .large-text-right {
        text-align: right
    }
    .large-text-center {
        text-align: center
    }
    .large-text-justify {
        text-align: justify
    }
}

.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-left.vertical.menu>li>a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right.vertical.menu>li>a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -ms-flex-item-align: center;
    align-self: center
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.align-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

@media print,
screen and (min-width:40em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,
screen and (min-width:64em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media print,
screen and (min-width:40em) {
    .medium-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width:64em) {
    .large-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

@media print,
screen and (max-width:39.99875em) {
    .hide-for-small-only {
        display: none!important
    }
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
    .show-for-small-only {
        display: none!important
    }
}

@media print,
screen and (min-width:40em) {
    .hide-for-medium {
        display: none!important
    }
}

@media screen and (max-width:39.99875em) {
    .show-for-medium {
        display: none!important
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .hide-for-medium-only {
        display: none!important
    }
}

@media screen and (max-width:39.99875em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none!important
    }
}

@media print,
screen and (min-width:64em) {
    .hide-for-large {
        display: none!important
    }
}

@media screen and (max-width:63.99875em) {
    .show-for-large {
        display: none!important
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .hide-for-large-only {
        display: none!important
    }
}

@media screen and (max-width:63.99875em),
screen and (min-width:75em) {
    .show-for-large-only {
        display: none!important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    clip: rect(0, 0, 0, 0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static!important;
    width: auto!important;
    height: auto!important;
    overflow: visible!important;
    clip: auto!important;
    white-space: normal!important
}

.hide-for-portrait,
.show-for-landscape {
    display: block!important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block!important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none!important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block!important
    }
}

.grid-container {
    padding-right: .375rem;
    padding-left: .375rem;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto
}

@media print,
screen and (min-width:40em) {
    .grid-container {
        padding-right: .375rem;
        padding-left: .375rem
    }
}

.grid-container.fluid {
    padding-right: .375rem;
    padding-left: .375rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media print,
screen and (min-width:40em) {
    .grid-container.fluid {
        padding-right: .375rem;
        padding-left: .375rem
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.grid-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.cell.auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.cell.shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-x>.auto {
    width: auto
}

.grid-x>.shrink {
    width: auto
}

.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-full,
.grid-x>.small-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print,
screen and (min-width:40em) {
    .grid-x>.medium-1,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-full,
    .grid-x>.medium-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,
screen and (min-width:64em) {
    .grid-x>.large-1,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-full,
    .grid-x>.large-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-x>.small-1 {
    width: 8.3333333333%
}

.grid-x>.small-2 {
    width: 16.6666666667%
}

.grid-x>.small-3 {
    width: 25%
}

.grid-x>.small-4 {
    width: 33.3333333333%
}

.grid-x>.small-5 {
    width: 41.6666666667%
}

.grid-x>.small-6 {
    width: 50%
}

.grid-x>.small-7 {
    width: 58.3333333333%
}

.grid-x>.small-8 {
    width: 66.6666666667%
}

.grid-x>.small-9 {
    width: 75%
}

.grid-x>.small-10 {
    width: 83.3333333333%
}

.grid-x>.small-11 {
    width: 91.6666666667%
}

.grid-x>.small-12 {
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .grid-x>.medium-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }
    .grid-x>.medium-1,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .grid-x>.medium-shrink {
        width: auto
    }
    .grid-x>.medium-1 {
        width: 8.3333333333%
    }
    .grid-x>.medium-2 {
        width: 16.6666666667%
    }
    .grid-x>.medium-3 {
        width: 25%
    }
    .grid-x>.medium-4 {
        width: 33.3333333333%
    }
    .grid-x>.medium-5 {
        width: 41.6666666667%
    }
    .grid-x>.medium-6 {
        width: 50%
    }
    .grid-x>.medium-7 {
        width: 58.3333333333%
    }
    .grid-x>.medium-8 {
        width: 66.6666666667%
    }
    .grid-x>.medium-9 {
        width: 75%
    }
    .grid-x>.medium-10 {
        width: 83.3333333333%
    }
    .grid-x>.medium-11 {
        width: 91.6666666667%
    }
    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .grid-x>.large-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }
    .grid-x>.large-1,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .grid-x>.large-shrink {
        width: auto
    }
    .grid-x>.large-1 {
        width: 8.3333333333%
    }
    .grid-x>.large-2 {
        width: 16.6666666667%
    }
    .grid-x>.large-3 {
        width: 25%
    }
    .grid-x>.large-4 {
        width: 33.3333333333%
    }
    .grid-x>.large-5 {
        width: 41.6666666667%
    }
    .grid-x>.large-6 {
        width: 50%
    }
    .grid-x>.large-7 {
        width: 58.3333333333%
    }
    .grid-x>.large-8 {
        width: 66.6666666667%
    }
    .grid-x>.large-9 {
        width: 75%
    }
    .grid-x>.large-10 {
        width: 83.3333333333%
    }
    .grid-x>.large-11 {
        width: 91.6666666667%
    }
    .grid-x>.large-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.375rem;
    margin-right: -.375rem
}

@media print,
screen and (min-width:40em) {
    .grid-margin-x {
        margin-left: -.375rem;
        margin-right: -.375rem
    }
}

.grid-margin-x>.cell {
    width: calc(100% - .75rem);
    margin-left: .375rem;
    margin-right: .375rem
}

@media print,
screen and (min-width:40em) {
    .grid-margin-x>.cell {
        width: calc(100% - .75rem);
        margin-left: .375rem;
        margin-right: .375rem
    }
}

.grid-margin-x>.auto {
    width: auto
}

.grid-margin-x>.shrink {
    width: auto
}

.grid-margin-x>.small-1 {
    width: calc(8.3333333333% - .75rem)
}

.grid-margin-x>.small-2 {
    width: calc(16.6666666667% - .75rem)
}

.grid-margin-x>.small-3 {
    width: calc(25% - .75rem)
}

.grid-margin-x>.small-4 {
    width: calc(33.3333333333% - .75rem)
}

.grid-margin-x>.small-5 {
    width: calc(41.6666666667% - .75rem)
}

.grid-margin-x>.small-6 {
    width: calc(50% - .75rem)
}

.grid-margin-x>.small-7 {
    width: calc(58.3333333333% - .75rem)
}

.grid-margin-x>.small-8 {
    width: calc(66.6666666667% - .75rem)
}

.grid-margin-x>.small-9 {
    width: calc(75% - .75rem)
}

.grid-margin-x>.small-10 {
    width: calc(83.3333333333% - .75rem)
}

.grid-margin-x>.small-11 {
    width: calc(91.6666666667% - .75rem)
}

.grid-margin-x>.small-12 {
    width: calc(100% - .75rem)
}

@media print,
screen and (min-width:40em) {
    .grid-margin-x>.auto {
        width: auto
    }
    .grid-margin-x>.shrink {
        width: auto
    }
    .grid-margin-x>.small-1 {
        width: calc(8.3333333333% - .75rem)
    }
    .grid-margin-x>.small-2 {
        width: calc(16.6666666667% - .75rem)
    }
    .grid-margin-x>.small-3 {
        width: calc(25% - .75rem)
    }
    .grid-margin-x>.small-4 {
        width: calc(33.3333333333% - .75rem)
    }
    .grid-margin-x>.small-5 {
        width: calc(41.6666666667% - .75rem)
    }
    .grid-margin-x>.small-6 {
        width: calc(50% - .75rem)
    }
    .grid-margin-x>.small-7 {
        width: calc(58.3333333333% - .75rem)
    }
    .grid-margin-x>.small-8 {
        width: calc(66.6666666667% - .75rem)
    }
    .grid-margin-x>.small-9 {
        width: calc(75% - .75rem)
    }
    .grid-margin-x>.small-10 {
        width: calc(83.3333333333% - .75rem)
    }
    .grid-margin-x>.small-11 {
        width: calc(91.6666666667% - .75rem)
    }
    .grid-margin-x>.small-12 {
        width: calc(100% - .75rem)
    }
    .grid-margin-x>.medium-auto {
        width: auto
    }
    .grid-margin-x>.medium-shrink {
        width: auto
    }
    .grid-margin-x>.medium-1 {
        width: calc(8.3333333333% - .75rem)
    }
    .grid-margin-x>.medium-2 {
        width: calc(16.6666666667% - .75rem)
    }
    .grid-margin-x>.medium-3 {
        width: calc(25% - .75rem)
    }
    .grid-margin-x>.medium-4 {
        width: calc(33.3333333333% - .75rem)
    }
    .grid-margin-x>.medium-5 {
        width: calc(41.6666666667% - .75rem)
    }
    .grid-margin-x>.medium-6 {
        width: calc(50% - .75rem)
    }
    .grid-margin-x>.medium-7 {
        width: calc(58.3333333333% - .75rem)
    }
    .grid-margin-x>.medium-8 {
        width: calc(66.6666666667% - .75rem)
    }
    .grid-margin-x>.medium-9 {
        width: calc(75% - .75rem)
    }
    .grid-margin-x>.medium-10 {
        width: calc(83.3333333333% - .75rem)
    }
    .grid-margin-x>.medium-11 {
        width: calc(91.6666666667% - .75rem)
    }
    .grid-margin-x>.medium-12 {
        width: calc(100% - .75rem)
    }
}

@media print,
screen and (min-width:64em) {
    .grid-margin-x>.large-auto {
        width: auto
    }
    .grid-margin-x>.large-shrink {
        width: auto
    }
    .grid-margin-x>.large-1 {
        width: calc(8.3333333333% - .75rem)
    }
    .grid-margin-x>.large-2 {
        width: calc(16.6666666667% - .75rem)
    }
    .grid-margin-x>.large-3 {
        width: calc(25% - .75rem)
    }
    .grid-margin-x>.large-4 {
        width: calc(33.3333333333% - .75rem)
    }
    .grid-margin-x>.large-5 {
        width: calc(41.6666666667% - .75rem)
    }
    .grid-margin-x>.large-6 {
        width: calc(50% - .75rem)
    }
    .grid-margin-x>.large-7 {
        width: calc(58.3333333333% - .75rem)
    }
    .grid-margin-x>.large-8 {
        width: calc(66.6666666667% - .75rem)
    }
    .grid-margin-x>.large-9 {
        width: calc(75% - .75rem)
    }
    .grid-margin-x>.large-10 {
        width: calc(83.3333333333% - .75rem)
    }
    .grid-margin-x>.large-11 {
        width: calc(91.6666666667% - .75rem)
    }
    .grid-margin-x>.large-12 {
        width: calc(100% - .75rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -.375rem;
    margin-left: -.375rem
}

@media print,
screen and (min-width:40em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -.375rem;
        margin-left: -.375rem
    }
}

.grid-container:not(.full)>.grid-padding-x {
    margin-right: -.375rem;
    margin-left: -.375rem
}

@media print,
screen and (min-width:40em) {
    .grid-container:not(.full)>.grid-padding-x {
        margin-right: -.375rem;
        margin-left: -.375rem
    }
}

.grid-padding-x>.cell {
    padding-right: .375rem;
    padding-left: .375rem
}

@media print,
screen and (min-width:40em) {
    .grid-padding-x>.cell {
        padding-right: .375rem;
        padding-left: .375rem
    }
}

.small-up-1>.cell {
    width: 100%
}

.small-up-2>.cell {
    width: 50%
}

.small-up-3>.cell {
    width: 33.3333333333%
}

.small-up-4>.cell {
    width: 25%
}

.small-up-5>.cell {
    width: 20%
}

.small-up-6>.cell {
    width: 16.6666666667%
}

.small-up-7>.cell {
    width: 14.2857142857%
}

.small-up-8>.cell {
    width: 12.5%
}

@media print,
screen and (min-width:40em) {
    .medium-up-1>.cell {
        width: 100%
    }
    .medium-up-2>.cell {
        width: 50%
    }
    .medium-up-3>.cell {
        width: 33.3333333333%
    }
    .medium-up-4>.cell {
        width: 25%
    }
    .medium-up-5>.cell {
        width: 20%
    }
    .medium-up-6>.cell {
        width: 16.6666666667%
    }
    .medium-up-7>.cell {
        width: 14.2857142857%
    }
    .medium-up-8>.cell {
        width: 12.5%
    }
}

@media print,
screen and (min-width:64em) {
    .large-up-1>.cell {
        width: 100%
    }
    .large-up-2>.cell {
        width: 50%
    }
    .large-up-3>.cell {
        width: 33.3333333333%
    }
    .large-up-4>.cell {
        width: 25%
    }
    .large-up-5>.cell {
        width: 20%
    }
    .large-up-6>.cell {
        width: 16.6666666667%
    }
    .large-up-7>.cell {
        width: 14.2857142857%
    }
    .large-up-8>.cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1>.cell {
    width: calc(100% - .75rem)
}

.grid-margin-x.small-up-2>.cell {
    width: calc(50% - .75rem)
}

.grid-margin-x.small-up-3>.cell {
    width: calc(33.3333333333% - .75rem)
}

.grid-margin-x.small-up-4>.cell {
    width: calc(25% - .75rem)
}

.grid-margin-x.small-up-5>.cell {
    width: calc(20% - .75rem)
}

.grid-margin-x.small-up-6>.cell {
    width: calc(16.6666666667% - .75rem)
}

.grid-margin-x.small-up-7>.cell {
    width: calc(14.2857142857% - .75rem)
}

.grid-margin-x.small-up-8>.cell {
    width: calc(12.5% - .75rem)
}

@media print,
screen and (min-width:40em) {
    .grid-margin-x.small-up-1>.cell {
        width: calc(100% - .75rem)
    }
    .grid-margin-x.small-up-2>.cell {
        width: calc(50% - .75rem)
    }
    .grid-margin-x.small-up-3>.cell {
        width: calc(33.3333333333% - .75rem)
    }
    .grid-margin-x.small-up-4>.cell {
        width: calc(25% - .75rem)
    }
    .grid-margin-x.small-up-5>.cell {
        width: calc(20% - .75rem)
    }
    .grid-margin-x.small-up-6>.cell {
        width: calc(16.6666666667% - .75rem)
    }
    .grid-margin-x.small-up-7>.cell {
        width: calc(14.2857142857% - .75rem)
    }
    .grid-margin-x.small-up-8>.cell {
        width: calc(12.5% - .75rem)
    }
    .grid-margin-x.medium-up-1>.cell {
        width: calc(100% - .75rem)
    }
    .grid-margin-x.medium-up-2>.cell {
        width: calc(50% - .75rem)
    }
    .grid-margin-x.medium-up-3>.cell {
        width: calc(33.3333333333% - .75rem)
    }
    .grid-margin-x.medium-up-4>.cell {
        width: calc(25% - .75rem)
    }
    .grid-margin-x.medium-up-5>.cell {
        width: calc(20% - .75rem)
    }
    .grid-margin-x.medium-up-6>.cell {
        width: calc(16.6666666667% - .75rem)
    }
    .grid-margin-x.medium-up-7>.cell {
        width: calc(14.2857142857% - .75rem)
    }
    .grid-margin-x.medium-up-8>.cell {
        width: calc(12.5% - .75rem)
    }
}

@media print,
screen and (min-width:64em) {
    .grid-margin-x.large-up-1>.cell {
        width: calc(100% - .75rem)
    }
    .grid-margin-x.large-up-2>.cell {
        width: calc(50% - .75rem)
    }
    .grid-margin-x.large-up-3>.cell {
        width: calc(33.3333333333% - .75rem)
    }
    .grid-margin-x.large-up-4>.cell {
        width: calc(25% - .75rem)
    }
    .grid-margin-x.large-up-5>.cell {
        width: calc(20% - .75rem)
    }
    .grid-margin-x.large-up-6>.cell {
        width: calc(16.6666666667% - .75rem)
    }
    .grid-margin-x.large-up-7>.cell {
        width: calc(14.2857142857% - .75rem)
    }
    .grid-margin-x.large-up-8>.cell {
        width: calc(12.5% - .75rem)
    }
}

.small-margin-collapse {
    margin-right: 0;
    margin-left: 0
}

.small-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0
}

.small-margin-collapse>.small-1 {
    width: 8.3333333333%
}

.small-margin-collapse>.small-2 {
    width: 16.6666666667%
}

.small-margin-collapse>.small-3 {
    width: 25%
}

.small-margin-collapse>.small-4 {
    width: 33.3333333333%
}

.small-margin-collapse>.small-5 {
    width: 41.6666666667%
}

.small-margin-collapse>.small-6 {
    width: 50%
}

.small-margin-collapse>.small-7 {
    width: 58.3333333333%
}

.small-margin-collapse>.small-8 {
    width: 66.6666666667%
}

.small-margin-collapse>.small-9 {
    width: 75%
}

.small-margin-collapse>.small-10 {
    width: 83.3333333333%
}

.small-margin-collapse>.small-11 {
    width: 91.6666666667%
}

.small-margin-collapse>.small-12 {
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .small-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }
    .small-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }
    .small-margin-collapse>.medium-3 {
        width: 25%
    }
    .small-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }
    .small-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }
    .small-margin-collapse>.medium-6 {
        width: 50%
    }
    .small-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }
    .small-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }
    .small-margin-collapse>.medium-9 {
        width: 75%
    }
    .small-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }
    .small-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }
    .small-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .small-margin-collapse>.large-1 {
        width: 8.3333333333%
    }
    .small-margin-collapse>.large-2 {
        width: 16.6666666667%
    }
    .small-margin-collapse>.large-3 {
        width: 25%
    }
    .small-margin-collapse>.large-4 {
        width: 33.3333333333%
    }
    .small-margin-collapse>.large-5 {
        width: 41.6666666667%
    }
    .small-margin-collapse>.large-6 {
        width: 50%
    }
    .small-margin-collapse>.large-7 {
        width: 58.3333333333%
    }
    .small-margin-collapse>.large-8 {
        width: 66.6666666667%
    }
    .small-margin-collapse>.large-9 {
        width: 75%
    }
    .small-margin-collapse>.large-10 {
        width: 83.3333333333%
    }
    .small-margin-collapse>.large-11 {
        width: 91.6666666667%
    }
    .small-margin-collapse>.large-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0
}

.small-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
}

@media print,
screen and (min-width:40em) {
    .medium-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }
    .medium-margin-collapse>.cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:40em) {
    .medium-margin-collapse>.small-1 {
        width: 8.3333333333%
    }
    .medium-margin-collapse>.small-2 {
        width: 16.6666666667%
    }
    .medium-margin-collapse>.small-3 {
        width: 25%
    }
    .medium-margin-collapse>.small-4 {
        width: 33.3333333333%
    }
    .medium-margin-collapse>.small-5 {
        width: 41.6666666667%
    }
    .medium-margin-collapse>.small-6 {
        width: 50%
    }
    .medium-margin-collapse>.small-7 {
        width: 58.3333333333%
    }
    .medium-margin-collapse>.small-8 {
        width: 66.6666666667%
    }
    .medium-margin-collapse>.small-9 {
        width: 75%
    }
    .medium-margin-collapse>.small-10 {
        width: 83.3333333333%
    }
    .medium-margin-collapse>.small-11 {
        width: 91.6666666667%
    }
    .medium-margin-collapse>.small-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:40em) {
    .medium-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }
    .medium-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }
    .medium-margin-collapse>.medium-3 {
        width: 25%
    }
    .medium-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }
    .medium-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }
    .medium-margin-collapse>.medium-6 {
        width: 50%
    }
    .medium-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }
    .medium-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }
    .medium-margin-collapse>.medium-9 {
        width: 75%
    }
    .medium-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }
    .medium-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }
    .medium-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .medium-margin-collapse>.large-1 {
        width: 8.3333333333%
    }
    .medium-margin-collapse>.large-2 {
        width: 16.6666666667%
    }
    .medium-margin-collapse>.large-3 {
        width: 25%
    }
    .medium-margin-collapse>.large-4 {
        width: 33.3333333333%
    }
    .medium-margin-collapse>.large-5 {
        width: 41.6666666667%
    }
    .medium-margin-collapse>.large-6 {
        width: 50%
    }
    .medium-margin-collapse>.large-7 {
        width: 58.3333333333%
    }
    .medium-margin-collapse>.large-8 {
        width: 66.6666666667%
    }
    .medium-margin-collapse>.large-9 {
        width: 75%
    }
    .medium-margin-collapse>.large-10 {
        width: 83.3333333333%
    }
    .medium-margin-collapse>.large-11 {
        width: 91.6666666667%
    }
    .medium-margin-collapse>.large-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:40em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }
    .medium-padding-collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media print,
screen and (min-width:64em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }
    .large-margin-collapse>.cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:64em) {
    .large-margin-collapse>.small-1 {
        width: 8.3333333333%
    }
    .large-margin-collapse>.small-2 {
        width: 16.6666666667%
    }
    .large-margin-collapse>.small-3 {
        width: 25%
    }
    .large-margin-collapse>.small-4 {
        width: 33.3333333333%
    }
    .large-margin-collapse>.small-5 {
        width: 41.6666666667%
    }
    .large-margin-collapse>.small-6 {
        width: 50%
    }
    .large-margin-collapse>.small-7 {
        width: 58.3333333333%
    }
    .large-margin-collapse>.small-8 {
        width: 66.6666666667%
    }
    .large-margin-collapse>.small-9 {
        width: 75%
    }
    .large-margin-collapse>.small-10 {
        width: 83.3333333333%
    }
    .large-margin-collapse>.small-11 {
        width: 91.6666666667%
    }
    .large-margin-collapse>.small-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .large-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }
    .large-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }
    .large-margin-collapse>.medium-3 {
        width: 25%
    }
    .large-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }
    .large-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }
    .large-margin-collapse>.medium-6 {
        width: 50%
    }
    .large-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }
    .large-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }
    .large-margin-collapse>.medium-9 {
        width: 75%
    }
    .large-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }
    .large-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }
    .large-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .large-margin-collapse>.large-1 {
        width: 8.3333333333%
    }
    .large-margin-collapse>.large-2 {
        width: 16.6666666667%
    }
    .large-margin-collapse>.large-3 {
        width: 25%
    }
    .large-margin-collapse>.large-4 {
        width: 33.3333333333%
    }
    .large-margin-collapse>.large-5 {
        width: 41.6666666667%
    }
    .large-margin-collapse>.large-6 {
        width: 50%
    }
    .large-margin-collapse>.large-7 {
        width: 58.3333333333%
    }
    .large-margin-collapse>.large-8 {
        width: 66.6666666667%
    }
    .large-margin-collapse>.large-9 {
        width: 75%
    }
    .large-margin-collapse>.large-10 {
        width: 83.3333333333%
    }
    .large-margin-collapse>.large-11 {
        width: 91.6666666667%
    }
    .large-margin-collapse>.large-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }
    .large-padding-collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

.small-offset-0 {
    margin-left: 0
}

.grid-margin-x>.small-offset-0 {
    margin-left: calc(0% + .375rem)
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.grid-margin-x>.small-offset-1 {
    margin-left: calc(8.3333333333% + .375rem)
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.grid-margin-x>.small-offset-2 {
    margin-left: calc(16.6666666667% + .375rem)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x>.small-offset-3 {
    margin-left: calc(25% + .375rem)
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.grid-margin-x>.small-offset-4 {
    margin-left: calc(33.3333333333% + .375rem)
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.grid-margin-x>.small-offset-5 {
    margin-left: calc(41.6666666667% + .375rem)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x>.small-offset-6 {
    margin-left: calc(50% + .375rem)
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.grid-margin-x>.small-offset-7 {
    margin-left: calc(58.3333333333% + .375rem)
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.grid-margin-x>.small-offset-8 {
    margin-left: calc(66.6666666667% + .375rem)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x>.small-offset-9 {
    margin-left: calc(75% + .375rem)
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.grid-margin-x>.small-offset-10 {
    margin-left: calc(83.3333333333% + .375rem)
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.grid-margin-x>.small-offset-11 {
    margin-left: calc(91.6666666667% + .375rem)
}

@media print,
screen and (min-width:40em) {
    .medium-offset-0 {
        margin-left: 0
    }
    .grid-margin-x>.medium-offset-0 {
        margin-left: calc(0% + .375rem)
    }
    .medium-offset-1 {
        margin-left: 8.3333333333%
    }
    .grid-margin-x>.medium-offset-1 {
        margin-left: calc(8.3333333333% + .375rem)
    }
    .medium-offset-2 {
        margin-left: 16.6666666667%
    }
    .grid-margin-x>.medium-offset-2 {
        margin-left: calc(16.6666666667% + .375rem)
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .grid-margin-x>.medium-offset-3 {
        margin-left: calc(25% + .375rem)
    }
    .medium-offset-4 {
        margin-left: 33.3333333333%
    }
    .grid-margin-x>.medium-offset-4 {
        margin-left: calc(33.3333333333% + .375rem)
    }
    .medium-offset-5 {
        margin-left: 41.6666666667%
    }
    .grid-margin-x>.medium-offset-5 {
        margin-left: calc(41.6666666667% + .375rem)
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .grid-margin-x>.medium-offset-6 {
        margin-left: calc(50% + .375rem)
    }
    .medium-offset-7 {
        margin-left: 58.3333333333%
    }
    .grid-margin-x>.medium-offset-7 {
        margin-left: calc(58.3333333333% + .375rem)
    }
    .medium-offset-8 {
        margin-left: 66.6666666667%
    }
    .grid-margin-x>.medium-offset-8 {
        margin-left: calc(66.6666666667% + .375rem)
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .grid-margin-x>.medium-offset-9 {
        margin-left: calc(75% + .375rem)
    }
    .medium-offset-10 {
        margin-left: 83.3333333333%
    }
    .grid-margin-x>.medium-offset-10 {
        margin-left: calc(83.3333333333% + .375rem)
    }
    .medium-offset-11 {
        margin-left: 91.6666666667%
    }
    .grid-margin-x>.medium-offset-11 {
        margin-left: calc(91.6666666667% + .375rem)
    }
}

@media print,
screen and (min-width:64em) {
    .large-offset-0 {
        margin-left: 0
    }
    .grid-margin-x>.large-offset-0 {
        margin-left: calc(0% + .375rem)
    }
    .large-offset-1 {
        margin-left: 8.3333333333%
    }
    .grid-margin-x>.large-offset-1 {
        margin-left: calc(8.3333333333% + .375rem)
    }
    .large-offset-2 {
        margin-left: 16.6666666667%
    }
    .grid-margin-x>.large-offset-2 {
        margin-left: calc(16.6666666667% + .375rem)
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .grid-margin-x>.large-offset-3 {
        margin-left: calc(25% + .375rem)
    }
    .large-offset-4 {
        margin-left: 33.3333333333%
    }
    .grid-margin-x>.large-offset-4 {
        margin-left: calc(33.3333333333% + .375rem)
    }
    .large-offset-5 {
        margin-left: 41.6666666667%
    }
    .grid-margin-x>.large-offset-5 {
        margin-left: calc(41.6666666667% + .375rem)
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .grid-margin-x>.large-offset-6 {
        margin-left: calc(50% + .375rem)
    }
    .large-offset-7 {
        margin-left: 58.3333333333%
    }
    .grid-margin-x>.large-offset-7 {
        margin-left: calc(58.3333333333% + .375rem)
    }
    .large-offset-8 {
        margin-left: 66.6666666667%
    }
    .grid-margin-x>.large-offset-8 {
        margin-left: calc(66.6666666667% + .375rem)
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .grid-margin-x>.large-offset-9 {
        margin-left: calc(75% + .375rem)
    }
    .large-offset-10 {
        margin-left: 83.3333333333%
    }
    .grid-margin-x>.large-offset-10 {
        margin-left: calc(83.3333333333% + .375rem)
    }
    .large-offset-11 {
        margin-left: 91.6666666667%
    }
    .grid-margin-x>.large-offset-11 {
        margin-left: calc(91.6666666667% + .375rem)
    }
}

.grid-y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.grid-y>.cell {
    height: auto;
    max-height: none
}

.grid-y>.auto {
    height: auto
}

.grid-y>.shrink {
    height: auto
}

.grid-y>.small-1,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-full,
.grid-y>.small-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print,
screen and (min-width:40em) {
    .grid-y>.medium-1,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-full,
    .grid-y>.medium-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,
screen and (min-width:64em) {
    .grid-y>.large-1,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-full,
    .grid-y>.large-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-y>.small-1,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-y>.small-1 {
    height: 8.3333333333%
}

.grid-y>.small-2 {
    height: 16.6666666667%
}

.grid-y>.small-3 {
    height: 25%
}

.grid-y>.small-4 {
    height: 33.3333333333%
}

.grid-y>.small-5 {
    height: 41.6666666667%
}

.grid-y>.small-6 {
    height: 50%
}

.grid-y>.small-7 {
    height: 58.3333333333%
}

.grid-y>.small-8 {
    height: 66.6666666667%
}

.grid-y>.small-9 {
    height: 75%
}

.grid-y>.small-10 {
    height: 83.3333333333%
}

.grid-y>.small-11 {
    height: 91.6666666667%
}

.grid-y>.small-12 {
    height: 100%
}

@media print,
screen and (min-width:40em) {
    .grid-y>.medium-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto
    }
    .grid-y>.medium-1,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .grid-y>.medium-shrink {
        height: auto
    }
    .grid-y>.medium-1 {
        height: 8.3333333333%
    }
    .grid-y>.medium-2 {
        height: 16.6666666667%
    }
    .grid-y>.medium-3 {
        height: 25%
    }
    .grid-y>.medium-4 {
        height: 33.3333333333%
    }
    .grid-y>.medium-5 {
        height: 41.6666666667%
    }
    .grid-y>.medium-6 {
        height: 50%
    }
    .grid-y>.medium-7 {
        height: 58.3333333333%
    }
    .grid-y>.medium-8 {
        height: 66.6666666667%
    }
    .grid-y>.medium-9 {
        height: 75%
    }
    .grid-y>.medium-10 {
        height: 83.3333333333%
    }
    .grid-y>.medium-11 {
        height: 91.6666666667%
    }
    .grid-y>.medium-12 {
        height: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .grid-y>.large-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto
    }
    .grid-y>.large-1,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .grid-y>.large-shrink {
        height: auto
    }
    .grid-y>.large-1 {
        height: 8.3333333333%
    }
    .grid-y>.large-2 {
        height: 16.6666666667%
    }
    .grid-y>.large-3 {
        height: 25%
    }
    .grid-y>.large-4 {
        height: 33.3333333333%
    }
    .grid-y>.large-5 {
        height: 41.6666666667%
    }
    .grid-y>.large-6 {
        height: 50%
    }
    .grid-y>.large-7 {
        height: 58.3333333333%
    }
    .grid-y>.large-8 {
        height: 66.6666666667%
    }
    .grid-y>.large-9 {
        height: 75%
    }
    .grid-y>.large-10 {
        height: 83.3333333333%
    }
    .grid-y>.large-11 {
        height: 91.6666666667%
    }
    .grid-y>.large-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -.375rem;
    margin-bottom: -.375rem
}

@media print,
screen and (min-width:40em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -.375rem;
        margin-bottom: -.375rem
    }
}

.grid-padding-y>.cell {
    padding-top: .375rem;
    padding-bottom: .375rem
}

@media print,
screen and (min-width:40em) {
    .grid-padding-y>.cell {
        padding-top: .375rem;
        padding-bottom: .375rem
    }
}

.grid-margin-y {
    margin-top: -.375rem;
    margin-bottom: -.375rem
}

@media print,
screen and (min-width:40em) {
    .grid-margin-y {
        margin-top: -.375rem;
        margin-bottom: -.375rem
    }
}

.grid-margin-y>.cell {
    height: calc(100% - .75rem);
    margin-top: .375rem;
    margin-bottom: .375rem
}

@media print,
screen and (min-width:40em) {
    .grid-margin-y>.cell {
        height: calc(100% - .75rem);
        margin-top: .375rem;
        margin-bottom: .375rem
    }
}

.grid-margin-y>.auto {
    height: auto
}

.grid-margin-y>.shrink {
    height: auto
}

.grid-margin-y>.small-1 {
    height: calc(8.3333333333% - .75rem)
}

.grid-margin-y>.small-2 {
    height: calc(16.6666666667% - .75rem)
}

.grid-margin-y>.small-3 {
    height: calc(25% - .75rem)
}

.grid-margin-y>.small-4 {
    height: calc(33.3333333333% - .75rem)
}

.grid-margin-y>.small-5 {
    height: calc(41.6666666667% - .75rem)
}

.grid-margin-y>.small-6 {
    height: calc(50% - .75rem)
}

.grid-margin-y>.small-7 {
    height: calc(58.3333333333% - .75rem)
}

.grid-margin-y>.small-8 {
    height: calc(66.6666666667% - .75rem)
}

.grid-margin-y>.small-9 {
    height: calc(75% - .75rem)
}

.grid-margin-y>.small-10 {
    height: calc(83.3333333333% - .75rem)
}

.grid-margin-y>.small-11 {
    height: calc(91.6666666667% - .75rem)
}

.grid-margin-y>.small-12 {
    height: calc(100% - .75rem)
}

@media print,
screen and (min-width:40em) {
    .grid-margin-y>.auto {
        height: auto
    }
    .grid-margin-y>.shrink {
        height: auto
    }
    .grid-margin-y>.small-1 {
        height: calc(8.3333333333% - .75rem)
    }
    .grid-margin-y>.small-2 {
        height: calc(16.6666666667% - .75rem)
    }
    .grid-margin-y>.small-3 {
        height: calc(25% - .75rem)
    }
    .grid-margin-y>.small-4 {
        height: calc(33.3333333333% - .75rem)
    }
    .grid-margin-y>.small-5 {
        height: calc(41.6666666667% - .75rem)
    }
    .grid-margin-y>.small-6 {
        height: calc(50% - .75rem)
    }
    .grid-margin-y>.small-7 {
        height: calc(58.3333333333% - .75rem)
    }
    .grid-margin-y>.small-8 {
        height: calc(66.6666666667% - .75rem)
    }
    .grid-margin-y>.small-9 {
        height: calc(75% - .75rem)
    }
    .grid-margin-y>.small-10 {
        height: calc(83.3333333333% - .75rem)
    }
    .grid-margin-y>.small-11 {
        height: calc(91.6666666667% - .75rem)
    }
    .grid-margin-y>.small-12 {
        height: calc(100% - .75rem)
    }
    .grid-margin-y>.medium-auto {
        height: auto
    }
    .grid-margin-y>.medium-shrink {
        height: auto
    }
    .grid-margin-y>.medium-1 {
        height: calc(8.3333333333% - .75rem)
    }
    .grid-margin-y>.medium-2 {
        height: calc(16.6666666667% - .75rem)
    }
    .grid-margin-y>.medium-3 {
        height: calc(25% - .75rem)
    }
    .grid-margin-y>.medium-4 {
        height: calc(33.3333333333% - .75rem)
    }
    .grid-margin-y>.medium-5 {
        height: calc(41.6666666667% - .75rem)
    }
    .grid-margin-y>.medium-6 {
        height: calc(50% - .75rem)
    }
    .grid-margin-y>.medium-7 {
        height: calc(58.3333333333% - .75rem)
    }
    .grid-margin-y>.medium-8 {
        height: calc(66.6666666667% - .75rem)
    }
    .grid-margin-y>.medium-9 {
        height: calc(75% - .75rem)
    }
    .grid-margin-y>.medium-10 {
        height: calc(83.3333333333% - .75rem)
    }
    .grid-margin-y>.medium-11 {
        height: calc(91.6666666667% - .75rem)
    }
    .grid-margin-y>.medium-12 {
        height: calc(100% - .75rem)
    }
}

@media print,
screen and (min-width:64em) {
    .grid-margin-y>.large-auto {
        height: auto
    }
    .grid-margin-y>.large-shrink {
        height: auto
    }
    .grid-margin-y>.large-1 {
        height: calc(8.3333333333% - .75rem)
    }
    .grid-margin-y>.large-2 {
        height: calc(16.6666666667% - .75rem)
    }
    .grid-margin-y>.large-3 {
        height: calc(25% - .75rem)
    }
    .grid-margin-y>.large-4 {
        height: calc(33.3333333333% - .75rem)
    }
    .grid-margin-y>.large-5 {
        height: calc(41.6666666667% - .75rem)
    }
    .grid-margin-y>.large-6 {
        height: calc(50% - .75rem)
    }
    .grid-margin-y>.large-7 {
        height: calc(58.3333333333% - .75rem)
    }
    .grid-margin-y>.large-8 {
        height: calc(66.6666666667% - .75rem)
    }
    .grid-margin-y>.large-9 {
        height: calc(75% - .75rem)
    }
    .grid-margin-y>.large-10 {
        height: calc(83.3333333333% - .75rem)
    }
    .grid-margin-y>.large-11 {
        height: calc(91.6666666667% - .75rem)
    }
    .grid-margin-y>.large-12 {
        height: calc(100% - .75rem)
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%
}

.cell-block-container>.grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media print,
screen and (min-width:40em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }
    .cell .medium-grid-frame {
        width: 100%
    }
    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .medium-cell-block-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }
    .medium-cell-block-container>.grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media print,
screen and (min-width:64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }
    .cell .large-grid-frame {
        width: 100%
    }
    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .large-cell-block-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }
    .large-cell-block-container>.grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh
}

@media print,
screen and (min-width:40em) {
    .grid-y.medium-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh
    }
}

@media print,
screen and (min-width:64em) {
    .grid-y.large-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print,
screen and (min-width:40em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

.grid-margin-y {
    margin-top: -.375rem;
    margin-bottom: -.375rem
}

@media print,
screen and (min-width:40em) {
    .grid-margin-y {
        margin-top: -.375rem;
        margin-bottom: -.375rem
    }
}

.grid-margin-y>.cell {
    height: calc(100% - .75rem);
    margin-top: .375rem;
    margin-bottom: .375rem
}

@media print,
screen and (min-width:40em) {
    .grid-margin-y>.cell {
        height: calc(100% - .75rem);
        margin-top: .375rem;
        margin-bottom: .375rem
    }
}

.grid-margin-y>.auto {
    height: auto
}

.grid-margin-y>.shrink {
    height: auto
}

.grid-margin-y>.small-1 {
    height: calc(8.3333333333% - .75rem)
}

.grid-margin-y>.small-2 {
    height: calc(16.6666666667% - .75rem)
}

.grid-margin-y>.small-3 {
    height: calc(25% - .75rem)
}

.grid-margin-y>.small-4 {
    height: calc(33.3333333333% - .75rem)
}

.grid-margin-y>.small-5 {
    height: calc(41.6666666667% - .75rem)
}

.grid-margin-y>.small-6 {
    height: calc(50% - .75rem)
}

.grid-margin-y>.small-7 {
    height: calc(58.3333333333% - .75rem)
}

.grid-margin-y>.small-8 {
    height: calc(66.6666666667% - .75rem)
}

.grid-margin-y>.small-9 {
    height: calc(75% - .75rem)
}

.grid-margin-y>.small-10 {
    height: calc(83.3333333333% - .75rem)
}

.grid-margin-y>.small-11 {
    height: calc(91.6666666667% - .75rem)
}

.grid-margin-y>.small-12 {
    height: calc(100% - .75rem)
}

@media print,
screen and (min-width:40em) {
    .grid-margin-y>.auto {
        height: auto
    }
    .grid-margin-y>.shrink {
        height: auto
    }
    .grid-margin-y>.small-1 {
        height: calc(8.3333333333% - .75rem)
    }
    .grid-margin-y>.small-2 {
        height: calc(16.6666666667% - .75rem)
    }
    .grid-margin-y>.small-3 {
        height: calc(25% - .75rem)
    }
    .grid-margin-y>.small-4 {
        height: calc(33.3333333333% - .75rem)
    }
    .grid-margin-y>.small-5 {
        height: calc(41.6666666667% - .75rem)
    }
    .grid-margin-y>.small-6 {
        height: calc(50% - .75rem)
    }
    .grid-margin-y>.small-7 {
        height: calc(58.3333333333% - .75rem)
    }
    .grid-margin-y>.small-8 {
        height: calc(66.6666666667% - .75rem)
    }
    .grid-margin-y>.small-9 {
        height: calc(75% - .75rem)
    }
    .grid-margin-y>.small-10 {
        height: calc(83.3333333333% - .75rem)
    }
    .grid-margin-y>.small-11 {
        height: calc(91.6666666667% - .75rem)
    }
    .grid-margin-y>.small-12 {
        height: calc(100% - .75rem)
    }
    .grid-margin-y>.medium-auto {
        height: auto
    }
    .grid-margin-y>.medium-shrink {
        height: auto
    }
    .grid-margin-y>.medium-1 {
        height: calc(8.3333333333% - .75rem)
    }
    .grid-margin-y>.medium-2 {
        height: calc(16.6666666667% - .75rem)
    }
    .grid-margin-y>.medium-3 {
        height: calc(25% - .75rem)
    }
    .grid-margin-y>.medium-4 {
        height: calc(33.3333333333% - .75rem)
    }
    .grid-margin-y>.medium-5 {
        height: calc(41.6666666667% - .75rem)
    }
    .grid-margin-y>.medium-6 {
        height: calc(50% - .75rem)
    }
    .grid-margin-y>.medium-7 {
        height: calc(58.3333333333% - .75rem)
    }
    .grid-margin-y>.medium-8 {
        height: calc(66.6666666667% - .75rem)
    }
    .grid-margin-y>.medium-9 {
        height: calc(75% - .75rem)
    }
    .grid-margin-y>.medium-10 {
        height: calc(83.3333333333% - .75rem)
    }
    .grid-margin-y>.medium-11 {
        height: calc(91.6666666667% - .75rem)
    }
    .grid-margin-y>.medium-12 {
        height: calc(100% - .75rem)
    }
}

@media print,
screen and (min-width:64em) {
    .grid-margin-y>.large-auto {
        height: auto
    }
    .grid-margin-y>.large-shrink {
        height: auto
    }
    .grid-margin-y>.large-1 {
        height: calc(8.3333333333% - .75rem)
    }
    .grid-margin-y>.large-2 {
        height: calc(16.6666666667% - .75rem)
    }
    .grid-margin-y>.large-3 {
        height: calc(25% - .75rem)
    }
    .grid-margin-y>.large-4 {
        height: calc(33.3333333333% - .75rem)
    }
    .grid-margin-y>.large-5 {
        height: calc(41.6666666667% - .75rem)
    }
    .grid-margin-y>.large-6 {
        height: calc(50% - .75rem)
    }
    .grid-margin-y>.large-7 {
        height: calc(58.3333333333% - .75rem)
    }
    .grid-margin-y>.large-8 {
        height: calc(66.6666666667% - .75rem)
    }
    .grid-margin-y>.large-9 {
        height: calc(75% - .75rem)
    }
    .grid-margin-y>.large-10 {
        height: calc(83.3333333333% - .75rem)
    }
    .grid-margin-y>.large-11 {
        height: calc(91.6666666667% - .75rem)
    }
    .grid-margin-y>.large-12 {
        height: calc(100% - .75rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + .75rem)
}

@media print,
screen and (min-width:40em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + .75rem)
    }
}

@media print,
screen and (min-width:64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + .75rem)
    }
}

@media print,
screen and (min-width:40em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + .75rem)
    }
}

@media print,
screen and (min-width:64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + .75rem)
    }
}

@-webkit-keyframes tabsfadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tabsfadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes tabsfadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes tabsfadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.accordion {
    content:'{"selectedIndex":0,"adjustScroll":60}'!important;
    margin: 0 0 24px;
    padding: 0
}

@media print,
screen and (max-width:39.99875em) {
    .accordion .accordion-panel .panel-link {
        padding: 15px 48px 8px 0;
        font-size: 1rem;
        line-height: 1.375rem
    }
    .accordion .accordion-panel .panel-link:before {
        right: 16px;
        font-size: 1.125rem;
        line-height: 1
    }
    .accordion .accordion-panel .panel-link .shorter {
        padding-left: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .accordion .accordion-panel .panel-link {
        padding: 18px 64px 16px 0;
        font-size: 1.125rem
    }
    .accordion .accordion-panel .panel-link:before {
        right: 24px;
        font-size: 1.875rem;
        line-height: 1
    }
    .accordion .accordion-panel .panel-link .shorter {
        padding-left: 24px
    }
}

.accordion::before {
    content:'{"selectedIndex":0,"adjustScroll":60}'!important;
    font-family:'{"selectedIndex":0,"adjustScroll":60}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.accordion .accordion-panel {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none
}

.accordion .accordion-panel .content {
    background-color: #d4d5d5;
    -webkit-transition: opacity .4s, visibility .4s, background-color .4s;
    transition: opacity .4s, visibility .4s, background-color .4s
}

.accordion .accordion-panel .content:not(.m-switched-off) {
    outline: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s
}

.accordion .accordion-panel .content:not(.m-switched-off).m-open {
    overflow: visible;
    opacity: 1;
    visibility: inherit;
    height: auto
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .accordion .accordion-panel .content {
    background-color: #2a2d34
}

.accordion .accordion-panel .content.m-open {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .accordion .accordion-panel .content.m-open {
    background-color: #1f232a
}

.accordion .accordion-panel .content .link {
    display: table
}

.accordion .accordion-panel .expand-headline {
    margin: 0
}

.accordion .accordion-panel .panel-link {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    font-weight: 700;
    text-align: left;
    color: #34393f;
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .accordion .accordion-panel .panel-link {
    color: rgba(255, 255, 255, .87);
    background-color: #2a2d34
}

.accordion .accordion-panel .panel-link:before {
    position: absolute;
    top: 50%;
    padding-top: 0;
    padding-bottom: 0;
    font-family: zdf-iconfont;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #5c6166;
    content: "";
    speak: none;
    -webkit-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .accordion .accordion-panel .panel-link:before {
    color: #9e9fa2
}

.accordion .accordion-panel .panel-link .shorter {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.accordion .accordion-panel .panel-link:hover {
    outline: 0
}

.accordion .accordion-panel .panel-link:hover:before {
    padding-top: 8px;
    padding-bottom: 0
}

.accordion .accordion-panel .panel-link:hover .shorter {
    text-decoration: underline
}

.accordion .accordion-panel .panel-link:focus:not(.m-keyboardfocus) {
    outline: 0
}

.accordion .accordion-panel .panel-link:focus:not(.m-keyboardfocus):hover .shorter {
    text-decoration: underline
}

.accordion .accordion-panel .panel-link:focus:not(.m-keyboardfocus):before {
    padding-top: 0;
    padding-bottom: 0
}

.accordion .accordion-panel .panel-link:focus:not(.m-keyboardfocus) .shorter {
    text-decoration: none
}

.accordion .accordion-panel .panel-link.m-keyboardfocus {
    outline-offset: -2px
}

.accordion .accordion-panel .panel-link.m-keyboardfocus .shorter {
    text-decoration: underline
}

.accordion .accordion-panel .panel-link:focus:hover:before {
    padding-top: 8px;
    padding-bottom: 0
}

.accordion .accordion-panel .panel-link[aria-expanded=true] {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .accordion .accordion-panel .panel-link[aria-expanded=true] {
    background-color: #1f232a
}

.accordion .accordion-panel .panel-link[aria-expanded=true]:before {
    content: ""
}

.accordion .accordion-panel .panel-link[aria-expanded=true]:hover .shorter {
    text-decoration: underline
}

.alert,
.b-alert,
.b-news-alert {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #fa7d19
}

.alert .alert-title,
.b-alert .alert-title,
.b-news-alert .alert-title {
    margin-right: 10px;
    border-radius: 2px;
    padding: 2px 4px;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fa7d19;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .alert .alert-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-alert .alert-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-alert .alert-title {
    background-color: #0d1118
}

.alert .alert-item,
.b-alert .alert-item,
.b-news-alert .alert-item {
    font-size: 1rem;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .alert .alert-item,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-alert .alert-item,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-alert .alert-item {
    color: #0d1118
}

.alert .alert-item .link,
.b-alert .alert-item .link,
.b-news-alert .alert-item .link {
    border-bottom: 1px solid transparent;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .alert .alert-item .link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-alert .alert-item .link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-alert .alert-item .link {
    color: #0d1118
}

.alert .alert-item a.link:focus,
.alert .alert-item a.link:hover,
.b-alert .alert-item a.link:focus,
.b-alert .alert-item a.link:hover,
.b-news-alert .alert-item a.link:focus,
.b-news-alert .alert-item a.link:hover {
    border-bottom: 1px solid #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .alert .alert-item a.link:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .alert .alert-item a.link:hover,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-alert .alert-item a.link:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-alert .alert-item a.link:hover,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-alert .alert-item a.link:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-alert .alert-item a.link:hover {
    border-bottom: 1px solid #0d1118
}

@media print,
screen and (max-width:39.99875em) {
    .arrowhover {
        display: inline-block;
        height: 18px
    }
    .arrowhover:before {
        float: left;
        font-size: 28px;
        line-height: 24px
    }
}

@media print,
screen and (min-width:40em) {
    .arrowhover {
        display: inline-block;
        height: 19px
    }
    .arrowhover:before {
        float: left;
        font-size: 28px;
        line-height: 26px
    }
}

.arrowhover:before {
    padding-left: 0;
    -webkit-transition: padding-left .4s ease 0s;
    transition: padding-left .4s ease 0s
}

.m-clickarea:hover .arrowhover:before,
.teaser-theme:hover .arrowhover:before {
    padding-left: 5px
}

.checkbox-wrap .checkbox-input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0)
}

.is-inverted.checkbox-wrap .checkbox-label {
    color: rgba(255, 255, 255, .87)
}

.is-inverted.checkbox-wrap .checkbox-label:before {
    border-color: #fff
}

.checkbox-wrap .checkbox-label {
    position: relative;
    float: left;
    padding-left: 24px;
    font-size: .875rem;
    line-height: 22px;
    cursor: pointer
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .checkbox-wrap .checkbox-label {
    color: rgba(255, 255, 255, .87)
}

.checkbox-wrap .checkbox-label:before {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 2px solid #34393f;
    background-color: transparent;
    content: ""
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .checkbox-wrap .checkbox-label:before {
    border-color: #fff
}

.checkbox-wrap .error:not(:checked)+label:after {
    position: absolute;
    top: 1px;
    left: -2px;
    width: 20px;
    height: 20px;
    border: 2px solid #f11010;
    content: ""
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .checkbox-wrap .error:not(:checked)+label:after {
    border-color: #f39a9b
}

.checkbox-wrap a {
    color: #34393f;
    text-decoration: underline;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .checkbox-wrap a {
    color: rgba(255, 255, 255, .87)
}

.checkbox-wrap a:focus,
.checkbox-wrap a:hover {
    color: #fa7d19
}

.checkbox-wrap .checkbox-input:checked+label:after {
    position: absolute;
    top: .4375rem;
    left: .25rem;
    z-index: 2;
    width: 8px;
    height: 8px;
    background-color: #fa7d19;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .checkbox-wrap .checkbox-input:checked+label:after {
    background-color: #fa7d19
}

.checkbox-wrap .checkbox-input.m-keyboardfocus+label:before {
    outline: 2px solid #fa7d19;
    outline-offset: 2px
}

body.x-heute .b-weather-teaser .box {
    background-image: url(/static/0.109.2334/img/teaser/wetter-small.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent
}

@media print,
screen and (max-width:39.99875em) {
    body.x-heute .b-weather-teaser .box {
        padding-top: 32px;
        background-position: center bottom
    }
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-weather-teaser .box {
        background: url(/static/0.109.2334/img/teaser/wetter-vertical.jpg)
    }
}

body.x-heute .b-weather-teaser .select-wrap {
    float: left;
    margin: 0 16px 16px 0
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-weather-teaser .select-wrap {
        float: none;
        margin: 0 0 24px 0
    }
}

body.x-heute .b-weather-teaser .temperature {
    font-size: 2.25rem;
    line-height: 1.75rem
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-weather-teaser .temperature {
        font-size: 5rem;
        line-height: 5rem
    }
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-weather-teaser .value {
        margin: 0 0 16px 0
    }
}

body.x-heute .b-weather-teaser .celsius {
    margin: 0 5px;
    font-size: 1.375rem;
    line-height: 1.375rem
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-weather-teaser .celsius {
        margin: 10px 8px 0;
        font-size: 2rem;
        line-height: 2rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    body.x-heute .b-weather-teaser .teaser-text {
        display: block;
        margin: 0
    }
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-weather-teaser .teaser-text {
        clear: both
    }
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-weather-teaser .bottom-teaser-box {
        height: 100%
    }
}

@media print,
screen and (max-width:39.99875em) {
    body.x-heute .b-weather-teaser .news-logo {
        margin: 30px 0 0
    }
}

body.x-heute .b-weather-teaser .weather-icon {
    width: 24px;
    height: 24px;
    margin-top: -2px;
    font-size: 1.5rem;
    line-height: 21px
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-weather-teaser .weather-icon {
        width: 32px;
        height: 32px;
        margin-top: 8px;
        font-size: 40px;
        line-height: 2rem
    }
}

.b-cluster-teaser,
.b-weather-teaser.weather-teaser-new {
    width: 320px;
    height: 100%;
    min-width: 320px;
    position: relative;
    display: block;
    white-space: normal;
    background-color: #25292e;
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    overflow: hidden;
    margin: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser,
    .b-weather-teaser.weather-teaser-new {
        width: 231px;
        min-width: 231px
    }
}

.b-cluster-teaser .box,
.b-weather-teaser.weather-teaser-new .box {
    height: 100%;
    padding: 24px;
    background-color: rgba(37, 41, 46, .8)
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser .box,
    .b-weather-teaser.weather-teaser-new .box {
        padding: 10px 12px 12px
    }
}

.b-dialog.x-dialog-player-pin .error-item:not(input),
.error-item:not(input) {
    overflow: hidden;
    display: none;
    margin: 0;
    padding: 0;
    color: #f11010
}

.b-dialog.x-dialog-player-pin .error-item:not(input).m-show,
.error-item:not(input).m-show {
    display: block!important
}

.b-dialog.x-dialog-player-pin .error-item:not(input) .error-msg,
.error-item:not(input) .error-msg {
    position: relative;
    display: inline-block;
    padding: 0 16px 16px 0;
    color: #f11010
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-infotext .guest-showmore,
    .b-group-persons .guest-showmore {
        content:'{"items": ".guest-box","count":4}'!important
    }
    .b-dialog.x-dialog-infotext .guest-showmore::before,
    .b-group-persons .guest-showmore::before {
        content:'{"items": ".guest-box","count":4}'!important;
        font-family:'{"items": ".guest-box","count":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-dialog.x-dialog-infotext .guest-box,
    .b-group-persons .guest-box {
        width: 100%;
        outline: 0;
        padding: 0 16px
    }
    .b-dialog.x-dialog-infotext .guest-box:nth-child(1n+5):not(.m-showmore-item),
    .b-group-persons .guest-box:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-info,
    .b-group-persons .guest-box .guest-info {
        outline: 0;
        padding: 16px 0
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-info:after,
    .b-group-persons .guest-box .guest-info:after {
        left: 12.5%
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-name,
    .b-group-persons .guest-box .guest-name {
        margin-bottom: 4px;
        font-size: 1rem;
        line-height: 1rem
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-name .name-btn,
    .b-group-persons .guest-box .guest-name .name-btn {
        text-align: left
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-img-wrap:before,
    .b-group-persons .guest-box .guest-img-wrap:before {
        width: 89.5%
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-img,
    .b-group-persons .guest-box .guest-img {
        width: 80px
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-text,
    .b-group-persons .guest-box .guest-text {
        padding-left: 88px
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-title,
    .b-group-persons .guest-box .guest-title {
        padding: 0;
        font-size: 1rem;
        line-height: 1.375rem
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-title>p,
    .b-group-persons .guest-box .guest-title>p {
        margin: 0;
        padding: 0
    }
    .b-dialog.x-dialog-infotext .load-more-container,
    .b-group-persons .load-more-container {
        text-align: center
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-dialog.x-dialog-infotext .guest-box .guest-info,
    .b-group-persons .guest-box .guest-info {
        padding: 16px 12px
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-infotext .guest-box .guest-info:after,
    .b-group-persons .guest-box .guest-info:after {
        left: 17.5%
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-img,
    .b-group-persons .guest-box .guest-img {
        width: 126px
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-text,
    .b-group-persons .guest-box .guest-text {
        padding-left: 146px
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-name,
    .b-group-persons .guest-box .guest-name {
        margin-bottom: 8px;
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-title,
    .b-group-persons .guest-box .guest-title {
        font-size: 1rem;
        line-height: 1.375rem
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-description .desc-text,
    .b-group-persons .guest-box .guest-description .desc-text {
        margin: 0 auto;
        padding: 24px 16px 32px;
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-dialog.x-dialog-infotext .guest-box:only-child .guest-img,
    .b-group-persons .guest-box:only-child .guest-img {
        width: 190px
    }
    .b-dialog.x-dialog-infotext .guest-box:only-child .guest-text,
    .b-group-persons .guest-box:only-child .guest-text {
        padding: 32px 0 0 212px
    }
    .b-dialog.x-dialog-infotext .guest-box:only-child .guest-info:before,
    .b-group-persons .guest-box:only-child .guest-info:before {
        margin-left: 88px
    }
    .b-dialog.x-dialog-infotext .guest-box:first-child:nth-last-child(2) .guest-img,
    .b-dialog.x-dialog-infotext .guest-box:first-child:nth-last-child(2)~li .guest-img,
    .b-group-persons .guest-box:first-child:nth-last-child(2) .guest-img,
    .b-group-persons .guest-box:first-child:nth-last-child(2)~li .guest-img {
        width: 157px
    }
    .b-dialog.x-dialog-infotext .guest-box:first-child:nth-last-child(2) .guest-text,
    .b-dialog.x-dialog-infotext .guest-box:first-child:nth-last-child(2)~li .guest-text,
    .b-group-persons .guest-box:first-child:nth-last-child(2) .guest-text,
    .b-group-persons .guest-box:first-child:nth-last-child(2)~li .guest-text {
        padding: 24px 0 0 170px
    }
    .b-dialog.x-dialog-infotext .guest-box:first-child:nth-last-child(2) .guest-info:before,
    .b-dialog.x-dialog-infotext .guest-box:first-child:nth-last-child(2)~li .guest-info:before,
    .b-group-persons .guest-box:first-child:nth-last-child(2) .guest-info:before,
    .b-group-persons .guest-box:first-child:nth-last-child(2)~li .guest-info:before {
        margin-left: 70px
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-info,
    .b-group-persons .guest-box .guest-info {
        padding: 12px 0
    }
    .b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within .guest-name,
    .b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within .guest-title,
    .b-dialog.x-dialog-infotext .guest-box .guest-info:hover .guest-name,
    .b-dialog.x-dialog-infotext .guest-box .guest-info:hover .guest-title,
    .b-group-persons .guest-box .guest-info.m-focus-within .guest-name,
    .b-group-persons .guest-box .guest-info.m-focus-within .guest-title,
    .b-group-persons .guest-box .guest-info:hover .guest-name,
    .b-group-persons .guest-box .guest-info:hover .guest-title {
        text-decoration: underline
    }
}

.b-dialog.x-dialog-infotext .guest-box,
.b-group-persons .guest-box {
    padding-bottom: 0;
    list-style: none
}

.b-dialog.x-dialog-infotext .guest-box .guest-info,
.b-group-persons .guest-box .guest-info {
    position: relative;
    z-index: 13;
    margin-bottom: 0;
    text-align: left;
    cursor: pointer
}

.b-dialog.x-dialog-infotext .guest-box .guest-info:before,
.b-group-persons .guest-box .guest-info:before {
    opacity: 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    z-index: 14;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-width: 9px 8px 0 8px;
    border-style: solid;
    border-color: #e8e8e8 transparent transparent transparent;
    content: ""
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-infotext .guest-box .guest-info:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .guest-info:before {
    border-color: #0d1118 transparent transparent transparent
}

.b-dialog.x-dialog-infotext .guest-box .guest-info:after,
.b-group-persons .guest-box .guest-info:after {
    overflow: hidden;
    display: table;
    clear: both;
    content: ""
}

.b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within,
.b-dialog.x-dialog-infotext .guest-box .guest-info:hover,
.b-group-persons .guest-box .guest-info.m-focus-within,
.b-group-persons .guest-box .guest-info:hover {
    outline: 0 none
}

.b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within .guest-img,
.b-dialog.x-dialog-infotext .guest-box .guest-info:hover .guest-img,
.b-group-persons .guest-box .guest-info.m-focus-within .guest-img,
.b-group-persons .guest-box .guest-info:hover .guest-img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within .arrow-down,
.b-dialog.x-dialog-infotext .guest-box .guest-info:hover .arrow-down,
.b-group-persons .guest-box .guest-info.m-focus-within .arrow-down,
.b-group-persons .guest-box .guest-info:hover .arrow-down {
    top: 3px
}

.b-dialog.x-dialog-infotext .guest-box .guest-img-wrap,
.b-group-persons .guest-box .guest-img-wrap {
    position: relative;
    float: left
}

.b-dialog.x-dialog-infotext .guest-box .guest-img,
.b-group-persons .guest-box .guest-img {
    border-radius: 50%;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.b-dialog.x-dialog-infotext .guest-box .guest-name,
.b-group-persons .guest-box .guest-name {
    font-weight: 700
}

.b-dialog.x-dialog-infotext .guest-box .guest-name button,
.b-group-persons .guest-box .guest-name button {
    font-size: inherit;
    font-weight: 300;
    text-align: left;
    color: #34393f
}

html:not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-infotext .guest-box .guest-name button,
html:not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .guest-name button {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-infotext .guest-box .guest-name button:not(.m-keyboardfocus),
.b-group-persons .guest-box .guest-name button:not(.m-keyboardfocus) {
    outline: 0
}

.b-dialog.x-dialog-infotext .guest-box .guest-title,
.b-group-persons .guest-box .guest-title {
    margin-bottom: 16px
}

.b-dialog.x-dialog-infotext .guest-list,
.b-group-persons .guest-list {
    text-align: center
}

.b-content-teaser-list .title,
.b-search-list .title,
.big-headline,
.cluster-title-row .cluster-title,
html.x-tivi-app .big-headline,
html.x-tivi-app .cluster-title,
html.x-tivi-app .medium-headline,
html.x-tivi-app .small-headline,
html.x-tivi-app h2.title {
    font-family: Uniwidth, sans-serif;
    color: #34393f;
    display: inline-block;
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-list .title,
    .b-search-list .title,
    .big-headline,
    .cluster-title-row .cluster-title,
    html.x-tivi-app .big-headline,
    html.x-tivi-app .cluster-title,
    html.x-tivi-app .medium-headline,
    html.x-tivi-app .small-headline,
    html.x-tivi-app h2.title {
        margin: 32px 0 16px;
        padding: 0 64px 0 16px;
        font-size: 1.625rem;
        line-height: 2rem
    }
    .b-content-teaser-list .x-label.title,
    .b-content-teaser-list .x-overline.title,
    .b-search-list .x-label.title,
    .b-search-list .x-overline.title,
    .cluster-title-row .x-label.cluster-title,
    .cluster-title-row .x-overline.cluster-title,
    .x-label.big-headline,
    .x-overline.big-headline,
    html.x-tivi-app .x-label.big-headline,
    html.x-tivi-app .x-label.cluster-title,
    html.x-tivi-app .x-label.medium-headline,
    html.x-tivi-app .x-label.small-headline,
    html.x-tivi-app .x-overline.big-headline,
    html.x-tivi-app .x-overline.cluster-title,
    html.x-tivi-app .x-overline.medium-headline,
    html.x-tivi-app .x-overline.small-headline,
    html.x-tivi-app h2.x-label.title,
    html.x-tivi-app h2.x-overline.title {
        margin-top: 0
    }
    .b-content-teaser-list .title:only-child,
    .b-search-list .title:only-child,
    .big-headline:only-child,
    .cluster-title-row .cluster-title:only-child,
    html.x-tivi-app .big-headline:only-child,
    html.x-tivi-app .cluster-title:only-child,
    html.x-tivi-app .medium-headline:only-child,
    html.x-tivi-app .small-headline:only-child,
    html.x-tivi-app h2.title:only-child {
        padding-right: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-list .title,
    .b-search-list .title,
    .big-headline,
    .cluster-title-row .cluster-title,
    html.x-tivi-app .big-headline,
    html.x-tivi-app .cluster-title,
    html.x-tivi-app .medium-headline,
    html.x-tivi-app .small-headline,
    html.x-tivi-app h2.title {
        margin: 64px 0 16px;
        font-size: 2.25rem;
        line-height: 2.8125rem
    }
    .b-content-teaser-list .x-label.title,
    .b-content-teaser-list .x-overline.title,
    .b-search-list .x-label.title,
    .b-search-list .x-overline.title,
    .cluster-title-row .x-label.cluster-title,
    .cluster-title-row .x-overline.cluster-title,
    .x-label.big-headline,
    .x-overline.big-headline,
    html.x-tivi-app .x-label.big-headline,
    html.x-tivi-app .x-label.cluster-title,
    html.x-tivi-app .x-label.medium-headline,
    html.x-tivi-app .x-label.small-headline,
    html.x-tivi-app .x-overline.big-headline,
    html.x-tivi-app .x-overline.cluster-title,
    html.x-tivi-app .x-overline.medium-headline,
    html.x-tivi-app .x-overline.small-headline,
    html.x-tivi-app h2.x-label.title,
    html.x-tivi-app h2.x-overline.title {
        margin-top: 0
    }
}

.b-content-teaser-list html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .title,
.b-search-list html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .title,
.cluster-title-row html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .cluster-title,
html.x-tivi-app html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .cluster-title,
html.x-tivi-app html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .medium-headline,
html.x-tivi-app html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .small-headline,
html.x-tivi-app html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) h2.title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-teaser-list .title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-list .title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .big-headline,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .cluster-title-row .cluster-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) html.x-tivi-app .cluster-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) html.x-tivi-app .medium-headline,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) html.x-tivi-app .small-headline,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) html.x-tivi-app h2.title {
    color: rgba(255, 255, 255, .87)
}

.b-content-teaser-list .title:not(.m-keyboardfocus),
.b-search-list .title:not(.m-keyboardfocus),
.big-headline:not(.m-keyboardfocus),
.cluster-title-row .cluster-title:not(.m-keyboardfocus),
html.x-tivi-app .big-headline:not(.m-keyboardfocus),
html.x-tivi-app .cluster-title:not(.m-keyboardfocus),
html.x-tivi-app .medium-headline:not(.m-keyboardfocus),
html.x-tivi-app .small-headline:not(.m-keyboardfocus),
html.x-tivi-app h2.title:not(.m-keyboardfocus) {
    outline: 0
}

.medium-headline {
    margin: 8px 0 16px;
    font-family: Uniwidth, sans-serif;
    color: #34393f;
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .medium-headline {
        padding: 0 16px;
        font-size: 1.625rem;
        line-height: 1.75rem
    }
}

@media print,
screen and (min-width:40em) {
    .medium-headline {
        font-size: 1.875rem;
        line-height: 2rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .medium-headline {
    color: rgba(255, 255, 255, .87)
}

.small-headline {
    font-family: Uniwidth, sans-serif;
    color: #34393f;
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .small-headline {
        margin: 0 0 8px;
        padding: 0 16px;
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media print,
screen and (min-width:40em) {
    .small-headline {
        margin: 0 0 16px;
        font-size: 1.625rem;
        line-height: 1.875rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .small-headline {
    color: rgba(255, 255, 255, .87)
}

.is-bold.small-headline {
    font-weight: 700
}

.tiny-headline {
    margin: 0 0 10px;
    font-family: Uniwidth, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .tiny-headline {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-change-optionaldata .radio-wrap,
.b-registration .form .radio-wrap,
.country-selection .radio-wrap {
    padding-bottom: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-change-optionaldata .radio-wrap,
    .b-registration .form .radio-wrap,
    .country-selection .radio-wrap {
        margin: 0 0 16px
    }
}

.b-dialog.x-dialog-change-optionaldata .is-inverted.radio-wrap .radio-label,
.b-registration .form .is-inverted.radio-wrap .radio-label,
.country-selection .is-inverted.radio-wrap .radio-label {
    color: #fff
}

.b-dialog.x-dialog-change-optionaldata .is-inverted.radio-wrap .radio-label:before,
.b-registration .form .is-inverted.radio-wrap .radio-label:before,
.country-selection .is-inverted.radio-wrap .radio-label:before {
    border-color: #fff
}

.b-dialog.x-dialog-change-optionaldata .radio-wrap .radio-input,
.b-registration .form .radio-wrap .radio-input,
.country-selection .radio-wrap .radio-input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0)
}

.b-dialog.x-dialog-change-optionaldata .radio-wrap .radio-label,
.b-registration .form .radio-wrap .radio-label,
.country-selection .radio-wrap .radio-label {
    position: relative;
    margin: 0;
    padding: 0 0 0 30px;
    font-size: .875rem;
    line-height: 1.125rem;
    cursor: pointer
}

.b-dialog.x-dialog-change-optionaldata .radio-wrap .radio-label:before,
.b-registration .form .radio-wrap .radio-label:before,
.country-selection .radio-wrap .radio-label:before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #34393f;
    border-radius: 8px;
    background-color: transparent;
    content: ""
}

.b-dialog.x-dialog-change-optionaldata html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .radio-wrap .radio-label:before,
.b-registration .form html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .radio-wrap .radio-label:before,
.country-selection html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .radio-wrap .radio-label:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-change-optionaldata .radio-wrap .radio-label:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .form .radio-wrap .radio-label:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .country-selection .radio-wrap .radio-label:before {
    border-color: #fff
}

.b-dialog.x-dialog-change-optionaldata .radio-wrap .radio-input:focus+label:before,
.b-registration .form .radio-wrap .radio-input:focus+label:before,
.country-selection .radio-wrap .radio-input:focus+label:before {
    border-color: #34393f
}

.b-dialog.x-dialog-change-optionaldata html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .radio-wrap .radio-input:focus+label:before,
.b-registration .form html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .radio-wrap .radio-input:focus+label:before,
.country-selection html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .radio-wrap .radio-input:focus+label:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-change-optionaldata .radio-wrap .radio-input:focus+label:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .form .radio-wrap .radio-input:focus+label:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .country-selection .radio-wrap .radio-input:focus+label:before {
    border-color: #fff
}

.b-dialog.x-dialog-change-optionaldata .radio-wrap .radio-input:checked+label:after,
.b-registration .form .radio-wrap .radio-input:checked+label:after,
.country-selection .radio-wrap .radio-input:checked+label:after {
    position: absolute;
    top: .3125rem;
    left: .25rem;
    z-index: 2;
    width: .5rem;
    height: .5rem;
    border-radius: 5px;
    background-color: #fa7d19;
    content: '';
    speak: none
}

.scroll-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 40px;
    height: 56px;
    margin: -28px 0 0 0;
    padding: 0;
    text-indent: -9999px;
    background-color: rgba(37, 41, 46, .87);
    overflow: hidden;
    -webkit-transition: left .4s ease-in-out, right .4s ease-in-out, background-color .4s ease-in-out, opacity .4s;
    transition: left .4s ease-in-out, right .4s ease-in-out, background-color .4s ease-in-out, opacity .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .scroll-arrow {
    background-color: rgba(37, 41, 46, .87)
}

.x-next.scroll-arrow {
    right: 0
}

.x-prev.scroll-arrow {
    left: 0
}

.scroll-arrow:not(.m-keyboardfocus) {
    outline: 0
}

.scroll-arrow span {
    position: absolute;
    top: 0;
    width: 14px;
    font-size: 1.5rem;
    line-height: 56px;
    text-align: center;
    text-indent: 0;
    color: #9e9fa2;
    height: 24px;
    left: 10px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .scroll-arrow span {
    color: #9e9fa2
}

.scroll-arrow:focus,
.scroll-arrow:hover {
    opacity: .8
}

.scroll-arrow:focus,
.scroll-arrow:visited {
    background-color: rgba(37, 41, 46, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .scroll-arrow:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .scroll-arrow:visited {
    background-color: rgba(37, 41, 46, .87)
}

.x-next.scroll-arrow:disabled {
    right: -48px
}

.x-prev.scroll-arrow:disabled {
    left: -48px
}

.is-small.scroll-arrow {
    background: 0 0;
    width: 24px;
    -webkit-transition: none;
    transition: none
}

.is-small.scroll-arrow span {
    color: #34393f;
    width: 10px;
    font-size: 1.125rem
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .is-small.scroll-arrow span {
    color: #9e9fa2
}

.scroll-pagination {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: auto;
    height: 40px;
    margin: 0
}

@media print,
screen and (max-width:39.99875em) {
    .scroll-pagination {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center
    }
}

@media print,
screen and (min-width:40em) {
    .scroll-pagination {
        left: 50%;
        height: 32px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.scroll-pagination .js-scroller-pagination-btn {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 16px;
    margin: 0;
    padding: 5px 8px;
    background: 0 0;
    cursor: pointer
}

.scroll-pagination .js-scroller-pagination-btn:before {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    content: ""
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .scroll-pagination .js-scroller-pagination-btn:before {
    background-color: #9e9fa2
}

.scroll-pagination .js-scroller-pagination-btn.m-selected:before {
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .scroll-pagination .js-scroller-pagination-btn.m-selected:before {
    background-color: #fa7d19
}

.b-my-view-selectbox,
.b-selectbox {
    position: relative;
    display: block;
    width: 100%;
    min-height: 20px;
    outline: 0;
    padding: 0 33px 0 0;
    background: 0 0;
    cursor: pointer;
    border: 2px solid #34393f;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-my-view-selectbox,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-selectbox {
    border-color: rgba(255, 255, 255, .87)
}

.b-my-view-selectbox:focus,
.b-my-view-selectbox[aria-expanded=true],
.b-selectbox:focus,
.b-selectbox[aria-expanded=true] {
    border-color: #fa7d19;
    outline: 2px solid #fa7d19;
    outline-offset: -2px
}

.b-my-view-selectbox[aria-expanded=true] [class*=selectbox-input] span[class*=icon-],
.b-selectbox[aria-expanded=true] [class*=selectbox-input] span[class*=icon-] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is-inverted.b-my-view-selectbox,
.is-inverted.b-selectbox {
    border-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .is-inverted.b-my-view-selectbox,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .is-inverted.b-selectbox {
    border-color: rgba(255, 255, 255, .87)
}

.is-inverted.b-my-view-selectbox [class*=selectbox-input],
.is-inverted.b-selectbox [class*=selectbox-input] {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .is-inverted.b-my-view-selectbox [class*=selectbox-input],
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .is-inverted.b-selectbox [class*=selectbox-input] {
    border-color: rgba(255, 255, 255, .87)
}

.is-inverted.b-my-view-selectbox [class*=selectbox-input] span[class*=icon-],
.is-inverted.b-selectbox [class*=selectbox-input] span[class*=icon-] {
    color: #9e9fa2
}

.m-disabled.b-my-view-selectbox,
.m-disabled.b-selectbox {
    opacity: .6;
    pointer-events: none
}

.m-input.b-my-view-selectbox,
.m-input.b-selectbox {
    overflow: hidden
}

.b-my-view-selectbox [class*=selectbox-input],
.b-selectbox [class*=selectbox-input] {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 0 16px;
    font-family: Uniwidth, sans-serif;
    font-size: 1rem;
    line-height: 1.75rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #34393f;
    background-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-my-view-selectbox [class*=selectbox-input],
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-selectbox [class*=selectbox-input] {
    color: rgba(255, 255, 255, .87)
}

.b-my-view-selectbox [class*=selectbox-input] span[class*=icon-],
.b-selectbox [class*=selectbox-input] span[class*=icon-] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 2rem;
    height: 1.75rem;
    font-size: 1.625rem;
    line-height: 1.75rem;
    text-align: center;
    color: #34393f;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-my-view-selectbox [class*=selectbox-input] span[class*=icon-],
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-selectbox [class*=selectbox-input] span[class*=icon-] {
    color: #9e9fa2
}

.b-my-view-selectbox [class*=selectbox-input] .flag,
.b-selectbox [class*=selectbox-input] .flag {
    width: 32px;
    height: 32px;
    margin-top: -4px;
    border-radius: 50%
}

.b-my-view-selectbox [class*=selectbox-input] .flag:first-child,
.b-selectbox [class*=selectbox-input] .flag:first-child {
    margin-right: 4px
}

.b-my-view-selectbox [class*=selectbox-input] .flag:last-child,
.b-selectbox [class*=selectbox-input] .flag:last-child {
    margin-left: 4px
}

.b-my-view-selectbox .selectbox-btn,
.b-selectbox .selectbox-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    font-size: 1.625rem;
    line-height: 2.125rem;
    text-align: center;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-my-view-selectbox .selectbox-btn,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-selectbox .selectbox-btn {
    background-color: #1f232a
}

.b-my-view-selectbox .selectbox-btn:before,
.b-selectbox .selectbox-btn:before {
    font-family: zdf-iconfont;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    color: #34393f;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-my-view-selectbox .selectbox-btn:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-selectbox .selectbox-btn:before {
    color: rgba(255, 255, 255, .87)
}

.b-my-view-selectbox select,
.b-selectbox select {
    display: none
}

[class*=selectbox-popover] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    visibility: hidden;
    outline: 0;
    margin: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) [class*=selectbox-popover] {
    background-color: #1f232a
}

[class*=selectbox-popover].m-open {
    visibility: visible
}

[class*=selectbox-listbox] {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    max-height: 205px
}

[class*=selectbox-listbox] .listbox-header,
[class*=selectbox-listbox] .listbox-item {
    overflow: hidden;
    padding: 0 32px 0 16px;
    font-size: 1rem;
    line-height: 32px;
    cursor: pointer;
    -webkit-transition: background-color .4s, color .4s;
    transition: background-color .4s, color .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) [class*=selectbox-listbox] .listbox-header,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) [class*=selectbox-listbox] .listbox-item {
    color: #fff
}

[class*=selectbox-listbox] .listbox-header.m-hide,
[class*=selectbox-listbox] .listbox-item.m-hide {
    display: none
}

[class*=selectbox-listbox] .listbox-header.m-disabled,
[class*=selectbox-listbox] .listbox-item.m-disabled {
    opacity: .5;
    cursor: auto
}

[class*=selectbox-listbox] .listbox-header:hover,
[class*=selectbox-listbox] .listbox-item:hover {
    background-color: #fa7d19;
    color: #fff;
    font-weight: 700
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) [class*=selectbox-listbox] .listbox-header:hover,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) [class*=selectbox-listbox] .listbox-item:hover {
    color: #0d1118
}

[class*=selectbox-listbox] .listbox-header.m-checked,
[class*=selectbox-listbox] .listbox-header.m-selected,
[class*=selectbox-listbox] .listbox-item.m-checked,
[class*=selectbox-listbox] .listbox-item.m-selected {
    font-weight: 700;
    cursor: default
}

[class*=selectbox-listbox] .listbox-header.divider,
[class*=selectbox-listbox] .listbox-item.divider {
    pointer-events: none;
    margin: 15.5px
}

.listbox-value {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listbox-extra {
    float: right
}

.b-promo-teaser .teaser-label,
.teaser-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%;
    width: auto;
    position: absolute;
    z-index: 3;
    display: inline-table;
    height: 22px;
    padding: 0 8px;
    font-family: Uniwidth, sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.375rem;
    color: #fff;
    background-color: #fa7d19;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .4px;
    bottom: 20px;
    left: 24px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-label {
    color: #0d1118
}

.teaser-label .ellipsis {
    width: auto
}

.teaser-label .icon {
    position: relative;
    float: left;
    display: inline-block;
    width: 27px;
    height: 16px;
    margin: 5px 5px 5px 0;
    border-right: 1px solid #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-label .icon {
    border-color: #0d1118
}

.teaser-label .icon:before {
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 1rem;
    line-height: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-label,
    .teaser-label {
        left: 12px;
        bottom: 12px
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .teaser-label,
    .teaser-label {
        height: 24px;
        font-size: .9375rem;
        letter-spacing: .5px;
        line-height: 1.5rem
    }
}

.x-dark.teaser-label {
    font-size: .875rem;
    background-color: rgba(37, 41, 46, .8)
}

.teaser-label .label-time {
    font-weight: 700;
    text-rendering: optimizeLegibility
}

.b-dialog.x-dialog-epg .overlay-category,
.b-epg-timeline .overlay-link-category,
.b-newsticker-cell .cat,
.b-promo-teaser .teaser-cat,
.teaser-cat {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin: 0 0 8px 0;
    font-weight: 300;
    white-space: nowrap;
    color: #34393f
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-epg .overlay-category,
    .b-epg-timeline .overlay-link-category,
    .b-newsticker-cell .cat,
    .b-promo-teaser .teaser-cat,
    .teaser-cat {
        font-size: .8125rem;
        line-height: 1rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-epg .overlay-category,
    .b-epg-timeline .overlay-link-category,
    .b-newsticker-cell .cat,
    .b-promo-teaser .teaser-cat,
    .teaser-cat {
        font-size: .9375rem;
        line-height: 1.5rem
    }
}

.b-dialog.x-dialog-epg html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .overlay-category,
.b-epg-timeline html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .overlay-link-category,
.b-newsticker-cell html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .cat,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .overlay-category,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .overlay-link-category,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-cell .cat,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-cat {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-epg .m-light.overlay-category,
.b-epg-timeline .m-light.overlay-link-category,
.b-newsticker-cell .m-light.cat,
.m-light.teaser-cat {
    color: #fff
}

.b-dialog.x-dialog-epg .overlay-category .teaser-cat-separator,
.b-epg-timeline .overlay-link-category .teaser-cat-separator,
.b-newsticker-cell .cat .teaser-cat-separator,
.teaser-cat .teaser-cat-separator {
    padding: 0 .1875rem
}

.b-dialog.x-dialog-epg .overlay-category .teaser-cat-category,
.b-epg-timeline .overlay-link-category .teaser-cat-category,
.b-newsticker-cell .cat .teaser-cat-category,
.teaser-cat .teaser-cat-category {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.b-dialog.x-dialog-epg .overlay-category .teaser-cat-brand,
.b-epg-timeline .overlay-link-category .teaser-cat-brand,
.b-newsticker-cell .cat .teaser-cat-brand,
.teaser-cat .teaser-cat-brand {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b-dialog.x-dialog-epg .overlay-category .teaser-cat-brand-ellipsis,
.b-dialog.x-dialog-epg .overlay-category .teaser-cat-category-ellipsis,
.b-epg-timeline .overlay-link-category .teaser-cat-brand-ellipsis,
.b-epg-timeline .overlay-link-category .teaser-cat-category-ellipsis,
.b-newsticker-cell .cat .teaser-cat-brand-ellipsis,
.b-newsticker-cell .cat .teaser-cat-category-ellipsis,
.teaser-cat .teaser-cat-brand-ellipsis,
.teaser-cat .teaser-cat-category-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%;
    width: 100%
}

.b-dialog.x-dialog-epg .overlay-title,
.b-promo-teaser .teaser-title,
.b-stage .stage-wrap .teaser-title,
.teaser-title {
    position: relative;
    z-index: 1;
    display: block;
    font-family: Uniwidth, sans-serif;
    font-weight: 700;
    color: #34393f;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-epg .overlay-title,
    .b-promo-teaser .teaser-title,
    .b-stage .stage-wrap .teaser-title,
    .teaser-title {
        margin-bottom: 8px;
        font-size: 1.375rem;
        line-height: 1.625rem;
        text-overflow: ellipsis
    }
    .b-dialog.x-dialog-epg .has-foot.overlay-title,
    .b-stage .stage-wrap .has-foot.teaser-title,
    .has-foot.teaser-title {
        overflow: hidden;
        max-height: calc(1.625rem * 2 - 1px)
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-epg .overlay-title,
    .b-promo-teaser .teaser-title,
    .b-stage .stage-wrap .teaser-title,
    .teaser-title {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        margin-bottom: 8px;
        font-size: 1.5rem;
        line-height: 1.875rem
    }
}

.b-dialog.x-dialog-epg html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .overlay-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .overlay-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-title {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-epg .overlay-title:after,
.b-promo-teaser .teaser-title:after,
.b-stage .stage-wrap .teaser-title:after,
.teaser-title:after {
    display: block
}

.b-dialog.x-dialog-epg .overlay-title:after:after,
.b-promo-teaser .teaser-title:after:after,
.b-stage .stage-wrap .teaser-title:after:after,
.teaser-title:after:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.b-dialog.x-dialog-epg .overlay-title .news-title-link,
.b-stage .stage-wrap .teaser-title .news-title-link,
.teaser-title .news-title-link {
    font-family: Uniwidth, sans-serif;
    font-size: 1.375rem;
    line-height: 1.625rem
}

.b-dialog.x-dialog-epg .overlay-title .teaser-title-link,
.b-stage .stage-wrap .teaser-title .teaser-title-link,
.teaser-title .teaser-title-link {
    font-weight: 700;
    text-decoration: none;
    color: #34393f
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-epg .overlay-title .teaser-title-link,
    .b-stage .stage-wrap .teaser-title .teaser-title-link,
    .teaser-title .teaser-title-link {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}

.b-dialog.x-dialog-epg html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .overlay-title .teaser-title-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .overlay-title .teaser-title-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-title .teaser-title-link {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-epg .overlay-title .link,
.b-stage .stage-wrap .teaser-title .link,
.teaser-title .link {
    font-weight: 700
}

.b-content-module .item-caption .video-description,
.b-gallery-module .item-caption .item-description,
.b-gallery-module .item-caption .video-description,
.b-promo-teaser .teaser-text,
.b-video-module .item-caption .item-description,
.teaser-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Uniwidth, sans-serif;
    line-height: 1.625rem;
    color: #34393f
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-module .item-caption .video-description,
    .b-gallery-module .item-caption .item-description,
    .b-gallery-module .item-caption .video-description,
    .b-promo-teaser .teaser-text,
    .b-video-module .item-caption .item-description,
    .teaser-text {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-module .item-caption .video-description,
    .b-gallery-module .item-caption .item-description,
    .b-gallery-module .item-caption .video-description,
    .b-promo-teaser .teaser-text,
    .b-video-module .item-caption .item-description,
    .teaser-text {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.b-content-module .item-caption html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .video-description,
.b-gallery-module .item-caption html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .item-description,
.b-gallery-module .item-caption html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .video-description,
.b-video-module .item-caption html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .item-description,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .video-description,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .item-description,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .video-description,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-video-module .item-caption .item-description,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-text {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .video-description a,
.b-gallery-module .item-caption .item-description a,
.b-gallery-module .item-caption .video-description a,
.b-promo-teaser .teaser-text a,
.b-video-module .item-caption .item-description a,
.teaser-text a {
    display: block;
    border: none;
    color: #fff
}

.b-content-module .item-caption .video-description a:focus,
.b-content-module .item-caption .video-description a:hover,
.b-content-module .item-caption .video-description a:visited,
.b-gallery-module .item-caption .item-description a:focus,
.b-gallery-module .item-caption .item-description a:hover,
.b-gallery-module .item-caption .item-description a:visited,
.b-gallery-module .item-caption .video-description a:focus,
.b-gallery-module .item-caption .video-description a:hover,
.b-gallery-module .item-caption .video-description a:visited,
.b-video-module .item-caption .item-description a:focus,
.b-video-module .item-caption .item-description a:hover,
.b-video-module .item-caption .item-description a:visited,
.teaser-text a:focus,
.teaser-text a:hover,
.teaser-text a:visited {
    border: none;
    text-decoration: none;
    color: #fff
}

.teaser-info {
    font-size: .8125rem;
    display: inline-block;
    font-weight: 300;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media print,
screen and (min-width:64em) {
    .teaser-info {
        font-size: .875rem
    }
}

.m-border.teaser-info {
    margin-right: 4px
}

.m-border.teaser-info:after {
    margin-left: 4px;
    content: "|"
}

@media print,
screen and (min-width:40em) {
    .teaser-link {
        position: absolute;
        bottom: 24px;
        left: 24px;
        margin: 0
    }
}

.teaser-foot {
    position: absolute;
    top: -30px;
    right: 32px;
    left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-foot {
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (max-width:39.99875em) {
    .teaser-foot {
        font-size: .8125rem;
        left: 12px
    }
}

.teaser-foot .icon {
    margin-right: 6px;
    line-height: 1.625rem;
    display: none
}

.b-dialog.x-dialog-epg .live-tag,
.b-epg-timeline .live-tag {
    margin: 0 5px 0 0;
    padding: 2px 4px;
    font-family: Uniwidth, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    background: #fa7d19;
    line-height: 1.375rem
}

.b-dialog.x-dialog-epg html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .live-tag,
.b-epg-timeline html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .live-tag,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .live-tag,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .live-tag {
    color: #0d1118
}

.hyphens-helper {
    display: inline-block;
    text-decoration: none;
    width: 0
}

.b-topic-bar {
    margin-top: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .b-topic-bar {
        padding: 0 16px
    }
}

.b-topic-bar .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b-topic-bar .label {
    margin-right: 10px;
    padding: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2rem;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-topic-bar .label {
    color: rgba(255, 255, 255, .87)
}

.b-topic-bar .item {
    height: 2rem;
    margin-bottom: .5625rem
}

.b-topic-bar .item:not(:last-child) {
    margin-right: 12px
}

.b-topic-bar .item .secondary {
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .box-shadow {
        position: relative;
        height: 100%;
        width: 100%;
        background-image: -webkit-radial-gradient(bottom left, circle, rgba(0, 0, 0, .35), transparent 70%), -webkit-radial-gradient(bottom left, circle, rgba(0, 0, 0, .25), transparent 70%);
        background-image: radial-gradient(circle at bottom left, rgba(0, 0, 0, .35), transparent 70%), radial-gradient(circle at bottom left, rgba(0, 0, 0, .25), transparent 70%);
        z-index: 1
    }
}

.box-shadow-heute {
    position: relative;
    height: 100%;
    width: 100%;
    background-image: -webkit-radial-gradient(bottom left, circle, #25292e, transparent 70%);
    background-image: radial-gradient(circle at bottom left, #25292e, transparent 70%);
    z-index: 1
}

.bullet-list li,
.paragraph ul li {
    list-style: initial;
    margin-left: 20px
}

.button-bar.align-right .button {
    margin-left: 16px
}

.button-bar.align-left .button {
    margin-right: 16px
}

.button {
    overflow: hidden;
    padding: .4375rem .75rem;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.125rem;
    border-radius: 1rem;
    font-family: Uniwidth, sans-serif;
    text-align: center;
    background-color: #fa7d19;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .button {
    color: #0d1118
}

.x-load-more.button {
    margin: 0
}

.text-only.button {
    margin: 0 0 16px 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: inherit;
    padding: 0;
    background: 0 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    color: #34393f;
    text-decoration: underline;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s, -webkit-text-decoration-color .4s
}

.text-only.button:focus:not(:disabled):not(.disabled),
.text-only.button:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.text-only.button:active {
    opacity: .5!important
}

.text-only.button:disabled,
.text-only.disabled.button {
    color: #96999c;
    -webkit-text-decoration-color: #96999c;
    text-decoration-color: #96999c
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-only.button {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-only.button:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-only.button:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.text-only.button:last-child {
    margin-bottom: 0
}

.text-only.inverse.button {
    color: #5c6166
}

.text-only.inverse.button:visited {
    color: #5c6166
}

.text-only.button:visited {
    color: inherit;
    border-bottom: none
}

.text-only.tiny.button {
    font-size: .875rem;
    line-height: 1rem;
    padding: 4px 0
}

.text-only.small.button {
    font-size: 1rem;
    line-height: 1rem;
    padding: 8px 0
}

.text-only.medium.button {
    font-size: 1.125rem;
    line-height: 1rem;
    padding: 10px 0
}

.as-link.button {
    margin: 0 0 16px 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: inherit;
    padding: 0;
    background: 0 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    color: #34393f;
    text-decoration: underline;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s, -webkit-text-decoration-color .4s;
    text-decoration: underline;
    -webkit-transition: color .4s;
    transition: color .4s
}

.as-link.button:focus:not(:disabled):not(.disabled),
.as-link.button:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.as-link.button:active {
    opacity: .5!important
}

.as-link.button:disabled,
.as-link.disabled.button {
    color: #96999c;
    -webkit-text-decoration-color: #96999c;
    text-decoration-color: #96999c
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .as-link.button {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .as-link.button:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .as-link.button:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.as-link.button:last-child {
    margin-bottom: 0
}

.as-link.inverse.button {
    color: #5c6166
}

.as-link.inverse.button:visited {
    color: #5c6166
}

.as-link.button:visited {
    color: inherit;
    border-bottom: none
}

.as-link.tiny.button {
    font-size: .875rem;
    line-height: 1rem;
    padding: 4px 0
}

.as-link.small.button {
    font-size: 1rem;
    line-height: 1rem;
    padding: 8px 0
}

.as-link.medium.button {
    font-size: 1.125rem;
    line-height: 1rem;
    padding: 10px 0
}

.as-link.button:visited {
    color: inherit;
    border-bottom: none
}

.as-link.button:hover:not(:disabled):not(.disabled),
.as-link.m-keyboardfocus.button {
    color: #000;
    -webkit-text-decoration: dotted;
    text-decoration: dotted
}

@media print,
screen and (max-width:39.99875em) {
    .changepanelgroup-panel .as-link.button {
        padding: 8px 0 24px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .as-link.button {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .as-link.button:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .as-link.button:hover,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .as-link.button:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .as-link.m-keyboardfocus.button {
    color: #fa7d19!important;
    text-decoration: underline
}

.primary.button {
    position: relative;
    color: #fff;
    background-color: #fa7d19
}

.primary.button:before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: .0625rem;
    width: 0;
    top: 1.4375rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width .4s;
    transition: width .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.button:before {
    background-color: #0d1118
}

.primary.button:disabled,
.primary.disabled.button {
    background-color: #96999c;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.button:disabled,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.disabled.button {
    background-color: #56585d;
    color: rgba(255, 255, 255, .87)
}

.primary.button:active {
    color: rgba(255, 255, 255, .5)!important
}

.primary.button:active:before {
    background-color: rgba(255, 255, 255, .5)!important
}

.primary.button:focus:not(:disabled),
.primary.button:hover:not(:disabled) {
    text-decoration: none!important
}

.primary.button:hover:not(:disabled):before {
    width: calc(100% - 24px)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.button {
    color: #0d1118
}

.primary.heute-btn.button {
    background-color: #34393f
}

.primary.ard-btn.button {
    background-color: #003480
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.ard-btn.button {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.ard-btn.button:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.ard-btn.button:hover {
    color: rgba(255, 255, 255, .87)!important
}

.secondary.button {
    position: relative;
    z-index: 1;
    background-color: transparent;
    overflow: hidden;
    text-decoration: none;
    padding: .375rem .75rem;
    border: 1.5px solid #fff;
    color: #fff;
    line-height: 1.0625rem;
    border-radius: 1rem;
    -webkit-transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color 0s 0s;
    transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color 0s 0s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.button {
    border-color: rgba(255, 255, 255, .87);
    color: rgba(255, 255, 255, .87)
}

.secondary.has-icon.button {
    padding: .375rem 1rem .375rem 2.5rem
}

.secondary.is-inverted.button {
    color: #34393f;
    border-color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.is-inverted.button {
    border-color: rgba(255, 255, 255, .87);
    color: rgba(255, 255, 255, .87)
}

.secondary.is-inverted.button:focus:not(.m-keyboardfocus) {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.is-inverted.button:focus:not(.m-keyboardfocus) {
    color: rgba(255, 255, 255, .87)
}

.secondary.is-icon-only.button {
    height: 32px;
    width: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    padding: 0
}

.secondary.is-icon-only.button span[class*=icon-] {
    width: 1.875rem;
    height: 1.875rem;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.875rem
}

.secondary.is-icon-only.button:before {
    display: none!important
}

.secondary.button:before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: .0625rem;
    width: 0;
    top: 1.375rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width .4s;
    transition: width .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.button:before {
    background-color: #0d1118
}

.secondary.button:after {
    content: "";
    background-color: #fa7d19;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .4s;
    transition: all .4s
}

.secondary.button:focus:not(:disabled):not(.disabled),
.secondary.button:hover:not(:disabled):not(.disabled) {
    color: #fff;
    border-color: #fa7d19;
    background-color: #fa7d19;
    text-decoration: none!important;
    -webkit-transition: background-color 0s .4s;
    transition: background-color 0s .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.button:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.button:hover:not(:disabled):not(.disabled) {
    color: #0d1118;
    border-color: #fa7d19
}

.secondary.button:focus:not(:disabled):not(.disabled):before,
.secondary.button:hover:not(:disabled):not(.disabled):before {
    width: calc(100% - 24px)
}

.secondary.button:focus:not(:disabled):not(.disabled):after,
.secondary.button:hover:not(:disabled):not(.disabled):after {
    padding-bottom: 100%;
    width: 100%
}

.secondary.button:active {
    color: rgba(255, 255, 255, .5)!important
}

.secondary.button:active:before {
    background-color: rgba(255, 255, 255, .5)!important
}

.button:focus:not(:disabled):not(.disabled),
.button:hover:not(:disabled):not(.disabled) {
    text-decoration: underline;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .button:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .button:hover:not(:disabled):not(.disabled) {
    color: #0d1118
}

.button:focus:not(:disabled):not(.disabled):not(.m-keyboardfocus),
.button:hover:not(:disabled):not(.disabled):not(.m-keyboardfocus) {
    outline: 0
}

.button:disabled,
.disabled.button {
    color: #fff;
    background-color: #96999c;
    cursor: default
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .button:disabled,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .disabled.button {
    color: #0d1118
}

.circle.button {
    border-radius: 50%
}

.circle.x-large.button {
    width: 96px;
    height: 96px;
    font-size: 60px;
    line-height: 96px
}

.small-x-margin-collapse.button {
    margin-right: 0
}

.small-y-margin-collapse.button {
    margin-bottom: 0;
    margin-top: 0
}

@media print,
screen and (max-width:39.99875em) {
    .small-only-x-margin-collapse.button {
        margin-right: 0
    }
    .small-only-y-margin-collapse.button {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media print,
screen and (min-width:40em) {
    .medium-x-margin-collapse.button {
        margin-right: 0
    }
    .medium-y-margin-collapse.button {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .medium-only-x-margin-collapse.button {
        margin-right: 0
    }
    .medium-only-y-margin-collapse.button {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media print,
screen and (min-width:64em) {
    .large-x-margin-collapse.button {
        margin-right: 0
    }
    .large-y-margin-collapse.button {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .large-only-x-margin-collapse.button {
        margin-right: 0
    }
    .large-only-y-margin-collapse.button {
        margin-bottom: 0;
        margin-top: 0
    }
}

.margin-collapse.button {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0
}

.x-margin-collapse.button {
    margin-right: 0
}

.y-margin-collapse.button {
    margin-bottom: 0;
    margin-top: 0
}

.expanded.button {
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .small-only-expanded.button {
        width: 100%
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .medium-only-expanded.button {
        width: 100%
    }
}

@media print,
screen and (max-width:63.99875em) {
    .medium-down-expanded.button {
        width: 100%
    }
}

@media print,
screen and (min-width:40em) {
    .medium-expanded.button {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .large-only-expanded.button {
        width: 100%
    }
}

@media print,
screen and (max-width:74.99875em) {
    .large-down-expanded.button {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .large-expanded.button {
        width: 100%
    }
}

.b-content-module .expand-btn,
.b-gallery-module .expand-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 10px;
    padding: 0;
    background-color: rgba(37, 41, 46, .87);
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.b-content-module .expand-btn:focus,
.b-content-module .expand-btn:hover,
.b-gallery-module .expand-btn:focus,
.b-gallery-module .expand-btn:hover {
    opacity: .8
}

.b-content-module .expand-btn span[class*=icon-],
.b-gallery-module .expand-btn span[class*=icon-] {
    font-size: 1.875rem;
    line-height: 40px;
    color: #9e9fa2
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-tivi-app) .dots-pagination {
        width: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 24px;
        margin-bottom: 8px;
        position: absolute;
        z-index: 1
    }
}

html:not(.x-tivi-app) .dots-pagination .animated-dot {
    --leftStart: 0;
    --rightStart: 0;
    --leftMiddle: 0;
    --rightMiddle: 0;
    --leftEnd: 0;
    --rightEnd: 0;
    background-color: #fa7d19;
    -webkit-transition: all;
    transition: all;
    border-radius: 4px;
    bottom: 17px;
    height: 8px;
    display: inline-block;
    position: absolute
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-tivi-app) .dots-pagination .animated-dot {
        bottom: 8px
    }
}

html:not(.x-tivi-app) .dots-pagination .underlined-animated {
    -webkit-animation: underline-animate 1s forwards;
    animation: underline-animate 1s forwards
}

html:not(.x-tivi-app) .dots-pagination span[class*="-pagination-btn"] {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    background: 0 0;
    cursor: pointer
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-tivi-app) .dots-pagination span[class*="-pagination-btn"] {
        padding: 0 0 0 8px;
        height: 8px
    }
}

html:not(.x-tivi-app) .dots-pagination span[class*="-pagination-btn"]:before {
    background-color: #fff;
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 50%;
    content: ""
}

html:not(.x-tivi-app) .dots-pagination span[class*="-pagination-btn"].m-selected:before {
    background-color: #fff!important;
    border-color: #fa7d19!important
}

html:not(.x-tivi-app) .dots-pagination span[class*="-pagination-btn"].animated-color:before,
html:not(.x-tivi-app) .dots-pagination span[class*="-pagination-btn"].m-selected.animated-color:before {
    background-color: #fa7d19!important
}

@-webkit-keyframes underline-animate {
    0% {
        left: var(--leftStart);
        right: var(--rightStart)
    }
    50% {
        left: var(--leftMiddle);
        right: var(--rightMiddle)
    }
    100% {
        left: var(--leftEnd);
        right: var(--rightEnd)
    }
}

@keyframes underline-animate {
    0% {
        left: var(--leftStart);
        right: var(--rightStart)
    }
    50% {
        left: var(--leftMiddle);
        right: var(--rightMiddle)
    }
    100% {
        left: var(--leftEnd);
        right: var(--rightEnd)
    }
}

form.form-invalid .js-btn-submit,
form.form-invalid [type=submit],
form:invalid:not([novalidate]) .js-btn-submit,
form:invalid:not([novalidate]) [type=submit] {
    background-color: #96999c
}

form .legend {
    font-weight: 300;
    margin-bottom: 16px
}

form .fieldset {
    margin-bottom: 16px
}

form .form-panel {
    margin-bottom: 16px
}

form .form-field-caption {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: -1.625rem;
    margin-bottom: 32px!important
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) form .form-field-caption {
    opacity: 1;
    color: rgba(255, 255, 255, .7)
}

form .form-field-caption.has-error {
    color: #f11010
}

.dark-modal form .form-field-caption.has-error,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) form .form-field-caption.has-error {
    color: #f39a9b
}

form .form-required-note {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #96999c;
    margin-bottom: 12px
}

form .form-required-note+div {
    margin-top: 48px
}

.grid-container-no-padding {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto
}

@media print,
screen and (min-width:40em) {
    .grid-container-no-padding {
        padding-right: 0;
        padding-left: 0
    }
}

@media print,
screen and (max-width:39.99875em) {
    .grid-container.small-only-full {
        padding-right: 0;
        padding-left: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
screen and (min-width:40em) {
    .grid-container.medium-full {
        padding-right: 0;
        padding-left: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .grid-container.medium-only-full {
        padding-right: 0;
        padding-left: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
screen and (min-width:64em) {
    .grid-container.large-full {
        padding-right: 0;
        padding-left: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .grid-container.large-only-full {
        padding-right: 0;
        padding-left: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.headline .headline-xxxxs {
    font-size: 1rem;
    line-height: 18px;
    font-weight: 700;
    white-space: normal
}

.headline .headline-xxxs {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-xxs {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-xs {
    font-size: 1.625rem;
    line-height: 1.625rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-s {
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-m {
    font-size: 1.875rem;
    line-height: 2.125rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-l {
    font-size: 2.25rem;
    line-height: 2.25rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-xl {
    font-size: 2.5rem;
    line-height: 2.8125rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-xxl {
    font-size: 3.75rem;
    line-height: 3.75rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-xxxl {
    font-size: 5rem;
    line-height: 5rem;
    font-weight: 700;
    white-space: normal
}

.headline .headline-xxxxl {
    font-size: 5.625rem;
    line-height: 5.625rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-xxxxs {
    font-size: 1rem;
    line-height: 18px;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-xxxxs {
        font-size: 1rem;
        line-height: 18px;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-xxxxs {
        font-size: 1rem;
        line-height: 18px;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-xxxxs {
        font-size: 1rem;
        line-height: 18px;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-xxxxs {
        font-size: 1rem;
        line-height: 18px;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-xxxxs {
        font-size: 1rem;
        line-height: 18px;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-xxxs {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-xxxs {
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-xxxs {
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-xxxs {
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-xxxs {
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-xxxs {
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-xxs {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-xxs {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-xxs {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-xxs {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-xxs {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-xxs {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-xs {
    font-size: 1.625rem;
    line-height: 1.625rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-xs {
        font-size: 1.625rem;
        line-height: 1.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-xs {
        font-size: 1.625rem;
        line-height: 1.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-xs {
        font-size: 1.625rem;
        line-height: 1.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-xs {
        font-size: 1.625rem;
        line-height: 1.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-xs {
        font-size: 1.625rem;
        line-height: 1.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-s {
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-s {
        font-size: 1.75rem;
        line-height: 1.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-s {
        font-size: 1.75rem;
        line-height: 1.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-s {
        font-size: 1.75rem;
        line-height: 1.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-s {
        font-size: 1.75rem;
        line-height: 1.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-s {
        font-size: 1.75rem;
        line-height: 1.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-m {
    font-size: 1.875rem;
    line-height: 2.125rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-m {
        font-size: 1.875rem;
        line-height: 2.125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-m {
        font-size: 1.875rem;
        line-height: 2.125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-m {
        font-size: 1.875rem;
        line-height: 2.125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-m {
        font-size: 1.875rem;
        line-height: 2.125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-m {
        font-size: 1.875rem;
        line-height: 2.125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-l {
    font-size: 2.25rem;
    line-height: 2.25rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-l {
        font-size: 2.25rem;
        line-height: 2.25rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-l {
        font-size: 2.25rem;
        line-height: 2.25rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-l {
        font-size: 2.25rem;
        line-height: 2.25rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-l {
        font-size: 2.25rem;
        line-height: 2.25rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-l {
        font-size: 2.25rem;
        line-height: 2.25rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-xl {
    font-size: 2.5rem;
    line-height: 2.8125rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-xl {
        font-size: 2.5rem;
        line-height: 2.8125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-xl {
        font-size: 2.5rem;
        line-height: 2.8125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-xl {
        font-size: 2.5rem;
        line-height: 2.8125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-xl {
        font-size: 2.5rem;
        line-height: 2.8125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-xl {
        font-size: 2.5rem;
        line-height: 2.8125rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-xxl {
    font-size: 3.75rem;
    line-height: 3.75rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-xxl {
        font-size: 3.75rem;
        line-height: 3.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-xxl {
        font-size: 3.75rem;
        line-height: 3.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-xxl {
        font-size: 3.75rem;
        line-height: 3.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-xxl {
        font-size: 3.75rem;
        line-height: 3.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-xxl {
        font-size: 3.75rem;
        line-height: 3.75rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-xxxl {
    font-size: 5rem;
    line-height: 5rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-xxxl {
        font-size: 5rem;
        line-height: 5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-xxxl {
        font-size: 5rem;
        line-height: 5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-xxxl {
        font-size: 5rem;
        line-height: 5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-xxxl {
        font-size: 5rem;
        line-height: 5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-xxxl {
        font-size: 5rem;
        line-height: 5rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.headline.small-xxxxl {
    font-size: 5.625rem;
    line-height: 5.625rem;
    font-weight: 700;
    white-space: normal
}

.headline.small-semibold {
    font-weight: 500
}

.headline.small-normal {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .headline.small-only-xxxxl {
        font-size: 5.625rem;
        line-height: 5.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.small-only-semibold {
        font-weight: 500
    }
    .headline.small-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) {
    .headline.medium-xxxxl {
        font-size: 5.625rem;
        line-height: 5.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-semibold {
        font-weight: 500
    }
    .headline.medium-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .headline.medium-only-xxxxl {
        font-size: 5.625rem;
        line-height: 5.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.medium-only-semibold {
        font-weight: 500
    }
    .headline.medium-only-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .headline.large-xxxxl {
        font-size: 5.625rem;
        line-height: 5.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-semibold {
        font-weight: 500
    }
    .headline.large-normal {
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .headline.large-only-xxxxl {
        font-size: 5.625rem;
        line-height: 5.625rem;
        font-weight: 700;
        white-space: normal
    }
    .headline.large-only-semibold {
        font-weight: 500
    }
    .headline.large-only-normal {
        font-weight: 300
    }
}

.link-list {
    white-space: normal;
    color: #25292e
}

@media print,
screen and (max-width:39.99875em) {
    .link-list {
        font-size: 13px
    }
}

@media print,
screen and (min-width:40em) {
    .link-list {
        font-size: 16px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .link-list {
    color: rgba(255, 255, 255, .87)
}

.link-list a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

.link-list a span {
    margin: 0 0 16px 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: inherit;
    padding: 0;
    background: 0 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    color: #34393f;
    text-decoration: underline;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s, -webkit-text-decoration-color .4s
}

.link-list a span:focus:not(:disabled):not(.disabled),
.link-list a span:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.link-list a span:active {
    opacity: .5!important
}

.link-list a span.disabled,
.link-list a span:disabled {
    color: #96999c;
    -webkit-text-decoration-color: #96999c;
    text-decoration-color: #96999c
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .link-list a span {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .link-list a span:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .link-list a span:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.link-list a span:last-child {
    margin-bottom: 0
}

.link-list a span.inverse {
    color: #5c6166
}

.link-list a span.inverse:visited {
    color: #5c6166
}

.link-list a span:visited {
    color: inherit;
    border-bottom: none
}

.link-list a span.tiny {
    font-size: .875rem;
    line-height: 1rem;
    padding: 4px 0
}

.link-list a span.small {
    font-size: 1rem;
    line-height: 1rem;
    padding: 8px 0
}

.link-list a span.medium {
    font-size: 1.125rem;
    line-height: 1rem;
    padding: 10px 0
}

.link-list a:nth-child(n+2):before {
    margin: 0 6px 0 3px;
    content: "|"
}

.overlay-base {
    color: #fff;
    background-color: rgba(13, 17, 24, .9)
}

@media print,
screen and (max-width:39.99875em) {
    .overlay-base {
        padding: 24px 16px 8px
    }
}

@media print,
screen and (min-width:40em) {
    .overlay-base {
        padding: 16px 16px 0
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .overlay-base {
    background-color: rgba(13, 17, 24, .9)
}

.panel-base-visibility[aria-hidden=true] {
    display: none
}

.panel-base-opaque {
    color: #34393f;
    background-color: #d4d5d5
}

@media print,
screen and (max-width:39.99875em) {
    .panel-base-opaque {
        padding: 16px 16px
    }
}

@media print,
screen and (min-width:40em) {
    .panel-base-opaque {
        padding: 16px 16px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .panel-base-opaque {
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

.panel-light {
    background-color: rgba(204, 219, 232, .1);
    margin: 32px 0;
    line-height: 1.5rem;
    padding: 16px
}

@media print,
screen and (min-width:40em) {
    .panel-light {
        margin: 64px 0
    }
}

.paragraph-xxs {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 300;
    white-space: normal
}

.paragraph-xs {
    font-size: .8125rem;
    line-height: 1.2188rem;
    font-weight: 300;
    white-space: normal
}

.paragraph-xms {
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 300;
    white-space: normal
}

.paragraph-s {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    white-space: normal
}

.paragraph-m {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 300;
    white-space: normal
}

.paragraph-l {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 300;
    white-space: normal
}

.paragraph-xl {
    font-size: 1.375rem;
    line-height: 2.0625rem;
    font-weight: 300;
    white-space: normal
}

.paragraph-xxl {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 300;
    white-space: normal
}

.paragraph-xxxl {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 300;
    white-space: normal
}

.paragraph {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-xxs {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-xs {
    font-size: .8125rem;
    line-height: 1.2188rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-xms {
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-s {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-m {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-l {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-xl {
    font-size: 1.375rem;
    line-height: 2.0625rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-xxl {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 300;
    white-space: normal
}

.paragraph.small-xxxl {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 300;
    white-space: normal
}

@media print,
screen and (min-width:40em) {
    .paragraph.medium-xxs {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.medium-xs {
        font-size: .8125rem;
        line-height: 1.2188rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.medium-xms {
        font-size: .875rem;
        line-height: 1.3125rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.medium-s {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.medium-m {
        font-size: 1.125rem;
        line-height: 1.6875rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.medium-l {
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.medium-xl {
        font-size: 1.375rem;
        line-height: 2.0625rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.medium-xxl {
        font-size: 1.5rem;
        line-height: 2.25rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.medium-xxxl {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 300;
        white-space: normal
    }
}

@media print,
screen and (min-width:64em) {
    .paragraph.large-xxs {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.large-xs {
        font-size: .8125rem;
        line-height: 1.2188rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.large-xms {
        font-size: .875rem;
        line-height: 1.3125rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.large-s {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.large-m {
        font-size: 1.125rem;
        line-height: 1.6875rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.large-l {
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.large-xl {
        font-size: 1.375rem;
        line-height: 2.0625rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.large-xxl {
        font-size: 1.5rem;
        line-height: 2.25rem;
        font-weight: 300;
        white-space: normal
    }
    .paragraph.large-xxxl {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 300;
        white-space: normal
    }
}

.plus-button-symbol {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%!important;
    background-image: url(/static/0.109.2334/img/icons/plusbutton.svg);
    background-position: unset;
    background-size: contain;
    background-repeat: unset;
    background-attachment: unset;
    background-color: unset;
    vertical-align: middle;
    margin-bottom: .25em
}

.section-body {
    margin-top: 2rem
}

@media print,
screen and (min-width:40em) {
    .section-body {
        margin-top: 4rem
    }
}

.section .section-header+.section-body {
    margin-top: 0
}

@media print,
screen and (min-width:40em) {
    .section .section-header+.section-body {
        margin-top: 0
    }
}

.b-briefing-abo a:not([class]),
.b-cluster-info p a,
.b-comment-reply .text-link,
.b-comments .comment a,
.b-dialog.x-dialog-relation .inner .guest-excerpt p a,
.b-group-shorttext li a,
.b-group-shorttext p a,
.b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p a,
.b-post-header p a,
.b-search-list .related-content .rel-link,
.b-table table a,
.b-user-info .inner-box a,
.paragraph a {
    line-height: inherit;
    padding: 0;
    background: 0 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    color: inherit;
    text-decoration: underline;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s, -webkit-text-decoration-color .4s
}

.b-briefing-abo a:focus:not(:disabled):not(.disabled):not([class]),
.b-briefing-abo a:hover:not(:disabled):not(.disabled):not([class]),
.b-cluster-info p a:focus:not(:disabled):not(.disabled),
.b-cluster-info p a:hover:not(:disabled):not(.disabled),
.b-comment-reply .text-link:focus:not(:disabled):not(.disabled),
.b-comment-reply .text-link:hover:not(:disabled):not(.disabled),
.b-comments .comment a:focus:not(:disabled):not(.disabled),
.b-comments .comment a:hover:not(:disabled):not(.disabled),
.b-dialog.x-dialog-relation .inner .guest-excerpt p a:focus:not(:disabled):not(.disabled),
.b-dialog.x-dialog-relation .inner .guest-excerpt p a:hover:not(:disabled):not(.disabled),
.b-group-shorttext li a:focus:not(:disabled):not(.disabled),
.b-group-shorttext li a:hover:not(:disabled):not(.disabled),
.b-group-shorttext p a:focus:not(:disabled):not(.disabled),
.b-group-shorttext p a:hover:not(:disabled):not(.disabled),
.b-post-content li a:focus:not(:disabled):not(.disabled):not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content li a:hover:not(:disabled):not(.disabled):not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p a:focus:not(:disabled):not(.disabled),
.b-post-content p a:hover:not(:disabled):not(.disabled),
.b-post-header p a:focus:not(:disabled):not(.disabled),
.b-post-header p a:hover:not(:disabled):not(.disabled),
.b-search-list .related-content .rel-link:focus:not(:disabled):not(.disabled),
.b-search-list .related-content .rel-link:hover:not(:disabled):not(.disabled),
.b-table table a:focus:not(:disabled):not(.disabled),
.b-table table a:hover:not(:disabled):not(.disabled),
.b-user-info .inner-box a:focus:not(:disabled):not(.disabled),
.b-user-info .inner-box a:hover:not(:disabled):not(.disabled),
.paragraph a:focus:not(:disabled):not(.disabled),
.paragraph a:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.b-briefing-abo a:active:not([class]),
.b-cluster-info p a:active,
.b-comment-reply .text-link:active,
.b-comments .comment a:active,
.b-dialog.x-dialog-relation .inner .guest-excerpt p a:active,
.b-group-shorttext li a:active,
.b-group-shorttext p a:active,
.b-post-content li a:active:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p a:active,
.b-post-header p a:active,
.b-search-list .related-content .rel-link:active,
.b-table table a:active,
.b-user-info .inner-box a:active,
.paragraph a:active {
    opacity: .5!important
}

.b-briefing-abo a.disabled:not([class]),
.b-briefing-abo a:disabled:not([class]),
.b-cluster-info p a.disabled,
.b-cluster-info p a:disabled,
.b-comment-reply .disabled.text-link,
.b-comment-reply .text-link:disabled,
.b-comments .comment a.disabled,
.b-comments .comment a:disabled,
.b-dialog.x-dialog-relation .inner .guest-excerpt p a.disabled,
.b-dialog.x-dialog-relation .inner .guest-excerpt p a:disabled,
.b-group-shorttext li a.disabled,
.b-group-shorttext li a:disabled,
.b-group-shorttext p a.disabled,
.b-group-shorttext p a:disabled,
.b-post-content li a.disabled:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content li a:disabled:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p a.disabled,
.b-post-content p a:disabled,
.b-post-header p a.disabled,
.b-post-header p a:disabled,
.b-search-list .related-content .disabled.rel-link,
.b-search-list .related-content .rel-link:disabled,
.b-table table a.disabled,
.b-table table a:disabled,
.b-user-info .inner-box a.disabled,
.b-user-info .inner-box a:disabled,
.paragraph a.disabled,
.paragraph a:disabled {
    color: #96999c;
    -webkit-text-decoration-color: #96999c;
    text-decoration-color: #96999c
}

.b-briefing-abo html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:not([class]),
.b-cluster-info p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-comment-reply html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-link,
.b-comments .comment html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-dialog.x-dialog-relation .inner .guest-excerpt p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-group-shorttext li html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-group-shorttext p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-post-content li html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-post-header p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-search-list .related-content html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .rel-link,
.b-table table html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-user-info .inner-box html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.paragraph html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo a:not([class]),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-info p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comment-reply .text-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-relation .inner .guest-excerpt p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-shorttext li a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-shorttext p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-header p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-list .related-content .rel-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .paragraph a {
    color: rgba(255, 255, 255, .87)
}

.b-briefing-abo html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled):not([class]),
.b-briefing-abo html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled):not([class]),
.b-cluster-info p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-cluster-info p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.b-comment-reply html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-link:focus:not(:disabled):not(.disabled),
.b-comment-reply html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-link:hover:not(:disabled):not(.disabled),
.b-comments .comment html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-comments .comment html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.b-dialog.x-dialog-relation .inner .guest-excerpt p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-dialog.x-dialog-relation .inner .guest-excerpt p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.b-group-shorttext li html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-group-shorttext li html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.b-group-shorttext p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-group-shorttext p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.b-post-content li html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled):not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content li html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled):not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-post-content p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.b-post-header p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-post-header p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.b-search-list .related-content html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .rel-link:focus:not(:disabled):not(.disabled),
.b-search-list .related-content html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .rel-link:hover:not(:disabled):not(.disabled),
.b-table table html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-table table html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.b-user-info .inner-box html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.b-user-info .inner-box html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
.paragraph html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:focus:not(:disabled):not(.disabled),
.paragraph html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo a:focus:not(:disabled):not(.disabled):not([class]),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo a:hover:not(:disabled):not(.disabled):not([class]),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-info p a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-info p a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comment-reply .text-link:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comment-reply .text-link:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-relation .inner .guest-excerpt p a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-relation .inner .guest-excerpt p a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-shorttext li a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-shorttext li a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-shorttext p a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-shorttext p a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content li a:focus:not(:disabled):not(.disabled):not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content li a:hover:not(:disabled):not(.disabled):not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content p a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content p a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-header p a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-header p a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-list .related-content .rel-link:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-list .related-content .rel-link:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box a:hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .paragraph a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .paragraph a:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.b-briefing-abo a:visited:not(.button):not([class]),
.b-cluster-info p a:visited:not(.button),
.b-comment-reply .text-link:visited:not(.button),
.b-comments .comment a:visited:not(.button),
.b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited:not(.button),
.b-group-shorttext li a:visited:not(.button),
.b-group-shorttext p a:visited:not(.button),
.b-post-content li a:visited:not(.button):not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p a:visited:not(.button),
.b-post-header p a:visited:not(.button),
.b-search-list .related-content .rel-link:visited:not(.button),
.b-table table a:visited:not(.button),
.b-user-info .inner-box a:visited:not(.button),
.paragraph a:visited:not(.button) {
    color: inherit
}

.b-briefing-abo a:visited:not(.button):focus:not([class]),
.b-briefing-abo a:visited:not(.button):hover:not([class]),
.b-cluster-info p a:visited:not(.button):focus,
.b-cluster-info p a:visited:not(.button):hover,
.b-comment-reply .text-link:visited:not(.button):focus,
.b-comment-reply .text-link:visited:not(.button):hover,
.b-comments .comment a:visited:not(.button):focus,
.b-comments .comment a:visited:not(.button):hover,
.b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited:not(.button):focus,
.b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited:not(.button):hover,
.b-group-shorttext li a:visited:not(.button):focus,
.b-group-shorttext li a:visited:not(.button):hover,
.b-group-shorttext p a:visited:not(.button):focus,
.b-group-shorttext p a:visited:not(.button):hover,
.b-post-content li a:visited:not(.button):focus:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content li a:visited:not(.button):hover:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p a:visited:not(.button):focus,
.b-post-content p a:visited:not(.button):hover,
.b-post-header p a:visited:not(.button):focus,
.b-post-header p a:visited:not(.button):hover,
.b-search-list .related-content .rel-link:visited:not(.button):focus,
.b-search-list .related-content .rel-link:visited:not(.button):hover,
.b-table table a:visited:not(.button):focus,
.b-table table a:visited:not(.button):hover,
.b-user-info .inner-box a:visited:not(.button):focus,
.b-user-info .inner-box a:visited:not(.button):hover,
.paragraph a:visited:not(.button):focus,
.paragraph a:visited:not(.button):hover {
    color: #fa7d19
}

.b-briefing-abo a:not([class]),
.b-cluster-info p a,
.b-comment-reply .text-link,
.b-dialog.x-dialog-relation .inner .guest-excerpt p a,
.b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p a,
.b-post-header p a,
.b-search-list .related-content .rel-link,
.b-table table a,
.b-user-info .inner-box a {
    color: #34393f;
    border-color: #fa7d19
}

.b-briefing-abo html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:not([class]),
.b-cluster-info p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-comment-reply html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-link,
.b-dialog.x-dialog-relation .inner .guest-excerpt p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-post-content li html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
.b-post-content p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-post-header p html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-search-list .related-content html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .rel-link,
.b-table table html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
.b-user-info .inner-box html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo a:not([class]),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-info p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comment-reply .text-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-relation .inner .guest-excerpt p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-header p a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-list .related-content .rel-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box a {
    color: rgba(255, 255, 255, .87)
}

.small-y-space-tiny {
    margin-top: 2px;
    margin-bottom: 2px
}

.small-top-space-tiny {
    margin-top: 2px
}

.small-bottom-space-tiny {
    margin-bottom: 2px
}

.small-x-space-tiny {
    padding-right: 2px;
    padding-left: 2px
}

@media print,
screen and (max-width:39.99875em) {
    .small-only-y-space-tiny {
        margin-top: 2px;
        margin-bottom: 2px
    }
    .small-only-top-space-tiny {
        margin-top: 2px
    }
    .small-only-bottom-space-tiny {
        margin-bottom: 2px
    }
    .small-only-x-space-tiny {
        padding-right: 2px;
        padding-left: 2px
    }
}

.small-y-space-standard {
    margin-top: 16px;
    margin-bottom: 16px
}

.small-top-space-standard {
    margin-top: 16px
}

.small-bottom-space-standard {
    margin-bottom: 16px
}

.small-x-space-standard {
    padding-right: 16px;
    padding-left: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .small-only-y-space-standard {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .small-only-top-space-standard {
        margin-top: 16px
    }
    .small-only-bottom-space-standard {
        margin-bottom: 16px
    }
    .small-only-x-space-standard {
        padding-right: 16px;
        padding-left: 16px
    }
}

.small-y-space-small {
    margin-top: 10px;
    margin-bottom: 10px
}

.small-top-space-small {
    margin-top: 10px
}

.small-bottom-space-small {
    margin-bottom: 10px
}

.small-x-space-small {
    padding-right: 10px;
    padding-left: 10px
}

@media print,
screen and (max-width:39.99875em) {
    .small-only-y-space-small {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .small-only-top-space-small {
        margin-top: 10px
    }
    .small-only-bottom-space-small {
        margin-bottom: 10px
    }
    .small-only-x-space-small {
        padding-right: 10px;
        padding-left: 10px
    }
}

.small-y-space-medium {
    margin-top: 32px;
    margin-bottom: 32px
}

.small-top-space-medium {
    margin-top: 32px
}

.small-bottom-space-medium {
    margin-bottom: 32px
}

.small-x-space-medium {
    padding-right: 32px;
    padding-left: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .small-only-y-space-medium {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .small-only-top-space-medium {
        margin-top: 32px
    }
    .small-only-bottom-space-medium {
        margin-bottom: 32px
    }
    .small-only-x-space-medium {
        padding-right: 32px;
        padding-left: 32px
    }
}

.small-y-space-large {
    margin-top: 48px;
    margin-bottom: 48px
}

.small-top-space-large {
    margin-top: 48px
}

.small-bottom-space-large {
    margin-bottom: 48px
}

.small-x-space-large {
    padding-right: 48px;
    padding-left: 48px
}

@media print,
screen and (max-width:39.99875em) {
    .small-only-y-space-large {
        margin-top: 48px;
        margin-bottom: 48px
    }
    .small-only-top-space-large {
        margin-top: 48px
    }
    .small-only-bottom-space-large {
        margin-bottom: 48px
    }
    .small-only-x-space-large {
        padding-right: 48px;
        padding-left: 48px
    }
}

.small-y-space-xlarge {
    margin-top: 96px;
    margin-bottom: 96px
}

.small-top-space-xlarge {
    margin-top: 96px
}

.small-bottom-space-xlarge {
    margin-bottom: 96px
}

.small-x-space-xlarge {
    padding-right: 96px;
    padding-left: 96px
}

@media print,
screen and (max-width:39.99875em) {
    .small-only-y-space-xlarge {
        margin-top: 96px;
        margin-bottom: 96px
    }
    .small-only-top-space-xlarge {
        margin-top: 96px
    }
    .small-only-bottom-space-xlarge {
        margin-bottom: 96px
    }
    .small-only-x-space-xlarge {
        padding-right: 96px;
        padding-left: 96px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-y-space-tiny {
        margin-top: 2px;
        margin-bottom: 2px
    }
    .medium-top-space-tiny {
        margin-top: 2px
    }
    .medium-bottom-space-tiny {
        margin-bottom: 2px
    }
    .medium-x-space-tiny {
        padding-right: 2px;
        padding-left: 2px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .medium-only-y-space-tiny {
        margin-top: 2px;
        margin-bottom: 2px
    }
    .medium-only-top-space-tiny {
        margin-top: 2px
    }
    .medium-only-bottom-space-tiny {
        margin-bottom: 2px
    }
    .medium-only-x-space-tiny {
        padding-right: 2px;
        padding-left: 2px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-y-space-standard {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .medium-top-space-standard {
        margin-top: 16px
    }
    .medium-bottom-space-standard {
        margin-bottom: 16px
    }
    .medium-x-space-standard {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .medium-only-y-space-standard {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .medium-only-top-space-standard {
        margin-top: 16px
    }
    .medium-only-bottom-space-standard {
        margin-bottom: 16px
    }
    .medium-only-x-space-standard {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-y-space-small {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .medium-top-space-small {
        margin-top: 10px
    }
    .medium-bottom-space-small {
        margin-bottom: 10px
    }
    .medium-x-space-small {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .medium-only-y-space-small {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .medium-only-top-space-small {
        margin-top: 10px
    }
    .medium-only-bottom-space-small {
        margin-bottom: 10px
    }
    .medium-only-x-space-small {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-y-space-medium {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .medium-top-space-medium {
        margin-top: 32px
    }
    .medium-bottom-space-medium {
        margin-bottom: 32px
    }
    .medium-x-space-medium {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .medium-only-y-space-medium {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .medium-only-top-space-medium {
        margin-top: 32px
    }
    .medium-only-bottom-space-medium {
        margin-bottom: 32px
    }
    .medium-only-x-space-medium {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-y-space-large {
        margin-top: 48px;
        margin-bottom: 48px
    }
    .medium-top-space-large {
        margin-top: 48px
    }
    .medium-bottom-space-large {
        margin-bottom: 48px
    }
    .medium-x-space-large {
        padding-right: 48px;
        padding-left: 48px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .medium-only-y-space-large {
        margin-top: 48px;
        margin-bottom: 48px
    }
    .medium-only-top-space-large {
        margin-top: 48px
    }
    .medium-only-bottom-space-large {
        margin-bottom: 48px
    }
    .medium-only-x-space-large {
        padding-right: 48px;
        padding-left: 48px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-y-space-xlarge {
        margin-top: 96px;
        margin-bottom: 96px
    }
    .medium-top-space-xlarge {
        margin-top: 96px
    }
    .medium-bottom-space-xlarge {
        margin-bottom: 96px
    }
    .medium-x-space-xlarge {
        padding-right: 96px;
        padding-left: 96px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .medium-only-y-space-xlarge {
        margin-top: 96px;
        margin-bottom: 96px
    }
    .medium-only-top-space-xlarge {
        margin-top: 96px
    }
    .medium-only-bottom-space-xlarge {
        margin-bottom: 96px
    }
    .medium-only-x-space-xlarge {
        padding-right: 96px;
        padding-left: 96px
    }
}

@media print,
screen and (min-width:64em) {
    .large-y-space-tiny {
        margin-top: 2px;
        margin-bottom: 2px
    }
    .large-top-space-tiny {
        margin-top: 2px
    }
    .large-bottom-space-tiny {
        margin-bottom: 2px
    }
    .large-x-space-tiny {
        padding-right: 2px;
        padding-left: 2px
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .large-only-y-space-tiny {
        margin-top: 2px;
        margin-bottom: 2px
    }
    .large-only-top-space-tiny {
        margin-top: 2px
    }
    .large-only-bottom-space-tiny {
        margin-bottom: 2px
    }
    .large-only-x-space-tiny {
        padding-right: 2px;
        padding-left: 2px
    }
}

@media print,
screen and (min-width:64em) {
    .large-y-space-standard {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .large-top-space-standard {
        margin-top: 16px
    }
    .large-bottom-space-standard {
        margin-bottom: 16px
    }
    .large-x-space-standard {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .large-only-y-space-standard {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .large-only-top-space-standard {
        margin-top: 16px
    }
    .large-only-bottom-space-standard {
        margin-bottom: 16px
    }
    .large-only-x-space-standard {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media print,
screen and (min-width:64em) {
    .large-y-space-small {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .large-top-space-small {
        margin-top: 10px
    }
    .large-bottom-space-small {
        margin-bottom: 10px
    }
    .large-x-space-small {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .large-only-y-space-small {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .large-only-top-space-small {
        margin-top: 10px
    }
    .large-only-bottom-space-small {
        margin-bottom: 10px
    }
    .large-only-x-space-small {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media print,
screen and (min-width:64em) {
    .large-y-space-medium {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .large-top-space-medium {
        margin-top: 32px
    }
    .large-bottom-space-medium {
        margin-bottom: 32px
    }
    .large-x-space-medium {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .large-only-y-space-medium {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .large-only-top-space-medium {
        margin-top: 32px
    }
    .large-only-bottom-space-medium {
        margin-bottom: 32px
    }
    .large-only-x-space-medium {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media print,
screen and (min-width:64em) {
    .large-y-space-large {
        margin-top: 48px;
        margin-bottom: 48px
    }
    .large-top-space-large {
        margin-top: 48px
    }
    .large-bottom-space-large {
        margin-bottom: 48px
    }
    .large-x-space-large {
        padding-right: 48px;
        padding-left: 48px
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .large-only-y-space-large {
        margin-top: 48px;
        margin-bottom: 48px
    }
    .large-only-top-space-large {
        margin-top: 48px
    }
    .large-only-bottom-space-large {
        margin-bottom: 48px
    }
    .large-only-x-space-large {
        padding-right: 48px;
        padding-left: 48px
    }
}

@media print,
screen and (min-width:64em) {
    .large-y-space-xlarge {
        margin-top: 96px;
        margin-bottom: 96px
    }
    .large-top-space-xlarge {
        margin-top: 96px
    }
    .large-bottom-space-xlarge {
        margin-bottom: 96px
    }
    .large-x-space-xlarge {
        padding-right: 96px;
        padding-left: 96px
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .large-only-y-space-xlarge {
        margin-top: 96px;
        margin-bottom: 96px
    }
    .large-only-top-space-xlarge {
        margin-top: 96px
    }
    .large-only-bottom-space-xlarge {
        margin-bottom: 96px
    }
    .large-only-x-space-xlarge {
        padding-right: 96px;
        padding-left: 96px
    }
}

.x-margin-collapse {
    margin-right: 0!important;
    margin-left: 0!important
}

.b-dialog.x-dialog-infotext .guest-box .guest-title p,
.b-group-persons .guest-box .guest-title p,
.y-margin-collapse {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.b-stage .stage-wrap .stage-play-btn:after,
.b-weather-radar .big-play-btn:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2032%2032%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeOffset%20in%3D%22SourceGraphic%22%20result%3D%22offOut%22%2F%3E%3CfeColorMatrix%20in%3D%22offOut%22%20result%3D%22matrixOut%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.6%200%22%2F%3E%3CfeGaussianBlur%20in%3D%22matrixOut%22%20result%3D%22blurOut%22%20stdDeviation%3D%221%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22blurOut%22%2F%3E%3C%2Ffilter%3E%3Cg%20filter%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.7%202C8%202%201.7%208.3%201.7%2016s6.3%2014%2014%2014%2014-6.3%2014-14-6.3-14-14-14zm-3.2%2020.3V9.7L22%2016l-9.5%206.3z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill-opacity%3D%22.85%22%20d%3D%22M22%2016l-9.5%206.3V9.7z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.b-post-content.x-kids .profile-switch-btn {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22118%22%20viewBox%3D%220%200%20100%20118%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FA7D19%22%20d%3D%22M50%20117.333l-50-28h100l-50%2028zM0%200h100v89.333H0V0z%22%2F%3E%3Cg%20transform%3D%22translate(26.667%2046.667)%22%3E%3Ccircle%20cx%3D%2224.048%22%20cy%3D%2224.024%22%20r%3D%2223.952%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%224.8%22%2F%3E%3Cellipse%20cx%3D%2216.334%22%20cy%3D%2218.46%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20rx%3D%224.943%22%20ry%3D%227.57%22%2F%3E%3Cellipse%20cx%3D%2232.024%22%20cy%3D%2218.293%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20rx%3D%224.943%22%20ry%3D%227.57%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223.56%22%20d%3D%22M10.364%2031.666c15.761%2014.734%2027.152.406%2027.152.406%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.573%209.843h3.744c.758%200%201.371-.192%201.84-.576.47-.384.704-.971.704-1.76%200-.79-.234-1.376-.704-1.76-.469-.384-1.082-.576-1.84-.576h-3.744v4.672zm-1.088-5.6h5.072c.512%200%20.976.072%201.392.216.416.144.774.357%201.072.64.299.282.528.626.688%201.032.16.405.24.864.24%201.376%200%20.512-.08.97-.24%201.376-.16.405-.389.749-.688%201.032a2.932%202.932%200%2001-1.072.64c-.416.144-.88.216-1.392.216h-3.984v4.896h-1.088V4.243zm9.888%203.168v8.256h1.008v-4.4c0-.438.075-.84.224-1.208.15-.368.36-.686.632-.952.272-.267.595-.472.968-.616.374-.144.79-.206%201.248-.184V7.299c-.746-.032-1.389.133-1.928.496-.538.362-.936.88-1.192%201.552h-.032V7.41h-.928zm8.528.608c-.48%200-.901.101-1.264.304-.362.202-.664.469-.904.8a3.63%203.63%200%2000-.544%201.128%204.585%204.585%200%20000%202.576c.123.421.304.797.544%201.128.24.33.542.597.904.8.363.202.784.304%201.264.304s.902-.102%201.264-.304c.363-.203.664-.47.904-.8.24-.331.422-.707.544-1.128a4.585%204.585%200%20000-2.576%203.63%203.63%200%2000-.544-1.128%202.775%202.775%200%2000-.904-.8c-.362-.203-.784-.304-1.264-.304zm0-.848c.63%200%201.187.117%201.672.352.486.234.894.549%201.224.944.331.394.582.856.752%201.384.171.528.256%201.09.256%201.688%200%20.597-.085%201.16-.256%201.688-.17.528-.421.989-.752%201.384-.33.394-.738.706-1.224.936-.485.229-1.042.344-1.672.344-.629%200-1.186-.115-1.672-.344a3.555%203.555%200%2001-1.224-.936%204.086%204.086%200%2001-.752-1.384%205.456%205.456%200%2001-.256-1.688c0-.598.086-1.16.256-1.688.171-.528.422-.99.752-1.384.331-.395.739-.71%201.224-.944.486-.235%201.043-.352%201.672-.352zm9.568-2.928v1.616h1.008V4.243H42.47zm-3.616%204.016v7.408h1.008V8.259h1.632V7.41h-1.632v-.72c0-.224.006-.432.016-.624.011-.192.051-.36.12-.504a.784.784%200%2001.328-.344c.15-.086.363-.128.64-.128.118%200%20.235.008.352.024.118.016.246.034.384.056v-.864a8.883%208.883%200%2000-.432-.048%205.028%205.028%200%2000-.416-.016c-.405%200-.738.058-1%20.176a1.464%201.464%200%2000-.616.496c-.149.213-.25.469-.304.768-.053.298-.08.624-.08.976v.752h-1.408v.848h1.408zm3.616-.848v8.256h1.008V7.41H42.47zm2.96-3.168v11.424h1.008V4.243H45.43zM13.461%2023.41l2.656%208.256h1.104l2.016-6.944h.032l2.032%206.944h1.104l2.656-8.256H23.99l-2.112%207.072h-.032L19.83%2023.41h-1.136l-2.016%207.072h-.032l-2.112-7.072h-1.072zm18.624%203.552a3.642%203.642%200%2000-.2-1.104%203.022%203.022%200%2000-.52-.936%202.577%202.577%200%2000-.816-.656%202.336%202.336%200%2000-1.088-.248c-.416%200-.784.082-1.104.248-.32.165-.592.384-.816.656a3.268%203.268%200%2000-.536.944%204.627%204.627%200%2000-.264%201.096h5.344zm-5.344.848c0%20.362.051.738.152%201.128a3.1%203.1%200%2000.488%201.048c.224.309.507.565.848.768.342.202.752.304%201.232.304.736%200%201.312-.192%201.728-.576.416-.384.704-.896.864-1.536h1.008c-.213.938-.605%201.664-1.176%202.176-.57.512-1.378.768-2.424.768-.65%200-1.213-.115-1.688-.344a3.107%203.107%200%2001-1.16-.944c-.298-.4-.52-.864-.664-1.392a6.328%206.328%200%20010-3.272c.144-.523.366-.99.664-1.4.299-.411.686-.742%201.16-.992.475-.251%201.038-.376%201.688-.376.662%200%201.227.133%201.696.4.47.266.851.616%201.144%201.048.294.432.504.928.632%201.488a6.53%206.53%200%2001.16%201.704h-6.352zm13.536-1.808h1.008c-.117-.95-.482-1.659-1.096-2.128-.613-.47-1.362-.704-2.248-.704-.629%200-1.186.117-1.672.352-.485.234-.893.549-1.224.944-.33.394-.581.856-.752%201.384a5.456%205.456%200%2000-.256%201.688c0%20.597.086%201.16.256%201.688.171.528.422.989.752%201.384.331.394.739.706%201.224.936.486.229%201.043.344%201.672.344.939%200%201.707-.28%202.304-.84.598-.56.966-1.342%201.104-2.344h-1.008a2.749%202.749%200%2001-.256.944%202.608%202.608%200%2001-.528.744c-.213.208-.458.37-.736.488-.277.117-.57.176-.88.176-.48%200-.901-.102-1.264-.304a2.775%202.775%200%2001-.904-.8%203.63%203.63%200%2001-.544-1.128%204.585%204.585%200%20010-2.576%203.63%203.63%200%2001.544-1.128c.24-.331.542-.598.904-.8.363-.203.784-.304%201.264-.304.672%200%201.195.176%201.568.528.374.352.63.837.768%201.456zm2.464-5.76v11.424h1.008V26.85a3.65%203.65%200%2001.2-1.128c.123-.347.294-.646.512-.896.219-.251.486-.448.8-.592a2.569%202.569%200%20011.08-.216c.406%200%20.744.064%201.016.192s.488.304.648.528c.16.224.272.488.336.792.064.304.096.632.096.984v5.152h1.008v-5.312c0-.491-.048-.934-.144-1.328a2.355%202.355%200%2000-.496-1%202.29%202.29%200%2000-.936-.632c-.389-.15-.872-.224-1.448-.224-.586%200-1.125.152-1.616.456-.49.304-.832.706-1.024%201.208h-.032v-4.592h-1.008zm13.552%205.584h1.008a2.988%202.988%200%2000-.272-1.168%202.437%202.437%200%2000-.648-.832%202.667%202.667%200%2000-.944-.496%204.039%204.039%200%2000-1.16-.16c-.362%200-.728.042-1.096.128a3.386%203.386%200%2000-1%20.4%202.185%202.185%200%2000-.728.72c-.186.298-.28.656-.28%201.072%200%20.352.059.648.176.888.118.24.28.442.488.608.208.165.451.304.728.416.278.112.582.21.912.296l1.296.288c.224.053.446.117.664.192.219.074.414.168.584.28.171.112.307.25.408.416.102.165.152.37.152.616%200%20.288-.072.53-.216.728-.144.197-.328.36-.552.488a2.44%202.44%200%2001-.728.272c-.261.053-.514.08-.76.08-.672%200-1.234-.174-1.688-.52-.453-.347-.701-.862-.744-1.544h-1.008c.086%201.013.43%201.749%201.032%202.208.603.458%201.39.688%202.36.688.384%200%20.774-.043%201.168-.128.395-.086.75-.227%201.064-.424a2.48%202.48%200%2000.776-.768c.203-.315.304-.696.304-1.144%200-.363-.069-.678-.208-.944a2.149%202.149%200%2000-.536-.672%202.762%202.762%200%2000-.752-.44%203.85%203.85%200%2000-.856-.232l-1.344-.304a6.956%206.956%200%2001-.56-.168%202.703%202.703%200%2001-.56-.264%201.494%201.494%200%2001-.424-.392.943.943%200%2001-.168-.568c0-.267.059-.491.176-.672a1.36%201.36%200%2001.464-.44c.192-.112.403-.192.632-.24.23-.048.456-.072.68-.072.288%200%20.56.034.816.104.256.069.483.178.68.328.198.149.355.338.472.568.118.229.182.498.192.808zm8.688%201.136a3.642%203.642%200%2000-.2-1.104%203.022%203.022%200%2000-.52-.936%202.577%202.577%200%2000-.816-.656%202.336%202.336%200%2000-1.088-.248c-.416%200-.784.082-1.104.248-.32.165-.592.384-.816.656a3.268%203.268%200%2000-.536.944%204.627%204.627%200%2000-.264%201.096h5.344zm-5.344.848c0%20.362.051.738.152%201.128a3.1%203.1%200%2000.488%201.048c.224.309.507.565.848.768.342.202.752.304%201.232.304.736%200%201.312-.192%201.728-.576.416-.384.704-.896.864-1.536h1.008c-.213.938-.605%201.664-1.176%202.176-.57.512-1.378.768-2.424.768-.65%200-1.213-.115-1.688-.344a3.107%203.107%200%2001-1.16-.944c-.298-.4-.52-.864-.664-1.392a6.328%206.328%200%20010-3.272c.144-.523.366-.99.664-1.4.299-.411.686-.742%201.16-.992.475-.251%201.038-.376%201.688-.376.662%200%201.227.133%201.696.4.47.266.851.616%201.144%201.048.294.432.504.928.632%201.488a6.53%206.53%200%2001.16%201.704h-6.352zm7.728-7.568v11.424h1.008V20.243h-1.008zm2.928%203.168v8.256h1.008V26.85a3.65%203.65%200%2001.2-1.128c.123-.347.294-.646.512-.896.219-.251.486-.448.8-.592a2.569%202.569%200%20011.08-.216c.406%200%20.744.064%201.016.192s.488.304.648.528c.16.224.272.488.336.792.064.304.096.632.096.984v5.152h1.008v-5.312c0-.491-.048-.934-.144-1.328a2.355%202.355%200%2000-.496-1%202.29%202.29%200%2000-.936-.632c-.389-.15-.872-.224-1.448-.224-.586%200-1.125.152-1.616.456-.49.304-.832.706-1.024%201.208h-.032V23.41h-1.008z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

html.x-tivi-app .icon-502_play:not(.keep-appearance) {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20style%3D%22mix-blend-mode%3Ahard-light%22%3E%3Cpath%20fill%3D%22%23FF8100%22%20d%3D%22M22.534.176C10.206.176.176%2010.206.176%2022.534c0%2012.329%2010.03%2022.36%2022.358%2022.36%2012.329%200%2022.36-10.031%2022.36-22.36%200-12.328-10.031-22.358-22.36-22.358z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M33.086%2023.189l-16.618%2011.33a.757.757%200%2001-1.18-.624v-22.66a.755.755%200%20011.18-.625l16.619%2011.331a.756.756%200%20010%201.248z%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.7%22%3E%3Cpath%20fill%3D%22%23FF8100%22%20d%3D%22M22.534.176C10.206.176.176%2010.206.176%2022.534c0%2012.329%2010.03%2022.36%2022.358%2022.36%2012.329%200%2022.36-10.031%2022.36-22.36%200-12.328-10.031-22.358-22.36-22.358z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M33.086%2023.189l-16.618%2011.33a.757.757%200%2001-1.18-.624v-22.66a.755.755%200%20011.18-.625l16.619%2011.331a.756.756%200%20010%201.248z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    border: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
    font-weight: 300;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    font-family: Uniwidth, sans-serif;
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

nav ol,
nav ul {
    list-style: none;
    list-style-image: none
}

svg:not(:root) {
    overflow: hidden
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

textarea {
    overflow: auto;
    vertical-align: top
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

@media print {
    body {
        overflow: visible;
        font-size: 10pt;
        background: transparent none
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid
    }
    .print {
        position: static;
        left: 0
    }
}

body,
html {
    overflow-x: hidden;
    position: relative;
    width: 100%
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 320px;
    font-size: 16px;
    line-height: 1.375rem
}

@media print,
screen and (min-width:64em) {
    html {
        overflow-y: scroll
    }
}

html:not(.m-phone) .b-plus-button .plus-child-item.m-whatsapp {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    html body.x-tivi .b-cluster .cluster-title::before,
    html.x-tivi-app .b-cluster .cluster-title::before {
        margin-right: 6px;
        font-size: 1.375rem
    }
    html body.x-tivi .b-content-teaser-list .title .avatar-image:not(:empty),
    html.x-tivi-app .b-content-teaser-list .title .avatar-image:not(:empty) {
        margin-right: 6px
    }
}

@media print,
screen and (min-width:40em) {
    html body.x-tivi .b-cluster .cluster-title::before,
    html.x-tivi-app .b-cluster .cluster-title::before {
        margin-right: 10px;
        font-size: 1.75rem
    }
    html body.x-tivi .b-content-teaser-list .title .avatar-image:not(:empty),
    html.x-tivi-app .b-content-teaser-list .title .avatar-image:not(:empty) {
        margin-right: 10px
    }
}

html body.x-tivi .b-cluster .cluster-title::before,
html.x-tivi-app .b-cluster .cluster-title::before {
    float: left;
    display: inline-block
}

html:not(.x-tivi-app):not(.x-tivi-profile) .b-dynamicpage .hide-for-anonymous-kids,
html:not(.x-tivi-app):not(.x-tivi-profile) .b-dynamicpage .tivi-dynamic {
    display: none!important
}

html:not(.x-tivi-app) .teaser-info .is-tivi {
    display: none
}

html:not(.x-tivi-app) .teaser-info .is-not-tivi {
    display: block
}

html.x-tivi-app-3 #onetrust-consent-sdk {
    display: none
}

html.no-scroll {
    overflow: hidden
}

html.m-logged-in.x-tivi-profile:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-teaser-list .b-cluster-teaser .bottom-teaser-box {
    border-top: none
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .x-heute.is-darkmode:not(.is-high-contrast) .b-content-teaser-item:nth-child(even) .inner {
        background-color: #1f232a
    }
}

#onetrust-pc-sdk .ot-link-btn {
    border: 1px solid #fa7d19
}

#onetrust-pc-sdk .ot-link-btn:hover {
    border-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) {
    color: rgba(255, 255, 255, .87);
    background-color: #0d1118
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-banner-sdk,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-ven-dets {
    background-color: #1f232a!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-banner-sdk .ot-cat-header,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-banner-sdk #banner-options *,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-modal #modal-header,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-name a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-lst-title span,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-sel-blk p,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .consent-category,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .back-btn-handler p,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .ot-ven-name,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk #ot-ven-lst .ot-ven-opts p,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler+a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-checkbox label span,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-label-status,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-inactive-leg-btn,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-li-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-sel-all-hdr span,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk h3,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk h4,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk h5,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk h6,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk p,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-policy-text,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-policy-text :not(.onetrust-vendors-list-handler),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-policy-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk .ot-b-addl-desc,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk .ot-dpd-desc,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk .ot-dpd-desc :not(.onetrust-vendors-list-handler),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk .ot-dpd-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-pc-footer,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-pc-header {
    border-color: #1f232a
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header+.ot-arw-cntr .ot-arw {
    color: #9e9fa2
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-subgrp-tgl .ot-switch.ot-toggle,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {
    background-color: #2a2d34
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-switch-nob:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob:before {
    background-color: #0d1118
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-banner-sdk #onetrust-reject-all-handler,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-accept-btn-handler,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-btn-handler,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn) {
    color: #0d1118
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-link-btn {
    border-color: #fa7d19!important
}

body.x-heute .b-stage .stage-wrap.m-large .teaser-text {
    display: block;
    margin-bottom: 16px
}

body.x-heute .teaser-foot .icon {
    display: block
}

body.x-heute .teaser-cat {
    font-weight: 300;
    font-size: .9375rem
}

@media print,
screen and (max-width:39.99875em) {
    body.x-heute .teaser-cat {
        font-size: .875rem;
        margin-bottom: 8px
    }
}

@media print,
screen and (max-width:39.99875em) {
    body.x-heute .b-cluster-info {
        position: relative
    }
    body.x-heute .b-cluster-info .info-toggle {
        margin-top: 16px;
        padding: 0 16px
    }
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-cluster-info .info-toggle {
        margin-top: 32px
    }
}

@media print,
screen and (min-width:64em) {
    body.x-heute .b-cluster-livestream .cluster-title-row,
    body.x-heute .b-cluster-poster .cluster-title-row {
        max-width: 72rem
    }
}

body.x-heute .b-cluster-poster .teaser-open-btn,
body.x-heute .b-cluster-teaser.b-vertical-teaser .teaser-open-btn {
    display: none!important
}

body.x-heute .b-promo-teaser .teaser-cat,
body.x-heute .b-promo-teaser .teaser-text,
body.x-heute .b-promo-teaser .teaser-title-link {
    text-shadow: none
}

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

* {
    -webkit-tap-highlight-color: transparent
}

body {
    min-width: 320px;
    margin: 0;
    font-family: Uniwidth, sans-serif;
    font-weight: 300;
    text-align: left;
    color: #34393f;
    background-color: #e8e8e8;
    text-rendering: optimizeLegibility
}

@media print,
screen and (max-width:39.99875em) {
    body {
        font-size: 1rem;
        line-height: 1.375rem
    }
    body .mobile-box {
        padding: 0 16px
    }
    body .load-more-container {
        padding-top: 16px;
        text-align: center
    }
}

@media print,
screen and (max-width:63.99875em) {
    body .main {
        padding-top: 50px
    }
}

@media print,
screen and (min-width:40em) {
    body {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    body .main {
        max-width: 2016px;
        margin: auto;
        padding-top: 80px
    }
}

body.tiviapp .main {
    padding: 0 0 80px
}

body.preview .main,
body.single-preview .main {
    padding-top: 0
}

body.single-preview .iframe-wrap {
    min-height: 100%
}

body.single-preview .b-gallery-module .content-item {
    margin-bottom: 20px
}

body.single-preview .b-gallery-module .js-scroller-content {
    display: block
}

body.single-preview .b-gallery-module .expand-btn,
body.single-preview .b-gallery-module .scroll-arrow {
    visibility: hidden
}

body.single-preview .b-stage {
    background-color: transparent
}

body.single-preview .b-stage .stage-item {
    margin-bottom: 20px
}

body.single-preview .b-stage .stage-list {
    display: block
}

body.single-preview .b-stage .scroll-arrow {
    visibility: hidden
}

body.server-error .main {
    min-height: 100vh
}

body.server-error .b-scrollto-top {
    display: none
}

body.server-error .b-footer {
    position: absolute;
    bottom: 0
}

body.m-css-test {
    -webkit-hyphens: none!important;
    -ms-hyphens: none!important;
    hyphens: none!important
}

body.m-css-test .teaser-title,
body.m-css-test .teaser-title-link {
    -webkit-hyphens: none!important;
    -ms-hyphens: none!important;
    hyphens: none!important
}

body.m-css-test .b-newsstream .scroll-arrow {
    opacity: 1;
    width: 72px;
    height: 84px;
    margin-top: -42px;
    background-color: #fa7d19
}

body.m-css-test .b-newsstream .scroll-arrow:before {
    width: 72px;
    font-size: 48px;
    line-height: 84px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1)
}

body.m-css-test .b-newsstream .scroll-arrow:hover:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

body.m-css-test .b-newsstream .scroll-arrow.x-next:disabled {
    right: -72px
}

body.m-css-test .b-newsstream .scroll-arrow.x-prev:disabled {
    left: -72px
}

.iframe-wrap {
    overflow: hidden;
    width: 100%
}

div iframe:not(.instagram-media) {
    width: 1px;
    height: 1px;
    min-width: 100%
}

.main {
    position: relative;
    width: 100%;
    outline: 0
}

.main.m-keyboardfocus {
    outline: 0
}

.nav-back:before {
    margin-left: -4px
}

@media print,
screen and (max-width:39.99875em) {
    .oauth-content p {
        padding: 0 16px
    }
}

p {
    -webkit-font-smoothing: antialiased
}

@media print,
screen and (max-width:39.99875em) {
    p {
        margin-bottom: 24px;
        line-height: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    p {
        margin-bottom: 32px;
        line-height: 1.625rem
    }
}

p:empty {
    display: none
}

b,
strong {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.big-headline b,
.big-headline strong,
.medium-headline b,
.medium-headline strong,
.small-headline b,
.small-headline strong {
    font-weight: 300
}

b p,
strong p {
    font-weight: 700
}

em,
i {
    font-style: italic
}

.big-headline em,
.big-headline i,
.medium-headline em,
.medium-headline i,
.small-headline em,
.small-headline i {
    font-style: normal
}

address {
    font-style: normal;
    font-weight: 300
}

input {
    display: block;
    width: 100%;
    border: none;
    font-weight: 300
}

input:focus:not(.m-keyboardfocus),
input:hover:not(.m-keyboardfocus) {
    outline: 0
}

.input {
    font-size: 1rem;
    line-height: 1.375rem;
    height: 40px;
    margin: 0 0 16px;
    border: none;
    border-radius: 0;
    padding: .375rem 16px .125rem;
    color: #34393f;
    background-color: transparent;
    -webkit-transition: border-color .4s;
    transition: border-color .4s
}

.dark-modal .input,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .input {
    color: rgba(255, 255, 255, .87)
}

.input:focus {
    outline: 2px solid #fa7d19
}

.input.error {
    position: relative;
    outline: 2px solid #f11010
}

.input.error:focus,
.input.error:hover {
    outline: 2px solid #f11010
}

::-webkit-input-placeholder {
    color: #96999c!important
}

::-moz-placeholder {
    color: #96999c!important
}

:-ms-input-placeholder {
    color: #96999c!important
}

::-ms-input-placeholder {
    color: #96999c!important
}

::placeholder {
    color: #96999c!important
}

.dark-modal ::-webkit-input-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.dark-modal ::-moz-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-moz-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.dark-modal :-ms-input-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) :-ms-input-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.dark-modal ::-ms-input-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-ms-input-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.dark-modal ::placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::placeholder {
    color: rgba(255, 255, 255, .63)!important
}

::-webkit-input-placeholder {
    color: #96999c!important
}

.dark-modal ::-webkit-input-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

::-moz-placeholder {
    opacity: 1;
    color: #96999c!important
}

.dark-modal ::-moz-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-moz-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

:-moz-placeholder {
    opacity: 1;
    color: #96999c!important
}

.dark-modal :-moz-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) :-moz-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

:-ms-input-placeholder {
    color: #96999c!important
}

.dark-modal :-ms-input-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) :-ms-input-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.inline-quote {
    font-family: Uniwidth, sans-serif;
    font-style: italic
}

blockquote,
input,
textarea {
    font-family: Uniwidth, sans-serif;
    font-weight: 300
}

.b-search-bar .multiple-trigger .label,
.paragraph,
textarea {
    font-weight: 300
}

.textarea-label {
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .625rem
}

.dark-modal .textarea-label,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .textarea-label {
    color: rgba(255, 255, 255, .87)
}

textarea {
    border: 2px solid #34393f;
    background-color: transparent
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) textarea {
    border-color: #fff;
    color: rgba(255, 255, 255, .87)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700
}

small {
    font-size: 70%;
    font-weight: 300
}

mark {
    padding: 0 2px;
    color: #34393f;
    background-color: #fff;
    font-weight: 300
}

sub,
sup {
    position: relative;
    font-size: 10px;
    line-height: 10px;
    font-weight: 300
}

sup {
    top: -10px
}

sub {
    top: 4px
}

abbr[title],
acronym[title] {
    text-decoration: none
}

hr {
    clear: both;
    max-width: 72rem;
    height: 0;
    margin: 1.5rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #96999c;
    border-left: 0
}

a,
a:visited {
    text-decoration: none
}

a:active,
a:focus:not(.m-keyboardfocus),
a:hover {
    outline: 0 none
}

.m-keyboardfocus {
    outline: 2px solid #fa7d19;
    outline-offset: 2px
}

.m-clickarea {
    cursor: pointer
}

.x-rtl {
    direction: rtl;
    unicode-bidi: embed
}

.vc_row {
    margin-right: -30px!important;
    margin-left: -30px!important
}

a:link,
button,
input[type=submit] {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

h1[tabindex='-1']:not(.m-keyboardfocus),
h2[tabindex='-1']:not(.m-keyboardfocus),
h3[tabindex='-1']:not(.m-keyboardfocus),
h4[tabindex='-1']:not(.m-keyboardfocus) {
    outline: 0
}

img {
    max-width: 100%
}

.clearfix {
    display: block
}

.clearfix:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%
}

.hyphens {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.hide {
    display: none!important
}

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

html.m-logged-in .hide-for-logged-in,
html.m-logged-in-ard-user .hide-for-ard-users,
html:not(.m-logged-in) .hide-for-anonymous,
html:not(.m-logged-in-ard-user) .show-for-ard-users {
    display: none!important
}

html.m-logged-in:not(.x-tivi-profile) .hide-for-anonymous-kids {
    display: none!important
}

html.m-logged-in.x-tivi-profile .hide-for-logged-in-kids {
    display: none!important
}

@media print,
screen and (max-width:63.99875em) {
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser {
        width: 100%;
        height: 128px;
        margin-bottom: .125rem;
        margin-left: 0
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .m-clickarea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .ratio-wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        overflow: hidden;
        width: 107px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .b-ratiobox {
        padding-bottom: 120%;
        overflow: hidden
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .image-teaser {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .bottom-teaser-box {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        height: 128px;
        padding: 6px 12px 10px;
        min-height: unset;
        position: relative;
        border-top: 1px solid #e8e8e8;
        background-color: #fff
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .box {
        background-color: transparent
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .artdirect .m-16-9 {
        visibility: hidden
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .artdirect .m-8-9 {
        visibility: visible
    }
    html.m-logged-in.x-tivi-profile .b-content-teaser-list .b-cluster-teaser .teaser-open-btn {
        display: none
    }
    html.m-logged-in.x-tivi-profile .is-darkmode:not(.is-high-contrast) .b-content-teaser-list .b-cluster-teaser .bottom-teaser-box {
        background-color: #1f232a
    }
}

html.m-anonymous:not(.x-tivi-profile) .hide-for-anonymous-kids {
    display: none!important
}

.jail {
    position: relative
}

.nowrap {
    padding-left: 4px;
    white-space: nowrap
}

.normal-space {
    white-space: normal
}

#skiplinks {
    position: absolute;
    top: 0;
    left: -9999px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none
}

#skiplinks .skip {
    position: absolute;
    top: -9999px;
    left: -9999px
}

#skiplinks .skip:active,
#skiplinks .skip:focus {
    position: absolute;
    top: 0;
    left: 9999px;
    width: 100%;
    outline: 0 none;
    padding: 7px 0;
    text-align: center;
    text-decoration: underline;
    color: #fa7d19;
    background-color: #34393f;
    background-color: rgba(52, 57, 63, .6)
}

button::-moz-focus-inner {
    border: 0 none;
    padding: 0
}

button {
    overflow: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    margin: 0;
    border: 0 none;
    border-radius: 0;
    padding: 0;
    font-family: Uniwidth, sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    text-transform: none;
    background-color: transparent
}

button:not(.m-keyboardfocus) {
    outline: 0
}

button span {
    pointer-events: none
}

.label {
    display: inline-block
}

.artdirect source {
    visibility: hidden
}

.load-more {
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener .teaser-container.teaser-background-small,
    .teaser-background-small {
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-background-small {
        background-color: #1f232a
    }
    .b-group-news-opener .teaser-container.teaser-background-small .author-icon,
    .b-group-news-opener .teaser-container.teaser-background-small .teaser-cat,
    .b-group-news-opener .teaser-container.teaser-background-small .teaser-foot,
    .b-group-news-opener .teaser-container.teaser-background-small .teaser-title-link,
    .teaser-background-small .author-icon,
    .teaser-background-small .teaser-cat,
    .teaser-background-small .teaser-foot,
    .teaser-background-small .teaser-title-link {
        color: #000
    }
    .b-group-news-opener .teaser-container.teaser-background-small .teaser-block,
    .b-group-news-opener .teaser-container.teaser-background-small .teaser-box,
    .teaser-background-small .teaser-block,
    .teaser-background-small .teaser-box {
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-background-small .teaser-block,
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-background-small .teaser-box {
        background-color: #1f232a
    }
}

.teaser-title-link.mouseover,
.teaser-title-link:focus,
.teaser-title-link:hover {
    text-decoration: underline;
    color: #34393f
}

.teaser-title-link.mouseover .teaser-cat,
.teaser-title-link:focus .teaser-cat,
.teaser-title-link:hover .teaser-cat {
    text-decoration: none!important
}

.teaser-episode-number {
    float: left;
    margin-right: 8px
}

.teaser-episode-number {
    font-weight: 300
}

.result-score,
.teaser-length {
    display: inline-block
}

.special-info {
    line-height: 1rem;
    color: #34393f
}

@media print,
screen and (max-width:39.99875em) {
    .special-info {
        font-size: .8125rem
    }
}

@media print,
screen and (min-width:40em) {
    .special-info {
        font-size: .875rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .special-info {
    color: rgba(255, 255, 255, .87)
}

.loadmore-btn,
.reg.btn {
    position: relative;
    display: inline-block
}

.m-loading .loadmore-btn,
.m-loading .reg-btn {
    padding-left: 40px;
    -webkit-transition: padding .2s ease-in-out;
    transition: padding .2s ease-in-out
}

.m-loading .loader {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear
}

.loader {
    opacity: 0;
    position: absolute;
    left: 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    border-radius: 50%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(42%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .loader {
    background: #0d1118;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #0d1118), color-stop(42%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #0d1118 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #0d1118 10%, rgba(255, 255, 255, 0) 42%)
}

.loader:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    border-radius: 100% 0 0 0;
    background: #fff;
    content: ''
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .loader:before {
    background: #0d1118
}

.loader:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 75%;
    margin: auto;
    border-radius: 50%;
    background: #fa7d19;
    content: ''
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.b-playerbox {
    background-color: rgba(0, 0, 0, .3)
}

.b-playerbox .player-disabled-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 50, 50, .7)
}

.b-playerbox .player-disabled-info .disabled-text {
    position: relative;
    top: 50%;
    padding: 25px;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

@media print,
screen and (max-width:39.99875em) {
    .b-playerbox .player-disabled-info .disabled-text {
        font-size: 18px
    }
}

@media print,
screen and (min-width:40em) {
    .b-playerbox .player-disabled-info .disabled-text {
        font-size: 20px
    }
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.capitalize {
    text-transform: capitalize
}

.uppercase {
    text-transform: uppercase;
    display: inline-block
}

.is-dark {
    background-color: #0d1118
}

html.x-heute-app:not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .is-dark {
    background: #0f2335
}

.is-dark .b-breadcrumbs .item .no-link,
.is-dark .b-breadcrumbs .item:last-child .no-link,
.is-dark .b-breadcrumbs .item:not(:last-child):after,
.is-dark .b-breadcrumbs .link,
.is-dark .b-breadcrumbs .link:hover,
.is-dark .big-headline {
    color: rgba(255, 255, 255, .87)
}

.is-dark .b-breadcrumbs .item .item-icon {
    color: #9e9fa2
}

.headline-more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 12px;
    top: 0;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.headline-more-btn .button {
    margin-bottom: 0
}

.headline-with-btn {
    padding: 0;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.stage-l-wrapper {
    position: relative;
    overflow: hidden
}

form .text-left .text-only {
    padding: 0!important;
    line-height: 1.25rem!important;
    margin-bottom: 32px!important
}

.content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.content-right .secondary+.primary {
    margin-left: .75rem
}

@media print,
screen and (max-width:63.99875em) {
    .post-page.has-steps>.small-bottom-space-small {
        margin-bottom: 0;
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps>.small-bottom-space-small {
        background-color: #1f232a
    }
    .post-page.has-steps .b-post-content {
        overflow: hidden
    }
    .post-page.has-steps .b-post-content>.grid-container:first-child,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(2),
    .post-page.has-steps .b-post-content>.grid-container:nth-child(3) {
        margin-top: 0;
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps .b-post-content>.grid-container:first-child,
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps .b-post-content>.grid-container:nth-child(2),
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps .b-post-content>.grid-container:nth-child(3) {
        background-color: #1f232a
    }
    .post-page.has-steps .b-post-content>.grid-container:first-child p,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(2) p,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(3) p {
        padding: 0 16px
    }
}

@media print,
screen and (max-width:63.99875em) and (min-width:40em) and (max-width:63.99875em) {
    .post-page.has-steps .b-post-content>.grid-container:first-child p,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(2) p,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(3) p {
        padding-right: 9.625rem
    }
}

@media print,
screen and (max-width:63.99875em) and (min-width:40em) and (max-width:63.99875em) {
    .post-page.has-steps .b-post-content>.grid-container:first-child .unordered-list,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(2) .unordered-list,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(3) .unordered-list {
        padding-right: 9.625rem
    }
}

@media print,
screen and (max-width:63.99875em) {
    .post-page.has-steps .b-post-content .country-selection {
        background-color: #fff;
        padding: 0 16px 48px
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps .b-post-content .country-selection {
        background-color: #1f232a
    }
}

@media print,
screen and (min-width:64em) {
    .post-page.has-steps>.small-bottom-space-small {
        margin: 0 auto
    }
    .post-page.has-steps .fsk-progress {
        margin-top: 48px;
        position: absolute;
        z-index: 2
    }
    .post-page.has-steps .b-post-content.x-fsk-1>.grid-container .cell>p {
        padding-left: 0
    }
    .post-page.has-steps .b-post-content>.grid-container:first-child {
        margin-top: 0
    }
    .post-page.has-steps .b-post-content>.grid-container:first-child .cell {
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps .b-post-content>.grid-container:first-child .cell {
        background-color: #1f232a
    }
    .post-page.has-steps .b-post-content>.grid-container:first-child .cell>p {
        width: 66.6666666667%;
        margin-left: 33.3333333333%;
        padding: 48px 48px 0 .5rem;
        margin-bottom: 24px
    }
    .post-page.has-steps .b-post-content>.grid-container:first-child .cell>ul {
        width: 66.6666666667%;
        margin-left: 33.3333333333%;
        padding-left: 10px
    }
    .post-page.has-steps .b-post-content>.grid-container:nth-child(2),
    .post-page.has-steps .b-post-content>.grid-container:nth-child(3) {
        margin-top: 0
    }
    .post-page.has-steps .b-post-content>.grid-container:nth-child(2) .cell,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(3) .cell {
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps .b-post-content>.grid-container:nth-child(2) .cell,
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps .b-post-content>.grid-container:nth-child(3) .cell {
        background-color: #1f232a
    }
    .post-page.has-steps .b-post-content>.grid-container:nth-child(2) .cell>p,
    .post-page.has-steps .b-post-content>.grid-container:nth-child(3) .cell>p {
        width: 66.6666666667%;
        margin-left: 33.3333333333%;
        padding: 0 48px 0 10px;
        margin-bottom: 32px
    }
    .post-page.has-steps .b-post-content .small-bottom-space-medium {
        margin: 0
    }
    .post-page.has-steps .country-selection>.grid-container>.cell {
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .post-page.has-steps .country-selection>.grid-container>.cell {
        background-color: #1f232a
    }
    .post-page.has-steps .country-selection>.grid-container>.cell>.grid-x>.cell {
        padding: 0 48px 48px 10px
    }
}

@media (min-width:1024px) {
    html::after {
        content: "desktop";
        display: none!important
    }
}

@media (min-width:640px) and (max-width:1023px) {
    html::after {
        content: "tablet";
        display: none!important
    }
}

@media (max-width:639px) {
    html::after {
        content: "mobile";
        display: none!important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:192dpi),
screen and (min-resolution:2dppx) {
    html::after {
        content: "retina";
        display: none!important
    }
}

html {
    content:'{"mqs":{"desktop": "(min-width:1024px)","tablet": "(min-width:640px) and (max-width:1023px)","mobile": "(max-width:639px)","retina": "screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx)"},"statePrefix": "m-","utilPrefix": "m-"}'!important
}

html::before {
    content:'{"mqs":{"desktop": "(min-width:1024px)","tablet": "(min-width:640px) and (max-width:1023px)","mobile": "(max-width:639px)","retina": "screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx)"},"statePrefix": "m-","utilPrefix": "m-"}'!important;
    font-family:'{"mqs":{"desktop": "(min-width:1024px)","tablet": "(min-width:640px) and (max-width:1023px)","mobile": "(max-width:639px)","retina": "screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx)"},"statePrefix": "m-","utilPrefix": "m-"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.x-column {
    float: left;
    width: 100%
}

.x-column .x-large-up-8>.x-columns:nth-of-type(1n),
.x-column umn:nth-of-type(1n) {
    clear: none
}

.x-column .x-large-up-8>.x-column:nth-of-type(8n+1),
.x-column .x-large-up-8>.x-columns:nth-of-type(8n+1) {
    clear: both
}

.x-column .x-large-up-8>.x-column:last-child,
.x-column .x-large-up-8>.x-columns:last-child {
    float: left
}

.x-column .x-large-collapse>.x-column,
.x-column .x-large-collapse>.x-columns {
    padding-right: 0;
    padding-left: 0
}

.x-column .x-large-collapse .x-row {
    margin-right: 0;
    margin-left: 0
}

.x-column .x-large-uncollapse>.x-column,
.x-column .x-large-uncollapse>.x-columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.x-column .x-large-centered {
    float: none;
    margin-right: auto;
    margin-left: auto
}

.x-column .x-large-pull-0,
.x-column .x-large-push-0,
.x-column .x-large-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

.x-row {
    max-width: 72rem;
    margin-right: auto;
    margin-left: auto
}

.x-row.x-column {
    float: none!important
}

.x-row .x-row.x-collapse {
    margin-right: 0;
    margin-left: 0
}

.x-row:after,
.x-row:before {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.x-row:after {
    clear: both
}

.x-row.x-collapse>.x-column {
    padding-right: 0;
    padding-left: 0
}

.x-row.x-small-collapse>.x-column {
    padding-right: 0;
    padding-left: 0
}

.x-row.x-small-uncollapse>.x-column {
    padding-right: 30px;
    padding-left: 30px
}

.x-row.x-expanded {
    max-width: none
}

@media print,
screen and (max-width:39.99875em) {
    .x-row .x-row {
        margin-right: 0;
        margin-left: 0
    }
    .x-column {
        padding-right: 0;
        padding-left: 0
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .x-row.x-medium-collapse>.x-column {
        padding-right: 0;
        padding-left: 0
    }
    .x-row.x-medium-uncollapse>.x-column {
        padding-right: 30px;
        padding-left: 30px
    }
    .x-column.x-medium-centered {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
    .x-column.x-medium-pull-0,
    .x-column.x-medium-push-0,
    .x-column.x-medium-uncenter {
        position: static;
        margin-right: 0;
        margin-left: 0
    }
    .x-column.x-medium-1 {
        width: 8.33333%
    }
    .x-column.x-medium-push-1 {
        position: relative;
        left: 8.33333%
    }
    .x-column.x-medium-pull-1 {
        position: relative;
        left: -8.33333%
    }
    .x-column.x-medium-offset-0 {
        margin-left: 0
    }
    .x-column.x-medium-2 {
        width: 16.66667%
    }
    .x-column.x-medium-push-2 {
        position: relative;
        left: 16.66667%
    }
    .x-column.x-medium-pull-2 {
        position: relative;
        left: -16.66667%
    }
    .x-column.x-medium-offset-1 {
        margin-left: 8.33333%
    }
    .x-column.x-medium-3 {
        width: 25%
    }
    .x-column.x-medium-push-3 {
        position: relative;
        left: 25%
    }
    .x-column.x-medium-pull-3 {
        position: relative;
        left: -25%
    }
    .x-column.x-medium-offset-2 {
        margin-left: 16.66667%
    }
    .x-column.x-medium-4 {
        width: 33.33333%
    }
    .x-column.x-medium-push-4 {
        position: relative;
        left: 33.33333%
    }
    .x-column.x-medium-pull-4 {
        position: relative;
        left: -33.33333%
    }
    .x-column.x-medium-offset-3 {
        margin-left: 25%
    }
    .x-column.x-medium-5 {
        width: 41.66667%
    }
    .x-column.x-medium-push-5 {
        position: relative;
        left: 41.66667%
    }
    .x-column.x-medium-pull-5 {
        position: relative;
        left: -41.66667%
    }
    .x-column.x-medium-offset-4 {
        margin-left: 33.33333%
    }
    .x-column.x-medium-6 {
        width: 50%
    }
    .x-column.x-medium-push-6 {
        position: relative;
        left: 50%
    }
    .x-column.x-medium-pull-6 {
        position: relative;
        left: -50%
    }
    .x-column.x-medium-offset-5 {
        margin-left: 41.66667%
    }
    .x-column.x-medium-7 {
        width: 58.33333%
    }
    .x-column.x-medium-push-7 {
        position: relative;
        left: 58.33333%
    }
    .x-column.x-medium-pull-7 {
        position: relative;
        left: -58.33333%
    }
    .x-column.x-medium-offset-6 {
        margin-left: 50%
    }
    .x-column.x-medium-8 {
        width: 66.66667%
    }
    .x-column.x-medium-push-8 {
        position: relative;
        left: 66.66667%
    }
    .x-column.x-medium-pull-8 {
        position: relative;
        left: -66.66667%
    }
    .x-column.x-medium-offset-7 {
        margin-left: 58.33333%
    }
    .x-column.x-medium-9 {
        width: 75%
    }
    .x-column.x-medium-push-9 {
        position: relative;
        left: 75%
    }
    .x-column.x-medium-pull-9 {
        position: relative;
        left: -75%
    }
    .x-column.x-medium-offset-8 {
        margin-left: 66.66667%
    }
    .x-column.x-medium-10 {
        width: 83.33333%
    }
    .x-column.x-medium-push-10 {
        position: relative;
        left: 83.33333%
    }
    .x-column.x-medium-pull-10 {
        position: relative;
        left: -83.33333%
    }
    .x-column.x-medium-offset-9 {
        margin-left: 75%
    }
    .x-column.x-medium-11 {
        width: 91.66667%
    }
    .x-column.x-medium-push-11 {
        position: relative;
        left: 91.66667%
    }
    .x-column.x-medium-pull-11 {
        position: relative;
        left: -91.66667%
    }
    .x-column.x-medium-offset-10 {
        margin-left: 83.33333%
    }
    .x-column.x-medium-12 {
        width: 100%
    }
    .x-column.x-medium-offset-11 {
        margin-left: 91.66667%
    }
}

@media print,
screen and (min-width:40em) {
    .x-row .x-row {
        margin-right: -6px;
        margin-left: -6px
    }
    .x-column {
        padding-right: 6px;
        padding-left: 6px
    }
}

@media print,
screen and (min-width:64em) {
    .x-row.x-large-collapse>.x-column {
        padding-right: 0;
        padding-left: 0
    }
    .x-row.x-large-uncollapse>.x-column {
        padding-right: 30px;
        padding-left: 30px
    }
    .x-column.x-large-centered {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
    .x-column.x-large-pull-0,
    .x-column.x-large-push-0,
    .x-column.x-large-uncenter {
        position: static;
        margin-right: 0;
        margin-left: 0
    }
    .x-column.x-large-1 {
        width: 8.33333%
    }
    .x-column.x-large-push-1 {
        position: relative;
        left: 8.33333%
    }
    .x-column.x-large-pull-1 {
        position: relative;
        left: -8.33333%
    }
    .x-column.x-large-offset-0 {
        margin-left: 0
    }
    .x-column.x-large-2 {
        width: 16.66667%
    }
    .x-column.x-large-push-2 {
        position: relative;
        left: 16.66667%
    }
    .x-column.x-large-pull-2 {
        position: relative;
        left: -16.66667%
    }
    .x-column.x-large-offset-1 {
        margin-left: 8.33333%
    }
    .x-column.x-large-3 {
        width: 25%
    }
    .x-column.x-large-push-3 {
        position: relative;
        left: 25%
    }
    .x-column.x-large-pull-3 {
        position: relative;
        left: -25%
    }
    .x-column.x-large-offset-2 {
        margin-left: 16.66667%
    }
    .x-column.x-large-4 {
        width: 33.33333%
    }
    .x-column.x-large-push-4 {
        position: relative;
        left: 33.33333%
    }
    .x-column.x-large-pull-4 {
        position: relative;
        left: -33.33333%
    }
    .x-column.x-large-offset-3 {
        margin-left: 25%
    }
    .x-column.x-large-5 {
        width: 41.66667%
    }
    .x-column.x-large-push-5 {
        position: relative;
        left: 41.66667%
    }
    .x-column.x-large-pull-5 {
        position: relative;
        left: -41.66667%
    }
    .x-column.x-large-offset-4 {
        margin-left: 33.33333%
    }
    .x-column.x-large-6 {
        width: 50%
    }
    .x-column.x-large-push-6 {
        position: relative;
        left: 50%
    }
    .x-column.x-large-pull-6 {
        position: relative;
        left: -50%
    }
    .x-column.x-large-offset-5 {
        margin-left: 41.66667%
    }
    .x-column.x-large-7 {
        width: 58.33333%
    }
    .x-column.x-large-push-7 {
        position: relative;
        left: 58.33333%
    }
    .x-column.x-large-pull-7 {
        position: relative;
        left: -58.33333%
    }
    .x-column.x-large-offset-6 {
        margin-left: 50%
    }
    .x-column.x-large-8 {
        width: 66.66667%
    }
    .x-column.x-large-push-8 {
        position: relative;
        left: 66.66667%
    }
    .x-column.x-large-pull-8 {
        position: relative;
        left: -66.66667%
    }
    .x-column.x-large-offset-7 {
        margin-left: 58.33333%
    }
    .x-column.x-large-9 {
        width: 75%
    }
    .x-column.x-large-push-9 {
        position: relative;
        left: 75%
    }
    .x-column.x-large-pull-9 {
        position: relative;
        left: -75%
    }
    .x-column.x-large-offset-8 {
        margin-left: 66.66667%
    }
    .x-column.x-large-10 {
        width: 83.33333%
    }
    .x-column.x-large-push-10 {
        position: relative;
        left: 83.33333%
    }
    .x-column.x-large-pull-10 {
        position: relative;
        left: -83.33333%
    }
    .x-column.x-large-offset-9 {
        margin-left: 75%
    }
    .x-column.x-large-11 {
        width: 91.66667%
    }
    .x-column.x-large-push-11 {
        position: relative;
        left: 91.66667%
    }
    .x-column.x-large-pull-11 {
        position: relative;
        left: -91.66667%
    }
    .x-column.x-large-offset-10 {
        margin-left: 83.33333%
    }
    .x-column.x-large-12 {
        width: 100%
    }
    .x-column.x-large-offset-11 {
        margin-left: 91.66667%
    }
}

@media print,
screen and (max-width:39.99875em) {
    .x-column.x-end:last-child {
        float: left
    }
    .x-column.x-small-centered {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
    .x-column.x-small-pull-0,
    .x-column.x-small-push-0,
    .x-column.x-small-uncenter {
        position: static;
        margin-right: 0;
        margin-left: 0
    }
    .x-column.x-small-1 {
        width: 8.33333%
    }
    .x-column.x-small-push-1 {
        position: relative;
        left: 8.33333%
    }
    .x-column.x-small-pull-1 {
        position: relative;
        left: -8.33333%
    }
    .x-column.x-small-offset-0 {
        margin-left: 0
    }
    .x-column.x-small-2 {
        width: 16.66667%
    }
    .x-column.x-small-push-2 {
        position: relative;
        left: 16.66667%
    }
    .x-column.x-small-pull-2 {
        position: relative;
        left: -16.66667%
    }
    .x-column.x-small-offset-1 {
        margin-left: 8.33333%
    }
    .x-column.x-small-3 {
        width: 25%
    }
    .x-column.x-small-push-3 {
        position: relative;
        left: 25%
    }
    .x-column.x-small-pull-3 {
        position: relative;
        left: -25%
    }
    .x-column.x-small-offset-2 {
        margin-left: 16.66667%
    }
    .x-column.x-small-4 {
        width: 33.33333%
    }
    .x-column .x-small-push-4 {
        position: relative;
        left: 33.33333%
    }
    .x-column .x-small-pull-4 {
        position: relative;
        left: -33.33333%
    }
    .x-column .x-small-offset-3 {
        margin-left: 25%
    }
    .x-column .x-small-5 {
        width: 41.66667%
    }
    .x-column .x-small-push-5 {
        position: relative;
        left: 41.66667%
    }
    .x-column .x-small-pull-5 {
        position: relative;
        left: -41.66667%
    }
    .x-column .x-small-offset-4 {
        margin-left: 33.33333%
    }
    .x-column .x-small-6 {
        width: 50%
    }
    .x-column .x-small-push-6 {
        position: relative;
        left: 50%
    }
    .x-column .x-small-pull-6 {
        position: relative;
        left: -50%
    }
    .x-column .x-small-offset-5 {
        margin-left: 41.66667%
    }
    .x-column .x-small-7 {
        width: 58.33333%
    }
    .x-column .x-small-push-7 {
        position: relative;
        left: 58.33333%
    }
    .x-column .x-small-pull-7 {
        position: relative;
        left: -58.33333%
    }
    .x-column .x-small-offset-6 {
        margin-left: 50%
    }
    .x-column .x-small-8 {
        width: 66.66667%
    }
    .x-column .x-small-push-8 {
        position: relative;
        left: 66.66667%
    }
    .x-column .x-small-pull-8 {
        position: relative;
        left: -66.66667%
    }
    .x-column .x-small-offset-7 {
        margin-left: 58.33333%
    }
    .x-column .x-small-9 {
        width: 75%
    }
    .x-column .x-small-push-9 {
        position: relative;
        left: 75%
    }
    .x-column .x-small-pull-9 {
        position: relative;
        left: -75%
    }
    .x-column .x-small-offset-8 {
        margin-left: 66.66667%
    }
    .x-column .x-small-10 {
        width: 83.33333%
    }
    .x-column .x-small-push-10 {
        position: relative;
        left: 83.33333%
    }
    .x-column .x-small-pull-10 {
        position: relative;
        left: -83.33333%
    }
    .x-column .x-small-offset-9 {
        margin-left: 75%
    }
    .x-column .x-small-11 {
        width: 91.66667%
    }
    .x-column .x-small-push-11 {
        position: relative;
        left: 91.66667%
    }
    .x-column .x-small-pull-11 {
        position: relative;
        left: -91.66667%
    }
    .x-column .x-small-offset-10 {
        margin-left: 83.33333%
    }
    .x-column .x-small-12 {
        width: 100%
    }
    .x-column .x-small-offset-11 {
        margin-left: 91.66667%
    }
}

.x-row.x-small-up-1>.x-column {
    float: left;
    width: 100%
}

.x-row.x-small-up-1>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-1>.x-column:nth-of-type(1n+1) {
    clear: both
}

.x-row.x-small-up-1>.x-column:last-child {
    float: left
}

.x-row.x-small-up-2>.x-column {
    float: left;
    width: 50%
}

.x-row.x-small-up-2>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-2>.x-column:nth-of-type(2n+1) {
    clear: both
}

.x-row.x-small-up-2>.x-column:last-child {
    float: left
}

.x-row.x-small-up-3>.x-column {
    float: left;
    width: 33.3333333333%
}

.x-row.x-small-up-3>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-3>.x-column:nth-of-type(3n+1) {
    clear: both
}

.x-row.x-small-up-3>.x-column:last-child {
    float: left
}

.x-row.x-small-up-4>.x-column {
    float: left;
    width: 25%
}

.x-row.x-small-up-4>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-4>.x-column:nth-of-type(4n+1) {
    clear: both
}

.x-row.x-small-up-4>.x-column:last-child {
    float: left
}

.x-row.x-small-up-5>.x-column {
    float: left;
    width: 20%
}

.x-row.x-small-up-5>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-5>.x-column:nth-of-type(5n+1) {
    clear: both
}

.x-row.x-small-up-5>.x-column:last-child {
    float: left
}

.x-row.x-small-up-6>.x-column {
    float: left;
    width: 16.6666666667%
}

.x-row.x-small-up-6>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-6>.x-column:nth-of-type(6n+1) {
    clear: both
}

.x-row.x-small-up-6>.x-column:last-child {
    float: left
}

.x-row.x-small-up-7>.x-column {
    float: left;
    width: 14.2857142857%
}

.x-row.x-small-up-7>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-7>.x-column:nth-of-type(7n+1) {
    clear: both
}

.x-row.x-small-up-7>.x-column:last-child {
    float: left
}

.x-row.x-small-up-8>.x-column {
    float: left;
    width: 12.5%
}

.x-row.x-small-up-8>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-8>.x-column:nth-of-type(8n+1) {
    clear: both
}

.x-row.x-small-up-8>.x-column:last-child {
    float: left
}

.x-row.x-small-up-9>.x-column {
    float: left;
    width: 11.1111111111%
}

.x-row.x-small-up-9>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-9>.x-column:nth-of-type(9n+1) {
    clear: both
}

.x-row.x-small-up-9>.x-column:last-child {
    float: left
}

.x-row.x-small-up-10>.x-column {
    float: left;
    width: 10%
}

.x-row.x-small-up-10>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-10>.x-column:nth-of-type(10n+1) {
    clear: both
}

.x-row.x-small-up-10>.x-column:last-child {
    float: left
}

.x-row.x-small-up-11>.x-column {
    float: left;
    width: 9.0909090909%
}

.x-row.x-small-up-11>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-11>.x-column:nth-of-type(11n+1) {
    clear: both
}

.x-row.x-small-up-11>.x-column:last-child {
    float: left
}

.x-row.x-small-up-12>.x-column {
    float: left;
    width: 8.3333333333%
}

.x-row.x-small-up-12>.x-column:nth-of-type(1n) {
    clear: none
}

.x-row.x-small-up-12>.x-column:nth-of-type(12n+1) {
    clear: both
}

.x-row.x-small-up-12>.x-column:last-child {
    float: left
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .x-row.x-medium-up-1>.x-column {
        float: left;
        width: 100%
    }
    .x-row.x-medium-up-1>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-1>.x-column:nth-of-type(1n+1) {
        clear: both
    }
    .x-row.x-medium-up-1>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-2>.x-column {
        float: left;
        width: 50%
    }
    .x-row.x-medium-up-2>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-2>.x-column:nth-of-type(2n+1) {
        clear: both
    }
    .x-row.x-medium-up-2>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-3>.x-column {
        float: left;
        width: 33.3333333333%
    }
    .x-row.x-medium-up-3>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-3>.x-column:nth-of-type(3n+1) {
        clear: both
    }
    .x-row.x-medium-up-3>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-4>.x-column {
        float: left;
        width: 25%
    }
    .x-row.x-medium-up-4>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-4>.x-column:nth-of-type(4n+1) {
        clear: both
    }
    .x-row.x-medium-up-4>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-5>.x-column {
        float: left;
        width: 20%
    }
    .x-row.x-medium-up-5>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-5>.x-column:nth-of-type(5n+1) {
        clear: both
    }
    .x-row.x-medium-up-5>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-6>.x-column {
        float: left;
        width: 16.6666666667%
    }
    .x-row.x-medium-up-6>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-6>.x-column:nth-of-type(6n+1) {
        clear: both
    }
    .x-row.x-medium-up-6>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-7>.x-column {
        float: left;
        width: 14.2857142857%
    }
    .x-row.x-medium-up-7>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-7>.x-column:nth-of-type(7n+1) {
        clear: both
    }
    .x-row.x-medium-up-7>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-8>.x-column {
        float: left;
        width: 12.5%
    }
    .x-row.x-medium-up-8>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-8>.x-column:nth-of-type(8n+1) {
        clear: both
    }
    .x-row.x-medium-up-8>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-9>.x-column {
        float: left;
        width: 11.1111111111%
    }
    .x-row.x-medium-up-9>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-9>.x-column:nth-of-type(9n+1) {
        clear: both
    }
    .x-row.x-medium-up-9>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-10>.x-column {
        float: left;
        width: 10%
    }
    .x-row.x-medium-up-10>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-10>.x-column:nth-of-type(10n+1) {
        clear: both
    }
    .x-row.x-medium-up-10>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-11>.x-column {
        float: left;
        width: 9.0909090909%
    }
    .x-row.x-medium-up-11>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-11>.x-column:nth-of-type(11n+1) {
        clear: both
    }
    .x-row.x-medium-up-11>.x-column:last-child {
        float: left
    }
    .x-row.x-medium-up-12>.x-column {
        float: left;
        width: 8.3333333333%
    }
    .x-row.x-medium-up-12>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-medium-up-12>.x-column:nth-of-type(12n+1) {
        clear: both
    }
    .x-row.x-medium-up-12>.x-column:last-child {
        float: left
    }
}

@media print,
screen and (min-width:64em) {
    .x-row.x-large-up-1>.x-column {
        float: left;
        width: 100%
    }
    .x-row.x-large-up-1>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-1>.x-column:nth-of-type(1n+1) {
        clear: both
    }
    .x-row.x-large-up-1>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-2>.x-column {
        float: left;
        width: 50%
    }
    .x-row.x-large-up-2>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-2>.x-column:nth-of-type(2n+1) {
        clear: both
    }
    .x-row.x-large-up-2>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-3>.x-column {
        float: left;
        width: 33.3333333333%
    }
    .x-row.x-large-up-3>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-3>.x-column:nth-of-type(3n+1) {
        clear: both
    }
    .x-row.x-large-up-3>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-4>.x-column {
        float: left;
        width: 25%
    }
    .x-row.x-large-up-4>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-4>.x-column:nth-of-type(4n+1) {
        clear: both
    }
    .x-row.x-large-up-4>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-5>.x-column {
        float: left;
        width: 20%
    }
    .x-row.x-large-up-5>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-5>.x-column:nth-of-type(5n+1) {
        clear: both
    }
    .x-row.x-large-up-5>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-6>.x-column {
        float: left;
        width: 16.6666666667%
    }
    .x-row.x-large-up-6>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-6>.x-column:nth-of-type(6n+1) {
        clear: both
    }
    .x-row.x-large-up-6>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-7>.x-column {
        float: left;
        width: 14.2857142857%
    }
    .x-row.x-large-up-7>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-7>.x-column:nth-of-type(7n+1) {
        clear: both
    }
    .x-row.x-large-up-7>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-8>.x-column {
        float: left;
        width: 12.5%
    }
    .x-row.x-large-up-8>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-8>.x-column:nth-of-type(8n+1) {
        clear: both
    }
    .x-row.x-large-up-8>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-9>.x-column {
        float: left;
        width: 11.1111111111%
    }
    .x-row.x-large-up-9>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-9>.x-column:nth-of-type(9n+1) {
        clear: both
    }
    .x-row.x-large-up-9>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-10>.x-column {
        float: left;
        width: 10%
    }
    .x-row.x-large-up-10>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-10>.x-column:nth-of-type(10n+1) {
        clear: both
    }
    .x-row.x-large-up-10>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-11>.x-column {
        float: left;
        width: 9.0909090909%
    }
    .x-row.x-large-up-11>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-11>.x-column:nth-of-type(11n+1) {
        clear: both
    }
    .x-row.x-large-up-11>.x-column:last-child {
        float: left
    }
    .x-row.x-large-up-12>.x-column {
        float: left;
        width: 8.3333333333%
    }
    .x-row.x-large-up-12>.x-column:nth-of-type(1n) {
        clear: none
    }
    .x-row.x-large-up-12>.x-column:nth-of-type(12n+1) {
        clear: both
    }
    .x-row.x-large-up-12>.x-column:last-child {
        float: left
    }
}

.b-rwd-testing {
    text-align: center
}

.b-rwd-testing h1 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px
}

.b-rwd-testing>.frame {
    margin-bottom: 20px
}

.b-rwd-testing>.frame h2 {
    margin-bottom: 10px
}

.b-rwd-testing>.frame iframe {
    display: inline-block;
    border: 1px solid #000;
    vertical-align: top
}

.b-zdfplayer {
    color-scheme: light!important
}

.b-zdfplayer .zdfplayer-video_wrapper object,
.b-zdfplayer .zdfplayer-video_wrapper video {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.b-alert {
    height: 40px;
    contain: strict
}

@media print,
screen and (max-width:39.99875em) {
    .b-alert {
        z-index: 3
    }
}

.b-alert .inner {
    overflow: hidden
}

.b-alert .inner.m-scrollable {
    overflow-x: auto
}

.b-alert .alert-item {
    content:'{"speed":60}'!important;
    line-height: 40px;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.b-alert .alert-item::before {
    content:'{"speed":60}'!important;
    font-family:'{"speed":60}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-alert .alert-item .link {
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-alert .alert-item .alert-divide:before {
    position: relative;
    padding: 8px;
    content: "+++"
}

.b-ard-teaser {
    background-color: #003480;
    color: #fff;
    margin-top: 32px;
    padding: 16px;
    -webkit-transition: margin-top .4s ease-in-out;
    transition: margin-top .4s ease-in-out
}

@media print,
screen and (min-width:40em) {
    .b-ard-teaser {
        margin-top: 64px;
        padding: 24px 48px
    }
}

.b-ard-teaser .ard-link {
    font-weight: 700;
    color: #fff;
    width: 100%
}

.b-ard-teaser .logo {
    width: 105px;
    height: 48px;
    margin-right: 16px
}

@media print,
screen and (min-width:40em) {
    .b-ard-teaser .logo {
        width: 175px;
        height: 50px;
        margin-right: 64px
    }
}

.b-ard-teaser .text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 105px - 16px - 6px)
}

@media print,
screen and (min-width:40em) {
    .b-ard-teaser .text {
        width: calc(100% - 175px - 64px - 6px)
    }
}

.b-ard-teaser .text:hover {
    text-decoration: underline
}

.b-ard-teaser .ard-text {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .b-ard-teaser .ard-teaser-height {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(120px - 32px)
    }
}

.m-search-open .b-ard-teaser+.b-search-list:not(.m-taglist) {
    margin-top: 0
}

@media print,
screen and (max-width:63.99875em) {
    .m-search-open .b-ard-teaser:not(.m-taglist) {
        margin-top: 213px
    }
}

@media print,
screen and (min-width:64em) {
    .m-search-open .b-ard-teaser:not(.m-taglist) {
        margin-top: 190px
    }
}

@media print,
screen and (min-width:40em) {
    .b-arrowscroller .arrowscroller-ruler {
        content:'{"top":{"value": "98%","start": "3%"}}'!important;
        position: absolute;
        top: 3%;
        right: 0;
        left: 0;
        width: 100%;
        height: 0
    }
    .b-arrowscroller .arrowscroller-ruler::before {
        content:'{"top":{"value": "98%","start": "3%"}}'!important;
        font-family:'{"top":{"value": "98%","start": "3%"}}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-arrowscroller:not(.js-rb-attached) .arrowscroller-ruler {
        display: none
    }
}

@media print,
screen and (min-width:64em) {
    .b-arrowscroller {
        content:'{"from": "-100eh","to": "100vh","restSwitchedOff":true,"childSel": "find(.arrowscroller-ruler)","scrollContainer":false}'!important
    }
    .b-arrowscroller::before {
        content:'{"from": "-100eh","to": "100vh","restSwitchedOff":true,"childSel": "find(.arrowscroller-ruler)","scrollContainer":false}'!important;
        font-family:'{"from": "-100eh","to": "100vh","restSwitchedOff":true,"childSel": "find(.arrowscroller-ruler)","scrollContainer":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-arrowscroller {
        content:'{"from": "-100eh","to": "100vh","restSwitchedOff":true,"childSel": "find(.arrowscroller-ruler)","scrollContainer": ".m-offcanvas-viewport"}'!important
    }
    .b-arrowscroller::before {
        content:'{"from": "-100eh","to": "100vh","restSwitchedOff":true,"childSel": "find(.arrowscroller-ruler)","scrollContainer": ".m-offcanvas-viewport"}'!important;
        font-family:'{"from": "-100eh","to": "100vh","restSwitchedOff":true,"childSel": "find(.arrowscroller-ruler)","scrollContainer": ".m-offcanvas-viewport"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-arrowscroller {
        content:'{"switchedOff":true}'!important
    }
    .b-arrowscroller::before {
        content:'{"switchedOff":true}'!important;
        font-family:'{"switchedOff":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.author-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 8px;
    color: #34393f;
    font-size: .875rem;
    width: calc(80% - .75rem)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .author-icon {
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (min-width:40em) {
    .author-icon {
        bottom: 16px;
        font-size: .9375rem
    }
}

.author-icon .logo-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 50%!important;
    position: relative;
    overflow: hidden;
    margin-right: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media print,
screen and (min-width:40em) {
    .author-icon .logo-wrapper {
        width: 40px;
        height: 40px;
        border-radius: 50%!important
    }
}

.author-icon .logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.author-icon-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.b-avatar-item {
    margin-bottom: 16px;
    cursor: pointer
}

.b-avatar-item .avatar-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    padding: 0;
    overflow: hidden;
    width: 100%;
    color: inherit
}

.b-avatar-item .avatar-label.m-keyboardfocus {
    outline: 0
}

.b-avatar-item .avatar-label.m-keyboardfocus .avatar {
    border: 2px solid #fa7d19
}

.b-avatar-item .avatar-label .name {
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%
}

.b-avatar-item .avatar-label:after,
.b-avatar-item .avatar-label:before {
    visibility: hidden
}

.b-avatar-item .avatar-label>.avatar-image {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.b-avatar-item .avatar-label>.avatar-image .avatar {
    width: 64px;
    height: 64px
}

@media (hover:hover) and (pointer:fine) {
    .b-avatar-item .avatar-label:first-child:hover .avatar {
        border: 2px solid #fa7d19
    }
}

.b-avatar-item .avatar-input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    width: 64px;
    height: 64px;
    display: block;
    pointer-events: none
}

.b-avatar-item .avatar-input:checked+.avatar-label .avatar {
    border: 2px solid #fa7d19
}

.blockquote {
    padding: 0 16px 24px
}

@media print,
screen and (min-width:40em) {
    .blockquote {
        padding: 5px 0 24px
    }
}

.blockquote .box {
    position: relative;
    padding-left: 48px
}

@media print,
screen and (min-width:40em) {
    .blockquote .box {
        padding-top: 16px
    }
}

.blockquote .box:before {
    position: absolute;
    left: 0;
    z-index: -1;
    font-size: 96px;
    font-weight: 700;
    line-height: 0;
    color: #96999c;
    content: "„";
    top: -11px
}

@media print,
screen and (min-width:40em) {
    .blockquote .box:before {
        top: 0;
        padding-bottom: 32px
    }
}

.blockquote .teaser-title {
    margin-bottom: 8px;
    border: 0 none;
    padding: 0;
    font-size: 1.375rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1.75rem;
    color: #5c6166
}

.blockquote .teaser-author {
    font-size: 1rem;
    font-weight: 700;
    color: #96999c
}

@media print,
screen and (min-width:40em) {
    .x-end .blockquote {
        margin-top: -24px
    }
}

.b-brand-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width:39.99875em) {
    .b-brand-information .logo-wrapper {
        width: 80px;
        height: 80px;
        border-radius: 50%!important
    }
}

@media print,
screen and (min-width:40em) {
    .b-brand-information .logo-wrapper {
        width: 104px;
        height: 104px;
        border-radius: 50%!important
    }
}

.b-brand-information .logo-wrapper {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    overflow: hidden
}

.b-brand-information .logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: auto
}

.b-brand-information .description {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media print,
screen and (min-width:40em) {
    .b-brand-information .description {
        max-width: 200px
    }
}

.b-brand-information .showlink-wrap {
    margin-bottom: 8px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-brand-information .showlink-wrap {
    color: rgba(255, 255, 255, .87)
}

.b-brand-information .showlink {
    display: inline-block;
    margin: 0;
    border-bottom: 1px solid transparent;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    color: #34393f;
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-brand-information .showlink {
    color: rgba(255, 255, 255, .87)
}

.b-brand-information .showlink:focus,
.b-brand-information .showlink:hover {
    text-decoration: underline
}

.m-clickarea-action:hover .b-brand-information .showlink {
    text-decoration: underline
}

.b-brand-information .desc-text {
    font-size: 1rem;
    line-height: 1.375rem;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-brand-information .desc-text {
    color: rgba(255, 255, 255, .87)
}

.b-breadcrumbs {
    padding-top: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .b-breadcrumbs {
        padding-right: 16px;
        padding-left: 16px
    }
    .b-breadcrumbs .breadcrumb-wrap {
        overflow-y: hidden
    }
    .b-breadcrumbs .breadcrumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 20px
    }
    .b-breadcrumbs .breadcrumbs .item {
        font-size: .8125rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .b-breadcrumbs .breadcrumbs .item:not(:last-child) .item-icon {
        margin: 0 8px 0 5px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-breadcrumbs .link {
        white-space: nowrap
    }
}

@media print,
screen and (min-width:40em) {
    .b-breadcrumbs .breadcrumbs {
        font-size: .875rem
    }
    .b-breadcrumbs .breadcrumbs .item:not(:last-child) .item-icon {
        margin: 0 3px 0 5px
    }
}

.b-info-bar .b-breadcrumbs {
    padding-top: 0
}

.b-breadcrumbs .breadcrumbs {
    overflow: visible;
    margin: 0;
    padding: 0
}

.b-breadcrumbs .item {
    display: inline-block;
    margin: 0;
    line-height: .875rem;
    text-transform: initial
}

.b-breadcrumbs .item:last-child,
.b-breadcrumbs .item:last-child .no-link {
    font-weight: 700;
    color: #96999c
}

.b-breadcrumbs .item:not(:last-child) .item-icon {
    position: relative;
    top: 0;
    font-size: 10px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-breadcrumbs .item:not(:last-child) .item-icon {
    color: #9e9fa2
}

.b-breadcrumbs .item:last-child .item-icon {
    display: none
}

.b-breadcrumbs .link {
    margin: 0;
    border-bottom: 1px solid transparent;
    font-family: Uniwidth, sans-serif;
    color: #34393f;
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-breadcrumbs .link {
    color: rgba(255, 255, 255, .87)
}

.b-breadcrumbs .link:focus,
.b-breadcrumbs .link:hover {
    border-bottom: 1px solid #fa7d19;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-breadcrumbs .link:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-breadcrumbs .link:hover {
    color: rgba(255, 255, 255, .87)
}

.b-breadcrumbs .no-link {
    margin: 0;
    border-bottom: 1px solid transparent;
    font-family: Uniwidth, sans-serif;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-breadcrumbs .no-link {
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (max-width:39.99875em) {
    .b-broadcast-module .broadcast-item {
        margin-bottom: 2px
    }
    .b-broadcast-module .broadcast-item .inner {
        padding: 16px 16px 16px 104px
    }
    .b-broadcast-module .broadcast-item .broadcast-time {
        font-size: 1.25rem;
        line-height: 1.25rem
    }
    .b-broadcast-module .load-more {
        margin: 16px 0 0 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-broadcast-module .broadcast-block-grid {
        margin-bottom: -24px
    }
    .b-broadcast-module .broadcast-item {
        padding-bottom: 24px
    }
    .b-broadcast-module .broadcast-item .inner {
        padding: 16px 16px 16px 110px
    }
    .b-broadcast-module .broadcast-item .broadcast-time {
        font-size: 1.625rem;
        line-height: 2.125rem
    }
    .b-broadcast-module .broadcast-item .broadcast-title {
        line-height: 1.625rem
    }
    .b-broadcast-module .load-more {
        margin: 32px 0 0 0
    }
}

.b-broadcast-module .broadcast-block-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b-broadcast-module .broadcast-block-grid.x-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-broadcast-module .broadcast-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: 0
}

.b-broadcast-module .broadcast-item.m-clickarea:hover .broadcast-title {
    text-decoration: underline
}

.b-broadcast-module .broadcast-item .inner {
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-broadcast-module .broadcast-item .inner {
    background-color: #1f232a
}

.b-broadcast-module .broadcast-item .broadcast-img {
    position: absolute;
    left: 24px
}

.b-broadcast-module .broadcast-item .broadcast-img.x-zdf {
    top: 16px;
    width: 56px;
    height: 33px
}

.b-broadcast-module .broadcast-item .broadcast-img.x-zdfinfo {
    top: 24px;
    width: 72px;
    height: auto
}

.b-broadcast-module .broadcast-item .broadcast-img.x-zdfneo {
    top: 24px;
    width: 70px;
    height: auto
}

.b-broadcast-module .broadcast-item .broadcast-img.x-phoenix {
    top: 24px;
    width: 56px;
    height: 27px
}

.b-broadcast-module .broadcast-item .broadcast-img.x-arte {
    top: 24px;
    width: 57px;
    height: 14px
}

.b-broadcast-module .broadcast-item .broadcast-img.x-3sat {
    top: 24px;
    width: 52px;
    height: 19px
}

.b-broadcast-module .broadcast-item .broadcast-img.x-kika {
    top: 24px;
    width: 53px;
    height: 18px
}

.b-broadcast-module .broadcast-item .broadcast-time {
    display: block;
    margin-bottom: 8px
}

.b-broadcast-module .broadcast-item .broadcast-title {
    font-weight: 700
}

.b-broadcast-module .broadcast-item .broadcast-link {
    color: #34393f;
    font-weight: 700
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-broadcast-module .broadcast-item .broadcast-link {
    color: rgba(255, 255, 255, .87)
}

.b-broadcast-module .load-more-container {
    text-align: center
}

.b-calendar {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99;
    visibility: hidden;
    width: 100vw;
    height: 100vh;
    outline: 0;
    background-color: rgba(13, 17, 24, .9);
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s
}

@media print,
screen and (max-width:39.99875em) {
    .b-calendar .calendar-caption {
        height: 40px;
        line-height: 40px
    }
    .b-calendar .calendar-btn-next,
    .b-calendar .calendar-btn-prev {
        margin: 5px 8px 0;
        font-size: 1.375rem
    }
    .b-calendar .calendar-btn-header {
        font-size: 1.375rem
    }
    .b-calendar .calendar-btn-close {
        top: 9px;
        right: 6px;
        font-size: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-calendar .calendar-caption {
        height: 50px;
        line-height: 50px
    }
    .b-calendar .calendar-btn-prev {
        margin: 10px 24px 0 16px;
        font-size: 1.5rem
    }
    .b-calendar .calendar-btn-next {
        margin: 10px 16px 0 24px;
        font-size: 1.5rem
    }
    .b-calendar .calendar-btn-close {
        top: 12px;
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

.b-calendar .calendar-outerbox {
    content:'{"name": "calendar"}'!important;
    position: relative;
    width: 65%;
    min-width: 320px;
    max-width: 600px;
    margin: 0 auto;
    border-spacing: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.b-calendar .calendar-outerbox::before {
    content:'{"name": "calendar"}'!important;
    font-family:'{"name": "calendar"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-outerbox {
    background-color: #1f232a
}

.b-calendar.m-open {
    overflow: visible;
    opacity: 1;
    visibility: inherit;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b-calendar.m-open .calendar-outerbox {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b-calendar .calendar-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #25292e
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-caption {
    color: rgba(255, 255, 255, .87);
    background-color: #2a2d34
}

.b-calendar .calendar-btn-next,
.b-calendar .calendar-btn-prev {
    height: 30px;
    font-weight: 300;
    line-height: 30px;
    color: inherit;
    cursor: pointer
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-btn-next,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-btn-prev {
    color: #9e9fa2
}

.b-calendar .calendar-btn-next:disabled,
.b-calendar .calendar-btn-prev:disabled {
    opacity: 0;
    cursor: default
}

.b-calendar .calendar-btn-header {
    display: inline-block;
    min-width: 188px;
    font-size: 1.5rem
}

.b-calendar .calendar-btn-close {
    position: absolute;
    right: 16px;
    width: 24px;
    height: 24px;
    color: #fff;
    cursor: pointer
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-btn-close {
    color: #9e9fa2
}

.b-calendar .calendar-btn-close:focus:not(.m-keyboardfocus),
.b-calendar .calendar-btn-close:hover {
    outline: 0
}

.b-calendar .calendar-grid {
    width: 100%
}

.b-calendar thead {
    background-color: #e8e8e8
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar thead {
    background-color: #0d1118
}

.b-calendar th {
    padding: 8px;
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    color: #96999c;
    background-color: inherit
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar th {
    color: #9e9fa2
}

.b-calendar .tbody tr {
    background-color: #fff
}

.b-calendar td {
    padding: 0;
    font-size: 1.625rem;
    text-align: center;
    vertical-align: middle;
    height: 3.125rem
}

.b-calendar .calendar-cellbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2.75rem;
    height: 2.75rem;
    outline: 0;
    margin: 0;
    border-radius: 50%;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    line-height: 2.625rem;
    color: #34393f;
    background-color: transparent;
    border: 2px solid transparent;
    -webkit-transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s;
    transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox {
    color: rgba(255, 255, 255, .87)
}

.b-calendar .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected=true]),
.b-calendar .calendar-cellbox:hover:not([aria-selected=true]) {
    color: #fa7d19;
    background-color: transparent;
    border-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected=true]),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox:hover:not([aria-selected=true]) {
    color: #fa7d19
}

.b-calendar .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected=true]):active,
.b-calendar .calendar-cellbox:hover:not([aria-selected=true]):active {
    color: rgba(255, 255, 255, .87);
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected=true]):active,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox:hover:not([aria-selected=true]):active {
    color: #1f232a
}

.b-calendar .calendar-cellbox.m-keyboardfocus:not([aria-selected=true]) {
    color: #34393f;
    background-color: transparent
}

.b-calendar .calendar-cellbox.m-keyboardfocus:not([aria-selected=true]):hover {
    color: #fff;
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox.m-keyboardfocus:not([aria-selected=true]):hover {
    color: #1f232a
}

.b-calendar .calendar-cellbox[aria-selected=true] {
    background-color: #fa7d19;
    border-color: #fa7d19;
    font-weight: 700;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox[aria-selected=true] {
    color: #1f232a
}

.b-calendar .calendar-cellbox[aria-selected=true]:focus {
    color: #fff;
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox[aria-selected=true]:focus {
    color: #1f232a
}

.b-calendar .calendar-cellbox.m-keyboardfocus {
    outline: 1px solid #fa7d19
}

.b-calendar .calendar-cellbox:disabled,
.b-calendar .m-othermonth .calendar-cellbox {
    color: #96999c;
    cursor: initial
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox:disabled,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .m-othermonth .calendar-cellbox {
    color: #56585d
}

.b-calendar .calendar-cellbox:disabled:focus,
.b-calendar .calendar-cellbox:disabled:hover,
.b-calendar .m-othermonth .calendar-cellbox:focus,
.b-calendar .m-othermonth .calendar-cellbox:hover {
    color: #96999c;
    background-color: transparent;
    border-color: transparent
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox:disabled:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox:disabled:hover,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .m-othermonth .calendar-cellbox:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .m-othermonth .calendar-cellbox:hover {
    color: #56585d
}

.b-calendar .calendar-cellbox:disabled {
    cursor: default
}

.b-calendarpicker {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99;
    visibility: hidden;
    width: 100vw;
    height: 100vh;
    outline: 0;
    background-color: rgba(13, 17, 24, .9);
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    left: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-calendarpicker .calendar-caption {
        height: 40px;
        line-height: 40px
    }
    .b-calendarpicker .calendar-btn-next,
    .b-calendarpicker .calendar-btn-prev {
        margin: 5px 8px 0;
        font-size: 1.375rem
    }
    .b-calendarpicker .calendar-btn-header {
        font-size: 1.375rem
    }
    .b-calendarpicker .calendar-btn-close {
        top: 9px;
        right: 6px;
        font-size: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-calendarpicker .calendar-caption {
        height: 50px;
        line-height: 50px
    }
    .b-calendarpicker .calendar-btn-prev {
        margin: 10px 24px 0 16px;
        font-size: 1.5rem
    }
    .b-calendarpicker .calendar-btn-next {
        margin: 10px 16px 0 24px;
        font-size: 1.5rem
    }
    .b-calendarpicker .calendar-btn-close {
        top: 12px;
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

.b-calendarpicker .calendar-outerbox {
    content:'{"name": "calendar"}'!important;
    position: relative;
    width: 65%;
    min-width: 320px;
    max-width: 600px;
    margin: 0 auto;
    border-spacing: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.b-calendarpicker .calendar-outerbox::before {
    content:'{"name": "calendar"}'!important;
    font-family:'{"name": "calendar"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-outerbox {
    background-color: #1f232a
}

.b-calendarpicker.m-open {
    overflow: visible;
    opacity: 1;
    visibility: inherit;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b-calendarpicker.m-open .calendar-outerbox {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b-calendarpicker .calendar-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #25292e
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-caption {
    color: rgba(255, 255, 255, .87);
    background-color: #2a2d34
}

.b-calendarpicker .calendar-btn-next,
.b-calendarpicker .calendar-btn-prev {
    height: 30px;
    font-weight: 300;
    line-height: 30px;
    color: inherit;
    cursor: pointer
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-btn-next,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-btn-prev {
    color: #9e9fa2
}

.b-calendarpicker .calendar-btn-next:disabled,
.b-calendarpicker .calendar-btn-prev:disabled {
    opacity: 0;
    cursor: default
}

.b-calendarpicker .calendar-btn-header {
    display: inline-block;
    min-width: 188px;
    font-size: 1.5rem
}

.b-calendarpicker .calendar-btn-close {
    position: absolute;
    right: 16px;
    width: 24px;
    height: 24px;
    color: #fff;
    cursor: pointer
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-btn-close {
    color: #9e9fa2
}

.b-calendarpicker .calendar-btn-close:focus:not(.m-keyboardfocus),
.b-calendarpicker .calendar-btn-close:hover {
    outline: 0
}

.b-calendarpicker .calendar-grid {
    width: 100%
}

.b-calendarpicker thead {
    background-color: #e8e8e8
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker thead {
    background-color: #0d1118
}

.b-calendarpicker th {
    padding: 8px;
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    color: #96999c;
    background-color: inherit
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker th {
    color: #9e9fa2
}

.b-calendarpicker .tbody tr {
    background-color: #fff
}

.b-calendarpicker td {
    padding: 0;
    font-size: 1.625rem;
    text-align: center;
    vertical-align: middle;
    height: 3.125rem
}

.b-calendarpicker .calendar-cellbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2.75rem;
    height: 2.75rem;
    outline: 0;
    margin: 0;
    border-radius: 50%;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    line-height: 2.625rem;
    color: #34393f;
    background-color: transparent;
    border: 2px solid transparent;
    -webkit-transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s;
    transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox {
    color: rgba(255, 255, 255, .87)
}

.b-calendarpicker .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected=true]),
.b-calendarpicker .calendar-cellbox:hover:not([aria-selected=true]) {
    color: #fa7d19;
    background-color: transparent;
    border-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected=true]),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox:hover:not([aria-selected=true]) {
    color: #fa7d19
}

.b-calendarpicker .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected=true]):active,
.b-calendarpicker .calendar-cellbox:hover:not([aria-selected=true]):active {
    color: rgba(255, 255, 255, .87);
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected=true]):active,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox:hover:not([aria-selected=true]):active {
    color: #1f232a
}

.b-calendarpicker .calendar-cellbox.m-keyboardfocus:not([aria-selected=true]) {
    color: #34393f;
    background-color: transparent
}

.b-calendarpicker .calendar-cellbox.m-keyboardfocus:not([aria-selected=true]):hover {
    color: #fff;
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox.m-keyboardfocus:not([aria-selected=true]):hover {
    color: #1f232a
}

.b-calendarpicker .calendar-cellbox[aria-selected=true] {
    background-color: #fa7d19;
    border-color: #fa7d19;
    font-weight: 700;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox[aria-selected=true] {
    color: #1f232a
}

.b-calendarpicker .calendar-cellbox[aria-selected=true]:focus {
    color: #fff;
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox[aria-selected=true]:focus {
    color: #1f232a
}

.b-calendarpicker .calendar-cellbox.m-keyboardfocus {
    outline: 1px solid #fa7d19
}

.b-calendarpicker .calendar-cellbox:disabled,
.b-calendarpicker .m-othermonth .calendar-cellbox {
    color: #96999c;
    cursor: initial
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox:disabled,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .m-othermonth .calendar-cellbox {
    color: #56585d
}

.b-calendarpicker .calendar-cellbox:disabled:focus,
.b-calendarpicker .calendar-cellbox:disabled:hover,
.b-calendarpicker .m-othermonth .calendar-cellbox:focus,
.b-calendarpicker .m-othermonth .calendar-cellbox:hover {
    color: #96999c;
    background-color: transparent;
    border-color: transparent
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox:disabled:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox:disabled:hover,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .m-othermonth .calendar-cellbox:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .m-othermonth .calendar-cellbox:hover {
    color: #56585d
}

.b-calendarpicker .calendar-cellbox:disabled {
    cursor: default
}

@media print,
screen and (max-width:63.99875em) {
    .b-calendarpicker {
        top: 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-calendarpicker {
        top: 168px
    }
}

.b-cluster-info .info-toggle {
    margin-top: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-info .info-toggle p {
        padding: 0 16px
    }
}

.b-cluster-teaser {
    margin-left: 8px
}

.b-cluster-teaser:first-child {
    margin-left: 0
}

.b-cluster-teaser .m-clickarea {
    height: 100%
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser {
        margin-left: 12px
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser:hover .image-teaser {
        opacity: .7;
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

.b-cluster-teaser .image-teaser {
    opacity: 1;
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.b-cluster-teaser .bottom-teaser-box {
    z-index: 2;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%
}

.b-cluster-teaser .box {
    height: 100%;
    background-color: #fff;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser .box {
    background-color: #1f232a!important
}

.b-cluster-teaser .box .artdirect {
    display: none
}

.b-cluster-teaser .teaser-img {
    display: block;
    height: 86px;
    margin: 0 auto;
    padding: 0 0 14px 0
}

.b-cluster-teaser .teaser-label {
    max-width: calc(100% - 24px)
}

.b-cluster-teaser .teaser-title-link {
    display: block
}

.b-cluster-teaser .teaser-title,
.b-cluster-teaser .teaser-title-link {
    font-size: 1.375rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser .teaser-title,
    .b-cluster-teaser .teaser-title-link {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser .teaser-cat {
        margin-bottom: 4px
    }
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser .artdirect.m-nosplit .m-8-9 {
        visibility: hidden
    }
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser .artdirect.m-nosplit .m-16-9 {
        visibility: visible
    }
}

.b-cluster-teaser .artdirect .m-16-9 {
    visibility: visible
}

.b-cluster-teaser .ratio-wrap {
    position: relative
}

.b-cluster-teaser .ratio-wrap .m-16-9 {
    visibility: visible
}

.b-cluster-teaser.b-vertical-teaser {
    width: 320px;
    height: 360px;
    contain: strict;
    -webkit-transition: width .2s, top .2s;
    transition: width .2s, top .2s;
    position: relative;
    top: 0
}

.b-cluster-teaser.b-vertical-teaser .b-ratiobox:before {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
    background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    content: ""
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser.b-vertical-teaser .b-ratiobox:before {
        height: 60px
    }
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser.b-vertical-teaser .b-ratiobox:before {
        height: 60px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser.b-vertical-teaser {
        width: 216px;
        height: 242px
    }
}

.b-cluster-teaser.b-vertical-teaser .image-teaser {
    width: 100%
}

.b-cluster-teaser.b-vertical-teaser .bottom-teaser-box {
    display: block;
    width: 100%;
    height: 50%
}

.b-cluster-teaser.b-vertical-teaser .special-info {
    position: absolute;
    display: block;
    width: calc(80% - .75rem);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    bottom: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser.b-vertical-teaser .special-info {
        bottom: .5rem;
        font-size: .875rem;
        line-height: 1.375rem
    }
}

.b-cluster-teaser.b-vertical-teaser .teaser-title:not(.m-cat) {
    margin-top: 24px
}

.b-cluster-teaser.b-vertical-teaser .b-ratiobox::before {
    display: none
}

.b-cluster-teaser.b-vertical-teaser .bottom-teaser-box {
    min-height: 50%
}

.b-cluster-teaser.b-vertical-teaser .box {
    position: relative;
    -webkit-transition: padding .2s;
    transition: padding .2s
}

.b-cluster-teaser.b-vertical-teaser .box:before {
    content: "";
    position: absolute;
    background: -webkit-gradient(linear, left bottom, left top, from(#1f232a), color-stop(66.942149%, #1f232a), to(rgba(31, 35, 42, 0)));
    background: -webkit-linear-gradient(bottom, #1f232a 0, #1f232a 66.942149%, rgba(31, 35, 42, 0) 100%);
    background: linear-gradient(0deg, #1f232a 0, #1f232a 66.942149%, rgba(31, 35, 42, 0) 100%);
    width: 100%;
    height: 22.6875rem;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0s 0s;
    transition: opacity 0s 0s
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser.b-vertical-teaser .box:before {
        background: -webkit-gradient(linear, left bottom, left top, from(#1f232a), color-stop(64.70588%, #1f232a), to(rgba(31, 35, 42, 0)));
        background: -webkit-linear-gradient(bottom, #1f232a 0, #1f232a 64.70588%, rgba(31, 35, 42, 0) 100%);
        background: linear-gradient(0deg, #1f232a 0, #1f232a 64.70588%, rgba(31, 35, 42, 0) 100%);
        height: 21.25rem
    }
}

.b-cluster-teaser.b-vertical-teaser .box-table-wrap {
    position: static;
    z-index: 2
}

.b-cluster-teaser.b-vertical-teaser .teaser-cat,
.b-cluster-teaser.b-vertical-teaser .teaser-foot,
.b-cluster-teaser.b-vertical-teaser .teaser-title,
.b-cluster-teaser.b-vertical-teaser .teaser-title-link {
    -webkit-transition: color .2s;
    transition: color .2s
}

.b-cluster-teaser.b-vertical-teaser .teaser-cat,
.b-cluster-teaser.b-vertical-teaser .teaser-title {
    -webkit-transition: margin .2s;
    transition: margin .2s
}

.b-cluster-teaser.b-vertical-teaser .teaser-extended-text {
    font-size: .9375rem;
    line-height: 1.33;
    font-weight: 300;
    overflow: hidden;
    line-height: 1.25rem;
    display: none;
    color: #34393f;
    -webkit-transition: color .2s;
    transition: color .2s;
    margin-bottom: 0;
    width: 19.875rem
}

.b-cluster-teaser.b-vertical-teaser .teaser-extended-text .arrowhover,
.b-cluster-teaser.b-vertical-teaser .teaser-extended-text .icon-206_arrow-right {
    position: relative;
    height: .875rem;
    width: .875rem;
    display: inline-block;
    margin-left: 1px;
    font-size: 1rem;
    line-height: 1.1875rem
}

.b-cluster-teaser.b-vertical-teaser .teaser-extended-text .arrowhover:before,
.b-cluster-teaser.b-vertical-teaser .teaser-extended-text .icon-206_arrow-right:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    line-height: 1.1875rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser .teaser-extended-text {
        font-size: .8125rem;
        line-height: 1.125rem;
        width: 17.125rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.b-vertical-teaser .teaser-extended-text {
    color: rgba(255, 255, 255, .87)
}

.b-cluster-teaser.b-vertical-teaser .teaser-extended-info {
    display: none;
    margin: 12px 0 0 0;
    font-size: .8125rem;
    line-height: .8125rem;
    opacity: .87;
    color: #fff;
    width: 19.875rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser .teaser-extended-info {
        width: 17rem
    }
}

.b-cluster-teaser.b-vertical-teaser .teaser-info {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.b-cluster-teaser.b-vertical-teaser .teaser-vid-infos {
    display: none;
    margin-bottom: 8px
}

.b-cluster-teaser.b-vertical-teaser .teaser-vid-infos .teaser-vid-info-item {
    height: 1.25rem;
    margin-right: .75rem;
    padding: .1875rem .375rem .125rem;
    background-color: #96999c;
    font-size: .8125rem;
    line-height: .9375rem;
    font-weight: 500;
    letter-spacing: .26px;
    text-align: center;
    color: #25292e;
    margin-right: .5rem
}

.b-cluster-teaser.b-vertical-teaser .teaser-open-btn {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    font-size: 14px;
    color: #25292e!important;
    -webkit-transition: opacity 0s, visibility 0s, -webkit-transform .4s, -webkit-transform-origin .4s;
    transition: opacity 0s, visibility 0s, -webkit-transform .4s, -webkit-transform-origin .4s;
    transition: opacity 0s, visibility 0s, transform .4s, transform-origin .4s;
    transition: opacity 0s, visibility 0s, transform .4s, transform-origin .4s, -webkit-transform .4s, -webkit-transform-origin .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.b-vertical-teaser .teaser-open-btn {
    color: #9e9fa2!important
}

.b-cluster-teaser.b-vertical-teaser .teaser-open-btn.m-keyboardfocus {
    outline-offset: -.125rem
}

.b-cluster-teaser.b-vertical-teaser .teaser-open-btn .icon-924_teaser-info {
    position: relative;
    right: -12.5px;
    bottom: -9px
}

.b-cluster-teaser.b-vertical-teaser .teaser-open-btn:hover {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transform-origin: 44px 45px;
    transform-origin: 44px 45px
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn {
    font-size: .9375rem;
    padding: .375rem 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color .4s;
    transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color .4s
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn .icon-502_play:before {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.75rem;
    line-height: 1.5rem;
    top: .1875rem;
    left: .0625rem;
    z-index: 2;
    -webkit-transition: opacity .2s .2s, left .2s;
    transition: opacity .2s .2s, left .2s
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn .icon-502_play:after {
    content: "";
    position: absolute;
    z-index: 1;
    opacity: 0;
    background-color: #fff;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    top: .4375rem;
    left: .4375rem;
    -webkit-transition: opacity .2s, left .2s;
    transition: opacity .2s, left .2s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.b-vertical-teaser .teaser-play-btn .icon-502_play:after {
    background-color: #0d1118
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn:hover .icon-502_play {
    color: #fa7d19
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn:hover .icon-502_play:before {
    left: .3125rem;
    -webkit-transition: left .2s .2s;
    transition: left .2s .2s
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn:hover .icon-502_play:after {
    opacity: 1;
    left: .75rem;
    -webkit-transition: opacity .2s, left .2s .2s;
    transition: opacity .2s, left .2s .2s
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn .icon-502_play+.play-btn-text {
    left: 24px;
    position: relative;
    padding-right: 24px
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn:before {
    left: 50%
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn:hover:before {
    width: calc(100% - 32px)!important
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn.has-play-icon:hover:before {
    width: calc(100% - 56px)!important
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn.has-play-icon:before {
    left: calc(50% + 12px)
}

.b-cluster-teaser.b-vertical-teaser .teaser-trailer-btn {
    font-size: .9375rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color .4s;
    transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color .4s
}

.b-cluster-teaser.b-vertical-teaser .teaser-play-btn+.teaser-trailer-btn {
    margin-left: 8px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.b-vertical-teaser .teaser-play-btn+.teaser-trailer-btn {
        margin-left: 12px
    }
}

.b-cluster-teaser.b-vertical-teaser .teaser-btn-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    bottom: 3rem;
    left: 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser .teaser-btn-container {
        left: .75rem
    }
}

.b-cluster-teaser.b-vertical-teaser .b-plus-button {
    width: 2rem;
    height: 2rem;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0s 0s, visibility 0s 0s, -webkit-transform .4s;
    transition: opacity 0s 0s, visibility 0s 0s, -webkit-transform .4s;
    transition: opacity 0s 0s, visibility 0s 0s, transform .4s;
    transition: opacity 0s 0s, visibility 0s 0s, transform .4s, -webkit-transform .4s
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser .b-plus-button {
        right: .75rem
    }
}

.b-cluster-teaser.b-vertical-teaser .b-plus-button .plus-main-btn {
    margin: 0
}

.b-cluster-teaser.b-vertical-teaser .b-plus-button .plus-main-btn .inner-circle {
    width: 2rem;
    height: 2rem
}

.b-cluster-teaser.b-vertical-teaser .b-plus-button .plus-main-btn .inner-circle:before {
    font-size: 1rem;
    line-height: 1.25rem
}

.b-cluster-teaser.b-vertical-teaser .teaser-close-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 2.875rem;
    text-align: center;
    width: 2.875rem;
    height: 2.875rem;
    z-index: 2
}

.b-cluster-teaser.b-vertical-teaser .teaser-close-btn.m-keyboardfocus {
    outline-offset: -.125rem
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.b-vertical-teaser .teaser-close-btn {
    color: #9e9fa2
}

.b-cluster-teaser.b-vertical-teaser.is-expanded {
    top: -1rem;
    width: 21.875rem;
    height: 27.5rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser.is-expanded {
        height: 25rem;
        width: 20rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.b-vertical-teaser.is-expanded {
    background-color: #1f232a!important
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 4rem;
    background-color: transparent
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.b-vertical-teaser.is-expanded .box {
    background-color: transparent!important
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .box:before {
    opacity: 1;
    -webkit-transition: opacity .2s 0s;
    transition: opacity .2s 0s
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .bottom-teaser-box {
    min-height: 23.5625rem
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .bottom-teaser-box .teaser-min-box {
    min-height: 8.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser.is-expanded .bottom-teaser-box .teaser-min-box {
        min-height: 8.25rem
    }
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-cat,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-extended-text,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-foot,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-title,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-title-link {
    color: #fff
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .content-label,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-label,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-open-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-close-btn,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-extended-info,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-extended-text {
    display: block
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-extended-text {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    max-height: 7.5rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-extended-text {
        max-height: 6.75rem
    }
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .b-plus-button,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-play-btn,
.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-trailer-btn {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transition: opacity .2s .2s, visibility .2s .2s, border-color .4s, background-color .4s;
    transition: opacity .2s .2s, visibility .2s .2s, border-color .4s, background-color .4s
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-cat {
    margin-bottom: .125rem;
    max-width: 18rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-cat {
        max-width: 12.9375rem
    }
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-title {
    margin-bottom: .75rem;
    max-height: 5.75rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-title {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-title .teaser-title-link {
    font-size: 1.375rem;
    line-height: 1.875rem
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-foot {
    position: static;
    max-width: 17rem;
    margin-bottom: 0;
    margin-top: 16px
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-foot {
        max-width: 11.6875rem
    }
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-info {
    font-size: .8125rem;
    opacity: .6
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-vid-infos {
    margin-top: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-cluster-teaser.b-vertical-teaser.is-expanded .b-plus-button .button-group.m-level-1 {
    top: -.25rem;
    right: 2.375rem
}

.b-cluster-teaser.b-vertical-teaser:not(.cluster-teaser-new):not(.cluster-teaser-overview) .teaser-cat {
    font-size: .8125rem;
    margin-bottom: 2px;
    line-height: 1.125rem;
    margin-top: 10px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.b-vertical-teaser:not(.cluster-teaser-new):not(.cluster-teaser-overview) .teaser-cat {
        font-size: .9375rem;
        margin-bottom: 8px;
        margin-top: 0
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.b-vertical-teaser:not(.cluster-teaser-new):not(.cluster-teaser-overview) .box .teaser-title,
    .b-cluster-teaser.b-vertical-teaser:not(.cluster-teaser-new):not(.cluster-teaser-overview) .box .teaser-title-link {
        max-height: 5rem
    }
}

.b-cluster-teaser.b-vertical-teaser:not(.cluster-teaser-new):not(.cluster-teaser-overview) .box .teaser-foot {
    top: -30px;
    right: 32px;
    left: 16px
}

.b-cluster-teaser.x-drisy {
    overflow: hidden;
    height: 360px
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser.x-drisy {
        height: 242px
    }
}

.b-cluster-teaser.x-drisy iframe {
    width: 100%
}

.b-cluster-teaser.m-hide-teaser {
    opacity: 0;
    visibility: hidden;
    margin-right: -320px;
    margin-bottom: -120px;
    -webkit-transition: visibility .4s, margin-right .4s ease-in-out, margin-bottom .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: visibility .4s, margin-right .4s ease-in-out, margin-bottom .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: visibility .4s, transform .4s ease-in-out, margin-right .4s ease-in-out, margin-bottom .4s ease-in-out, opacity .4s ease-in-out;
    transition: visibility .4s, transform .4s ease-in-out, margin-right .4s ease-in-out, margin-bottom .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser.m-hide-teaser {
        margin-right: -216px
    }
}

.b-cluster-teaser.m-seamless .teaser-label {
    display: none
}

.b-cluster-teaser.m-placeholder.lazyload,
.b-cluster-teaser.m-placeholder.lazyloading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 320px;
    height: 360px
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser.m-placeholder.lazyload,
    .b-cluster-teaser.m-placeholder.lazyloading {
        width: 216px;
        height: 242px
    }
}

.b-cluster-teaser.m-placeholder.lazyloading .loader {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear
}

.b-cluster-teaser.m-placeholder .loader {
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: #e8e8e8;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(42%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%)
}

.b-cluster-teaser.m-placeholder .loader:before {
    background: #e8e8e8
}

.b-cluster-teaser.m-placeholder .loader:after {
    background: #25292e
}

.b-news-event-module .b-cluster-teaser .news-label+.teaser-foot {
    display: none
}

.b-cluster-teaser .content-label {
    position: absolute;
    width: auto;
    right: 12px;
    top: 12px;
    z-index: 2;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser .content-label {
        right: 16px;
        top: 16px
    }
}

.b-cluster-teaser .content-label img {
    height: 32px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser .content-label img {
        height: 40px
    }
}

.b-cluster-teaser.cluster-teaser-new .teaser-label {
    bottom: 4px;
    left: 12px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser.cluster-teaser-new .teaser-label {
        bottom: 8px
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-new .teaser-label {
        bottom: 16px;
        left: 16px
    }
}

.b-cluster-teaser.cluster-teaser-new .teaser-cat {
    font-size: .8125rem;
    margin-bottom: 2px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-new .teaser-cat {
        font-size: .9375rem;
        margin-bottom: 8px
    }
}

.b-cluster-teaser.cluster-teaser-new .teaser-foot {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.cluster-teaser-new .teaser-foot {
    color: rgba(255, 255, 255, .87)
}

.b-cluster-teaser.cluster-teaser-new .teaser-cat,
.b-cluster-teaser.cluster-teaser-new .teaser-foot {
    line-height: 1.125rem
}

.b-cluster-teaser.cluster-teaser-overview {
    padding: 0
}

.b-cluster-teaser.cluster-teaser-overview.is-expanded .image-teaser {
    -webkit-transform: translateY(-50px) scale(1);
    transform: translateY(-50px) scale(1)
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.cluster-teaser-overview.is-expanded .image-teaser {
        -webkit-transform: translateY(-48px) scale(1);
        transform: translateY(-48px) scale(1)
    }
}

.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box,
.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box.teaser-box-with-image {
    top: 0;
    height: auto
}

.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box .box,
.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box.teaser-box-with-image .box {
    padding-bottom: 4.125rem
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box .box,
    .b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box.teaser-box-with-image .box {
        padding-left: 16px;
        padding-right: 16px
    }
}

.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box .teaser-title,
.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box.teaser-box-with-image .teaser-title {
    margin-bottom: .75rem;
    max-width: 18rem;
    display: block
}

.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box .teaser-min-box,
.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box.teaser-box-with-image .teaser-min-box {
    min-height: 9.75rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box .teaser-min-box,
    .b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box.teaser-box-with-image .teaser-min-box {
        min-height: 9.375rem
    }
}

.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box .teaser-min-box .teaser-foot,
.b-cluster-teaser.cluster-teaser-overview.is-expanded .bottom-teaser-box.teaser-box-with-image .teaser-min-box .teaser-foot {
    margin-top: 4.6875rem
}

.b-cluster-teaser.cluster-teaser-overview.is-expanded .teaser-logo {
    overflow: hidden;
    display: block;
    max-height: 0;
    opacity: 0;
    visibility: hidden
}

.b-cluster-teaser.cluster-teaser-overview.is-expanded .teaser-box-with-image .teaser-title {
    display: block
}

.b-cluster-teaser.cluster-teaser-overview .ratio-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.b-cluster-teaser.cluster-teaser-overview .ratio-wrap:before {
    display: none
}

.b-cluster-teaser.cluster-teaser-overview .ratio-wrap .image-teaser {
    height: auto;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s
}

.b-cluster-teaser.cluster-teaser-overview .teaser-overview-image {
    padding: 0
}

.b-cluster-teaser.cluster-teaser-overview .teaser-overview-image:after {
    content: '';
    opacity: .5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(52, 57, 63, 0)), to(#34393f));
    background-image: -webkit-linear-gradient(top, rgba(52, 57, 63, 0) 1%, #34393f);
    background-image: linear-gradient(to bottom, rgba(52, 57, 63, 0) 1%, #34393f);
    position: absolute;
    bottom: -260px;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 149px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-overview .teaser-overview-image:after {
        bottom: -360px;
        height: 207px
    }
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box {
    height: auto;
    position: absolute
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box {
        height: 130px;
        bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box {
        top: 180px;
        -webkit-transition: top .2s;
        transition: top .2s
    }
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .box {
    background-color: transparent;
    padding: 8px 12px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .box {
    background-color: transparent!important
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-cat,
.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-cat-brand,
.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-title-link {
    color: #fff
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-title {
    min-height: 60px;
    margin-top: 0
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-title {
        padding-top: 8px
    }
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box.teaser-box-with-image {
    top: 76px
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box.teaser-box-with-image {
        height: 187px
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box.teaser-box-with-image {
        top: 125px
    }
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box.teaser-box-with-image .teaser-title {
    display: none
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-cat~.teaser-title-link {
    margin-top: 0
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-title-link {
    margin-top: 20px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-title-link {
        margin-top: 24px
    }
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-cat {
    font-size: .8125rem;
    margin-bottom: 2px;
    line-height: 1.125rem
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-cat {
        font-size: .9375rem;
        margin-bottom: 8px
    }
}

.b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-title {
    min-height: auto!important;
    -webkit-transition: margin .2s;
    transition: margin .2s
}

.b-cluster-teaser.cluster-teaser-overview .teaser-open-btn {
    color: #fff!important
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser.cluster-teaser-overview .teaser-open-btn {
    color: #9e9fa2!important
}

.b-cluster-teaser.b-news-teaser-image,
.b-cluster-teaser.b-vertical-teaser,
.b-cluster-teaser.cluster-teaser-new,
.b-cluster-teaser.cluster-teaser-overview {
    width: 231px;
    min-width: 231px;
    height: 260px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.b-news-teaser-image,
    .b-cluster-teaser.b-vertical-teaser,
    .b-cluster-teaser.cluster-teaser-new,
    .b-cluster-teaser.cluster-teaser-overview {
        width: 320px;
        min-width: 320px;
        height: 360px
    }
}

.b-cluster-teaser.b-news-teaser-image .teaser-title,
.b-cluster-teaser.b-news-teaser-image .teaser-title-link,
.b-cluster-teaser.b-vertical-teaser .teaser-title,
.b-cluster-teaser.b-vertical-teaser .teaser-title-link,
.b-cluster-teaser.cluster-teaser-new .teaser-title,
.b-cluster-teaser.cluster-teaser-new .teaser-title-link,
.b-cluster-teaser.cluster-teaser-overview .teaser-title,
.b-cluster-teaser.cluster-teaser-overview .teaser-title-link {
    font-size: 1rem;
    line-height: 1.375rem;
    overflow: hidden;
    max-height: 64px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.b-news-teaser-image .teaser-title,
    .b-cluster-teaser.b-news-teaser-image .teaser-title-link,
    .b-cluster-teaser.b-vertical-teaser .teaser-title,
    .b-cluster-teaser.b-vertical-teaser .teaser-title-link,
    .b-cluster-teaser.cluster-teaser-new .teaser-title,
    .b-cluster-teaser.cluster-teaser-new .teaser-title-link,
    .b-cluster-teaser.cluster-teaser-overview .teaser-title,
    .b-cluster-teaser.cluster-teaser-overview .teaser-title-link {
        font-size: 1.375rem;
        line-height: 1.875rem;
        max-height: 5.75rem
    }
}

.b-cluster-teaser.b-news-teaser-image .teaser-title-link.m-keyboardfocus,
.b-cluster-teaser.b-news-teaser-image .teaser-title.m-keyboardfocus,
.b-cluster-teaser.b-vertical-teaser .teaser-title-link.m-keyboardfocus,
.b-cluster-teaser.b-vertical-teaser .teaser-title.m-keyboardfocus,
.b-cluster-teaser.cluster-teaser-new .teaser-title-link.m-keyboardfocus,
.b-cluster-teaser.cluster-teaser-new .teaser-title.m-keyboardfocus,
.b-cluster-teaser.cluster-teaser-overview .teaser-title-link.m-keyboardfocus,
.b-cluster-teaser.cluster-teaser-overview .teaser-title.m-keyboardfocus {
    outline-offset: -.125rem
}

.b-cluster-teaser.b-news-teaser-image .teaser-title,
.b-cluster-teaser.b-vertical-teaser .teaser-title,
.b-cluster-teaser.cluster-teaser-new .teaser-title,
.b-cluster-teaser.cluster-teaser-overview .teaser-title {
    margin-bottom: 8px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.b-news-teaser-image .teaser-title,
    .b-cluster-teaser.b-vertical-teaser .teaser-title,
    .b-cluster-teaser.cluster-teaser-new .teaser-title,
    .b-cluster-teaser.cluster-teaser-overview .teaser-title {
        margin-bottom: 16px
    }
}

.b-cluster-teaser.b-news-teaser-image .box,
.b-cluster-teaser.b-vertical-teaser .box,
.b-cluster-teaser.cluster-teaser-new .box,
.b-cluster-teaser.cluster-teaser-overview .box {
    padding: 4px 12px 10px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.b-news-teaser-image .box,
    .b-cluster-teaser.b-vertical-teaser .box,
    .b-cluster-teaser.cluster-teaser-new .box,
    .b-cluster-teaser.cluster-teaser-overview .box {
        padding: 16px
    }
}

.b-cluster-teaser.b-news-teaser-image .teaser-foot,
.b-cluster-teaser.b-vertical-teaser .teaser-foot,
.b-cluster-teaser.cluster-teaser-new .teaser-foot,
.b-cluster-teaser.cluster-teaser-overview .teaser-foot {
    font-size: .8125rem;
    margin-bottom: 6px;
    text-shadow: none;
    bottom: 32px;
    left: 12px;
    top: auto
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.b-news-teaser-image .teaser-foot,
    .b-cluster-teaser.b-vertical-teaser .teaser-foot,
    .b-cluster-teaser.cluster-teaser-new .teaser-foot,
    .b-cluster-teaser.cluster-teaser-overview .teaser-foot {
        font-size: .875rem;
        margin-bottom: 8px;
        left: 16px;
        bottom: 40px
    }
}

.b-cluster-teaser.b-news-teaser-image .teaser-label,
.b-cluster-teaser.b-vertical-teaser .teaser-label,
.b-cluster-teaser.cluster-teaser-new .teaser-label,
.b-cluster-teaser.cluster-teaser-overview .teaser-label {
    bottom: 10px;
    left: 12px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser.b-news-teaser-image .teaser-label,
    .b-cluster-teaser.b-vertical-teaser .teaser-label,
    .b-cluster-teaser.cluster-teaser-new .teaser-label,
    .b-cluster-teaser.cluster-teaser-overview .teaser-label {
        bottom: 16px;
        left: 16px
    }
}

.news-logo {
    height: 25px;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    position: absolute;
    bottom: 24px;
    left: 24px
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.weather-teaser-new .box .teaser-title-link {
        right: 16px;
        bottom: 16px;
        font-size: 13px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.weather-teaser-new .box .icon {
        line-height: 1.5rem;
        font-size: .75rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new .box .icon {
        font-size: 1.125rem
    }
}

.b-weather-teaser.weather-teaser-new .box .button-text,
.b-weather-teaser.weather-teaser-new .box .icon {
    display: inline-block;
    vertical-align: middle;
    height: 22px
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.weather-teaser-new .box .button-text,
    .b-weather-teaser.weather-teaser-new .box .icon {
        height: 20px
    }
}

.b-weather-teaser.weather-teaser-new .b-ratiobox {
    padding: 0
}

.b-weather-teaser.weather-teaser-new .bottom-teaser-box {
    position: relative
}

.b-weather-teaser.weather-teaser-new:first-child {
    margin-left: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.weather-teaser-new {
        height: auto;
        margin-left: 8px
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new {
        margin-left: 12px
    }
}

.b-weather-teaser.weather-teaser-new .box {
    background-image: url(/static/0.109.2334/img/teaser/wetter-vertical.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.weather-teaser-new.weather-teaser-new.top5-weather .box {
        padding: 16px;
        height: 100%
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new.weather-teaser-new.top5-weather .box {
        padding: 32px 24px 24px
    }
}

.b-weather-teaser.weather-teaser-new.lazyload .box {
    background-image: none
}

.b-weather-teaser.weather-teaser-new.lazyload .weather-icon {
    display: none
}

.b-weather-teaser.weather-teaser-new .temperature {
    font-weight: 700;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 5rem;
    line-height: 5rem
}

.b-weather-teaser.weather-teaser-new .temperature .value {
    position: relative
}

.b-weather-teaser.weather-teaser-new .value {
    float: left;
    display: inline-block;
    margin: 0 0 16px 0
}

.b-weather-teaser.weather-teaser-new .value.weather-default-output {
    font-size: 3rem;
    margin-bottom: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.weather-teaser-new .value.weather-default-output {
        line-height: 2.5rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new .value.weather-default-output {
        margin-top: 15px;
        font-size: 5rem
    }
}

.b-weather-teaser.weather-teaser-new .celsius {
    float: left;
    display: inline-block;
    font-family: Uniwidth, sans-serif;
    vertical-align: top;
    margin: 10px 8px 0;
    font-size: 2rem;
    line-height: 2rem
}

.b-weather-teaser.weather-teaser-new .celsius.weather-default-celsius {
    margin-top: 0
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new .celsius.weather-default-celsius {
        margin-top: 24px
    }
}

.b-weather-teaser.weather-teaser-new .teaser-text {
    visibility: visible;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #fff;
    -webkit-transition: .4s .1s;
    transition: .4s .1s;
    display: block;
    clear: both
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new .teaser-text {
        display: inline-block
    }
}

.b-weather-teaser.weather-teaser-new .teaser-text.weather-default-output {
    font-size: .8125rem;
    line-height: 1.25rem;
    margin: 0
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new .teaser-text.weather-default-output {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.b-weather-teaser.weather-teaser-new .plus-btn {
    display: none
}

.b-weather-teaser.weather-teaser-new .bottom-teaser-box {
    height: 100%
}

.b-weather-teaser.weather-teaser-new .news-button {
    color: #fff;
    position: absolute;
    bottom: 24px;
    right: 24px;
    font-weight: 700
}

.b-weather-teaser.weather-teaser-new .weather-icon {
    float: left;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 8px;
    font-size: 2.5rem;
    line-height: 2rem
}

.b-weather-teaser.weather-teaser-new .weather-icon.weather-default-output {
    margin: 0;
    width: 40px;
    height: 40px
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new .weather-icon.weather-default-output {
        margin-top: 24px;
        width: 50px;
        height: 50px
    }
}

.b-weather-teaser.weather-teaser-new .b-selectbox:focus:after {
    border-bottom: 2px solid #fa7d19;
    border-right: 2px solid #fa7d19;
    border-top: 2px solid #fa7d19
}

.b-weather-teaser.weather-teaser-new .weather-default-title {
    font-size: 1rem;
    line-height: 1.375rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 6px
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new .weather-default-title {
        font-size: 1.625rem;
        margin-bottom: 4px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.weather-teaser-new .weather-default-title {
    color: #1f232a
}

.b-weather-teaser.weather-teaser-new .weather-default-title .icon {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1rem
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.weather-teaser-new .weather-default-title .icon {
        font-size: 1.625rem
    }
}

.weather-icon[data-icon="0"]:before {
    content: ""
}

.weather-icon[data-icon="1"]:before {
    content: ""
}

.weather-icon[data-icon="2"]:before {
    content: ""
}

.weather-icon[data-icon="3"]:before {
    content: ""
}

.weather-icon[data-icon="4"]:before {
    content: ""
}

.weather-icon[data-icon="5"]:before {
    content: ""
}

.weather-icon[data-icon="6"]:before {
    content: ""
}

.weather-icon[data-icon="7"]:before {
    content: ""
}

.weather-icon[data-icon="8"]:before {
    content: ""
}

.weather-icon[data-icon="9"]:before {
    content: ""
}

.weather-icon[data-icon="10"]:before {
    content: ""
}

.weather-icon[data-icon="11"]:before {
    content: ""
}

.weather-icon[data-icon="12"]:before {
    content: ""
}

.weather-icon[data-icon="13"]:before {
    content: ""
}

.weather-icon[data-icon="14"]:before {
    content: ""
}

.weather-icon[data-icon="15"]:before {
    content: ""
}

.weather-icon[data-icon="16"]:before {
    content: ""
}

.weather-icon[data-icon="17"]:before {
    content: ""
}

.weather-icon[data-icon="18"]:before {
    content: ""
}

.weather-icon[data-icon="19"]:before {
    content: ""
}

.weather-icon[data-icon="20"]:before {
    content: ""
}

.weather-icon[data-icon="21"]:before {
    content: ""
}

.weather-icon[data-icon="22"]:before {
    content: ""
}

.weather-icon[data-icon="23"]:before {
    content: ""
}

.weather-icon[data-icon="24"]:before {
    content: ""
}

.weather-icon[data-icon="25"]:before {
    content: ""
}

.b-news-teaser-image {
    padding: 0
}

.b-news-teaser-image .ratio-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.b-news-teaser-image .ratio-wrap:before {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
    background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    content: "";
    height: 60px
}

.b-news-teaser-image .ratio-wrap .image-teaser {
    height: auto
}

.b-news-teaser-image .news-teaser-image {
    padding: 0
}

.b-news-teaser-image .news-teaser-box {
    height: auto;
    position: absolute;
    bottom: 0
}

.b-news-teaser-image .news-teaser-box .box {
    background-color: transparent;
    padding: 24px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-teaser-image .news-teaser-box .box {
    background-color: transparent!important
}

.b-news-teaser-image .news-teaser-box .teaser-title-link {
    text-align: right;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none
}

.b-news-teaser-image .news-teaser-box .button-text,
.b-news-teaser-image .news-teaser-box .icon {
    display: inline-block;
    min-height: 22px
}

.b-news-teaser-image .news-teaser-box .icon {
    font-size: 22px;
    margin-left: -5px;
    vertical-align: bottom;
    border-bottom: 1px solid transparent
}

.b-news-teaser-image .news-teaser-box .button-text {
    max-width: 85%;
    border-bottom: 1px solid transparent;
    vertical-align: middle
}

.b-news-teaser-image .news-teaser-box .button-text:hover,
.b-news-teaser-image .news-teaser-box .button-text:hover+.icon {
    border-bottom: 1px solid #fff
}

.b-cluster-teaser-small {
    width: 23.4375rem;
    height: 7.5rem;
    padding-left: 6.6875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    position: relative;
    background-color: #1f232a
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser-small {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser-small {
        max-width: 23.4375rem;
        width: auto
    }
    .b-cluster-teaser-small:hover .preview-image {
        opacity: .7;
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

.b-cluster-teaser-small .ratio-wrap {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 6.6875rem;
    height: 7.5rem
}

.b-cluster-teaser-small .ratio-wrap .b-ratiobox:before {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
    background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    content: ""
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser-small .ratio-wrap .b-ratiobox:before {
        height: 60px
    }
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser-small .ratio-wrap .b-ratiobox:before {
        height: 60px
    }
}

.b-cluster-teaser-small .ratio-wrap>.b-ratiobox {
    overflow: hidden;
    background-color: #25292e;
    padding-bottom: 112.5%
}

.b-cluster-teaser-small .ratio-wrap .m-8-9 {
    visibility: visible
}

.b-cluster-teaser-small .preview-image {
    opacity: 1;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser-small .preview-image {
        height: auto
    }
}

.b-cluster-teaser-small .box {
    height: 100%;
    position: relative;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    padding: 6px 12px 10px
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser-small .box {
        padding: 6px 12px 4px
    }
}

.b-cluster-teaser-small .box .artdirect {
    display: none
}

.b-cluster-teaser-small .box .teaser-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Uniwidth, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    color: rgba(255, 255, 255, .87);
    text-overflow: ellipsis;
    margin-bottom: 6px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser-small .box .teaser-title {
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser-small .box .teaser-title .normal-space {
        line-height: 1.25rem;
        height: 2.5rem;
        overflow: hidden
    }
}

.b-cluster-teaser-small .box .teaser-cat {
    line-height: normal;
    font-weight: 300;
    font-size: .875rem;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, .87);
    overflow: hidden;
    margin-bottom: 2px
}

.b-cluster-teaser-small .box .teaser-label {
    display: none;
    height: 1.25rem;
    font-size: .8125rem;
    line-height: 1.25rem;
    bottom: 10px;
    left: 12px
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser-small .box .teaser-label {
        bottom: 4px
    }
}

.b-cluster-teaser-small .box .teaser-foot {
    z-index: 2;
    top: auto;
    right: 32px;
    position: relative;
    left: 0;
    line-height: 1rem;
    bottom: 0;
    font-size: .8125rem;
    color: rgba(255, 255, 255, .87)
}

.b-cluster-teaser-small .box .teaser-foot .teaser-info {
    font-size: .8125rem;
    color: rgba(255, 255, 255, .87)
}

.b-cluster {
    position: relative
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-cluster.m-filter .cluster-title {
        padding-right: 170px
    }
}

.b-cluster.m-notitle {
    padding-top: 64px
}

.b-cluster.m-notitle.m-filter {
    padding-top: 119px
}

.b-cluster .cluster-lazy.is-expanded,
.b-cluster .lazyload-content.is-expanded,
.b-cluster.is-expanded {
    z-index: 5
}

.b-cluster .cluster-lazy.is-expanded .cluster-showmore,
.b-cluster .lazyload-content.is-expanded .cluster-showmore,
.b-cluster.is-expanded .cluster-showmore {
    overflow: visible;
    height: 23.5rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster .cluster-lazy.is-expanded .cluster-showmore,
    .b-cluster .lazyload-content.is-expanded .cluster-showmore,
    .b-cluster.is-expanded .cluster-showmore {
        height: 16.25rem
    }
}

.b-cluster .cluster-lazy.is-expanded .cluster-content.scroll-box,
.b-cluster .lazyload-content.is-expanded .cluster-content.scroll-box,
.b-cluster.is-expanded .cluster-content.scroll-box {
    margin-top: -1rem;
    margin-bottom: -4rem;
    height: 27.5rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster .cluster-lazy.is-expanded .cluster-content.scroll-box,
    .b-cluster .lazyload-content.is-expanded .cluster-content.scroll-box,
    .b-cluster.is-expanded .cluster-content.scroll-box {
        height: 25rem;
        margin-bottom: -8rem
    }
}

.b-cluster .cluster-lazy.is-expanded .cluster-content.scroll-box .tile-box-wrap,
.b-cluster .lazyload-content.is-expanded .cluster-content.scroll-box .tile-box-wrap,
.b-cluster.is-expanded .cluster-content.scroll-box .tile-box-wrap {
    padding-top: 1rem!important;
    padding-bottom: 4rem!important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster .cluster-lazy.is-expanded .cluster-content.scroll-box .tile-box-wrap,
    .b-cluster .lazyload-content.is-expanded .cluster-content.scroll-box .tile-box-wrap,
    .b-cluster.is-expanded .cluster-content.scroll-box .tile-box-wrap {
        height: 17.5rem;
        padding-bottom: 8rem!important
    }
}

.b-cluster .cluster-lazy.is-expanded .scroll-arrow,
.b-cluster .lazyload-content.is-expanded .scroll-arrow,
.b-cluster.is-expanded .scroll-arrow {
    margin-top: -3.25rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster .cluster-lazy.is-expanded .scroll-arrow,
    .b-cluster .lazyload-content.is-expanded .scroll-arrow,
    .b-cluster.is-expanded .scroll-arrow {
        margin-top: -5.125rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster .cluster-lazy.is-expanded+.b-cluster-poster .b-cluster-poster-teaser .m-clickarea,
    .b-cluster .lazyload-content.is-expanded+.b-cluster-poster .b-cluster-poster-teaser .m-clickarea,
    .b-cluster.is-expanded+.b-cluster-poster .b-cluster-poster-teaser .m-clickarea {
        opacity: .5
    }
}

.b-cluster .cluster-title-wrap {
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-cluster .cluster-title {
    max-width: 100%
}

.b-cluster .cluster-title.headline-with-btn {
    max-width: calc(100% - 80px);
    padding-right: 16px
}

.b-cluster .headline-more-btn {
    margin: 64px 0 16px;
    top: inherit;
    height: 2.8125rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster .headline-more-btn {
        margin: 32px 0 16px;
        height: 32px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster .headline-more-btn .button {
    color: #fff;
    border-color: #fff
}

.b-cluster .cluster-content.box-wrap-new {
    height: 360px;
    margin: 0 auto
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster .cluster-content.box-wrap-new {
        height: 242px
    }
}

.b-cluster .cluster-content.box-wrap-new .tile-box-wrap {
    height: 23.5rem
}

.b-cluster .cluster-content.box-wrap-new.scroll-box {
    content:'{"cutScroll":true}'!important
}

.b-cluster .cluster-content.box-wrap-new.scroll-box::before {
    content:'{"cutScroll":true}'!important;
    font-family:'{"cutScroll":true}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster .cluster-content.box-wrap-new.scroll-box {
        content:'{"scrollStep":320}'!important
    }
    .b-cluster .cluster-content.box-wrap-new.scroll-box::before {
        content:'{"scrollStep":320}'!important;
        font-family:'{"scrollStep":320}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-cluster .cluster-content.box-wrap-new.scroll-box {
        content:'{"scrollStep":480}'!important
    }
    .b-cluster .cluster-content.box-wrap-new.scroll-box::before {
        content:'{"scrollStep":480}'!important;
        font-family:'{"scrollStep":480}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.b-cluster .tile-box-wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    height: 100%;
    max-height: 720px;
    white-space: nowrap;
    will-change: transform;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch
}

.b-cluster .cluster-showmore {
    position: relative;
    height: 22.5rem;
    overflow: hidden
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster .cluster-showmore {
        height: 16.25rem
    }
}

.b-cluster .cluster-content.box-wrap-new,
.b-cluster .cluster-content.box-wrap-new .tile-box-wrap {
    height: 260px
}

@media print,
screen and (min-width:64em) {
    .b-cluster .cluster-content.box-wrap-new,
    .b-cluster .cluster-content.box-wrap-new .tile-box-wrap {
        height: 360px
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster {
        margin-left: 40px
    }
    .b-cluster.m-filter .cluster-title {
        padding-right: 500px
    }
}

.b-cluster .cluster-content {
    position: relative;
    width: 100%;
    overflow: hidden
}

.b-cluster .pin-wrapper {
    position: absolute
}

.b-cluster .tile-box {
    display: inline-block;
    vertical-align: top
}

.b-cluster .info-toggle p {
    outline: 0;
    margin: 0
}

.b-cluster .load-more-container {
    text-align: center
}

.b-cluster.m-dynamic {
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.b-cluster.m-dynamic:not(.m-ready) {
    opacity: 0;
    height: 0
}

.b-cluster.m-dynamic:not(.m-ready) img.lazyload {
    display: none
}

.b-cluster.m-has-teaser .m-no-content,
.b-cluster.m-hide,
.b-cluster:not(.m-has-teaser) .m-content {
    display: none
}

@media print,
screen and (min-width:64em) {
    .b-cluster .cluster-title-row {
        max-width: calc(72rem + 40px)
    }
}

.b-cluster.is-tivi-context .b-cluster-teaser:not(.has-tivi-context) {
    display: none
}

.b-collapse-text {
    position: relative;
    width: 100%;
    margin: 0 0 5px;
    color: #34393f;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
screen and (max-width:39.99875em) {
    .b-collapse-text .text {
        padding: 16px 64px 13px 44px;
        line-height: 1.375rem
    }
    .b-collapse-text .icon-803_info {
        top: 14px;
        left: 16px
    }
    .b-collapse-text .icon-203_arrow-down {
        top: 16px;
        font-size: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-collapse-text .text {
        padding: 19px 105px 16px 50px;
        line-height: 1.625rem
    }
    .b-collapse-text .icon-803_info {
        top: 20px;
        left: 24px
    }
    .b-collapse-text .icon-203_arrow-down {
        top: 18px;
        font-size: 1.625rem
    }
}

.b-collapse-text .icon-803_info {
    position: absolute;
    display: inline-block;
    font-size: 1.375rem;
    line-height: 1;
    color: #5c6166
}

.b-collapse-text .icon-203_arrow-down {
    position: absolute;
    right: 18px;
    line-height: 1;
    color: #5c6166;
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

.b-collapse-text .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-weight: 700;
    text-align: left;
    background-color: #d4d5d5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.b-collapse-text .text:focus:not(.m-keyboardfocus),
.b-collapse-text .text:hover {
    outline: 0
}

.b-collapse-text .text.m-keyboardfocus {
    outline-offset: -2px
}

.b-collapse-text.m-active .text {
    white-space: normal
}

.b-collapse-text.m-active .icon-203_arrow-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-comment-reply .comment-item {
    padding-left: 64px
}

.b-comment-reply .hide {
    display: none
}

.b-comment-reply .reply {
    margin-bottom: 20px
}

.b-comment-reply .reply-item {
    margin-top: 20px
}

.b-comment-reply .form-title,
.b-comment-reply .reply,
.b-comment-reply .reply-count,
.b-comment-reply .text-link {
    font-size: 1rem;
    line-height: 1.375rem
}

.b-comment-reply .form-title {
    margin-bottom: 16px
}

.b-comment-reply .comment-reply-form-submit {
    text-align: right
}

.b-comment-reply .comment-date {
    margin-left: 4px
}

.b-comments {
    background-color: #d4d5d5
}

@media print,
screen and (max-width:39.99875em) {
    .b-comments {
        margin-top: 32px;
        padding: 16px 16px 24px
    }
    .b-comments .big-headline {
        padding: 0
    }
    .b-comments .comments-header {
        overflow: hidden
    }
    .b-comments .comments-header .comments-number {
        font-size: 1rem
    }
    .b-comments .comment-form:not(.comment-replyform) {
        margin-bottom: 24px
    }
    .b-comments .comment-form.comment-replyform .comment-stop {
        margin: 0 0 16px 0
    }
    .b-comments .comment-form.comment-replyform .comment-submit {
        margin: 0 0 24px 16px
    }
    .b-comments .comment-textarea {
        height: 54px;
        padding: 16px;
        font-size: 1rem;
        line-height: 1.375rem;
        color: #34393f
    }
    .b-comments .comment-textarea:focus {
        height: 114px
    }
    .b-comments .comment-head {
        font-size: .875rem;
        line-height: 1.125rem
    }
    .b-comments .comment {
        font-size: 1rem;
        line-height: 1.375rem
    }
    .b-comments .comment[data-module=maxheighttextdisplay] {
        max-height: 4.88rem
    }
    .b-comments .comment-item {
        padding: 16px
    }
    .b-comments .more-comments {
        margin: 16px auto 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-comments {
        margin-top: 64px;
        padding: 32px 0
    }
    .b-comments .comments-header .comments-number {
        font-size: 1.125rem
    }
    .b-comments .comment-form {
        margin-bottom: 32px
    }
    .b-comments .comment-textarea {
        height: 82px;
        padding: 24px;
        font-size: 1.125rem;
        line-height: 2.125rem;
        color: #34393f
    }
    .b-comments .comment-textarea:focus {
        height: 150px
    }
    .b-comments .comment-head {
        font-size: 1rem;
        line-height: 1.375rem
    }
    .b-comments .comment {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    .b-comments .comment[data-module=maxheighttextdisplay] {
        max-height: 5.76rem
    }
    .b-comments .comment-item {
        padding: 24px
    }
    .b-comments .more-comments {
        margin: 32px auto 0
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments {
    background-color: #0d1118
}

.b-comments.m-pending .reply {
    display: none
}

.b-comments .big-headline {
    margin: 0 0 16px
}

.b-comments .comment-textarea {
    overflow: hidden;
    width: 100%;
    outline: 0;
    margin-bottom: 16px;
    resize: none;
    -webkit-transition: height .4s ease-in-out;
    transition: height .4s ease-in-out
}

.b-comments .comment-textarea:focus {
    overflow: auto
}

.b-comments .comment-form-submit {
    text-align: right;
    -webkit-transition: .2s;
    transition: .2s
}

.b-comments .comment-reply-list {
    padding-left: 50px
}

.b-comments .comment-reply-list .reply-item {
    margin-bottom: 20px
}

.b-comments .comment-stop {
    margin: 0 16px 0 0
}

.b-comments .comment-submit {
    float: right;
    margin: 0
}

.b-comments .error-item {
    overflow: hidden;
    display: none;
    margin: 0;
    padding: 0;
    color: #f11010
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .error-item {
    color: #f39a9b
}

.b-comments .error-msg {
    position: relative;
    display: inline-block;
    margin: 12px 0;
    padding: 0;
    font-weight: 700;
    color: #f11010
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .error-msg {
    color: #f39a9b
}

.b-comments .error-msg .icon-202_slide-right:before {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: .875rem;
    font-weight: 700
}

.b-comments .comment-stop:focus,
.b-comments .comment-submit:focus,
.b-comments .more-comments:focus {
    text-decoration: underline
}

.b-comments .comments-header {
    position: relative;
    display: block;
    width: 100%;
    outline: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: transparent
}

.b-comments .comments-header .comments-number {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    font-weight: 300;
    line-height: 32px;
    color: #34393f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comments-header .comments-number {
    color: rgba(255, 255, 255, .87)
}

.b-comments .comments-header .number {
    display: inline-block;
    margin: 0;
    font-weight: 300
}

.b-comments .comments-content {
    outline: 0
}

.b-comments .comments-content[aria-hidden=true] {
    display: none
}

.b-comments .comments-list {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b-comments .comment-item {
    position: relative;
    list-style: none;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment-item {
    background-color: #1f232a
}

.b-comments .comment-item:not(:last-child) {
    border-bottom: 5px solid #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment-item:not(:last-child) {
    border-color: #0d1118
}

.b-comments .comment-head {
    position: relative;
    margin: 0 0 8px 0;
    font-weight: 700
}

.b-comments .comment-head.m-avatar {
    min-height: 28px;
    padding-left: 44px
}

.b-comments .comment-head .avatar {
    position: absolute;
    top: -10px;
    left: 0;
    width: 40px;
    height: 40px
}

.b-comments .comment-head .name {
    display: inline
}

.b-comments .comment-head .comment-date {
    display: inline
}

.b-comments .comment-head .comment-date:before {
    content: "| "
}

.b-comments .comment-notice {
    display: block;
    margin-top: 10px;
    font-size: .875rem;
    font-weight: 700;
    font-style: normal;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment-notice {
    color: rgba(255, 255, 255, .87)
}

.b-comments .comment {
    margin: 0;
    margin-bottom: 25px;
    border: none;
    padding: 0 16px 0 0;
    font-style: normal
}

.b-comments .comment[data-module=maxheighttextdisplay] {
    overflow: hidden;
    text-overflow: ellipsis
}

.b-comments .comment[data-module=maxheighttextdisplay].m-open {
    max-height: none
}

.b-comments .toggle-comment {
    float: right;
    display: none;
    width: 30px;
    margin-top: -26px;
    font-size: 1.2rem;
    line-height: 1;
    text-align: left
}

.b-comments .toggle-comment[aria-expanded=false] {
    display: inline-block
}

.b-comments .toggle-comment:focus .comment-toggle,
.b-comments .toggle-comment:hover .comment-toggle {
    color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .toggle-comment:focus .comment-toggle,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .toggle-comment:hover .comment-toggle {
    color: #fa7d19
}

.b-comments .comment-toggle {
    position: relative;
    top: 4px;
    left: -3px;
    color: #34393f;
    -webkit-transition: color .4s;
    transition: color .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment-toggle {
    color: #9e9fa2
}

.b-comments .delete-comment {
    position: absolute;
    top: 24px;
    right: 24px;
    height: 18px;
    margin: 0;
    border-left: 1px solid #96999c;
    padding: 0;
    background-color: transparent
}

.b-comments .delete-comment:before {
    padding: 0 0 0 4px;
    font-size: 1.5rem;
    line-height: 1rem;
    color: #96999c
}

.b-comments .delete-comment:focus:before,
.b-comments .delete-comment:hover:before {
    color: #fa7d19
}

.b-comments .close-comments {
    position: relative;
    float: right;
    margin: 0;
    padding: 8px 0 16px 20px;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #5c6166;
    background: 0 0
}

.b-comments .close-comments:focus,
.b-comments .close-comments:hover {
    color: #34393f
}

.b-comments .close-comments:focus:after,
.b-comments .close-comments:hover:after {
    display: block;
    border-bottom-color: #fa7d19;
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-comments .close-comments:before {
    position: absolute;
    left: 0;
    font-size: 1.25rem
}

.b-comments .close-comments:after {
    position: relative;
    top: -3px;
    display: block;
    border-bottom: 1px solid transparent;
    content: "";
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-comments .more-comments {
    display: block;
    clear: both
}

.b-comments .more-comments:focus,
.b-comments .more-comments:hover {
    text-decoration: underline
}

.b-comments .more-comments.m-hidden {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-module.x-notitle {
        margin-top: 32px
    }
    .b-content-module .details .teaser-label {
        width: auto
    }
    .b-content-module .item-caption .inner {
        padding: 16px 16px 48px
    }
    .b-content-module .item-caption .item-description {
        margin-bottom: 16px;
        padding: 0
    }
    .b-content-module .item-caption .teaser-label+.teaser-foot {
        margin-top: 16px
    }
    .b-content-module .item-caption .teaser-foot {
        white-space: nowrap
    }
    .b-content-module .item-caption .teaser-foot .icon {
        display: none
    }
    .b-content-module .teaser-title {
        font-size: 1.25rem
    }
    .b-content-module .teaser-title .title-link {
        display: block
    }
    .b-content-module .teaser-title .title-link:after {
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        content: "";
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .b-content-module .teaser-title .icon-206_arrow-right:before {
        font-size: 28px
    }
    .b-content-module .b-plus-button {
        bottom: 7px;
        right: 7px
    }
    .b-content-module .content-item.m-news.m-label .inner {
        padding-top: 32px
    }
    .b-content-module .news-label {
        top: 0;
        bottom: inherit;
        left: 16px;
        width: auto
    }
    .b-content-module .big-headline {
        font-size: 1.375rem;
        line-height: unset
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-content-module .gallery-slider-box .slide-prev {
        left: 0
    }
    .b-content-module .gallery-slider-box .slide-next {
        right: 0
    }
    .b-content-module .content-box:not(.gallery-slider-box) .item-caption {
        position: relative;
        z-index: 2
    }
    .b-content-module .img-container {
        z-index: 1
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-content-module .b-plus-button .plus-main-btn.js-plus-btn {
        margin-top: 9px;
        margin-left: 9px
    }
    .b-content-module .b-plus-button .plus-main-btn .inner-circle {
        width: 32px;
        height: 32px
    }
    .b-content-module .b-plus-button .plus-main-btn .inner-circle:before {
        font-size: 18px;
        line-height: 20px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-module.x-notitle {
        margin-top: 64px
    }
    .b-content-module .item-caption .inner {
        padding: 24px
    }
    .b-content-module .item-caption .inner.m-label .teaser-label {
        left: 24px
    }
    .b-content-module .item-caption .item-description {
        margin-bottom: 24px
    }
    .b-content-module .item-caption .teaser-label {
        margin-bottom: 24px
    }
    .b-content-module .item-caption .teaser-foot {
        position: static
    }
    .b-content-module .teaser-title {
        font-size: 1.375rem
    }
    .b-content-module .content-item .scroll-arrow.x-prev {
        left: 0
    }
    .b-content-module .content-item .scroll-arrow.x-next {
        right: 0
    }
    .b-content-module .content-item .scroll-arrow.m-disabled {
        display: none
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-module.m-video .content-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-content-module .content-item {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .b-content-module .content-item.m-news.m-label .inner {
        padding-top: 48px
    }
    .b-content-module .news-label {
        top: 0
    }
    .b-content-module .item-caption {
        position: relative
    }
    .b-content-module .expand-btn:hover {
        opacity: .8
    }
}

.b-content-module .teaser-box {
    position: relative
}

.b-content-module .gallery-slider-box {
    overflow: hidden
}

.b-content-module .gallery-slider-box .content-item {
    min-height: 100%
}

.b-content-module .gallery-slider-box .item-number {
    font-weight: 300
}

.b-content-module .gallery-slider-box .item-caption .has-infoline {
    line-height: 1rem
}

.b-content-module .gallery-slider-box .item-caption .has-infoline+.teaser-foot {
    left: 0
}

.b-content-module .gallery-slider-box .item-caption .has-infoline .teaser-foot {
    margin-bottom: 3px;
    height: 14px
}

@media print,
screen and (min-width:40em) {
    .b-content-module .gallery-slider-box .item-caption .has-infoline .teaser-foot {
        margin-bottom: 4px;
        height: 16px;
        left: 0;
        bottom: 20px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-module .gallery-slider-box .item-caption .has-infoline .teaser-foot .teaser-info:nth-child(2) {
        left: 0
    }
}

.b-content-module .gallery-slider-box .item-caption .teaser-foot {
    top: inherit;
    display: inline-block;
    left: 0;
    bottom: 0;
    width: 150px
}

@media print,
screen and (min-width:40em) {
    .b-content-module .gallery-slider-box .item-caption .teaser-foot {
        position: absolute;
        width: 100%;
        left: 24px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-module .gallery-slider-box .item-caption .teaser-foot {
        width: 320px
    }
}

.b-content-module .gallery-slider-box .item-caption .teaser-foot .teaser-info {
    font-weight: 300;
    width: auto
}

@media print,
screen and (min-width:64em) {
    .b-content-module .gallery-slider-box .item-caption .teaser-foot .teaser-info:nth-child(2) {
        left: 50px;
        position: absolute
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-content-module .gallery-slider-box .teaser-info-container {
        height: 51px
    }
}

.b-content-module .content-item {
    position: relative;
    width: 100%;
    margin: 0;
    background-color: #1f232a
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .content-item {
    background-color: #1f232a!important
}

.b-content-module .content-item.m-keyboardfocus {
    outline-offset: -4px
}

.b-content-module .content-item:not(.m-keyboardfocus) {
    outline: 0
}

.b-content-module .content-item>.artdirect {
    display: none
}

.b-content-module .content-item.m-text-dark .item-caption .item-description,
.b-content-module .content-item.m-text-dark .item-caption .teaser-cat,
.b-content-module .content-item.m-text-dark .item-caption .teaser-foot,
.b-content-module .content-item.m-text-dark .item-caption .teaser-title,
.b-content-module .content-item.m-text-dark .item-caption .teaser-title .link {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .content-item.m-text-dark .item-caption .item-description,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .content-item.m-text-dark .item-caption .teaser-cat,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .content-item.m-text-dark .item-caption .teaser-foot,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .content-item.m-text-dark .item-caption .teaser-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .content-item.m-text-dark .item-caption .teaser-title .link {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .itemscroller-content>.content-item {
    min-height: 100%
}

.b-content-module .img-container {
    overflow: hidden;
    position: relative
}

.b-content-module .img-container .content-label {
    position: absolute;
    width: auto;
    right: 16px;
    top: 16px;
    z-index: 2
}

.b-content-module .img-container .content-label.hide-label {
    z-index: 1
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-module .img-container .content-label img {
        height: 32px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-module .img-container .content-label img {
        height: 40px
    }
}

.b-content-module .item-img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: auto;
    user-drag: none
}

.b-content-module .item-caption {
    padding: 0;
    background-color: transparent
}

.b-content-module .item-caption .inner {
    overflow: hidden;
    clear: both;
    margin: 0
}

.b-content-module .item-caption .inner .teaser-label {
    position: static
}

.b-content-module .item-caption .teaser-cat {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-cat {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .teaser-title {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-title {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .teaser-title .link {
    display: inline-block;
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-title .link {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .teaser-title .link:focus,
.b-content-module .item-caption .teaser-title .link:hover {
    text-decoration: underline
}

.b-content-module .item-caption .teaser-title .link:visited {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-title .link:visited {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .teaser-title .item-number {
    font-family: Uniwidth, sans-serif
}

.b-content-module .item-caption .item-description {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .item-description {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .item-description:before {
    display: none
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .item-description .arrowhover {
    color: #9e9fa2
}

.b-content-module .item-caption .teaser-foot {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    color: rgba(255, 255, 255, .87);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-foot {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .teaser-foot .teaser-info-title {
    margin-right: 8px;
    font-weight: 700;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-foot .teaser-info-title {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .item-title {
    display: block;
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .item-title {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .video-description {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .video-description {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .item-caption .teaser-foot {
    padding-right: 64px;
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-foot {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .special-info {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .special-info {
    color: rgba(255, 255, 255, .87)
}

.b-content-module .m-keyboardfocus {
    outline-color: #fa7d19
}

.b-content-module .b-playerbox {
    z-index: 1
}

.b-content-module .b-playerbox+.b-ratiobox {
    padding: 0
}

@media print,
screen and (min-width:40em) {
    .b-content-module .content-box-new {
        font-size: .9375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-module .content-box-new .item-title {
        margin-bottom: 16px
    }
}

.b-content-module .content-box-new .item-description {
    margin-bottom: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-module .content-box-new .item-description {
        line-height: 1.5rem;
        margin-bottom: 18px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-module .content-box-new .item-description {
        font-size: 1.125rem
    }
}

.b-content-module .content-box-new .item-description .arrowhover {
    color: #9e9fa2
}

.b-content-module .content-box-new .item-caption .inner .teaser-label {
    margin-bottom: 0;
    margin-top: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-module .content-box-new .item-caption .inner .teaser-label {
        position: relative;
        bottom: -5px;
        left: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-module .content-box-new .item-caption .inner .teaser-label {
        vertical-align: bottom
    }
}

.b-content-module .content-box-new .teaser-info-container {
    position: relative;
    bottom: 0;
    width: calc(100% - 64px)
}

@media print,
screen and (min-width:64em) {
    .b-content-module .content-box-new .teaser-info-container {
        position: absolute;
        bottom: 24px
    }
}

.b-content-module .content-box-new .teaser-foot {
    line-height: .875rem;
    text-shadow: none
}

@media print,
screen and (min-width:40em) {
    .b-content-module .content-box-new .teaser-foot {
        line-height: 1rem
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-content-module .content-box-new .teaser-foot {
        margin-top: 16px
    }
}

.b-content-module .content-box-new .special-info {
    font-size: 13px
}

@media print,
screen and (min-width:40em) {
    .b-content-module .content-box-new .special-info {
        font-size: 14px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-module .content-box-new .teaser-cat {
        font-size: 14px;
        margin-bottom: 4px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-module .content-box-new .item-caption .inner {
        padding: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-module .content-box-new .b-plus-button {
        bottom: 7px;
        right: 7px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-module .content-box-new .b-plus-button {
        bottom: 19px;
        right: 19px
    }
}

.b-content-teaser-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    position: relative
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item:hover .preview-image {
        opacity: .7;
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

.b-content-teaser-item.x-tooltip .inner {
    height: 385px
}

.b-content-teaser-item.x-tooltip .teaser-text {
    margin-bottom: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item.x-tooltip .box {
        padding: 24px
    }
}

.b-content-teaser-item .inner {
    position: relative;
    width: 100%;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-teaser-item .inner {
    background-color: #1f232a
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.b-content-teaser-item .ratio-wrap {
    position: relative
}

.b-content-teaser-item .ratio-wrap .b-ratiobox:before {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
    background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    content: ""
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item .ratio-wrap .b-ratiobox:before {
        height: 60px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .ratio-wrap .b-ratiobox:before {
        height: 60px
    }
}

.b-content-teaser-item .b-ratiobox {
    overflow: hidden;
    background-color: #25292e
}

.b-content-teaser-item .preview-image {
    opacity: 1;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .preview-image {
        height: auto
    }
}

.b-content-teaser-item .teaser-foot {
    position: absolute;
    z-index: 2;
    margin: 0
}

.b-content-teaser-item .search-foot {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .search-foot {
        bottom: 20px;
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.b-content-teaser-item .search-foot .teaser-label {
    position: static;
    margin-right: 8px
}

.b-content-teaser-item .box {
    position: relative
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .box {
        padding: 24px;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-height: 204px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .box.m-air,
    .b-content-teaser-item .box.m-tags {
        padding-bottom: 48px
    }
}

.b-content-teaser-item .teaser-title:not(.m-cat) {
    margin-top: 16px
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item .teaser-title:not(.m-cat) {
        margin-top: 30px
    }
}

.b-content-teaser-item .special-info {
    position: absolute;
    display: block;
    width: calc(80% - .75rem);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .special-info {
        bottom: 16px;
        font-size: .875rem;
        line-height: 1rem
    }
}

.b-content-teaser-item .special-info span {
    margin-right: 6px;
    font-size: 1.125rem;
    vertical-align: middle
}

.b-content-teaser-item .countdown-hint {
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .countdown-hint {
        margin: 16px 0 0
    }
}

.b-content-teaser-item.m-hide-teaser {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.b-content-teaser-item.m-placeholder {
    position: relative
}

.b-content-teaser-item.m-placeholder.lazyloading .loader {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear
}

.b-content-teaser-item.m-placeholder .loader {
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: #e8e8e8;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #96999c), color-stop(42%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #96999c 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #96999c 10%, rgba(255, 255, 255, 0) 42%)
}

.b-content-teaser-item.m-placeholder .loader:before {
    background: #96999c
}

.b-content-teaser-item.m-placeholder .loader:after {
    background: #e8e8e8
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item.m-placeholder.lazyload,
    .b-content-teaser-item.m-placeholder.lazyloading {
        min-height: 400px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item.m-placeholder.lazyload,
    .b-content-teaser-item.m-placeholder.lazyloading {
        min-height: 366px
    }
}

.b-content-teaser-item.m-seamless .teaser-label {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item .b-plus-button,
    .b-content-teaser-item .b-plus-button.m-small {
        bottom: -7px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .m-16-9 {
        visibility: visible
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .teaser-text {
        margin-bottom: 16px
    }
}

.hide-teaser-text .b-content-teaser-item .teaser-text {
    display: none
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .teaser-title-link {
        margin-bottom: 8px;
        font-size: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item.m-show .box {
        padding-bottom: 32px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item:not(.x-tooltip) {
        height: 120px
    }
    .b-content-teaser-item:not(.x-tooltip) .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-content-teaser-item:not(.x-tooltip) .ratio-wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        overflow: hidden;
        width: 107px;
        height: 120px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .b-content-teaser-item:not(.x-tooltip) .ratio-wrap>.b-ratiobox {
        padding-bottom: 112.5%
    }
    .b-content-teaser-item:not(.x-tooltip) .m-8-9 {
        visibility: visible
    }
    .b-content-teaser-item:not(.x-tooltip) .box {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        height: 120px;
        width: 70%;
        padding: 16px
    }
    .b-content-teaser-item:not(.x-tooltip).m-countdown {
        height: auto
    }
    .b-content-teaser-item:not(.x-tooltip).b-blockquote-teaser {
        height: auto;
        margin-bottom: 24px;
        padding: 0 16px
    }
    .b-content-teaser-item:not(.x-tooltip).b-blockquote-teaser .box {
        height: auto;
        margin: 0;
        padding-top: 0
    }
    .b-content-teaser-item:not(.x-tooltip).b-blockquote-teaser .box:before {
        top: -11px
    }
    .b-content-teaser-item:not(.x-tooltip).m-placeholder.lazyload .inner,
    .b-content-teaser-item:not(.x-tooltip).m-placeholder.lazyloading .inner {
        width: 100%;
        height: 120px
    }
    .b-content-teaser-item:not(.x-tooltip) .countdown-hint {
        font-size: 1rem
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        width: 100%;
        bottom: 10px;
        height: 1.375rem;
        font-size: .8125rem;
        line-height: 1.375rem;
        width: auto
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-label.x-dark {
        overflow: hidden;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-label:not(.x-dark) .icon {
        display: none
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-title-link {
        overflow: hidden;
        display: block;
        height: calc(1.25rem * 2 - 1px);
        font-size: 1rem;
        line-height: 1.25rem
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-title-link .title-icon {
        height: 20px;
        font-size: 1rem
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-title-link .title-icon:before {
        line-height: 22px
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-text {
        display: none
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-foot {
        bottom: 8px;
        left: -97px;
        font-size: .8125rem;
        line-height: 1.25rem;
        white-space: nowrap;
        top: auto
    }
    .b-content-teaser-item:not(.x-tooltip) .teaser-foot .icon,
    .b-content-teaser-item:not(.x-tooltip) .teaser-foot .time-label {
        display: none
    }
    .b-content-teaser-item:not(.x-tooltip) .countdown-hint {
        margin: 8px 0 16px
    }
    .b-content-teaser-item:not(.x-tooltip) .special-info {
        bottom: 10px;
        left: 16px;
        font-size: .8125rem;
        line-height: .875rem
    }
    .b-content-teaser-item:not(.x-tooltip) .search-foot {
        bottom: 10px;
        font-size: .8125rem;
        line-height: 1.25rem
    }
    .b-content-teaser-item:not(.x-tooltip) .search-foot .air-time {
        font-size: .8125rem;
        line-height: 1.25rem
    }
    .b-content-teaser-item .b-plus-button,
    .b-content-teaser-item .b-plus-button.m-small {
        bottom: -7px
    }
}

.b-content-teaser-item .edit-ui {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item .edit-ui {
        padding: .625rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .b-content-teaser-item .edit-ui .checkmark {
        position: relative;
        width: 16px;
        height: 16px;
        border: 2px solid #34393f;
        background-color: transparent;
        outline: 0
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-teaser-item .edit-ui .checkmark {
        border-color: #fff
    }
    .selected.b-content-teaser-item .edit-ui .checkmark:after {
        position: absolute;
        top: .125rem;
        left: .125rem;
        z-index: 2;
        width: 8px;
        height: 8px;
        background-color: #fa7d19;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .selected.b-content-teaser-item .edit-ui .checkmark:after {
        background-color: #fa7d19
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .edit-ui {
        position: absolute!important;
        top: 0!important;
        right: 0!important;
        bottom: 0!important;
        left: 0!important;
        z-index: 4;
        font-size: 16px;
        background: rgba(0, 0, 0, .01)
    }
    .selected.b-content-teaser-item .edit-ui {
        background: rgba(0, 0, 0, .3);
        color: #fff
    }
    .b-content-teaser-item .edit-ui .aspect-ratio-wrap {
        height: 0;
        padding-top: 56.25%;
        position: absolute!important;
        top: 0!important;
        right: 0!important;
        left: 0!important
    }
    .b-content-teaser-item .edit-ui .checkmark {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 16px;
        height: 16px;
        border: 2px solid #34393f;
        background-color: #fff;
        outline: 0
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-teaser-item .edit-ui .checkmark {
        border-color: #fff;
        background-color: #1f232a
    }
    .selected.b-content-teaser-item .edit-ui .checkmark:after {
        position: absolute;
        top: .125rem;
        left: .125rem;
        z-index: 2;
        width: 8px;
        height: 8px;
        background-color: #fa7d19;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .selected.b-content-teaser-item .edit-ui .checkmark:after {
        background-color: #fa7d19
    }
}

[data-list-mode=loading] .b-content-teaser-item .edit-ui {
    display: none;
    pointer-events: none
}

[data-list-mode=ready] .b-content-teaser-item .edit-ui {
    display: none;
    pointer-events: none
}

[data-teaser-list-selectable=false] .b-content-teaser-item .edit-ui {
    display: none;
    pointer-events: none
}

.b-content-teaser-item .news-teaser .seamless-percent {
    display: none
}

.b-content-teaser-item .content-label {
    position: absolute;
    width: auto;
    right: 8px;
    top: 8px;
    z-index: 2
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item .content-label {
        right: auto;
        left: 27px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .content-label {
        right: 16px;
        top: 16px
    }
}

.b-content-teaser-item .content-label img {
    height: 32px
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item .content-label img {
        height: 40px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item-new .teaser-label,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-label {
        left: 12px;
        bottom: 12px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item-new .teaser-label,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-label {
        left: 16px;
        bottom: 16px
    }
}

.b-content-teaser-item-new .box,
.b-content-teaser-item-new:not(.x-tooltip) .box {
    min-height: unset;
    padding: 8px 12px 12px
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item-new .box,
    .b-content-teaser-item-new:not(.x-tooltip) .box {
        padding: 6px 12px 10px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item-new .box,
    .b-content-teaser-item-new:not(.x-tooltip) .box {
        padding: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item-new .box.m-air,
    .b-content-teaser-item-new .box.m-tags,
    .b-content-teaser-item-new:not(.x-tooltip) .box.m-air,
    .b-content-teaser-item-new:not(.x-tooltip) .box.m-tags {
        padding-bottom: 66px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item-new .box.m-air,
    .b-content-teaser-item-new .box.m-tags,
    .b-content-teaser-item-new:not(.x-tooltip) .box.m-air,
    .b-content-teaser-item-new:not(.x-tooltip) .box.m-tags {
        padding-bottom: 72px
    }
}

.b-content-teaser-item-new .special-info,
.b-content-teaser-item-new:not(.x-tooltip) .special-info {
    width: calc(100% - 32px)
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item-new .special-info,
    .b-content-teaser-item-new:not(.x-tooltip) .special-info {
        left: 12px
    }
}

.b-content-teaser-item-new .teaser-label+.special-info,
.b-content-teaser-item-new:not(.x-tooltip) .teaser-label+.special-info {
    text-align: right
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item-new .teaser-label+.special-info,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-label+.special-info {
        left: auto;
        right: 0
    }
}

.b-content-teaser-item-new .teaser-foot,
.b-content-teaser-item-new:not(.x-tooltip) .teaser-foot {
    color: #34393f;
    text-shadow: none
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item-new .teaser-foot,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-foot {
        position: absolute;
        top: auto;
        bottom: 44px;
        left: 12px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item-new .teaser-foot,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-foot {
        bottom: 48px;
        left: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item-new .teaser-foot,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-foot {
        margin-bottom: 6px;
        left: 0;
        position: relative;
        line-height: 1rem;
        bottom: 0
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-teaser-item-new .teaser-foot,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-teaser-item-new:not(.x-tooltip) .teaser-foot {
    color: rgba(255, 255, 255, .87)
}

.b-content-teaser-item-new .teaser-cat,
.b-content-teaser-item-new:not(.x-tooltip) .teaser-cat {
    margin-bottom: 3px;
    font-size: .8125rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item-new .teaser-cat,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-cat {
        line-height: .9375rem;
        margin-bottom: 2px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item-new .teaser-cat,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-cat {
        margin-bottom: 6px;
        font-size: .9375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item-new .teaser-text,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-text {
        font-size: .8125rem
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-content-teaser-item-new .teaser-text,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-text {
        line-height: 1.3125rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item-new .teaser-text,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-text {
        font-size: 1.125rem
    }
}

.b-content-teaser-item-new .teaser-title-link,
.b-content-teaser-item-new:not(.x-tooltip) .teaser-title-link {
    font-size: 1rem;
    line-height: 1.25rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item-new .teaser-title-link,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-title-link {
        height: calc(1.25rem * 2 - 1px)
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item-new .teaser-title-link,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-title-link {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-content-teaser-item-new .teaser-title,
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-title {
        margin-bottom: 6px
    }
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-item-new .teaser-title:not(.m-cat),
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-title:not(.m-cat) {
        margin-top: 27px
    }
}

@media print,
screen and (min-width:64em) {
    .b-content-teaser-item-new .teaser-title:not(.m-cat),
    .b-content-teaser-item-new:not(.x-tooltip) .teaser-title:not(.m-cat) {
        margin-top: 30px
    }
}

.b-content-teaser-list {
    overflow: hidden
}

.b-content-teaser-list .teaser-block-grid-container {
    padding-right: 0;
    padding-left: 0;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-list .teaser-block-grid-container {
        padding-right: .375rem;
        padding-left: .375rem
    }
}

.b-content-teaser-list .teaser-block-grid-container>.grid-x>.cell {
    margin-bottom: .125rem
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-list .teaser-block-grid-container>.grid-x>.cell {
        margin-bottom: 1.25rem
    }
}

.b-content-teaser-list.m-shows {
    padding-top: 24px
}

.b-content-teaser-list.m-shows .ratio-wrap {
    display: none
}

.b-content-teaser-list.no-title:not(.collapse-header-space) {
    margin-top: 32px
}

.b-content-teaser-list .load-more-container .button {
    margin-top: 16px
}

@media print,
screen and (min-width:40em) {
    .b-content-teaser-list.m-missed,
    .b-content-teaser-list:last-child {
        margin-bottom: -24px
    }
    .b-content-teaser-list.no-title:not(.collapse-header-space) {
        margin-top: 64px
    }
    .b-content-teaser-list.thema-startseite {
        margin-top: -32px;
        padding: 0
    }
}

.b-content-teaser-list.m-shows .b-content-teaser-item .box {
    padding-bottom: 32px
}

.b-content-teaser-list.m-has-teaser .m-no-content,
.b-content-teaser-list.m-hide {
    display: none
}

.b-content-teaser-list .title.m-btn {
    padding-right: 64px
}

.b-content-teaser-list .title .avatar-image {
    display: none
}

.x-tivi .b-content-teaser-list .title .avatar-image {
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .x-tivi .b-content-teaser-list .title .avatar-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.x-tivi .b-content-teaser-list .title .avatar-image:not(:empty) {
    margin-right: .1875rem
}

@media print,
screen and (min-width:40em) {
    .x-tivi .b-content-teaser-list .title .avatar-image:not(:empty) {
        margin-right: .3125rem
    }
}

@media print,
screen and (min-width:64em) {
    .x-tivi .b-content-teaser-list .title .avatar-image:not(:empty) {
        margin-right: .3125rem
    }
}

.b-content-teaser-list.m-bookmarks .teaserlist-showmore,
.b-content-teaser-list.m-history .teaserlist-showmore,
.b-content-teaser-list.m-notification .teaserlist-showmore,
.b-content-teaser-list.m-subscriptions .teaserlist-showmore {
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.b-content-teaser-list.m-bookmarks:not(.m-ready) .teaserlist-showmore,
.b-content-teaser-list.m-history:not(.m-ready) .teaserlist-showmore,
.b-content-teaser-list.m-notification:not(.m-ready) .teaserlist-showmore,
.b-content-teaser-list.m-subscriptions:not(.m-ready) .teaserlist-showmore {
    opacity: 0;
    visibility: hidden;
    min-height: 400px
}

.b-content-teaser-list.m-bookmarks .load-more-container .button,
.b-content-teaser-list.m-history .load-more-container .button,
.b-content-teaser-list.m-notification .load-more-container .button,
.b-content-teaser-list.m-subscriptions .load-more-container .button {
    margin-bottom: 16px
}

.b-content-teaser-list .load-more-container .button {
    min-width: 6.875rem;
    margin-bottom: 0
}

.b-day-bar {
    background-color: #2a2d34
}

@media print,
screen and (max-width:39.99875em) {
    .b-day-bar {
        height: 40px
    }
    .b-day-bar .day-box .day-arrow {
        top: 5px
    }
    .b-day-bar .day-box .day-text {
        font-size: 1.25rem;
        line-height: 40px
    }
    .b-day-bar .day-box .calendar-link {
        margin-top: 5px
    }
}

@media print,
screen and (min-width:40em) {
    .b-day-bar {
        height: 50px
    }
    .b-day-bar .day-box .day-centered {
        display: inline-block;
        padding-right: 64px
    }
    .b-day-bar .day-box .day-arrow {
        top: .625rem
    }
    .b-day-bar .day-box .day-text {
        font-size: 1.625rem;
        line-height: 50px
    }
    .b-day-bar .day-box .calendar-link {
        margin-top: 10px
    }
}

.b-day-bar .day-box {
    position: relative
}

.b-day-bar .day-box .day-centered {
    position: relative
}

.b-day-bar .day-box .day-inner {
    position: relative;
    float: left;
    display: inline-block
}

.b-day-bar .day-box .day-arrow {
    position: absolute;
    height: 30px;
    font-size: 1.25rem;
    line-height: 30px;
    color: #9e9fa2;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.b-day-bar .day-box .day-arrow.x-prev {
    left: 0
}

.b-day-bar .day-box .day-arrow.x-next {
    right: 0
}

.b-day-bar .day-box .day-arrow:focus:not(.m-keyboardfocus),
.b-day-bar .day-box .day-arrow:hover {
    outline: 0;
    color: #fa7d19
}

.b-day-bar .day-box .day-arrow span {
    pointer-events: none
}

.b-day-bar .day-box .day-text {
    padding: 0 32px;
    color: rgba(255, 255, 255, .87)
}

.b-day-bar .day-box .day-text span {
    display: inline-block;
    margin-right: 10px
}

.b-day-bar .day-box .calendar-link {
    height: 30px;
    margin-left: 16px;
    font-size: 1rem;
    line-height: 30px;
    color: #9e9fa2;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.b-day-bar .day-box .calendar-link:hover {
    outline: 0;
    color: #fa7d19
}

.b-day-bar .day-box .calendar-link:focus:not(.m-keyboardfocus) {
    outline: 0;
    color: #9e9fa2
}

.b-day-bar .day-box .calendar-link[aria-expanded=true] {
    outline: 0;
    color: #fa7d19
}

.b-day-bar .m-keyboardfocus {
    outline-color: #fa7d19
}

.b-debug-alert {
    overflow: auto;
    position: relative;
    width: 100%;
    height: 45px;
    background-color: grey
}

.b-debug-alert .alert-title {
    margin-right: 10px;
    border-radius: 2px;
    padding: 2px 4px;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: 1.2;
    letter-spacing: 1px;
    color: grey;
    background-color: #fff
}

.b-debug-alert .alert-item {
    content:'{"speed":60}'!important;
    display: table-row;
    font-size: 1rem;
    line-height: 40px;
    white-space: nowrap;
    color: #fff
}

.b-debug-alert .alert-item::before {
    content:'{"speed":60}'!important;
    font-family:'{"speed":60}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-debug-alert .alert-item .link {
    border-bottom: 1px solid transparent;
    color: #fff;
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-debug-alert .alert-item .link:focus,
.b-debug-alert .alert-item .link:hover {
    border-bottom: 1px solid #fff
}

.b-debug-alert .alert-item .alert-divide:before {
    position: relative;
    padding: 8px;
    content: "+++"
}

.b-debug-alert .date-form {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap
}

.b-debug-alert .date-input {
    float: left;
    display: inline-block;
    width: 180px;
    height: 20px;
    margin-top: 10px;
    padding: 0 10px;
    font-size: .875rem;
    line-height: 1.25rem;
    background-color: #fff
}

.b-debug-alert .date-submit {
    display: inline-block;
    width: auto;
    height: 22px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: #fff;
    background-color: #34393f;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.b-debug-alert .date-submit:focus,
.b-debug-alert .date-submit:hover {
    background-color: #5c6166
}

.b-dialog.x-dialog-adult p {
    margin-bottom: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-adult p {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-adult p {
        font-size: 1.125rem
    }
}

.b-dialog.x-dialog-adult .checkbox-wrap {
    margin-bottom: 24px
}

.b-dialog.x-dialog-change-optionaldata .radio-wrap {
    padding-bottom: 16px
}

@media print,
screen and (max-width:63.99875em) {
    .b-dialog.x-dialog-change-optionaldata .radio-wrap {
        margin: 0!important
    }
}

.b-dialog.x-dialog-change-optionaldata .form-field-caption {
    font-size: .875rem;
    line-height: 1rem;
    margin: .875rem 0 32px
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-change .change-success {
        padding: 64px 16px 16px
    }
    .b-dialog.x-dialog-change .changepanelgroup-panel p {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-change .change-success {
        min-height: 171px;
        padding-left: 150px;
        background: url(/static/0.109.2334/img/bgs/success.png) left bottom no-repeat;
        background-size: 136px 171px
    }
    .b-dialog.x-dialog-change .change-no-success {
        min-height: 171px;
        padding-left: 150px;
        background: url(/static/0.109.2334/img/bgs/no-success.png) left bottom no-repeat;
        background-size: 136px 171px
    }
    .b-dialog.x-dialog-change .changepanelgroup-panel p {
        font-size: 1.125rem
    }
}

.b-dialog.x-dialog-change .changepanelgroup-panel-wrapper {
    height: auto!important
}

.b-dialog.x-dialog-change .changepanelgroup-panel .pass-text {
    margin: 0 0 16px;
    font-size: 1rem;
    line-height: 1.375rem
}

.b-dialog.x-dialog-change p.form-required-note {
    font-size: .875rem;
    line-height: 1.125rem;
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-cmp-error {
    background-color: #d4d5d5!important
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-cmp-error {
    background-color: #2a2d34!important;
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-cmp-error .dialog-close {
    color: #34393f!important
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-cmp-error .dialog-close {
    color: #9e9fa2!important
}

.b-dialog.x-dialog-cmp-error .cmp-img {
    width: 100%;
    margin: 0 auto 1rem;
    display: block
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-cmp-error .cmp-img {
        max-width: 7.5rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-cmp-error .cmp-img {
        max-width: 9.75rem
    }
}

.b-dialog.x-dialog-cmp-error .modal-headline {
    color: rgba(255, 255, 255, .87)!important
}

.b-dialog.x-dialog-cmp-error p {
    margin: 0;
    color: rgba(255, 255, 255, .87)!important
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-cmp-error p {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-cmp-error p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-data p {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-data p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-download p {
        font-size: 1rem
    }
    .b-dialog.x-dialog-download .download-link {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-download p {
        font-size: 1.125rem
    }
    .b-dialog.x-dialog-download .download-link {
        font-size: 1.125rem
    }
}

.b-dialog.x-dialog-download.m-dark .modal-headline {
    margin-top: 16px
}

.b-dialog.x-dialog-download.m-dark .checkbox-wrap,
.b-dialog.x-dialog-download.m-dark p:first-of-type {
    margin-bottom: 16px
}

.b-dialog.x-dialog-download.m-dark .checkbox-wrap {
    height: 22px
}

.b-dialog.x-dialog-download.m-dark .download-item {
    overflow: hidden;
    margin-bottom: 16px
}

.b-dialog.x-dialog-download.m-dark .download-link {
    position: relative;
    float: left;
    display: inline-block;
    padding-left: 30px;
    font-weight: 700;
    line-height: 1.375rem;
    color: #fff;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-download.m-dark .download-link {
    color: rgba(255, 255, 255, .87)!important
}

.b-dialog.x-dialog-download.m-dark .download-link:focus,
.b-dialog.x-dialog-download.m-dark .download-link:hover {
    color: #fa7d19
}

.b-dialog.x-dialog-download.m-dark .download-link:not(.m-keyboardfocus) {
    outline: 0
}

.b-dialog.x-dialog-download.m-dark .download-link span[class*=icon-] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    line-height: 20px
}

.b-dialog.x-dialog-download.m-dark p:last-of-type {
    margin-bottom: 0
}

.b-dialog.x-dialog-epg {
    background-color: #fff
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-epg {
        width: 30%
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg {
    background-color: #2a2d34
}

.b-dialog.x-dialog-epg .m-clickarea {
    cursor: pointer
}

.b-dialog.x-dialog-epg .m-clickarea:hover .teaser-title-link {
    text-decoration: underline
}

.b-dialog.x-dialog-epg .overlay-logo {
    display: block;
    height: 36px;
    margin: 16px 24px
}

.b-dialog.x-dialog-epg .overlay-img-wrap {
    position: relative
}

.b-dialog.x-dialog-epg .overlay-content {
    position: relative;
    padding: 24px
}

.b-dialog.x-dialog-epg .overlay-content.m-clean .overlay-text {
    margin-bottom: 64px
}

.b-dialog.x-dialog-epg .overlay-title {
    margin-bottom: 32px
}

.b-dialog.x-dialog-epg .overlay-title .link {
    color: #34393f
}

.b-dialog.x-dialog-epg .overlay-subtitle {
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.375rem
}

.b-dialog.x-dialog-epg .overlay-link-time {
    margin-bottom: 16px
}

.b-dialog.x-dialog-epg .live-tag {
    font-size: 1rem
}

.b-dialog.x-dialog-epg .overlay-text {
    display: inline-block;
    margin-bottom: 32px;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .overlay-text {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-epg .arrowhover::before {
    font-size: 1.125rem
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .arrowhover::before {
    color: #9e9fa2
}

.b-dialog.x-dialog-epg .overlay-vps {
    display: block;
    font-size: .875rem;
    color: #96999c
}

.b-dialog.x-dialog-gallery {
    width: 100%;
    height: auto;
    max-width: 1980px
}

@media print,
screen and (max-width:39.99875em) {
    .dialog-gallery-backdrop {
        display: none
    }
}

.b-dialog.x-dialog-gallery .modal-slider-box {
    overflow: hidden;
    position: relative
}

.b-dialog.x-dialog-gallery .close-fullscreen {
    opacity: .5;
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 10;
    clear: both;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: #25292e;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-dialog.x-dialog-gallery .close-fullscreen span[class*=icon-] {
    display: block;
    font-size: 1.875rem;
    line-height: 40px;
    color: #fff
}

.b-dialog.x-dialog-gallery .close-fullscreen:focus,
.b-dialog.x-dialog-gallery .close-fullscreen:hover {
    opacity: .8
}

.b-dialog.x-dialog-gallery .content-item {
    position: relative;
    width: 100%
}

.b-dialog.x-dialog-gallery .img-container {
    position: relative
}

.b-dialog.x-dialog-gallery .item-img {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto
}

.b-dialog.x-dialog-gallery .item-caption-wrapper {
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    z-index: 9;
    width: 100%
}

.b-dialog.x-dialog-gallery .item-caption {
    outline: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    width: 100%;
    height: auto;
    padding: 0;
    color: #fff;
    background-color: rgba(37, 41, 46, .87);
    -webkit-transition: opacity .9s, visibility .4s, -webkit-transform .4s ease-in-out;
    transition: opacity .9s, visibility .4s, -webkit-transform .4s ease-in-out;
    transition: opacity .9s, transform .4s ease-in-out, visibility .4s;
    transition: opacity .9s, transform .4s ease-in-out, visibility .4s, -webkit-transform .4s ease-in-out;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.b-dialog.x-dialog-gallery .item-caption.m-open {
    overflow: visible;
    opacity: 1;
    visibility: inherit;
    height: auto
}

.b-dialog.x-dialog-gallery .item-caption.m-open {
    -webkit-transition: opacity .2s, visibility .4s, -webkit-transform .4s ease-in-out;
    transition: opacity .2s, visibility .4s, -webkit-transform .4s ease-in-out;
    transition: opacity .2s, transform .4s ease-in-out, visibility .4s;
    transition: opacity .2s, transform .4s ease-in-out, visibility .4s, -webkit-transform .4s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-gallery .item-caption {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(37, 41, 46, .87)
}

.b-dialog.x-dialog-gallery .item-caption .artdirect {
    display: none
}

.b-dialog.x-dialog-gallery .description {
    padding: 24px 100px 24px 24px
}

.b-dialog.x-dialog-gallery .description .item-description {
    margin-bottom: 32px
}

.b-dialog.x-dialog-gallery .teaser-cat {
    color: #fff
}

.b-dialog.x-dialog-gallery .item-title {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-gallery .item-title {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-gallery .item-title:not(.m-keyboardfocus) {
    outline: 0
}

.b-dialog.x-dialog-gallery .teaser-foot {
    position: static;
    right: inherit;
    bottom: inherit;
    left: inherit;
    display: inline-block
}

.b-dialog.x-dialog-gallery .teaser-foot .teaser-info {
    font-weight: 300;
    width: auto
}

.b-dialog.x-dialog-gallery .item-number {
    font-family: Uniwidth, sans-serif;
    font-weight: 300
}

.b-dialog.x-dialog-gallery .close-desc-btn {
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 24px;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 1.875rem;
    line-height: 40px;
    background-color: transparent;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-dialog.x-dialog-gallery .close-desc-btn span[class*=icon-] {
    display: block;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-gallery .close-desc-btn span[class*=icon-] {
    color: #9e9fa2
}

.b-dialog.x-dialog-gallery .close-desc-btn:focus,
.b-dialog.x-dialog-gallery .close-desc-btn:hover {
    opacity: 1
}

.b-dialog.x-dialog-gallery .close-desc-btn:not(.m-keyboardfocus) {
    outline: 0
}

.b-dialog.x-dialog-gallery .info-btn {
    opacity: .5;
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 10;
    clear: both;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 1.875rem;
    line-height: 40px;
    background-color: rgba(37, 41, 46, .54);
    cursor: pointer;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-dialog.x-dialog-gallery .info-btn span[class*=icon-] {
    display: block;
    color: #fff
}

.b-dialog.x-dialog-gallery .info-btn:focus,
.b-dialog.x-dialog-gallery .info-btn:hover {
    opacity: .8
}

.b-dialog.x-dialog-gallery .info-btn:not(.m-keyboardfocus) {
    outline: 0
}

.b-dialog.x-dialog-gallery .m-selected-within .info-btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s ease-in-out, visibility .4s;
    transition: opacity .4s ease-in-out, visibility .4s
}

.b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .scroll-arrow.x-prev:disabled,
.b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-prev:disabled {
    left: -48px
}

.b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .scroll-arrow.x-next,
.b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-next {
    right: 0
}

.b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .scroll-arrow.x-next:disabled,
.b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-next:disabled {
    right: -48px
}

.b-dialog.x-dialog-gallery .gallery-slider-box .scroll-arrow:focus {
    -webkit-transition: none;
    transition: none
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-infotext .inner {
        min-height: 100%;
        padding: 40px 16px 24px
    }
    .b-dialog.x-dialog-infotext .inner .guest-box {
        padding: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-infotext {
        width: 30%
    }
    .b-dialog.x-dialog-infotext .inner {
        padding: 48px 24px 24px
    }
    .b-dialog.x-dialog-infotext .inner .guest-img {
        width: 126px!important
    }
    .b-dialog.x-dialog-infotext .inner .guest-text {
        padding-left: 146px!important
    }
}

.b-dialog.x-dialog-infotext .inner {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-infotext .inner {
    background-color: #1f232a
}

.b-dialog.x-dialog-infotext .inner .guest-box {
    text-align: left
}

.b-dialog.x-dialog-infotext .inner .guest-excerpt {
    margin-top: 16px;
    text-align: left
}

.b-dialog.x-dialog-login {
    background-color: transparent!important;
    padding: 0!important
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-login {
        max-width: 23.4375rem!important
    }
}

.b-dialog.x-dialog-login label a {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-login label a {
    color: rgba(255, 255, 255, .87)!important
}

.b-dialog.x-dialog-login .checkbox-label {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-login .checkbox-label {
    color: rgba(255, 255, 255, .87)!important
}

.b-dialog.x-dialog-login .checkbox-label:before {
    border-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-login .checkbox-label:before {
    border-color: rgba(255, 255, 255, .87)!important
}

.b-dialog.x-dialog-login:not(.m-tivi-registration) .tivi-label {
    display: none!important
}

.dialog-backdrop.dialog-login-backdrop {
    z-index: 1000
}

@media (min-width:$break-tablet-min) and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .dialog-backdrop.dialog-login-backdrop .dialog-backdrop-document {
        display: block
    }
}

.b-dialog.x-dialog-map {
    width: auto;
    min-width: 0;
    background: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-map {
    color: #2a2d34
}

.b-dialog.x-dialog-map .dialog-content {
    padding-top: 48px
}

.dialog-backdrop.dialog-map-backdrop {
    background: rgba(232, 232, 232, .33)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .dialog-backdrop.dialog-map-backdrop {
    background: rgba(13, 17, 24, .9)
}

.dialog-backdrop.dialog-map-backdrop.m-open {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

.dialog-backdrop.dialog-map-backdrop.m-open .b-dialog {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

.b-dialog.x-dialog-media {
    width: auto
}

.b-dialog.x-dialog-media img {
    width: auto;
    min-width: 240px;
    max-width: calc(99vw - 17px);
    max-height: calc(99vh - 60px)
}

.dialog-media-backdrop .dialog-backdrop-document {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-onboarding.m-dark .dark-modal {
        padding-top: 48px
    }
    .b-dialog.x-dialog-onboarding .onboarding-list {
        padding-bottom: 32px
    }
    .b-dialog.x-dialog-onboarding .onboarding-item .item-img {
        margin-bottom: 16px
    }
    .b-dialog.x-dialog-onboarding .onboarding-item .item-text {
        margin-bottom: 16px;
        font-size: 1rem;
        line-height: 1.375rem
    }
    .b-dialog.x-dialog-onboarding .onboarding-item .onboarding-login {
        width: 100%;
        text-align: center
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-onboarding.m-dark .dialog-close {
        top: 8px;
        right: 8px
    }
    .b-dialog.x-dialog-onboarding.m-dark .dark-modal {
        padding-top: 56px
    }
    .b-dialog.x-dialog-onboarding .onboarding-list {
        padding-bottom: 40px
    }
    .b-dialog.x-dialog-onboarding .onboarding-item .item-img {
        margin-bottom: 24px
    }
    .b-dialog.x-dialog-onboarding .onboarding-item .item-text {
        margin-bottom: 24px;
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.b-dialog.x-dialog-onboarding .ratio-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    padding-bottom: 56.25%
}

.b-dialog.x-dialog-onboarding .onboarding-item {
    overflow: hidden;
    position: relative;
    width: 100%
}

.b-dialog.x-dialog-onboarding .onboarding-item .item-img {
    width: 100%;
    height: auto
}

.b-dialog.x-dialog-onboarding .onboarding-item .item-img.lazyloading,
.b-dialog.x-dialog-onboarding .onboarding-item .item-img[src^="data:image"] {
    height: 0;
    padding-bottom: 56.25%
}

.b-dialog.x-dialog-onboarding .scroll-arrow.x-prev {
    left: 0
}

.b-dialog.x-dialog-onboarding .scroll-arrow.x-prev:disabled {
    left: -48px
}

.b-dialog.x-dialog-onboarding .scroll-arrow.x-next {
    right: 0
}

.b-dialog.x-dialog-onboarding .scroll-arrow.x-next:disabled {
    right: -48px
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-pin legend,
    .b-dialog.x-dialog-pin p {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-pin legend,
    .b-dialog.x-dialog-pin p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    .b-dialog.x-dialog-pin .pin-fieldset {
        margin-right: 32px
    }
}

.b-dialog.x-dialog-pin .pass-title,
.b-dialog.x-dialog-pin .pin-title {
    margin-bottom: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-player-pin p {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-player-pin p {
        margin-bottom: 24px;
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.b-dialog.x-dialog-player-pin [data-module=js-panelgroup] {
    content:'{"selectedIndex":-1,"multiple":false,"duration":400,"name": "player-pin-panelgroup"}'!important
}

.b-dialog.x-dialog-player-pin [data-module=js-panelgroup]::before {
    content:'{"selectedIndex":-1,"multiple":false,"duration":400,"name": "player-pin-panelgroup"}'!important;
    font-family:'{"selectedIndex":-1,"multiple":false,"duration":400,"name": "player-pin-panelgroup"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.player-pin-panelgroup-panel-wrapper {
    position: relative
}

.player-pin-panelgroup-panel {
    display: none;
    -webkit-animation-name: tabsfadeout;
    animation-name: tabsfadeout;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    outline: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .player-pin-panelgroup-panel {
    background-color: transparent
}

.m-fx>.player-pin-panelgroup-panel.m-closing,
.m-fx>.player-pin-panelgroup-panel.m-open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block
}

.player-pin-panelgroup-panel.m-open {
    display: block;
    -webkit-animation-name: tabsfadein;
    animation-name: tabsfadein
}

.b-dialog.x-dialog-player-pin .error-item .error-msg {
    font-size: 1rem;
    line-height: 1.375rem
}

.b-dialog.x-dialog-player-pin .close-button {
    display: block;
    margin-bottom: 0
}

.b-dialog.x-dialog-player-pin:not(.is-ready) .b-pin-form .button {
    pointer-events: none
}

.b-dialog.x-dialog-player-pin.fsk12 .hide-for-12 {
    display: none
}

.b-dialog.x-dialog-player-pin.fsk16 .hide-for-16 {
    display: none
}

.b-dialog.x-dialog-player-pin.is-unverified .hide-for-unverified {
    display: none
}

.b-dialog.x-dialog-player-pin.is-verified .hide-for-verified {
    display: none
}

.b-dialog.x-dialog-player-pin .password-btn {
    color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-player-pin .password-btn {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.x-dialog-player-pin .form-wrap {
    padding: 0;
    background-color: transparent
}

.b-dialog.x-dialog-profile-switch .profile-wrap {
    margin-right: -6px;
    margin-left: -6px
}

.b-dialog.x-dialog-profile-switch .profile-wrap .profile-item {
    margin-bottom: 16px;
    padding-right: 6px;
    padding-left: 6px
}

.b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .radio-input:checked+label {
    border: 2px solid #fa7d19
}

.b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .radio-label {
    display: block;
    padding: 0
}

.b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .radio-label:after,
.b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .radio-label:before {
    display: none
}

.b-dialog.x-dialog-profile-switch .profile-wrap .avatar {
    width: 100%;
    pointer-events: none
}

.b-dialog.x-dialog-profile-switch .profile-wrap .name {
    overflow: hidden;
    display: block;
    font-size: 1.125rem;
    text-align: center;
    word-break: break-all;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.b-dialog.x-dialog-profile-switch .reg-btn {
    float: right;
    margin-bottom: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog.x-dialog-relation .inner {
        min-height: 100%;
        padding: 40px 16px 24px
    }
    .b-dialog.x-dialog-relation .inner .guest-box .relation:first-child:after {
        top: 50px;
        width: 50vw
    }
    .b-dialog.x-dialog-relation .inner .guest-box .relation:first-child .guest-img {
        width: 100px
    }
    .b-dialog.x-dialog-relation .inner .guest-box .relation:not(:first-child) .guest-img {
        width: 80px
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog.x-dialog-relation {
        width: 50%;
        min-width: 500px;
        max-width: 600px
    }
    .b-dialog.x-dialog-relation .inner {
        padding: 48px 24px 24px
    }
    .b-dialog.x-dialog-relation .inner .guest-box .relation:first-child:after {
        top: 95px;
        width: 220px
    }
    .b-dialog.x-dialog-relation .inner .guest-box .relation:first-child .guest-img {
        width: 190px
    }
    .b-dialog.x-dialog-relation .inner .guest-box .relation:not(:first-child) .guest-img {
        width: 126px
    }
}

.b-dialog.x-dialog-relation .inner {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-relation .inner {
    background-color: #2a2d34
}

.b-dialog.x-dialog-relation .inner .guest-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-dialog.x-dialog-relation .inner .guest-box .relation {
    position: relative;
    width: 50%;
    text-align: center
}

.b-dialog.x-dialog-relation .inner .guest-box .relation:first-child:after {
    position: absolute;
    left: 50%;
    z-index: 1;
    border-top: 1px solid #96999c;
    content: ""
}

.b-dialog.x-dialog-relation .inner .guest-box .relation .guest-img {
    position: relative;
    z-index: 2;
    margin-bottom: 12px;
    border-radius: 50%
}

.b-dialog.x-dialog-relation .inner .guest-box .relation .guest-name {
    display: block;
    font-weight: 700
}

.b-dialog.x-dialog-relation .inner .guest-excerpt {
    margin-top: 16px;
    text-align: left
}

.b-dialog.x-dialog-tivi-escape.m-dark .dark-modal {
    padding: 48px 24px
}

.b-dialog.x-dialog-tivi-escape.m-dark p {
    margin-bottom: 48px;
    font-size: 1.125rem;
    line-height: 1.625rem
}

.b-dialog.x-dialog-tivi-escape.m-dark .leave-btn,
.b-dialog.x-dialog-tivi-escape.m-dark .stay-btn {
    margin-top: 0
}

.b-dialog.x-dialog-tivi-escape.m-dark .stay-btn {
    margin-top: 1rem
}

.b-dialog.x-dialog-tivi-escape.m-dark .tivi-start-link {
    height: 5.9375rem;
    display: block;
    width: 100%;
    margin-bottom: 24px;
    background: url(/static/0.109.2334/img/bgs/tivi_header_452x95.png) no-repeat center;
    background-size: cover
}

.b-dialog.x-dialog-tivi-escape.m-dark .content-right {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 24px
}

.b-dialog.x-dialog-tivi.m-dark .dark-modal {
    padding: 48px 24px
}

.b-dialog.x-dialog-tivi.m-dark p {
    margin-bottom: 48px;
    font-size: 1.125rem;
    line-height: 1.625rem
}

.b-dialog.x-dialog-tivi.m-dark .leave-btn,
.b-dialog.x-dialog-tivi.m-dark .stay-btn {
    margin-top: 0
}

.b-dialog.x-dialog-tivi.m-dark .stay-btn {
    margin-left: .75rem
}

.b-dialog.x-dialog-tivi.m-dark .tivi-start-link {
    height: 5.9375rem;
    display: block;
    width: 100%;
    margin-bottom: 24px;
    background: url(/static/0.109.2334/img/bgs/tivi_header_452x95.png) no-repeat center;
    background-size: cover
}

.b-dialog {
    position: relative;
    display: none;
    outline: 0;
    margin: auto
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog {
        width: 100%;
        min-width: 0;
        max-width: none;
        max-height: none;
        margin: 0 auto
    }
    .b-dialog:not(.x-dialog-media) {
        min-height: 100%
    }
    .b-dialog.m-dark {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
    .b-dialog.m-dark .dark-modal {
        padding: 64px 16px 24px
    }
    .b-dialog.m-dark .modal-headline {
        margin: 0 0 16px;
        font-size: 1.375rem;
        line-height: 1.625rem
    }
    .dialog-backdrop.dialog-epg-backdrop .dialog-backdrop-document,
    .dialog-backdrop.dialog-epg-backdrop .dialog-player-pin-backdrop-document {
        display: block
    }
    .dialog-backdrop.dialog-epg-backdrop .b-dialog {
        overflow: hidden
    }
    .b-dialog .dialog-close {
        right: 0
    }
    .b-dialog .toggle-wrap {
        width: 130px
    }
    .b-dialog .toggle-wrap .login-toggle-btn {
        text-align: left
    }
}

@media print,
screen and (min-width:40em) {
    .b-dialog {
        width: 85%;
        min-width: 400px;
        max-width: none;
        margin: auto
    }
    .dialog-backdrop-document,
    .dialog-player-pin-backdrop-document {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .b-dialog.m-dark {
        font-size: 1.5rem;
        line-height: 1.875rem
    }
    .b-dialog.m-dark .dark-modal {
        padding: 48px 24px
    }
    .b-dialog.m-dark .modal-headline {
        margin: 0 0 16px;
        font-size: 1.5rem;
        line-height: 1.875rem
    }
    .b-dialog .dialog-close {
        right: 0
    }
}

.b-dialog p {
    font-size: 1.125rem;
    line-height: 1.625rem
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog .input {
    background-color: #1f232a;
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog .input:focus {
    background-color: #1f232a;
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog {
    color: rgba(255, 255, 255, .87);
    background-color: #2a2d34
}

.b-dialog.m-dark .dialog-close,
.b-dialog.m-light .dialog-close {
    font-size: 1rem
}

.b-dialog.m-light .dialog-close {
    color: #96999c
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-light .dialog-close {
    color: #9e9fa2
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-light .dialog-close.m-keyboardfocus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-light .dialog-close:hover {
    color: #fa7d19
}

.b-dialog.m-dark {
    max-width: 500px;
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

.b-dialog.m-dark .text-only.button {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.m-dark .pin-input .input {
    border-color: #fff;
    color: rgba(255, 255, 255, .87);
    margin-bottom: 32px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark {
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

.b-dialog.m-dark p a:not(.button) {
    line-height: inherit;
    padding: 0;
    background: 0 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    color: inherit;
    text-decoration: underline;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s, -webkit-text-decoration-color .4s;
    color: #fff;
    border-color: #fff
}

.b-dialog.m-dark p a:not(.button):focus:not(:disabled):not(.disabled),
.b-dialog.m-dark p a:not(.button):hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.b-dialog.m-dark p a:not(.button):active {
    opacity: .5!important
}

.b-dialog.m-dark p a:not(.button).disabled,
.b-dialog.m-dark p a:not(.button):disabled {
    color: #96999c;
    -webkit-text-decoration-color: #96999c;
    text-decoration-color: #96999c
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark p a:not(.button) {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark p a:not(.button):focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark p a:not(.button):hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.b-dialog.m-dark p a:not(.button):visited:not(.button) {
    color: inherit
}

.b-dialog.m-dark p a:not(.button):visited:not(.button):focus,
.b-dialog.m-dark p a:not(.button):visited:not(.button):hover {
    color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark p a:not(.button) {
    color: rgba(255, 255, 255, .87);
    border-color: rgba(255, 255, 255, .87)
}

.b-dialog.m-dark p a:not(.button).m-keyboardfocus,
.b-dialog.m-dark p a:not(.button):hover {
    color: #fa7d19!important;
    border-color: #fa7d19!important
}

.b-dialog.m-dark .dialog-close {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark .dialog-close {
    color: #9e9fa2
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark .dialog-close.m-keyboardfocus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark .dialog-close:hover {
    color: #fa7d19
}

.b-dialog.m-dark .dark-modal {
    overflow: hidden;
    position: relative
}

.b-dialog.m-dark .dark-modal:not(.login-modal) {
    background-color: #1f232a
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark .dark-modal:not(.login-modal) {
    background-color: #1f232a
}

.b-dialog.m-dark .dark-modal .password-input .unmask-toggle [class^=icon-] {
    color: #9e9fa2
}

.b-dialog.m-dark .modal-headline {
    font-weight: 700;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark .modal-headline {
    color: rgba(255, 255, 255, .87)
}

.b-dialog.m-dark .modal-headline.is-small {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin: 0
}

.b-dialog.m-dark .m-keyboardfocus:not(.primary):not(.secondary) {
    color: inherit;
    outline-color: transparent
}

.b-dialog.m-dark input.error,
.b-dialog.m-dark input.m-keyboardfocus {
    color: rgba(255, 255, 255, .87);
    outline-color: #fa7d19
}

.b-dialog.m-dark .error-msg {
    color: #f11010
}

.b-dialog.m-screen .dialog-close {
    margin: 10px;
    font-size: 1.625rem;
    color: #9e9fa2;
    background-color: rgba(37, 41, 46, .87);
    -webkit-transition: opacity .4s, color .4s;
    transition: opacity .4s, color .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-screen .dialog-close {
    color: #9e9fa2
}

.b-dialog.m-screen .dialog-close:before {
    line-height: 48px
}

.b-dialog.m-screen .dialog-close:focus:not(.m-keyboardfocus),
.b-dialog.m-screen .dialog-close:hover {
    opacity: .8
}

.b-dialog.m-screen .scroll-arrow {
    background-color: rgba(37, 41, 46, .54)
}

.b-dialog.m-fsk p {
    margin-bottom: 16px;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.b-dialog.m-fsk .checkbox-wrap {
    margin-bottom: 16px
}

.b-dialog .dialog-content {
    outline: 0
}

.b-dialog .dialog-close {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 48px;
    height: 48px;
    line-height: 2.8125rem;
    vertical-align: top;
    cursor: pointer
}

.b-dialog .dialog-close:focus:not(.m-keyboardfocus),
.b-dialog .dialog-close:hover {
    outline: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog .dialog-close {
    color: #9e9fa2
}

.b-dialog .js-rb-autofocus.js-rb-scriptfocus[tabindex="-1"] {
    outline: 0
}

.dialog-backdrop,
.dialog-player-pin-backdrop {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: rb-fx-fadeOut;
    animation-name: rb-fx-fadeOut;
    overflow: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    background: rgba(13, 17, 24, .9);
    -webkit-transition: .6s visibility;
    transition: .6s visibility
}

@-webkit-keyframes rb-fx-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes rb-fx-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.dialog-backdrop.dialog-adult-backdrop,
.dialog-backdrop.dialog-tivi-backdrop,
.dialog-player-pin-backdrop.dialog-adult-backdrop,
.dialog-player-pin-backdrop.dialog-tivi-backdrop {
    z-index: 1001
}

.dialog-backdrop .b-dialog,
.dialog-player-pin-backdrop .b-dialog {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: rb-fx-zoomOutSmall;
    animation-name: rb-fx-zoomOutSmall;
    display: block
}

@-webkit-keyframes rb-fx-zoomOutSmall {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    to {
        opacity: 0
    }
}

@keyframes rb-fx-zoomOutSmall {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    to {
        opacity: 0
    }
}

.dialog-backdrop.m-open,
.dialog-player-pin-backdrop.m-open {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: rb-fx-fadeIn;
    animation-name: rb-fx-fadeIn;
    opacity: 1;
    visibility: inherit
}

@-webkit-keyframes rb-fx-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes rb-fx-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.dialog-backdrop.m-open .b-dialog,
.dialog-player-pin-backdrop.m-open .b-dialog {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: rb-fx-zoomInSmall;
    animation-name: rb-fx-zoomInSmall;
    visibility: inherit;
    display: block
}

@-webkit-keyframes rb-fx-zoomInSmall {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    50% {
        opacity: 1
    }
}

@keyframes rb-fx-zoomInSmall {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    50% {
        opacity: 1
    }
}

.dialog-backdrop.m-loading .b-dialog,
.dialog-player-pin-backdrop.m-loading .b-dialog {
    min-height: 160px;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.dialog-backdrop-document,
.dialog-player-pin-backdrop-document {
    overflow: auto;
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.m-open-dialog-within,
.m-open-dialog-within .m-offcanvas-viewport,
.m-open-dialog-within>body {
    overflow: hidden
}

.b-dialog.m-small {
    width: 30%;
    min-width: 320px;
    max-width: 500px
}

.b-dialog.m-medium {
    width: 60%;
    min-width: 400px;
    max-width: 1100px
}

.b-dialog.m-large {
    width: 90%;
    min-width: 500px;
    max-width: 1800px
}

.b-dialog .change-wrap {
    content:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "changepanelgroup"}'!important
}

.b-dialog .change-wrap::before {
    content:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "changepanelgroup"}'!important;
    font-family:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "changepanelgroup"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-dialog .change-wrap .login-btn,
.b-dialog .change-wrap .save-btn {
    float: right
}

.b-dialog .change-wrap .m-email-change-disabled .m-hide-email-change-disabled {
    display: none
}

.b-dialog .change-wrap .email-changed-message {
    display: none
}

.b-dialog .change-wrap .m-email-changed .email-changed-message {
    display: block
}

.changepanelgroup-panel-wrapper,
.profilepanelgroup-panel-wrapper {
    position: relative
}

.changepanelgroup-panel,
.profilepanelgroup-panel {
    display: none;
    -webkit-animation-name: tabsfadeout;
    animation-name: tabsfadeout;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    outline: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .changepanelgroup-panel,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .profilepanelgroup-panel {
    background-color: transparent
}

.m-fx>.changepanelgroup-panel.m-closing,
.m-fx>.changepanelgroup-panel.m-open,
.m-fx>.profilepanelgroup-panel.m-closing,
.m-fx>.profilepanelgroup-panel.m-open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block
}

.changepanelgroup-panel.m-open,
.profilepanelgroup-panel.m-open {
    display: block;
    -webkit-animation-name: tabsfadein;
    animation-name: tabsfadein
}

.changepanelgroup-panel,
.profilepanelgroup-panel {
    background-color: #1f232a
}

.b-dialog .profile-wrap {
    content:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "profilepanelgroup"}'!important
}

.b-dialog .profile-wrap::before {
    content:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "profilepanelgroup"}'!important;
    font-family:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "profilepanelgroup"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-dialog .profile-wrap .reg-btn {
    float: right
}

.b-dialog .form:after {
    display: table;
    clear: both
}

.b-dialog .text {
    height: 40px;
    margin: 0 0 16px;
    border: none;
    border-radius: 0;
    padding: 10px 16px;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #34393f;
    -webkit-transition: border-color .4s;
    transition: border-color .4s
}

.b-dialog .text:focus {
    outline: 2px solid #fa7d19
}

.b-dialog .text.error {
    outline: 2px solid #f11010
}

.b-dialog .text::-webkit-input-placeholder {
    color: #34393f
}

.b-dialog .text::-moz-placeholder {
    opacity: 1;
    color: #34393f
}

.b-dialog .text:-moz-placeholder {
    opacity: 1;
    color: #34393f
}

.b-dialog .text:-ms-input-placeholder {
    color: #34393f
}

.b-dialog .toggle-wrap .login-toggle-btn {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #d4d5d5
}

.b-dialog .toggle-wrap .login-toggle-btn:focus,
.b-dialog .toggle-wrap .login-toggle-btn:hover {
    text-decoration: underline
}

.b-dialog .toggle-wrap .login-toggle-btn:not(:last-child) {
    border-right: 2px solid #96999c;
    padding-right: 5px
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog .content-right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 24px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-dialog .content-right .secondary+.primary {
        margin-top: 1rem
    }
}

.b-dialog-show {
    top: 0;
    display: none;
    position: absolute;
    z-index: 100
}

.b-dynamicpage {
    min-height: 490px
}

.b-dynamicpage .b-post-content .text-link {
    border-bottom: 1px solid #fa7d19;
    font-weight: 700;
    color: #34393f;
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-dynamicpage .b-post-content .text-link:focus,
.b-dynamicpage .b-post-content .text-link:hover {
    border-bottom: 1px dotted #fa7d19
}

@media print,
screen and (max-width:39.99875em) {
    .b-dynamicpage .b-content-teaser-list .title {
        width: 100%
    }
}

@media print,
screen and (min-width:40em) {
    .b-dynamicpage .b-content-teaser-list .title {
        padding-right: 80px
    }
}

.b-dynamicpage .fieldset-wrapper:first-child .b-switch:last-child .switch-label:before {
    background-color: #000!important
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dynamicpage .fieldset-wrapper:first-child .b-switch:last-child .switch-label:before {
    background-color: rgba(255, 255, 255, .87)!important
}

.b-dynamicpage .cmp-action {
    border-radius: 18px;
    width: 16.5625rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-editorial-date {
        padding: 0 16px;
        font-size: 1.125rem
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-editorial-date {
        margin-bottom: 16px
    }
    .b-editorial-date .postdate {
        margin-top: 8px
    }
}

@media print,
screen and (min-width:64em) {
    .b-editorial-date {
        margin-bottom: 32px
    }
    .b-post-header .b-editorial-date.m-right {
        float: right
    }
    .b-post-header .b-editorial-date.m-right .postdate {
        line-height: 1.5rem;
        text-align: right
    }
    .b-post-header .b-editorial-date.m-right.m-image .postdate {
        line-height: 48px
    }
    .b-post-footer .b-editorial-date .postdate {
        margin-top: 32px
    }
}

.b-editorial-date .postdate {
    font-size: 1rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-epg-program {
        content:'{"preventDefault":true}'!important
    }
    .b-epg-program::before {
        content:'{"preventDefault":true}'!important;
        font-family:'{"preventDefault":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-epg-program .sticky-time-bar {
        content:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport"}'!important;
        z-index: 90
    }
    .b-epg-program .sticky-time-bar::before {
        content:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport"}'!important;
        font-family:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-epg-program .sticky-time-bar.m-fixed {
        border-top: 1px solid #96999c
    }
    .b-epg-program .inner-container {
        padding-bottom: 100px
    }
    .b-epg-program .epg-bar {
        content:'{"preventDefault":true}'!important
    }
    .b-epg-program .epg-bar::before {
        content:'{"preventDefault":true}'!important;
        font-family:'{"preventDefault":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-epg-program .epg-bar .station-list-container {
        height: 40px
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container {
        overflow-x: scroll;
        overflow-y: hidden;
        height: 40px;
        -webkit-transform: translateZ(0);
        -webkit-overflow-scrolling: touch
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .list-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #e8e8e8
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-list-container .scroll-container .list-wrap {
        border-color: #0d1118
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list-item {
        display: block;
        width: 80px;
        height: 40px;
        margin: 0 2px 0 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list-item .station-link[aria-disabled=false] {
        background-color: #d4d5d5
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-list-container .scroll-container .station-list-item .station-link[aria-disabled=false] {
        background-color: #33373d
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-link {
        display: table;
        width: 80px;
        height: 40px
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-link .station-list-img {
        display: table-cell;
        width: 80px;
        height: 40px;
        vertical-align: middle
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-list-container .scroll-container .station-link .station-list-img {
        display: none
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-link .station-list-img.is-dark {
        display: none
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-list-container .scroll-container .station-link .station-list-img.is-dark {
        display: table-cell;
        background-color: transparent
    }
    .b-epg-program .epg-bar .station-list-container .scroll-arrow {
        height: 40px;
        margin-top: -20px
    }
    .b-epg-program .epg-bar .station-list-container .scroll-arrow span[class*=icon-] {
        position: static
    }
    .b-epg-program .epg-bar .station-list-container .scroll-arrow span[class*=icon-]:before {
        font-size: 1.625rem;
        line-height: 40px;
        position: absolute;
        top: 0;
        width: .875rem;
        text-align: center;
        text-indent: 0;
        height: 1.5rem;
        left: .625rem
    }
    .b-epg-program .epg-bar .timeline-list {
        z-index: 2;
        padding: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-epg-program .sticky-time-bar {
        content:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport","switchedOff":true}'!important
    }
    .b-epg-program .sticky-time-bar::before {
        content:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport","switchedOff":true}'!important;
        font-family:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport","switchedOff":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-epg-program .epg-bar {
        content:'{"switchedOff":true}'!important
    }
    .b-epg-program .epg-bar::before {
        content:'{"switchedOff":true}'!important;
        font-family:'{"switchedOff":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .list-wrap {
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 1;
        width: 150px
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list:first-of-type {
        border-top: 1px solid #e8e8e8
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-list-container .scroll-container .station-list:first-of-type {
        border-color: #25292e
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list .station-list-item {
        width: 150px;
        height: 102px
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list .station-list-item.x-last:not(:last-child) {
        margin-bottom: 80px
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list .station-link {
        width: 150px;
        height: 100px;
        line-height: 100px
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list .station-link .station-list-img {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 150px;
        height: 75px;
        vertical-align: middle;
        user-drag: none
    }
    .b-epg-program .epg-bar .station-list-container .scroll-container .station-list .station-link .station-list-img.is-dark {
        display: none
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-list-container .scroll-container .station-list .station-link .station-list-img.is-dark {
        display: inline-block;
        background-color: transparent
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-list-container .scroll-container .station-list .station-link .station-list-img {
        display: none
    }
    .b-epg-program .epg-bar .timeline-list {
        padding: 0 0 0 151px
    }
    .b-epg-program .epg-bar .timeline-list .scroll-container {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none
    }
    .b-epg-program .epg-bar .timeline-list .scroll-container::-webkit-scrollbar {
        display: none;
        width: 0;
        background: 0 0
    }
    .b-epg-program .epg-splitter {
        width: 100vw
    }
    .b-epg-program .epg-splitter .medium-headline {
        margin-top: 32px
    }
}

.b-epg-program .inner-container {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.b-epg-program .epg-bar {
    position: relative
}

.b-epg-program .epg-bar .station-list-container {
    position: relative
}

.b-epg-program .epg-bar .station-list-container .scroll-container .station-list {
    margin: 0;
    list-style: none
}

.b-epg-program .epg-bar .station-list-container .scroll-container .station-list-item {
    position: relative
}

.b-epg-program .epg-bar .station-link {
    display: block;
    text-align: center;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-link {
    background-color: #25292e
}

.b-epg-program .epg-bar .station-link[aria-expanded=true] {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .station-link[aria-expanded=true] {
    background-color: #25292e
}

.b-epg-program .epg-bar .station-link:focus:not(.m-keyboardfocus),
.b-epg-program .epg-bar .station-link:hover {
    outline: 0
}

.b-epg-program .epg-bar .station-link.m-keyboardfocus {
    outline-offset: -2px
}

.b-epg-program .epg-bar .timeline-list {
    position: relative;
    width: 100%;
    margin: 0;
    border-top: 1px solid #e8e8e8;
    background-color: #e8e8e8
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-program .epg-bar .timeline-list {
    border-top: 1px solid #0d1118;
    background-color: #0d1118
}

.b-epg-program .epg-bar .timeline-list .scroll-container {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.b-epg-program.m-disappearing {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: .7s;
    transition: .7s
}

.b-epg-timeline {
    position: relative;
    margin: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-epg-timeline:nth-child(n+2) {
        display: none
    }
    .b-epg-timeline .epg-teaser {
        position: relative;
        left: 0!important;
        width: 100%!important;
        margin: 0 0 2px 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-epg-timeline {
        width: 10600px;
        height: 102px
    }
    .b-epg-timeline.js-tabs-panel {
        display: block!important
    }
    .b-epg-timeline.x-last:not(:last-child) {
        margin-bottom: 80px
    }
    .b-epg-timeline .epg-teaser {
        position: absolute;
        z-index: 1;
        height: 102px;
        min-width: 0;
        border: 1px solid #e8e8e8;
        background: #fff;
        -webkit-transition: min-width .4s ease-out, opacity .4s ease-out, z-index .4s 0s, -webkit-transform .4s ease-out;
        transition: min-width .4s ease-out, opacity .4s ease-out, z-index .4s 0s, -webkit-transform .4s ease-out;
        transition: min-width .4s ease-out, transform .4s ease-out, opacity .4s ease-out, z-index .4s 0s;
        transition: min-width .4s ease-out, transform .4s ease-out, opacity .4s ease-out, z-index .4s 0s, -webkit-transform .4s ease-out
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .epg-teaser {
        border-color: #0d1118;
        background-color: #1f232a
    }
    .b-epg-timeline .epg-teaser.m-enlarged,
    .b-epg-timeline .epg-teaser.m-focus-within,
    .b-epg-timeline .epg-teaser:hover {
        z-index: 10;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .b-epg-timeline .epg-teaser:hover {
        z-index: 10
    }
    .b-epg-timeline .epg-teaser.m-plus-button-extended-within {
        z-index: 11
    }
    .b-epg-timeline .epg-teaser.m-too-short {
        padding-right: 16px
    }
    .b-epg-timeline .epg-teaser.m-too-short.m-enlarged {
        width: auto!important;
        padding: 16px 48px 10px 16px
    }
    .b-epg-timeline .epg-teaser.m-too-short.m-enlarged .b-plus-button {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }
    .b-epg-timeline .epg-teaser.m-too-short .b-plus-button {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }
    .b-epg-timeline .epg-teaser.m-way-too-short {
        padding-right: 0;
        padding-left: 0
    }
    .b-epg-timeline .epg-teaser.m-way-too-short.m-enlarged {
        width: auto!important;
        padding: 16px 48px 10px 16px
    }
    .b-epg-timeline .epg-teaser.m-way-too-short.m-enlarged .overlay-link,
    .b-epg-timeline .epg-teaser.m-way-too-short.m-enlarged .overlay-link-time {
        width: 100%
    }
    .b-epg-timeline .epg-teaser.m-way-too-short.m-enlarged .overlay-link-title {
        padding: 0
    }
    .b-epg-timeline .epg-teaser.m-way-too-short.m-enlarged .b-plus-button {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }
    .b-epg-timeline .epg-teaser.m-way-too-short .overlay-link-title {
        padding: 0 8px
    }
    .b-epg-timeline .epg-teaser.m-way-too-short .overlay-link {
        width: 18px;
        margin: 0 auto 10px
    }
    .b-epg-timeline .epg-teaser.m-way-too-short .overlay-link-time {
        display: block;
        width: 14px;
        margin: 0 auto
    }
    .b-epg-timeline .epg-teaser.m-way-too-short .overlay-link-time .time {
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .b-epg-timeline .epg-teaser.m-way-too-short .b-plus-button {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }
    .b-epg-timeline .epg-teaser.m-enlarged {
        border-right: 2px solid #e8e8e8
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .epg-teaser.m-enlarged {
        border-color: #0d1118
    }
}

.b-epg-timeline .epg-teaser {
    padding: 16px 48px 10px 16px;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .epg-teaser {
    background-color: #1f232a
}

.b-epg-timeline .epg-teaser:not(.m-keyboardfocus) {
    outline: 0
}

.b-epg-timeline .epg-teaser.m-past {
    background-color: rgba(255, 255, 255, .8)
}

.b-epg-timeline .epg-teaser.m-keyboardfocus {
    outline-offset: -4px
}

[data-module=epg-program].m-loading .b-epg-timeline .epg-teaser {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

[data-module=epg-program].m-loading .b-epg-timeline .epg-teaser.m-loading-highlight {
    opacity: .75;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

[data-module=epg-program].m-loading .b-epg-timeline .epg-teaser * {
    opacity: 0
}

.b-epg-timeline .overlay-link-category {
    line-height: 1rem
}

.b-epg-timeline .overlay-link {
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .overlay-link {
    color: rgba(255, 255, 255, .87)
}

.b-epg-timeline .overlay-link .title-icon {
    float: left;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    font-size: 1.25rem
}

.b-epg-timeline .overlay-link.m-keyboardfocus {
    text-decoration: underline
}

.b-epg-timeline .overlay-link-time {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    font-size: .875rem;
    line-height: 1.375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .overlay-link-time {
    color: rgba(255, 255, 255, .87)
}

.b-epg-timeline .overlay-link-time.m-live {
    color: #fff
}

.b-epg-timeline .live-tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8125rem;
    letter-spacing: .4px;
    height: 1.375rem;
    display: inline-block;
    line-height: 1.125rem
}

.b-epg-timeline .time {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .time {
    color: rgba(255, 255, 255, .87)
}

.b-epg-timeline .suggest-wrap {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: none
}

.b-epg-timeline .suggest-wrap .suggest-btn {
    display: block;
    width: 32px;
    height: 50px;
    margin-right: 16px;
    padding: 0;
    color: #96999c;
    background: 0 0
}

.b-epg-timeline .suggest-wrap .suggest-btn.icon-check {
    border-bottom: 1px solid #d4d5d5
}

.dynamic-epg-program {
    position: relative
}

.b-footer {
    overflow: hidden;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .b-footer .x-column {
        padding: 0 16px
    }
    .b-footer .top-footer .zdf-logo-item {
        margin: 7px 32px 7px 0
    }
    .b-footer .central-footer {
        padding: 24px 0
    }
    .b-footer .central-footer .block-item {
        padding: 0
    }
    .b-footer .bottom-footer .bottom-footer-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 16px 10px .5rem
    }
    .b-footer .bottom-footer .bottom-footer-item {
        margin: 0 32px 0 0
    }
    .b-footer .bottom-footer .bottom-footer-item .bottom-footer-link {
        margin: 0 0 16px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-footer .central-footer .block-item {
        margin: 0
    }
    .b-footer .central-footer .footer-block-title {
        display: block!important
    }
    .b-footer .central-footer .footer-block-title .block-title-btn {
        line-height: 1.625rem;
        margin-bottom: 1.1875rem;
        padding: 0 40px 0 0
    }
    .b-footer .central-footer .footer-block-title .block-title-btn[aria-expanded=true] {
        margin-bottom: 16px
    }
    .b-footer .central-footer .central-footer-panel {
        outline: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        margin: 0;
        padding: 0;
        height: 0;
        -webkit-transition: opacity .4s, visibility .4s;
        transition: opacity .4s, visibility .4s
    }
    .b-footer .central-footer .central-footer-panel.m-open {
        overflow: visible;
        opacity: 1;
        visibility: inherit;
        height: auto
    }
    .b-footer .central-footer .central-footer-list {
        margin: 0 0 24px
    }
    .b-footer .central-footer .central-footer-link {
        white-space: nowrap
    }
}

@media print,
screen and (min-width:40em) {
    .b-footer .top-footer .zdf-logo-item {
        margin: 7px 48px 7px 0
    }
    .b-footer .central-footer {
        padding: 32px 0
    }
    .b-footer .bottom-footer .bottom-footer-item {
        margin: 0 32px 0 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-footer .central-footer {
        content:'{"switchedOff":true}'!important
    }
    .b-footer .central-footer::before {
        content:'{"switchedOff":true}'!important;
        font-family:'{"switchedOff":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-footer .top-footer {
        height: 50px
    }
    .b-footer .top-footer .zdf-logo-link {
        display: block
    }
    .b-footer .central-footer .footer-block-title {
        width: auto;
        margin-bottom: 8px;
        padding: 0;
        cursor: inherit
    }
    .b-footer .central-footer .central-footer-list {
        margin: 0
    }
}

.b-footer .top-footer {
    background-color: #25292e
}

.b-footer .top-footer .zdf-logos {
    overflow: hidden;
    width: 100%;
    min-width: 20px;
    margin: 0;
    white-space: nowrap
}

.b-footer .top-footer .zdf-logo-item {
    float: left;
    display: inline-block
}

.b-footer .top-footer .zdf-logo-link {
    display: block;
    cursor: pointer
}

.b-footer .top-footer .zdf-logo-link img.zdf-logo {
    display: block;
    width: auto;
    height: 36px;
    max-width: 100%
}

.b-footer .top-footer .zdf-logo-link img.zdf-logo.zdfheute {
    height: 31px;
    margin-top: 5px;
    padding: 5px 0
}

.b-footer .top-footer .zdf-logo-link:focus .zdf-logo,
.b-footer .top-footer .zdf-logo-link:hover .zdf-logo {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.b-footer .top-footer .zdf-logo-link img.zdf-logo {
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.b-footer .top-footer .m-keyboardfocus {
    outline-color: #fa7d19
}

.b-footer .central-footer {
    margin: 0;
    background-color: #0d1118
}

.b-footer .central-footer .block-item:last-child {
    border: none
}

.b-footer .central-footer .footer-block-title {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.125rem;
    color: rgba(255, 255, 255, .87);
    font-weight: 300
}

.b-footer .central-footer .footer-block-title .block-title-btn {
    padding: 0;
    display: block;
    position: relative
}

.b-footer .central-footer .footer-block-title .block-title-btn[role=button] {
    cursor: pointer
}

.b-footer .central-footer .footer-block-title .block-title-btn:not(.m-keyboardfocus) {
    outline: 0
}

.b-footer .central-footer .footer-block-title .block-title-btn span[class*=icon-] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.25rem;
    color: #9e9fa2;
    -webkit-transition: -webkit-transform .4s ease-in;
    transition: -webkit-transform .4s ease-in;
    transition: transform .4s ease-in;
    transition: transform .4s ease-in, -webkit-transform .4s ease-in
}

.b-footer .central-footer .footer-block-title .block-title-btn[aria-expanded=true] span[class*=icon-] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-footer .central-footer .footer-block-title:not(.m-keyboardfocus) {
    outline: 0
}

.b-footer .central-footer .central-footer-item {
    overflow: hidden;
    line-height: 1.75rem
}

.b-footer .central-footer .central-footer-link {
    display: inline-block;
    margin: 0 0 8px;
    border-bottom: 1px solid transparent;
    font-family: Uniwidth, sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    color: #96999c;
    -webkit-transition: color .4s, border-bottom-color .4s;
    transition: color .4s, border-bottom-color .4s
}

.b-footer .central-footer .central-footer-link:focus,
.b-footer .central-footer .central-footer-link:hover {
    border-bottom: 1px solid #fa7d19;
    color: rgba(255, 255, 255, .87)
}

.b-footer .central-footer .central-footer-link:focus {
    outline: 0
}

.b-footer .central-footer .m-keyboardfocus {
    outline-color: #fa7d19
}

.b-footer .bottom-footer {
    background-color: #25292e
}

.b-footer .bottom-footer .bottom-footer-item {
    display: inline-block
}

.b-footer .bottom-footer .bottom-footer-link {
    display: block;
    margin: 17px 0;
    border-bottom: 1px solid transparent;
    font-family: Uniwidth, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    color: rgba(255, 255, 255, .87);
    -webkit-transition: border-bottom-color .4s ease-in-out;
    transition: border-bottom-color .4s ease-in-out
}

.b-footer .bottom-footer .bottom-footer-link:focus,
.b-footer .bottom-footer .bottom-footer-link:hover {
    border-bottom: 1px solid #fa7d19
}

.b-footer .bottom-footer .bottom-footer-link:focus {
    outline: 0
}

.b-footer .bottom-footer .m-keyboardfocus {
    outline-color: #fa7d19
}

@media print,
screen and (max-width:39.99875em) {
    .partner-block {
        margin-top: 8px;
        padding: 0!important
    }
    .partner-block .logo-item {
        margin-bottom: 8px
    }
    .partner-block .logo-item:not(:last-child) {
        margin-right: 32px
    }
    .partner-block .logo-item .logo {
        height: 16px
    }
    .partner-block .logo-item .logo.ard-grey {
        height: 24px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .partner-block {
        margin-top: 8px
    }
    .partner-block .logo-item {
        margin-bottom: 10px
    }
    .partner-block .logo-item:not(:last-child) {
        margin-right: 24px
    }
    .partner-block .logo-item .logo {
        height: 18px
    }
    .partner-block .logo-item .logo.ard-grey {
        height: 24px
    }
}

@media print,
screen and (min-width:64em) {
    .partner-block {
        margin-top: 16px
    }
    .partner-block .logo-item {
        margin-bottom: 32px
    }
    .partner-block .logo-item:not(:last-child) {
        margin-right: 32px
    }
    .partner-block .logo-item .logo {
        height: 18px
    }
    .partner-block .logo-item .logo.ard-grey {
        height: 24px
    }
}

.partner-block .logo-item {
    float: left;
    display: inline-block;
    font-weight: 300;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.partner-block .logo-item:first-child {
    line-height: 1.625rem
}

.partner-block .logo-item .logo {
    opacity: 1;
    width: auto;
    max-width: 100%;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.partner-block .logo-link {
    display: block
}

.partner-block .logo-link:focus img.logo,
.partner-block .logo-link:hover img.logo {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.b-login-pw p {
    margin-bottom: 16px;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login-pw p {
    color: rgba(255, 255, 255, .87)
}

.b-login-pw .form-field-error-detail {
    display: none!important
}

.b-login-pw .password-btn {
    float: right;
    margin: 0
}

.b-login .panelgroup-panel:focus,
.b-login [data-module=panelgroup]:focus {
    outline: 0
}

@media print,
screen and (max-width:39.99875em) {
    .preview .b-login .modal-headline {
        margin: 32px 0 16px;
        padding: 0 16px;
        font-size: 1.75rem;
        line-height: 1.75rem
    }
    .preview .b-login form,
    .preview .b-login p {
        padding-right: 16px;
        padding-left: 16px
    }
    .preview .b-login .required {
        position: relative
    }
    .preview .b-login .reg-btn {
        float: none
    }
    .b-login p {
        font-size: 1rem
    }
    .b-login .text-only.medium.button[aria-controls=logindialog-password] {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:40em) {
    .preview .b-login .modal-headline {
        margin: 64px 0 16px;
        font-size: 2.25rem;
        line-height: 2.8125rem
    }
    .b-login .toggle-wrap {
        margin-top: 10px
    }
    .b-login .password-message-modal .inner,
    .b-login .registry-message-modal .inner {
        min-height: 171px;
        padding-left: 150px;
        background: url(/static/0.109.2334/img/bgs/success.png) left top no-repeat;
        background-size: 136px 171px
    }
    .b-login .registry-error-modal .inner {
        min-height: 171px;
        padding-left: 150px;
        background: url(/static/0.109.2334/img/bgs/no-success.png) left top no-repeat;
        background-size: 136px 171px
    }
    .b-login .registry-error-modal .login-btn {
        margin-bottom: 0
    }
    .b-login .ard-login-error-modal .inner {
        min-height: 171px;
        padding-left: 150px;
        background: url(/static/0.109.2334/img/bgs/mainzelmaennchen-fragezeichen.png) left top no-repeat;
        background-size: 136px 171px
    }
    .b-login p {
        font-size: 1rem
    }
}

.b-login .login-modal {
    padding: 0!important
}

.b-login .login-modal .login-area {
    background-color: #1f232a;
    padding: 48px 80px;
    margin-bottom: 12px
}

@media print,
screen and (max-width:39.99875em) {
    .b-login .login-modal .login-area {
        padding: 48px 1.375rem
    }
}

.b-login .login-modal .b-registry {
    background-color: #1f232a;
    padding: 32px 80px 48px
}

@media print,
screen and (max-width:39.99875em) {
    .b-login .login-modal .b-registry {
        padding: 32px 1.375rem
    }
}

.b-login .login-modal .b-registry .registry-area {
    margin-bottom: 48px;
    padding: 0
}

.b-login .login-modal .b-registry .content-right {
    margin: 32px 0 0
}

.b-login .login-modal .data-ard-text {
    margin: .125rem 0 0;
    font-size: 1rem;
    line-height: 1.375rem
}

.b-login .login-modal .login-account-choice {
    background-color: #1f232a;
    padding: 32px 80px
}

@media print,
screen and (max-width:39.99875em) {
    .b-login .login-modal .login-account-choice {
        padding: 32px 16px
    }
}

.b-login .password-modal {
    background-color: #1f232a
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode .b-login .password-modal,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login .password-modal {
    background-color: #1f232a
}

.b-login .password-modal .content-right {
    margin: 24px 0 0
}

.b-login [aria-controls=logindialog-password] {
    color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login [aria-controls=logindialog-password] {
    color: rgba(255, 255, 255, .87);
    -webkit-transition: color .4s;
    transition: color .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login [aria-controls=logindialog-password]:hover {
    color: #fa7d19
}

.b-login.m-oauth .tivi-submit {
    display: none
}

.b-login.m-oauth a,
.b-login.m-oauth label a {
    color: #34393f
}

.b-login .zdf-login-wrap {
    content:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "loginpanelgroup"}'!important
}

.b-login .zdf-login-wrap::before {
    content:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "loginpanelgroup"}'!important;
    font-family:'{"selectedIndex":0,"multiple":false,"animation": "adaptHeight","duration":400,"name": "loginpanelgroup"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.loginpanelgroup-panel-wrapper {
    position: relative
}

.loginpanelgroup-panel {
    display: none;
    -webkit-animation-name: tabsfadeout;
    animation-name: tabsfadeout;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    outline: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .loginpanelgroup-panel {
    background-color: transparent
}

.m-fx>.loginpanelgroup-panel.m-closing,
.m-fx>.loginpanelgroup-panel.m-open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block
}

.loginpanelgroup-panel.m-open {
    display: block;
    -webkit-animation-name: tabsfadein;
    animation-name: tabsfadein
}

.b-login .registry-area {
    margin-bottom: 32px;
    padding-bottom: 16px
}

.b-login .form-wrap {
    position: relative
}

.b-login p:not(:last-child):not([class]) {
    margin-bottom: 16px
}

.b-login a:not(.button),
.b-login label a:not(.button) {
    line-height: inherit;
    padding: 0;
    background: 0 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    color: inherit;
    text-decoration: underline;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s, -webkit-text-decoration-color .4s;
    color: #fff
}

.b-login a:not(.button):focus:not(:disabled):not(.disabled),
.b-login a:not(.button):hover:not(:disabled):not(.disabled),
.b-login label a:not(.button):focus:not(:disabled):not(.disabled),
.b-login label a:not(.button):hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.b-login a:not(.button):active,
.b-login label a:not(.button):active {
    opacity: .5!important
}

.b-login a:not(.button).disabled,
.b-login a:not(.button):disabled,
.b-login label a:not(.button).disabled,
.b-login label a:not(.button):disabled {
    color: #96999c;
    -webkit-text-decoration-color: #96999c;
    text-decoration-color: #96999c
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login a:not(.button),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login label a:not(.button) {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login a:not(.button):focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login a:not(.button):hover:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login label a:not(.button):focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-login label a:not(.button):hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.b-login a:not(.button):visited:not(.button),
.b-login label a:not(.button):visited:not(.button) {
    color: inherit
}

.b-login a:not(.button):visited:not(.button):focus,
.b-login a:not(.button):visited:not(.button):hover,
.b-login label a:not(.button):visited:not(.button):focus,
.b-login label a:not(.button):visited:not(.button):hover {
    color: #fa7d19
}

.b-login label a {
    text-decoration: none
}

.b-login .checkbox-wrap {
    margin-bottom: 16px
}

.b-login .required {
    position: absolute;
    bottom: 8px;
    left: 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.25rem
}

.b-login .tivi-submit {
    margin: 0
}

.b-login .tivi-btn {
    border-bottom: none
}

.b-login .tivi-btn:focus,
.b-login .tivi-btn:hover {
    border-bottom: none
}

.b-login .tivi-btn:visited {
    border-bottom: none;
    color: #fff
}

.b-login .tivi-btn:visited:focus,
.b-login .tivi-btn:visited:hover {
    border-bottom: none;
    color: #fff
}

.b-login .data-protection-text {
    margin: 16px 0 0 0;
    font-size: 1rem
}

.b-login .password-btn,
.b-login .reg-btn {
    float: right;
    margin: 0
}

.b-login .checkbox-label {
    margin-bottom: 8px
}

.preview .b-login .loginpanelgroup-panel {
    overflow: visible;
    padding: 0;
    background-color: transparent
}

.preview .b-login .modal-headline {
    font-weight: 300;
    color: #34393f;
    font-familiy: Uniwidth, sans-serif
}

.preview .b-login .facebook-register .modal-headline {
    margin-top: 0
}

.preview .b-login .form {
    overflow: visible
}

.preview .b-login .checkbox-wrap .checkbox-label {
    color: #34393f
}

.m-loading .b-login .b-registration-tivi .reg-btn {
    padding-left: .75rem
}

.b-login .registry-message-modal .inner {
    position: relative
}

.b-login .registry-message-modal .login-btn {
    position: absolute;
    right: 0
}

.b-login .form-required-note {
    font-size: .875rem;
    line-height: 1.125rem;
    color: rgba(255, 255, 255, .87)
}

.form-field-birth-year-input-wrap {
    position: relative
}

.form-field-birth-year-input-wrap .birth-year-input {
    position: relative
}

.form-field-birth-year-input-wrap .birth-year-input::-webkit-inner-spin-button,
.form-field-birth-year-input-wrap .birth-year-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-field-birth-year-input-wrap .birth-year-input[type=number] {
    -moz-appearance: textfield
}

.form-field-birth-year-input-wrap .birth-year-input-counter {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1rem
}

.form-field-birth-year-input-wrap .birth-year-input-counter.has-error {
    color: #f11010;
    font-weight: 700
}

@media print,
screen and (max-width:63.99875em) {
    .b-registration {
        padding: 0
    }
}

.b-registration .form {
    position: relative
}

@media print,
screen and (max-width:39.99875em) {
    .b-registration .form .fsk-progress {
        padding: 24px 1.375rem 0;
        margin: 0
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-registration .form .fsk-progress {
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .form .fsk-progress {
        background-color: #1f232a
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-registration .form .fsk-progress {
        padding: 24px 1.375rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-registration .form .fsk-progress {
        margin-top: 48px;
        position: absolute;
        z-index: 2
    }
}

.b-registration .form .fsk-progress button {
    text-align: left
}

.b-registration .form .form-panel.is-white {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .form .form-panel.is-white {
    background-color: #1f232a
}

@media print,
screen and (max-width:39.99875em) {
    .b-registration .form .form-panel .registration-main-content {
        padding: 3rem 1.375rem
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-registration .form .form-panel .registration-main-content {
        padding: 0 9.625rem 3rem 1.375rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-registration .form .form-panel .registration-main-content {
        padding: 48px 48px 48px 0
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-registration .form .form-panel .form-inner .form-field,
    .b-registration .form .form-panel .form-inner .form-field+.form-field-caption {
        max-width: 28.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-registration .form .form-panel .form-inner .form-field,
    .b-registration .form .form-panel .form-inner .form-field+.form-field-caption {
        max-width: 20rem
    }
}

.b-registration .form .form-panel .form-inner .form-field-caption.wide {
    font-size: .875rem;
    line-height: 1rem;
    margin-top: 1.75rem;
    max-width: 100%
}

.b-registration .form .form-panel .form-inner .legend.wide {
    margin-bottom: 0
}

.b-registration .form .form-panel .form-inner .form-required-note {
    margin-top: 32px;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .form .form-panel .form-inner .form-required-note {
    color: rgba(255, 255, 255, .87)
}

.b-registration .form .form-panel .form-inner .form-inputs:first-of-type {
    margin-top: 48px
}

.b-registration .form .form-panel .form-inner .fieldset {
    margin-bottom: 0
}

.b-registration .form .form-panel .form-inner .fieldset>:last-child {
    margin-bottom: 0
}

.b-registration .form .form-panel .form-inner .fieldset>:last-child>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-registration .form .form-panel .form-inner .content-right {
        padding-right: 9.625rem
    }
}

.b-registration .form .form-panel footer {
    padding-top: 48px
}

.b-registration .form .form-panel .form-field-input-container {
    display: block
}

.b-registration .form .radio-wrap {
    padding-top: 10px;
    padding-bottom: 0
}

@media print,
screen and (max-width:63.99875em) {
    .b-registration .form .radio-wrap {
        margin: 0!important
    }
}

.b-registration .registration-login-footer {
    width: 100%;
    border-top: 12px solid #e8e8e8
}

@media print,
screen and (min-width:40em) {
    .b-registration .registration-login-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-registration .registration-login-footer {
        padding: 3rem 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-registration .registration-login-footer {
        padding: 3rem 9.625rem 3rem 1.375rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .registration-login-footer {
    border-color: #0d1118
}

@media print,
screen and (max-width:39.99875em) {
    .b-registration .registration-login-footer .register-btn {
        margin-top: 32px;
        float: right
    }
}

.b-registration .registration-login-footer h2 {
    font-size: 1.125rem;
    line-height: 1.375rem
}

.b-registration .registration-second-footer {
    background-color: #fff;
    border-top: 12px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width:39.99875em) {
    .b-registration .registration-second-footer {
        padding: 24px 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-registration .registration-second-footer {
        padding: 24px 10rem 24px 5.875rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .registration-second-footer {
    background-color: #1f232a;
    border-color: #0d1118
}

.b-registration .registration-second-footer__img {
    width: 7.5rem;
    height: 7.5rem;
    margin-right: 24px
}

@media print,
screen and (max-width:63.99875em) {
    .b-registration .registration-second-footer__img {
        width: 6.25rem;
        height: 6.25rem;
        margin-right: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-registration .registration-second-footer p {
        padding: 0!important
    }
}

.b-registration .error-panel,
.b-registration .success-panel {
    background-color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    .b-registration .error-panel,
    .b-registration .success-panel {
        padding: 0 1.375rem 48px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-registration .error-panel,
    .b-registration .success-panel {
        padding: 0 10rem 48px 1.375rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-registration .error-panel,
    .b-registration .success-panel {
        padding: 48px 10rem 48px 33.33333%
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .error-panel,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .success-panel {
    background-color: #1f232a
}

.b-registration .error-panel p,
.b-registration .success-panel p {
    margin-bottom: 48px
}

@media print,
screen and (max-width:39.99875em) {
    .b-registration .error-panel p,
    .b-registration .success-panel p {
        padding: 0!important
    }
}

.b-registration .registration-progress>li:last-child {
    padding-bottom: 0
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-registration .account-advantages-container {
        padding-left: .375rem
    }
}

#aria-register-data-dialog article :last-child {
    margin-bottom: 0
}

.b-registration-tivi .tivi-btn {
    margin-bottom: 0
}

.b-registration-tivi .tivi-btn:focus,
.b-registration-tivi .tivi-btn:hover {
    text-decoration: underline;
    color: #fff
}

.country-selection__select-label {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 300;
    margin-bottom: .375rem;
    margin-top: 1.5rem
}

.country-selection__select {
    max-width: 20rem
}

.country-selection__select[aria-value=Deutschland]+.document-type-box fieldset .is-german {
    display: block
}

.country-selection__select[aria-value=Deutschland]+.document-type-box+.document-date-box {
    display: block
}

.country-selection .document-type-box {
    margin: 32px 0 0
}

@media print,
screen and (max-width:63.99875em) {
    .country-selection .document-type-box p {
        margin-bottom: 32px;
        padding: 0!important
    }
}

.country-selection fieldset .is-german {
    display: none
}

.country-selection .document-date-box {
    display: none
}

@media print,
screen and (max-width:63.99875em) {
    .country-selection .document-date-box {
        margin-top: 16px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .country-selection .document-date-box p {
        padding: 0!important
    }
}

@media print,
screen and (max-width:63.99875em) {
    .country-selection .radio-wrap {
        margin: 0!important
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .country-selection .content-right {
        padding-right: 8.625rem
    }
}

.fsk-progress[data-step="2"] li:nth-child(-n+1),
.fsk-progress[data-step="3"] li:nth-child(-n+2),
.fsk-progress[data-step=done] li:nth-child(-n+5) {
    color: #34393f
}

.fsk-progress[data-step="2"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+1),
.fsk-progress[data-step="3"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+2),
.fsk-progress[data-step=done] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+5),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="2"] li:nth-child(-n+1),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="3"] li:nth-child(-n+2),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step=done] li:nth-child(-n+5) {
    color: rgba(255, 255, 255, .87)
}

.fsk-progress[data-step="2"] li:nth-child(-n+1):before,
.fsk-progress[data-step="3"] li:nth-child(-n+2):before,
.fsk-progress[data-step=done] li:nth-child(-n+5):before {
    background-color: #fa7d19
}

.fsk-progress[data-step="2"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+1):before,
.fsk-progress[data-step="3"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+2):before,
.fsk-progress[data-step=done] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+5):before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="2"] li:nth-child(-n+1):before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="3"] li:nth-child(-n+2):before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step=done] li:nth-child(-n+5):before {
    background-color: #fa7d19
}

.fsk-progress[data-step="2"] li:nth-child(-n+1):after,
.fsk-progress[data-step="3"] li:nth-child(-n+2):after,
.fsk-progress[data-step=done] li:nth-child(-n+5):after {
    border-left: 1px solid #fa7d19!important
}

.fsk-progress[data-step="1"] li:nth-child(-n+1) a,
.fsk-progress[data-step="1"] li:nth-child(-n+1) button,
.fsk-progress[data-step="2"] li:nth-child(2) a,
.fsk-progress[data-step="2"] li:nth-child(2) button,
.fsk-progress[data-step="3"] li:nth-child(3) a,
.fsk-progress[data-step="3"] li:nth-child(3) button {
    color: #34393f
}

.fsk-progress[data-step="1"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+1) a,
.fsk-progress[data-step="1"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+1) button,
.fsk-progress[data-step="2"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(2) a,
.fsk-progress[data-step="2"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(2) button,
.fsk-progress[data-step="3"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(3) a,
.fsk-progress[data-step="3"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(3) button,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="1"] li:nth-child(-n+1) a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="1"] li:nth-child(-n+1) button,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="2"] li:nth-child(2) a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="2"] li:nth-child(2) button,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="3"] li:nth-child(3) a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="3"] li:nth-child(3) button {
    color: rgba(255, 255, 255, .87)
}

.fsk-progress[data-step="1"] li:nth-child(-n+1):before,
.fsk-progress[data-step="2"] li:nth-child(2):before,
.fsk-progress[data-step="3"] li:nth-child(3):before {
    background-color: #fa7d19
}

.fsk-progress[data-step="1"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(-n+1):before,
.fsk-progress[data-step="2"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(2):before,
.fsk-progress[data-step="3"] html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) li:nth-child(3):before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="1"] li:nth-child(-n+1):before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="2"] li:nth-child(2):before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress[data-step="3"] li:nth-child(3):before {
    background-color: #fa7d19
}

@media print,
screen and (max-width:39.99875em) {
    .fsk-progress {
        margin: 24px .375rem
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .fsk-progress {
        padding: 24px 16px
    }
}

@media print,
screen and (min-width:64em) {
    .fsk-progress {
        padding-left: 24px;
        margin-top: 16px
    }
}

.fsk-progress.fsk-progress li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 32px;
    line-height: 16px;
    color: rgba(37, 41, 46, .69);
    pointer-events: none
}

@media print,
screen and (max-width:63.99875em) {
    .fsk-progress.fsk-progress li {
        padding-bottom: 16px
    }
}

@media print,
screen and (min-width:64em) {
    .fsk-progress.fsk-progress li {
        max-width: 11.25rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress.fsk-progress li {
    color: #9e9fa2
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress.fsk-progress li a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress.fsk-progress li button {
    color: #96999c
}

.fsk-progress.fsk-progress li:nth-child(1):after,
.fsk-progress.fsk-progress li:nth-child(2):after {
    content: "";
    position: absolute;
    border-left: 1px dashed rgba(52, 57, 63, .3);
    height: calc(100% - 12px);
    top: 1.125rem;
    left: .34375rem
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress.fsk-progress li:nth-child(1):after,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress.fsk-progress li:nth-child(2):after {
    border-color: #56585d
}

.fsk-progress.fsk-progress li:last-child:after {
    display: none
}

.fsk-progress.fsk-progress li:before {
    content: "";
    display: inline-block;
    width: .75rem;
    height: .75rem;
    min-width: .75rem;
    margin-top: .375rem;
    margin-right: 10px;
    border-radius: 50%;
    background-color: rgba(52, 57, 63, .3)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress.fsk-progress li:before {
    background-color: #56585d
}

.fsk-progress.fsk-progress li a,
.fsk-progress.fsk-progress li button {
    font-size: .875rem;
    color: inherit;
    text-decoration: none!important;
    border-bottom: none!important
}

.fsk-progress.fsk-progress li a:hover,
.fsk-progress.fsk-progress li button:hover {
    text-decoration: underline!important
}

.fsk-progress.fsk-progress li a {
    padding-top: 3px
}

.fsk-progress[data-step=done] li:nth-child(-n+5) {
    pointer-events: none
}

@media print,
screen and (max-width:63.99875em) {
    .passport-form {
        padding: 0
    }
}

.passport-form .passport-selection {
    background-color: #25292e;
    color: rgba(255, 255, 255, .87);
    padding: 0 24px
}

.passport-form .passport-selection__scrollbox {
    overflow-x: scroll;
    overflow-y: hidden
}

.passport-form .passport-selection__scrollbox::-webkit-scrollbar {
    display: none
}

.passport-form .passport-selection__scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: 43.75rem
}

.passport-form .passport-selection__item {
    background-color: transparent
}

.passport-form .passport-selection-btn {
    color: rgba(255, 255, 255, .87);
    font-size: 1rem;
    text-align: left;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 24px 24px .6875rem 0;
    border-bottom: 5px solid transparent;
    -webkit-transition: border-color .4s;
    transition: border-color .4s
}

.passport-form .passport-selection-btn[aria-expanded=true] {
    border-color: #fa7d19
}

.passport-form .passport-selection-btn:focus,
.passport-form .passport-selection-btn:hover {
    border-color: rgba(255, 255, 255, .87)
}

.passport-form .passport-dark-wrap {
    background-color: #1f232a
}

.passport-form .passport-dark-wrap p {
    color: rgba(255, 255, 255, .87);
    font-size: .875rem;
    line-height: 1.125rem;
    margin-bottom: 48px;
    padding-right: 48px
}

@media print,
screen and (max-width:63.99875em) {
    .passport-form .passport-dark-wrap p {
        padding: 0 1.375rem
    }
}

.passport-form .passport-dark-wrap .form-required-note {
    color: rgba(255, 255, 255, .5);
    margin-bottom: 48px
}

.passport-form .passport-dark-wrap .form-field {
    margin-bottom: 24px
}

.passport-form .passport-dark-wrap .form-field.has-error .form-field-label {
    color: #f39a9b
}

.dark-modal .passport-form .passport-dark-wrap .form-field.has-error .form-field-label,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .passport-form .passport-dark-wrap .form-field.has-error .form-field-label {
    color: #f39a9b
}

.passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap .input,
.passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap:after,
.passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap:before {
    border-color: #f39a9b
}

.dark-modal .passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap .input,
.dark-modal .passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap:after,
.dark-modal .passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap .input,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap:after,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap:before {
    border-color: #f39a9b
}

.passport-form .passport-dark-wrap .form-field.has-error .form-field-error {
    display: block
}

.passport-form .passport-dark-wrap .form-field .form-field-label {
    color: rgba(255, 255, 255, .87)
}

.passport-form .passport-dark-wrap .form-field .form-field-input-wrap {
    width: 100%
}

.passport-form .passport-dark-wrap .form-field .form-field-input-wrap .form-field-input,
.passport-form .passport-dark-wrap .form-field .form-field-input-wrap .form-field-label,
.passport-form .passport-dark-wrap .form-field .form-field-input-wrap:after,
.passport-form .passport-dark-wrap .form-field .form-field-input-wrap:before {
    border-color: #fff;
    color: rgba(255, 255, 255, .87)
}

.passport-form .passport-dark-wrap .content-left,
.passport-form .passport-dark-wrap .content-right {
    padding-top: .5rem
}

.passport-form .passport-dark-wrap .form-field-error {
    margin-bottom: 0
}

.passport-form .passport-dark-wrap .error-item:not(input) .error-msg,
.passport-form .passport-dark-wrap .form-field-error-detail {
    color: #f39a9b
}

.passport-form .passport-dark-wrap .form-field-error-detail {
    padding: 0
}

.passport-form .passport-dark-wrap .input.error {
    outline-color: #f39a9b
}

.passport-form .passport-dark-wrap .button {
    color: rgba(255, 255, 255, .87);
    font-size: 1rem;
    line-height: 1rem
}

@media print,
screen and (max-width:63.99875em) {
    .passport-form .passport-image-wrap {
        padding: 24px 1.375rem
    }
}

@media print,
screen and (min-width:64em) {
    .passport-form .passport-image-wrap {
        padding: 32px 48px 24px 0
    }
}

@media print,
screen and (max-width:63.99875em) {
    .passport-form .passport-numbers-wrap {
        padding: 0 1.375rem;
        margin-bottom: 1.375rem
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .passport-form .passport-numbers-wrap {
        max-width: 31.25rem
    }
}

@media print,
screen and (min-width:64em) {
    .passport-form .passport-numbers-wrap {
        padding: 0 48px 32px 0
    }
}

.passport-form .content-right.is-password {
    background-color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    .passport-form .content-right.is-password {
        padding: 32px 1.375rem 48px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .passport-form .content-right.is-password {
        padding: 32px 10rem 48px 1.375rem
    }
}

@media print,
screen and (min-width:64em) {
    .passport-form .content-right.is-password {
        padding: 32px 48px 48px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .passport-form .content-right.is-password {
    background-color: #1f232a
}

.passport-selection-panel:not(.m-open) {
    display: none
}

@media print,
screen and (max-width:63.99875em) {
    .b-fsk-pin {
        padding-top: .5rem!important;
        background-color: #fff
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-fsk-pin {
        padding: 0
    }
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-fsk-pin {
        background-color: #1f232a
    }
}

.b-fsk-pin>.cell {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-fsk-pin>.cell {
    background-color: #1f232a
}

.b-fsk-pin .panel-base-opaque {
    background-color: transparent;
    padding: 0 48px 0 10px
}

@media print,
screen and (max-width:39.99875em) {
    .b-fsk-pin .panel-base-opaque {
        padding: 0 16px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-fsk-pin .panel-base-opaque {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-fsk-pin .panel-base-opaque {
        padding: 0 1.375rem
    }
}

.b-fsk-pin .form-required-note {
    padding: 0!important
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-fsk-pin fieldset {
        max-width: 28.625rem
    }
}

.b-fsk-pin .pin-input .input {
    margin-bottom: 1.375rem
}

.b-fsk-pin legend {
    margin: 0;
    font-size: .875rem;
    line-height: 1.125rem
}

.b-fsk-pin legend#fsk-pin-title {
    margin-bottom: .75rem
}

.b-fsk-pin .form-field {
    margin-bottom: 32px
}

.b-fsk-pin .content-right {
    padding: 32px 48px 48px 10px
}

@media print,
screen and (max-width:39.99875em) {
    .b-fsk-pin .content-right {
        padding: 32px 16px 48px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-fsk-pin .content-right {
        padding: 32px 10rem 48px 16px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-fsk-validation-result {
        padding: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-fsk-validation-result .side-title {
        display: block;
        margin-top: 64px;
        font-size: 2.25rem;
        line-height: 2.8125rem;
        color: #96999c
    }
}

.b-fsk-validation-result .content-right {
    padding: 0 48px 48px 10px;
    background-color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    .b-fsk-validation-result .content-right {
        padding: .5rem 16px 48px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-fsk-validation-result .content-right {
        padding: .5rem 10rem 48px 16px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-fsk-validation-result .content-right {
    background-color: #1f232a
}

@media print,
screen and (max-width:39.99875em) {
    .b-gallery-module .x-row {
        padding: 0
    }
    .b-gallery-module .gallery-slider-box .item-caption .item-description {
        display: block
    }
    .b-gallery-module .details .teaser-label {
        width: auto
    }
    .b-gallery-module .item-caption .inner {
        padding: 24px 16px
    }
    .b-gallery-module .item-caption .item-description {
        margin-bottom: 64px
    }
    .b-gallery-module .b-plus-button {
        bottom: 16px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-gallery-module .gallery-slider-box .slide-prev {
        left: 0
    }
    .b-gallery-module .gallery-slider-box .slide-next {
        right: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-gallery-module .item-description .icon-206_arrow-right {
        display: inline-block;
        height: 19px
    }
    .b-gallery-module .item-description .icon-206_arrow-right:before {
        float: left;
        font-size: 28px;
        line-height: 26px
    }
    .b-gallery-module .item-caption .inner {
        padding: 24px
    }
    .b-gallery-module .item-caption .item-description {
        margin-bottom: 32px
    }
    .b-gallery-module .gallery-slider-box.m-focus-within .scroll-arrow.x-prev,
    .b-gallery-module .gallery-slider-box:hover .scroll-arrow.x-prev {
        left: 0
    }
    .b-gallery-module .gallery-slider-box.m-focus-within .scroll-arrow.x-prev:disabled,
    .b-gallery-module .gallery-slider-box:hover .scroll-arrow.x-prev:disabled {
        left: -48px
    }
    .b-gallery-module .gallery-slider-box.m-focus-within .scroll-arrow.x-next,
    .b-gallery-module .gallery-slider-box:hover .scroll-arrow.x-next {
        right: 0
    }
    .b-gallery-module .gallery-slider-box.m-focus-within .scroll-arrow.x-next:disabled,
    .b-gallery-module .gallery-slider-box:hover .scroll-arrow.x-next:disabled {
        right: -48px
    }
    .b-gallery-module .gallery-slider-box .scroll-arrow:focus {
        -webkit-transition: none;
        transition: none
    }
}

@media print,
screen and (min-width:64em) {
    .b-gallery-module.m-video .content-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-gallery-module .item-caption .teaser-foot {
        position: absolute;
        top: inherit;
        bottom: 24px;
        margin: 0
    }
    .b-gallery-module .expand-btn:hover {
        opacity: .8
    }
}

.b-gallery-module.m-text-dark .item-caption .item-description,
.b-gallery-module.m-text-dark .item-caption .item-title,
.b-gallery-module.m-text-dark .item-caption .teaser-cat,
.b-gallery-module.m-text-dark .item-caption .teaser-foot {
    color: #34393f
}

.b-gallery-module.m-text-dark .item-caption .teaser-foot {
    text-shadow: none
}

.b-gallery-module .teaser-box {
    position: relative
}

.b-gallery-module .gallery-slider-box {
    overflow: hidden
}

.b-gallery-module .gallery-slider-box .content-item {
    min-height: 100%
}

.b-gallery-module .gallery-slider-box .item-number {
    font-weight: 300
}

.b-gallery-module .gallery-slider-box .teaser-foot .teaser-info {
    font-weight: 300;
    width: auto
}

.b-gallery-module .content-item {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0;
    background-color: #1f232a
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .content-item {
    background-color: #1f232a!important
}

.b-gallery-module .content-item.m-keyboardfocus {
    outline-offset: -4px
}

.b-gallery-module .content-item:not(.m-keyboardfocus) {
    outline: 0
}

.b-gallery-module .content-item>.artdirect {
    display: none
}

.b-gallery-module .itemscroller-content>.content-item {
    min-height: 100%
}

.b-gallery-module .img-container {
    overflow: hidden;
    position: relative
}

.b-gallery-module .item-img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: auto;
    user-drag: none
}

.b-gallery-module .item-caption {
    padding: 0;
    background-color: transparent
}

.b-gallery-module .item-caption.m-label .inner {
    padding-top: 48px
}

.b-gallery-module .item-caption.m-label .teaser-label {
    top: 0;
    left: 24px
}

.b-gallery-module .item-caption .teaser-cat {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .teaser-cat {
    color: rgba(255, 255, 255, .87)
}

.b-gallery-module .item-caption .teaser-title {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .teaser-title {
    color: rgba(255, 255, 255, .87)
}

.b-gallery-module .item-caption .teaser-title a {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .teaser-title a {
    color: rgba(255, 255, 255, .87)
}

.b-gallery-module .item-caption .teaser-title .item-number {
    font-family: Uniwidth, sans-serif
}

.b-gallery-module .item-caption .title-link {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .title-link {
    color: rgba(255, 255, 255, .87)
}

.b-gallery-module .item-caption .title-link:focus:not(:hover) {
    text-decoration: underline
}

.b-gallery-module .item-caption .item-description {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .item-description {
    color: rgba(255, 255, 255, .87)
}

.b-gallery-module .item-caption .item-description:before {
    display: none
}

.b-gallery-module .item-caption .item-description .icon-202_slide-right:before {
    padding-left: 0;
    -webkit-transition: padding-left .3s ease 0s;
    transition: padding-left .3s ease 0s
}

.b-gallery-module .item-caption .item-description:hover .icon-202_slide-right:before {
    padding-left: 5px
}

.b-gallery-module .item-caption .item-title {
    display: inline-block;
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .item-title {
    color: rgba(255, 255, 255, .87)
}

.b-gallery-module .item-caption .video-description {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .video-description {
    color: rgba(255, 255, 255, .87)
}

.b-gallery-module .item-caption .teaser-foot {
    overflow: hidden;
    position: absolute;
    top: inherit;
    bottom: 24px;
    display: inline-block;
    width: 100%;
    padding-right: 64px;
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .teaser-foot {
    color: rgba(255, 255, 255, .87)
}

.b-gallery-module .m-keyboardfocus {
    outline-color: #fa7d19
}

.b-cluster-teaser-livestream {
    overflow: hidden;
    position: relative;
    display: block;
    height: 100%;
    margin: 0;
    white-space: normal;
    background-color: #25292e;
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-teaser-livestream {
        width: 224px;
        height: 126px;
        margin-left: 8px
    }
    .b-cluster-teaser-livestream .b-ratiobox:after {
        height: 40px
    }
    .b-cluster-teaser-livestream .teaser-foot {
        left: 10px;
        font-size: .8125rem
    }
    .b-cluster-teaser-livestream .teaser-foot .teaser-info {
        font-size: .8125rem
    }
    .b-cluster-teaser-livestream .teaser-foot .icon {
        display: none
    }
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser-livestream {
        width: 320px;
        height: 180px;
        margin-left: 12px
    }
    .b-cluster-teaser-livestream .b-ratiobox:after {
        height: 60px
    }
    .b-cluster-teaser-livestream .teaser-foot {
        left: 24px;
        font-size: .875rem
    }
    .b-cluster-teaser-livestream .teaser-foot .teaser-info {
        font-size: .875rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-teaser-livestream:hover .image-teaser {
        opacity: .7;
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

.b-cluster-teaser-livestream:first-child {
    margin-left: 0
}

.b-cluster-teaser-livestream:not(.m-keyboardfocus) {
    outline: 0
}

.b-cluster-teaser-livestream .ratio-wrap {
    position: relative
}

.b-cluster-teaser-livestream .ratio-wrap .b-ratiobox:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
    background-image: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    background-image: linear-gradient(180deg, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    content: ""
}

.b-cluster-teaser-livestream .artdirect .m-8-9 {
    visibility: hidden
}

.b-cluster-teaser-livestream .artdirect .m-16-9 {
    visibility: visible
}

.b-cluster-teaser-livestream .image-teaser {
    opacity: 1;
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.b-cluster-teaser-livestream .teaser-img {
    display: block;
    height: 86px;
    margin: 0 auto;
    padding: 0 0 14px 0
}

.b-cluster-teaser-livestream .teaser-title-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0
}

.b-cluster-teaser-livestream .teaser-foot {
    position: absolute;
    top: initial;
    right: 32px;
    bottom: 10px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    color: #fff
}

.b-cluster-teaser-livestream .teaser-foot .icon {
    margin-right: 6px;
    line-height: 1.625rem
}

.b-cluster-teaser-livestream .teaser-info {
    display: inline-block;
    font-weight: 700
}

.b-cluster-livestream {
    position: relative
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-livestream .cluster-content {
        height: 126px
    }
    .b-cluster-livestream .cluster-content .tile-box-wrap {
        height: 126px
    }
}

@media print,
screen and (min-width:40em) {
    .b-cluster-livestream .cluster-content {
        height: 180px
    }
    .b-cluster-livestream .cluster-content .tile-box-wrap {
        height: 180px
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-livestream {
        margin-left: 40px
    }
}

.b-cluster-livestream .cluster-content {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.b-cluster-livestream .cluster-content.scroll-box {
    content:'{"cutScroll":true}'!important
}

.b-cluster-livestream .cluster-content.scroll-box::before {
    content:'{"cutScroll":true}'!important;
    font-family:'{"cutScroll":true}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-livestream .cluster-content.scroll-box {
        content:'{"scrollStep":232}'!important
    }
    .b-cluster-livestream .cluster-content.scroll-box::before {
        content:'{"scrollStep":232}'!important;
        font-family:'{"scrollStep":232}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-cluster-livestream .cluster-content.scroll-box {
        content:'{"scrollStep":332}'!important
    }
    .b-cluster-livestream .cluster-content.scroll-box::before {
        content:'{"scrollStep":332}'!important;
        font-family:'{"scrollStep":332}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-livestream .cluster-content.scroll-box {
        content:'{"scrollStep":664}'!important
    }
    .b-cluster-livestream .cluster-content.scroll-box::before {
        content:'{"scrollStep":664}'!important;
        font-family:'{"scrollStep":664}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.b-cluster-livestream .tile-box-wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    height: 100%;
    max-height: 720px;
    white-space: nowrap;
    will-change: transform;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch
}

.b-cluster-livestream .pin-wrapper {
    position: absolute
}

.b-cluster-livestream .tile-box {
    display: inline-block;
    vertical-align: top
}

.b-cluster-livestream.m-has-teaser .m-no-content,
.b-cluster-livestream.m-hide,
.b-cluster-livestream:not(.m-has-teaser) .m-content {
    display: none
}

@media print,
screen and (min-width:64em) {
    .b-cluster-livestream .cluster-title-row {
        max-width: calc(72rem + 40px)
    }
}

.b-cluster-poster-teaser {
    position: relative;
    background-color: #25292e;
    margin-left: 8px
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser {
        width: 12.6875rem;
        -webkit-transition: width .1s;
        transition: width .1s
    }
    .b-cluster-poster-teaser .b-ratiobox {
        width: 12.6875rem
    }
    .b-cluster-poster-teaser .box {
        padding: 12px
    }
    .b-cluster-poster-teaser .teaser-title,
    .b-cluster-poster-teaser .teaser-title-link {
        font-size: 1.25rem;
        line-height: 1.625rem;
        width: 100%
    }
    .b-cluster-poster-teaser .teaser-label {
        max-width: 140px;
        margin-top: 12px
    }
    .b-cluster-poster-teaser .teaser-foot {
        margin-top: 12px
    }
    .b-cluster-poster-teaser .teaser-foot .icon {
        line-height: 1.25rem;
        vertical-align: middle
    }
    .b-cluster-poster-teaser .teaser-foot .teaser-info {
        overflow: hidden;
        max-width: 180px;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-cluster-poster-teaser .box {
        padding: 12px
    }
}

@media print,
screen and (min-width:40em) {
    .b-cluster-poster-teaser {
        margin-left: 12px
    }
    .b-cluster-poster-teaser .b-ratiobox {
        width: 270px
    }
    .b-cluster-poster-teaser .teaser-title,
    .b-cluster-poster-teaser .teaser-title-link {
        font-size: 1.625rem;
        line-height: 2.125rem
    }
    .b-cluster-poster-teaser .teaser-label {
        max-width: 200px;
        margin: 16px 0 0
    }
    .b-cluster-poster-teaser .teaser-foot {
        margin: 16px 0 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-poster-teaser:hover .image-teaser {
        opacity: .7;
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
    .b-cluster-poster-teaser .box {
        padding: 16px
    }
}

.b-cluster-poster-teaser:first-child {
    margin-left: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser.is-expanded {
        width: 20rem
    }
}

.b-cluster-poster-teaser.is-expanded:hover .b-ratiobox .image-teaser {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    opacity: 1
}

.b-cluster-poster-teaser.is-expanded .content-label {
    display: none
}

.b-cluster-poster-teaser.is-expanded .box {
    padding-bottom: 3.5rem
}

.b-cluster-poster-teaser.is-expanded .b-ratiobox {
    width: 30rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser.is-expanded .b-ratiobox {
        width: 20rem
    }
}

.b-cluster-poster-teaser.is-expanded .b-ratiobox:before {
    opacity: 1
}

.b-cluster-poster-teaser.is-expanded .b-ratiobox:after {
    opacity: 0
}

.b-cluster-poster-teaser.is-expanded .b-ratiobox .image-teaser {
    -o-object-position: center -4.375rem;
    object-position: center -4.375rem;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser.is-expanded .b-ratiobox .image-teaser {
        -o-object-position: center -2.1875rem;
        object-position: center -2.1875rem
    }
}

.b-cluster-poster-teaser.is-expanded .teaser-cat {
    line-height: 1.125rem;
    margin-bottom: .125rem
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-poster-teaser.is-expanded .teaser-cat {
        line-height: 1rem
    }
}

.b-cluster-poster-teaser.is-expanded .teaser-title-link {
    font-size: 1.375rem;
    line-height: 1.875rem
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser.is-expanded .teaser-title-link {
    color: #fff
}

.b-cluster-poster-teaser.is-expanded .teaser-logo {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    display: none
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser.is-expanded .teaser-title {
    color: #fff
}

.b-cluster-poster-teaser.is-expanded .teaser-title.has-logo {
    display: block
}

.b-cluster-poster-teaser.is-expanded .teaser-min-box {
    min-height: 10rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser.is-expanded .teaser-min-box {
        min-height: 10.75rem
    }
}

.b-cluster-poster-teaser.is-expanded .teaser-extended-text {
    opacity: 1;
    max-height: 5rem;
    margin-top: .75rem;
    margin-bottom: .75rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser.is-expanded .teaser-extended-text {
        max-height: 5.625rem
    }
}

.b-cluster-poster-teaser.is-expanded .b-plus-button,
.b-cluster-poster-teaser.is-expanded .teaser-play-btn,
.b-cluster-poster-teaser.is-expanded .teaser-trailer-btn {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transition: opacity .2s .2s, visibility .2s .2s;
    transition: opacity .2s .2s, visibility .2s .2s
}

.b-cluster-poster-teaser.is-expanded .teaser-close-btn {
    display: block
}

.b-cluster-poster-teaser.is-expanded .teaser-open-btn {
    display: none
}

.b-cluster-poster-teaser.is-expanded .teaser-foot {
    margin: 0 0 12px;
    opacity: .6
}

.b-cluster-poster-teaser.is-expanded .teaser-label {
    height: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .2s 0s, visibility .2s 0s;
    transition: opacity .2s 0s, visibility .2s 0s
}

.b-cluster-poster-teaser.is-expanded .teaser-extended-info {
    opacity: 1;
    max-height: .8125rem;
    margin-bottom: 1rem
}

.b-cluster-poster-teaser.is-expanded .teaser-vid-infos {
    opacity: 1;
    max-height: 1.5rem;
    margin-bottom: 1rem
}

.b-cluster-poster-teaser.is-expanded .b-plus-button .plus-main-btn {
    margin: 0!important
}

.b-cluster-poster-teaser.is-expanded .b-plus-button .button-group.m-level-1 {
    top: -.25rem;
    right: 2.375rem
}

.b-cluster-poster-teaser .b-ratiobox {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 30rem;
    -webkit-transition: width .2s;
    transition: width .2s
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser .b-ratiobox {
        padding-bottom: 22.5rem
    }
}

.b-cluster-poster-teaser .b-ratiobox:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .85)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%);
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser .b-ratiobox:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .25)), to(rgba(0, 0, 0, .85)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, .85) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, .85) 100%)
    }
}

.b-cluster-poster-teaser .b-ratiobox:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 200px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    content: "";
    pointer-events: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    min-height: 15.625rem
}

@media print,
screen and (min-width:40em) {
    .b-cluster-poster-teaser .b-ratiobox:after {
        height: 250px
    }
}

.b-cluster-poster-teaser .b-ratiobox .image-teaser {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: opacity .2s, object-position .2s, -webkit-filter .2s, -webkit-transform .2s;
    transition: opacity .2s, object-position .2s, -webkit-filter .2s, -webkit-transform .2s;
    transition: filter .2s, transform .2s, opacity .2s, object-position .2s;
    transition: filter .2s, transform .2s, opacity .2s, object-position .2s, -webkit-filter .2s, -webkit-transform .2s, -o-object-position .2s
}

.b-cluster-poster-teaser .image-teaser {
    opacity: 1;
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.b-cluster-poster-teaser .box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.b-cluster-poster-teaser .box-table-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.b-cluster-poster-teaser .teaser-episode-number {
    float: none;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.b-cluster-poster-teaser .teaser-title,
.b-cluster-poster-teaser .teaser-title-link {
    position: static;
    display: block;
    max-width: 100%;
    margin: auto 0 0;
    text-shadow: 0 0 16px rgba(0, 0, 0, .3);
    white-space: normal;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser .teaser-title,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser .teaser-title-link {
    color: #fff
}

.b-cluster-poster-teaser .teaser-title.has-logo {
    display: none
}

.b-cluster-poster-teaser .teaser-logo {
    position: static;
    display: inline-table;
    margin: auto 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.b-cluster-poster-teaser .teaser-logo .m-16-9 {
    visibility: visible
}

.b-cluster-poster-teaser .teaser-logo .logo {
    width: 100%
}

.b-cluster-poster-teaser .teaser-foot,
.b-cluster-poster-teaser .teaser-label {
    position: static
}

.b-cluster-poster-teaser .teaser-label {
    font-weight: 700
}

.b-cluster-poster-teaser .teaser-label.is-news {
    text-shadow: none;
    margin-bottom: 8px
}

.b-cluster-poster-teaser .teaser-cat {
    text-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser .teaser-cat {
    color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser .teaser-cat {
        margin-bottom: 4px
    }
}

.b-cluster-poster-teaser .teaser-info {
    text-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

@media print,
screen and (min-width:40em) {
    .b-cluster-poster-teaser .teaser-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        max-width: 220px
    }
}

.b-cluster-poster-teaser .teaser-foot {
    text-shadow: 0 0 8px rgba(0, 0, 0, .5);
    width: 100%
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser .teaser-foot {
    color: #fff
}

.b-cluster-poster-teaser .content-label {
    position: absolute;
    width: auto;
    right: 16px;
    top: 16px;
    z-index: 2
}

.b-cluster-poster-teaser .content-label img {
    height: 40px
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser .content-label img {
        height: 32px
    }
}

.b-cluster-poster-teaser .teaser-cat {
    -webkit-transition: margin-bottom .2s;
    transition: margin-bottom .2s
}

.b-cluster-poster-teaser .teaser-extended-text {
    font-size: .9375rem;
    line-height: 1.33;
    font-weight: 300;
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    height: auto;
    margin: 0;
    color: #fff;
    overflow: hidden;
    white-space: normal;
    width: 25rem;
    line-height: 1.25rem;
    -webkit-transition: max-height .2s, margin .2s, opacity .2s;
    transition: max-height .2s, margin .2s, opacity .2s
}

.b-cluster-poster-teaser .teaser-extended-text .arrowhover,
.b-cluster-poster-teaser .teaser-extended-text .icon-206_arrow-right {
    position: relative;
    height: .875rem;
    width: .875rem;
    display: inline-block;
    margin-left: 1px;
    font-size: 1rem;
    line-height: 1.1875rem
}

.b-cluster-poster-teaser .teaser-extended-text .arrowhover:before,
.b-cluster-poster-teaser .teaser-extended-text .icon-206_arrow-right:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    line-height: 1.1875rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster-teaser .teaser-extended-text {
        font-size: .8125rem;
        width: 18rem
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-poster-teaser .teaser-extended-text {
        line-height: 1.125rem
    }
}

.b-cluster-poster-teaser .teaser-extended-info {
    opacity: 0;
    max-height: 0;
    height: auto;
    font-size: .8125rem;
    line-height: .8125rem;
    color: #fff;
    overflow: hidden;
    -webkit-transition: max-height .2s, opacity .2s;
    transition: max-height .2s, opacity .2s
}

.b-cluster-poster-teaser .teaser-info {
    font-size: .8125rem;
    line-height: .9375rem;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.b-cluster-poster-teaser .teaser-vid-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    max-height: 0;
    height: auto;
    overflow: hidden;
    -webkit-transition: max-height .2s, margin .2s, opacity .2s;
    transition: max-height .2s, margin .2s, opacity .2s
}

.b-cluster-poster-teaser .teaser-vid-infos .teaser-vid-info-item {
    height: 1.25rem;
    margin-right: .75rem;
    padding: .1875rem .375rem .125rem;
    background-color: #96999c;
    font-size: .8125rem;
    line-height: .9375rem;
    font-weight: 500;
    letter-spacing: .26px;
    text-align: center;
    color: #25292e;
    margin-right: .5rem
}

.b-cluster-poster-teaser .teaser-open-btn {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    font-size: 14px;
    color: #25292e!important;
    -webkit-transition: opacity 0s, visibility 0s, -webkit-transform .4s, -webkit-transform-origin .4s;
    transition: opacity 0s, visibility 0s, -webkit-transform .4s, -webkit-transform-origin .4s;
    transition: opacity 0s, visibility 0s, transform .4s, transform-origin .4s;
    transition: opacity 0s, visibility 0s, transform .4s, transform-origin .4s, -webkit-transform .4s, -webkit-transform-origin .4s;
    color: #fff!important
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser .teaser-open-btn {
    color: #9e9fa2!important
}

.b-cluster-poster-teaser .teaser-open-btn.m-keyboardfocus {
    outline-offset: -.125rem
}

.b-cluster-poster-teaser .teaser-open-btn .icon-924_teaser-info {
    position: relative;
    right: -12.5px;
    bottom: -9px
}

.b-cluster-poster-teaser .teaser-open-btn:hover {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transform-origin: 44px 45px;
    transform-origin: 44px 45px
}

.b-cluster-poster-teaser .teaser-play-btn {
    font-size: .9375rem;
    padding: .375rem 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color .4s;
    transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color .4s
}

.b-cluster-poster-teaser .teaser-play-btn .icon-502_play:before {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.75rem;
    line-height: 1.5rem;
    top: .1875rem;
    left: .0625rem;
    z-index: 2;
    -webkit-transition: opacity .2s .2s, left .2s;
    transition: opacity .2s .2s, left .2s
}

.b-cluster-poster-teaser .teaser-play-btn .icon-502_play:after {
    content: "";
    position: absolute;
    z-index: 1;
    opacity: 0;
    background-color: #fff;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    top: .4375rem;
    left: .4375rem;
    -webkit-transition: opacity .2s, left .2s;
    transition: opacity .2s, left .2s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser .teaser-play-btn .icon-502_play:after {
    background-color: #0d1118
}

.b-cluster-poster-teaser .teaser-play-btn:hover .icon-502_play {
    color: #fa7d19
}

.b-cluster-poster-teaser .teaser-play-btn:hover .icon-502_play:before {
    left: .3125rem;
    -webkit-transition: left .2s .2s;
    transition: left .2s .2s
}

.b-cluster-poster-teaser .teaser-play-btn:hover .icon-502_play:after {
    opacity: 1;
    left: .75rem;
    -webkit-transition: opacity .2s, left .2s .2s;
    transition: opacity .2s, left .2s .2s
}

.b-cluster-poster-teaser .teaser-play-btn .icon-502_play+.play-btn-text {
    left: 24px;
    position: relative;
    padding-right: 24px
}

.b-cluster-poster-teaser .teaser-play-btn:before {
    left: 50%!important
}

.b-cluster-poster-teaser .teaser-play-btn:hover:before {
    width: calc(100% - 32px)!important
}

.b-cluster-poster-teaser .teaser-play-btn.has-play-icon:hover:before {
    width: calc(100% - 56px)!important
}

.b-cluster-poster-teaser .teaser-play-btn.has-play-icon:before {
    left: calc(50% + 12px)!important
}

.b-cluster-poster-teaser .teaser-trailer-btn {
    font-size: .9375rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color .4s;
    transition: opacity 0s 0s, visibility 0s 0s, border-color .4s, background-color .4s
}

.b-cluster-poster-teaser .teaser-play-btn+.teaser-trailer-btn {
    margin-left: 8px
}

@media print,
screen and (min-width:64em) {
    .b-cluster-poster-teaser .teaser-play-btn+.teaser-trailer-btn {
        margin-left: 12px
    }
}

.b-cluster-poster-teaser .teaser-btn-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    bottom: 3rem;
    left: 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-poster-teaser .teaser-btn-container {
        left: .75rem
    }
}

.b-cluster-poster-teaser .b-plus-button {
    width: 2rem;
    height: 2rem;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0s 0s, visibility 0s 0s, -webkit-transform .4s;
    transition: opacity 0s 0s, visibility 0s 0s, -webkit-transform .4s;
    transition: opacity 0s 0s, visibility 0s 0s, transform .4s;
    transition: opacity 0s 0s, visibility 0s 0s, transform .4s, -webkit-transform .4s
}

@media print,
screen and (max-width:63.99875em) {
    .b-cluster-poster-teaser .b-plus-button {
        right: .75rem
    }
}

.b-cluster-poster-teaser .b-plus-button .plus-main-btn {
    margin: 0
}

.b-cluster-poster-teaser .b-plus-button .plus-main-btn .inner-circle {
    width: 2rem;
    height: 2rem
}

.b-cluster-poster-teaser .b-plus-button .plus-main-btn .inner-circle:before {
    font-size: 1rem;
    line-height: 1.25rem
}

.b-cluster-poster-teaser .teaser-close-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 2.875rem;
    text-align: center;
    width: 2.875rem;
    height: 2.875rem;
    z-index: 2
}

.b-cluster-poster-teaser .teaser-close-btn.m-keyboardfocus {
    outline-offset: -.125rem
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser .teaser-close-btn {
    color: #9e9fa2
}

body.x-heute .b-cluster-poster-teaser .b-ratiobox:after {
    height: 66%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
    background-image: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    background-image: linear-gradient(180deg, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%)
}

body.x-heute .b-cluster-poster-teaser .teaser-cat {
    position: absolute;
    top: 16px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

@media print,
screen and (max-width:39.99875em) {
    body.x-heute .b-cluster-poster-teaser .teaser-cat {
        right: 16px;
        left: 16px;
        margin-bottom: 8px
    }
}

@media print,
screen and (min-width:40em) {
    body.x-heute .b-cluster-poster-teaser .teaser-cat {
        right: 24px;
        left: 24px
    }
}

body.x-heute .b-cluster-poster-teaser .teaser-title,
body.x-heute .b-cluster-poster-teaser .teaser-title-link {
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

body.x-heute .b-cluster-poster-teaser .teaser-info {
    text-shadow: none
}

@media print,
screen and (max-width:39.99875em) {
    body.x-heute .b-cluster-poster-teaser .teaser-foot {
        margin-top: 8px
    }
}

.b-cluster-poster {
    position: relative
}

@media print,
screen and (max-width:39.99875em) {
    .b-cluster-poster .cluster-content {
        height: 360px
    }
    .b-cluster-poster [data-module=js-scrollbox] {
        content:'{"scrollStep":320,"cutScroll":true}'!important
    }
    .b-cluster-poster [data-module=js-scrollbox]::before {
        content:'{"scrollStep":320,"cutScroll":true}'!important;
        font-family:'{"scrollStep":320,"cutScroll":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-cluster-poster.no-title {
        margin-top: 32px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-cluster-poster .cluster-content {
        height: 480px
    }
    .b-cluster-poster.no-title {
        margin-top: 64px
    }
    .b-cluster-poster [data-module=js-scrollbox] {
        content:'{"scrollStep":480,"cutScroll":true}'!important
    }
    .b-cluster-poster [data-module=js-scrollbox]::before {
        content:'{"scrollStep":480,"cutScroll":true}'!important;
        font-family:'{"scrollStep":480,"cutScroll":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (min-width:64em) {
    .b-cluster-poster {
        margin-left: 40px
    }
    .b-cluster-poster .cluster-content {
        height: 480px
    }
    .b-cluster-poster.no-title {
        margin-top: 64px
    }
    .b-cluster-poster [data-module=js-scrollbox] {
        content:'{"scrollStep":640,"cutScroll":true}'!important
    }
    .b-cluster-poster [data-module=js-scrollbox]::before {
        content:'{"scrollStep":640,"cutScroll":true}'!important;
        font-family:'{"scrollStep":640,"cutScroll":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.b-cluster-poster .cluster-content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.b-cluster-poster .tile-box-wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    height: 100%;
    max-height: 720px;
    white-space: nowrap;
    will-change: transform;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch
}

.b-cluster-poster .pin-wrapper {
    position: absolute
}

.b-cluster-poster .tile-box {
    display: inline-block;
    vertical-align: top
}

.b-cluster-poster.m-has-teaser .m-no-content,
.b-cluster-poster.m-hide,
.b-cluster-poster:not(.m-has-teaser) .m-content {
    display: none
}

@media print,
screen and (min-width:64em) {
    .b-cluster-poster .cluster-title-row {
        max-width: calc(72rem + 40px)
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-contentbox .content .inner-content {
        padding: 0 16px 24px
    }
    .b-group-contentbox .content .text,
    .b-group-contentbox .content p {
        margin-bottom: 16px;
        padding: 0!important;
        line-height: 1.375rem
    }
    .b-group-contentbox .content .link {
        margin-bottom: 16px
    }
    .b-group-contentbox .content .source {
        margin-bottom: 0
    }
    .b-group-contentbox .content a:last-child,
    .b-group-contentbox .content p:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .b-group-contentbox .accordion .accordion-panel .panel-link .shorter {
        text-overflow: initial;
        white-space: normal
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-contentbox .content .inner-content {
        padding: 0 24px 32px
    }
    .b-group-contentbox .content .text,
    .b-group-contentbox .content p {
        margin-bottom: 16px;
        line-height: 1.625rem
    }
    .b-group-contentbox .content .link {
        margin-bottom: 8px
    }
    .b-group-contentbox .content .source {
        margin-top: 16px
    }
    .b-group-contentbox .content .text+.source {
        margin-top: 0
    }
}

.b-group-contentbox .content {
    overflow: hidden
}

.b-group-contentbox .content .inner-content {
    overflow: hidden
}

.b-group-contentbox .content .title {
    margin: 0 0 24px 0;
    font-size: 1.125rem;
    font-weight: 700
}

.b-group-contentbox .content .text {
    position: relative;
    outline: 0
}

.b-group-contentbox .content .show-overlay {
    opacity: .5;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: 5px;
    padding: 0;
    line-height: 2.125rem;
    text-align: center;
    color: #fff;
    background: #25292e;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-group-contentbox .content .show-overlay:focus:not(.m-keyboardfocus),
.b-group-contentbox .content .show-overlay:hover {
    opacity: .8
}

.b-group-contentbox .content .show-overlay:before {
    line-height: 30px
}

.b-group-contentbox .content .content-img {
    position: relative;
    z-index: 2;
    display: block;
    border-bottom: none;
    border-bottom: none!important;
    cursor: pointer
}

.b-group-contentbox .content .content-img.m-right {
    float: right;
    width: 160px;
    margin: 6px 0 10px 24px
}

.b-group-contentbox .content .content-img.m-left {
    float: left;
    width: 160px;
    margin: 6px 24px 10px 0
}

.b-group-contentbox .content .content-img.m-full {
    width: 100%;
    margin-bottom: 16px
}

.b-group-contentbox .content .content-img img {
    width: 100%
}

.b-group-contentbox .content .b-playerbox {
    margin-bottom: 16px
}

.b-group-contentbox .content .link {
    overflow: hidden;
    display: inline-block;
    border: none;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    color: #34393f;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.b-group-contentbox .content .link:focus,
.b-group-contentbox .content .link:hover {
    color: #fa7d19
}

.b-group-contentbox .content .link .download-type {
    font-family: Uniwidth, sans-serif
}

.b-group-contentbox .content .link:focus .link-label {
    text-decoration: underline
}

.b-group-contentbox .content .source {
    display: block;
    width: 100%;
    font-size: .875rem
}

html.x-tivi-app .b-group-contentbox .content .show-overlay {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0)
}

.b-group-persons {
    position: relative;
    z-index: 1;
    margin: 0 0 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-persons.x-notitle {
        margin-top: 32px
    }
    .b-group-persons .guest-box .guest-description .desc-text {
        margin: 0 16px;
        padding: 16px 0;
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-persons.x-notitle {
        margin-top: 64px
    }
    .b-group-persons .guest-box .guest-description .desc-text {
        margin: 0 auto;
        padding: 24px 16px 32px;
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    .b-group-persons .x-row .x-large-up-3>.x-column,
    .b-group-persons .x-row .x-large-up-3>.x-column:last-child {
        float: none;
        display: inline-block;
        margin: 0 -2px;
        vertical-align: top
    }
}

.b-group-persons .guest-list {
    content:'{"animation": "slide"}'!important;
    margin: 0
}

.b-group-persons .guest-list::before {
    content:'{"animation": "slide"}'!important;
    font-family:'{"animation": "slide"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-group-persons .guest-list.m-selected-within .guest-box {
    opacity: .6;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-group-persons .guest-list.m-selected-within .guest-box.m-active {
    opacity: 1
}

.b-group-persons .guest-box .guest-panel {
    outline: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    position: absolute;
    left: 0;
    z-index: 12;
    width: 100%
}

.b-group-persons .guest-box .guest-panel.m-open {
    overflow: visible;
    opacity: 1;
    visibility: inherit;
    height: auto
}

.b-group-persons .guest-box .guest-description {
    position: relative;
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .guest-description {
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

.b-group-persons .guest-box .guest-description.m-text-dark {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .guest-description.m-text-dark {
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a!important
}

.b-group-persons .guest-box .guest-description.m-text-dark a {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .guest-description.m-text-dark a {
    color: rgba(255, 255, 255, .87)
}

.b-group-persons .guest-box .guest-description .artdirect {
    display: none
}

.b-group-persons .guest-box .guest-description a {
    line-height: inherit;
    padding: 0;
    background: 0 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    color: inherit;
    text-decoration: underline;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, -webkit-text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s;
    transition: color .4s, text-decoration-color .4s, -webkit-text-decoration-color .4s;
    color: rgba(255, 255, 255, .87)
}

.b-group-persons .guest-box .guest-description a:focus:not(:disabled):not(.disabled),
.b-group-persons .guest-box .guest-description a:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.b-group-persons .guest-box .guest-description a:active {
    opacity: .5!important
}

.b-group-persons .guest-box .guest-description a.disabled,
.b-group-persons .guest-box .guest-description a:disabled {
    color: #96999c;
    -webkit-text-decoration-color: #96999c;
    text-decoration-color: #96999c
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .guest-description a {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .guest-description a:focus:not(:disabled):not(.disabled),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .guest-description a:hover:not(:disabled):not(.disabled) {
    color: #fa7d19;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19
}

.b-group-persons .guest-box .guest-description a:visited:not(.button) {
    color: inherit
}

.b-group-persons .guest-box .guest-description a:visited:not(.button):focus,
.b-group-persons .guest-box .guest-description a:visited:not(.button):hover {
    color: #fa7d19
}

.b-group-persons .guest-box .guest-description .desc-text {
    position: relative;
    text-align: left
}

.b-group-persons .guest-box .guest-description .desc-text p {
    -webkit-transform: translate3d(0, 0, 0)
}

.b-group-persons .guest-box .guest-description .desc-text p:last-of-type {
    margin-bottom: 0
}

.b-group-persons .guest-box .arrow-down {
    position: relative;
    top: -4px;
    left: -4px;
    display: inline-block;
    height: 8px;
    font-size: 1.5rem;
    color: #34393f;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-persons .guest-box .arrow-down {
    color: rgba(255, 255, 255, .87)
}

.b-group-persons .guest-box .arrow-down:before {
    display: block;
    line-height: 8px
}

.b-group-persons .guest-box.m-active .guest-info:before {
    opacity: 1
}

.b-group-persons .guest-box.m-active .arrow-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-group-persons .x-end p:last-child {
    margin-bottom: 0
}

.b-group-persons+.b-cluster,
.b-group-persons+.b-group-persons {
    margin-top: -28px
}

.b-group-persons+.b-cluster.x-notitle,
.b-group-persons+.b-group-persons.x-notitle {
    margin-top: -12px
}

.b-group-persons .guest-box-no-desc {
    text-decoration: none!important;
    cursor: default!important
}

.b-group-persons .guest-box-no-desc:hover {
    text-decoration: none!important
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-shorttext .ordered-list,
    .b-group-shorttext .unordered-list,
    .b-group-shorttext p {
        padding: 0 16px
    }
    .b-group-shorttext+.b-cluster .cluster-title-row .cluster-title {
        margin-top: 24px
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-shorttext+.b-cluster .cluster-title-row .cluster-title {
        margin-top: 32px
    }
}

.b-group-shorttext .unordered-list {
    margin: 0 0 20px 20px;
    list-style-type: disc;
    line-height: 1.75rem
}

.b-group-shorttext .unordered-list.accordion {
    margin: 0 0 20px
}

.b-group-shorttext .ordered-list {
    margin: 0 0 20px 25px;
    list-style-type: decimal;
    line-height: 1.75rem
}

.b-group-shorttext p:last-child {
    margin-bottom: 0
}

.b-group-shorttext li {
    line-height: 1.625rem
}

.b-group-shorttext .inline-quote {
    font-family: Uniwidth, sans-serif;
    font-style: italic
}

body.no-scroll {
    position: fixed;
    overflow: hidden
}

body.no-scroll.guided-tour--height {
    position: relative;
    max-height: 800px
}

body.no-scroll.guided-tour--height .b-header,
body.no-scroll.guided-tour--height .js-offcanvas-panel {
    position: absolute
}

body.no-scroll .guided-tour {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(37, 41, 46, .9);
    padding-top: 80px;
    z-index: 100;
    height: 200%
}

@media print,
screen and (max-width:63.99875em) {
    body.no-scroll .guided-tour {
        padding: 0
    }
}

body.no-scroll .page {
    position: relative
}

body.no-scroll .main {
    position: initial
}

body.no-scroll.mobile-landscape {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

body.no-scroll.mobile-landscape .b-alert,
body.no-scroll.mobile-landscape .b-header,
body.no-scroll.mobile-landscape .b-stage {
    z-index: -1
}

@media print,
screen and (max-width:63.99875em) {
    body.no-scroll .top-bar-section {
        z-index: 100
    }
}

body.overlay {
    position: fixed;
    overflow: hidden
}

body.overlay .guided-tour {
    position: static
}

body.overlay .guided-tour--intro-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(37, 41, 46, .9);
    padding-top: 80px;
    z-index: 100;
    height: 200%
}

@media print,
screen and (max-width:63.99875em) {
    body.overlay .guided-tour--intro-overlay {
        padding: 0
    }
}

.guided-tour {
    position: relative
}

.guided-tour .guided-tour--overlay>div {
    outline: 0
}

.guided-tour--overlay {
    color: #fff;
    position: relative
}

@media print,
screen and (min-width:64em) {
    .b-header .top-bar-section .dropdown {
        opacity: 0;
        visibility: hidden
    }
}

@media print,
screen and (min-width:64em) {
    .b-header .top-bar-section .dropdown.active {
        opacity: 1;
        visibility: visible;
        -webkit-animation: opacity 3s forwards;
        animation: opacity 3s forwards
    }
}

@media print,
screen and (min-width:64em) {
    .b-header .top-bar-section .dropdown.show {
        opacity: 1;
        visibility: visible
    }
}

@media print,
screen and (max-width:63.99875em) {
    .top-bar-section.active {
        visibility: inherit;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation: transition .5s forwards;
        animation: transition .5s forwards
    }
    .top-bar-section.active .menu-item .dropdown.show {
        visibility: inherit;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation: transition .5s forwards;
        animation: transition .5s forwards
    }
}

@media print,
screen and (max-width:63.99875em) {
    .top-bar-section.show {
        visibility: inherit;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .top-bar-section.show .menu-item .dropdown.show {
        visibility: inherit;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.guided-tour--steps .guided-tour--step-2 li:nth-child(-n+1),
.guided-tour--steps .guided-tour--step-3 li:nth-child(-n+2),
.guided-tour--steps .guided-tour--step-4 li:nth-child(-n+3),
.guided-tour--steps .guided-tour--step-done li:nth-child(-n+4) {
    pointer-events: all
}

.guided-tour--steps .guided-tour--step-2 li:nth-child(-n+1):before,
.guided-tour--steps .guided-tour--step-3 li:nth-child(-n+2):before,
.guided-tour--steps .guided-tour--step-4 li:nth-child(-n+3):before,
.guided-tour--steps .guided-tour--step-done li:nth-child(-n+4):before {
    color: rgba(37, 41, 46, .9);
    background-color: #fff
}

.guided-tour--steps .guided-tour--step-2 li:nth-child(-n+1):before,
.guided-tour--steps .guided-tour--step-3 li:nth-child(-n+2):before,
.guided-tour--steps .guided-tour--step-4 li:nth-child(-n+3):before,
.guided-tour--steps .guided-tour--step-done li:nth-child(-n+4):before {
    content: ""
}

.guided-tour--steps .guided-tour--step-2 li:nth-child(-n+1):not(:last-child):after,
.guided-tour--steps .guided-tour--step-3 li:nth-child(-n+2):not(:last-child):after,
.guided-tour--steps .guided-tour--step-4 li:nth-child(-n+3):not(:last-child):after,
.guided-tour--steps .guided-tour--step-done li:nth-child(-n+4):not(:last-child):after {
    position: absolute;
    top: 50%;
    left: 21px;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
    -webkit-animation: steps 1s forwards;
    animation: steps 1s forwards
}

.guided-tour--steps .guided-tour--step-1 li:nth-child(-n+1),
.guided-tour--steps .guided-tour--step-2 li:nth-child(2),
.guided-tour--steps .guided-tour--step-3 li:nth-child(3),
.guided-tour--steps .guided-tour--step-4 li:nth-child(4),
.guided-tour--steps .guided-tour--step-done li:nth-child(5) {
    font-weight: 700
}

.guided-tour--steps .guided-tour--step-1 li:nth-child(-n+1):before,
.guided-tour--steps .guided-tour--step-2 li:nth-child(2):before,
.guided-tour--steps .guided-tour--step-3 li:nth-child(3):before,
.guided-tour--steps .guided-tour--step-4 li:nth-child(4):before,
.guided-tour--steps .guided-tour--step-done li:nth-child(5):before {
    color: rgba(37, 41, 46, .9);
    background-color: #fff;
    font-weight: 700
}

.guided-tour--steps {
    counter-reset: section;
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 96px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media print,
screen and (min-width:64em) {
    .guided-tour--steps {
        margin-top: 24px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .guided-tour--steps {
        margin-top: 40px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--steps {
        margin-top: 40px;
        width: 100%;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
}

.guided-tour--steps li {
    position: relative;
    display: inline-block;
    line-height: 1rem;
    color: #25292e;
    pointer-events: none;
    counter-increment: section
}

.guided-tour--steps li:last-child:before {
    margin-right: 0
}

.guided-tour--steps li:before {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 56px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-family: Uniwidth, sans-serif;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.125rem;
    text-align: center;
    background-color: rgba(37, 41, 46, .9);
    content: counter(section);
    color: #fff
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--steps li:before {
        margin-right: 24px
    }
}

.guided-tour--steps li a,
.guided-tour--steps li button {
    color: inherit;
    text-decoration: none!important;
    border-bottom: none!important
}

.guided-tour--steps li a:hover,
.guided-tour--steps li button:hover {
    text-decoration: underline!important
}

.guided-tour--steps li a {
    padding-top: 3px
}

.guided-tour--steps .guided-tour--steps-back {
    margin-right: 52px
}

.guided-tour--steps .guided-tour--steps-back:disabled {
    color: rgba(255, 255, 255, .2)
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--steps .guided-tour--steps-back {
        margin-right: 25px
    }
}

.guided-tour--steps .guided-tour--steps-next {
    margin-left: 52px
}

.guided-tour--steps .guided-tour--steps-next:disabled {
    color: rgba(255, 255, 255, .2)
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--steps .guided-tour--steps-next {
        margin-left: 25px
    }
}

.guided-tour--steps .guided-tour--steps-back,
.guided-tour--steps .guided-tour--steps-next {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px
}

.guided-tour--steps .guided-tour--steps-back span[class*=icon-],
.guided-tour--steps .guided-tour--steps-next span[class*=icon-] {
    font-size: 42px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--steps .guided-tour--steps-back,
    .guided-tour--steps .guided-tour--steps-next {
        height: 21px;
        width: 21px
    }
    .guided-tour--steps .guided-tour--steps-back span[class*=icon-],
    .guided-tour--steps .guided-tour--steps-next span[class*=icon-] {
        font-size: 21px
    }
}

.guided-tour--steps .guided-tour--cancel {
    font-size: 1rem;
    position: absolute;
    top: 1.875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media print,
screen and (min-width:40em) {
    .guided-tour--steps .guided-tour--cancel {
        top: 3.125rem
    }
}

.guided-tour--steps+.guided-tour--cancel {
    position: absolute;
    top: 0;
    right: 0
}

@media print,
screen and (min-width:64em) {
    .guided-tour--steps+.guided-tour--cancel {
        top: 0!important
    }
}

.guided-tour--steps+.guided-tour--cancel .icon {
    color: #fff;
    height: 48px;
    width: 48px
}

.guided-tour--steps [class^=guided-tour--step-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guided-tour--steps .guided-tour--step-done li:nth-child(5) {
    pointer-events: none
}

.guided-tour--steps {
    margin-top: 10px
}

@-webkit-keyframes steps {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.guided-tour--dynamic {
    position: relative
}

.guided-tour--dynamic.active {
    opacity: 1;
    -webkit-animation: opacity .2s ease-in;
    animation: opacity .2s ease-in
}

.guided-tour--dynamic .guided-tour--dynamic-container {
    text-align: center;
    padding-top: 48px
}

.guided-tour--dynamic .guided-tour---dynamic-headline {
    line-height: 1.625rem;
    font-size: 1.75rem;
    font-weight: 700;
    max-width: 576px;
    margin: 42px auto 16px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--dynamic .guided-tour---dynamic-headline {
        margin-top: 40px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        max-width: 85%
    }
}

.guided-tour--dynamic .guided-tour--dynamic-text {
    line-height: 1.625rem;
    font-size: 1.125rem;
    max-width: 576px;
    margin: auto
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--dynamic .guided-tour--dynamic-text {
        width: 300px;
        font-size: inherit;
        line-height: 1.375rem;
        max-width: 100%
    }
}

.guided-tour--dynamic .guided-tour--img {
    height: 324px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--dynamic .guided-tour--img {
        height: 198px
    }
}

.guided-tour--dynamic .guided-tour--img img {
    height: 100%
}

.guided-tour--dynamic .guided-tour--dynamic-btns {
    margin-top: 40px
}

.guided-tour--dynamic .guided-tour--btn {
    background-color: #fa7d19;
    color: #fff;
    height: 60px;
    font-size: 1rem;
    width: 300px;
    vertical-align: middle
}

.guided-tour--dynamic .guided-tour--btn:hover {
    color: #fff;
    text-decoration: underline!important
}

@media print,
screen and (min-width:40em) {
    .guided-tour--dynamic .guided-tour--btn:first-of-type {
        margin-right: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--dynamic .guided-tour--btn {
        font-size: .875rem;
        display: block;
        margin: auto auto 16px
    }
}

.guided-tour--dynamic .guided-tour--btn.button {
    text-decoration: none
}

.guided-tour--dynamic .guided-tour--btn.button.m-keyboardfocus {
    text-decoration: underline
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--dynamic .guided-tour--dynamic-inner {
        height: 260px
    }
}

.guided-tour--dynamic .guided-tour--video {
    width: 576px;
    margin: auto
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--dynamic .guided-tour--video {
        width: 352px
    }
}

@media screen and (min-width:641px) and (max-height:725px) {
    .guided-tour--dynamic .guided-tour--dynamic-inner {
        height: 150px
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.guided-tour--broadcasts {
    opacity: 1;
    -webkit-animation: opacity .2s ease-in;
    animation: opacity .2s ease-in;
    position: relative;
    height: 527px
}

.guided-tour--broadcasts .icon-101_burger {
    display: block;
    line-height: 3rem;
    font-size: 1rem;
    background: #fa7d19;
    border-radius: 22.5px;
    padding: 0 13px;
    opacity: 1;
    position: absolute
}

.guided-tour--broadcasts .icon-101_burger:before {
    display: inline-block;
    vertical-align: bottom;
    line-height: 3rem;
    font-size: 1.25rem;
    padding-right: 6px
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--broadcasts .icon-101_burger {
        width: auto;
        padding: 0 12px
    }
    .guided-tour--broadcasts .icon-101_burger:before {
        padding-right: 10px
    }
}

@media print,
screen and (min-width:64em) {
    .guided-tour--broadcasts .icon-101_burger {
        display: none
    }
}

.guided-tour--broadcasts .icon-103_rubrik {
    position: absolute;
    display: block;
    line-height: 3rem;
    font-size: 1rem;
    background: #fa7d19;
    border-radius: 22.5px;
    padding: 0 13px;
    left: 19px;
    top: -34px;
    -webkit-animation: opacity .5s ease-in;
    animation: opacity .5s ease-in
}

@media print,
screen and (min-width:64em) {
    .guided-tour--broadcasts .icon-103_rubrik {
        top: -64px;
        left: 128px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--broadcasts .icon-103_rubrik {
        top: 45px
    }
}

.guided-tour--broadcasts .icon-103_rubrik:before {
    display: inline-block;
    vertical-align: bottom;
    line-height: 3rem;
    font-size: 1.25rem;
    padding-right: 10px
}

@media print,
screen and (min-width:64em) {
    .guided-tour--broadcasts .icon-103_rubrik:before {
        padding-right: 6px
    }
}

.guided-tour--broadcasts .guided-tour--broadcasts-container {
    text-align: center;
    padding-top: 134px;
    position: relative
}

@media print,
screen and (min-width:64em) {
    .guided-tour--broadcasts .guided-tour--broadcasts-container {
        padding-top: 34px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--broadcasts .guided-tour--broadcasts-container {
        padding-top: 50px
    }
}

.guided-tour--broadcasts .guided-tour---broadcasts-headline {
    line-height: 1.625rem;
    font-size: 1.75rem;
    font-weight: 700;
    max-width: 576px;
    margin: 42px auto 16px
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--broadcasts .guided-tour---broadcasts-headline {
        margin-top: 40px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        max-width: 100%
    }
}

.guided-tour--broadcasts .guided-tour--broadcasts-text {
    line-height: 1.625rem;
    font-size: 1.125rem;
    max-width: 576px;
    margin: auto;
    -webkit-animation: opacity .5s ease-in;
    animation: opacity .5s ease-in
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--broadcasts .guided-tour--broadcasts-text {
        width: 220px;
        font-size: inherit;
        line-height: 1.375rem;
        max-width: 100%
    }
}

.guided-tour--broadcasts .guided-tour--imgs {
    position: relative;
    height: 240px;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--broadcasts .guided-tour--imgs {
        height: 148px;
        margin-top: 40px
    }
}

.guided-tour--broadcasts .guided-tour--img {
    height: 240px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--broadcasts .guided-tour--img {
        height: 148px
    }
}

.guided-tour--broadcasts .guided-tour--img img {
    height: 100%
}

@media print,
screen and (min-width:64em) {
    .guided-tour--broadcasts .guided-tour--broadcasts-btn-container {
        width: 25%;
        margin-right: 0;
        display: block;
        position: relative;
        float: right
    }
}

.guided-tour--broadcasts .guided-tour--broadcasts-btn {
    position: absolute;
    top: 368px;
    left: 14px;
    font-size: 1rem;
    border-radius: 22.5px;
    background-color: #fa7d19;
    padding: 9.5px 13px;
    -webkit-animation: opacity .5s ease-in;
    animation: opacity .5s ease-in
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--broadcasts .guided-tour--broadcasts-btn {
        top: 377px
    }
}

@media print,
screen and (min-width:64em) {
    .guided-tour--broadcasts .guided-tour--broadcasts-btn {
        left: 32px;
        top: -20px
    }
}

.guided-tour--broadcasts .guided-tour--broadcasts-inner {
    height: 210px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--broadcasts .guided-tour--broadcasts-inner {
        height: calc(255px - 40px)
    }
}

@media screen and (min-width:641px) and (max-height:725px) {
    .guided-tour--broadcasts .guided-tour--broadcasts-inner {
        height: 150px
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        visibility: hidden;
        height: 0
    }
    50% {
        opacity: 0;
        visibility: hidden;
        height: 0
    }
    100% {
        opacity: 1;
        visibility: visible;
        height: 100%
    }
}

.guided-tour--done {
    position: relative;
    opacity: 1;
    -webkit-animation: opacity .1s ease-in;
    animation: opacity .1s ease-in;
    height: 527px
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .guided-tour--done {
        height: 39.1875rem
    }
}

.guided-tour--done .guided-tour--done-container {
    text-align: center;
    padding-top: 64px
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .guided-tour--done .guided-tour--done-container {
        padding-top: 164px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--done .guided-tour--done-container {
        padding-top: 50px
    }
}

.guided-tour--done .guided-tour---done-headline {
    line-height: 1.625rem;
    font-size: 1.75rem;
    font-weight: 700;
    max-width: 576px;
    margin: 42px auto 16px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--done .guided-tour---done-headline {
        margin-top: 32px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        max-width: 100%
    }
}

.guided-tour--done .guided-tour--done-text {
    line-height: 1.625rem;
    font-size: 1.125rem;
    max-width: 576px;
    margin: auto
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--done .guided-tour--done-text {
        width: 220px;
        font-size: inherit;
        line-height: 1.375rem;
        max-width: 100%
    }
}

.guided-tour--done .guided-tour--img {
    height: 210px;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--done .guided-tour--img {
        height: 157px
    }
}

.guided-tour--done .guided-tour--img img {
    height: 100%
}

.guided-tour--done .guided-tour--done-btns {
    margin-top: 40px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--done .guided-tour--done-btns {
        margin-top: 16px
    }
}

.guided-tour--done .guided-tour--btn {
    background-color: #fa7d19;
    color: #fff;
    height: 60px;
    font-size: 1rem;
    width: 300px;
    vertical-align: middle
}

.guided-tour--done .guided-tour--btn:hover {
    color: #fff;
    text-decoration: underline!important
}

@media print,
screen and (min-width:40em) {
    .guided-tour--done .guided-tour--btn:first-of-type {
        margin-right: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--done .guided-tour--btn {
        font-size: .875rem;
        display: block;
        margin: auto auto 16px
    }
}

.guided-tour--done .guided-tour--btn.button {
    text-decoration: none
}

.guided-tour--done .guided-tour--btn.button.m-keyboardfocus {
    text-decoration: underline
}

.guided-tour--done .guided-tour--done-inner {
    height: 210px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--done .guided-tour--done-inner {
        height: 263px
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.guided-tour--missed-program {
    position: relative;
    opacity: 1;
    -webkit-animation: opacity .1s ease-in;
    animation: opacity .1s ease-in;
    height: 527px
}

.guided-tour--missed-program .icon-101_burger {
    display: block;
    line-height: 3rem;
    font-size: 1rem;
    background: #fa7d19;
    border-radius: 22.5px;
    padding: 0 13px;
    opacity: 1;
    position: absolute
}

.guided-tour--missed-program .icon-101_burger:before {
    display: inline-block;
    vertical-align: bottom;
    line-height: 3rem;
    font-size: 1.25rem;
    padding-right: 6px
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--missed-program .icon-101_burger {
        width: auto;
        padding: 0 12px
    }
    .guided-tour--missed-program .icon-101_burger:before {
        padding-right: 10px
    }
}

@media print,
screen and (min-width:64em) {
    .guided-tour--missed-program .icon-101_burger {
        display: none
    }
}

.guided-tour--missed-program .icon-301_clock {
    display: block;
    line-height: 3rem;
    font-size: 1rem;
    background: #fa7d19;
    border-radius: 22.5px;
    padding: 0 13px;
    -webkit-animation: opacity .5s ease-in;
    animation: opacity .5s ease-in;
    position: absolute
}

@media print,
screen and (min-width:64em) {
    .guided-tour--missed-program .icon-301_clock {
        top: -64px;
        left: 534px
    }
}

.guided-tour--missed-program .icon-301_clock:before {
    display: inline-block;
    vertical-align: bottom;
    line-height: 3rem;
    font-size: 1.25rem;
    padding-right: 6px
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--missed-program .icon-301_clock {
        width: auto;
        -webkit-animation: opacity .5s ease-in;
        animation: opacity .5s ease-in;
        left: 20px;
        top: 178px
    }
}

.guided-tour--missed-program .guided-tour--missed-program-container {
    text-align: center
}

@media print,
screen and (min-width:64em) {
    .guided-tour--missed-program .guided-tour--missed-program-container {
        padding-top: 34px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--missed-program .guided-tour--missed-program-container {
        padding-top: 134px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--missed-program .guided-tour--missed-program-container {
        padding-top: 50px
    }
}

.guided-tour--missed-program .guided-tour---missed-program-headline {
    line-height: 1.625rem;
    font-size: 1.75rem;
    font-weight: 700;
    max-width: 576px;
    margin: 42px auto 16px
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--missed-program .guided-tour---missed-program-headline {
        margin-top: 40px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        max-width: 100%
    }
}

.guided-tour--missed-program .guided-tour--missed-program-text {
    line-height: 1.625rem;
    font-size: 1.125rem;
    max-width: 576px;
    margin: auto;
    -webkit-animation: opacity .5s ease-in;
    animation: opacity .5s ease-in
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--missed-program .guided-tour--missed-program-text {
        width: 220px;
        font-size: inherit;
        line-height: 1.375rem;
        max-width: 100%
    }
}

.guided-tour--missed-program .guided-tour--img {
    height: 240px;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--missed-program .guided-tour--img {
        height: 157px;
        margin-top: 165px
    }
}

.guided-tour--missed-program .guided-tour--img img {
    height: 100%
}

.guided-tour--missed-program .guided-tour--missed-program-inner {
    height: 210px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--missed-program .guided-tour--missed-program-inner {
        height: calc(255px - 140px)
    }
}

@media screen and (min-width:641px) and (max-height:725px) {
    .guided-tour--missed-program .guided-tour--missed-program-inner {
        height: 150px
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        visibility: hidden
    }
    50% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

.guided-tour--most-viewed {
    opacity: 1;
    -webkit-animation: opacity .1s ease-in;
    animation: opacity .1s ease-in;
    position: relative
}

.guided-tour--most-viewed .guided-tour--most-viewed-container {
    text-align: center;
    padding-top: 134px;
    position: relative
}

@media print,
screen and (min-width:64em) {
    .guided-tour--most-viewed .guided-tour--most-viewed-container {
        padding-top: 34px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--most-viewed .guided-tour--most-viewed-container {
        padding-top: 50px
    }
}

.guided-tour--most-viewed .guided-tour---most-viewed-headline {
    line-height: 1.625rem;
    font-size: 1.75rem;
    font-weight: 700;
    max-width: 576px;
    margin: 42px auto 16px
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--most-viewed .guided-tour---most-viewed-headline {
        margin-top: 40px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        max-width: 100%
    }
}

.guided-tour--most-viewed .guided-tour--most-viewed-text {
    line-height: 1.625rem;
    font-size: 1.125rem;
    max-width: 576px;
    margin: auto
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--most-viewed .guided-tour--most-viewed-text {
        width: 220px;
        font-size: inherit;
        line-height: 1.375rem;
        max-width: 100%
    }
}

.guided-tour--most-viewed .guided-tour--imgs {
    position: relative;
    height: 240px;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--most-viewed .guided-tour--imgs {
        height: 148px;
        margin-top: 40px
    }
}

.guided-tour--most-viewed .guided-tour--img {
    height: 240px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--most-viewed .guided-tour--img {
        height: 148px
    }
}

.guided-tour--most-viewed .guided-tour--img img {
    height: 100%
}

@media print,
screen and (min-width:64em) {
    .guided-tour--most-viewed .guided-tour--most-viewed-btn-container {
        width: 25%;
        margin-right: 0;
        display: block;
        position: relative;
        float: right
    }
}

.guided-tour--most-viewed .guided-tour--most-viewed-btn {
    position: absolute;
    top: 485px;
    left: 14px;
    font-size: 1rem;
    border-radius: 22.5px;
    background-color: #fa7d19;
    padding: 9.5px 13px;
    -webkit-animation: opacity .5s forwards;
    animation: opacity .5s forwards
}

@media print,
screen and (min-width:64em) {
    .guided-tour--most-viewed .guided-tour--most-viewed-btn {
        top: 18px;
        left: 32px
    }
}

.guided-tour--most-viewed .guided-tour--most-viewed-inner {
    height: 210px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--most-viewed .guided-tour--most-viewed-inner {
        height: calc(255px - 40px)
    }
}

@media screen and (min-width:641px) and (max-height:725px) {
    .guided-tour--most-viewed .guided-tour--most-viewed-inner {
        height: 150px
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        visibility: hidden
    }
    50% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes img {
    0% {
        opacity: 0;
        visibility: hidden
    }
    50% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes img {
    0% {
        opacity: 0;
        visibility: hidden
    }
    50% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

.guided-tour--programs {
    position: relative;
    opacity: 1;
    -webkit-animation: opacity .1s ease-in;
    animation: opacity .1s ease-in;
    height: 527px
}

.guided-tour--programs .guided-tour--programs-container {
    text-align: center;
    padding-top: 134px
}

@media print,
screen and (min-width:64em) {
    .guided-tour--programs .guided-tour--programs-container {
        padding-top: 34px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--programs .guided-tour--programs-container {
        padding-top: 50px
    }
}

.guided-tour--programs .guided-tour---programs-headline {
    line-height: 1.625rem;
    font-size: 1.75rem;
    font-weight: 700;
    max-width: 576px;
    margin: 42px auto 16px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--programs .guided-tour---programs-headline {
        margin-top: 40px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        max-width: 100%
    }
}

.guided-tour--programs .guided-tour--programs-text {
    line-height: 1.625rem;
    font-size: 1.125rem;
    max-width: 576px;
    margin: auto
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--programs .guided-tour--programs-text {
        width: 220px;
        font-size: inherit;
        line-height: 1.375rem;
        max-width: 100%
    }
}

.guided-tour--programs .guided-tour--img {
    height: 240px;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--programs .guided-tour--img {
        height: 157px
    }
}

.guided-tour--programs .guided-tour--img img {
    height: 100%
}

.guided-tour--programs .guided-tour--programs-inner {
    height: 210px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--programs .guided-tour--programs-inner {
        height: 255px
    }
}

@media screen and (min-width:641px) and (max-height:725px) {
    .guided-tour--programs .guided-tour--programs-inner {
        height: 150px
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.guided-tour--search {
    position: relative;
    opacity: 1;
    -webkit-animation: opacity .2s ease-in;
    animation: opacity .2s ease-in;
    height: 527px
}

.guided-tour--search .icon-106_suche {
    display: block;
    line-height: 3rem;
    font-size: 1rem;
    background: #fa7d19;
    border-radius: 22.5px;
    padding: 0 13px;
    opacity: 0;
    -webkit-animation: opacity 2s forwards;
    animation: opacity 2s forwards
}

@media print,
screen and (min-width:64em) {
    .guided-tour--search .icon-106_suche {
        position: absolute;
        top: -64px;
        right: 153px
    }
}

.guided-tour--search .icon-106_suche:before {
    display: inline-block;
    vertical-align: bottom;
    line-height: 3rem;
    font-size: 1.25rem;
    padding-right: 6px
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--search .icon-106_suche {
        width: auto;
        direction: rtl;
        float: right;
        margin-top: 1px
    }
    .guided-tour--search .icon-106_suche:before {
        padding-left: 11px;
        padding-right: 0
    }
}

.guided-tour--search .guided-tour--search-container {
    text-align: center;
    padding-top: 134px
}

@media print,
screen and (min-width:64em) {
    .guided-tour--search .guided-tour--search-container {
        padding-top: 34px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .guided-tour--search .guided-tour--search-container {
        padding-top: 134px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--search .guided-tour--search-container {
        padding-top: 50px
    }
}

.guided-tour--search .guided-tour---search-headline {
    line-height: 1.625rem;
    font-size: 1.75rem;
    font-weight: 700;
    max-width: 576px;
    margin: 42px auto 16px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--search .guided-tour---search-headline {
        margin-top: 40px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        max-width: 100%
    }
}

.guided-tour--search .guided-tour--search-text {
    line-height: 1.625rem;
    font-size: 1.125rem;
    max-width: 576px;
    margin: auto
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--search .guided-tour--search-text {
        width: 220px;
        font-size: inherit;
        line-height: 1.375rem;
        max-width: 100%
    }
}

.guided-tour--search .guided-tour--img {
    height: 240px;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--search .guided-tour--img {
        height: 157px
    }
}

.guided-tour--search .guided-tour--img img {
    height: 100%
}

.guided-tour--search .guided-tour--search-inner {
    height: 210px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--search .guided-tour--search-inner {
        height: 255px
    }
}

@media screen and (min-width:641px) and (max-height:725px) {
    .guided-tour--search .guided-tour--search-inner {
        height: 150px
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.guided-tour--video-protection {
    position: relative;
    opacity: 1;
    -webkit-animation: opacity .1s ease-in;
    animation: opacity .1s ease-in;
    height: 527px
}

.guided-tour--video-protection .guided-tour--video-protection-container {
    text-align: center;
    padding-top: 134px
}

@media print,
screen and (min-width:64em) {
    .guided-tour--video-protection .guided-tour--video-protection-container {
        padding-top: 34px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--video-protection .guided-tour--video-protection-container {
        padding-top: 50px
    }
}

.guided-tour--video-protection .guided-tour---video-protection-headline {
    line-height: 1.625rem;
    font-size: 1.75rem;
    font-weight: 700;
    max-width: 576px;
    margin: 42px auto 16px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--video-protection .guided-tour---video-protection-headline {
        margin-top: 40px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        width: 100%
    }
}

.guided-tour--video-protection .guided-tour--video-protection-text {
    line-height: 1.625rem;
    font-size: 1.125rem;
    max-width: 576px;
    margin: auto
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--video-protection .guided-tour--video-protection-text {
        width: 220px;
        font-size: inherit;
        line-height: 1.375rem;
        max-width: 100%
    }
}

.guided-tour--video-protection .guided-tour--img {
    height: 240px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--video-protection .guided-tour--img {
        height: 157px
    }
}

.guided-tour--video-protection .guided-tour--img img {
    height: 100%
}

.guided-tour--video-protection .guided-tour--video-protection-inner {
    height: 210px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--video-protection .guided-tour--video-protection-inner {
        height: 255px
    }
}

@media screen and (min-width:641px) and (max-height:725px) {
    .guided-tour--video-protection .guided-tour--video-protection-inner {
        height: 150px
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.guided-tour--intro {
    background-color: #25292e;
    color: #fff;
    text-align: center;
    max-height: 0;
    overflow: hidden
}

.guided-tour--intro.active {
    max-height: 1000px;
    -webkit-transition: max-height 1.5s ease-in;
    transition: max-height 1.5s ease-in
}

.guided-tour--intro .guided-tour--btn {
    height: 60px;
    font-size: 1rem;
    width: 300px;
    border-radius: 2rem
}

.guided-tour--intro .guided-tour--btn:before {
    display: none
}

.guided-tour--intro .guided-tour--btn.button.secondary:hover,
.guided-tour--intro .guided-tour--btn:hover {
    color: #fff;
    text-decoration: underline!important
}

@media print,
screen and (min-width:40em) {
    .guided-tour--intro .guided-tour--btn:first-of-type {
        margin-right: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--intro .guided-tour--btn {
        font-size: .875rem
    }
    .guided-tour--intro .guided-tour--btn:first-of-type {
        margin-bottom: 9px
    }
}

.guided-tour--intro .guided-tour--btn.button {
    text-decoration: none
}

.guided-tour--intro .guided-tour--btn.button.m-keyboardfocus {
    text-decoration: underline
}

.guided-tour--intro .guided-tour--intro-container.accessibility {
    -webkit-animation: fadeIn ease 2s;
    animation: fadeIn ease 2s
}

.guided-tour--intro .guided-tour--intro-container.standard {
    padding-bottom: 16px
}

.guided-tour--intro .guided-tour--intro-headline {
    color: #fff;
    margin-top: 40px;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--intro .guided-tour--intro-headline {
        padding: 0 16px;
        margin-top: 16px;
        margin-bottom: 8px
    }
}

.guided-tour--intro .guided-tour--intro-text {
    line-height: 1.375rem;
    margin-bottom: 55px;
    min-height: 90px;
    width: 330px;
    margin-left: auto;
    margin-right: auto
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--intro .guided-tour--intro-text {
        margin-bottom: 16px
    }
}

.guided-tour--intro .guided-tour--intro-btns-headline {
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--intro .guided-tour--intro-btns-headline {
        font-size: 1.375rem;
        line-height: 1.875rem;
        height: 60px;
        margin-bottom: 16px
    }
}

.guided-tour--intro .guided-tour--intro-cancel {
    margin-top: 16px;
    padding-bottom: 36px;
    font-size: 1rem
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--intro .guided-tour--intro-cancel {
        padding-bottom: 20px;
        margin-top: 14px
    }
}

@media print,
screen and (min-width:40em) {
    .guided-tour--intro .guided-tour-btn-container {
        display: inline-block;
        vertical-align: middle
    }
}

.guided-tour--intro .guided-tour--intro-btns {
    width: auto;
    position: relative;
    display: inline-block
}

.guided-tour--intro .guided-tour--img {
    position: absolute;
    max-height: 11.5625rem
}

.guided-tour--intro .guided-tour--img img {
    height: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--intro .guided-tour--img {
        margin-bottom: 16px;
        position: relative
    }
}

@media print,
screen and (min-width:40em) {
    .guided-tour--intro .guided-tour--img {
        left: -110px;
        bottom: 130px;
        height: 145px
    }
}

@media print,
screen and (min-width:64em) {
    .guided-tour--intro .guided-tour--img {
        left: -230px;
        bottom: 108px;
        height: 185px
    }
}

@media print,
screen and (min-width:64em) {
    .guided-tour--intro .guided-tour--img .m-desktop {
        visibility: visible
    }
}

@media print,
screen and (min-width:64em) {
    .guided-tour--intro .guided-tour--img .m-tablet {
        visibility: hidden
    }
}

@media print,
screen and (min-width:40em) {
    .guided-tour--intro .guided-tour--img .m-tablet {
        visibility: visible
    }
}

@media print,
screen and (max-width:39.99875em) {
    .guided-tour--intro .guided-tour--img .m-mobile {
        visibility: visible
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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

.guided-tour--landscape {
    position: relative;
    opacity: 1;
    -webkit-animation: opacity .2s ease-in;
    animation: opacity .2s ease-in
}

.guided-tour--landscape .guided-tour--landscape-container {
    text-align: center;
    padding-top: 50px
}

.guided-tour--landscape .guided-tour--landscape-text {
    width: 470px;
    font-size: inherit;
    line-height: 1.375rem;
    max-width: 100%;
    margin: 40px auto 16px
}

.guided-tour--landscape .guided-tour--img {
    height: 157px;
    width: 100%
}

.guided-tour--landscape .guided-tour--img img {
    height: 100%
}

.guided-tour--landscape .guided-tour--landscape-inner {
    height: 255px
}

.header-avatar {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 20px;
    border-radius: 50%!important
}

.header-avatar [class*=icon-] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    line-height: 20px;
    -webkit-transform: none;
    transform: none
}

.header-avatar .avatar-image {
    width: 20px;
    height: 20px;
    border-radius: 50%!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    z-index: 2
}

.b-header .top-bar-section .menu-item .link.x-myzdf {
    width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-header .top-bar-section .menu-item .link.x-myzdf .header-avatar {
    margin-right: 8px;
    -webkit-transition: -webkit-transform .4s ease-in-out 0s;
    transition: -webkit-transform .4s ease-in-out 0s;
    transition: transform .4s ease-in-out 0s;
    transition: transform .4s ease-in-out 0s, -webkit-transform .4s ease-in-out 0s
}

.b-header .top-bar-section .menu-item .link.x-myzdf:hover .header-avatar {
    -webkit-transform: translateX(-5px) scale(1.5);
    transform: translateX(-5px) scale(1.5)
}

.b-header .top-bar-section .menu-item [class*=icon-] {
    font-size: 20px;
    vertical-align: bottom
}

.b-header .top-bar-section .menu-item .badge {
    position: absolute;
    margin-left: 8px
}

.b-header .top-bar-section .dropdown.x-myzdf .dropdown-block {
    border-left: none
}

@media print,
screen and (min-width:64em) {
    .b-header .top-bar-section .dropdown.x-myzdf .dropdown-block {
        float: right;
        width: 160px
    }
}

.b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .dropdown-item {
    margin: 0 0 16px 0;
    padding: 0
}

.b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .login-btn {
    font-size: 1rem;
    font-weight: 700;
    line-height: 38px;
    color: #fff;
    max-width: 100%
}

.b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .login-btn.hide-for-anonymous {
    line-height: initial;
    text-align: left
}

.b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .login-btn .link-label {
    line-height: 1.375rem
}

.b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .dropdown-link {
    margin: 0;
    line-height: 1.5rem
}

.b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .dropdown-link .nickname:before {
    display: block;
    content: ""
}

.b-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: block;
    width: 100%;
    border-radius: 0;
    background-color: #34393f;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media print,
screen and (max-width:63.99875em) {
    .b-header {
        height: 50px;
        -webkit-transition: -webkit-transform .4s linear;
        transition: -webkit-transform .4s linear;
        transition: transform .4s linear;
        transition: transform .4s linear, -webkit-transform .4s linear
    }
    .b-header.ie-mobile-support {
        -webkit-transform: translateX(250px);
        transform: translateX(250px)
    }
    .m-js-offcanvas-within .b-header {
        -webkit-transform: translateX(250px);
        transform: translateX(250px)
    }
    .b-header .top-bar {
        position: relative;
        height: 50px
    }
    .b-header .top-bar .menu-btn {
        position: absolute;
        top: 0;
        left: 16px;
        z-index: 2;
        height: 50px;
        padding-left: 32px;
        font-size: 1rem;
        line-height: 50px;
        color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar .menu-btn {
        color: rgba(255, 255, 255, .87)
    }
    .b-header .top-bar .menu-btn span[class*=icon-]:before {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1.5rem
    }
    .b-header .top-bar .menu-btn:focus:not(.m-keyboardfocus) {
        outline: 0
    }
    .b-header .top-bar .search-btn {
        position: absolute;
        top: 0;
        right: 16px;
        height: 50px;
        padding-right: 32px;
        font-size: 1rem;
        line-height: 50px;
        color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar .search-btn {
        color: rgba(255, 255, 255, .87)
    }
    .b-header .top-bar .search-btn span[class*=icon-]:before {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.5rem
    }
    .b-header .top-bar .search-btn:focus:not(.m-keyboardfocus) {
        outline: 0
    }
    .b-header .top-bar .title-area {
        position: relative;
        display: block;
        margin: 0;
        text-align: center
    }
    .b-header .top-bar .name {
        padding: 7px 0
    }
    .b-header .top-bar .logo {
        height: 35px
    }
    .b-header .top-bar-section .menu-item .link {
        line-height: 3.75rem
    }
    .b-header .top-bar-section .menu-item .link span[class*=icon-]:before {
        line-height: 58px
    }
    .b-header .top-bar-section .dropdown-link {
        line-height: 38px
    }
}

@media print,
screen and (min-width:64em) {
    .top-bar-section .js-dropdown {
        content:'{"closeOnFocusout":true,"hover":true}'!important
    }
    .top-bar-section .js-dropdown::before {
        content:'{"closeOnFocusout":true,"hover":true}'!important;
        font-family:'{"closeOnFocusout":true,"hover":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .m-open-dialog-within .b-header {
        width: calc(100% - var(--rb-scrollbar-width, 0))
    }
    .b-header.m-slim .top-bar {
        height: 60px
    }
    .b-header.m-slim .top-bar .logo {
        height: 40px
    }
    .b-header.m-slim .top-bar .name {
        padding: 0
    }
    .b-header.m-slim .top-bar-section .menu-item .link {
        margin: 10px 0
    }
    .b-header.m-slim .top-bar-section .menu-item .link.b-switch .inner.has-icon {
        margin: 10px 0
    }
    .b-header.m-slim .b-search-bar {
        top: 4.375rem
    }
    .b-header .top-bar {
        height: 80px
    }
    .b-header .top-bar .title-area {
        float: left
    }
    .b-header .top-bar .name {
        width: 85px;
        margin: 15px 0
    }
    .b-header .top-bar .logo {
        height: 50px
    }
    .b-header .top-bar-section {
        padding: 0 0 0 110px
    }
    .b-header .top-bar-section .left-nav {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: calc(100% - 260px)!important
    }
    .b-header .top-bar-section .left-nav .menu-item {
        margin: 0 16px
    }
    .b-header .top-bar-section .left-nav .menu-item.is-icon-only {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b-header .top-bar-section .left-nav .menu-item.is-icon-only .link {
        margin: 0
    }
    .b-header .top-bar-section .menu-item {
        border-top: none
    }
    .b-header .top-bar-section .menu-item .link {
        margin: 15px 0;
        line-height: 50px;
        -webkit-transition: margin .4s;
        transition: margin .4s
    }
    .b-header .top-bar-section .menu-item .link.has-icon {
        padding: 0 0 0 26px
    }
    .b-header .top-bar-section .menu-item .link.has-icon span[class*=icon-]:before {
        display: block;
        line-height: 48px
    }
    .b-header .top-bar-section .right-nav {
        margin-right: -48px
    }
    .b-header .top-bar-section .right-nav .menu-item:first-child {
        margin: 0 24px 0 0
    }
    .b-header .top-bar-section .right-nav .menu-item:last-child {
        margin: 0 0 0 24px
    }
    .b-header .top-bar-section .dropdown-list {
        margin-left: 115px
    }
    .b-header .top-bar-section .dropdown-item {
        padding: 4px 0
    }
    .b-header .top-bar-section .dropdown-link {
        line-height: 1.875rem
    }
}

@media screen and (min-width:75em) {
    .b-header .top-bar-section .left-nav .menu-item {
        margin: 0 24px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header {
    background-color: #25292e
}

.b-header .b-selectbox {
    content:'{"appendTo": ".b-header"}'!important
}

.b-header .b-selectbox::before {
    content:'{"appendTo": ".b-header"}'!important;
    font-family:'{"appendTo": ".b-header"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-header .top-bar {
    background-color: #34393f;
    -webkit-transition: height .4s ease-in 0s;
    transition: height .4s ease-in 0s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar {
    background-color: #25292e
}

.b-header .top-bar .title-area {
    margin: 0;
    line-height: 0
}

.b-header .top-bar .toggle-topbar.menu-icon {
    right: inherit;
    left: 0;
    margin-top: -26px
}

.b-header .top-bar .name {
    display: inline-block;
    height: auto;
    -webkit-transition: padding .4s ease-in-out 0s;
    transition: padding .4s ease-in-out 0s
}

.b-header .top-bar .logo {
    width: auto;
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.b-header .top-bar-section {
    -webkit-transition: padding .4s ease-in-out 0s;
    transition: padding .4s ease-in-out 0s
}

.b-header .top-bar-section:after {
    display: table;
    clear: both;
    content: ""
}

.b-header .top-bar-section .left-nav {
    float: left;
    display: inline;
    width: auto;
    height: auto
}

.b-header .top-bar-section .left-nav .menu-item {
    float: left
}

.b-header .top-bar-section .menu-item {
    background: 0 0
}

.b-header .top-bar-section .menu-item .link {
    position: relative;
    top: 0;
    display: block;
    border: 0 none;
    font-family: Uniwidth, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    background-color: transparent;
    -moz-osx-font-smoothing: auto
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .menu-item .link {
    color: rgba(255, 255, 255, .87)
}

.b-header .top-bar-section .menu-item .link span[class*=icon-]:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    font-family: zdf-iconfont;
    font-size: 1.25rem;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .4s ease-in-out 0s;
    transition: -webkit-transform .4s ease-in-out 0s;
    transition: transform .4s ease-in-out 0s;
    transition: transform .4s ease-in-out 0s, -webkit-transform .4s ease-in-out 0s
}

.b-header .top-bar-section .menu-item .link:hover {
    text-decoration: none;
    color: #fff
}

.b-header .top-bar-section .menu-item .link:hover:not(.m-keyboardfocus) {
    outline: 0
}

.b-header .top-bar-section .menu-item .link:hover:not(.x-myzdf) span[class*=icon-]:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.b-header .top-bar-section .menu-item .link:focus:not(.m-keyboardfocus) {
    outline: 0
}

.b-header .top-bar-section .menu-item .link.m-keyboardfocus {
    -webkit-transition: none;
    transition: none
}

.b-header .top-bar-section .menu-item .link.m-keyboardfocus span[class*=icon-]:before {
    -webkit-transform: none;
    transform: none
}

.b-header .top-bar-section .menu-item .link.m-active {
    color: #fff
}

.b-header .top-bar-section .menu-item .link.m-active span[class*=icon-]:before {
    color: #fa7d19
}

.b-header .top-bar-section .m-dropdown {
    padding: 0
}

.b-header .top-bar-section .dropdown {
    opacity: 0;
    position: absolute;
    top: auto;
    right: auto;
    left: 0;
    z-index: 99;
    visibility: hidden;
    display: block;
    min-width: 100%;
    padding: 16px 0;
    background-color: rgba(13, 17, 24, .9);
    -webkit-transition: all .3s;
    transition: all .3s
}

.b-header .top-bar-section .dropdown.m-open {
    opacity: 1;
    visibility: visible
}

.b-header .top-bar-section .dropdown-item {
    background: 0 0
}

.b-header .top-bar-section .dropdown-item.m-active .dropdown-link:focus .link-text,
.b-header .top-bar-section .dropdown-item.m-active .dropdown-link:hover .link-text {
    border-bottom: 1px solid #fa7d19;
    text-decoration: none;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .dropdown-item.m-active .dropdown-link:focus .link-text,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .dropdown-item.m-active .dropdown-link:hover .link-text {
    color: rgba(255, 255, 255, .87)
}

.b-header .top-bar-section .dropdown-item.m-active .dropdown-link .link-text {
    border-bottom: 1px solid #fff;
    text-decoration: none;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .dropdown-item.m-active .dropdown-link .link-text {
    color: rgba(255, 255, 255, .87)
}

.b-header .top-bar-section .dropdown-link {
    display: block;
    margin: 0 16px;
    padding: 0;
    font-size: 1rem;
    color: #fff;
    background: 0 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .dropdown-link {
    color: rgba(255, 255, 255, .87)
}

.b-header .top-bar-section .dropdown-link:focus,
.b-header .top-bar-section .dropdown-link:hover {
    text-decoration: none;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .dropdown-link:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .dropdown-link:hover {
    color: rgba(255, 255, 255, .87)
}

.b-header .top-bar-section .dropdown-link:focus .link-text,
.b-header .top-bar-section .dropdown-link:hover .link-text {
    border-bottom: 1px solid #fa7d19
}

.b-header .top-bar-section .dropdown-link .link-text {
    border-bottom: 1px solid transparent;
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-header .top-bar-section .dropdown-block {
    float: left;
    display: inline-block
}

.b-header .top-bar-section .dropdown-block.x-left {
    width: 75%
}

.b-header .top-bar-section .dropdown-block.x-left ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%
}

.b-header .top-bar-section .dropdown-block.x-right {
    width: 25%
}

.b-header .top-bar-section .dropdown-block:last-child {
    border-left: 1px solid #fff
}

.b-header .top-bar-section .right-nav {
    float: right
}

.b-header .top-bar-section .right-nav .menu-item {
    float: left
}

.b-header .top-bar-section .login {
    position: relative
}

.b-header .top-bar-section .login .link {
    position: relative
}

.b-header .top-bar-section .login .dropdown {
    right: 0;
    left: initial;
    min-width: 0
}

.b-header .m-keyboardfocus {
    outline-color: #fa7d19
}

[data-module=usernamelabel] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%
}

[data-module=usernamelabel].block {
    display: block
}

.b-heute-video {
    margin-bottom: 24px
}

@media print,
screen and (max-width:39.99875em) {
    .b-heute-video .item-description {
        padding: 0
    }
}

.b-heute-video .img-container {
    position: relative;
    z-index: 1
}

.b-heute-video .details {
    display: block;
    position: relative;
    z-index: 2;
    padding: 16px;
    color: #fff;
    background-color: #1f4667;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.b-heute-video .details:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-heute-video .details {
    background-color: #1f232a!important
}

.b-heute-video .details.m-label {
    padding-top: 48px
}

.b-heute-video .details .teaser-label {
    top: 0;
    left: 16px;
    height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0
}

.b-heute-video .details .teaser-foot {
    position: static
}

.b-heute-video .details .teaser-info {
    width: auto;
    overflow: inherit
}

.b-heute-video .details .teaser-info time {
    font-weight: 300
}

.b-heute-video .details.m-text-dark .item-description,
.b-heute-video .details.m-text-dark .item-title,
.b-heute-video .details.m-text-dark .teaser-foot {
    color: #34393f;
    text-shadow: none
}

.b-heute-video .aspect-ratio-9-16 .b-zdfplayer-start-screen {
    padding-top: 178%
}

.b-heute-video .aspect-ratio-9-16 .b-ratiobox {
    padding: 0 0 178% 0
}

.b-heute-video .aspect-ratio-9-16 .b-zdfplayer .zdfplayer-video_wrapper {
    padding-top: 178%
}

.b-heute-video .aspect-ratio-1-1 .b-zdfplayer-start-screen {
    padding-top: 100%
}

.b-heute-video .aspect-ratio-1-1 .b-ratiobox {
    padding: 0 0 100% 0
}

.b-heute-video .aspect-ratio-1-1 .b-zdfplayer .zdfplayer-video_wrapper {
    padding-top: 100%
}

.b-heute-video .aspect-ratio-1-1,
.b-heute-video .aspect-ratio-9-16 {
    max-width: 372px;
    width: 100%;
    margin: auto
}

.b-news-index .title-wrap {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media print,
screen and (min-width:40em) {
    .b-news-index .title {
        line-height: 3.75rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-index .b-content-teaser-item .teaser-label {
        bottom: 0;
        width: 107px;
        left: -107px;
        top: auto
    }
    .b-news-index .b-content-teaser-item .inner.inner {
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-index .b-content-teaser-item .inner.inner {
        background-color: #1f232a
    }
}

@media print,
screen and (min-width:64em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-index .b-content-teaser-item .teaser-cat,
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-index .b-content-teaser-item .teaser-title .teaser-title-link {
        color: rgba(255, 255, 255, .87)
    }
}

.b-news-index.teaser-list-background {
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-index.teaser-list-background {
    background-color: transparent
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-index.teaser-list-background {
        margin-top: 32px
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-index.teaser-list-background {
        margin-top: 64px
    }
}

.b-news-index.teaser-list-background .title {
    margin-top: 16px
}

.b-news-index.teaser-list-background .load-more-container {
    padding-bottom: 16px
}

.b-news-index .teaser-label {
    top: -12px;
    height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0
}

.b-news-index.b-content-teaser-list .button {
    margin-bottom: 0
}

.b-news-index .headline {
    padding: 12px 0 16px
}

@media print,
screen and (min-width:40em) {
    .b-news-index .headline {
        padding: 16px 0
    }
}

.b-group-news-opener {
    position: relative;
    margin-top: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener {
        padding: 0
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-group-news-opener {
        margin-left: .375rem;
        margin-right: .375rem;
        padding: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 64px
    }
}

.b-group-news-opener .img-container {
    position: relative;
    height: 100%;
    width: 100%
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-group-news-opener .img-container {
        background-position: center right;
        background-size: cover;
        position: absolute
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .img-container {
        top: 0;
        height: 568px
    }
}

@media print,
screen and (min-width:64em) {
    .b-group-news-opener .img-container {
        height: 570px
    }
}

.b-group-news-opener .img-container .img-item {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .box-shadow {
        background-image: -webkit-radial-gradient(bottom left, circle, #25292e, transparent 40%);
        background-image: radial-gradient(circle at bottom left, #25292e, transparent 40%);
        opacity: .95
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .box-shadow:after {
        content: '';
        background-image: -webkit-gradient(linear, right top, left top, from(#25292e), color-stop(50%, transparent));
        background-image: -webkit-linear-gradient(right, #25292e 0, transparent 50%);
        background-image: linear-gradient(to left, #25292e 0, transparent 50%);
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .95
    }
}

@media print,
screen and (min-width:64em) {
    .b-group-news-opener .box-shadow {
        position: absolute;
        bottom: 0;
        width: calc(100% - .75rem);
        left: .375rem
    }
}

.b-group-news-opener .none-box-shadow {
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .none-box-shadow {
        background-image: -webkit-radial-gradient(bottom left, circle, #25292e, transparent 40%);
        background-image: radial-gradient(circle at bottom left, #25292e, transparent 40%);
        opacity: .95
    }
}

@media print,
screen and (min-width:64em) {
    .b-group-news-opener .none-box-shadow {
        position: absolute;
        bottom: 0;
        width: calc(100% - .75rem);
        left: .375rem
    }
}

.b-group-news-opener .box-shadow .b-ratiobox,
.b-group-news-opener .none-box-shadow .b-ratiobox {
    padding: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener .box-shadow .b-ratiobox,
    .b-group-news-opener .none-box-shadow .b-ratiobox {
        position: absolute;
        top: 0
    }
}

.b-group-news-opener .teaser-container {
    width: 100%;
    position: relative
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .teaser-container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 24px;
        bottom: 0;
        height: 568px
    }
}

@media print,
screen and (min-width:64em) {
    .b-group-news-opener .teaser-container {
        height: 570px
    }
}

.b-group-news-opener .teaser-box {
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener .teaser-box {
        background: #1c3a56
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .teaser-box {
        background: 0 0;
        width: calc((100% / 3) * 2)
    }
}

@media print,
screen and (min-width:64em) {
    .b-group-news-opener .teaser-box {
        width: calc(100% - 372px)
    }
}

.b-group-news-opener .teaser-box-container {
    padding: 24px 16px 16px
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .teaser-box-container {
        margin-top: 24px;
        padding: 0
    }
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-news-opener .teaser-box {
        background-color: #1f232a
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener .teaser-block {
        background: #1c3a56
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .teaser-block {
        width: calc(100% / 3)
    }
}

@media print,
screen and (min-width:64em) {
    .b-group-news-opener .teaser-block {
        width: 372px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-news-opener .teaser-block {
        background-color: #1f232a
    }
}

.b-group-news-opener .teaser-title-link {
    line-height: 30px;
    display: inline-block;
    font-weight: 700;
    font-size: 1.25rem
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .teaser-title-link {
        line-height: 40px;
        margin-bottom: 24px;
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-group-news-opener .teaser-title-link {
        font-size: 2.5rem
    }
}

.b-group-news-opener .author-icon,
.b-group-news-opener .teaser-box .teaser-title-link,
.b-group-news-opener .teaser-cat,
.b-group-news-opener .teaser-foot {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-news-opener .author-icon,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-news-opener .teaser-box .teaser-title-link,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-news-opener .teaser-cat,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-news-opener .teaser-foot {
    color: #fff
}

.b-group-news-opener .teaser-label {
    top: -12px;
    height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .teaser-label {
        left: 0;
        top: -16px
    }
}

.b-group-news-opener .teaser-foot {
    position: static;
    margin: 16px 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener .teaser-foot {
        text-shadow: none
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .teaser-foot {
        margin: 0
    }
}

.b-group-news-opener .teaser-foot .icon {
    display: none
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .teaser-foot .icon {
        display: block
    }
}

.b-group-news-opener .teaser-foot .icon:before {
    font-size: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener .b-plus-button.small-small {
        top: -50px;
        right: 6px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-group-news-opener picture {
        display: none
    }
}

.b-group-news-opener .teaser-cat-category {
    text-overflow: ellipsis;
    display: block
}

@media print,
screen and (min-width:64em) {
    .b-group-news-opener .teaser-cat {
        font-size: 1.25rem
    }
}

.b-group-news-opener .author-icon {
    position: relative;
    margin-top: 8px;
    bottom: 0
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .author-icon {
        margin-top: 24px;
        bottom: 8px
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener .b-plus-button {
        right: 24px
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener.news-opener-image-only {
        min-height: 568px
    }
}

.b-group-news-opener .teaser-info {
    font-size: 1rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener.news-opener-with-margin {
        margin-top: 32px
    }
}

@media print,
screen and (min-width:40em) {
    .b-group-news-opener.news-opener-with-margin {
        margin-top: 64px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-group-news-opener .context-teaser-small .teaser-text {
        background-color: #2a2d34;
        color: rgba(255, 255, 255, .87)
    }
}

.teaser-block {
    z-index: 1
}

@media print,
screen and (max-width:39.99875em) {
    .teaser-block {
        overflow: scroll!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: none;
        -ms-overflow-style: none
    }
}

@media print,
screen and (min-width:40em) {
    .teaser-block {
        padding-bottom: 66px
    }
}

.teaser-block::-webkit-scrollbar {
    display: none
}

.teaser-box-text {
    background: #073458;
    padding-bottom: 16px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-box-text {
    background-color: #1f232a
}

@media print,
screen and (min-width:40em) {
    .teaser-box-text {
        width: 245px;
        height: 145px;
        padding: 16px 24px;
        overflow: hidden;
        position: relative;
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-box-text {
        background-color: rgba(37, 41, 46, .8)
    }
}

@media print,
screen and (min-width:64em) {
    .teaser-box-text {
        width: 276px;
        height: 155px;
        padding: 24px 30px
    }
}

.teaser-box-text.teaser-box-text .teaser-cat,
.teaser-box-text.teaser-box-text .teaser-title-link {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-box-text.teaser-box-text .teaser-cat,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-box-text.teaser-box-text .teaser-title-link {
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (min-width:40em) {
    .teaser-box-text.teaser-box-text .teaser-cat,
    .teaser-box-text.teaser-box-text .teaser-title-link {
        color: #34393f
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-box-text.teaser-box-text .teaser-cat,
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-box-text.teaser-box-text .teaser-title-link {
        color: rgba(255, 255, 255, .87)
    }
}

.teaser-box-text.teaser-box-text .teaser-title-link {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem
}

@media print,
screen and (min-width:40em) {
    .teaser-box-text.teaser-box-text .teaser-title-link {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .teaser-box-text.teaser-box-text .teaser-title-link {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .teaser-box-text .x-lonely {
        margin-bottom: -16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .box-shadow-heute {
        background-image: none
    }
}

.b-promo-teaser.b-group-promo-teaser .box .teaser-label {
    height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .box .teaser-label {
        position: absolute;
        top: -16px;
        left: 16px;
        margin: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser.b-group-promo-teaser .box .teaser-label {
        position: relative;
        left: 0;
        margin-top: 20px;
        bottom: 14px
    }
}

.b-promo-teaser.b-group-promo-teaser .box .teaser-text {
    padding: 0;
    margin-bottom: 24px;
    line-height: 1.375rem
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser.b-group-promo-teaser .box .teaser-text {
        margin-bottom: 16px;
        line-height: 1.625rem
    }
}

.b-promo-teaser.b-group-promo-teaser .box .teaser-text+.author-icon {
    color: #fff;
    position: relative;
    margin-bottom: 16px;
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser.b-group-promo-teaser .box .teaser-text+.author-icon {
        margin: 16px 0 0
    }
}

.b-promo-teaser.b-group-promo-teaser .box .teaser-title {
    margin-bottom: 16px
}

.b-promo-teaser.b-group-promo-teaser .box .teaser-title-link {
    text-shadow: none
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .box .teaser-title-link {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser.b-group-promo-teaser .box .teaser-title-link {
        font-size: 2rem;
        line-height: 2.8125rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser.b-group-promo-teaser .box .teaser-title-link {
        font-size: 2.5rem
    }
}

.b-promo-teaser.b-group-promo-teaser .teaser-container .scroll-arrow.x-next {
    right: 5px!important
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .scroll-arrow.x-next {
        margin-top: -20px
    }
}

.b-promo-teaser.b-group-promo-teaser .teaser-container .scroll-arrow.x-next span[class*=icon-] {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: rgba(255, 255, 255, .4)
}

.b-promo-teaser.b-group-promo-teaser .teaser-container .scroll-arrow.x-prev {
    left: 5px!important
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .scroll-arrow.x-prev {
        margin-top: -20px
    }
}

.b-promo-teaser.b-group-promo-teaser .teaser-container .scroll-arrow.x-prev span[class*=icon-] {
    left: 2px;
    color: rgba(255, 255, 255, .4)
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box {
        height: 42px;
        margin-bottom: 24px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box {
        width: 245px;
        height: 140px;
        margin: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box {
        overflow: visible;
        position: absolute;
        right: 24px;
        bottom: 32%;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
        box-shadow: 0 2px 4px rgba(0, 0, 0, .4)
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box {
        width: 450px;
        height: 120px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list {
        overflow-x: scroll;
        overflow-y: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list li:last-child .teaser-box-text {
    padding-bottom: 0
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small {
        width: 245px;
        height: 140px
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small {
        width: 450px;
        height: 120px;
        margin: 0
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small .context-teaser-small-container {
        background-color: #306084
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small .context-teaser-small-container {
        padding: 16px 32px 24px
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small .context-teaser-small-container {
        padding: 24px 40px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small .context-teaser-small-container {
        background-color: #2a2d34
    }
}

.b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small .teaser-text {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-weight: 300;
    font-size: 1rem;
    color: #fff;
    line-height: 1.375rem;
    width: 100%;
    vertical-align: middle
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small .teaser-text {
        margin: 0;
        display: inline-block
    }
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small .teaser-text {
        font-weight: 700;
        line-height: 1.625rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .context-teaser-box .context-teaser-list .context-teaser-small .teaser-text {
        font-size: 1.375rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .box-container {
        background-color: #073458
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .teaser-container .teaser-image {
        height: 150px
    }
}

.b-promo-teaser.b-group-promo-teaser .highlight {
    color: #fff;
    font-size: 2.5rem;
    width: 40px;
    height: 40px
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser .highlight {
        position: absolute;
        top: -58px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser.b-group-promo-teaser.b-promo-teaser .box-container .box .box-table-inner,
    .b-promo-teaser.b-group-promo-teaser.b-promo-teaser .box-container .box .box-table-wrap {
        display: block
    }
}

.b-promo-teaser.b-group-promo-teaser .scroll-pagination .js-scroller-pagination-btn:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-promo-teaser.b-group-promo-teaser .scroll-pagination .js-scroller-pagination-btn:before {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-promo-teaser.b-group-promo-teaser .scroll-pagination .js-scroller-pagination-btn.m-selected:before {
    background-color: #fa7d19
}

.b-promo-teaser.b-group-promo-teaser .scroll-arrow {
    width: 24px;
    height: 56px;
    padding: 0
}

@media print,
screen and (min-width:40em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-promo-teaser.b-group-promo-teaser .scroll-arrow {
        background-color: transparent
    }
}

.b-promo-teaser.b-group-promo-teaser .scroll-arrow:before {
    font-size: 18px;
    line-height: 56px;
    opacity: .75;
    height: 24px;
    left: 10px
}

.context-teaser-small {
    color: #fff;
    z-index: 1
}

@media print,
screen and (max-width:39.99875em) {
    .context-teaser-small {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 0 24px 16px
    }
}

@media print,
screen and (min-width:40em) {
    .context-teaser-small {
        background: 0 0;
        position: relative;
        display: block;
        height: 140px;
        margin-bottom: 16px
    }
}

@media print,
screen and (min-width:64em) {
    .context-teaser-small {
        height: 120px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .context-teaser-small .teaser-title {
        display: none
    }
}

.context-teaser-small .teaser-cat {
    color: #fff;
    display: none
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .context-teaser-small .teaser-cat {
        font-size: .875rem
    }
}

@media print,
screen and (min-width:40em) {
    .context-teaser-small .teaser-cat {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media print,
screen and (min-width:64em) {
    .context-teaser-small .teaser-cat {
        font-size: 1rem
    }
}

.context-teaser-small .teaser-text {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-weight: 300;
    font-size: 1rem;
    color: #fff;
    line-height: 1.375rem;
    width: 100%;
    vertical-align: middle
}

@media print,
screen and (max-width:39.99875em) {
    .context-teaser-small .teaser-text {
        padding: 10px
    }
}

@media print,
screen and (min-width:40em) {
    .context-teaser-small .teaser-text {
        font-weight: 700;
        line-height: 1.625rem
    }
}

@media print,
screen and (min-width:64em) {
    .context-teaser-small .teaser-text {
        font-size: 1.375rem
    }
}

.context-teaser-small .context-teaser-small-container {
    background-color: rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    height: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .context-teaser-small .context-teaser-small-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        background-color: #306084
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .context-teaser-small .context-teaser-small-container {
        padding: 16px 15px 24px;
        background-color: rgba(37, 41, 46, .8)
    }
}

@media print,
screen and (min-width:64em) {
    .context-teaser-small .context-teaser-small-container {
        padding: 16px;
        background-color: rgba(37, 41, 46, .8)
    }
}

@media print,
screen and (max-width:39.99875em) {
    .context-teaser-small:last-child {
        padding-right: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-group-news-opener .teaser-container.teaser-background-small .context-teaser-small,
    .teaser-background-small .context-teaser-small {
        background-color: transparent
    }
    .teaser-background-small .context-teaser-small .context-teaser-small-container {
        background-color: #e7e9ea
    }
    .teaser-background-small .context-teaser-small .teaser-text {
        color: #000
    }
}

.b-news-teaser-briefing {
    position: relative;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-teaser-briefing {
    background-color: #1f232a;
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-briefing {
        display: block;
        height: 100%;
        padding-bottom: 32px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-news-teaser-briefing {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        min-height: 360px;
        height: 100%
    }
}

.b-news-teaser-briefing .teaser-label {
    height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    font-size: .875rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-briefing .teaser-label {
        top: 16px;
        left: 16px;
        height: 1.25rem;
        font-size: .8125rem;
        line-height: 1.25rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing .teaser-label {
        top: -16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-briefing .box {
        min-height: 200px;
        padding: 3.25rem 16px 0
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-news-teaser-briefing .box {
        min-height: 204px
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-teaser-briefing .box {
        padding: 24px;
        position: relative
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing .box {
        padding-right: 0;
        padding-bottom: 32px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-briefing .teaser-title {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing .teaser-title {
        font-size: 1.625rem;
        line-height: 2.125rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-briefing .teaser-text {
        margin-bottom: 3.4375rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing .teaser-text {
        max-height: 9.75rem;
        overflow: hidden
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-briefing .author-icon {
        position: absolute;
        bottom: .75rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing .author-icon {
        position: relative;
        margin-top: 2.5rem;
        bottom: 0
    }
}

.b-news-teaser-briefing .teaser-briefing-img {
    text-align: right
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-briefing .teaser-briefing-img {
        width: 140px;
        height: 158px;
        float: right;
        clear: right
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-news-teaser-briefing .teaser-briefing-img {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing .teaser-briefing-img {
        height: 235px
    }
}

.b-news-teaser-briefing .teaser-briefing-img img {
    width: 100%;
    max-height: 100%
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing .teaser-briefing-img img {
        width: auto
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-briefing .spacer {
        width: 0;
        height: calc(100% - 125px);
        float: right
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-briefing .spacer {
        height: calc(100% - 235px)
    }
}

.b-news-teaser-briefing .teaser-cat {
    display: none
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-news-teaser-briefing .teaser-cat {
        display: block
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-news-teaser-briefing .teaser-text {
        display: none
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-index .artdirect>.m-mobile,
    .b-weather-teaser .artdirect>.m-mobile {
        visibility: visible
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-index .artdirect>.m-desktop,
    .b-weather-teaser .artdirect>.m-desktop {
        visibility: visible
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-news-index .artdirect>.m-tablet,
    .b-weather-teaser .artdirect>.m-tablet {
        visibility: visible
    }
}

.b-news-teaser-large {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    display: block
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-news-teaser-large {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-large {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        color: #fff;
        position: relative;
        width: 100%;
        background-color: #25292e
    }
    .b-news-teaser-large:hover .b-ratiobox {
        opacity: .7;
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

.b-news-teaser-large .box {
    padding: 16px
}

@media print,
screen and (max-width:63.99875em) {
    .b-news-teaser-large .box {
        position: relative
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-news-teaser-large .box {
        min-height: 204px
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-teaser-large .box {
        padding: 24px;
        bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-large .box {
        width: 60%;
        position: absolute
    }
    .b-news-teaser-large .box .teaser-cat,
    .b-news-teaser-large .box .teaser-title,
    .b-news-teaser-large .box .teaser-title .teaser-title-link {
        color: #fff
    }
}

.b-news-teaser-large .box .teaser-foot {
    position: absolute
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-large .box .teaser-foot {
        top: -30px
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-large .box .teaser-foot {
        margin-bottom: 24px;
        position: static
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-large .box .author-icon {
        padding-top: 8px;
        position: static
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-large .box .author-icon {
        color: #fff
    }
}

.b-news-teaser-large .box .teaser-title {
    font-size: 1.25rem
}

@media print,
screen and (min-width:40em) {
    .b-news-teaser-large .box .teaser-title {
        font-size: 1.375rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-large .box .teaser-title {
        margin-bottom: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-teaser-large .box .author-icon,
    .b-news-teaser-large .box .teaser-cat {
        font-size: .8125rem
    }
}

.b-news-teaser-large picture {
    display: none
}

.b-news-teaser-large .news-teaser-image {
    background-size: contain
}

@media print,
screen and (min-width:64em) {
    .b-news-teaser-large .news-teaser-image {
        background-position: center center;
        background-size: cover;
        position: absolute;
        height: 100%;
        width: 100%
    }
}

.b-news-teaser-large .b-ratiobox {
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.b-news-teaser-large .b-ratiobox:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 66%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
    background-image: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    background-image: linear-gradient(180deg, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    content: ""
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-teaser-large {
    background-color: #1f232a
}

@media print,
screen and (min-width:64em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-teaser-large {
        background-color: #fff
    }
}

.b-top5-most-viewed {
    width: 100%;
    background-color: #fff;
    min-height: 465px;
    padding: 24px 16px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-top5-most-viewed {
    background-color: #1f232a
}

@media print,
screen and (max-width:39.99875em) {
    .b-top5-most-viewed {
        margin-bottom: 32px
    }
}

@media print,
screen and (min-width:40em) {
    .b-top5-most-viewed {
        padding: 24px
    }
}

@media print,
screen and (min-width:64em) {
    .b-top5-most-viewed {
        padding: 32px 24px
    }
}

.b-top5-most-viewed .top5-headline {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: 500;
    padding: 0;
    font-size: 1.25rem;
    line-height: 2rem
}

@media print,
screen and (min-width:40em) {
    .b-top5-most-viewed .top5-headline {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-top5-most-viewed .top5-headline {
        font-size: 2.25rem
    }
}

.b-top5-most-viewed .teaser-cat,
.b-top5-most-viewed .teaser-title {
    font-size: 1rem;
    line-height: 1.625rem
}

@media print,
screen and (min-width:40em) {
    .b-top5-most-viewed .teaser-cat,
    .b-top5-most-viewed .teaser-title {
        font-size: 1.125rem
    }
}

.b-top5-most-viewed .teaser-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0;
    width: 100%
}

.b-top5-most-viewed .top5-news-number {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.b-top5-most-viewed .teaser-cat {
    margin: 0
}

.b-top5-most-viewed ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0
}

.b-top5-most-viewed .top5-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.b-top5-most-viewed .top5-news:last-child {
    margin-bottom: 0
}

.b-top5-most-viewed .top5-news:before {
    display: inline-block;
    content: counter(item) "";
    counter-increment: item;
    color: #9bb5c6;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8125rem;
    margin-right: 10px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-top5-most-viewed .top5-news:before {
    color: #56585d
}

@media print,
screen and (min-width:40em) {
    .b-top5-most-viewed .top5-news:before {
        font-size: 2.8125rem;
        margin-right: 8px;
        width: 38px
    }
}

.b-weather-teaser.top5-weather {
    position: relative
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.top5-weather {
        height: auto
    }
}

.b-weather-teaser.top5-weather:first-child {
    margin-left: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.top5-weather {
        height: auto;
        margin-left: 8px
    }
}

.b-weather-teaser.top5-weather .bottom-teaser-box {
    position: relative;
    height: 100%
}

.b-weather-teaser.top5-weather .box.box {
    background: 0 0;
    padding: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.top5-weather .box.box {
        height: 320px
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-teaser.top5-weather .box.box {
        padding-right: 24px;
        padding-bottom: 24px;
        padding-top: 32px;
        padding-left: 32px
    }
}

@media print,
screen and (min-width:64em) {
    .b-weather-teaser.top5-weather .box.box {
        padding-top: 40px;
        padding-left: 64px
    }
}

.b-weather-teaser.top5-weather .b-my-view-selectbox,
.b-weather-teaser.top5-weather .b-selectbox {
    border-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .b-my-view-selectbox,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .b-selectbox {
    border-color: #1f232a
}

.b-weather-teaser.top5-weather .b-my-view-selectbox [class*=selectbox-input],
.b-weather-teaser.top5-weather .b-selectbox [class*=selectbox-input] {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .b-my-view-selectbox [class*=selectbox-input],
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .b-selectbox [class*=selectbox-input] {
    color: #1f232a
}

.b-weather-teaser.top5-weather .b-my-view-selectbox [class*=selectbox-input] span[class*=icon-],
.b-weather-teaser.top5-weather .b-selectbox [class*=selectbox-input] span[class*=icon-] {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .b-my-view-selectbox [class*=selectbox-input] span[class*=icon-],
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .b-selectbox [class*=selectbox-input] span[class*=icon-] {
    color: #1f232a
}

.b-weather-teaser.top5-weather .temperature {
    font-size: 5rem;
    line-height: 5rem;
    font-weight: 700;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .temperature {
    color: #1f232a
}

.b-weather-teaser.top5-weather .temperature .value {
    position: relative
}

.b-weather-teaser.top5-weather .celsius {
    margin: 10px 8px 0;
    font-size: 2rem;
    line-height: 2rem;
    float: left;
    display: inline-block;
    font-family: Uniwidth, sans-serif;
    vertical-align: top
}

.b-weather-teaser.top5-weather .teaser-text {
    visibility: visible;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #fff;
    -webkit-transition: .4s .1s;
    transition: .4s .1s;
    display: block;
    clear: both
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .teaser-text {
    color: #1f232a
}

.b-weather-teaser.top5-weather .weather-icon {
    width: 50px;
    height: 50px;
    font-size: 1.875rem;
    margin: 0 8px
}

.b-weather-teaser.top5-weather .b-ratiobox {
    padding: 0
}

.b-weather-teaser.top5-weather .weather-teaser-image {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.b-weather-teaser.top5-weather .weather-teaser-image picture {
    display: none
}

.b-weather-teaser.top5-weather .news-button {
    font-size: 1rem
}

.b-weather-teaser.top5-weather [data-module=top-five-weather-display].lazyload .select-wrap,
.b-weather-teaser.top5-weather [data-module=top-five-weather-display].lazyload .teaser-text,
.b-weather-teaser.top5-weather [data-module=top-five-weather-display].lazyload .temperature,
.b-weather-teaser.top5-weather [data-module=top-five-weather-display].m-loading .select-wrap,
.b-weather-teaser.top5-weather [data-module=top-five-weather-display].m-loading .teaser-text,
.b-weather-teaser.top5-weather [data-module=top-five-weather-display].m-loading .temperature {
    opacity: 0;
    visibility: hidden
}

.b-weather-teaser.top5-weather [data-module=top-five-weather-display].m-will-change .temperature {
    opacity: 0;
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.b-weather-teaser.top5-weather [data-module=top-five-weather-display].m-will-change .teaser-text {
    opacity: 0;
    -webkit-transition: 0s;
    transition: 0s;
    -webkit-transform: translateX(1em);
    transform: translateX(1em)
}

.b-weather-teaser.top5-weather .value {
    float: left;
    display: inline-block
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.top5-weather .value {
        margin-bottom: 8px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-weather-teaser.top5-weather .value {
        margin-bottom: 24px
    }
}

.b-weather-teaser.top5-weather .button-text,
.b-weather-teaser.top5-weather .icon {
    display: inline-block;
    vertical-align: middle;
    height: 22px
}

.b-weather-teaser.top5-weather .icon {
    font-size: 22px;
    margin-left: -5px
}

.b-weather-teaser.top5-weather .teaser-title-link {
    text-decoration: none;
    border-bottom: 1px solid transparent
}

.b-weather-teaser.top5-weather .teaser-title-link:hover {
    border-bottom: 1px solid #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .teaser-title-link:hover {
    border-bottom: 1px solid #0d1118
}

.b-weather-teaser.top5-weather .b-selectbox:focus:after {
    border-bottom: 2px solid #fa7d19;
    border-right: 2px solid #fa7d19;
    border-top: 2px solid #fa7d19
}

.b-weather-teaser.top5-weather.lazyload .box {
    background-image: none
}

.b-weather-teaser.top5-weather.lazyload .weather-icon {
    display: none
}

.b-weather-teaser.top5-weather .select-wrap {
    float: none;
    display: block;
    width: 17.5rem;
    margin: 0 0 24px 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-teaser.top5-weather .select-wrap {
        width: 100%;
        max-width: 17.9375rem
    }
}

.b-weather-teaser.top5-weather .value {
    float: left;
    display: inline-block;
    margin: 0 0 16px 0
}

.b-weather-teaser.top5-weather .news-button {
    color: #fff;
    position: absolute;
    bottom: 24px;
    right: 24px;
    font-weight: 700
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-teaser.top5-weather .news-button {
    color: #0d1118
}

.b-weather-teaser.top5-weather .weather-icon {
    float: left;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 8px;
    font-size: 2.5rem;
    line-height: 2rem
}

.b-briefing-abo {
    margin-top: 24px
}

@media print,
screen and (min-width:40em) {
    .b-briefing-abo {
        margin-top: 32px
    }
}

.b-briefing-abo .briefing-abo-container {
    color: #34393f;
    background-color: #fff;
    padding: 16px 16px 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-briefing-abo .briefing-abo-container {
        padding: 16px 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-briefing-abo .briefing-abo-container {
        padding: 16px 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-briefing-abo .briefing-abo-container {
        padding-top: 54px;
        position: relative
    }
}

@media print,
screen and (min-width:40em) {
    .b-briefing-abo .briefing-abo-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 24px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo .briefing-abo-container {
    background-color: #1f232a;
    color: rgba(255, 255, 255, .87)
}

.b-briefing-abo .briefing-abo-headline {
    padding-bottom: 8px
}

@media print,
screen and (max-width:39.99875em) {
    .b-briefing-abo .briefing-abo-headline {
        position: absolute;
        top: 16px;
        left: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-briefing-abo .briefing-abo-headline {
        font-size: 1.125rem
    }
}

.b-briefing-abo .briefing-abo-icon {
    background: #d4d5d5;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: top
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo .briefing-abo-icon {
    background-color: #2a2d34
}

.b-briefing-abo .briefing-abo-icon:before {
    opacity: .4;
    font-size: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-briefing-abo .briefing-abo-text {
    display: inline-block;
    width: calc(100% - 80px);
    padding-left: 16px;
    line-height: 1.625rem;
    font-size: 1rem
}

@media print,
screen and (min-width:40em) {
    .b-briefing-abo .briefing-abo-text {
        padding-left: 24px
    }
}

.b-briefing-abo .briefing-abo-button {
    margin-top: 16px;
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .b-briefing-abo .briefing-abo-button {
        margin-top: 24px
    }
    .b-briefing-abo .briefing-abo-button:after {
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        content: "";
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo a:not([class]) {
    color: rgba(255, 255, 255, .87)
}

.b-news-event-module {
    background-color: #1c3a56;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-event-module {
    background: #0d1118;
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (min-width:40em) {
    .b-news-event-module {
        background: -webkit-gradient(linear, left top, left bottom, from(#0f2335), color-stop(30%, #1c3a56), color-stop(60%, #284f72), color-stop(80%, #306084), to(#306084));
        background: -webkit-linear-gradient(top, #0f2335 0, #1c3a56 30%, #284f72 60%, #306084 80%, #306084 100%);
        background: linear-gradient(to bottom, #0f2335 0, #1c3a56 30%, #284f72 60%, #306084 80%, #306084 100%);
        background-color: #306084
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-event-module {
        background: #0d1118
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-event-module {
        margin-top: 64px
    }
}

.b-news-event-module+.b-group-news-opener {
    margin-top: 32px
}

@media print,
screen and (min-width:40em) {
    .b-news-event-module+.b-group-news-opener {
        margin-top: 64px
    }
}

.b-news-event-module .event-module-container {
    position: relative;
    padding: 16px 0 32px
}

@media print,
screen and (min-width:40em) {
    .b-news-event-module .event-module-container {
        padding: 32px 0 64px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-event-module .event-module-box {
        padding: 0 .625rem
    }
}

.b-news-event-module .event-module-box .teaser-label {
    height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    position: static;
    margin-bottom: 8px;
    background-color: #d81010
}

.b-news-event-module .event-module-box .teaser-cat,
.b-news-event-module .event-module-box .teaser-title-link {
    color: #fff
}

.b-news-event-module .event-module-box .teaser-cat:hover,
.b-news-event-module .event-module-box .teaser-title-link:hover {
    text-decoration: none
}

.b-news-event-module .event-module-box .teaser-title {
    margin-bottom: 16px
}

@media print,
screen and (min-width:40em) {
    .b-news-event-module .event-module-box .teaser-title {
        font-size: 1.75rem;
        margin-bottom: 24px
    }
}

.b-news-event-module .b-group-news-opener {
    margin-top: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-event-module .b-group-news-opener.news-opener-with-margin {
        margin-top: 32px
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-event-module .b-group-news-opener.news-opener-with-margin {
        margin-top: 64px
    }
}

.b-news-event-module .b-news-index.teaser-list-background {
    background: 0 0
}

.b-news-event-module .b-content-teaser-list .title,
.b-news-event-module .b-group-shorttext p a,
.b-news-event-module .big-headline,
.b-news-event-module .cluster-title-row .cluster-title,
.b-news-event-module .small-headline {
    color: #fff
}

.b-news-event-module .event-module-btn {
    margin-top: 32px;
    margin-bottom: 0;
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .b-news-event-module .event-module-btn {
        margin-top: 64px
    }
}

.b-news-event-module .b-slideshow .big-headline.first-title {
    margin-top: 8px
}

@media print,
screen and (min-width:40em) {
    .b-news-event-module .b-slideshow .big-headline.first-title {
        margin-top: 40px
    }
}

.b-news-event-module .headline-more-btn .button {
    color: #fff;
    border-color: #fff
}

.b-news-liveblog .title-wrap {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.b-news-liveblog .big-headline {
    margin-top: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .b-news-liveblog .big-headline {
        margin-top: 4rem
    }
}

.b-news-liveblog .news-liveblog-item {
    background: #fff;
    color: #34393f;
    padding: 16px;
    margin-bottom: 2px;
    padding-right: 2.75rem
}

@media print,
screen and (min-width:40em) {
    .b-news-liveblog .news-liveblog-item {
        margin-bottom: 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-liveblog .news-liveblog-item {
        margin-bottom: 1rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-liveblog .news-liveblog-item {
        padding-right: 1rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-liveblog .news-liveblog-item {
    background-color: #1f232a;
    color: rgba(255, 255, 255, .87)
}

.b-news-liveblog .news-liveblog-item .news-liveblog-item-time {
    font-size: .8125rem
}

@media print,
screen and (min-width:40em) {
    .b-news-liveblog .news-liveblog-item .news-liveblog-item-time {
        font-size: .875rem
    }
}

.b-news-liveblog .news-liveblog-item .news-liveblog-item-title {
    font-weight: 700;
    line-height: 1.625rem;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-liveblog .news-liveblog-item .news-liveblog-item-title {
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-ticker-item .container {
        padding-left: 38px
    }
    .b-news-ticker-item .teaser-time {
        margin-bottom: 8px
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-ticker-item .container {
        padding-left: 40px
    }
    .b-news-ticker-item .teaser-time {
        margin-bottom: 12px
    }
}

.b-news-ticker-item .container {
    position: relative
}

.b-news-ticker-item .container:after {
    width: 13px;
    height: 13px;
    border-radius: 50%!important;
    content: '';
    position: absolute;
    background-color: #fa7d19;
    top: 2px;
    left: 0;
    z-index: 1
}

.b-news-ticker-item .teaser-cat,
.b-news-ticker-item .teaser-time {
    display: block
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-ticker-item .teaser-title {
        outline: 0;
        cursor: pointer
    }
}

.b-news-ticker-item .panel-content {
    line-height: 1.625rem
}

.b-news-ticker-separator {
    margin-bottom: 24px;
    font-size: 1.375rem;
    position: relative
}

.timeline+.b-news-ticker-separator {
    margin-top: 24px
}

@media print,
screen and (min-width:40em) {
    .timeline+.b-news-ticker-separator {
        margin-top: 64px
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-ticker-separator {
        margin-bottom: 32px;
        font-size: 1.5rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-ticker {
        padding: 0
    }
}

.b-news-ticker .news-ticker-wrap {
    padding: 24px 16px
}

@media print,
screen and (min-width:40em) {
    .b-news-ticker .news-ticker-wrap {
        padding: 48px 32px
    }
}

@media print,
screen and (min-width:64em) {
    .b-news-ticker .news-ticker-wrap {
        padding: 64px 96px
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-ticker .accordion {
        content:'{"switchedOff":true}'!important
    }
    .b-news-ticker .accordion::before {
        content:'{"switchedOff":true}'!important;
        font-family:'{"switchedOff":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-news-ticker .accordion .accordion-panel .panel-link {
        display: none
    }
}

.b-news-ticker .news-ticker-wrap {
    width: 100%;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-ticker .news-ticker-wrap {
    background-color: #1f232a!important
}

.b-news-ticker .news-ticker-wrap:not(.m-switched-off) .panel-content {
    outline: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s
}

.b-news-ticker .news-ticker-wrap:not(.m-switched-off) .panel-content.m-open {
    overflow: visible;
    opacity: 1;
    visibility: inherit;
    height: auto
}

.b-news-ticker .timeline {
    position: relative
}

.b-news-ticker .timeline:after {
    content: '';
    position: absolute;
    width: 13px;
    background-color: #e8e8e8;
    top: 10px;
    bottom: 0;
    margin: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-ticker .timeline:after {
    background-color: #33373d
}

.b-news-ticker .accordion .accordion-panel {
    margin-top: 24px;
    outline: 0
}

.b-news-ticker .accordion .accordion-panel:first-child {
    margin-top: 0
}

@media print,
screen and (min-width:40em) {
    .b-news-ticker .accordion .accordion-panel {
        margin-top: 32px
    }
    .b-news-ticker .accordion .accordion-panel:first-child {
        margin-top: 0
    }
}

.b-news-ticker .accordion .accordion-panel .panel-link {
    background-color: #fff;
    padding: 8px 0 0 18px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-ticker .accordion .accordion-panel .panel-link {
    background-color: #1f232a
}

.b-news-ticker .accordion .accordion-panel .panel-link:before {
    position: relative
}

.b-news-ticker .accordion .accordion-panel[aria-expanded=true] .panel-link:before {
    content: ""
}

.b-news-ticker .load-more-container {
    padding: 0;
    margin-top: 24px
}

@media print,
screen and (min-width:40em) {
    .b-news-ticker .load-more-container {
        margin-top: 32px;
        margin-bottom: -32px
    }
}

.b-news-ticker .load-more-container .button {
    margin: 0
}

.b-slideshow {
    margin-top: 64px
}

@media print,
screen and (max-width:39.99875em) {
    .b-slideshow {
        margin-top: 24px
    }
}

.b-slideshow:not(:first-child).has-title {
    margin-top: 0
}

.x-news .b-slideshow:not(:first-child).has-title {
    margin-top: 0
}

.x-news .b-slideshow:not(:first-child).has-title .big-headline {
    margin-top: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .x-news .b-slideshow:not(:first-child).has-title .big-headline {
        margin-top: 0
    }
}

.x-news .b-slideshow:not(:first-child) {
    margin-top: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .x-news .b-slideshow:not(:first-child) {
        margin-top: 0
    }
}

.x-news .b-slideshow:not(:first-child)+.grid-container:not(.b-group-shorttext) p:first-child {
    margin-top: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .x-news .b-slideshow:not(:first-child)+.grid-container:not(.b-group-shorttext) p:first-child {
        margin-top: 24px
    }
}

.b-slideshow .slideshow-pagination {
    background: #246085;
    color: #fff;
    font-size: .8125rem;
    text-align: center;
    padding: 9px 0 14px
}

@media print,
screen and (min-width:40em) {
    .b-slideshow .slideshow-pagination {
        font-size: 1.5rem;
        padding: 29px 0 35px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-slideshow .artdirect>.m-mobile {
        visibility: visible
    }
}

@media print,
screen and (min-width:64em) {
    .b-slideshow .artdirect>.m-desktop {
        visibility: visible
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-slideshow .artdirect>.m-tablet {
        visibility: visible
    }
}

.b-slideshow .slider-item {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.b-slideshow .slideshow-container {
    position: relative
}

.b-slideshow .slider-item-img {
    width: 100%;
    height: 100%;
    position: absolute
}

@media print,
screen and (max-width:39.99875em) {
    .b-slideshow .b-plus-button.small-small .plus-main-btn:hover .inner-circle {
        -webkit-transform: none;
        transform: none
    }
    .b-slideshow .b-plus-button.small-small .plus-main-btn:hover .inner-circle:before {
        opacity: 1;
        font-size: 1.125rem
    }
}

@media print,
screen and (max-width:39.99875em) and (max-width:39.99875em) {
    .b-slideshow .b-plus-button.small-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle {
        -webkit-transform: none;
        transform: none
    }
    .b-slideshow .b-plus-button.small-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle:before {
        font-size: 1.125rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-slideshow .b-plus-button.small-small .plus-main-btn .inner-circle {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.25);
        transform: scale(.25)
    }
    .b-slideshow .b-plus-button.small-small .plus-main-btn .inner-circle:before {
        opacity: 0;
        font-size: 1.625rem;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
}

.b-slideshow .expand-btn {
    opacity: .5;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 10px;
    padding: 0;
    background-color: #25292e;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

@media print,
screen and (max-width:39.99875em) {
    .b-slideshow .expand-btn {
        width: 30px;
        height: 30px
    }
}

.b-slideshow .expand-btn:focus {
    opacity: .8
}

.b-slideshow .expand-btn span[class*=icon-] {
    font-size: 1.875rem;
    line-height: 40px;
    color: #fff
}

@media print,
screen and (max-width:63.99875em) {
    .b-slideshow .expand-btn span[class*=icon-] {
        font-size: 1rem;
        line-height: 30px
    }
}

.b-slideshow+.x-headline {
    margin-top: 32px
}

@media print,
screen and (max-width:39.99875em) {
    .b-slideshow+.x-headline {
        margin-top: 24px
    }
}

.slideshow-background.dialog-gallery-backdrop {
    display: block
}

@media print,
screen and (max-width:39.99875em) {
    .slideshow-background .b-dialog:not(.x-dialog-media) {
        min-height: auto;
        width: 85%
    }
}

@media screen and (max-width:639px) and (orientation:portrait) {
    .slideshow-background .b-dialog.x-dialog-gallery {
        width: 100%
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .slideshow-background .b-dialog.x-dialog-gallery {
        width: 75%
    }
}

@media print,
screen and (min-width:64em) {
    .slideshow-background .b-dialog.x-dialog-gallery {
        width: 90%
    }
}

.slideshow-background .b-dialog .expand-btn {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    .slideshow-background .dialog-backdrop-document {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media print,
screen and (max-width:63.99875em) {
    .slideshow-background .b-dialog.m-screen .dialog-close {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 1rem
    }
}

.slideshow-background .slideshow-pagination {
    font-size: .8125rem;
    padding: 9px 0 14px
}

@media print,
screen and (min-width:64em) {
    .slideshow-background .slideshow-pagination {
        font-size: 1.5rem;
        padding: 29px 0 35px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-info-bar {
        padding-top: 16px
    }
    .b-info-bar+.b-content-module .big-headline,
    .b-info-bar+.b-post-header .big-headline {
        margin-top: 24px
    }
    .b-info-bar+.b-content-module .big-headline.x-label,
    .b-info-bar+.b-content-module .big-headline.x-overline,
    .b-info-bar+.b-post-header .big-headline.x-label,
    .b-info-bar+.b-post-header .big-headline.x-overline {
        margin-top: 0
    }
    .b-info-bar+.b-cluster .cluster-title-row .cluster-title {
        margin-top: 24px
    }
}

@media print,
screen and (min-width:40em) {
    .b-info-bar {
        padding-top: 32px
    }
}

[data-module=js-scroller-paging],
[data-module=js-scroller] {
    overflow: hidden;
    position: relative
}

[data-module=js-scroller-paging] .js-scroller-paging-viewport,
[data-module=js-scroller-paging] .js-scroller-viewport,
[data-module=js-scroller] .js-scroller-paging-viewport,
[data-module=js-scroller] .js-scroller-viewport {
    overflow: hidden;
    position: relative;
    width: 100%
}

[data-module=js-scroller-paging] .js-scroller-cell,
[data-module=js-scroller-paging] .js-scroller-paging-cell,
[data-module=js-scroller] .js-scroller-cell,
[data-module=js-scroller] .js-scroller-paging-cell {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

[data-module=js-scroller-paging]:not(.is-responsive),
[data-module=js-scroller]:not(.is-responsive) {
    content:'{"switchedOff":false}'!important
}

[data-module=js-scroller-paging]:not(.is-responsive)::before,
[data-module=js-scroller]:not(.is-responsive)::before {
    content:'{"switchedOff":false}'!important;
    font-family:'{"switchedOff":false}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

[data-module=js-scroller-paging]:not(.is-responsive) .js-scroller-content,
[data-module=js-scroller-paging]:not(.is-responsive) .js-scroller-paging-content,
[data-module=js-scroller]:not(.is-responsive) .js-scroller-content,
[data-module=js-scroller]:not(.is-responsive) .js-scroller-paging-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

[data-module=js-scroller-paging].is-responsive,
[data-module=js-scroller].is-responsive {
    content:'{"switchedOff":true}'!important
}

[data-module=js-scroller-paging].is-responsive::before,
[data-module=js-scroller].is-responsive::before {
    content:'{"switchedOff":true}'!important;
    font-family:'{"switchedOff":true}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

@media (min-width:1024px) {
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-desktop,
    [data-module=js-scroller].is-responsive.m-scroll-on-desktop {
        content:'{"switchedOff":false}'!important
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-desktop::before,
    [data-module=js-scroller].is-responsive.m-scroll-on-desktop::before {
        content:'{"switchedOff":false}'!important;
        font-family:'{"switchedOff":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-desktop .js-scroller-content,
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-desktop .js-scroller-paging-content,
    [data-module=js-scroller].is-responsive.m-scroll-on-desktop .js-scroller-content,
    [data-module=js-scroller].is-responsive.m-scroll-on-desktop .js-scroller-paging-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:640px) {
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-tablet,
    [data-module=js-scroller].is-responsive.m-scroll-on-tablet {
        content:'{"switchedOff":false}'!important
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-tablet::before,
    [data-module=js-scroller].is-responsive.m-scroll-on-tablet::before {
        content:'{"switchedOff":false}'!important;
        font-family:'{"switchedOff":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-tablet .js-scroller-content,
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-tablet .js-scroller-paging-content,
    [data-module=js-scroller].is-responsive.m-scroll-on-tablet .js-scroller-content,
    [data-module=js-scroller].is-responsive.m-scroll-on-tablet .js-scroller-paging-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:320px) {
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-mobile,
    [data-module=js-scroller].is-responsive.m-scroll-on-mobile {
        content:'{"switchedOff":false}'!important
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-mobile::before,
    [data-module=js-scroller].is-responsive.m-scroll-on-mobile::before {
        content:'{"switchedOff":false}'!important;
        font-family:'{"switchedOff":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-mobile .js-scroller-content,
    [data-module=js-scroller-paging].is-responsive.m-scroll-on-mobile .js-scroller-paging-content,
    [data-module=js-scroller].is-responsive.m-scroll-on-mobile .js-scroller-content,
    [data-module=js-scroller].is-responsive.m-scroll-on-mobile .js-scroller-paging-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:1024px) {
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-desktop,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-desktop {
        content:'{"switchedOff":false}'!important
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-desktop::before,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-desktop::before {
        content:'{"switchedOff":false}'!important;
        font-family:'{"switchedOff":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-desktop .js-scroller-content,
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-desktop .js-scroller-paging-content,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-desktop .js-scroller-content,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-desktop .js-scroller-paging-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:640px) and (max-width:1023px) {
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-tablet,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-tablet {
        content:'{"switchedOff":false}'!important
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-tablet::before,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-tablet::before {
        content:'{"switchedOff":false}'!important;
        font-family:'{"switchedOff":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-tablet .js-scroller-content,
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-tablet .js-scroller-paging-content,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-tablet .js-scroller-content,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-tablet .js-scroller-paging-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:320px) and (max-width:639px) {
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-mobile,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-mobile {
        content:'{"switchedOff":false}'!important
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-mobile::before,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-mobile::before {
        content:'{"switchedOff":false}'!important;
        font-family:'{"switchedOff":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-mobile .js-scroller-content,
    [data-module=js-scroller-paging].is-responsive.m-scroll-only-on-mobile .js-scroller-paging-content,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-mobile .js-scroller-content,
    [data-module=js-scroller].is-responsive.m-scroll-only-on-mobile .js-scroller-paging-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.js-tabs:not(.m-switched-off) .js-tabs-panel-wrapper {
    position: relative
}

.js-tabs:not(.m-switched-off) .js-tabs-panel {
    display: none;
    -webkit-animation-name: tabsfadeout;
    animation-name: tabsfadeout;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    outline: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-tabs:not(.m-switched-off) .js-tabs-panel {
    background-color: transparent
}

.m-fx>.js-tabs:not(.m-switched-off) .js-tabs-panel.m-closing,
.m-fx>.js-tabs:not(.m-switched-off) .js-tabs-panel.m-open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block
}

.js-tabs:not(.m-switched-off) .js-tabs-panel.m-open {
    display: block;
    -webkit-animation-name: tabsfadein;
    animation-name: tabsfadein
}

.news-label {
    position: absolute;
    z-index: 2;
    padding: 0 8px;
    color: #fff;
    background-color: #fa7d19;
    font-weight: 700
}

@media print,
screen and (max-width:39.99875em) {
    .news-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        width: 100%;
        bottom: 117px;
        height: 20px;
        font-size: .8125rem;
        width: auto
    }
}

@media print,
screen and (min-width:40em) {
    .news-label {
        top: -12px;
        height: 24px;
        font-size: .875rem;
        line-height: 1.5rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .news-label {
    color: #0d1118
}

.lazyload-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lazyload-container .lazyload-element {
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.lazyload-container .lazyload-hide {
    opacity: 0
}

.lazyload-container .lazyload-loader {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e8e8e8;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #96999c), color-stop(42%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #96999c 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #96999c 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear
}

.lazyload-container .lazyload-loader:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    border-radius: 100% 0 0 0;
    background: #96999c;
    content: ""
}

.lazyload-container .lazyload-loader:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 75%;
    margin: auto;
    border-radius: 50%;
    background: #e8e8e8;
    content: ""
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .lazyload-container .lazyload-loader:after {
    background-color: #0d1118
}

.b-letter-bar {
    position: relative;
    margin: 0 0 24px
}

@media print,
screen and (max-width:39.99875em) {
    .b-letter-bar {
        content:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport"}'!important;
        z-index: 6;
        height: 50px
    }
    .b-letter-bar::before {
        content:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport"}'!important;
        font-family:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-letter-bar .letter-box {
        z-index: 90;
        width: 100%;
        background-color: #e8e8e8
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-letter-bar .letter-box {
        background-color: #1f232a
    }
    .b-letter-bar .letter-list {
        padding-left: 16px
    }
    .b-letter-bar .b-nav-arrow {
        position: fixed;
        top: 50px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-letter-bar .letter-bar-row {
        overflow-x: scroll;
        overflow-y: hidden
    }
}

@media print,
screen and (min-width:40em) {
    .b-letter-bar {
        content:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport","switchedOff":true}'!important
    }
    .b-letter-bar::before {
        content:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport","switchedOff":true}'!important;
        font-family:'{"topOffset":50,"container": ".b-epg-program","scrollContainer": ".m-offcanvas-viewport","switchedOff":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-letter-bar .letter-box {
        position: relative
    }
}

.b-letter-bar .letter-box {
    overflow: hidden;
    height: 50px
}

.b-letter-bar .letter-bar-column {
    height: 50px
}

.b-letter-bar .letter-list {
    overflow: hidden;
    display: inline-block;
    margin: 0;
    list-style: none;
    line-height: 50px;
    white-space: nowrap
}

.b-letter-bar .item {
    position: relative;
    display: inline-block
}

.b-letter-bar .item .link {
    display: inline-block;
    height: 33px;
    min-width: 33px;
    border-radius: 17px;
    padding: 0 5px;
    font-size: 1.5rem;
    line-height: 33px;
    text-align: center;
    vertical-align: middle;
    color: #34393f;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-letter-bar .item .link {
    color: rgba(255, 255, 255, .87)
}

.b-letter-bar .item .link.m-disabled {
    color: #96999c;
    cursor: default
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-letter-bar .item .link.m-disabled {
    color: #56585d
}

.b-letter-bar .item .link:not(.m-disabled):focus,
.b-letter-bar .item .link:not(.m-disabled):hover,
.b-letter-bar .item.current .link {
    color: #fff;
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-letter-bar .item .link:not(.m-disabled):focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-letter-bar .item .link:not(.m-disabled):hover,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-letter-bar .item.current .link {
    color: #1f232a
}

.b-letter-bar .item.current .link {
    font-weight: 700
}

.b-live-module .b-live-tv:not(.m-single) {
    margin-bottom: 0;
    padding-bottom: 24px;
    padding-top: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-live-module .b-live-tv:not(.m-single) {
        padding-bottom: .125rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-live-module .b-live-tv:not(.m-single) {
        padding-bottom: 24px
    }
}

.b-live-module .b-live-tv.b-video-carousel .live-tv-slider.is-single-slide {
    background-color: rgba(37, 41, 46, .8)
}

.b-live-module .section-header {
    background-color: #0d1118;
    color: rgba(255, 255, 255, .87)
}

.b-live-module .livestreams-live {
    background-color: #0d1118;
    height: auto;
    padding: 0 24px 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-live-module .livestreams-live {
        padding: 0
    }
}

.b-live-module .livestreams-live .livestream-teaser-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center
}

@media print,
screen and (max-width:39.99875em) {
    .b-live-module .livestreams-live .livestream-teaser-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-live-module .livestreams-live .livestream-teaser-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media print,
screen and (min-width:64em) {
    .b-live-module .livestreams-live .livestream-teaser-nav.grid-container {
        padding-right: 0
    }
}

.b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item .teaser-cat-category {
    display: block;
    text-overflow: ellipsis
}

@media print,
screen and (max-width:39.99875em) {
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item {
        margin: 0 0 .125rem 0;
        width: 100%
    }
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item:last-child {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item {
        margin: 0 4px 24px 0
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item:nth-child(2n) {
        margin-right: 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item {
        margin: 0 12px 16px 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 32.5%;
        max-width: 372px
    }
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item:nth-child(3n) {
        margin-right: 0
    }
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item:first-child:nth-last-child(1) {
        margin-left: 32.5%
    }
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item:first-child:nth-last-child(2),
    .b-live-module .livestreams-live .livestream-teaser-nav .livestream-teaser-item:first-child:nth-last-child(2)~li {
        position: relative;
        left: 16.75%
    }
}

@media print,
screen and (min-width:40em) {
    .b-live-module .b-content-teaser-list .title {
        margin-top: 32px
    }
}

.b-live-module .live-tv-slider.is-single-slide .livetv-scroller-content {
    display: block;
    -webkit-transform: none!important;
    transform: none!important
}

.b-live-module .live-tv-slider.is-single-slide .item {
    margin: auto
}

.b-live-tv {
    position: relative;
    margin: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-live-tv.no-title {
        padding-top: 32px
    }
    .b-live-tv .item {
        background-color: #1f232a;
        overflow: hidden;
        width: 100%
    }
    .b-live-tv .item .box-title-wrap {
        -webkit-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
        background-color: #1f232a
    }
    .b-live-tv .item .box {
        position: relative;
        padding: 16px 16px 40px
    }
    .b-live-tv .item .box .teaser-label {
        padding: 0 6px;
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 15px
    }
    .b-live-tv .item .box .teaser-title {
        font-size: 1.25rem;
        overflow: hidden;
        margin-bottom: 16px
    }
    .b-live-tv .item .teaser-cat {
        font-size: .875rem
    }
    .b-live-tv .item picture {
        display: block
    }
    .b-live-tv .scroll-arrow {
        display: none
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-live-tv.m-double .item,
    .b-live-tv.m-single .item {
        width: 100%
    }
    .b-live-tv .livetv-scroller-content {
        -webkit-transform: translateX(calc(50% - 280px));
        transform: translateX(calc(50% - 280px))
    }
    .b-live-tv .item {
        width: 560px
    }
    .b-live-tv .scroll-arrow {
        display: none
    }
}

@media print,
screen and (min-width:40em) {
    .b-live-tv.m-vod .item:not(.m-active):after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(31, 35, 42, .1);
        content: ""
    }
    .b-live-tv .item.video-carousel-item {
        margin: 0 6px
    }
    .b-live-tv .item .box-title-wrap {
        height: 180px;
        -webkit-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
        background-color: #1f232a
    }
    .b-live-tv .item .box {
        position: relative;
        padding: 24px 24px 16px
    }
    .b-live-tv .item .box .teaser-label {
        padding: 0 6px;
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 16px
    }
    .b-live-tv .item .teaser-cat {
        font-size: .9375rem;
        line-height: 1.0625rem
    }
    .b-live-tv .item .teaser-title {
        font-size: 1.375rem
    }
    .b-live-tv .item picture {
        display: block;
        height: calc(100% - 180px)
    }
    .b-live-tv.b-video-carousel .scroll-arrow {
        top: calc(50% - 90px)
    }
    .b-live-tv.no-title {
        padding-top: 64px
    }
}

@media print,
screen and (min-width:40em) {
    .b-live-tv .item.video-carousel-item {
        background-color: #1f232a
    }
    .b-live-tv .item.video-carousel-item .b-playerbox,
    .b-live-tv .item.video-carousel-item .inner,
    .b-live-tv .item.video-carousel-item>.artdirect {
        opacity: .1!important;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }
    .b-live-tv .item.video-carousel-item.m-active .b-playerbox,
    .b-live-tv .item.video-carousel-item.m-active .inner,
    .b-live-tv .item.video-carousel-item.m-active>.artdirect {
        opacity: 1!important
    }
}

@media print,
screen and (min-width:64em) {
    .b-live-tv.no-title {
        margin-right: auto;
        margin-left: auto
    }
    .b-live-tv.m-double .item,
    .b-live-tv.m-single .item {
        width: 100%
    }
    .b-live-tv .livetv-scroller-content {
        -webkit-transform: translateX(calc(50% - 378px));
        transform: translateX(calc(50% - 378px))
    }
    .b-live-tv .live-tv-slider-viewport {
        height: auto
    }
    .b-live-tv .item {
        width: 756px
    }
}

@media screen and (min-width:90em) {
    .b-live-tv .livetv-scroller-content {
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

.b-live-tv.m-single .item {
    display: block;
    margin: 0
}

.b-live-tv .live-tv-slider {
    content:'{"usePx":true}'!important;
    position: relative
}

.b-live-tv .live-tv-slider::before {
    content:'{"usePx":true}'!important;
    font-family:'{"usePx":true}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-live-tv.b-video-carousel .live-tv-slider {
    background-color: transparent
}

.b-live-tv.b-video-carousel .live-tv-slider.is-single-slide {
    background-color: #e8e8e8
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-live-tv.b-video-carousel .live-tv-slider.is-single-slide {
    background-color: #0d1118
}

.b-live-tv.b-video-carousel .live-tv-slider.is-dark {
    background-color: #0d1118!important
}

html.x-heute-app:not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-live-tv.b-video-carousel .live-tv-slider.is-dark {
    background: #0f2335!important
}

.b-live-tv.b-video-carousel .live-tv-slider .item picture {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 56.25% 0
}

.b-live-tv.b-video-carousel .live-tv-slider .item.only-one-item picture {
    display: block
}

.b-live-tv .livetv-scroller-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.b-live-tv .live-tv-slider-viewport {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden
}

.b-live-tv .item {
    position: relative;
    min-width: 50%;
    max-width: 100%;
    outline: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.b-live-tv .item:before {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    content: ""
}

.b-live-tv .item .teaser-cat,
.b-live-tv .item .teaser-title,
.b-live-tv .item .teaser-title-link {
    color: rgba(255, 255, 255, .87)
}

.b-live-tv .item .teaser-foot {
    right: inherit;
    bottom: inherit;
    left: inherit;
    color: rgba(255, 255, 255, .87);
    position: relative;
    top: 0;
    line-height: 1.0625rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-live-tv .item .teaser-foot .icon {
        display: none
    }
}

.b-live-tv .item .seamless-percent.m-active {
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: rgba(255, 255, 255, .7)
}

.b-live-tv .item .seamless-percent.m-active .percent-progress {
    position: absolute;
    bottom: 0;
    height: 6px;
    background-color: #fa7d19
}

.b-live-tv .b-playerbox {
    content:'{"autoInit":false}'!important
}

.b-live-tv .b-playerbox::before {
    content:'{"autoInit":false}'!important;
    font-family:'{"autoInit":false}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-live-tv .b-playerbox.m-active {
    z-index: 1
}

.b-live-tv .b-zdfplayer,
.b-live-tv .station-still {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s
}

.b-live-tv .station-still {
    z-index: 9;
    background-color: #25292e
}

.b-live-tv .m-active .b-zdfplayer,
.b-live-tv .station-still {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.b-live-tv .b-zdfplayer,
.b-live-tv .m-active .station-still {
    opacity: 0
}

.b-live-tv .m-active .station-still {
    visibility: hidden
}

.b-live-tv .show-info {
    z-index: 1
}

@media print,
screen and (min-width:40em) {
    .b-live-tv .artdirect .m-8-9 {
        visibility: hidden
    }
}

@media print,
screen and (min-width:40em) {
    .b-live-tv .artdirect .m-16-9 {
        visibility: visible
    }
}

.b-live-tv .artdirect img {
    width: 100%
}

.myzdf-teaser-grid-placeholder {
    display: none
}

[data-list-mode=empty] .myzdf-teaser-grid-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.myzdf-teaser-img {
    height: 100px
}

.b-miniplayer:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), color-stop(85%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 85%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 85%);
    content: ""
}

.b-miniplayer:not(.m-active) {
    display: none
}

.b-miniplayer.m-active {
    position: fixed;
    top: initial;
    right: 20px;
    bottom: 20px;
    left: initial;
    z-index: 998;
    width: 320px;
    height: 180px
}

.b-miniplayer.no-fullscreen-btn .zdfplayer-fullscreen_enter {
    display: none!important
}

.b-miniplayer .miniplayer-close {
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 40px;
    height: 40px;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.b-miniplayer .miniplayer-close span[class*=icon-] {
    font-size: 1.125rem;
    line-height: 40px;
    color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    .b-mobile-stage {
        display: block;
        width: 100%;
        height: 80px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }
    .b-mobile-stage .artdirect {
        display: none
    }
}

.my-program-avatar {
    width: 320px;
    height: 100%;
    min-width: 320px;
    background: 0 0
}

@media print,
screen and (max-width:39.99875em) {
    .my-program-avatar {
        width: 231px;
        min-width: 231px
    }
}

.my-program-avatar .avatar-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%!important
}

@media print,
screen and (max-width:39.99875em) {
    .my-program-avatar .avatar-image {
        margin-bottom: 8px
    }
}

@media print,
screen and (min-width:40em) {
    .my-program-avatar .avatar-image {
        width: 180px;
        height: 180px;
        border-radius: 50%!important
    }
}

.my-program-avatar .greeting {
    font-size: 1rem;
    line-height: 18px;
    font-weight: 700;
    white-space: normal
}

@media print,
screen and (max-width:39.99875em) {
    .my-program-avatar .greeting {
        line-height: 1.375rem;
        margin-bottom: 8px
    }
}

@media print,
screen and (min-width:40em) {
    .my-program-avatar .greeting {
        font-size: 1rem;
        line-height: 18px;
        font-weight: 700;
        white-space: normal
    }
}

[data-module=my-program-cluster] {
    z-index: 4
}

@media print,
screen and (max-width:39.99875em) {
    [data-module=my-program-cluster] {
        overflow: visible
    }
}

[data-module=my-program-cluster] .overlay-base {
    position: absolute;
    z-index: 5;
    white-space: normal;
    padding: 16px
}

@media print,
screen and (max-width:39.99875em) {
    [data-module=my-program-cluster] .overlay-base {
        top: 50%;
        left: 170px;
        margin: 0 16px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 300px;
        width: 100%
    }
    [data-module=my-program-cluster] .overlay-base:before {
        display: block;
        width: 0;
        height: 0;
        border: inset 10px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent rgba(13, 17, 24, .9) transparent transparent;
        position: absolute;
        top: 35px;
        left: -10px
    }
}

@media print,
screen and (min-width:40em) {
    [data-module=my-program-cluster] .overlay-base {
        top: 50%;
        left: 300px;
        max-width: 365px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    [data-module=my-program-cluster] .overlay-base:before {
        display: block;
        width: 0;
        height: 0;
        border: inset 10px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent rgba(13, 17, 24, .9) transparent transparent;
        position: absolute;
        top: 35px;
        left: -10px
    }
}

[data-module=my-program-cluster] .text {
    margin-bottom: 24px
}

@media print,
screen and (max-width:39.99875em) {
    [data-module=my-program-cluster] .js-scrollbox.scroll-disabled .js-scrollbox-list,
    [data-module=my-program-cluster] .scroll-box.scroll-disabled .js-scrollbox-list {
        overflow: visible
    }
}

[data-module=my-program-cluster] .lazyload-placeholder {
    visibility: hidden
}

[data-module=my-program-cluster] .cluster-showmore {
    overflow: visible
}

.my-program-placeholder {
    height: 100%
}

.b-cluster-teaser:nth-child(odd) .my-program-placeholder {
    background-color: #fff
}

.b-cluster-teaser:nth-child(odd) .my-program-placeholder .b-ratiobox {
    background-color: #f3f3f3
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser:nth-child(odd) .my-program-placeholder .b-ratiobox {
        background-color: rgba(232, 232, 232, .5)
    }
}

.b-cluster-teaser:nth-child(even) .my-program-placeholder {
    background-color: #d4d5d5
}

.b-cluster-teaser:nth-child(even) .my-program-placeholder .b-ratiobox {
    background-color: #dddede
}

@media print,
screen and (min-width:40em) {
    .b-cluster-teaser:nth-child(even) .my-program-placeholder .b-ratiobox {
        background-color: rgba(232, 232, 232, .4)
    }
}

html:not(.x-heute-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser .my-program-placeholder {
    background-color: #1f232a
}

html:not(.x-heute-app) .is-darkmode:not(.is-high-contrast) .b-cluster-teaser .my-program-placeholder .b-ratiobox {
    background-color: #25292e
}

.my-program-placeholder .placeholder-text {
    height: 22px;
    margin: 0 24px;
    background-color: #e8e8e8
}

@media print,
screen and (min-width:40em) {
    .my-program-placeholder .placeholder-text {
        height: 28px
    }
    .my-program-placeholder .placeholder-text:not(:last-child) {
        margin-bottom: 16px
    }
}

.my-program-placeholder .placeholder-text:not(:last-child) {
    margin-bottom: 8px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .my-program-placeholder .placeholder-text {
    background-color: #2a2d34
}

.b-my-view-selectbox {
    content:'{"name": "b-my-view-selectbox"}'!important
}

.b-my-view-selectbox::before {
    content:'{"name": "b-my-view-selectbox"}'!important;
    font-family:'{"name": "b-my-view-selectbox"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-my-view-selectbox .b-my-view-selectbox-input .flag {
    width: 32px;
    height: 32px;
    margin-top: -4px;
    border-radius: 50%
}

.b-my-view-selectbox .b-my-view-selectbox-input .flag:first-child {
    margin-left: 4px
}

.b-my-view-selectbox .b-my-view-selectbox-input .flag:last-child {
    margin-right: 4px
}

.b-my-view-selectbox .b-my-view-selectbox-input .flag:only-child {
    margin-right: 4px;
    margin-left: 0
}

.b-my-view-selectbox.x-dark {
    padding-right: 60px
}

.b-my-view-selectbox.x-dark:after {
    display: none
}

.b-my-view-selectbox.x-dark .b-my-view-selectbox-input {
    padding: 0 0 0 16px;
    background-color: transparent
}

.b-my-view-selectbox.x-dark .b-my-view-selectbox-input span[class*=icon-] {
    right: 0;
    height: 1.75rem;
    line-height: 1.75rem
}

.b-my-view-selectbox-popover .b-my-view-selectbox-search {
    height: 3.25rem
}

.b-my-view-selectbox-popover .b-my-view-selectbox-search .search-input {
    height: 3.25rem;
    margin-bottom: 0;
    border: 10px solid #d4d5d5;
    line-height: 32px;
    padding: 0 32px 0 8px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-my-view-selectbox-popover .b-my-view-selectbox-search .search-input {
    border-color: #2a2d34
}

.b-my-view-selectbox-popover .b-my-view-selectbox-search .search-clearbtn {
    position: absolute;
    top: 3px;
    right: 6px;
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
    line-height: 2.8125rem;
    vertical-align: top;
    color: #5c6166;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-my-view-selectbox-popover .b-my-view-selectbox-search .search-clearbtn {
    color: #9e9fa2
}

.b-my-view-selectbox-popover .b-my-view-selectbox-search .search-clearbtn:not(.m-keyboardfocus) {
    outline: 0
}

.b-my-view-selectbox-popover .b-my-view-selectbox-search .search-input:invalid+.search-clearbtn {
    opacity: 0
}

.b-my-view-selectbox-popover .b-my-view-selectbox-listbox:not(.m-no-result)>ul {
    padding: 16px 0
}

.b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item {
    border-top: none!important;
    padding: 0 16px!important
}

.b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-header {
    border-top: none!important;
    border-bottom: 1px solid #d4d5d5;
    padding: 8px 0 0!important;
    font-size: 1.125rem!important;
    font-weight: 700;
    text-transform: inherit;
    color: #96999c;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-value {
    overflow: hidden;
    float: none;
    display: block
}

@media print,
screen and (max-width:63.99875em) {
    .b-nav-arrow.arrow-left,
    .b-nav-arrow.arrow-right {
        opacity: 1;
        position: absolute;
        top: 0;
        z-index: 2;
        width: 30px;
        height: 50px;
        color: #fff;
        background-color: #25292e;
        background-size: auto 100%;
        cursor: pointer;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }
    .b-nav-arrow.arrow-left span[class*=icon-]:before,
    .b-nav-arrow.arrow-right span[class*=icon-]:before {
        font-size: 1.875rem;
        line-height: 50px
    }
    .b-nav-arrow.arrow-left:disabled,
    .b-nav-arrow.arrow-right:disabled {
        display: none
    }
    .b-nav-arrow.arrow-left:not(.m-keyboardfocus),
    .b-nav-arrow.arrow-right:not(.m-keyboardfocus) {
        outline: 0
    }
    .b-nav-arrow.arrow-right {
        right: 0
    }
    .b-nav-arrow.arrow-left {
        left: 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-nav-arrow span[class*=icon-]:before {
        display: none
    }
}

.b-news-alert .alert-item {
    margin: 0;
    font-weight: 700;
    line-height: 1.125rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-news-alert .alert-item {
        padding: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-news-alert .alert-item {
        padding: 16px 0
    }
}

.b-newsticker-accordion {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #e8e8e8
}

@media print,
screen and (max-width:39.99875em) {
    .b-newsticker-accordion .big-headline {
        padding-right: 112px
    }
    .b-newsticker-accordion .showmore-wrapper {
        content:'{"items": ".b-newsticker-cell","count":4}'!important
    }
    .b-newsticker-accordion .showmore-wrapper::before {
        content:'{"items": ".b-newsticker-cell","count":4}'!important;
        font-family:'{"items": ".b-newsticker-cell","count":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-newsticker-accordion .showmore-wrapper .b-newsticker-cell:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
}

@media print,
screen and (min-width:40em) {
    .b-newsticker-accordion .accordion-wrapper {
        background-color: #fff
    }
    .b-newsticker-accordion .showmore-wrapper {
        padding: 0 49px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-accordion {
    background-color: #0d1118
}

.b-newsticker-accordion .accordion-wrapper {
    position: relative;
    z-index: 5
}

.b-newsticker-accordion .newsticker-accordion-panel-wrapper {
    outline: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    z-index: 4;
    display: block;
    width: 100%;
    background-color: #34393f;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.b-newsticker-accordion .newsticker-accordion-panel-wrapper.m-open {
    overflow: visible;
    opacity: 1;
    visibility: inherit;
    height: auto
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-accordion .newsticker-accordion-panel-wrapper {
    background-color: #2a2d34
}

.b-newsticker-cell {
    position: relative;
    outline: 0;
    cursor: pointer
}

@media print,
screen and (max-width:39.99875em) {
    .b-newsticker-cell {
        width: 100%;
        margin-bottom: 2px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-newsticker-cell {
        display: block;
        width: 33.3333333%;
        margin-bottom: 2px
    }
}

@media print,
screen and (min-width:40em) {
    .b-newsticker-cell {
        display: inline-block;
        min-height: 100%;
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-cell {
        border-color: #0d1118
    }
}

@media print,
screen and (min-width:64em) {
    .b-newsticker-cell {
        width: 25%
    }
}

.b-newsticker-cell .cat .ellipsis {
    width: auto
}

.b-newsticker-cell .cat .time:before {
    display: inline-block;
    margin: 0 3px;
    content: "|"
}

.b-newsticker-cell.m-hidden {
    display: none
}

.b-newsticker-cell .title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-cell .title {
    color: rgba(255, 255, 255, .87)
}

.b-newsticker-cell .title:not(.m-keyboardfocus) {
    outline: 0
}

.b-newsticker-cell .title:disabled {
    text-decoration: underline;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-cell .title:disabled {
    color: rgba(255, 255, 255, .87)
}

.b-newsticker-cell .title:focus,
.b-newsticker-cell:hover .title {
    text-decoration: underline
}

.b-newsticker-cell.m-selected .inner::after {
    visibility: visible
}

.b-newsticker-cell .inner {
    position: relative;
    outline: 0;
    height: 100%;
    padding: 16px 16px 24px;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-cell .inner {
    background-color: #1f232a
}

.b-newsticker-cell .inner:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    visibility: hidden;
    width: 0;
    height: 0;
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    content: "";
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-cell .inner:after {
    border-color: #1f232a transparent transparent transparent
}

.b-newsticker-filter {
    list-style: none
}

@media print,
screen and (max-width:39.99875em) {
    .b-newsticker-filter .newsticker-filter-button {
        padding: 0 16px;
        line-height: 32px
    }
    .b-newsticker-filter .newsticker-filter-button span[class*=icon-] {
        display: none
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-newsticker-filter {
        margin-bottom: 16px
    }
    .b-newsticker-filter .newsticker-filter-button:hover {
        text-decoration: none
    }
}

@media print,
screen and (min-width:40em) {
    .b-newsticker-filter .newsticker-filter-button {
        padding: 0 16px 0 32px;
        line-height: 32px
    }
    .b-newsticker-filter .newsticker-filter-button span[class*=icon-] {
        position: absolute;
        top: 5px;
        left: 7px;
        font-size: 20px;
        line-height: 20px
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-filter .newsticker-filter-button span[class*=icon-] {
        color: #9e9fa2
    }
    .b-newsticker-filter .newsticker-filter-button:hover {
        text-decoration: underline
    }
}

@media print,
screen and (min-width:64em) {
    .b-newsticker-filter {
        position: absolute;
        top: 64px;
        right: 96px;
        margin: 0
    }
}

.b-newsticker-filter .newsticker-filter-item {
    position: relative;
    z-index: 1;
    float: left;
    display: inline-block;
    margin: 0 0 0 1px
}

.b-newsticker-filter .newsticker-filter-item .newsticker-filter-button {
    position: relative;
    font-size: 1.125rem;
    color: #5c6166;
    background-color: #d4d5d5;
    cursor: pointer
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button {
    color: rgba(255, 255, 255, .87);
    background-color: #2a2d34
}

.b-newsticker-filter .newsticker-filter-item .newsticker-filter-button:focus:not(.m-keyboardfocus) {
    outline: 0;
    text-decoration: underline;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button:focus:not(.m-keyboardfocus) {
    background-color: #0d1118
}

.b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-keyboardfocus {
    outline: 2px solid #fa7d19;
    outline-offset: -2px;
    text-decoration: underline
}

.b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active {
    background-color: #1f232a
}

.b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active:hover {
    background-color: #fff;
    cursor: initial
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active:hover {
    background-color: #1f232a
}

.b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active:after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin: 0 0 0 -13px;
    border-width: 12px 13px 0 13px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    content: ""
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active:after {
    border-color: #1f232a transparent transparent transparent
}

.b-newsticker-panel {
    color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    .b-newsticker-panel .inner-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 32px 16px 0 16px
    }
    .b-newsticker-panel .inner-panel .b-playerbox,
    .b-newsticker-panel .inner-panel .preview-image {
        margin-bottom: 16px
    }
    .b-newsticker-panel .title {
        overflow: hidden;
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        clip: rect(0 0 0 0)
    }
    .b-newsticker-panel .text {
        line-height: 1.375rem
    }
    .b-newsticker-panel .close-content:before {
        font-size: 1.625rem;
        line-height: 1.625rem
    }
    .b-newsticker-panel.m-open:after {
        position: absolute;
        top: -4px;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        margin: 0 0 0 -13px;
        border-width: 12px 13px 0 13px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        content: ""
    }
}

@media print,
screen and (min-width:40em) {
    .b-newsticker-panel .inner-panel {
        padding: 24px 24px 0
    }
    .b-newsticker-panel .inner-panel .b-playerbox,
    .b-newsticker-panel .inner-panel .preview-image {
        margin-top: 16px
    }
    .b-newsticker-panel .close-content:before {
        font-size: 1.75rem;
        line-height: 1.75rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-newsticker-panel .link:focus,
    .b-newsticker-panel .link:hover {
        border-bottom: 1px solid #fff;
        color: #fff
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-panel {
    color: rgba(255, 255, 255, .87)
}

.m-text-dark .b-newsticker-panel {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .m-text-dark .b-newsticker-panel {
    color: rgba(255, 255, 255, .87)
}

.b-newsticker-panel .m-keyboardfocus {
    outline-color: #fa7d19
}

.b-newsticker-panel .inner-panel {
    overflow: hidden
}

.b-newsticker-panel .inner-panel:not(.m-keyboardfocus) {
    outline: 0
}

.b-newsticker-panel .content {
    margin: 0;
    color: rgba(255, 255, 255, .87)
}

.m-text-dark .b-newsticker-panel .content {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .m-text-dark .b-newsticker-panel .content {
    color: rgba(255, 255, 255, .87)
}

.b-newsticker-panel .title {
    display: block;
    margin-bottom: 16px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    color: rgba(255, 255, 255, .87)
}

.m-text-dark .b-newsticker-panel .title {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .m-text-dark .b-newsticker-panel .title {
    color: rgba(255, 255, 255, .87)
}

.b-newsticker-panel .text {
    display: block
}

.b-newsticker-panel .link {
    display: inline-block;
    margin-top: 16px;
    border-bottom: 1px solid transparent;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    color: rgba(255, 255, 255, .87)
}

.m-text-dark .b-newsticker-panel .link {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .m-text-dark .b-newsticker-panel .link {
    color: rgba(255, 255, 255, .87)
}

.b-newsticker-panel .link .title-icon {
    float: left;
    display: inline-block;
    margin-right: 4px;
    color: #9e9fa2
}

.m-text-dark .b-newsticker-panel .link .title-icon {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .m-text-dark .b-newsticker-panel .link .title-icon {
    color: #9e9fa2
}

.b-newsticker-panel .link .title-icon:before {
    font-size: 1.125rem
}

.b-newsticker-panel .close-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    margin: 0 0 0 auto;
    padding: 16px;
    color: #9e9fa2;
    background: 0 0;
    -webkit-transition: color .4s;
    transition: color .4s
}

.b-newsticker-panel .close-content:focus:not(.m-keyboardfocus),
.b-newsticker-panel .close-content:hover {
    outline: 0;
    color: #fff
}

.b-newsticker-panel .close-content.m-keyboardfocus {
    outline-offset: -2px
}

.m-text-dark .b-newsticker-panel .close-content {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .m-text-dark .b-newsticker-panel .close-content {
    color: #9e9fa2
}

.b-newsticker-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #e8e8e8
}

@media print,
screen and (max-width:39.99875em) {
    .b-newsticker-slider .big-headline {
        padding-right: 112px
    }
}

@media print,
screen and (min-width:40em) {
    .b-newsticker-slider .news-arrow {
        width: 50px
    }
    .b-newsticker-slider .newsticker-scroller-wrapper {
        background-color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-slider .newsticker-scroller-wrapper {
        background-color: #1f232a
    }
    .b-newsticker-slider .newsticker-scroller {
        padding: 0 49px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-slider {
    background-color: #0d1118
}

.b-newsticker-slider .newsticker-scroller-wrapper {
    position: relative;
    z-index: 5
}

.b-newsticker-slider .newsticker-scroller {
    overflow: visible;
    position: relative;
    z-index: 5
}

.b-newsticker-slider .newsticker-scroller .js-scroller-viewport {
    overflow: visible!important
}

.b-newsticker-slider .newsticker-scroller .news-arrow {
    position: absolute;
    top: 0;
    z-index: 10;
    display: block;
    height: 100%;
    outline: 0;
    margin: 0;
    font-size: 1.75rem;
    color: #96999c;
    background-color: #fff;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-slider .newsticker-scroller .news-arrow {
    background-color: #1f232a;
    color: #9e9fa2
}

.b-newsticker-slider .newsticker-scroller .news-arrow:not(.m-keyboardfocus) {
    outline: 0
}

.b-newsticker-slider .newsticker-scroller .news-arrow.x-prev {
    left: 0;
    border-right: 2px solid #e8e8e8
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-slider .newsticker-scroller .news-arrow.x-prev {
    border-color: #0d1118
}

.b-newsticker-slider .newsticker-scroller .news-arrow.x-next {
    right: 0;
    border-left: 2px solid #e8e8e8
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-slider .newsticker-scroller .news-arrow.x-next {
    border-color: #0d1118
}

.b-newsticker-slider .newsticker-scroller .news-arrow:hover:not([disabled]) {
    color: #5c6166
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-slider .newsticker-scroller .news-arrow:hover:not([disabled]) {
    color: #9e9fa2
}

.b-newsticker-slider .newsticker-scroller .news-arrow[disabled] {
    cursor: not-allowed
}

.b-newsticker-slider .newsticker-scroller .news-arrow.m-disabled:before {
    opacity: .5
}

.newsticker-slider-panel-wrapper {
    position: relative
}

.newsticker-slider-panel {
    display: none;
    -webkit-animation-name: tabsfadeout;
    animation-name: tabsfadeout;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    outline: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .newsticker-slider-panel {
    background-color: transparent
}

.m-fx>.newsticker-slider-panel.m-closing,
.m-fx>.newsticker-slider-panel.m-open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block
}

.newsticker-slider-panel.m-open {
    display: block;
    -webkit-animation-name: tabsfadein;
    animation-name: tabsfadein
}

.b-newsticker-slider .newsticker-slider-panel-wrapper {
    z-index: 4;
    display: block;
    width: 100%;
    background-color: #1f232a;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media print,
screen and (min-width:64em) {
    .b-offcanvas {
        content:'{"switchedOff":true}'!important
    }
    .b-offcanvas::before {
        content:'{"switchedOff":true}'!important;
        font-family:'{"switchedOff":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (min-width:64em) {
    body>.top-bar-section {
        display: none
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-offcanvas-wrap {
        height: 100%;
        -webkit-transition: -webkit-transform .4s linear;
        transition: -webkit-transform .4s linear;
        transition: transform .4s linear;
        transition: transform .4s linear, -webkit-transform .4s linear
    }
    .m-js-offcanvas-within .b-offcanvas-wrap {
        -webkit-transform: translateX(250px);
        transform: translateX(250px)
    }
    .m-offcanvas-viewport {
        overflow: auto;
        overflow-x: hidden;
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-overflow-scrolling: touch
    }
    .js-offcanvas-panel {
        outline: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 9998;
        visibility: hidden;
        width: 260px;
        padding-top: 6px;
        background-color: #0d1118;
        -webkit-transition: visibility .4s, -webkit-transform .4s linear;
        transition: visibility .4s, -webkit-transform .4s linear;
        transition: visibility .4s, transform .4s linear;
        transition: visibility .4s, transform .4s linear, -webkit-transform .4s linear;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px)
    }
    .js-offcanvas-panel.m-open {
        visibility: inherit;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .js-offcanvas-panel .menu-item {
        margin-bottom: 4px;
        position: relative;
        overflow: hidden
    }
    .js-offcanvas-panel .menu-item .header-avatar {
        margin-right: 9px
    }
    .js-offcanvas-panel .menu-item:focus .link,
    .js-offcanvas-panel .menu-item:hover .link {
        color: rgba(255, 255, 255, .87);
        background-color: rgba(37, 41, 46, .8)
    }
    .js-offcanvas-panel .menu-item:focus .link:not(.x-myzdf) span[class*=icon-]:before,
    .js-offcanvas-panel .menu-item:hover .link:not(.x-myzdf) span[class*=icon-]:before {
        -webkit-transform: translateX(-5px) scale(1.2);
        transform: translateX(-5px) scale(1.2)
    }
    .js-offcanvas-panel .menu-item .link {
        position: relative;
        display: block;
        width: 100%;
        border: none;
        padding: 0 32px;
        font-size: 1rem;
        font-weight: 300;
        line-height: 40px;
        text-align: left;
        color: rgba(255, 255, 255, .87);
        background-color: transparent;
        -webkit-transition: color .4s ease-in-out, background-color .4s ease-in-out;
        transition: color .4s ease-in-out, background-color .4s ease-in-out
    }
    .js-offcanvas-panel .menu-item .link span[class*=icon-]:before {
        position: absolute;
        top: 0;
        left: 30px;
        z-index: 2;
        display: block;
        font-family: zdf-iconfont;
        font-size: 1.25rem;
        -webkit-transition: -webkit-transform .4s ease-in-out 0s;
        transition: -webkit-transform .4s ease-in-out 0s;
        transition: transform .4s ease-in-out 0s;
        transition: transform .4s ease-in-out 0s, -webkit-transform .4s ease-in-out 0s
    }
    .js-offcanvas-panel .menu-item .link.x-myzdf span[class*=icon-]:before {
        left: 0
    }
    .js-offcanvas-panel .menu-item .link.m-active {
        color: rgba(255, 255, 255, .87);
        background-color: rgba(37, 41, 46, .8)
    }
    .js-offcanvas-panel .menu-item .link.m-active span[class*=icon-]:before {
        color: #fa7d19
    }
    .js-offcanvas-panel .menu-item .link:active {
        color: rgba(255, 255, 255, .87);
        background-color: rgba(37, 41, 46, .8)
    }
    .js-offcanvas-panel .menu-item .link:active span[class*=icon-]:before {
        -webkit-transform: translateX(-5px) scale(1.2);
        transform: translateX(-5px) scale(1.2)
    }
    .js-offcanvas-panel .menu-item .link:focus:not(.m-keyboardfocus) {
        outline: 0
    }
    .js-offcanvas-panel .menu-item .link.has-icon {
        padding-left: 64px
    }
    .js-offcanvas-panel .menu-item .link.b-switch {
        padding: 0
    }
    .js-offcanvas-panel .menu-item .link.b-switch .inner.has-icon {
        line-height: 2.5rem;
        height: 2.5rem
    }
    .js-offcanvas-panel .menu-item .link.b-switch .inner.has-icon .switch-input {
        width: 100%;
        height: 100%;
        margin: 0
    }
    .js-offcanvas-panel .menu-item .link.b-switch .inner.has-icon [class*=icon-] {
        font-size: 1.25rem;
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
        padding: 0 1.9375rem
    }
    .js-offcanvas-panel .menu-item .link.b-switch .inner.has-icon .icon-926_moon {
        background-color: transparent;
        border-radius: 0;
        top: .3125rem
    }
    .js-offcanvas-panel .menu-item .link.b-switch .inner.has-icon .icon-926_moon:before {
        top: -.3125rem;
        left: 2rem;
        z-index: 2;
        -webkit-transition: -webkit-transform .4s ease-in-out 0s;
        transition: -webkit-transform .4s ease-in-out 0s;
        transition: transform .4s ease-in-out 0s;
        transition: transform .4s ease-in-out 0s, -webkit-transform .4s ease-in-out 0s
    }
    .js-offcanvas-panel .menu-item .link.b-switch~.link-text {
        font-size: 1rem;
        font-weight: 300;
        line-height: 40px;
        pointer-events: none;
        top: 0
    }
    .js-offcanvas-panel .menu-item .link .link-text {
        font-size: 1rem;
        font-weight: 300;
        line-height: 40px
    }
    .js-offcanvas-panel .menu-item.m-dropdown .sub-arrow:before {
        position: absolute;
        top: 0;
        right: 30px;
        left: inherit!important;
        -webkit-transform: none!important;
        transform: none!important
    }
    .js-offcanvas-panel .menu-item.m-dropdown:hover .sub-arrow:before {
        color: #fa7d19;
        -webkit-transform: none;
        transform: none
    }
    .js-offcanvas-panel .menu-item .dropdown .grid-container {
        padding: 0
    }
    .js-offcanvas-panel .menu-item .dropdown:not(.x-myzdf) {
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        visibility: hidden;
        width: 260px;
        background: #0d1118;
        -webkit-transition: visibility .4s, -webkit-transform .4s ease;
        transition: visibility .4s, -webkit-transform .4s ease;
        transition: visibility .4s, transform .4s ease;
        transition: visibility .4s, transform .4s ease, -webkit-transform .4s ease;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px)
    }
    .js-offcanvas-panel .menu-item .dropdown:not(.x-myzdf).m-open {
        visibility: inherit;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-offcanvas-panel .menu-item .dropdown:not(.x-myzdf) {
        background-color: #0d1118
    }
    .js-offcanvas-panel .menu-item .dropdown.x-myzdf .dropdown-item:focus,
    .js-offcanvas-panel .menu-item .dropdown.x-myzdf .dropdown-item:hover {
        background-color: transparent
    }
    .js-offcanvas-panel .menu-item .dropdown.x-myzdf .dropdown-link {
        padding: 8px 16px 8px 64px;
        line-height: 1.5rem
    }
    .js-offcanvas-panel .menu-item .dropdown.x-myzdf .dropdown-link .nickname:before {
        display: block;
        content: ""
    }
    .js-offcanvas-panel .menu-item .dropdown.x-myzdf .login-btn {
        padding: 5px 32px 0 64px;
        font-size: 1rem;
        font-weight: 700;
        text-align: left;
        color: #fff;
        max-width: 100%
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-offcanvas-panel .menu-item .dropdown.x-myzdf .login-btn {
        color: rgba(255, 255, 255, .87)
    }
    .js-offcanvas-panel .menu-item .dropdown .nav-back {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        border: none;
        padding: 0 32px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 50px;
        text-align: left;
        color: #fff;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-offcanvas-panel .menu-item .dropdown .nav-back {
        color: rgba(255, 255, 255, .87)
    }
    .js-offcanvas-panel .menu-item .dropdown .nav-back:focus,
    .js-offcanvas-panel .menu-item .dropdown .nav-back:hover {
        color: #fa7d19;
        background-color: rgba(37, 41, 46, .8)
    }
    .js-offcanvas-panel .menu-item .dropdown .nav-back:focus:not(.m-keyboardfocus) {
        outline: 0
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-list {
        padding-bottom: 30px
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item {
        border: none;
        background-color: transparent;
        -webkit-transition: background-color .4s ease-in-out;
        transition: background-color .4s ease-in-out
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item:not(:first-child) {
        margin-top: -4px
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item:focus,
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item:hover {
        background-color: rgba(37, 41, 46, .8)
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item:focus .dropdown-link,
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item:hover .dropdown-link {
        color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-offcanvas-panel .menu-item .dropdown .dropdown-item:focus .dropdown-link,
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-offcanvas-panel .menu-item .dropdown .dropdown-item:hover .dropdown-link {
        color: rgba(255, 255, 255, .87)
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item:focus .dropdown-link .link-text,
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item:hover .dropdown-link .link-text {
        border-bottom: 1px solid #fa7d19
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active {
        background-color: rgba(37, 41, 46, .8)
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active .dropdown-link {
        color: #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active .dropdown-link {
        color: rgba(255, 255, 255, .87)
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active .dropdown-link .link-text {
        border-bottom: 1px solid #fff
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active .dropdown-link .link-text {
        border-bottom: 1px solid rgba(255, 255, 255, .87)
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-link {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 32px;
        font-size: 1rem;
        font-weight: 300;
        line-height: 40px;
        text-align: left;
        color: #fff;
        -webkit-transition: color .4s ease-in-out;
        transition: color .4s ease-in-out
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-offcanvas-panel .menu-item .dropdown .dropdown-link {
        color: rgba(255, 255, 255, .87)
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-link .link-text {
        border-bottom: 1px solid transparent;
        -webkit-transition: border .4s ease-in-out;
        transition: border .4s ease-in-out
    }
    .js-offcanvas-panel .menu-item .dropdown .dropdown-link .link-text [class*=icon-] {
        font-size: 20px;
        vertical-align: bottom
    }
    .js-offcanvas-backdrop {
        opacity: 0;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9990;
        visibility: hidden;
        background: rgba(0, 0, 0, .4);
        -webkit-transition: opacity .4s ease-out, visibility .4s;
        transition: opacity .4s ease-out, visibility .4s
    }
    .m-js-offcanvas-within .js-offcanvas-backdrop {
        opacity: 1;
        visibility: inherit
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-onboarding .onboarding-tooltip {
        left: 0;
        padding: 24px 16px
    }
    .b-onboarding .onboarding-tooltip .more-onboarding {
        float: left
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-onboarding .onboarding-tooltip {
        width: 100%
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-onboarding .onboarding-tooltip {
        left: 0;
        padding: 24px 20% 8px 16px
    }
}

@media print,
screen and (min-width:64em) {
    .b-onboarding .onboarding-tooltip {
        left: 0;
        width: 400px;
        padding: 16px
    }
    .b-onboarding .onboarding-tooltip.m-myzdf {
        right: 40px;
        bottom: -12px;
        left: inherit;
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }
    .b-onboarding .onboarding-tooltip.m-myzdf:before {
        position: absolute;
        top: -10px;
        right: 40px;
        display: block;
        width: 0;
        height: 0;
        border-width: 0 10px 10px 10px;
        border-style: solid;
        border-color: transparent transparent rgba(37, 41, 46, .8) transparent;
        content: ""
    }
    .b-onboarding .onboarding-tooltip.m-center {
        bottom: -12px;
        left: 50%;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
    .b-onboarding .onboarding-tooltip .title {
        font-weight: 700
    }
    .b-onboarding .onboarding-tooltip .more-onboarding {
        float: left
    }
}

.b-onboarding .onboarding-tooltip {
    position: absolute;
    z-index: 999;
    color: #fff;
    background-color: rgba(37, 41, 46, .8)
}

.b-onboarding .onboarding-tooltip:not(.m-open) {
    display: none
}

.b-onboarding .onboarding-tooltip .title {
    margin-bottom: 8px;
    font-weight: 700
}

.b-onboarding .onboarding-tooltip .text {
    margin-bottom: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-passport-pin+.b-group-contentbox,
    .b-passport-pin+.x-row:not(.x-headline) {
        margin-top: 16px
    }
    .b-passport-pin p {
        padding: 0 16px
    }
    .b-passport-pin:not(.overlay-context) .form-wrap {
        padding: 16px 16px 24px
    }
}

@media print,
screen and (min-width:40em) {
    .b-passport-pin+.b-group-contentbox,
    .b-passport-pin+.x-row:not(.x-headline) {
        margin-top: 32px
    }
    .b-passport-pin:not(.overlay-context) .form-wrap {
        padding: 16px 16px 8px
    }
}

@media print,
screen and (min-width:64em) {
    .password-btn {
        margin-left: 208px
    }
}

.b-passport-pin:last-child {
    margin: 0
}

.b-passport-pin .pin-input {
    width: 50%
}

.b-passport-pin.is-processing {
    pointer-events: none
}

.b-passport-pin:not(.overlay-context) .form-wrap {
    position: relative;
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-passport-pin:not(.overlay-context) .form-wrap {
    background-color: #1f232a
}

@media print,
screen and (max-width:63.99875em) {
    .b-photo-matrix {
        content:'{"columns":2}'!important
    }
    .b-photo-matrix::before {
        content:'{"columns":2}'!important;
        font-family:'{"columns":2}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-photo-matrix .photo-matrix-item {
        padding: 0 6px 12px 6px;
        list-style: none
    }
}

@media print,
screen and (min-width:64em) {
    .b-photo-matrix {
        content:'{"columns":3}'!important
    }
    .b-photo-matrix::before {
        content:'{"columns":3}'!important;
        font-family:'{"columns":3}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-photo-matrix .photo-matrix-item {
        padding: 0 6px 12px 6px;
        list-style: none
    }
}

.b-photo-matrix .photo-matrix-link {
    display: block
}

.b-photo-matrix .photo-matrix-link.m-keyboardfocus {
    outline: 2px solid #fa7d19
}

.b-photo-matrix .photo-matrix-img {
    display: block;
    width: 100%;
    height: auto
}

.b-photo-matrix.has-top-space {
    margin-top: 32px
}

@media print,
screen and (min-width:40em) {
    .b-photo-matrix.has-top-space {
        margin-top: 64px
    }
}

.b-pin-form {
    font-size: 1rem
}

@media print,
screen and (max-width:39.99875em) {
    .b-pin-form p {
        padding: 0 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-pin-form .pin-fieldset {
        margin-right: 64px
    }
}

.b-pin-form .pass-title,
.b-pin-form .pin-title {
    display: block;
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.375rem
}

.b-pin-form .password-btn {
    font-size: .875rem;
    font-weight: 700;
    line-height: 2.25rem;
    text-decoration: underline;
    color: #5c6166
}

.disabled {
    pointer-events: none
}

.b-plus-btn-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    margin: 10px -15px;
    padding: 16px;
    white-space: nowrap;
    color: #fff;
    background-color: rgba(37, 41, 46, .8);
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s
}

.b-plus-btn-tooltip.is-flipped-x {
    right: 15px!important;
    left: auto!important
}

.b-plus-btn-tooltip.is-flipped-x:after {
    margin-left: 9px
}

.b-plus-btn-tooltip:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: rgba(37, 41, 46, .8) transparent transparent transparent;
    content: ""
}

.b-plus-btn-tooltip.m-extend-down:after {
    position: absolute;
    top: -8px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: transparent transparent rgba(37, 41, 46, .8) transparent;
    content: ""
}

.b-plus-button {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 24px;
    bottom: 24px;
    z-index: 3
}

.x-tivi-app-3 .b-plus-button {
    display: none
}

.b-plus-button .js-plus-btn {
    z-index: 9
}

@media print,
screen and (max-width:39.99875em) {
    .b-plus-button .plus-child-item.x-mobile-hidden {
        display: none
    }
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .b-plus-button .plus-child-btn.icon-307_like:before,
    .b-plus-button .plus-child-btn.icon-402_share:before,
    .b-plus-button .plus-child-btn.icon-403_mail:before,
    .b-plus-button .plus-child-btn.icon-601_facebook:before,
    .b-plus-button .plus-child-btn.icon-602_twitter:before,
    .b-plus-button .plus-child-btn.icon-603_google:before {
        top: 1px
    }
    .b-plus-button .plus-child-btn.icon-402_share:before {
        left: -1px
    }
}

.b-plus-button.m-small {
    right: 0;
    bottom: 0
}

.b-plus-button.m-small .plus-main-btn .inner-circle:before {
    font-size: 24px
}

.b-plus-button.m-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle,
.b-plus-button.m-small .plus-main-btn[aria-expanded=true] .inner-circle {
    outline: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.b-plus-button.m-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle:before,
.b-plus-button.m-small .plus-main-btn[aria-expanded=true] .inner-circle:before {
    opacity: 1;
    font-size: 1.625rem
}

.b-plus-button.m-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded=false] .inner-circle {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.25);
    transform: scale(.25)
}

.b-plus-button.m-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded=false] .inner-circle:before {
    opacity: 0;
    font-size: 1.625rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.b-plus-button.m-small .plus-main-btn.m-keyboardfocus {
    outline-offset: -9px
}

.b-plus-button.m-small .plus-main-btn.m-keyboardfocus .inner-circle[aria-expanded=false] {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.b-plus-button.m-small .plus-main-btn[aria-expanded=true] .inner-circle {
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.b-plus-button.m-small .plus-main-btn .inner-circle {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.b-plus-button.m-small .plus-main-btn .inner-circle:before {
    font-size: 24px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.b-plus-button.m-small .plus-child-btn:focus:not(.m-keyboardfocus) {
    outline: 0
}

.b-plus-button.m-small .button-group.m-level-1 {
    right: 45px
}

@media print,
screen and (max-width:39.99875em) {
    .b-plus-button.small-small {
        right: 0;
        bottom: 0
    }
    .b-plus-button.small-small .plus-main-btn .inner-circle:before {
        font-size: 24px
    }
    .b-plus-button.small-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle,
    .b-plus-button.small-small .plus-main-btn[aria-expanded=true] .inner-circle {
        outline: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.small-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle:before,
    .b-plus-button.small-small .plus-main-btn[aria-expanded=true] .inner-circle:before {
        opacity: 1;
        font-size: 1.625rem
    }
    .b-plus-button.small-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded=false] .inner-circle {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.25);
        transform: scale(.25)
    }
    .b-plus-button.small-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded=false] .inner-circle:before {
        opacity: 0;
        font-size: 1.625rem;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .b-plus-button.small-small .plus-main-btn.m-keyboardfocus {
        outline-offset: -9px
    }
    .b-plus-button.small-small .plus-main-btn.m-keyboardfocus .inner-circle[aria-expanded=false] {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.small-small .plus-main-btn[aria-expanded=true] .inner-circle {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.small-small .plus-main-btn .inner-circle {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.small-small .plus-main-btn .inner-circle:before {
        font-size: 24px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .b-plus-button.small-small .plus-child-btn:focus:not(.m-keyboardfocus) {
        outline: 0
    }
    .b-plus-button.small-small .button-group.m-level-1 {
        right: 45px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-plus-button.medium-small {
        right: 0;
        bottom: 0
    }
    .b-plus-button.medium-small .plus-main-btn .inner-circle:before {
        font-size: 24px
    }
    .b-plus-button.medium-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle,
    .b-plus-button.medium-small .plus-main-btn[aria-expanded=true] .inner-circle {
        outline: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.medium-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle:before,
    .b-plus-button.medium-small .plus-main-btn[aria-expanded=true] .inner-circle:before {
        opacity: 1;
        font-size: 1.625rem
    }
    .b-plus-button.medium-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded=false] .inner-circle {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.25);
        transform: scale(.25)
    }
    .b-plus-button.medium-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded=false] .inner-circle:before {
        opacity: 0;
        font-size: 1.625rem;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .b-plus-button.medium-small .plus-main-btn.m-keyboardfocus {
        outline-offset: -9px
    }
    .b-plus-button.medium-small .plus-main-btn.m-keyboardfocus .inner-circle[aria-expanded=false] {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.medium-small .plus-main-btn[aria-expanded=true] .inner-circle {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.medium-small .plus-main-btn .inner-circle {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.medium-small .plus-main-btn .inner-circle:before {
        font-size: 24px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .b-plus-button.medium-small .plus-child-btn:focus:not(.m-keyboardfocus) {
        outline: 0
    }
    .b-plus-button.medium-small .button-group.m-level-1 {
        right: 45px
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .b-plus-button.large-small {
        right: 0;
        bottom: 0
    }
    .b-plus-button.large-small .plus-main-btn .inner-circle:before {
        font-size: 24px
    }
    .b-plus-button.large-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle,
    .b-plus-button.large-small .plus-main-btn[aria-expanded=true] .inner-circle {
        outline: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.large-small .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle:before,
    .b-plus-button.large-small .plus-main-btn[aria-expanded=true] .inner-circle:before {
        opacity: 1;
        font-size: 1.625rem
    }
    .b-plus-button.large-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded=false] .inner-circle {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.25);
        transform: scale(.25)
    }
    .b-plus-button.large-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded=false] .inner-circle:before {
        opacity: 0;
        font-size: 1.625rem;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .b-plus-button.large-small .plus-main-btn.m-keyboardfocus {
        outline-offset: -9px
    }
    .b-plus-button.large-small .plus-main-btn.m-keyboardfocus .inner-circle[aria-expanded=false] {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.large-small .plus-main-btn[aria-expanded=true] .inner-circle {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.large-small .plus-main-btn .inner-circle {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .b-plus-button.large-small .plus-main-btn .inner-circle:before {
        font-size: 24px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .b-plus-button.large-small .plus-child-btn:focus:not(.m-keyboardfocus) {
        outline: 0
    }
    .b-plus-button.large-small .button-group.m-level-1 {
        right: 45px
    }
}

.b-plus-button .plus-main-btn.js-plus-btn {
    position: relative;
    z-index: 9;
    margin-top: 9px;
    margin-left: 9px
}

@media print,
screen and (min-width:40em) {
    .b-plus-button .plus-main-btn.js-plus-btn {
        margin-top: 5px;
        margin-left: 5px
    }
}

.b-plus-button .plus-main-btn:focus .inner-circle:before,
.b-plus-button .plus-main-btn:hover .inner-circle:before {
    -webkit-transform: scale(1.2) rotateZ(45deg);
    transform: scale(1.2) rotateZ(45deg)
}

.b-plus-button .plus-main-btn[aria-expanded=true] .inner-circle:before {
    -webkit-transform: scale(1.2) rotateZ(0);
    transform: scale(1.2) rotateZ(0)
}

.b-plus-button .plus-main-btn .inner-circle {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0;
    border: 6px solid transparent;
    border-radius: 50%;
    padding: 0;
    background-color: #fa7d19;
    cursor: pointer
}

@media print,
screen and (min-width:40em) {
    .b-plus-button .plus-main-btn .inner-circle {
        width: 40px;
        height: 40px
    }
}

.b-plus-button .plus-main-btn .inner-circle:before {
    display: inline-block;
    font-size: 18px;
    line-height: 1.25rem;
    color: #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(1) rotateZ(45deg);
    transform: scale(1) rotateZ(45deg)
}

@media print,
screen and (min-width:40em) {
    .b-plus-button .plus-main-btn .inner-circle:before {
        line-height: 1.75rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-plus-button .plus-main-btn .inner-circle:before {
    color: #0d1118
}

@media print,
screen and (max-width:39.99875em) {
    .b-plus-button.small-large {
        right: 24px;
        bottom: 24px;
        z-index: 3
    }
    .b-plus-button.small-large .plus-main-btn:focus .inner-circle:before,
    .b-plus-button.small-large .plus-main-btn:hover .inner-circle:before {
        -webkit-transform: scale(1.2) rotateZ(45deg);
        transform: scale(1.2) rotateZ(45deg)
    }
    .b-plus-button.small-large .plus-main-btn[aria-expanded=true] .inner-circle:before {
        -webkit-transform: scale(1.2) rotateZ(0);
        transform: scale(1.2) rotateZ(0)
    }
    .b-plus-button.small-large .plus-main-btn .inner-circle {
        width: 32px;
        height: 32px;
        display: block;
        margin: 0;
        border: 6px solid transparent;
        border-radius: 50%;
        padding: 0;
        background-color: #fa7d19;
        cursor: pointer
    }
}

@media print,
screen and (max-width:39.99875em) and (min-width:40em) {
    .b-plus-button.small-large .plus-main-btn .inner-circle {
        width: 40px;
        height: 40px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-plus-button.small-large .plus-main-btn .inner-circle:before {
        display: inline-block;
        font-size: 18px;
        line-height: 1.25rem;
        color: #fff;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        -webkit-transform: scale(1) rotateZ(45deg);
        transform: scale(1) rotateZ(45deg)
    }
}

@media print,
screen and (max-width:39.99875em) and (min-width:40em) {
    .b-plus-button.small-large .plus-main-btn .inner-circle:before {
        line-height: 1.75rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-plus-button.small-large .plus-main-btn .inner-circle:before {
        color: #0d1118
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-plus-button.medium-large {
        right: 24px;
        bottom: 24px;
        z-index: 3
    }
    .b-plus-button.medium-large .plus-main-btn:focus .inner-circle:before,
    .b-plus-button.medium-large .plus-main-btn:hover .inner-circle:before {
        -webkit-transform: scale(1.2) rotateZ(45deg);
        transform: scale(1.2) rotateZ(45deg)
    }
    .b-plus-button.medium-large .plus-main-btn[aria-expanded=true] .inner-circle:before {
        -webkit-transform: scale(1.2) rotateZ(0);
        transform: scale(1.2) rotateZ(0)
    }
    .b-plus-button.medium-large .plus-main-btn .inner-circle {
        width: 32px;
        height: 32px;
        display: block;
        margin: 0;
        border: 6px solid transparent;
        border-radius: 50%;
        padding: 0;
        background-color: #fa7d19;
        cursor: pointer
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) and (min-width:40em) {
    .b-plus-button.medium-large .plus-main-btn .inner-circle {
        width: 40px;
        height: 40px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-plus-button.medium-large .plus-main-btn .inner-circle:before {
        display: inline-block;
        font-size: 18px;
        line-height: 1.25rem;
        color: #fff;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        -webkit-transform: scale(1) rotateZ(45deg);
        transform: scale(1) rotateZ(45deg)
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) and (min-width:40em) {
    .b-plus-button.medium-large .plus-main-btn .inner-circle:before {
        line-height: 1.75rem
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-plus-button.medium-large .plus-main-btn .inner-circle:before {
        color: #0d1118
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .b-plus-button.large-large {
        right: 24px;
        bottom: 24px;
        z-index: 3
    }
    .b-plus-button.large-large .plus-main-btn:focus .inner-circle:before,
    .b-plus-button.large-large .plus-main-btn:hover .inner-circle:before {
        -webkit-transform: scale(1.2) rotateZ(45deg);
        transform: scale(1.2) rotateZ(45deg)
    }
    .b-plus-button.large-large .plus-main-btn[aria-expanded=true] .inner-circle:before {
        -webkit-transform: scale(1.2) rotateZ(0);
        transform: scale(1.2) rotateZ(0)
    }
    .b-plus-button.large-large .plus-main-btn .inner-circle {
        width: 32px;
        height: 32px;
        display: block;
        margin: 0;
        border: 6px solid transparent;
        border-radius: 50%;
        padding: 0;
        background-color: #fa7d19;
        cursor: pointer
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) and (min-width:40em) {
    .b-plus-button.large-large .plus-main-btn .inner-circle {
        width: 40px;
        height: 40px
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    .b-plus-button.large-large .plus-main-btn .inner-circle:before {
        display: inline-block;
        font-size: 18px;
        line-height: 1.25rem;
        color: #fff;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        -webkit-transform: scale(1) rotateZ(45deg);
        transform: scale(1) rotateZ(45deg)
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) and (min-width:40em) {
    .b-plus-button.large-large .plus-main-btn .inner-circle:before {
        line-height: 1.75rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:74.99875em) {
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-plus-button.large-large .plus-main-btn .inner-circle:before {
        color: #0d1118
    }
}

.b-plus-button .button-group {
    opacity: 0;
    position: absolute;
    z-index: 1;
    visibility: hidden;
    outline: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.b-plus-button .button-group.m-open {
    opacity: 1;
    visibility: inherit
}

.b-plus-button .button-group.m-level-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    top: 5px;
    right: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-plus-button .button-group.m-level-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-plus-button .plus-child-item {
    position: relative;
    margin-right: -40px
}

.b-plus-button .button-group.m-level-2 .plus-child-item {
    margin-right: auto;
    margin-bottom: -40px
}

.b-plus-button .button-group.m-open>.plus-child-item {
    margin: 0
}

.b-plus-button .plus-child-item:nth-child(1) {
    z-index: 8;
    -webkit-transition: margin-right .3s ease-in-out, margin-top .3s ease-in-out, margin-bottom .3s ease-in-out;
    transition: margin-right .3s ease-in-out, margin-top .3s ease-in-out, margin-bottom .3s ease-in-out
}

.b-plus-button .plus-child-item:nth-child(2) {
    z-index: 7;
    -webkit-transition: margin-right .4s ease-in-out, margin-top .4s ease-in-out, margin-bottom .4s ease-in-out;
    transition: margin-right .4s ease-in-out, margin-top .4s ease-in-out, margin-bottom .4s ease-in-out
}

.b-plus-button .plus-child-item:nth-child(3) {
    z-index: 6;
    -webkit-transition: margin-right .5s ease-in-out, margin-top .5s ease-in-out, margin-bottom .5s ease-in-out;
    transition: margin-right .5s ease-in-out, margin-top .5s ease-in-out, margin-bottom .5s ease-in-out
}

.b-plus-button .plus-child-item:nth-child(4) {
    z-index: 5;
    -webkit-transition: margin-right .6s ease-in-out, margin-top .6s ease-in-out, margin-bottom .6s ease-in-out;
    transition: margin-right .6s ease-in-out, margin-top .6s ease-in-out, margin-bottom .6s ease-in-out
}

.b-plus-button .plus-child-item:nth-child(5) {
    z-index: 4;
    -webkit-transition: margin-right .7s ease-in-out, margin-top .7s ease-in-out, margin-bottom .7s ease-in-out;
    transition: margin-right .7s ease-in-out, margin-top .7s ease-in-out, margin-bottom .7s ease-in-out
}

.b-plus-button .plus-child-btn {
    width: 30px;
    height: 30px;
    position: relative;
    display: block;
    margin: 5px;
    -webkit-box-shadow: 0 0 3px 1px rgba(36, 40, 46, .13);
    box-shadow: 0 0 3px 1px rgba(36, 40, 46, .13);
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    color: #fa7d19;
    background-color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-plus-button .plus-child-btn {
    color: #0d1118
}

.b-plus-button .plus-child-btn:hover:not(.in-app) {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-plus-button .plus-child-btn:hover:not(.in-app) {
    color: #0d1118
}

.b-plus-button .plus-child-btn:focus {
    -webkit-transition: none;
    transition: none
}

.b-plus-button .plus-child-btn.m-checked,
.b-plus-button .plus-child-btn[aria-expanded=true] {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background-color: #fa7d19
}

.b-plus-button .plus-child-btn.m-checked:hover:not(.in-app),
.b-plus-button .plus-child-btn[aria-expanded=true]:hover:not(.in-app) {
    background-color: #fa7d19
}

.b-plus-button .plus-child-btn:visited {
    border-bottom: none;
    color: #fa7d19
}

.b-plus-button .plus-child-btn:visited:hover {
    color: #fff
}

.b-plus-button .plus-child-btn span[class*=icon-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.b-plus-button .plus-child-btn:before {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 18px;
    line-height: 28px
}

.b-plus-button .plus-child-btn:focus:not(.m-keyboardfocus),
.b-plus-button .plus-main-btn:focus:not(.m-keyboardfocus) {
    outline: 0;
    border-bottom: none
}

@media print,
screen and (min-width:40em) {
    .b-plus-button.m-extend-down-gte-tablet {
        content:'{"extendDirection": "down"}'!important
    }
    .b-plus-button.m-extend-down-gte-tablet::before {
        content:'{"extendDirection": "down"}'!important;
        font-family:'{"extendDirection": "down"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-plus-button.m-extend-down-gte-tablet .button-group.m-level-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        bottom: auto
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-plus-button.m-extend-down-mobile {
        content:'{"extendDirection": "down"}'!important
    }
    .b-plus-button.m-extend-down-mobile::before {
        content:'{"extendDirection": "down"}'!important;
        font-family:'{"extendDirection": "down"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-plus-button.m-extend-down-mobile .button-group.m-level-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        bottom: auto
    }
}

.b-plus-button.m-extend-down {
    content:'{"extendDirection": "down"}'!important
}

.b-plus-button.m-extend-down::before {
    content:'{"extendDirection": "down"}'!important;
    font-family:'{"extendDirection": "down"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-plus-button.m-extend-down .button-group.m-level-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: auto
}

@media print,
screen and (max-width:39.99875em) {
    .b-post-author {
        padding: 0 16px;
        font-size: 1.125rem
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-post-author {
        margin-bottom: 16px
    }
    .b-post-author .postdate {
        margin-top: 8px
    }
}

@media print,
screen and (min-width:64em) {
    .b-post-author {
        margin-bottom: 32px
    }
    .b-post-header .b-post-author {
        float: left
    }
}

.b-post-author .author-wrap {
    position: relative;
    display: inline-block
}

.b-post-author .author-wrap.x-image {
    min-height: 48px;
    padding-left: 58px
}

.b-post-author .valign {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.b-post-author .author-img {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border-radius: 50%
}

.b-post-content {
    position: relative
}

@media print,
screen and (max-width:39.99875em) {
    .b-post-content.x-kids .profile-switch-btn {
        width: 75px;
        height: 88px
    }
    .b-post-content.x-kids .avatar {
        width: 80px;
        height: 80px;
        margin: 40px 0 16px 16px
    }
    .b-post-content.x-kids .big-headline {
        margin-top: 48px
    }
    .b-post-content.x-kids .login-btn,
    .b-post-content.x-kids .reg-btn {
        margin-left: 16px
    }
    .b-post-content:first-child {
        margin-top: 16px
    }
    .b-post-content:last-child p:last-child {
        margin-bottom: 0
    }
    .b-post-content>:first-child {
        margin-top: 32px
    }
    .b-post-content>:first-child .content-image:first-child {
        margin-top: 0
    }
    .b-post-content .brand-information-container:not(:empty) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 24px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b-post-content .big-headline {
        margin-top: 12px
    }
    .b-post-content .b-group-contentbox .big-headline {
        margin-top: 32px
    }
    .b-post-content .teaser.teaser-wrap .b-content-teaser-item {
        margin-bottom: 16px
    }
    .b-post-content .b-content-teaser-item.blockquote {
        padding: 0 16px
    }
    .b-post-content .content-image {
        margin: 0 0 24px
    }
    .b-post-content .content-image.x-left,
    .b-post-content .content-image.x-right {
        margin: 0 0 24px
    }
    .b-post-content .content-image.x-left .m-flex-m,
    .b-post-content .content-image.x-right .m-flex-m {
        visibility: visible
    }
    .b-post-content .content-image.x-center:not(:first-child) {
        margin: -16px 0 24px
    }
    .b-post-content .content-image.x-center .m-flex-m {
        visibility: visible
    }
    .b-post-content .content-image,
    .b-post-content .ordered-list,
    .b-post-content .unordered-list,
    .b-post-content p:not([class]) {
        padding: 0 16px
    }
    .b-post-content .content-image.x-behind p {
        padding: 0
    }
    .b-post-content .b-content-module .big-headline,
    .b-post-content .b-content-module.x-notitle,
    .b-post-content .b-content-teaser-list .big-headline,
    .b-post-content .b-content-teaser-list.x-notitle,
    .b-post-content .b-group-persons .big-headline,
    .b-post-content .b-group-persons.x-notitle,
    .b-post-content .b-thirdparty .big-headline,
    .b-post-content .b-thirdparty.x-notitle {
        margin-top: 0
    }
    .b-post-content .text-link {
        font-size: 1rem
    }
    .b-post-content .error-item {
        padding: 0
    }
    .b-post-content .paragraph-quote.x-right p {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .b-post-content .paragraph-quote .teaser-wrap {
        width: calc(100% + .625rem);
        margin-left: -.3125rem
    }
    .b-post-content .paragraph-quote .b-content-teaser-item {
        margin-bottom: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-post-content.x-kids .profile-switch-btn {
        width: 100px;
        height: 118px
    }
    .b-post-content.x-kids .avatar {
        width: 120px;
        height: 120px;
        margin: 40px 20px 16px 0
    }
    .b-post-content>:first-child {
        margin-top: 32px
    }
    .b-post-content>:first-child .content-image:first-child {
        margin-top: 0
    }
    .b-post-content>:last-child p:last-child {
        margin-bottom: 0
    }
    .b-post-content .brand-information-container:not(:empty) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 32px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b-post-content .teaser-wrap .b-content-teaser-item {
        padding: 5px 0 24px
    }
    .b-post-content .content-image {
        margin: -8px 0 24px
    }
    .b-post-content .content-image.x-left {
        float: left;
        width: 320px;
        margin: 5px 16px 32px 0
    }
    .b-post-content .content-image.x-left .m-flex-s {
        visibility: visible
    }
    .b-post-content .content-image.x-right {
        float: right;
        width: 320px;
        margin: 5px 0 32px 16px
    }
    .b-post-content .content-image.x-right .m-flex-s {
        visibility: visible
    }
    .b-post-content .content-image.x-center {
        margin: -8px 0 24px
    }
    .b-post-content .content-image.x-center .m-flex-l {
        visibility: visible
    }
    .b-post-content .x-headline p+.content-image {
        margin: 0 0 24px
    }
    .b-post-content .x-headline p+.content-image.x-center {
        margin: 0 0 24px
    }
    .b-post-content .b-content-module .big-headline,
    .b-post-content .b-content-module.x-notitle,
    .b-post-content .b-content-teaser-list .big-headline,
    .b-post-content .b-content-teaser-list.x-notitle,
    .b-post-content .b-group-persons .big-headline,
    .b-post-content .b-group-persons.x-notitle,
    .b-post-content .b-thirdparty .big-headline,
    .b-post-content .b-thirdparty.x-notitle {
        margin-top: 16px
    }
    .b-post-content .paragraph-quote {
        position: relative
    }
}

.b-post-content .teaser-wrap.x-left {
    float: none;
    display: block
}

@media print,
screen and (min-width:40em) {
    .b-post-content .teaser-wrap.x-left {
        float: left;
        width: 50%;
        margin-right: 16px
    }
}

.b-post-content .teaser-wrap.x-right {
    float: none;
    display: block
}

@media print,
screen and (min-width:40em) {
    .b-post-content .teaser-wrap.x-right {
        float: right;
        width: 50%;
        margin-left: 16px
    }
}

@media print,
screen and (min-width:64em) {
    .b-post-content .b-teaser-item:not(.blockquote) .inner {
        height: 372px
    }
}

.b-post-content.x-kids .avatar-btn {
    float: left;
    display: inline-block
}

.b-post-content.x-kids .avatar-btn:focus:not(.m-keyboardfocus) {
    outline: 0
}

.b-post-content.x-kids .profile-switch-btn {
    position: absolute;
    top: 1px;
    right: 6px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.b-post-content.x-kids .avatar {
    float: left;
    display: inline-block
}

.b-post-content.x-kids .big-headline {
    display: inline-block
}

.b-post-content.x-kids .big-headline .block {
    display: block
}

.b-post-content.x-kids .login-btn,
.b-post-content.x-kids .reg-btn,
.b-post-content.x-kids .register-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 24px
}

@media print,
screen and (min-width:40em) {
    .b-post-content.x-kids .login-btn,
    .b-post-content.x-kids .reg-btn,
    .b-post-content.x-kids .register-btn {
        margin-bottom: 32px
    }
}

.b-post-content.x-kids .register-btn+.button {
    position: relative;
    right: 0;
    float: right
}

.b-post-content.x-kids [data-module=registration-link] {
    position: relative
}

.b-post-content .b-group-contentbox:last-child .accordion {
    margin-bottom: 0
}

.b-post-content .x-headline {
    position: relative
}

.b-post-content .x-headline .medium-headline {
    margin-top: 0
}

.b-post-content .brand-information-container {
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .b-post-content .brand-information-container .b-brand-information {
        margin-top: -8px
    }
}

.b-post-content .b-content-teaser-item.blockquote .inner {
    background-color: transparent
}

.b-post-content .b-content-teaser-item.blockquote .inner .box {
    padding-top: 0
}

.b-post-content .content-image {
    position: relative
}

.b-post-content .content-image img {
    width: 100%
}

.b-post-content .content-image figcaption {
    padding: 16px;
    font-size: 1rem;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content .content-image figcaption {
    background-color: #1f232a
}

.b-post-content .content-image figcaption small {
    display: block
}

.b-post-content .content-image .show-overlay {
    opacity: .5;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: 5px;
    padding: 0;
    line-height: 2.125rem;
    text-align: center;
    color: #fff;
    background: #25292e;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-post-content .content-image .show-overlay:focus:not(.m-keyboardfocus),
.b-post-content .content-image .show-overlay:hover {
    opacity: .8
}

.b-post-content .content-image .show-overlay:before {
    line-height: 30px
}

@media print,
screen and (max-width:39.99875em) {
    .b-post-content .content-image .show-overlay {
        right: 16px
    }
}

.b-post-content .unordered-list {
    margin: 0 0 20px 20px;
    list-style-type: disc;
    line-height: 1.75rem;
    list-style-position: inside
}

.b-post-content .unordered-list.accordion {
    margin: 0 0 20px
}

.b-post-content .ordered-list {
    margin: 0 0 20px 25px;
    list-style-type: decimal;
    line-height: 1.75rem;
    list-style-position: inside
}

.b-post-content p {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.b-post-content li {
    line-height: 1.625rem
}

.b-post-content .b-content-teaser-item:not(.b-blockquote-teaser) .box .artdirect {
    display: none
}

.b-post-content .b-content-module,
.b-post-content .b-content-teaser-list,
.b-post-content .b-group-persons,
.b-post-content .b-thirdparty {
    margin-bottom: 16px
}

.b-post-content .b-content-teaser-item.b-blockquote-teaser {
    padding-top: 0
}

.b-post-content.x-news .b-content-module .content-item,
.b-post-content.x-news .b-group-persons .guest-box .guest-description,
.b-post-content.x-news .b-newsticker .newsticker-content {
    background-color: #1f4667
}

.b-post-content .b-group-persons .guest-box .guest-description.m-text-dark a {
    color: #34393f
}

.b-post-content .b-group-persons .guest-box .guest-description.m-text-dark a:focus,
.b-post-content .b-group-persons .guest-box .guest-description.m-text-dark a:hover {
    color: #fa7d19
}

.b-post-content .b-group-persons .guest-box .guest-description.m-text-dark a:visited {
    border-bottom-color: #96999c;
    color: #96999c
}

.b-post-content .b-group-persons .guest-box .guest-description.m-text-dark a:visited:focus,
.b-post-content .b-group-persons .guest-box .guest-description.m-text-dark a:visited:hover {
    border-bottom-color: #fa7d19;
    color: #fa7d19
}

.b-post-content .b-group-persons .guest-box .guest-description a {
    color: #fff
}

.b-post-content .b-group-persons .guest-box .guest-description a:focus,
.b-post-content .b-group-persons .guest-box .guest-description a:hover {
    color: #fa7d19
}

.b-post-content .b-group-persons .guest-box .guest-description a:visited {
    border-bottom-color: #96999c;
    color: #96999c
}

.b-post-content .b-group-persons .guest-box .guest-description a:visited:focus,
.b-post-content .b-group-persons .guest-box .guest-description a:visited:hover {
    border-bottom-color: #fa7d19;
    color: #fa7d19
}

html.x-tivi-app .b-post-content .content-image .show-overlay {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0)
}

@media print,
screen and (max-width:39.99875em) {
    .b-post-footer .news-source {
        padding: 0 16px
    }
    .b-post-footer .back-wrap {
        text-align: center
    }
    .b-post-footer .backhome-btn {
        margin: 24px auto 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-post-footer .back-wrap {
        text-align: right
    }
    .b-post-footer .backhome-btn {
        margin-top: 64px
    }
}

.b-post-footer .backhome-btn {
    display: inline-block
}

.b-post-footer.m-photo {
    margin-top: 16px
}

.b-post-footer .b-post-author {
    margin-top: 24px;
    margin-bottom: 0
}

.b-post-footer .news-source {
    display: block;
    margin-top: 32px
}

.b-post-footer .postdate {
    margin-top: 24px;
    font-size: 1rem;
    line-height: 1rem
}

.b-post-header .teaser-label {
    margin: 24px 16px 8px;
    position: relative;
    top: initial;
    left: initial
}

@media print,
screen and (max-width:39.99875em) {
    .b-post-header .teaser-label {
        bottom: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-post-header .teaser-label {
        margin: 70px 0 8px
    }
}

.b-post-header .news-overline {
    font-size: 1.25rem;
    line-height: 1.375rem;
    display: block
}

@media print,
screen and (max-width:39.99875em) {
    .b-post-header .news-overline {
        margin: 24px 0 10px
    }
}

@media print,
screen and (min-width:40em) {
    .b-post-header .news-overline {
        font-size: 1.625rem;
        line-height: 2.125rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-post-header .news-overline:not(.x-label) {
        margin-top: 64px
    }
}

.b-post-header .big-headline {
    margin-bottom: 16px;
    padding-right: 48px;
    display: block
}

@media print,
screen and (min-width:40em) {
    .b-post-header .big-headline {
        padding-right: 60px
    }
}

@media print,
screen and (min-width:40em) {
    .b-post-header .big-headline.x-foto {
        margin-bottom: 32px
    }
}

.b-post-header .headline-link {
    padding-right: 30px;
    position: relative;
    text-decoration: none;
    color: #34393f
}

@media print,
screen and (min-width:40em) {
    .b-post-header .headline-link {
        padding-right: 40px
    }
}

.b-post-header .headline-link span[class*=icon-] {
    font-size: 32px;
    position: absolute;
    right: 0
}

@media print,
screen and (min-width:40em) {
    .b-post-header .headline-link span[class*=icon-] {
        font-size: 36px;
        line-height: 42px
    }
}

.b-post-header .b-plus-button {
    top: 16px;
    bottom: initial;
    right: 6px
}

@media print,
screen and (min-width:40em) {
    .b-post-header .b-plus-button {
        top: 64px;
        right: 2px
    }
}

@media print,
screen and (min-width:64em) {
    .b-post-header .b-plus-button {
        top: 53px
    }
}

@media print,
screen and (min-width:40em) {
    .b-post-header {
        position: relative
    }
    .b-post-header .anchor-nav-wrap {
        min-height: 1px
    }
    .m-minimal .b-post-header .b-plus-button .b-plus-button {
        bottom: 10px
    }
    .m-minimal .b-post-header .b-plus-button .button-group {
        bottom: -15px
    }
    .m-minimal .b-post-header.m-subtitle .b-plus-button .b-plus-button {
        bottom: 45px
    }
    .m-minimal .b-post-header.m-subtitle .b-plus-button .button-group {
        bottom: 22px
    }
    .b-post-header .x-large-10 {
        position: relative
    }
}

.b-post-header+.b-post-content>.grid-container:first-child {
    margin-top: 0
}

.b-post-header.m-subtitle .big-headline {
    margin-bottom: 0
}

.b-post-header.m-photo .logo-link {
    position: absolute;
    width: calc(100% - 12px)
}

.b-post-header .logo-link {
    display: block;
    margin: 70px 0 16px
}

.b-post-header .logo-link.x-sticky {
    position: fixed;
    top: 125px;
    z-index: 3;
    margin: -32px 0 16px
}

.b-post-header .logo-link.fast-transition {
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.b-post-header .logo-link.mid-transition {
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-post-header .logo-link.slow-transition {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.b-post-header .logo-link.m-hide {
    opacity: 0;
    z-index: 0;
    pointer-events: none
}

.b-post-header .logo {
    display: block;
    width: 100%;
    max-width: 180px
}

.b-post-header .small-headline {
    margin: 8px 0 16px;
    padding-right: 40px
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-videoteaser {
        padding: 0 16px 8px
    }
    .b-promo-videoteaser .videoteaser-image>.artdirect>.m-tablet {
        visibility: visible
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-promo-videoteaser {
        width: 200px;
        height: 112px
    }
    .b-promo-videoteaser .videoteaser-link {
        padding: 20px 0 10px 10px
    }
    .b-promo-videoteaser .videoteaser-image>.artdirect>.m-tablet {
        visibility: visible
    }
}

@media print,
screen and (min-width:40em) {
    .b-promo-videoteaser {
        overflow: hidden;
        position: relative
    }
    .b-promo-videoteaser .videoteaser-link {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
        background-image: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
        background-image: linear-gradient(180deg, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%)
    }
    .b-promo-videoteaser .videoteaser-image {
        width: 100%;
        height: auto;
        background-position: center center;
        background-repeat: no-repeat
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-videoteaser {
        width: 276px;
        height: 155px
    }
    .b-promo-videoteaser .videoteaser-link {
        padding: 30px 0 10px 10px
    }
    .b-promo-videoteaser .videoteaser-image>.artdirect>.m-desktop {
        visibility: visible
    }
}

.b-promo-videoteaser .title-icon:before {
    content: ""
}

.b-promo-videoteaser .videoteaser-image {
    display: block;
    width: 100%;
    cursor: default;
    pointer-events: none
}

.b-promo-videoteaser .videoteaser-image:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.b-promo-videoteaser .videoteaser-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    display: block
}

.b-promo-videoteaser .videoteaser-episode-number {
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-title-link {
        font-size: 1.25rem
    }
    .b-promo-teaser .teaser-image {
        position: relative;
        height: 211px;
        background-position: center center;
        background-size: cover;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .b-promo-teaser .artdirect>.m-mobile {
        visibility: visible
    }
    .b-promo-teaser .box-container {
        width: 100%;
        background-color: #1f232a
    }
    .b-promo-teaser .box-container .box {
        padding: 16px 16px 0 16px
    }
    .b-promo-teaser .teaser-cat,
    .b-promo-teaser .teaser-foot,
    .b-promo-teaser .teaser-title,
    .b-promo-teaser .teaser-title-link {
        color: rgba(255, 255, 255, .87)!important
    }
    .b-promo-teaser .teaser-text {
        margin-bottom: 16px;
        color: rgba(255, 255, 255, .87)!important
    }
    .b-promo-teaser .teaser-label {
        position: relative;
        margin-top: 16px;
        left: 0
    }
    .b-promo-teaser .videoteaser-box {
        margin: 0 0 8px
    }
    .b-promo-teaser .videoteaser-list {
        margin: 0
    }
    .b-promo-teaser .b-plus-button {
        position: relative;
        margin: auto 0 15px auto
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-promo-teaser .box {
        width: 410px;
        padding: 0 0 16px 44px
    }
    .b-promo-teaser .box .box-table-wrap {
        padding-right: 3px
    }
    .b-promo-teaser .teaser-title-link {
        padding: 20px 0 22px 0;
        font-size: 2rem;
        line-height: 2.8125rem
    }
    .b-promo-teaser .teaser-text {
        padding-bottom: 16px;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        font-size: 1rem;
        line-height: 1.5rem
    }
    .b-promo-teaser .videoteaser-box {
        width: 200px;
        height: 112px
    }
    .b-promo-teaser .teaser-image {
        background-position: right center
    }
    .b-promo-teaser .artdirect>.m-tablet {
        visibility: visible
    }
    .b-promo-teaser .b-plus-button {
        bottom: 14px
    }
    .b-promo-teaser .b-plus-button .plus-main-btn .inner-circle {
        width: 32px;
        height: 32px
    }
    .b-promo-teaser .b-plus-button .plus-main-btn .inner-circle:before {
        line-height: 1.25rem
    }
    .b-promo-teaser .b-plus-button .plus-main-btn.js-plus-btn {
        margin-left: 9px;
        margin-top: 9px
    }
    .b-promo-teaser .teaser-cat {
        font-size: 1rem
    }
    .b-promo-teaser .b-plus-button {
        bottom: 14px
    }
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser:hover .scroll-arrow.x-next:not(:disabled) {
        right: 0
    }
    .b-promo-teaser:hover .scroll-arrow.x-prev:not(:disabled) {
        left: 0
    }
    .b-promo-teaser .teaser-container {
        overflow: hidden;
        height: 380px
    }
    .b-promo-teaser .teaser-image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat
    }
    .b-promo-teaser .teaser-label {
        position: absolute;
        bottom: 24px;
        left: 44px
    }
    .b-promo-teaser .videoteaser-box {
        overflow: visible;
        position: absolute;
        right: 24px;
        bottom: 32%;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
        box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
        background-color: #34393f
    }
    .b-promo-teaser .scroll-arrow.x-next {
        right: -48px
    }
    .b-promo-teaser .scroll-arrow.x-prev {
        left: -48px
    }
    .b-promo-teaser .scroll-pagination {
        bottom: -37px
    }
    .b-promo-teaser .scroll-pagination .js-scroller-pagination-btn {
        width: 14px
    }
    .b-promo-teaser .scroll-pagination .js-scroller-pagination-btn:before {
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
        box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
        border-radius: 50%;
        width: 8px;
        height: 8px
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .teaser-image {
        background-position: center center
    }
    .b-promo-teaser .artdirect>.m-desktop {
        visibility: visible
    }
    .b-promo-teaser .box {
        width: 512px;
        padding: 0 0 16px 44px
    }
    .b-promo-teaser .teaser-title-link {
        padding: 8px 0 16px 0;
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:40em) {
    .b-promo-teaser .teaser-title-link {
        font-size: 1.75rem;
        line-height: 2.125rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .b-promo-teaser .teaser-title-link {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .teaser-text {
        padding-bottom: 16px;
        font-weight: 300;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .b-promo-teaser .teaser-text {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .videoteaser-box {
        width: 276px;
        height: 155px
    }
    .b-promo-teaser .b-plus-button {
        bottom: 18px
    }
}

.b-promo-teaser .teaser-container {
    position: relative;
    z-index: 2;
    width: 100%
}

.b-promo-teaser .teaser-container .teaser-image {
    display: block;
    width: 100%;
    cursor: default;
    pointer-events: none
}

.b-promo-teaser .teaser-container .teaser-image:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.b-promo-teaser .teaser-container .teaser-image>.artdirect {
    display: none
}

.b-promo-teaser .teaser-title-row {
    position: relative
}

.b-promo-teaser .box-container {
    position: relative;
    height: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .box-container {
        display: inline-block
    }
}

.b-promo-teaser .box-container .box {
    position: relative;
    z-index: 3;
    height: 100%
}

.b-promo-teaser .box-container .box .box-table-wrap {
    display: table;
    height: 100%
}

.b-promo-teaser .box-container .box .box-table-inner {
    display: table-cell;
    vertical-align: bottom
}

html:not(.x-tivi-app) .b-promo-teaser .box-container {
    background-image: none!important
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser .box-container {
        background-image: none!important
    }
}

.b-promo-teaser .teaser-title {
    color: #fff;
    margin-bottom: 8px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-promo-teaser .teaser-title {
    color: #fff
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .teaser-title {
        margin-bottom: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-title.has-logo {
        position: absolute;
        top: -80px;
        margin-bottom: 9px
    }
}

.b-promo-teaser .teaser-title .logo {
    width: 160px
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser .teaser-title .logo {
        width: 300px
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .teaser-title .logo {
        width: 342px
    }
}

.b-promo-teaser .teaser-title-link {
    color: #fff;
    text-shadow: 0 0 16px rgba(0, 0, 0, .3)
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-title-link {
        font-size: 1.375rem;
        line-height: 1.875rem;
        text-shadow: none
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-promo-teaser .teaser-title-link {
        font-size: 1.75rem;
        line-height: 2.125rem
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-promo-teaser .teaser-title-link {
    color: #fff
}

.b-promo-teaser .teaser-cat {
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-cat {
        font-size: 1rem;
        line-height: 1rem;
        text-shadow: none;
        margin-bottom: 4px;
        height: 18px
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .teaser-cat {
        font-size: 1.125rem
    }
}

.b-promo-teaser .teaser-text {
    color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-text {
        line-height: 1.5rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-label {
        bottom: 16px
    }
}

.b-promo-teaser .teaser-container .content-label {
    position: absolute;
    width: auto;
    right: 24px;
    top: 24px;
    z-index: 2
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-container .content-label {
        right: 16px;
        top: -195px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-container .content-label img {
        height: 43px
    }
}

@media print,
screen and (min-width:40em) {
    .b-promo-teaser .teaser-container .content-label img {
        height: 53px
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .teaser-container .content-label img {
        height: 56px
    }
}

.b-promo-teaser .b-plus-button {
    position: absolute;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    bottom: -34px;
    right: 8px
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .b-plus-button {
        position: relative;
        margin-right: 0;
        margin-left: auto;
        bottom: -50px
    }
}

.b-promo-teaser .teaser-foot {
    position: relative;
    left: 0;
    margin-bottom: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-promo-teaser .teaser-foot {
        top: 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-promo-teaser .teaser-info {
        font-size: .9375rem
    }
}

.b-promo-teaser .scroll-arrow {
    width: 33px;
    height: 40px;
    padding: 12px 11px 11px 12px
}

.b-promo-teaser .scroll-arrow span[class*=icon-] {
    width: 10px;
    font-size: 20px;
    line-height: 40px;
    left: 8px;
    height: 17px;
    opacity: .6
}

.b-ratiobox {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 56.25% 0
}

.b-ratiobox .seamless-percent.m-active {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 6px;
    background-color: rgba(255, 255, 255, .7)
}

.b-ratiobox .seamless-percent.m-active .percent-progress {
    position: absolute;
    bottom: 0;
    height: 6px;
    background-color: #fa7d19
}

.b-ratiobox .ratiobox-item {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.b-removepanel {
    position: absolute;
    display: none;
    bottom: 16px
}

@media print,
screen and (max-width:39.99875em) {
    .b-removepanel {
        right: 20px
    }
    .b-removepanel .remove-box {
        top: -21px;
        width: 222px;
        height: 85px;
        padding: 16px
    }
    .b-removepanel .remove-box:after {
        top: 33px
    }
    .b-removepanel .remove-box .desc {
        display: block;
        margin-bottom: 8px
    }
    .b-removepanel .remove-box .button.tiny {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:40em) {
    .b-removepanel {
        right: 6px
    }
    .b-removepanel .remove-box {
        top: -8px;
        width: 319px;
        height: 60px;
        padding: 16px 24px
    }
    .b-removepanel .remove-box:after {
        top: 20px
    }
    .b-removepanel .remove-box .desc {
        display: inline-block
    }
}

.m-has-teaser .b-removepanel {
    display: block
}

.b-removepanel .remove-inner {
    position: relative
}

.b-removepanel .remove-btn {
    width: 40px;
    height: 40px;
    padding: 8px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #5c6166;
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-removepanel .remove-btn {
    background-color: #1f232a;
    color: #9e9fa2
}

.b-removepanel .remove-btn:focus:not(.m-keyboardfocus),
.b-removepanel .remove-btn:hover {
    outline: 0;
    background-color: #fff;
    -webkit-transition: background-color .4s ease-in-out, color .4s ease-in-out;
    transition: background-color .4s ease-in-out, color .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-removepanel .remove-btn:focus:not(.m-keyboardfocus),
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-removepanel .remove-btn:hover {
    background-color: #1f232a;
    color: #fa7d19
}

.b-removepanel .remove-btn.m-keyboardfocus {
    outline-offset: -2px
}

.b-removepanel .remove-box {
    opacity: 0;
    position: absolute;
    right: 50px;
    z-index: 3;
    visibility: hidden;
    outline: 0;
    color: #fff;
    background-color: #25292e;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.b-removepanel .remove-box.m-open {
    opacity: 1;
    visibility: visible
}

.b-removepanel .remove-box .desc {
    margin-right: 20px;
    font-size: 1rem;
    line-height: 1.375rem
}

.b-removepanel .remove-box .button:not(.m-keyboardfocus) {
    outline: 0
}

.b-removepanel .remove-box .button.m-keyboardfocus {
    outline-color: #fa7d19
}

.b-removepanel .remove-box .no-btn {
    margin-left: 10px
}

.b-removepanel .remove-box:after {
    position: absolute;
    right: -10px;
    width: 0;
    height: 0;
    border-width: 8px 0 8px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #25292e;
    content: ""
}

.js-scrollbox .js-scrollbox-list,
.scroll-box .js-scrollbox-list {
    position: relative;
    z-index: 1;
    padding-top: 0!important;
    padding-bottom: 0!important;
    border-top: 0!important;
    border-bottom: 0!important;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.js-scrollbox .js-scrollbox-list.m-no-scroll,
.scroll-box .js-scrollbox-list.m-no-scroll {
    overflow-x: hidden
}

.js-scrollbox .js-scrollbox-list::-webkit-scrollbar,
.scroll-box .js-scrollbox-list::-webkit-scrollbar {
    display: none
}

.js-scrollbox.scroll-disabled .js-scrollbox-list,
.scroll-box.scroll-disabled .js-scrollbox-list {
    overflow-x: hidden
}

@media print,
screen and (max-width:39.99875em) {
    .jail .b-scrollto-top {
        display: none
    }
    .b-scrollto-top .top-link {
        margin: 32px 20px 14px 0;
        padding: 10px 0 10px 20px
    }
}

@media print,
screen and (min-width:40em) {
    .jail .b-scrollto-top {
        position: absolute;
        right: 12px;
        bottom: 8px;
        margin: 0
    }
    .jail .b-scrollto-top .top-link {
        margin: 0
    }
    .b-scrollto-top .top-link {
        margin: 64px 6px 30px 0;
        padding: 0 0 10px 20px
    }
}

.b-content-teaser-list:first-of-type .b-scrollto-top,
.b-teaser-list:last-child .b-scrollto-top {
    display: none
}

.epg-splitter .b-scrollto-top .top-link {
    margin: 46px 20px 0 0
}

.b-scrollto-top .top-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Uniwidth, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    text-transform: lowercase;
    white-space: nowrap;
    color: #5c6166;
    background-color: transparent;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-scrollto-top .top-link {
    color: #fff
}

.b-scrollto-top .top-link:hover {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-scrollto-top .top-link:hover {
    color: #fa7d19
}

.b-scrollto-top .top-link:hover:after {
    display: block;
    border-bottom-color: #fa7d19;
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-scrollto-top .top-link:focus:after {
    border-bottom-color: #34393f
}

.b-scrollto-top .top-link span[class*=icon-]:before {
    position: absolute;
    left: 1px;
    font-size: 1.25rem
}

.b-scrollto-top .top-link:after {
    position: relative;
    top: -3px;
    display: block;
    border-bottom: 1px solid transparent;
    content: "";
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-teaser-list .b-scrollto-top .top-link {
    margin-top: 0;
    margin-bottom: 0
}

.b-search-bar-input {
    position: relative;
    padding: 24px 0
}

.b-search-bar-input ::-webkit-input-placeholder {
    color: #96999c!important
}

.b-search-bar-input ::-moz-placeholder {
    color: #96999c!important
}

.b-search-bar-input :-ms-input-placeholder {
    color: #96999c!important
}

.b-search-bar-input ::-ms-input-placeholder {
    color: #96999c!important
}

.b-search-bar-input ::placeholder {
    color: #96999c!important
}

.dark-modal .b-search-bar-input ::-webkit-input-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.dark-modal .b-search-bar-input ::-moz-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input ::-moz-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.dark-modal .b-search-bar-input :-ms-input-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input :-ms-input-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.dark-modal .b-search-bar-input ::-ms-input-placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input ::-ms-input-placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.dark-modal .b-search-bar-input ::placeholder,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input ::placeholder {
    color: rgba(255, 255, 255, .63)!important
}

.b-search-bar-input .search-form-input {
    padding-right: 16px
}

.b-search-bar-input .search-clearinput {
    position: relative;
    display: block
}

.b-search-bar-input .search-clearinput.m-keyboardfocus input,
.b-search-bar-input .search-clearinput.m-keyboardfocus:after,
.b-search-bar-input .search-clearinput.m-keyboardfocus:before,
.b-search-bar-input .search-clearinput:focus-within input,
.b-search-bar-input .search-clearinput:focus-within:after,
.b-search-bar-input .search-clearinput:focus-within:before {
    border-color: #fa7d19!important
}

.b-search-bar-input .search-clearinput:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: .625rem;
    border-left: 2px solid #fff
}

.b-search-bar-input .search-clearinput:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: .625rem;
    border-left: 2px solid #fff
}

.b-search-bar-input .search-input {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    padding: 8px 48px 8px 16px;
    color: #fff;
    height: 40px;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.b-search-bar-input .search-input.m-keyboardfocus {
    outline: 2px solid #fa7d19;
    outline-offset: -2px
}

.b-search-bar-input .search-clearbtn {
    position: absolute;
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
    line-height: 2.8125rem;
    vertical-align: top;
    color: #fff;
    background-color: transparent;
    cursor: pointer;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b-search-bar-input .search-clearbtn:disabled {
    opacity: 0;
    cursor: default
}

.b-search-bar-input .search-clearbtn:not(.m-keyboardfocus) {
    outline: 0
}

.b-search-bar-input .search-clearbtn.m-keyboardfocus {
    outline: 2px solid #fa7d19;
    outline-offset: -2px
}

.b-search-bar-input .search-form-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media print,
screen and (max-width:39.99875em) {
    .b-search-bar-input .search-form-submit .search-submit {
        width: 2.5rem;
        height: 2.5rem;
        padding: 0;
        background-color: transparent
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-search-bar-input .search-form-submit .search-submit:before {
        display: none
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-search-bar-input .search-form-submit .search-submit:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: .25rem;
        left: .25rem;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background-color: #fa7d19
    }
}

.b-search-bar-input .search-form-submit .search-submit .icon-206_arrow-right {
    z-index: 2;
    position: absolute;
    font-size: 1.5rem;
    line-height: 1.5rem;
    top: .5rem;
    left: .5625rem
}

@media print,
screen and (min-width:40em) {
    .b-search-bar-input .search-input {
        line-height: 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-search-bar-input .search-input {
        height: 56px;
        font-size: 1.625rem;
        line-height: 40px
    }
}

.b-search-bar {
    position: absolute;
    z-index: 98;
    display: none;
    width: 100%;
    outline: 0;
    background-color: rgba(13, 17, 24, .9)
}

@media print,
screen and (max-width:39.99875em) {
    .b-search-bar {
        padding: 0 10px;
        content:'{"scrollContainerUpdate": "mobile"}'!important;
        height: 96px
    }
    .b-search-bar::before {
        content:'{"scrollContainerUpdate": "mobile"}'!important;
        font-family:'{"scrollContainerUpdate": "mobile"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-search-bar.m-open {
        height: auto
    }
    .b-search-bar .multiple-trigger,
    .b-search-bar .select-wrap {
        max-width: 200px;
        margin-bottom: 32px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-search-bar {
        content:'{"scrollContainerUpdate": "tablet"}'!important
    }
    .b-search-bar::before {
        content:'{"scrollContainerUpdate": "tablet"}'!important;
        font-family:'{"scrollContainerUpdate": "tablet"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-search-bar .multiple-trigger,
    .b-search-bar .select-wrap {
        max-width: 200px;
        margin-bottom: 32px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-search-bar {
        top: 3.125rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-search-bar {
        content:'{"scrollContainerUpdate": "desktop"}'!important;
        overflow: visible;
        top: 5rem;
        -webkit-transition: top .4s;
        transition: top .4s
    }
    .b-search-bar::before {
        content:'{"scrollContainerUpdate": "desktop"}'!important;
        font-family:'{"scrollContainerUpdate": "desktop"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-search-bar .search-filter-grid {
        padding-bottom: 32px
    }
    .b-search-bar .multiple-trigger {
        margin: 0
    }
}

.b-search-bar:not(.m-open) {
    visibility: hidden
}

.b-search-bar.m-open+.typeahead-popover.m-open {
    opacity: 1;
    visibility: visible
}

.b-search-bar .b-selectbox {
    content:'{"appendTo": ".b-search-bar"}'!important
}

.b-search-bar .b-selectbox::before {
    content:'{"appendTo": ".b-search-bar"}'!important;
    font-family:'{"appendTo": ".b-search-bar"}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-search-bar .filter-toggle-wrap {
    outline: 0;
    height: 0
}

.b-search-bar .filter-toggle-wrap:not(.m-open):not(.m-switched-off) {
    overflow: hidden;
    visibility: hidden
}

@media print,
screen and (min-width:64em) {
    .b-search-bar .filter-toggle-wrap {
        content:'{"switchedOff": "true"}'!important
    }
    .b-search-bar .filter-toggle-wrap::before {
        content:'{"switchedOff": "true"}'!important;
        font-family:'{"switchedOff": "true"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.b-search-bar .filter-toggle-btn {
    position: relative;
    padding-right: 24px;
    color: #fff
}

@media print,
screen and (max-width:63.99875em) {
    .b-search-bar .filter-toggle-btn {
        margin-bottom: 32px
    }
}

.b-search-bar .filter-toggle-btn span[class*=icon-]:before {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.375rem;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.b-search-bar .filter-toggle-btn:focus:not(.m-keyboardfocus) {
    outline: 0
}

.b-search-bar .filter-toggle-btn[aria-expanded=true] span[class*=icon-]:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media print,
screen and (min-width:64em) {
    .b-search-bar .search-filter-item {
        width: calc(18.666667% - .75rem)
    }
}

.b-search-bar .search-bar-checkbox-group {
    color: #fff;
    margin-bottom: 32px;
    font-size: 0
}

@media print,
screen and (min-width:64em) {
    .b-search-bar .search-bar-checkbox-group {
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .search-bar-checkbox-group {
    color: rgba(255, 255, 255, .87)
}

.b-search-bar .search-bar-checkbox-group .checkbox-wrap {
    display: inline-block;
    margin: 5px 24px 5px 0
}

.b-search-bar .search-bar-checkbox-group .checkbox-wrap:first-of-type {
    width: 100%;
    margin: 5px 16px 16px 0
}

@media print,
screen and (min-width:64em) {
    .b-search-bar .search-bar-checkbox-group .checkbox-wrap:first-of-type {
        width: auto;
        margin: 5px 24px 5px 16px
    }
}

.b-search-bar .search-bar-checkbox-group .checkbox-wrap .checkbox-label {
    font-size: 1rem
}

@media print,
screen and (min-width:64em) {
    .b-search-bar .search-bar-checkbox-group .checkbox-wrap .checkbox-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b-search-bar .search-bar-checkbox-group .checkbox-wrap .checkbox-input:checked+label .tag {
    background-color: #fff!important;
    color: #25292e!important
}

.b-search-bar .search-bar-checkbox-group .checkbox-wrap .tag {
    height: 1.25rem;
    margin-right: .75rem;
    padding: .1875rem .375rem .125rem;
    background-color: #96999c;
    font-size: .8125rem;
    line-height: .9375rem;
    font-weight: 500;
    letter-spacing: .26px;
    text-align: center;
    color: #25292e;
    display: inline-block
}

.b-search-bar .multiple-trigger {
    position: relative;
    width: 100%;
    padding: 0 33px 0 0;
    background: 0 0;
    border: 2px solid #fff;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .multiple-trigger {
    border-color: #fff
}

.b-search-bar .multiple-trigger:focus,
.b-search-bar .multiple-trigger[aria-expanded=true] {
    border-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .multiple-trigger:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .multiple-trigger[aria-expanded=true] {
    border-color: #fa7d19
}

.b-search-bar .multiple-trigger.m-keyboardfocus {
    border-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .multiple-trigger.m-keyboardfocus {
    border-color: #fff
}

.b-search-bar .multiple-trigger .label {
    width: 100%;
    padding: 0 16px;
    font-family: Uniwidth, sans-serif;
    font-size: 1rem;
    line-height: 1.75rem;
    text-align: left;
    color: #fff;
    background-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .multiple-trigger .label {
    color: #fff
}

.b-search-bar .multiple-trigger .arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    font-size: 1.625rem;
    line-height: 2.125rem;
    text-align: center;
    color: #9e9fa2
}

.b-search-bar .multiple-trigger .calendar {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-align: center;
    color: #9e9fa2
}

.b-search-bar .multiple-trigger.m-active .arrow:before {
    content: ""
}

.b-search-bar .click-catcher {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: none
}

.b-search-bar .filter-btn-wrap {
    display: none;
    margin: 0 0 16px 0;
    text-align: right
}

.b-search-bar .filter-btn-wrap .filter-submit {
    border: none;
    border-radius: 2px;
    padding: 4px 8px;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    background-color: #fa7d19;
    background-size: cover;
    cursor: pointer
}

.b-search-bar .dev-input {
    display: none
}

.b-search-bar .m-keyboardfocus {
    outline-color: #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .selectbox-input {
    color: #fff!important
}

.b-search-bar .checkbox-wrap .checkbox-label:before {
    border-color: #fff
}

.m-search-open .b-search-bar {
    display: block
}

.b-search-list {
    position: relative;
    -webkit-transition: margin-top .4s ease-in-out;
    transition: margin-top .4s ease-in-out
}

@media print,
screen and (max-width:39.99875em) {
    .b-search-list .select-wrap {
        position: relative;
        bottom: 0;
        margin: 16px 0 16px 16px
    }
    .b-search-list .js-loadmore {
        content:'{"restrictSize":4}'!important
    }
    .b-search-list .js-loadmore::before {
        content:'{"restrictSize":4}'!important;
        font-family:'{"restrictSize":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-search-list .js-loadmore .b-content-teaser-item:nth-child(1n+5):not(.m-loadmore-item) {
        display: none
    }
    .b-search-list .search-suggestion {
        margin-bottom: 16px
    }
    .b-search-list .load-more-container {
        margin-top: 16px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-search-list .related-content {
        max-width: 450px
    }
}

@media print,
screen and (min-width:40em) {
    .b-search-list:last-child {
        margin-bottom: -24px
    }
    .b-search-list .search-inner {
        height: 143px
    }
    .b-search-list .search-desc {
        margin-bottom: 8px
    }
    .b-search-list .title {
        margin-bottom: 24px;
        padding-right: 180px
    }
    .b-search-list .search-suggestion {
        margin-bottom: 24px;
        padding-right: 180px
    }
    .b-search-list .select-wrap {
        position: absolute;
        right: .375rem;
        bottom: 24px
    }
    .b-search-list .load-more-container {
        margin-top: 16px
    }
}

.b-search-list .search-desc {
    position: relative
}

.b-search-list .search-desc:after {
    display: table;
    clear: both;
    content: ""
}

.b-search-list .title .search-number {
    font-weight: 700
}

.b-search-list .select-wrap {
    width: 170px
}

.b-search-list .select-wrap .select2-selection:focus {
    outline: 3px dotted #fa7d19
}

.b-search-list .search-suggestion {
    font-size: 1.125rem
}

@media print,
screen and (min-width:40em) {
    .b-search-list .search-suggestion {
        font-size: 1.5rem
    }
}

.b-search-list .search-suggestion .sug-link {
    border-bottom: 1px solid transparent;
    font-weight: 700;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-list .search-suggestion .sug-link {
    color: rgba(255, 255, 255, .87)
}

.b-search-list .search-suggestion .sug-link:focus,
.b-search-list .search-suggestion .sug-link:hover {
    border-bottom: 1px dotted #fa7d19;
    color: #fa7d19
}

.b-search-list .search-suggestion .sug-link:visited {
    border-bottom: 1px solid #96999c;
    color: #96999c
}

.b-search-list .search-suggestion .sug-link:visited:focus,
.b-search-list .search-suggestion .sug-link:visited:hover {
    border-bottom: 1px dotted #fa7d19;
    color: #fa7d19
}

.b-search-list .related-content {
    margin: 0 0 16px
}

.b-search-list .box.m-tags {
    padding-bottom: 48px
}

.b-search-list .load-more-container {
    text-align: center
}

@media print,
screen and (max-width:63.99875em) {
    .m-search-open .b-search-list:not(.m-taglist) {
        margin-top: 213px
    }
}

@media print,
screen and (min-width:64em) {
    .m-search-open .b-search-list:not(.m-taglist) {
        margin-top: 190px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .m-search-open.m-filter-open .b-search-list:not(.m-taglist) {
        margin-top: 469px
    }
}

.b-content-partner-info {
    padding-right: 0;
    padding-left: 0;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    color: #34393f;
    background-color: #e8e8e8
}

@media print,
screen and (min-width:40em) {
    .b-content-partner-info {
        padding-right: .375rem;
        padding-left: .375rem
    }
}

.b-content-partner-info .grid-container-white-bg {
    background-color: #fff
}

.is-darkmode:not(.is-high-contrast) .b-content-partner-info .grid-container-white-bg:not(.has-icon) {
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

.is-darkmode:not(.is-high-contrast) .b-content-partner-info:not(.has-icon) {
    color: rgba(255, 255, 255, .87);
    background-color: #0d1118
}

.b-content-partner-info .layout-text-content {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    margin-bottom: 5px;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.b-content-partner-info .filter-toggle-btn-sl {
    position: relative;
    padding-right: 24px;
    color: #fa7d19
}

@media print,
screen and (max-width:63.99875em) {
    .b-content-partner-info .filter-toggle-btn-sl {
        margin-bottom: 16px
    }
}

.b-content-partner-info .filter-toggle-btn-sl span[class*=icon-]:before {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.375rem;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.b-content-partner-info .filter-toggle-btn-sl:focus:not(.m-keyboardfocus) {
    outline: 0
}

.b-content-partner-info .filter-toggle-btn-sl[aria-expanded=true] span[class*=icon-]:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-content-partner-info .filter-toggle-wrap-sl {
    outline: 0;
    height: 0;
    margin-bottom: 12px
}

.b-content-partner-info .filter-toggle-wrap-sl:not(.m-open):not(.m-switched-off) {
    overflow: hidden;
    visibility: hidden
}

@media print,
screen and (min-width:64em) {
    .b-content-partner-info .filter-toggle-wrap-sl {
        content:'{"switchedOff": "true"}'!important
    }
    .b-content-partner-info .filter-toggle-wrap-sl::before {
        content:'{"switchedOff": "true"}'!important;
        font-family:'{"switchedOff": "true"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.b-spacing-16 {
    height: 16px
}

.b-settings {
    position: relative
}

@media print,
screen and (max-width:39.99875em) {
    .b-settings .big-headline {
        margin-top: 32px
    }
    .b-settings .remove-btn {
        font-size: 1rem
    }
    .b-settings .remove-btn ::before {
        line-height: 50px
    }
    .b-settings .info-text,
    .b-settings .user-data-summary ul {
        padding: 0 16px
    }
    .b-settings .data-download-btn {
        margin-left: 1rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-settings .remove-btn ::before {
        line-height: 56px
    }
}

.b-settings .small-headline {
    margin-bottom: 16px
}

.b-settings .fieldset-wrapper {
    display: block
}

.b-settings .fieldset-wrapper:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.b-settings .fieldset-wrapper+.fieldset-wrapper {
    margin-top: 16px
}

.b-settings .fieldset-wrapper+.fieldset-wrapper>.big-headline {
    margin-top: 16px
}

.b-settings .fieldset-wrapper:last-child {
    margin-bottom: 0
}

.b-settings .info-text {
    margin-bottom: 16px
}

.b-settings .reg-btn {
    margin-top: 16px;
    margin-bottom: 0
}

.view-history-showmore {
    content:'{"count":15,"countItems":true}'!important
}

.view-history-showmore::before {
    content:'{"count":15,"countItems":true}'!important;
    font-family:'{"count":15,"countItems":true}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

@media print,
screen and (max-width:39.99875em) {
    .b-user-info .inner-box {
        padding: 0 16px
    }
    .b-user-info .inner-box.m-grey-box,
    .b-user-info .inner-box.m-loggedin {
        padding: 16px 16px 24px
    }
    .b-user-info .inner-box .profile-data {
        padding: 10px 0 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .b-user-info .inner-box .profile-data dt {
        width: 140px
    }
    .b-user-info .inner-box .profile-data dd {
        width: calc(100% - 140px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }
    .b-user-info .inner-box p {
        margin-bottom: 8px;
        padding: 0
    }
    .b-user-info .inner-box .changer {
        display: block;
        margin-left: 0;
        text-align: left
    }
    .b-user-info .inner-box .text-link {
        font-size: 1rem
    }
    .b-user-info.small-only-x-container {
        margin-left: 6px;
        margin-right: 6px
    }
}

@media print,
screen and (min-width:40em) {
    .b-user-info .inner-box.m-grey-box,
    .b-user-info .inner-box.m-loggedin {
        padding: 24px 24px 32px
    }
    .b-user-info .inner-box .change-btn {
        margin: 16px 0 0
    }
    .b-user-info .inner-box p {
        margin-bottom: 16px
    }
    .b-user-info .inner-box .changer {
        float: right;
        line-height: 1.625rem
    }
    .b-user-info .inner-box .profile-data dt {
        width: 170px
    }
}

.b-user-info .inner-box.m-grey-box,
.b-user-info .inner-box.m-loggedin {
    margin-bottom: 5px;
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box.m-grey-box,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box.m-loggedin {
    background-color: #1f232a
}

.b-user-info .inner-box.m-grey-box a,
.b-user-info .inner-box.m-grey-box a:visited,
.b-user-info .inner-box.m-loggedin a,
.b-user-info .inner-box.m-loggedin a:visited {
    color: #34393f;
    border-color: #fa7d19;
    font-weight: 700
}

.b-user-info .inner-box:after {
    overflow: hidden;
    display: table;
    clear: both;
    content: ""
}

.b-user-info .inner-box .profile-data {
    overflow: hidden;
    line-height: 26px
}

.b-user-info .inner-box .profile-data dt {
    float: left;
    margin-top: 8px
}

.b-user-info .inner-box .profile-data dd {
    max-width: 580px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 700
}

.b-user-info .inner-box .profile-data dd:after {
    overflow: hidden;
    display: table;
    clear: both;
    content: ""
}

.b-user-info .inner-box .profile-data dd .changer {
    font-size: .875rem;
    font-weight: 300;
    text-decoration: underline;
    color: #34393f;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.b-user-info .inner-box .profile-data dd .changer:hover {
    color: #fa7d19
}

.b-user-info .inner-box .profile-data dd .changer:not(.m-keyboardfocus) {
    outline: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box .profile-data dd .changer {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box .profile-data dd .changer:focus,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box .profile-data dd .changer:hover {
    color: #fa7d19
}

.b-user-info .inner-box .profile-data.age-data .reset-optionaldata-btn,
.b-user-info .inner-box .profile-data.fsk-status .pin-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    margin-left: auto
}

.b-user-info .inner-box .pin-btn,
.b-user-info .inner-box .reset-optionaldata-btn {
    margin: 16px 0 0
}

.b-user-info .inner-box.m-oauth-login .m-hide-for-oauth-login {
    display: none
}

.b-user-info .inner-box .text-link {
    margin-bottom: 0;
    border-bottom: 1px solid #fa7d19;
    padding: 0;
    font-weight: 700;
    color: #34393f;
    background-color: transparent;
    -webkit-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out
}

.b-user-info .inner-box .text-link:focus,
.b-user-info .inner-box .text-link:hover {
    border-bottom: 1px dotted #fa7d19
}

.b-user-info .fsk-status-verification.is-verified .x-not-verified {
    display: none
}

.b-user-info .fsk-status-verification:not(.is-verified) .x-verified {
    display: none
}

.b-user-info .fsk-status-pin.is-set .x-not-set {
    display: none
}

.b-user-info .fsk-status-pin:not(.is-set) .x-set {
    display: none
}

.b-user-info .fsk-status-pin:not(.is-set) .changer {
    display: none
}

.b-user-info .fsk-status-verification.is-verified~.fsk-status-pin.is-set~.pin-btn {
    display: none
}

.b-profile-bar {
    position: relative;
    margin: 0 0 5px;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: left;
    color: #34393f;
    background-color: #d4d5d5
}

@media print,
screen and (max-width:39.99875em) {
    .b-profile-bar {
        padding: 12px 16px
    }
    .b-profile-bar .avatar {
        float: left;
        margin-right: 16px
    }
    .b-profile-bar .name {
        display: block;
        width: 100%;
        margin-bottom: 4px
    }
}

@media print,
screen and (min-width:40em) {
    .b-profile-bar {
        height: 60px;
        padding: 6px 24px
    }
    .b-profile-bar .edit-btn {
        float: right;
        display: inline-block;
        margin-top: 14px
    }
    .b-profile-bar .inner {
        padding-left: 64px
    }
    .b-profile-bar .avatar {
        position: absolute;
        left: 0
    }
    .b-profile-bar .name {
        display: inline-block;
        width: 260px;
        margin-top: 11px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-profile-bar {
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

.b-profile-bar:only-of-type .remove-btn {
    display: none
}

.b-profile-bar .inner {
    position: relative;
    max-width: 380px
}

.b-profile-bar .avatar {
    display: inline-block;
    width: 48px;
    height: 48px
}

.b-profile-bar .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%;
    width: auto
}

.b-profile-bar .edit-btn {
    font-size: .875rem;
    font-weight: 300;
    text-decoration: underline;
    color: #34393f;
    -webkit-text-decoration-color: #fa7d19;
    text-decoration-color: #fa7d19;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-profile-bar .edit-btn {
    color: rgba(255, 255, 255, .87)
}

.b-profile-bar .edit-btn:hover {
    color: #fa7d19
}

.b-profile-bar .edit-btn:not(.m-keyboardfocus) {
    outline: 0
}

.b-profile-bar .remove-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-profile-bar .remove-btn {
    color: #9e9fa2
}

.b-profile-bar .remove-btn:before {
    width: 60px;
    font-size: 1.5rem;
    color: #5c6166
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-profile-bar .remove-btn:before {
    color: #9e9fa2
}

.b-profile-bar .remove-btn:not(.m-keyboardfocus) {
    outline: 0
}

@media print,
screen and (max-width:39.99875em) {
    .teaserlist-showmore {
        content:'{"items": ".b-content-teaser-item","count":4}'!important
    }
    .teaserlist-showmore::before {
        content:'{"items": ".b-content-teaser-item","count":4}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
}

@media print,
screen and (min-width:40em) {
    .teaserlist-showmore.m-2-showmorecol.m-show-1-lines {
        content:'{"items": ".b-content-teaser-item","count":2}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-1-lines::before {
        content:'{"items": ".b-content-teaser-item","count":2}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":2}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-1-lines .b-content-teaser-item:nth-child(1n+3):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-2-lines {
        content:'{"items": ".b-content-teaser-item","count":4}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-2-lines::before {
        content:'{"items": ".b-content-teaser-item","count":4}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-2-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-3-lines {
        content:'{"items": ".b-content-teaser-item","count":6}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-3-lines::before {
        content:'{"items": ".b-content-teaser-item","count":6}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":6}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-3-lines .b-content-teaser-item:nth-child(1n+7):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-4-lines {
        content:'{"items": ".b-content-teaser-item","count":8}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-4-lines::before {
        content:'{"items": ".b-content-teaser-item","count":8}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":8}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-4-lines .b-content-teaser-item:nth-child(1n+9):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-5-lines {
        content:'{"items": ".b-content-teaser-item","count":10}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-5-lines::before {
        content:'{"items": ".b-content-teaser-item","count":10}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":10}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-5-lines .b-content-teaser-item:nth-child(1n+11):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-6-lines {
        content:'{"items": ".b-content-teaser-item","count":12}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-6-lines::before {
        content:'{"items": ".b-content-teaser-item","count":12}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":12}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-6-lines .b-content-teaser-item:nth-child(1n+13):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-7-lines {
        content:'{"items": ".b-content-teaser-item","count":14}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-7-lines::before {
        content:'{"items": ".b-content-teaser-item","count":14}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":14}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-7-lines .b-content-teaser-item:nth-child(1n+15):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-8-lines {
        content:'{"items": ".b-content-teaser-item","count":16}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-8-lines::before {
        content:'{"items": ".b-content-teaser-item","count":16}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":16}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-8-lines .b-content-teaser-item:nth-child(1n+17):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-9-lines {
        content:'{"items": ".b-content-teaser-item","count":18}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-9-lines::before {
        content:'{"items": ".b-content-teaser-item","count":18}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":18}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-9-lines .b-content-teaser-item:nth-child(1n+19):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-10-lines {
        content:'{"items": ".b-content-teaser-item","count":20}'!important
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-10-lines::before {
        content:'{"items": ".b-content-teaser-item","count":20}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":20}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-2-showmorecol.m-show-10-lines .b-content-teaser-item:nth-child(1n+21):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-1-lines {
        content:'{"items": ".b-content-teaser-item","count":3}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-1-lines::before {
        content:'{"items": ".b-content-teaser-item","count":3}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":3}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-1-lines .b-content-teaser-item:nth-child(1n+4):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-2-lines {
        content:'{"items": ".b-content-teaser-item","count":6}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-2-lines::before {
        content:'{"items": ".b-content-teaser-item","count":6}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":6}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-2-lines .b-content-teaser-item:nth-child(1n+7):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-3-lines {
        content:'{"items": ".b-content-teaser-item","count":9}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-3-lines::before {
        content:'{"items": ".b-content-teaser-item","count":9}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":9}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-3-lines .b-content-teaser-item:nth-child(1n+10):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-4-lines {
        content:'{"items": ".b-content-teaser-item","count":12}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-4-lines::before {
        content:'{"items": ".b-content-teaser-item","count":12}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":12}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-4-lines .b-content-teaser-item:nth-child(1n+13):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-5-lines {
        content:'{"items": ".b-content-teaser-item","count":15}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-5-lines::before {
        content:'{"items": ".b-content-teaser-item","count":15}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":15}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-5-lines .b-content-teaser-item:nth-child(1n+16):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-6-lines {
        content:'{"items": ".b-content-teaser-item","count":18}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-6-lines::before {
        content:'{"items": ".b-content-teaser-item","count":18}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":18}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-6-lines .b-content-teaser-item:nth-child(1n+19):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-7-lines {
        content:'{"items": ".b-content-teaser-item","count":21}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-7-lines::before {
        content:'{"items": ".b-content-teaser-item","count":21}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":21}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-7-lines .b-content-teaser-item:nth-child(1n+22):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-8-lines {
        content:'{"items": ".b-content-teaser-item","count":24}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-8-lines::before {
        content:'{"items": ".b-content-teaser-item","count":24}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":24}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-8-lines .b-content-teaser-item:nth-child(1n+25):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-9-lines {
        content:'{"items": ".b-content-teaser-item","count":27}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-9-lines::before {
        content:'{"items": ".b-content-teaser-item","count":27}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":27}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-9-lines .b-content-teaser-item:nth-child(1n+28):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-10-lines {
        content:'{"items": ".b-content-teaser-item","count":30}'!important
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-10-lines::before {
        content:'{"items": ".b-content-teaser-item","count":30}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":30}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-3-showmorecol.m-show-10-lines .b-content-teaser-item:nth-child(1n+31):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-1-lines {
        content:'{"items": ".b-content-teaser-item","count":4}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-1-lines::before {
        content:'{"items": ".b-content-teaser-item","count":4}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-1-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-2-lines {
        content:'{"items": ".b-content-teaser-item","count":8}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-2-lines::before {
        content:'{"items": ".b-content-teaser-item","count":8}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":8}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-2-lines .b-content-teaser-item:nth-child(1n+9):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-3-lines {
        content:'{"items": ".b-content-teaser-item","count":12}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-3-lines::before {
        content:'{"items": ".b-content-teaser-item","count":12}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":12}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-3-lines .b-content-teaser-item:nth-child(1n+13):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-4-lines {
        content:'{"items": ".b-content-teaser-item","count":16}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-4-lines::before {
        content:'{"items": ".b-content-teaser-item","count":16}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":16}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-4-lines .b-content-teaser-item:nth-child(1n+17):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-5-lines {
        content:'{"items": ".b-content-teaser-item","count":20}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-5-lines::before {
        content:'{"items": ".b-content-teaser-item","count":20}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":20}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-5-lines .b-content-teaser-item:nth-child(1n+21):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-6-lines {
        content:'{"items": ".b-content-teaser-item","count":24}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-6-lines::before {
        content:'{"items": ".b-content-teaser-item","count":24}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":24}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-6-lines .b-content-teaser-item:nth-child(1n+25):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-7-lines {
        content:'{"items": ".b-content-teaser-item","count":28}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-7-lines::before {
        content:'{"items": ".b-content-teaser-item","count":28}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":28}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-7-lines .b-content-teaser-item:nth-child(1n+29):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-8-lines {
        content:'{"items": ".b-content-teaser-item","count":32}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-8-lines::before {
        content:'{"items": ".b-content-teaser-item","count":32}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":32}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-8-lines .b-content-teaser-item:nth-child(1n+33):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-9-lines {
        content:'{"items": ".b-content-teaser-item","count":36}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-9-lines::before {
        content:'{"items": ".b-content-teaser-item","count":36}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":36}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-9-lines .b-content-teaser-item:nth-child(1n+37):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-10-lines {
        content:'{"items": ".b-content-teaser-item","count":40}'!important
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-10-lines::before {
        content:'{"items": ".b-content-teaser-item","count":40}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":40}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-showmorecol.m-show-10-lines .b-content-teaser-item:nth-child(1n+41):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-1-lines {
        content:'{"items": ".b-content-teaser-item","count":6}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-1-lines::before {
        content:'{"items": ".b-content-teaser-item","count":6}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":6}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-1-lines .b-content-teaser-item:nth-child(1n+7):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-2-lines {
        content:'{"items": ".b-content-teaser-item","count":12}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-2-lines::before {
        content:'{"items": ".b-content-teaser-item","count":12}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":12}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-2-lines .b-content-teaser-item:nth-child(1n+13):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-3-lines {
        content:'{"items": ".b-content-teaser-item","count":18}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-3-lines::before {
        content:'{"items": ".b-content-teaser-item","count":18}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":18}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-3-lines .b-content-teaser-item:nth-child(1n+19):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-4-lines {
        content:'{"items": ".b-content-teaser-item","count":24}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-4-lines::before {
        content:'{"items": ".b-content-teaser-item","count":24}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":24}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-4-lines .b-content-teaser-item:nth-child(1n+25):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-5-lines {
        content:'{"items": ".b-content-teaser-item","count":30}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-5-lines::before {
        content:'{"items": ".b-content-teaser-item","count":30}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":30}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-5-lines .b-content-teaser-item:nth-child(1n+31):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-6-lines {
        content:'{"items": ".b-content-teaser-item","count":36}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-6-lines::before {
        content:'{"items": ".b-content-teaser-item","count":36}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":36}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-6-lines .b-content-teaser-item:nth-child(1n+37):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-7-lines {
        content:'{"items": ".b-content-teaser-item","count":42}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-7-lines::before {
        content:'{"items": ".b-content-teaser-item","count":42}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":42}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-7-lines .b-content-teaser-item:nth-child(1n+43):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-8-lines {
        content:'{"items": ".b-content-teaser-item","count":48}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-8-lines::before {
        content:'{"items": ".b-content-teaser-item","count":48}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":48}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-8-lines .b-content-teaser-item:nth-child(1n+49):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-9-lines {
        content:'{"items": ".b-content-teaser-item","count":54}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-9-lines::before {
        content:'{"items": ".b-content-teaser-item","count":54}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":54}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-9-lines .b-content-teaser-item:nth-child(1n+55):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-10-lines {
        content:'{"items": ".b-content-teaser-item","count":60}'!important
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-10-lines::before {
        content:'{"items": ".b-content-teaser-item","count":60}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":60}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-6-showmorecol.m-show-10-lines .b-content-teaser-item:nth-child(1n+61):not(.m-showmore-item) {
        display: none
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .teaserlist-showmore.m-4-large-showmorecol.m-show-1-lines {
        content:'{"items": ".b-content-teaser-item","count":2}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-1-lines::before {
        content:'{"items": ".b-content-teaser-item","count":2}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":2}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-1-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-2-lines {
        content:'{"items": ".b-content-teaser-item","count":4}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-2-lines::before {
        content:'{"items": ".b-content-teaser-item","count":4}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-2-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-3-lines {
        content:'{"items": ".b-content-teaser-item","count":6}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-3-lines::before {
        content:'{"items": ".b-content-teaser-item","count":6}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":6}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-3-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-4-lines {
        content:'{"items": ".b-content-teaser-item","count":8}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-4-lines::before {
        content:'{"items": ".b-content-teaser-item","count":8}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":8}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-4-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-5-lines {
        content:'{"items": ".b-content-teaser-item","count":10}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-5-lines::before {
        content:'{"items": ".b-content-teaser-item","count":10}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":10}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-5-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-6-lines {
        content:'{"items": ".b-content-teaser-item","count":12}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-6-lines::before {
        content:'{"items": ".b-content-teaser-item","count":12}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":12}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-6-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-7-lines {
        content:'{"items": ".b-content-teaser-item","count":14}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-7-lines::before {
        content:'{"items": ".b-content-teaser-item","count":14}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":14}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-7-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-8-lines {
        content:'{"items": ".b-content-teaser-item","count":16}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-8-lines::before {
        content:'{"items": ".b-content-teaser-item","count":16}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":16}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-8-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-9-lines {
        content:'{"items": ".b-content-teaser-item","count":18}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-9-lines::before {
        content:'{"items": ".b-content-teaser-item","count":18}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":18}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-9-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-10-lines {
        content:'{"items": ".b-content-teaser-item","count":20}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-10-lines::before {
        content:'{"items": ".b-content-teaser-item","count":20}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":20}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-10-lines .b-content-teaser-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
}

@media print,
screen and (min-width:64em) {
    .teaserlist-showmore.m-4-large-showmorecol.m-show-1-lines {
        content:'{"items": ".b-content-teaser-item","count":4}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-1-lines::before {
        content:'{"items": ".b-content-teaser-item","count":4}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-1-lines .b-content-teaser-item:nth-child(1n+4):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-2-lines {
        content:'{"items": ".b-content-teaser-item","count":8}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-2-lines::before {
        content:'{"items": ".b-content-teaser-item","count":8}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":8}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-2-lines .b-content-teaser-item:nth-child(1n+8):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-3-lines {
        content:'{"items": ".b-content-teaser-item","count":12}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-3-lines::before {
        content:'{"items": ".b-content-teaser-item","count":12}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":12}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-3-lines .b-content-teaser-item:nth-child(1n+12):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-4-lines {
        content:'{"items": ".b-content-teaser-item","count":16}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-4-lines::before {
        content:'{"items": ".b-content-teaser-item","count":16}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":16}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-4-lines .b-content-teaser-item:nth-child(1n+16):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-5-lines {
        content:'{"items": ".b-content-teaser-item","count":20}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-5-lines::before {
        content:'{"items": ".b-content-teaser-item","count":20}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":20}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-5-lines .b-content-teaser-item:nth-child(1n+20):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-6-lines {
        content:'{"items": ".b-content-teaser-item","count":24}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-6-lines::before {
        content:'{"items": ".b-content-teaser-item","count":24}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":24}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-6-lines .b-content-teaser-item:nth-child(1n+24):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-7-lines {
        content:'{"items": ".b-content-teaser-item","count":28}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-7-lines::before {
        content:'{"items": ".b-content-teaser-item","count":28}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":28}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-7-lines .b-content-teaser-item:nth-child(1n+28):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-8-lines {
        content:'{"items": ".b-content-teaser-item","count":32}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-8-lines::before {
        content:'{"items": ".b-content-teaser-item","count":32}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":32}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-8-lines .b-content-teaser-item:nth-child(1n+32):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-9-lines {
        content:'{"items": ".b-content-teaser-item","count":36}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-9-lines::before {
        content:'{"items": ".b-content-teaser-item","count":36}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":36}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-9-lines .b-content-teaser-item:nth-child(1n+36):not(.m-showmore-item) {
        display: none
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-10-lines {
        content:'{"items": ".b-content-teaser-item","count":40}'!important
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-10-lines::before {
        content:'{"items": ".b-content-teaser-item","count":40}'!important;
        font-family:'{"items": ".b-content-teaser-item","count":40}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .teaserlist-showmore.m-4-large-showmorecol.m-show-10-lines .b-content-teaser-item:nth-child(1n+40):not(.m-showmore-item) {
        display: none
    }
}

.broadcastlist-showmore {
    content:'{"items": ".broadcast-item","count":6}'!important
}

.broadcastlist-showmore::before {
    content:'{"items": ".broadcast-item","count":6}'!important;
    font-family:'{"items": ".broadcast-item","count":6}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

@media print,
screen and (max-width:39.99875em) {
    .broadcastlist-showmore {
        content:'{"items": ".broadcast-item","count":4}'!important
    }
    .broadcastlist-showmore::before {
        content:'{"items": ".broadcast-item","count":4}'!important;
        font-family:'{"items": ".broadcast-item","count":4}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .broadcastlist-showmore .broadcast-item:nth-child(1n+5):not(.m-showmore-item) {
        display: none
    }
}

@media print,
screen and (min-width:40em) {
    .broadcastlist-showmore {
        content:'{"items": ".broadcast-item","count":6}'!important
    }
    .broadcastlist-showmore::before {
        content:'{"items": ".broadcast-item","count":6}'!important;
        font-family:'{"items": ".broadcast-item","count":6}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .broadcastlist-showmore .broadcast-item:nth-child(1n+7):not(.m-showmore-item) {
        display: none
    }
}

.newsticker-showmore {
    content:'{"items": ".b-news-ticker-item","count":10,"countItems":true,"separator":true}'!important
}

.newsticker-showmore::before {
    content:'{"items": ".b-news-ticker-item","count":10,"countItems":true,"separator":true}'!important;
    font-family:'{"items": ".b-news-ticker-item","count":10,"countItems":true,"separator":true}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.broadcastlist-showmore::before,
.newsticker-showmore:before,
.teaserlist-showmore.m-showmore-16::before,
.teaserlist-showmore.m-showmore-24::before,
.teaserlist-showmore:not(.m-showmore-16):not(.m-showmore-24)::before {
    visibility: hidden!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-sitemap {
    overflow: hidden
}

@media print,
screen and (max-width:39.99875em) {
    .b-sitemap {
        overflow: hidden;
        clear: both
    }
    .b-sitemap .big-headline {
        margin-bottom: 32px
    }
    .b-sitemap .block {
        margin-bottom: 32px
    }
    .b-sitemap .block:last-child {
        margin-bottom: 0
    }
    .b-sitemap .block-link,
    .b-sitemap .block-title {
        font-size: 1rem;
        line-height: 1rem
    }
    .b-sitemap .sitemap-content {
        padding: 0 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-sitemap {
        margin-bottom: -40px
    }
    .b-sitemap .big-headline {
        margin-bottom: 48px
    }
    .b-sitemap .block-list {
        padding-bottom: 40px
    }
    .b-sitemap .block-link,
    .b-sitemap .block-title {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
    .b-sitemap .sitemap-content {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px
    }
    .b-sitemap .block {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }
}

.b-sitemap .block-title {
    margin-bottom: 16px;
    font-weight: 700
}

.b-sitemap .block-item:last-child .block-link {
    margin-bottom: 0
}

.b-sitemap .block-link {
    display: inline-block;
    margin-bottom: 16px;
    border-bottom: 1px solid transparent;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-sitemap .block-link {
    color: rgba(255, 255, 255, .87)
}

.b-sitemap .block-link:focus,
.b-sitemap .block-link:hover {
    border-bottom: 1px solid #fa7d19
}

@media print,
screen and (max-width:39.99875em) {
    .b-social-media-quote {
        margin-bottom: 24px
    }
}

@media print,
screen and (min-width:40em) {
    .b-social-media-quote {
        margin-bottom: 32px
    }
}

.b-social-media-quote .inner {
    background-color: #fff
}

.b-social-media-quote .head {
    position: relative;
    min-height: 55px
}

@media print,
screen and (max-width:39.99875em) {
    .b-social-media-quote .head {
        padding: 16px 60px 16px 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-social-media-quote .head {
        padding: 16px 60px 16px 24px
    }
}

.b-social-media-quote .quote-wrap {
    min-height: 200px
}

.b-social-media-quote .social-platform {
    position: absolute;
    top: 12px;
    right: 24px;
    width: 30px;
    height: 30px
}

.b-social-media-quote .social-platform .tag {
    width: 100%;
    height: auto
}

.b-social-media-quote .social-title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-social-media-quote .social-title {
    color: #0d1118
}

.b-social-media-quote .two-click-wrap {
    background-color: #5c6166
}

@media print,
screen and (max-width:39.99875em) {
    .b-social-media-quote .two-click-wrap {
        padding: 16px 0 24px
    }
    .b-social-media-quote .two-click-wrap p.data-head {
        padding: 0 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-social-media-quote .two-click-wrap {
        padding: 16px 16px 24px
    }
}

.b-social-media-quote .two-click-wrap a,
.b-social-media-quote .two-click-wrap p {
    color: #fff
}

.b-social-media-quote .two-click-wrap .data-head {
    margin-bottom: 8px
}

.b-social-media-quote .two-click-wrap .agree-btn {
    display: block;
    margin: 0 auto
}

.b-social-media-quote .fb-wrap {
    overflow: hidden;
    position: relative
}

@media print,
screen and (max-width:39.99875em) {
    .b-social-media-quote .fb-wrap {
        padding: 0 16px 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-social-media-quote .fb-wrap {
        padding: 0 24px 24px
    }
}

.b-social-media-quote .fb-wrap .fb_iframe_widget,
.b-social-media-quote .fb-wrap .fb_iframe_widget>span,
.b-social-media-quote .fb-wrap iframe {
    width: 100%!important;
    height: auto
}

.b-social-media-quote .fb-wrap .uiScaledImageContainer {
    max-width: 100%!important
}

@media print,
screen and (max-width:39.99875em) {
    .b-social-media-quote .tw-wrap {
        padding: 0 16px 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-social-media-quote .tw-wrap {
        padding: 0 24px 24px
    }
}

.b-social-media-quote .tw-wrap .twitter-tweet {
    width: 100%!important;
    margin: 0!important
}

.b-social-media-quote .insta-wrap {
    overflow: hidden;
    position: relative
}

@media print,
screen and (max-width:39.99875em) {
    .b-social-media-quote .insta-wrap {
        padding: 0 16px 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-social-media-quote .insta-wrap {
        padding: 0 24px 24px
    }
}

.b-social-media-quote .insta-wrap iframe {
    width: 100%!important;
    margin: 0!important
}

.b-post-content .x-row:last-child .b-social-media-quote {
    margin-bottom: 0
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-tivi-app) .b-stage .b-plus-button .plus-main-btn .inner-circle:before {
        line-height: 1.25rem;
        font-weight: 700;
        font-size: 1rem
    }
    html:not(.x-tivi-app) .b-stage .b-plus-button.small .button-group.m-level-1 {
        right: 45px
    }
    html:not(.x-tivi-app) .b-stage .b-plus-button.small {
        top: auto;
        bottom: 5px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-small .stage-title {
        font-size: 1.625rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium {
        height: 422px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image:after {
        content: '';
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .7)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .7));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .7));
        width: 100%;
        height: 100%;
        position: absolute;
        visibility: visible;
        top: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .teaser-cat {
        color: #fff;
        margin: 0 0 4px 4px;
        line-height: 1.25rem;
        padding-left: 10px;
        padding-right: 10px;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        font-size: 1rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .teaser-cat .teaser-cat-separator+.teaser-cat-brand .teaser-cat-brand-ellipsis {
        padding-left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .teaser-cat .teaser-cat-category {
        padding-left: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .teaser-cat .teaser-cat-brand-ellipsis {
        width: 100%;
        padding-left: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title {
        margin: 0 18px 0 8px;
        padding: 0 10px;
        position: relative;
        font-size: 1.375rem;
        line-height: 1.875rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .3)
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title.has-overline {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .b-plus-button.small {
        bottom: 14px;
        right: 14px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .logo {
        margin: 0 0 16px 18px;
        position: relative;
        width: 300px;
        max-height: 135px;
        max-width: none
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-text {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 8px;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        margin-bottom: 12px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-text+.content-owner-label {
        margin-top: 0;
        font-size: .8125rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5)
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-label {
        left: 24px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-teaser .box {
        padding-bottom: 46px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large {
        height: 446px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-title {
        display: none
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-text {
        display: none
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-image {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-image:after {
        content: '';
        background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(0, 0, 0, 0)), to(#25292eb3)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#25292eb3));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 90%, #25292eb3 100%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #25292eb3 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 90%, #25292eb3 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #25292eb3 100%);
        width: 100%;
        height: 100%;
        position: absolute;
        visibility: visible;
        top: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .box-title-wrap {
        height: 100%;
        margin-left: 24px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .box-title-wrap .title-table {
        position: absolute;
        bottom: 0;
        width: 100%
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .box-title-wrap .grid-container {
        padding: 0 0 8px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .box-title-wrap {
        width: 100%
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-label {
        bottom: 48px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat {
        margin-bottom: 4px;
        font-size: 1rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        line-height: 1.25rem;
        margin-left: -10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat .teaser-cat-separator+.teaser-cat-brand .teaser-cat-brand-ellipsis {
        padding-left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat .teaser-cat-category {
        padding-left: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat .teaser-cat-brand-ellipsis {
        width: 100%;
        display: block;
        padding-left: 10px;
        font-weight: 300
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-title-link {
        display: block;
        padding: 0 10px;
        line-height: 1.875rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .3);
        margin-left: -10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-foot {
        position: relative;
        top: 0;
        margin-bottom: 9px;
        left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-foot .teaser-info {
        font-weight: 300;
        font-size: .8125rem;
        line-height: 1.25rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        margin-left: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .b-plus-button.small {
        bottom: 38px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .b-ratiobox .seamless-percent {
        bottom: 33px;
        width: calc(100% - 48px);
        left: 24px;
        height: 3px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .b-ratiobox .seamless-percent .percent-progress {
        height: 3px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-teaser .box {
        width: calc(100% - 45px);
        padding: 0 0 79px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-title {
        margin-bottom: 8px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-title-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 300px;
        max-height: 135px;
        position: relative;
        margin-bottom: 16px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-title-container .logo {
        position: relative;
        margin: 0 auto;
        top: auto;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: inherit
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .content-label {
        position: absolute;
        width: auto;
        right: 16px;
        top: 16px;
        z-index: 2
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .content-label img {
        height: 43px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .stage-teaser .box {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 64px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .stage-image .motion-wrap {
        display: none
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-image,
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image {
        background-position: top right
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-image span[class*=icon-]:before,
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image span[class*=icon-]:before {
        display: none
    }
    html:not(.x-tivi-app) .b-stage .scroll-pagination {
        height: 24px;
        margin-bottom: 8px;
        position: absolute;
        z-index: 1
    }
    html:not(.x-tivi-app) .b-stage .scroll-pagination .js-stageitemscroller-pagination-btn {
        padding: 0 0 0 8px;
        height: 8px
    }
    html:not(.x-tivi-app) .b-stage .content-owner-label {
        font-size: .8125rem;
        line-height: 1.625rem;
        margin-bottom: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper {
        height: 92px
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content {
        padding: 0 24px 24px
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content .stage-xs-logo {
        height: 32px;
        width: auto
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content .title {
        color: rgba(255, 255, 255, .87);
        font-weight: 700;
        font-size: 1.125rem
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    html:not(.x-tivi-app) .b-stage .b-plus-button.small .plus-main-btn .inner-circle span[class*=icon-]:before {
        line-height: 1.75rem;
        font-weight: 700;
        font-size: 1rem
    }
    html:not(.x-tivi-app) .b-stage .b-plus-button.small .button-group.m-level-1 {
        right: 45px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-small .stage-title {
        left: 32px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-cat {
        margin-bottom: 4px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .b-plus-button.small .plus-main-btn,
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-small .b-plus-button.small .plus-main-btn {
        margin-top: 4px;
        margin-left: 10px
    }
}

@media print,
screen and (min-width:40em) {
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-small .stage-title {
        font-size: 2.375rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .box-title-wrap {
        margin-left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .box-title-wrap .grid-container {
        padding: 0;
        padding-bottom: 8px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .box {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 56px;
        width: 413px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .box.has-no-label {
        padding-top: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .box .teaser-label {
        left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container {
        position: relative
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .stage-title {
        margin: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .logo {
        margin: 0 0 22px;
        top: auto;
        bottom: 0;
        width: 300px;
        max-height: 135px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .sb-overline {
        color: #fff;
        font-size: 1rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-cat {
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        margin-left: -10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-cat .teaser-cat-separator+.teaser-cat-brand .teaser-cat-brand-ellipsis {
        padding-left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-cat .teaser-cat-category {
        padding-left: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-cat .teaser-cat-brand-ellipsis {
        width: 100%;
        padding-left: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-text {
        font-size: 1rem;
        line-height: 1.5rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        margin-bottom: 16px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-text+.content-owner-label {
        margin-top: 0;
        font-size: .8125rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        margin-bottom: 16px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title {
        font-size: 1.75rem;
        line-height: 2.125rem;
        text-shadow: 0 0 16px rgba(0, 0, 0, .4)
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title.has-overline {
        font-size: 1.5rem;
        line-height: 1.875rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image:after {
        content: '';
        background: -webkit-radial-gradient(0 100%, circle, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 60%), -webkit-radial-gradient(22% 100%, circle, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 60%);
        background: radial-gradient(circle at 0 100%, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 60%), radial-gradient(circle at 22% 100%, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 60%);
        width: 100%;
        height: 100%;
        position: absolute;
        visibility: visible;
        top: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large {
        height: 511px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-foot .teaser-info {
        font-size: .8125rem;
        line-height: 1.25rem;
        font-weight: 300;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        margin-left: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-label {
        margin-top: 16px;
        left: 0;
        position: absolute;
        bottom: 57px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .box {
        width: 337px;
        padding: 0 0 96px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-title-link {
        line-height: 2.125rem;
        text-shadow: 0 0 16px rgba(0, 0, 0, .3)
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-title {
        margin-bottom: 8px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat {
        font-size: 1rem;
        margin-bottom: 4px;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5)
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .b-plus-button.small {
        right: 12px;
        bottom: 48px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-text {
        font-size: 1rem;
        line-height: 1.5rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5)
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-title-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 300px;
        max-height: 135px;
        position: relative;
        left: -24px;
        margin: 0 auto 16px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-title-container .logo {
        position: relative;
        margin: 0 auto;
        top: auto;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: inherit
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-image:after {
        content: '';
        background: -webkit-radial-gradient(0 100%, circle, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 60%), -webkit-radial-gradient(22% 100%, circle, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 60%);
        background: radial-gradient(circle at 0 100%, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 60%), radial-gradient(circle at 22% 100%, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 60%);
        width: 100%;
        height: 100%;
        position: absolute;
        visibility: visible;
        top: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .content-label {
        position: absolute;
        width: auto;
        right: 24px;
        top: 24px;
        z-index: 2
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .content-label img {
        height: 53px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat {
        margin-left: -10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat .teaser-cat-separator+.teaser-cat-brand .teaser-cat-brand-ellipsis {
        padding-left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat .teaser-cat-category {
        padding-left: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat .teaser-cat-brand-ellipsis {
        width: 100%;
        padding-left: 10px;
        font-weight: 300
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .box {
        padding-bottom: 72px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .stage-content-inner {
        padding-left: 32px;
        padding-right: 12px;
        margin-right: 12px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .box .teaser-label {
        max-width: 100%
    }
    html:not(.x-tivi-app) .b-stage .stage-item .stage-content {
        opacity: 0;
        -webkit-transition: opacity .3s linear;
        transition: opacity .3s linear
    }
    html:not(.x-tivi-app) .b-stage .stage-item.m-active .stage-content {
        opacity: 1
    }
    html:not(.x-tivi-app) .b-stage.x-slider .scroll-arrow {
        width: 9px;
        background: 0 0!important;
        height: 16px;
        display: block
    }
    html:not(.x-tivi-app) .b-stage.x-slider .scroll-arrow span[class*=icon-]:before {
        font-size: 1rem;
        width: 24px;
        left: -4px
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-next.scroll-arrow {
        width: 58px;
        right: 0;
        margin: 0;
        height: 100%;
        top: 0
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-next.scroll-arrow span[class*=icon-] {
        right: 50%;
        top: 50%;
        left: auto;
        width: 1.5rem;
        height: 1.5rem;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-next.scroll-arrow span[class*=icon-]:before {
        position: absolute;
        right: 50%;
        left: auto;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        font-size: 1.5rem
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-next.scroll-arrow:hover+.js-stageitemscroller-viewport .hover-transition-next {
        -webkit-transform: translate(-10px);
        transform: translate(-10px)
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-prev.scroll-arrow {
        width: 58px;
        left: 0;
        margin: 0;
        height: 100%;
        top: 0
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-prev.scroll-arrow span[class*=icon-] {
        left: 50%;
        top: 50%;
        width: 1.5rem;
        height: 1.5rem;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-prev.scroll-arrow span[class*=icon-]:before {
        position: absolute;
        left: 50%;
        right: auto;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 1.5rem
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-prev.scroll-arrow:hover+.x-next.scroll-arrow+.js-stageitemscroller-viewport .hover-transition-prev {
        -webkit-transform: translate(10px);
        transform: translate(10px)
    }
    html:not(.x-tivi-app) .b-stage.x-slider .stage-item.hover-transition-next,
    html:not(.x-tivi-app) .b-stage.x-slider .stage-item.hover-transition-prev {
        -webkit-transform: translate(0);
        transform: translate(0);
        z-index: 10;
        overflow: visible;
        -webkit-transition: -webkit-transform ease-in-out .3s;
        transition: -webkit-transform ease-in-out .3s;
        transition: transform ease-in-out .3s;
        transition: transform ease-in-out .3s, -webkit-transform ease-in-out .3s
    }
    html:not(.x-tivi-app) .b-stage .content-owner-label {
        font-size: .8125rem;
        line-height: 1.625rem;
        margin-bottom: 10px
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper {
        height: 102px
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content {
        padding: 0 58px 24px
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content .stage-xs-logo {
        height: 54px;
        width: auto
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content .title {
        color: rgba(255, 255, 255, .87);
        font-weight: 700;
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:64em) {
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .logo {
        width: 342px;
        max-height: 153px;
        margin-bottom: 32px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title-container .sb-overline {
        font-size: 1.125rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-text {
        font-size: 1.125rem;
        line-height: 1.625rem;
        margin-bottom: 16px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-text+.content-owner-label {
        font-size: .9375rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-text+.teaser-label {
        position: absolute;
        bottom: 24px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-label {
        position: relative;
        bottom: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title {
        font-size: 2.25rem;
        line-height: 2.75rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-title.has-overline {
        font-size: 2rem;
        line-height: 2.5rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-content-inner {
        padding-left: 6px;
        padding-right: 6px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .box-title-wrap .grid-container {
        padding-bottom: 16px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image:after {
        background: -webkit-radial-gradient(0 100%, circle, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 60%), -webkit-radial-gradient(22% 100%, circle, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 60%);
        background: radial-gradient(circle at 0 100%, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 60%), radial-gradient(circle at 22% 100%, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 60%)
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large {
        height: 472px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .box {
        padding-right: 0;
        padding-left: 0;
        width: 420px;
        padding-bottom: 80px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-text {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-title-link {
        font-size: 2rem;
        line-height: 2.5rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-title {
        margin-bottom: 16px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-cat {
        margin-bottom: 8px;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        font-size: 1.125rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-foot .teaser-info {
        font-size: .9375rem;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5)
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .b-plus-button.small {
        right: 38px;
        bottom: 32px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .box-title-wrap {
        margin-left: 46px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-label {
        bottom: 37px;
        margin-top: 24px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-title-container {
        width: 342px;
        max-height: 153px;
        left: 0;
        margin: 0 0 16px 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .content-label img {
        height: 56px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .b-plus-button.small,
    html:not(.x-tivi-app) .b-stage .stage-wrap .b-plus-button.small .plus-main-btn .inner-circle {
        width: 40px;
        height: 40px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .b-plus-button.small .plus-main-btn .inner-circle span[class*=icon-]:before,
    html:not(.x-tivi-app) .b-stage .stage-wrap .b-plus-button.small span[class*=icon-]:before {
        line-height: 1.75rem;
        font-weight: 700;
        font-size: 1rem
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .b-plus-button.small .button-group.m-level-1 {
        top: 0;
        right: 45px
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .b-plus-button.small .plus-main-btn {
        margin-top: 0;
        margin-left: 0
    }
    html:not(.x-tivi-app) .b-stage .stage-wrap .stage-content-inner {
        margin-right: auto
    }
    html:not(.x-tivi-app) .b-stage.x-slider .scroll-arrow {
        width: 9px;
        background: 0 0;
        height: 16px;
        display: block
    }
    html:not(.x-tivi-app) .b-stage.x-slider .scroll-arrow span[class*=icon-]:before {
        font-size: 1rem;
        width: 24px;
        left: -4px
    }
    html:not(.x-tivi-app) .b-stage .content-owner-label {
        font-size: .9375rem;
        line-height: 1.625rem;
        margin-bottom: 16px
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper {
        height: 96px
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content {
        padding: 0 58px 24px
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content .stage-xs-logo {
        height: 48px;
        width: auto
    }
    html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content .title {
        color: rgba(255, 255, 255, .87);
        font-weight: 700;
        font-size: 1.375rem
    }
}

@media screen and (min-width:75em) {
    html:not(.x-tivi-app) .b-stage.x-slider .x-next.scroll-arrow {
        width: calc((100% - 1156px)/ 2)
    }
    html:not(.x-tivi-app) .b-stage.x-slider .x-prev.scroll-arrow {
        width: calc((100% - 1156px)/ 2)
    }
    html:not(.x-tivi-app) .b-stage.x-slider .stage-xs-wrapper .stage-xs-content {
        padding-left: calc((100% - 1156px)/ 2)
    }
}

html:not(.x-tivi-app) .b-stage .stage-wrap .box {
    background: 0 0
}

html:not(.x-tivi-app) .b-stage .stage-wrap .stage-title {
    text-shadow: 0 2px 4px rgba(10, 10, 10, .5)
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image .m-large {
    visibility: visible
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image.is-tivi {
    display: none
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image.is-not-tivi {
    display: block
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .box-title-wrap {
    display: table;
    height: 100%
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .title-table {
    display: table-cell;
    vertical-align: bottom
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-text {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
    display: block
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .teaser-title {
    display: none
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .box {
    padding-top: 0
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .grid-container {
    padding: 0
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .b-ratiobox {
    position: static;
    display: block
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-image.is-tivi {
    display: none
}

html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-image.is-not-tivi {
    display: block
}

html:not(.x-tivi-app) .b-stage .stage-image .stage-title-container {
    display: none
}

html:not(.x-tivi-app) .b-stage .box .stage-title-container {
    display: block
}

html:not(.x-tivi-app) .b-stage .teaser-text {
    display: block
}

html:not(.x-tivi-app) .b-stage .teaser-text+.infoline-container {
    display: block
}

html:not(.x-tivi-app) .b-stage .content-owner-link {
    cursor: pointer
}

html:not(.x-tivi-app) .b-stage .content-owner-link:focus strong,
html:not(.x-tivi-app) .b-stage .content-owner-link:hover strong {
    text-decoration: underline
}

html:not(.x-tivi-app) .b-stage .content-owner-label {
    color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-tivi-app) .b-stage .content-owner-label:not(.content-owner-link) {
        margin-left: 24px
    }
}

html:not(.x-tivi-app) .b-stage .content-owner-label .content-owner-logo {
    max-width: 50px;
    margin-left: 8px
}

@media print,
screen and (max-width:39.99875em) {
    html:not(.x-tivi-app) .b-stage .content-owner-label .content-owner-logo {
        margin-left: 6px
    }
}

html:not(.x-tivi-app) .b-stage .content-owner-label.has-no-label {
    margin-bottom: 0
}

html:not(.x-tivi-app) .b-stage .infoline-container:last-child {
    display: none
}

html:not(.x-tivi-app) .b-stage .title-table .stage-title-container {
    display: block
}

@media print,
screen and (min-width:40em) {
    html:not(.x-tivi-app) .b-stage.x-slider .stage-item:not(.m-active):after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(37, 41, 46, .87);
        content: ""
    }
}

@media print,
screen and (min-width:40em) {
    html:not(.x-tivi-app) .b-stage.x-slider .stage-item {
        max-width: calc(100% - (58px * 2))
    }
}

@media screen and (min-width:75em) {
    html:not(.x-tivi-app) .b-stage.x-slider .stage-item {
        max-width: 1156px
    }
}

html:not(.x-tivi-app) .b-stage .js-stageitemscroller-pagination-btn {
    width: 16px
}

html:not(.x-tivi-app) .b-stage .js-stageitemscroller-pagination-btn:before {
    width: 8px;
    height: 8px;
    border-radius: 50%
}

@media print,
screen and (min-width:40em) {
    html:not(.x-tivi-app) .b-stage .js-stageitemscroller-pagination-btn:before {
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
    }
}

html:not(.x-tivi-app) .b-stage .teaser-text-large {
    display: none
}

html:not(.x-tivi-app) .b-stage .stage-wrap .stage-teaser .b-ratiobox {
    display: none
}

html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%
}

html:not(.x-tivi-app) .b-stage .stage-xs-wrapper .stage-xs-content .title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.b-stage {
    background: #25292e
}

@media print,
screen and (max-width:39.99875em) {
    .b-stage.x-slider .stage-item {
        overflow: visible
    }
    .b-stage.x-slider .stage-wrap .box {
        width: 100%;
        padding: 16px 16px 48px
    }
    .b-stage.x-slider .stage-wrap .box.m-label {
        padding-bottom: 16px
    }
    .b-stage.x-slider .js-stageitemscroller-viewport {
        overflow: visible
    }
    .b-stage .stage-wrap .stage-image {
        position: relative;
        z-index: -1;
        display: block;
        height: 150px;
        background-position: center right;
        background-size: cover;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .b-stage .stage-wrap .motion-wrap {
        overflow: hidden;
        position: relative;
        height: 150px
    }
    .b-stage .stage-wrap .motion-graphic {
        width: 100%
    }
    .b-stage .stage-wrap.m-small .logo {
        height: 57px;
        margin: 16px 0 24px 16px;
        top: auto;
        bottom: 0
    }
    .b-stage .stage-wrap.m-small .stage-title {
        width: calc(100% - 80px);
        margin-top: 0;
        position: absolute;
        bottom: 0;
        margin-bottom: 24px;
        padding: 0;
        top: auto;
        font-size: 1.5rem;
        line-height: 2.125rem
    }
    .b-stage .stage-wrap.m-small .b-plus-button.small {
        bottom: 16px;
        right: 16px
    }
    .b-stage .stage-wrap.m-small .lazyloaded-image,
    .b-stage .stage-wrap.m-small .stage-small-image {
        -o-object-position: right;
        object-position: right
    }
    .b-stage .stage-wrap.m-medium .box.m-label {
        padding-bottom: 24px
    }
    .b-stage .stage-wrap.m-medium .box .teaser-label {
        top: inherit;
        bottom: 24px
    }
    .b-stage .stage-wrap.m-large .motion-wrap,
    .b-stage .stage-wrap.m-large .stage-image {
        height: 180px
    }
    .b-stage .stage-wrap.m-large .stage-image:before,
    .b-stage .stage-wrap.m-medium .stage-image:before {
        position: absolute;
        bottom: 0;
        z-index: 2;
        width: 100%;
        height: 40px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
        background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
        background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
        content: ""
    }
    .b-stage .stage-wrap .artdirect>.m-mobile {
        visibility: visible
    }
    .b-stage .stage-wrap .stage-title {
        margin: 0 16px 64px 16px;
        font-size: 1.5rem;
        line-height: 2.125rem;
        padding-top: 8px;
        position: absolute;
        top: 0;
        z-index: 1
    }
    .b-stage .stage-wrap .logo {
        max-width: 40%;
        max-height: 120px;
        margin: 0 0 32px 16px
    }
    .b-stage .stage-wrap .box {
        width: 100%;
        padding: 16px 24px
    }
    .b-stage .stage-wrap .teaser-label {
        width: auto;
        max-width: 304px;
        left: 0
    }
    .b-stage .stage-wrap .teaser-label .icon {
        display: none
    }
    .b-stage .stage-wrap .teaser-title-link {
        margin-bottom: 0;
        padding-bottom: 8px
    }
    .b-stage .stage-wrap .teaser-title-link .title-span {
        display: block
    }
    .b-stage .stage-wrap .teaser-text {
        display: none
    }
    .b-stage .stage-wrap .teaser-foot {
        position: absolute;
        top: -36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-stage .stage-wrap .teaser-foot .icon {
        display: none
    }
    .b-stage .stage-wrap .b-plus-button {
        top: -48px;
        right: 0;
        bottom: initial
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-stage.x-slider .scroll-arrow {
        display: none
    }
    .b-stage.sticky {
        content:'{"switchedOff":true}'!important
    }
    .b-stage.sticky::before {
        content:'{"switchedOff":true}'!important;
        font-family:'{"switchedOff":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-stage .stage-wrap .stage-image {
        background-position: right center
    }
    .b-stage .stage-wrap .artdirect>.m-tablet {
        visibility: visible
    }
    .b-stage .stage-wrap .logo {
        margin: 64px 0 0
    }
    .b-stage .stage-wrap .box {
        width: 300px
    }
    .b-stage .stage-wrap .box .teaser-label {
        max-width: 252px
    }
}

@media print,
screen and (min-width:40em) {
    .b-stage .stage-wrap {
        overflow: hidden;
        height: 380px
    }
    .b-stage .stage-wrap.m-small {
        height: 118px
    }
    .b-stage .stage-wrap.m-small .logo {
        top: auto;
        height: 72px;
        margin: 0 0 0 34px;
        bottom: 24px
    }
    .b-stage .stage-wrap.m-small .stage-title {
        position: absolute;
        bottom: 0;
        margin: 0 0 24px 0;
        font-size: 2.5rem;
        line-height: 46px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        padding-right: 95px
    }
    .b-stage .stage-wrap.m-small .b-plus-button {
        right: 12px
    }
    .b-stage .stage-wrap.m-medium .box.m-label {
        padding-bottom: 32px
    }
    .b-stage .stage-wrap.m-medium .box .teaser-label {
        position: absolute;
        top: inherit;
        bottom: 24px;
        margin: 0
    }
    .b-stage .stage-wrap.m-large {
        height: 570px
    }
    .b-stage .stage-wrap.m-large .box {
        position: relative;
        padding: 24px 24px 80px
    }
    .b-stage .stage-wrap.m-large .box.m-label {
        padding: 24px 24px 32px
    }
    .b-stage .stage-wrap.m-large .box .teaser-title-link {
        margin-bottom: 8px;
        font-size: 1.75rem;
        line-height: 2.125rem
    }
    .b-stage .stage-wrap.m-large .box .teaser-text {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    .b-stage .stage-wrap.m-large .teaser-foot {
        position: static;
        margin-top: 16px
    }
    .b-stage .stage-wrap.m-large .teaser-foot .teaser-info {
        font-size: 1rem;
        line-height: 1rem
    }
    .b-stage .stage-wrap.m-large .teaser-foot .icon {
        font-size: 1.125rem;
        line-height: 1rem
    }
    .b-stage .stage-wrap .logo {
        max-width: 335px;
        max-height: 150px;
        margin: 48px 0 0 40px
    }
    .b-stage .stage-wrap .stage-content .video-clickarea {
        position: absolute;
        left: calc((100vw - 1140px) * -.5);
        width: 100vw;
        height: 100%;
        background-color: rgba(0, 0, 0, 0)
    }
    .b-stage .stage-wrap .stage-content .video-clickarea.x-click {
        cursor: pointer
    }
    .b-stage .stage-wrap .stage-title {
        margin-top: 64px;
        font-size: 2.5rem;
        line-height: 2.8125rem;
        position: relative;
        z-index: 1
    }
    .b-stage .stage-wrap .stage-image {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat
    }
    .b-stage .stage-wrap .stage-image .m-large {
        visibility: visible
    }
    .b-stage .stage-wrap .motion-graphic {
        width: auto;
        min-width: 100%
    }
    .b-stage .stage-wrap .box-title-wrap {
        display: table;
        height: 100%;
        margin-left: 40px
    }
    .b-stage .stage-wrap .title-table {
        display: table-cell;
        vertical-align: bottom
    }
    .b-stage .stage-wrap .box {
        padding: 24px
    }
    .b-stage .stage-wrap .box.m-label {
        padding: 24px
    }
    .b-stage .stage-wrap .box .teaser-label {
        position: static;
        margin-top: 16px
    }
    .b-stage .stage-wrap .box .teaser-label .icon {
        width: 32px;
        height: 20px;
        margin: 6px 10px 6px 0;
        background-size: auto 100%
    }
    .b-stage .stage-wrap .box .teaser-label .icon:before {
        left: 6px;
        font-size: 1.25rem;
        line-height: 20px
    }
    .b-stage .stage-wrap .box .teaser-title-link {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
    .b-stage .stage-wrap .box .teaser-text {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    .b-stage .login-btn {
        float: right
    }
    .b-stage.x-slider {
        overflow: hidden
    }
    .b-stage.x-slider .stage-item {
        overflow: hidden;
        position: relative
    }
}

@media print,
screen and (min-width:64em) {
    .b-stage .stage-wrap.m-small {
        height: 176px
    }
    .b-stage .stage-wrap.m-small .logo {
        height: 107px;
        bottom: 32px;
        margin: 0
    }
    .b-stage .stage-wrap.m-small .stage-title {
        font-size: 3rem;
        line-height: 58px;
        margin-bottom: 32px;
        margin-left: 0;
        max-width: 72rem
    }
    .b-stage .stage-wrap.m-small .b-plus-button {
        bottom: 32px
    }
    .b-stage .stage-wrap .artdirect>.m-desktop {
        visibility: visible
    }
    .b-stage .stage-wrap .logo {
        margin: 48px 0 0
    }
    .b-stage .stage-wrap .stage-image {
        background-position: center center
    }
    .b-stage .stage-wrap .box {
        position: relative;
        width: 370px
    }
    .b-stage .stage-wrap .box .teaser-label {
        max-width: 322px
    }
}

.b-stage.x-slider {
    content:'{"easing": "cubic-bezier(0.5, 0, 0.5, 1)","duration":700}'!important;
    position: relative;
    width: 100%
}

.b-stage.x-slider::before {
    content:'{"easing": "cubic-bezier(0.5, 0, 0.5, 1)","duration":700}'!important;
    font-family:'{"easing": "cubic-bezier(0.5, 0, 0.5, 1)","duration":700}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.b-stage.x-slider .stage-item {
    width: 100%
}

.b-stage.x-slider .stage-item>.artdirect {
    display: none
}

.b-stage.x-slider .stage-item.m-placeholder.lazyloading .loader {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear
}

.b-stage.x-slider .stage-item.m-placeholder .loader {
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: #e8e8e8;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(42%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%)
}

.b-stage.x-slider .stage-item.m-placeholder .loader:before {
    background: #e8e8e8
}

.b-stage.x-slider .stage-item.m-placeholder .loader:after {
    background: #25292e
}

.b-stage .stage-wrap {
    position: relative;
    z-index: 2;
    width: 100%
}

.b-stage .stage-wrap.m-small .box {
    padding: 24px
}

.b-stage .stage-wrap.m-small .box.m-label {
    padding: 48px 24px 24px
}

.b-stage .stage-wrap.m-small .lazyloaded-image,
.b-stage .stage-wrap.m-small .stage-small-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.b-stage .stage-wrap.m-medium .box:hover .teaser-title-link {
    text-decoration: underline
}

.b-stage .stage-wrap.m-medium .teaser-label~.teaser-title {
    margin-bottom: 40px
}

.b-stage .stage-wrap.m-medium .stage-image {
    cursor: default;
    pointer-events: none
}

.b-stage .stage-wrap.m-medium .stage-image.is-tivi {
    display: block
}

.b-stage .stage-wrap.m-medium .stage-image.is-not-tivi {
    display: none
}

.b-stage .stage-wrap.m-medium .stage-image>.artdirect {
    display: none
}

.b-stage .stage-wrap.m-large .box-title-wrap:hover .teaser-title-link {
    text-decoration: underline
}

.b-stage .stage-wrap.m-large .stage-image.is-tivi {
    display: block
}

.b-stage .stage-wrap.m-large .stage-image.is-not-tivi {
    display: none
}

.b-stage .stage-wrap.m-large .stage-image>.artdirect {
    display: none
}

.b-stage .stage-wrap .stage-image {
    display: block;
    width: 100%
}

.b-stage .stage-wrap .stage-image:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.b-stage .stage-wrap .motion-graphic {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    height: auto;
    min-height: 100%;
    cursor: pointer;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.b-stage .stage-wrap .stage-title {
    font-weight: 700;
    color: #fff
}

.b-stage .stage-wrap .teaser-logo {
    display: block
}

.b-stage .stage-wrap .logo {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0
}

.b-stage .stage-wrap .stage-content {
    position: relative;
    z-index: 2;
    height: 100%;
    pointer-events: none
}

.b-stage .stage-wrap .stage-content-inner {
    position: relative;
    height: 100%
}

.b-stage .stage-wrap .stage-teaser {
    position: relative;
    z-index: 3;
    height: 100%
}

.b-stage .stage-wrap .box-title-wrap .artdirect {
    display: none
}

.b-stage .stage-wrap .box {
    position: relative;
    background-color: rgba(37, 41, 46, .8);
    pointer-events: all
}

.b-stage .stage-wrap .box .teaser-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.b-stage .stage-wrap .teaser-cat {
    margin: 0 0 8px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-stage .stage-wrap .teaser-cat {
    color: rgba(255, 255, 255, .87)
}

.b-stage .stage-wrap .teaser-title .teaser-title-link {
    color: #fff;
    white-space: normal
}

.b-stage .stage-wrap .teaser-title .teaser-title-link.m-keyboardfocus {
    outline: 2px solid #fa7d19
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-stage .stage-wrap .teaser-title .teaser-title-link {
    color: rgba(255, 255, 255, .87)
}

.b-stage .stage-wrap .teaser-title .teaser-title-no-link {
    text-decoration: none;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-stage .stage-wrap .teaser-title .teaser-title-no-link {
    color: rgba(255, 255, 255, .87)
}

.b-stage .stage-wrap .teaser-text {
    margin: 0;
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-stage .stage-wrap .teaser-text {
    color: rgba(255, 255, 255, .87)
}

.b-stage .stage-wrap .teaser-text .more-link {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-stage .stage-wrap .teaser-text .more-link {
    color: rgba(255, 255, 255, .87)
}

.b-stage .stage-wrap .teaser-text+.infoline-container {
    display: none
}

.b-stage .stage-wrap .teaser-foot {
    color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-stage .stage-wrap .teaser-foot {
    color: rgba(255, 255, 255, .87)
}

.b-stage .stage-wrap .b-plus-button {
    right: 12px;
    pointer-events: all
}

.b-stage .stage-wrap .stage-play-btn {
    opacity: .8;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background-size: contain;
    pointer-events: all;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-stage .stage-wrap .stage-play-btn:hover {
    opacity: 1
}

.b-stage .stage-wrap .stage-play-btn:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.b-stage .stage-wrap .stage-play-btn:focus {
    opacity: 1
}

@media print,
screen and (max-width:39.99875em) {
    .b-stage .stage-list {
        z-index: 1
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-stage .scroll-pagination {
        position: relative;
        z-index: 0
    }
}

.b-stage .b-ratiobox {
    padding: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-stage .b-ratiobox {
        position: absolute;
        top: 0
    }
}

.b-stage .stage-image .stage-title-container {
    display: block
}

.b-stage .title-table .stage-title-container {
    display: none
}

.b-stage .teaser-text {
    display: none
}

.b-stage .teaser-text-short {
    display: none
}

.b-stage .stage-teaser .stage-wrap .b-ratiobox {
    display: block
}

.b-stage .stage-wrap .b-ratiobox {
    display: none
}

.stage-overlay {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    height: 0;
    background: rgba(37, 41, 46, .9)
}

@media print,
screen and (max-width:39.99875em) {
    .stage-overlay.m-open {
        height: 100vh
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .stage-overlay.m-open {
        height: 620px
    }
    .stage-overlay .stage-video-wrapper {
        padding: 48px 0 0
    }
}

@media print,
screen and (min-width:64em) {
    .stage-overlay.m-open {
        height: 650px
    }
    .stage-overlay .stage-video-wrapper {
        padding: 80px 0 0
    }
}

.stage-overlay.m-open {
    opacity: 1;
    visibility: visible;
    display: block
}

.stageoverlaypanel-content {
    height: 100%
}

.stageoverlaypanel-close {
    position: absolute;
    top: -48px;
    right: 0;
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
    line-height: 2.8125rem;
    vertical-align: top;
    color: #fff;
    background-color: transparent;
    cursor: pointer
}

.stage-video-wrapper {
    height: 100%
}

.stage-video-wrapper .ratiofitarea-container {
    position: relative
}

.b-ratiofit-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-ratiofit-area .ratiofitarea-container {
    width: 100%;
    height: auto;
    max-width: 500px;
    margin: auto;
    -webkit-animation: rb-fx-zoomInSmall .4s;
    animation: rb-fx-zoomInSmall .4s
}

.js-stageitemscroller {
    overflow: hidden;
    position: relative
}

.js-stageitemscroller-viewport {
    overflow: hidden;
    position: relative;
    width: 100%
}

.js-stageitemscroller-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.js-stageitemscroller-cell {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.js-stageitemscroller-pagination {
    color: #fff
}

.js-stageitemscroller-pagination.m-light {
    color: #fff
}

.js-stageitemscroller-pagination.m-dark {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .js-stageitemscroller-pagination.m-dark {
    color: #fff
}

span[class*="-pagination-btn"] {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 16px;
    margin: 0;
    background: 0 0;
    cursor: pointer
}

@media print,
screen and (max-width:39.99875em) {
    span[class*="-pagination-btn"] {
        padding: 11px 8px
    }
}

@media print,
screen and (min-width:40em) {
    span[class*="-pagination-btn"] {
        padding: 5px 8px
    }
}

span[class*="-pagination-btn"]:before {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    background-color: currentColor;
    border: 1px solid #fff;
    content: ""
}

span[class*="-pagination-btn"].m-selected:before {
    background-color: #fa7d19;
    border: 1px solid #fa7d19
}

@media print,
screen and (max-width:39.99875em) {
    .b-station-filter {
        position: relative;
        z-index: 2;
        margin-bottom: 2px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-station-filter {
        right: 32px
    }
}

@media print,
screen and (min-width:40em) {
    .b-station-filter {
        position: absolute;
        top: 58px;
        margin: 0
    }
    .b-station-filter .station-filter-btn:before {
        opacity: 0;
        position: absolute;
        bottom: -7px;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        margin: 0 0 0 -13px;
        border-width: 12px 13px 0 13px;
        border-style: solid;
        border-color: #d4d5d5 transparent transparent transparent;
        content: "";
        -webkit-transition: border-color .4s ease-in-out 0s, opacity .4s ease-in-out 0s;
        transition: border-color .4s ease-in-out 0s, opacity .4s ease-in-out 0s
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-station-filter .station-filter-btn:before {
        border-color: #1f232a transparent transparent transparent
    }
    .b-station-filter .station-filter-btn.m-active:before {
        opacity: 1;
        border-color: #fff transparent transparent transparent
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-station-filter .station-filter-btn.m-active:before {
        border-color: #2a2d34 transparent transparent transparent
    }
}

@media print,
screen and (min-width:64em) {
    .b-station-filter {
        right: 96px
    }
}

.b-station-filter ul {
    list-style: none
}

.b-station-filter ul:after {
    display: table;
    clear: both;
    content: ""
}

.b-station-filter .station-filter-item {
    position: relative;
    z-index: 1;
    float: left;
    display: inline-block;
    width: 80px;
    height: 40px;
    margin: 0 0 0 1px;
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-station-filter .station-filter-item {
    background-color: #1f232a
}

.b-station-filter .station-filter-btn {
    display: table;
    clear: both;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.b-station-filter .station-filter-btn:hover {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-station-filter .station-filter-btn:hover {
    background-color: #2a2d34
}

.b-station-filter .station-filter-btn:focus:not(.m-keyboardfocus) {
    outline: 0
}

.b-station-filter .station-filter-btn.m-keyboardfocus {
    outline-offset: -2px;
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-station-filter .station-filter-btn.m-keyboardfocus {
    background-color: #1f232a
}

.b-station-filter .station-filter-btn.m-active {
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-station-filter .station-filter-btn.m-active {
    background-color: #2a2d34
}

.b-station-filter .station-filter-btn.m-active:hover {
    cursor: initial
}

.b-station-filter .station-filter-btn:after {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 40px;
    background-size: 80px 40px;
    content: "";
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.b-station-filter .station-filter-btn.zdf:after {
    background: url(/static/0.109.2334/img/logos/filter/zdf-grey.svg) center no-repeat
}

.b-station-filter .station-filter-btn.info:after {
    background: url(/static/0.109.2334/img/logos/filter/info-grey.svg) center no-repeat
}

.b-station-filter .station-filter-btn.neo:after {
    background: url(/static/0.109.2334/img/logos/filter/neo-grey.svg) center no-repeat
}

.b-station-filter .station-filter-btn .station-filter-img {
    opacity: 1;
    float: left;
    display: table-cell;
    width: 80px;
    height: 40px;
    vertical-align: middle;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.m-filtered .b-station-filter .station-filter-btn:not(.m-active):after {
    opacity: 1
}

.m-filtered .b-station-filter .station-filter-btn:not(.m-active) .station-filter-img {
    opacity: 0
}

.m-filtered .b-station-filter .station-filter-btn:not(.m-active):hover:after {
    opacity: 0
}

.m-filtered .b-station-filter .station-filter-btn:not(.m-active):hover .station-filter-img {
    opacity: 1
}

.b-station-filter.lazyload .station-filter-btn:after {
    background-image: none
}

.b-subnavigation {
    overflow: hidden;
    position: relative;
    height: 50px;
    background-color: #1f232a
}

@media print,
screen and (max-width:39.99875em) {
    .b-subnavigation .btn-toggle-epg-widget,
    .b-subnavigation .login-btn {
        margin-right: 16px
    }
    .b-subnavigation .second-nav-column {
        padding: 0 16px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-subnavigation .second-nav-row {
        overflow-x: scroll;
        overflow-y: hidden
    }
    .m-open-dialog-within .b-subnavigation {
        padding-right: var(--rb-scrollbar-width, 0)
    }
}

@media print,
screen and (min-width:64em) {
    .b-subnavigation {
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .b-subnavigation::-webkit-scrollbar {
        display: none
    }
    .b-subnavigation .second-nav {
        margin-left: -4px
    }
    .b-subnavigation .second-nav-list {
        overflow: hidden;
        padding-left: 4px
    }
    .b-subnavigation .second-nav-column {
        min-width: 1004px
    }
    .b-subnavigation .social-wrap {
        margin-right: -4px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-subnavigation {
    background-color: #25292e!important
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-subnavigation.m-text-dark {
    background-color: #1f232a!important
}

.b-subnavigation.m-text-dark .second-nav-item.current .second-nav-link {
    border-color: #fa7d19;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-subnavigation.m-text-dark .second-nav-item.current .second-nav-link {
    color: rgba(255, 255, 255, .87)
}

.b-subnavigation.m-text-dark .second-nav-link {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-subnavigation.m-text-dark .second-nav-link {
    color: rgba(255, 255, 255, .87)
}

.b-subnavigation.m-text-dark .second-nav-link:hover {
    outline: 0;
    border-bottom: 4px solid #fa7d19;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-subnavigation.m-text-dark .second-nav-link:hover {
    color: rgba(255, 255, 255, .87)
}

.b-subnavigation .second-nav-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-subnavigation .second-nav-column.m-right {
    display: block
}

.b-subnavigation .second-nav-column.m-right .social-wrap {
    float: right
}

.b-subnavigation .second-nav,
.b-subnavigation .social-wrap {
    overflow: hidden;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.b-subnavigation .second-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin: 0;
    list-style: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.b-subnavigation .second-nav-item {
    display: inline-block;
    height: 50px;
    padding: 0 32px 0 0
}

.b-subnavigation .second-nav-item.current .second-nav-link {
    border-bottom: 4px solid #fa7d19;
    color: rgba(255, 255, 255, .87)
}

.b-subnavigation .second-nav-link {
    display: block;
    height: 50px;
    outline: 0;
    font-family: Uniwidth, sans-serif;
    font-size: 1.125rem;
    line-height: 50px;
    color: rgba(255, 255, 255, .87);
    -webkit-transition: border .2s ease-in-out 0s;
    transition: border .2s ease-in-out 0s
}

@media print,
screen and (max-width:39.99875em) {
    .b-subnavigation .second-nav-link {
        font-size: 1rem
    }
}

.b-subnavigation .second-nav-link:hover {
    outline: 0;
    border-bottom: 4px solid #fa7d19;
    color: rgba(255, 255, 255, .87)
}

.b-subnavigation .second-nav-link:active,
.b-subnavigation .second-nav-link:focus {
    border-bottom: none
}

.b-subnavigation .second-nav-link.m-keyboardfocus .link-label {
    outline: 2px solid #fa7d19;
    outline-offset: 2px
}

.b-subnavigation .login-wrap {
    display: inline-block
}

.b-subnavigation .login-btn {
    float: right;
    display: block;
    height: 50px;
    padding: 0 4px;
    font-family: Uniwidth, sans-serif;
    font-size: 1.125rem;
    line-height: 50px;
    color: rgba(255, 255, 255, .87);
    -webkit-transition: border .2s ease-in-out 0s;
    transition: border .2s ease-in-out 0s
}

.b-subnavigation .login-btn:hover {
    outline: 0;
    border-bottom: 4px solid #fa7d19
}

.b-subnavigation .login-btn:focus:not(.m-keyboardfocus) {
    outline: 0
}

.b-subnavigation .login-btn.m-keyboardfocus .link-label {
    outline: 2px solid #fa7d19;
    outline-offset: 2px
}

.b-subnavigation .b-nav-arrow {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    .sticky-subnavigation {
        z-index: 90;
        content:'{"topOffset":50,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important
    }
    .sticky-subnavigation::before {
        content:'{"topOffset":50,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important;
        font-family:'{"topOffset":50,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.sticky-subnavigation.m-fixed {
    border-top: 1px solid #0d1118
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .sticky-subnavigation.sticky {
        z-index: 90;
        content:'{"topOffset":50,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important
    }
    .sticky-subnavigation.sticky::before {
        content:'{"topOffset":50,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important;
        font-family:'{"topOffset":50,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.b-table {
    overflow: hidden;
    width: 100%
}

@media print,
screen and (max-width:39.99875em) {
    .b-table {
        margin: 0 0 24px
    }
    .b-table .inner {
        margin: 0 16px
    }
    .b-table caption {
        margin: 0 0 16px;
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-table {
        margin: 0 0 32px
    }
    .b-table caption {
        margin: 0 0 24px;
        font-size: 1.625rem;
        line-height: 2.125rem
    }
}

.b-table .inner {
    overflow: auto
}

.b-table table {
    min-width: 100%;
    border-spacing: 0
}

.b-table table caption {
    font-weight: 300;
    text-align: left;
    color: #34393f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table caption {
    color: rgba(255, 255, 255, .87)
}

.b-table table tr th {
    padding: 0 16px 8px;
    font-family: Uniwidth, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table tr th {
    color: rgba(255, 255, 255, .87)
}

.b-table table tr td {
    padding: 8px 16px;
    font-size: 1rem;
    text-align: left;
    vertical-align: top;
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table tr td {
    color: rgba(255, 255, 255, .87)
}

.b-table table tr td.align-left,
.b-table table tr th.align-left {
    text-align: left
}

.b-table table tr td.align-center,
.b-table table tr th.align-center {
    text-align: center
}

.b-table table tr td.align-right,
.b-table table tr th.align-right {
    text-align: right
}

.b-table table tr:nth-child(odd) td {
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table tr:nth-child(odd) td {
    background-color: #1f232a
}

.b-tags {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b-teaser-item .b-tags {
    position: absolute;
    bottom: 40px
}

.b-tags .tag {
    height: 1.25rem;
    margin-right: .75rem;
    padding: .1875rem .375rem .125rem;
    background-color: #96999c;
    font-size: .8125rem;
    line-height: .9375rem;
    font-weight: 500;
    letter-spacing: .26px;
    text-align: center;
    color: #25292e
}

.b-content-module .artdirect-abtest .m-8-9 {
    visibility: hidden
}

.b-content-module .artdirect-abtest .m-16-9 {
    visibility: visible
}

@media print,
screen and (max-width:39.99875em) {
    .b-thirdparty.m-notitle {
        padding-top: 32px
    }
}

@media (min-width:640px) and (max-width:1023px),
(min-width:1024px) {
    .b-thirdparty.m-notitle {
        padding-top: 64px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-thirdparty .iframe-wrap {
    background-color: rgba(255, 255, 255, .87)
}

.b-thirdparty .iframe-wrap iframe {
    width: 100%
}

.b-thirdparty .iframe-wrap.x-social iframe {
    height: 60vh
}

.b-thirdparty.is-dark .match-widget {
    color: #fff
}

.b-thirdparty.is-dark .match-widget a {
    color: #fff
}

.b-thirdparty.is-dark .match-widget .match-text {
    font-weight: 700;
    color: #fa7d19
}

.b-thirdparty.is-light .x-column {
    padding: 0
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-thirdparty.is-light .zdfCustomDatawrapper {
    background-color: rgba(255, 255, 255, .87)
}

.b-thirdparty.is-light .match-widget .match-text {
    font-weight: 700;
    color: #fa7d19
}

@media (prefers-color-scheme:dark) {
    .b-thirdparty .liveblog .teaser .text a.button {
        color: #fff
    }
    .b-thirdparty .liveblog .content-feeditem footer .sharing li a {
        color: #fff
    }
}

.b-thirdparty .liveblog p {
    padding: 0!important
}

.b-thirdparty .two-click-wrap {
    background-color: #5c6166
}

@media print,
screen and (max-width:39.99875em) {
    .b-thirdparty .two-click-wrap {
        padding: 16px 0 24px
    }
    .b-thirdparty .two-click-wrap p.data-head {
        padding: 0 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-thirdparty .two-click-wrap {
        padding: 16px 16px 24px
    }
}

.b-thirdparty .two-click-wrap a,
.b-thirdparty .two-click-wrap p {
    color: #fff
}

.b-thirdparty .two-click-wrap .data-head {
    margin-bottom: 8px
}

.b-thirdparty .two-click-wrap .agree-btn {
    display: block;
    margin: 0 auto
}

.b-time-bar {
    background-color: #1f232a
}

@media print,
screen and (max-width:39.99875em) {
    .b-time-bar {
        height: 40px
    }
    .b-time-bar .pagination-centered {
        text-align: left
    }
    .b-time-bar .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-time-bar .pagination .pagination-item .time-bar-link {
        height: 40px;
        font-size: 1rem;
        line-height: 40px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-time-bar {
        position: relative;
        z-index: 1
    }
    .b-time-bar .arrow-left,
    .b-time-bar .arrow-right {
        display: none
    }
}

@media print,
screen and (min-width:40em) {
    .b-time-bar {
        height: 50px
    }
    .b-time-bar .pagination .pagination-item:first-child .time-bar-link {
        margin-left: 0
    }
    .b-time-bar .pagination .pagination-item .time-bar-link {
        height: 50px;
        font-size: 1.125rem;
        line-height: 50px
    }
}

.b-time-bar .pagination {
    position: relative;
    margin: 0
}

.b-time-bar .pagination .pagination-item {
    display: inline-block
}

.b-time-bar .pagination .pagination-item .time-bar-link {
    display: block;
    margin: 0 10px;
    font-family: Uniwidth, sans-serif;
    color: rgba(255, 255, 255, .87);
    -webkit-transition: border .2s ease-in-out 0s, opacity .4s;
    transition: border .2s ease-in-out 0s, opacity .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-time-bar .pagination .pagination-item .time-bar-link {
    color: rgba(255, 255, 255, .87)
}

.b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]):focus,
.b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]):hover {
    outline: 0;
    border-bottom: 4px solid #fa7d19;
    color: rgba(255, 255, 255, .87)
}

.b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]).m-disabled {
    color: #96999c
}

.b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]).m-disabled.m-current,
.b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]).m-disabled:focus,
.b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]).m-disabled:hover {
    border-bottom: none;
    color: #96999c;
    cursor: default
}

.b-time-bar .pagination .pagination-item .time-bar-link[tabindex="-1"] {
    opacity: .8;
    cursor: default
}

.b-time-bar .pagination .pagination-item .time-bar-link.m-keyboardfocus .link-label {
    outline: 2px solid #fa7d19;
    outline-offset: 2px
}

.b-time-bar .pagination .pagination-item.m-current .time-bar-link {
    border-bottom: 4px solid #fa7d19;
    color: rgba(255, 255, 255, .87)
}

.b-time-bar .arrow-left {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    text-align: left
}

.b-time-bar .icon-arrow_left {
    position: relative;
    height: 40px;
    padding: 0;
    font-size: 1.125rem;
    line-height: 3.75rem;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.b-time-bar .icon-arrow_left:before {
    padding: 0 64px 0 0;
    font-size: 1rem;
    line-height: 3.75rem
}

.b-time-bar .icon-arrow_left:focus,
.b-time-bar .icon-arrow_left:hover {
    color: #fff
}

.b-time-bar .arrow-right {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: right
}

.b-time-bar .icon-arrow_right {
    position: relative;
    height: 40px;
    padding: 0 0 0 64px;
    font-size: 1.125rem;
    line-height: 3.75rem;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.b-time-bar .icon-arrow_right:before {
    font-size: 1rem;
    line-height: 3.75rem
}

.b-time-bar .icon-arrow_right:focus,
.b-time-bar .icon-arrow_right:hover {
    color: #fff
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        pointer-events: all
    }
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsate {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        pointer-events: none
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        pointer-events: none
    }
}

.tivi-scroll-hint {
    position: fixed;
    top: 66.6666%;
    right: 40px;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tivi-scroll-hint .button {
    -webkit-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .5)
}

.tivi-scroll-hint .button:focus,
.tivi-scroll-hint .button:hover {
    text-decoration: none
}

.tivi-scroll-hint.fade-in .button {
    -webkit-animation-name: fadeIn, pulsate;
    animation-name: fadeIn, pulsate;
    -webkit-animation-duration: .4s, .4s;
    animation-duration: .4s, .4s;
    -webkit-animation-fill-mode: forwards, forwards;
    animation-fill-mode: forwards, forwards;
    -webkit-animation-delay: 1s, 1.5s;
    animation-delay: 1s, 1.5s;
    -webkit-animation-iteration-count: 1, 1;
    animation-iteration-count: 1, 1
}

@media (prefers-reduced-motion:reduce) {
    .tivi-scroll-hint.fade-in .button {
        -webkit-animation-name: none;
        animation-name: none
    }
}

.tivi-scroll-hint.fade-out .button {
    opacity: 1;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

@media print,
screen and (min-width:40em) {
    .x-tivi-app .tivi-scroll-hint {
        content:'{"enabled":true}'!important
    }
    .x-tivi-app .tivi-scroll-hint::before {
        content:'{"enabled":true}'!important;
        font-family:'{"enabled":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .x-tivi-app .tivi-scroll-hint .button {
        opacity: 0
    }
}

.typeahead-popover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    visibility: hidden;
    margin: 2px 0;
    background-color: #fff;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .typeahead-popover {
    background-color: #1f232a
}

.typeahead-listbox {
    overflow-x: hidden;
    overflow-y: auto
}

.typeahead-listbox-item {
    overflow: hidden;
    padding: 5px;
    cursor: pointer;
    -webkit-transition: background-color .4s;
    transition: background-color .4s
}

.typeahead-listbox-item:focus,
.typeahead-listbox-item:hover {
    background-color: #fa7d19
}

.typeahead-listbox-item:focus .listbox-value,
.typeahead-listbox-item:hover .listbox-value {
    color: #fff;
    font-weight: 700
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .typeahead-listbox-item:focus .listbox-value,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .typeahead-listbox-item:hover .listbox-value {
    color: #0d1118
}

.typeahead-listbox-item .listbox-value {
    color: #000;
    -webkit-transition: color .4s;
    transition: color .4s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .typeahead-listbox-item .listbox-value {
    color: rgba(255, 255, 255, .87)
}

.typeahead-listbox-item mark {
    font-weight: 700
}

.typeahead-listbox-item.m-disabled {
    opacity: .5;
    cursor: auto
}

.typeahead-listbox-item.m-selected {
    background-color: #d4d5d5
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .typeahead-listbox-item.m-selected {
    background-color: #2a2d34
}

.cluster-title-row {
    position: relative
}

.cluster-title-row .cluster-title {
    line-height: 2.8125rem
}

@media print,
screen and (max-width:39.99875em) {
    .cluster-title-row .cluster-title {
        line-height: 2rem
    }
}

.cluster-title-row .cluster-title.m-btn {
    padding-right: 64px
}

.cluster-title-row .cluster-title:before {
    display: none
}

[data-list-mode=confirm-delete] .section-header [data-role=confirm-delete],
[data-list-mode=confirm-delete] .section-header [data-role=enable-edit-mode],
[data-list-mode=confirm-delete] .section-header [data-role=selection-toggle],
[data-list-mode=edit] .section-header [data-role=confirm-delete-dialog],
[data-list-mode=edit] .section-header [data-role=enable-edit-mode],
[data-list-mode=empty] .section-header [data-role=confirm-delete-dialog],
[data-list-mode=empty] .section-header [data-role=confirm-delete],
[data-list-mode=empty] .section-header [data-role=disable-edit-mode],
[data-list-mode=empty] .section-header [data-role=enable-edit-mode],
[data-list-mode=empty] .section-header [data-role=selection-toggle],
[data-list-mode=loading] .section-header [data-role=confirm-delete-dialog],
[data-list-mode=loading] .section-header [data-role=confirm-delete],
[data-list-mode=loading] .section-header [data-role=disable-edit-mode],
[data-list-mode=loading] .section-header [data-role=enable-edit-mode],
[data-list-mode=loading] .section-header [data-role=selection-toggle],
[data-list-mode=ready] .section-header [data-role=confirm-delete-dialog],
[data-list-mode=ready] .section-header [data-role=confirm-delete],
[data-list-mode=ready] .section-header [data-role=disable-edit-mode],
[data-list-mode=ready] .section-header [data-role=selection-toggle],
[data-list-selection=all] .section-header [data-role=select-all],
[data-list-selection=some] .section-header [data-role=deselect-all] {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.section-header[data-module=sticky] {
    content:'{"container": ".b-content-teaser-list","topOffset":30}'!important;
    background-color: #e8e8e8;
    z-index: 10
}

.section-header[data-module=sticky]::before {
    content:'{"container": ".b-content-teaser-list","topOffset":30}'!important;
    font-family:'{"container": ".b-content-teaser-list","topOffset":30}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

.section-header[data-module=sticky] .section-header-title {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .section-header[data-module=sticky] .section-header-title {
    color: rgba(255, 255, 255, .87)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .section-header {
    background-color: #0d1118;
    color: rgba(255, 255, 255, .87)
}

@media print,
screen and (max-width:39.99875em) {
    .section-header {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .section-header {
        padding-top: 64px;
        padding-bottom: 16px
    }
}

.section-header .section-header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section-header .section-header-row.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section-header .section-header-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: Uniwidth, sans-serif;
    font-weight: 300
}

@media print,
screen and (max-width:39.99875em) {
    .section-header .section-header-title {
        margin-left: .625rem
    }
}

.section-header .section-header-title:not(.m-keyboardfocus) {
    outline: 0
}

.section-header .section-header-title.is-h2 {
    font-size: 1.625rem;
    line-height: 2rem
}

@media print,
screen and (min-width:40em) {
    .section-header .section-header-title.is-h2 {
        font-size: 2.25rem;
        line-height: 2.8125rem
    }
}

.section-header .section-header-title.is-h3 {
    font-size: 1.5rem;
    line-height: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .section-header .section-header-title.is-h3 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .section-header .section-header-title.headline-with-btn {
        width: calc(100% - 100px)
    }
}

@media print,
screen and (max-width:39.99875em) {
    .section-header .section-header-title.headline-with-btn+.headline-more-btn {
        margin-right: .625rem
    }
}

.section-header .button {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1;
    font-weight: 300
}

.section-header .button:not(:first-child) {
    margin-left: 10px
}

.section-header [data-role] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1
}

.section-header .section-header-selection-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.section-header .section-header-edit-group {
    text-align: right
}

@media print,
screen and (max-width:39.99875em) {
    .section-header .section-header-edit-group {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .section-header .section-header-edit-group .button {
        margin-top: 16px;
        font-size: 12px
    }
}

.badge {
    display: inline-block;
    border-radius: 25px;
    padding: 0 8px;
    color: #fff;
    background-color: #fa7d19
}

.badge:empty:after {
    content: attr(data-label) ""
}

.badge:empty:not([data-label]),
.badge:empty[data-label=""] {
    display: none
}

.badge.small {
    font-size: 11px;
    line-height: 20px
}

.form-field-error {
    overflow: hidden;
    display: none;
    margin: 0;
    padding: 0;
    color: #f11010
}

.dark-modal .form-field-error,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field-error {
    color: #f39a9b
}

.form-field-error .error-msg {
    font-size: .875rem;
    font-weight: 300;
    position: relative;
    display: inline-block;
    padding: 0 0 32px 0;
    color: #f11010
}

.dark-modal .form-field-error .error-msg,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field-error .error-msg {
    color: #f39a9b
}

.form-field-error .error-msg a {
    font-weight: 300;
    color: #f11010!important;
    border-color: #f11010!important
}

.dark-modal .form-field-error .error-msg a,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field-error .error-msg a {
    color: #f39a9b!important;
    border-color: #f39a9b!important
}

.form-field-error .error-msg a:hover {
    color: #f11010!important;
    border-color: #f11010!important
}

.dark-modal .form-field-error .error-msg a:hover,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field-error .error-msg a:hover {
    color: #f39a9b!important;
    border-color: #f39a9b!important
}

.small.form-field-error {
    font-size: 1rem;
    line-height: 1.375rem
}

.show.form-field-error {
    display: block
}

.form-field {
    display: block;
    margin-bottom: 32px
}

.form-field:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.form-field.has-error .large-up-show-remaining-characters:before,
.form-field.has-error .medium-up-show-remaining-characters:before,
.form-field.has-error .show-remaining-characters:before {
    color: #f39a9b!important;
    font-weight: 700
}

.dark-modal .form-field.has-error .large-up-show-remaining-characters:before,
.dark-modal .form-field.has-error .medium-up-show-remaining-characters:before,
.dark-modal .form-field.has-error .show-remaining-characters:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field.has-error .large-up-show-remaining-characters:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field.has-error .medium-up-show-remaining-characters:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field.has-error .show-remaining-characters:before {
    color: #f39a9b
}

.form-field .form-field-input-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-field .form-field-input-container.show-remaining-characters:before {
    position: absolute;
    right: 10px;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #fff;
    top: 10px;
    content: attr(data-remaining-characters) "/" attr(data-max-characters)
}

.form-field .form-field-input-container.show-remaining-characters[data-remaining-characters="*"]:before {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #fff;
    content: '*'
}

@media print,
screen and (min-width:40em) {
    .form-field .form-field-input-container.medium-up-show-remaining-characters:before {
        position: absolute;
        right: 10px;
        font-size: 1rem;
        line-height: 1.375rem;
        color: #fff;
        top: 10px;
        content: attr(data-remaining-characters) "/" attr(data-max-characters)
    }
    .form-field .form-field-input-container.medium-up-show-remaining-characters[data-remaining-characters="*"]:before {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1rem;
        line-height: 1.375rem;
        color: #fff;
        content: '*'
    }
}

@media print,
screen and (min-width:64em) {
    .form-field .form-field-input-container.large-up-show-remaining-characters:before {
        position: absolute;
        right: 10px;
        font-size: 1rem;
        line-height: 1.375rem;
        color: #fff;
        top: 10px;
        content: attr(data-remaining-characters) "/" attr(data-max-characters)
    }
    .form-field .form-field-input-container.large-up-show-remaining-characters[data-remaining-characters="*"]:before {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1rem;
        line-height: 1.375rem;
        color: #fff;
        content: '*'
    }
}

.form-field .form-field-input-wrap {
    position: relative
}

.form-field .form-field-input-wrap:focus-within input,
.form-field .form-field-input-wrap:focus-within:after,
.form-field .form-field-input-wrap:focus-within:before {
    border-color: #fa7d19!important
}

.form-field .form-field-input-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: .625rem;
    border-left: 2px solid #34393f
}

.dark-modal .form-field .form-field-input-wrap:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-input-wrap:before {
    border-color: rgba(255, 255, 255, .87)
}

.form-field .form-field-input-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: .625rem;
    border-left: 2px solid #34393f
}

.dark-modal .form-field .form-field-input-wrap:after,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-input-wrap:after {
    border-color: rgba(255, 255, 255, .87)
}

.form-field .form-field-label {
    display: block;
    font-size: .875rem;
    line-height: 1rem
}

.dark-modal .form-field .form-field-label,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label {
    color: rgba(255, 255, 255, .87)
}

.form-field .form-field-label.has-error {
    color: #f11010
}

.dark-modal .form-field .form-field-label.has-error,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label.has-error {
    color: #f39a9b
}

.form-field .form-field-label.has-error+.form-field-input-wrap .input,
.form-field .form-field-label.has-error+.form-field-input-wrap:after,
.form-field .form-field-label.has-error+.form-field-input-wrap:before,
.form-field .form-field-label.has-error+.password-input .form-field-input-wrap .input,
.form-field .form-field-label.has-error+.password-input .form-field-input-wrap:after,
.form-field .form-field-label.has-error+.password-input .form-field-input-wrap:before {
    border-color: #f11010
}

.dark-modal .form-field .form-field-label.has-error+.form-field-input-wrap .input,
.dark-modal .form-field .form-field-label.has-error+.form-field-input-wrap:after,
.dark-modal .form-field .form-field-label.has-error+.form-field-input-wrap:before,
.dark-modal .form-field .form-field-label.has-error+.password-input .form-field-input-wrap .input,
.dark-modal .form-field .form-field-label.has-error+.password-input .form-field-input-wrap:after,
.dark-modal .form-field .form-field-label.has-error+.password-input .form-field-input-wrap:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label.has-error+.form-field-input-wrap .input,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label.has-error+.form-field-input-wrap:after,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label.has-error+.form-field-input-wrap:before,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label.has-error+.password-input .form-field-input-wrap .input,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label.has-error+.password-input .form-field-input-wrap:after,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label.has-error+.password-input .form-field-input-wrap:before {
    border-color: #f39a9b
}

.form-field .form-field-label:empty {
    display: none
}

.form-field .form-field-input,
.form-field .input {
    display: inline-block;
    margin-bottom: 0;
    border-bottom: 2px solid #34393f
}

.dark-modal .form-field .form-field-input,
.dark-modal .form-field .input,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-input,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .input {
    border-color: rgba(255, 255, 255, .87)
}

.form-field .form-field-error-detail {
    margin: .4375rem 0 24px;
    font-size: .75rem!important;
    line-height: 1rem;
    color: #f11010
}

.dark-modal .form-field .form-field-error-detail,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-error-detail {
    color: #f39a9b
}

.form-field .form-field-index {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 20px;
    border-radius: 50%;
    font-size: .875rem;
    line-height: 1.125rem;
    text-align: center;
    color: rgba(255, 255, 255, .87);
    background-color: #fa7d19;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form-field .form-field-index .input {
    margin-top: 10px
}

.password-input {
    position: relative
}

.password-input .unmask-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    font-size: 24px;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.password-input .unmask-toggle [class^=icon-] {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .password-input .unmask-toggle [class^=icon-] {
    color: #9e9fa2
}

.password-input input[type=password]+.unmask-toggle [class^=icon-] {
    color: #34393f
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .password-input input[type=password]+.unmask-toggle [class^=icon-] {
    color: #9e9fa2
}

.password-input input[type=text]+.unmask-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #34393f;
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .password-input input[type=text]+.unmask-toggle:before {
    color: #9e9fa2
}

.pin-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pin-input .input {
    width: 40px;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: .75rem;
    text-align: center;
    border: 2px solid #34393f
}

.dark-modal .pin-input .input,
html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .pin-input .input {
    border-color: #fff
}

.pin-input .input:focus {
    border-color: #fa7d19
}

.list-item {
    color: #34393f;
    background-color: #d4d5d5;
    margin-bottom: 4px;
    padding: 1rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .list-item {
    color: rgba(255, 255, 255, .87)!important;
    background-color: #1f232a
}

@media print,
screen and (max-width:39.99875em) {
    .list-item {
        padding: 1rem
    }
}

.list-item[type=button] {
    width: 100%
}

.list-item:active,
.list-item:visited {
    color: #34393f
}

.list-item .right {
    margin-left: auto
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .list-item .right {
    color: #9e9fa2
}

.navigation-bar {
    background-color: #34393f;
    color: #fff;
    overflow: hidden
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .navigation-bar {
    color: rgba(255, 255, 255, .87);
    background-color: #25292e
}

.navigation-bar .navigation-bar-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.8125rem;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.navigation-bar .navigation-bar-items::-webkit-scrollbar {
    display: none;
    width: 0;
    background: 0 0
}

.navigation-bar .navigation-bar-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #d4d5d5;
    white-space: nowrap
}

.navigation-bar .navigation-bar-item:not(:last-child) {
    margin-right: 1.875rem
}

.navigation-bar .navigation-bar-item.active:after {
    content: "";
    position: absolute!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
    width: 100%;
    height: 4px;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .navigation-bar .navigation-bar-item.active:after {
    background-color: #fa7d19
}

@media print,
screen and (max-width:39.99875em) {
    .b-switch .inner {
        padding: 14px 16px 15px
    }
    .b-switch .innerPure {
        padding: 0 0 15px
    }
    .b-switch .switch-label {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .b-switch .inner {
        padding: 19px 24px 16px
    }
    .b-switch .innerPure {
        padding: 19px 24px 16px
    }
    .b-switch .switch-label {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.b-switch .inner {
    position: relative;
    margin-bottom: 5px;
    font-size: 1rem;
    line-height: 1.375rem;
    text-align: left;
    color: #34393f;
    background-color: #d4d5d5
}

.is-darkmode:not(.is-high-contrast) .b-switch .inner:not(.has-icon) {
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

.b-switch .inner.has-icon {
    margin: 15px 0;
    padding: 0;
    position: relative;
    top: 0;
    display: block;
    line-height: 50px;
    height: 50px;
    background-color: transparent
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .inner.has-icon {
        line-height: 60px;
        height: 60px;
        margin: 0
    }
}

.b-switch .inner.has-icon [class*=icon-] {
    font-size: 20px;
    color: rgba(255, 255, 255, .87);
    position: absolute;
    z-index: 1;
    cursor: pointer
}

.b-switch .inner.has-icon [class*=icon-]:before {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .inner.has-icon [class*=icon-]:before {
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.b-switch .inner.has-icon .icon-926_moon:before {
    z-index: 2
}

.b-switch .inner.has-icon .icon-925_sun-empty {
    display: none
}

.b-switch .inner.has-icon .switch-input {
    width: 26px;
    height: 26px;
    top: 12px;
    margin: 0
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .inner.has-icon .switch-input {
        right: auto;
        top: .625rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-switch .inner.has-icon .switch-input {
        right: -26px
    }
}

.b-switch .inner.has-icon .switch-input.m-keyboardfocus {
    opacity: 1;
    z-index: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .inner.has-icon .switch-input.m-keyboardfocus {
        top: 15px;
        left: -3px
    }
}

.b-switch .inner.has-icon:hover [class*=icon-]:before {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .inner.has-icon:hover [class*=icon-]:before {
        -webkit-transform: translateX(-5px) scale(1.2);
        transform: translateX(-5px) scale(1.2)
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .inner.has-icon:hover .icon-926_moon {
        top: 20px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .inner.has-icon:hover .icon-926_moon:before {
        top: -20px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .inner.has-icon:hover .icon-926_moon:after {
        -webkit-transform: translateX(-5px) scale(1.2);
        transform: translateX(-5px) scale(1.2)
    }
}

@media print,
screen and (min-width:64em) {
    .b-switch .inner.has-icon:hover .icon-926_moon:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.is-darkmode:not(.is-high-contrast) .b-switch .inner.has-icon .icon-926_moon {
    display: none
}

.is-darkmode:not(.is-high-contrast) .b-switch .inner.has-icon .icon-925_sun-empty {
    display: block
}

.b-switch .innerPure {
    position: relative;
    margin-bottom: 5px;
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: left;
    color: #34393f;
    background-color: #fff
}

.is-darkmode:not(.is-high-contrast) .b-switch .innerPure:not(.has-icon) {
    color: rgba(255, 255, 255, .87);
    background-color: #1f232a
}

.b-switch .innerPure.has-icon {
    margin: 15px 0;
    padding: 0;
    position: relative;
    top: 0;
    display: block;
    line-height: 50px;
    height: 50px;
    background-color: transparent
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .innerPure.has-icon {
        line-height: 60px;
        height: 60px;
        margin: 0
    }
}

.b-switch .innerPure.has-icon [class*=icon-] {
    font-size: 20px;
    color: rgba(255, 255, 255, .87);
    position: absolute;
    z-index: 1;
    cursor: pointer
}

.b-switch .innerPure.has-icon [class*=icon-]:before {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .innerPure.has-icon [class*=icon-]:before {
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.b-switch .innerPure.has-icon .icon-926_moon:before {
    z-index: 2
}

.b-switch .innerPure.has-icon .icon-925_sun-empty {
    display: none
}

.b-switch .innerPure.has-icon .switch-input {
    width: 26px;
    height: 26px;
    top: 12px;
    margin: 0
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .innerPure.has-icon .switch-input {
        right: auto;
        top: .625rem
    }
}

@media print,
screen and (min-width:64em) {
    .b-switch .innerPure.has-icon .switch-input {
        right: -26px
    }
}

.b-switch .innerPure.has-icon .switch-input.m-keyboardfocus {
    opacity: 1;
    z-index: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .innerPure.has-icon .switch-input.m-keyboardfocus {
        top: 15px;
        left: -3px
    }
}

.b-switch .innerPure.has-icon:hover [class*=icon-]:before {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .innerPure.has-icon:hover [class*=icon-]:before {
        -webkit-transform: translateX(-5px) scale(1.2);
        transform: translateX(-5px) scale(1.2)
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .innerPure.has-icon:hover .icon-926_moon {
        top: 20px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .innerPure.has-icon:hover .icon-926_moon:before {
        top: -20px
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch .innerPure.has-icon:hover .icon-926_moon:after {
        -webkit-transform: translateX(-5px) scale(1.2);
        transform: translateX(-5px) scale(1.2)
    }
}

@media print,
screen and (min-width:64em) {
    .b-switch .innerPure.has-icon:hover .icon-926_moon:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.is-darkmode:not(.is-high-contrast) .b-switch .innerPure.has-icon .icon-926_moon {
    display: none
}

.is-darkmode:not(.is-high-contrast) .b-switch .innerPure.has-icon .icon-925_sun-empty {
    display: block
}

.b-switch~.link-text {
    display: none
}

@media print,
screen and (max-width:63.99875em) {
    .b-switch~.link-text {
        display: block;
        position: absolute;
        color: #fff;
        left: 64px;
        top: 10px
    }
}

.b-switch .switch-label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-right: 50px;
    font-family: Uniwidth, sans-serif;
    font-weight: 300;
    vertical-align: top;
    cursor: pointer
}

.b-switch .switch-label:after,
.b-switch .switch-label:before {
    position: absolute;
    right: 0;
    cursor: pointer;
    content: "";
    -webkit-transition: background-color .1s ease-in 0s, -webkit-transform .1s ease-in 0s;
    transition: background-color .1s ease-in 0s, -webkit-transform .1s ease-in 0s;
    transition: transform .1s ease-in 0s, background-color .1s ease-in 0s;
    transition: transform .1s ease-in 0s, background-color .1s ease-in 0s, -webkit-transform .1s ease-in 0s
}

.b-switch .switch-label:before {
    top: 0;
    width: 44px;
    height: 22px;
    border-radius: 22px;
    background-color: #96999c
}

.b-switch .switch-label:after {
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: translateX(-23px);
    transform: translateX(-23px)
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-switch .switch-label:after {
    background-color: #0d1118
}

.bold.b-switch .switch-label {
    font-weight: 700
}

.b-switch .switch-input {
    opacity: 0;
    position: absolute;
    top: 16px;
    right: 25px;
    z-index: 2;
    width: 40px;
    height: 20px;
    cursor: pointer
}

.b-switch .switch-input:focus+.switch-label:before {
    background-color: #7c8083
}

.b-switch .switch-input.m-keyboardfocus+.switch-label:before {
    outline: 3px solid #fa7d19;
    outline-offset: 2px
}

.b-switch .switch-input:checked+.switch-label:after {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
}

.b-switch .switch-input:checked+.switch-label:before {
    background-color: #fa7d19
}

.b-switch .switch-input:disabled+.switch-label:before {
    background-color: rgba(250, 125, 25, .8)
}

.b-switch .switch-input:checked:disabled+.switch-label:before {
    background-color: rgba(250, 125, 25, .6)
}

.b-switch .switch-description {
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-video-module .item-description {
        margin-bottom: 16px
    }
    .b-video-module .details {
        position: relative;
        padding: 16px 16px 24px
    }
    .b-video-module .details.m-label {
        padding-top: 40px
    }
    .b-video-module .details .teaser-label {
        left: 16px;
        width: auto
    }
    .b-video-module .details .teaser-label .icon {
        display: none
    }
    .b-video-module .m-mobile {
        visibility: visible
    }
    .b-video-module .more-details {
        border-top: 2px solid #d4d5d5;
        padding: 16px
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-video-module .more-details {
        border-color: #2a2d34
    }
    .b-video-module .teaser-foot {
        padding-right: 64px;
        white-space: nowrap
    }
    .b-video-module .teaser-info {
        font-size: .875rem;
        line-height: .875rem
    }
    .b-video-module .desc-text {
        font-size: .875rem;
        line-height: 1rem
    }
    .b-video-module .download-btn {
        margin-top: 16px;
        margin-bottom: 8px
    }
    .b-video-module .download-btn:hover {
        text-decoration: underline
    }
    .b-video-module .b-plus-button {
        right: 0;
        bottom: 13px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-video-module .m-tablet {
        visibility: visible
    }
    .b-video-module .item-description {
        margin-bottom: 16px
    }
}

@media print,
screen and (min-width:40em) {
    .b-video-module .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-video-module .inner .item-title {
        margin-bottom: 16px
    }
    .b-video-module .inner .details {
        float: none;
        padding: 24px
    }
    .b-video-module .inner .details.m-label {
        padding-top: 48px
    }
    .b-video-module .inner .details .teaser-label {
        left: 24px
    }
    .b-video-module .inner .details .teaser-foot {
        width: 60%
    }
    .b-video-module .inner .more-details {
        position: relative;
        float: none;
        padding: 24px;
        vertical-align: top
    }
    .b-video-module .inner .more-details:after {
        position: absolute;
        top: 24px;
        left: -1px;
        height: calc(100% - 48px);
        border-left: 2px solid #d4d5d5;
        content: ""
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-video-module .inner .more-details:after {
        border-color: #2a2d34
    }
    .b-video-module .inner .teaser-info {
        font-size: 1rem;
        line-height: 1.25rem
    }
    .b-video-module .inner .desc-text {
        font-size: 1rem;
        line-height: 1.375rem
    }
    .b-video-module .inner .download-btn {
        margin-top: 32px;
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-video-module .item-caption .teaser-foot {
        position: absolute;
        bottom: 24px;
        margin: 0
    }
    .b-video-module .m-desktop {
        visibility: visible
    }
    .b-video-module .item-description {
        margin-bottom: 16px
    }
}

.b-video-module .content-item {
    position: relative;
    width: 100%;
    margin: 0;
    background-color: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-video-module .content-item {
    background-color: #1f232a
}

.b-video-module .content-item>.artdirect {
    display: none
}

.b-video-module .img-container {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.b-video-module .item-img {
    width: 100%;
    height: auto
}

.b-video-module .item-caption {
    position: relative;
    z-index: 2
}

.b-video-module .item-caption.m-label .inner {
    padding-top: 48px
}

.b-video-module .item-caption.m-label .teaser-label {
    top: 0
}

.b-video-module .item-caption .inner {
    clear: both;
    width: 100%;
    margin: 0
}

.b-video-module .item-caption .item-description span[class*=icon-] {
    display: none
}

.b-video-module .item-caption .item-description .more-link {
    color: #fff
}

.b-video-module .teaser-label {
    position: initial;
    top: 0;
    font-weight: 700
}

.b-video-module .teaser-cat {
    font-weight: 700;
    font-size: 1rem
}

@media print,
screen and (min-width:40em) {
    .b-video-module .teaser-cat {
        font-size: 1.125rem
    }
}

.b-video-module .teaser-foot {
    top: inherit;
    bottom: 16px;
    text-shadow: none;
    color: #34393f
}

.b-video-module .teaser-foot .teaser-info {
    font-weight: 300
}

.b-video-module .teaser-title {
    display: inline-block;
    max-width: 100%
}

.b-video-module .teaser-info {
    font-weight: 300;
    width: auto;
    max-width: 100%
}

.b-video-module .teaser-info.m-border {
    margin-right: 0
}

.b-video-module .teaser-info:not(:last-of-type):after {
    margin-left: 4px;
    content: "|"
}

.b-video-module .teaser-info span[class*=icon-] {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1rem;
    padding-right: .25rem
}

.b-video-module .desc-text {
    margin-top: .5rem
}

.b-video-module .other-infos {
    margin-top: 16px
}

.b-video-module .b-post-author {
    margin-bottom: 0
}

.b-video-module .b-post-author .author-wrap.x-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-video-module .b-post-author .valign {
    -webkit-transform: none;
    transform: none
}

.b-video-module .download-btn {
    position: relative;
    padding-left: 24px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    color: #34393f;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-video-module .download-btn {
    color: rgba(255, 255, 255, .87)
}

.b-video-module .download-btn:focus,
.b-video-module .download-btn:hover {
    color: #fa7d19
}

.b-video-module .download-btn:not(.m-keyboardfocus) {
    outline: 0
}

.b-video-module .download-btn span[class*=icon-] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    line-height: 20px
}

.b-video-module .b-plus-button {
    display: block
}

.b-video-module+.b-post-content {
    margin-top: 24px
}

.b-video-module .content-owner {
    background-color: #d4d5d5;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 8px 24px 10px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-video-module .content-owner {
    background-color: #2a2d34
}

@media print,
screen and (max-width:39.99875em) {
    .b-video-module .content-owner {
        padding: 8px 16px 9px;
        font-size: .875rem;
        line-height: 17px
    }
}

.b-video-module .content-owner .content-owner-label {
    color: #34393f;
    cursor: pointer
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-video-module .content-owner .content-owner-label {
    color: rgba(255, 255, 255, .87)
}

.b-video-module .content-owner .content-owner-label:focus,
.b-video-module .content-owner .content-owner-label:hover {
    text-decoration: underline
}

.b-weather-forecast .daily-forecast-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1px;
    background-color: #fff;
    color: #34393f
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-forecast .daily-forecast-container {
        padding: 20px
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container .day-temperature-item {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container .day-temperature-item .day-temperature-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container .day-temperature-item .day-temperature-container .day-item {
        margin-bottom: 10px
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container .icon-item {
        width: 60px;
        margin-right: 20px
    }
    .b-weather-forecast .daily-forecast-container .right-item {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
    .b-weather-forecast .daily-forecast-container .right-item .wind-rain-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: right
    }
    .b-weather-forecast .daily-forecast-container .right-item .wind-rain-container .rain-item {
        margin-bottom: 10px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-weather-forecast .daily-forecast-container {
        padding: 20px
    }
    .b-weather-forecast .daily-forecast-container .right-item {
        -webkit-box-flex: 2.6;
        -ms-flex: 2.6;
        flex: 2.6
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container .day-temperature-item {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container .day-temperature-item .day-temperature-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container .day-temperature-item .day-temperature-container .day-item {
        -webkit-box-flex: .9;
        -ms-flex: .9;
        flex: .9
    }
    .b-weather-forecast .daily-forecast-container .left-item .day-temperature-icon-container .icon-item {
        width: 70px
    }
    .b-weather-forecast .daily-forecast-container .right-item .wind-rain-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .b-weather-forecast .daily-forecast-container .right-item .wind-rain-container .spacing-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .b-weather-forecast .daily-forecast-container .right-item .wind-rain-container .wind-item {
        text-align: left;
        padding-right: 15px;
        -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
        flex: 1.5
    }
    .b-weather-forecast .daily-forecast-container .right-item .wind-rain-container .rain-item {
        -webkit-box-flex: .6;
        -ms-flex: .6;
        flex: .6
    }
}

@media print,
screen and (min-width:64em) {
    .b-weather-forecast .daily-forecast-container {
        padding: 15px 38px
    }
    .b-weather-forecast .daily-forecast-container .right-item {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

.b-weather-forecast .daily-forecast-container .left-item {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-forecast .daily-forecast-container {
    background-color: #1f232a;
    color: rgba(255, 255, 255, .87)
}

.b-weather-local .weather-local-tab-container {
    max-width: 72rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    outline: 0
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-local .weather-preview-container {
        margin: 40px 20px 0 20px
    }
    .b-weather-local .weather-preview-container .icon-item {
        margin: 0 0 20px -30px;
        width: 90px
    }
    .b-weather-local .weather-info-bar-container {
        margin-bottom: 20px
    }
    .b-weather-local .weather-info-bar-container .infos-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 40px 0 0 20px
    }
    .b-weather-local .weather-info-bar-container .infos-container .weather-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b-weather-local .weather-info-bar-container .infos-container .weather-info-item :not(:last-child) {
        margin-bottom: 20px
    }
    .b-weather-local .weather-info-bar-container .infos-container .weather-info-item .weather-info-icon {
        width: 45px;
        display: inline-block;
        text-align: center;
        padding-right: 10px
    }
    .b-weather-local .weather-info-bar-container .info-image-item {
        width: 215px;
        margin-left: 10px
    }
    .b-weather-local .weather-forcast-slider {
        margin: 0
    }
    .b-weather-local .weather-forcast-item {
        padding: 15px 20px;
        color: #34393f
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-local .weather-forcast-item {
        color: rgba(255, 255, 255, .87)
    }
    .b-weather-local .weather-forcast-item .weather-forcast-item-icon {
        margin: 7px 0
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-weather-local .weather-preview-container .temperature-description-container {
        margin-right: 5px
    }
    .b-weather-local .weather-preview-container .icon-item {
        margin: 0 40px -15px 10px;
        width: 155px
    }
    .b-weather-local .weather-preview-container .image-item {
        width: 215px;
        margin-bottom: -30px
    }
    .b-weather-local .weather-info-bar-container {
        margin: 40px 0 40px 0
    }
    .b-weather-local .weather-info-bar-container .info-item {
        width: 100%
    }
    .b-weather-local .weather-info-bar-container .info-item .weather-info-item {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-local {
        overflow: hidden
    }
    .b-weather-local .weather-info-bar-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b-weather-local .weather-info-bar-container .infos-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .b-weather-local .weather-forcast-slider {
        position: relative;
        height: 200px;
        margin: 0 auto
    }
    .b-weather-local .weather-forcast-slider .weather-forcast-slider-container {
        height: 100%
    }
    .b-weather-local .weather-forcast-slider.scroll-box {
        content:'{"cutScroll":true}'!important
    }
    .b-weather-local .weather-forcast-slider.scroll-box::before {
        content:'{"cutScroll":true}'!important;
        font-family:'{"cutScroll":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
    .b-weather-local .weather-forcast-item {
        padding: 36px;
        text-align: center;
        color: #34393f
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-local .weather-forcast-item {
        color: rgba(255, 255, 255, .87)
    }
    .b-weather-local .weather-forcast-item .weather-forcast-item-icon {
        margin: 20px 0
    }
}

@media print,
screen and (min-width:64em) {
    .b-weather-local .weather-preview-container {
        padding-bottom: 65px
    }
    .b-weather-local .weather-preview-container .icon-item {
        margin: 0 40px -15px 0;
        width: 175px
    }
    .b-weather-local .weather-preview-container .image-item {
        width: 270px;
        margin-bottom: -30px
    }
    .b-weather-local .weather-info-bar-container {
        margin-bottom: 40px
    }
    .b-weather-local .weather-info-bar-container .weather-info-item:not(:last-child) {
        margin-right: 90px
    }
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-local .weather-info-bar-container .weather-info-item {
    color: #9e9fa2
}

.b-weather-local .select-wrap {
    max-width: 20rem
}

.weather-preview-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.weather-preview-container .temperature-description-container {
    margin-right: 40px
}

.weather-preview-container .temperature-description-container .description-item {
    padding-top: 10px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .weather-preview-container .temperature-description-container {
    color: #9e9fa2
}

.weather-local__select-label {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 300;
    margin-bottom: .375rem
}

@media print,
screen and (max-width:39.99875em) {
    .weather-local__select-label {
        padding: 0 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .select-wrap {
        padding: 0 16px
    }
}

.weather-info-bar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.weather-info-bar-container .weather-info-icon {
    color: #96999c
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .weather-info-bar-container .weather-info-icon {
    color: #9e9fa2
}

.weather-forcast-slider-container {
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    height: 100%;
    max-height: 720px;
    white-space: nowrap;
    will-change: transform;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch
}

.weather-forcast-slider {
    position: relative;
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .weather-forcast-slider {
    background-color: #1f232a
}

.weather-forcast-item-icon {
    width: 50px;
    height: 50px
}

@media print,
screen and (max-width:39.99875em) {
    .weather-font.font-big {
        font-size: 1.375rem
    }
}

@media print,
screen and (min-width:40em) {
    .weather-font.font-big {
        font-size: 2rem
    }
}

@media print,
screen and (max-width:39.99875em) {
    .weather-font.font-x-big {
        font-size: 5rem
    }
}

@media print,
screen and (min-width:40em) {
    .weather-font.font-x-big {
        font-size: 4.6875rem
    }
}

@media print,
screen and (min-width:64em) {
    .weather-font.font-x-big {
        font-size: 5.625rem
    }
}

.weather-icon {
    vertical-align: middle
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .weather-icon {
    color: #9e9fa2
}

@media print,
screen and (max-width:39.99875em) {
    .weather-icon.weather-icon-medium {
        font-size: 1.75rem
    }
}

@media print,
screen and (min-width:40em) {
    .weather-icon.weather-icon-medium {
        padding: 10px;
        font-size: 1.875rem
    }
}

.b-weather-maps .weather-maps-tab-container {
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-maps .weather-maps-tab-container {
        padding-top: 32px
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-maps .weather-maps-tab-container {
        padding-top: 64px
    }
}

@media only screen and (min-width:40em) {
    .b-weather-maps .weather-maps-tab-container {
        padding-right: .375rem;
        padding-left: .375rem
    }
}

.b-weather-maps .weather-maps-tab-container>div {
    outline: 0
}

.b-weather-maps .section-header {
    padding-top: 0
}

.b-weather-maps .text-item {
    font-weight: 500
}

.b-weather-maps .weather-maps-agenda-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-maps .weather-maps-item {
        padding: 20px 40px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-weather-maps .weather-maps-item {
        padding: 0 50px
    }
}

@media print,
screen and (min-width:64em) {
    .b-weather-maps .weather-maps-item {
        padding-right: 65px
    }
}

.b-weather-maps .weather-maps-subheadline .small-headline {
    padding: 0
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    .b-weather-maps .weather-maps-subheadline {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-maps .weather-maps-container .lazyload-container {
        min-width: 285px
    }
    .b-weather-maps .weather-maps-container .artdirect {
        width: 285px
    }
    .b-weather-maps .weather-maps-container .artdirect:first-child {
        padding-left: 20px
    }
    .b-weather-maps .weather-maps-selection {
        margin-bottom: 10px
    }
    .b-weather-maps .weather-maps-tab {
        margin-right: .25rem;
        padding: .375rem .625rem
    }
    .b-weather-maps .weather-maps-agenda-wrap {
        padding: 0
    }
}

@media print,
screen and (max-width:63.99875em) {
    .b-weather-maps .weather-maps-agenda-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .b-weather-maps .weather-maps-agenda-wrap .weather-maps-agenda {
        margin-left: 10px;
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }
    .b-weather-maps .weather-maps-agenda-wrap .weather-maps-agenda .agenda-item {
        margin-bottom: 10px
    }
    .b-weather-maps .weather-maps-agenda-wrap .weather-maps-agenda .agenda-item img {
        height: 20px;
        margin-right: 4px
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-maps .lazyload-container {
        min-width: 330px
    }
    .b-weather-maps .weather-maps-container .artdirect {
        width: 330px;
        margin-right: 20px
    }
    .b-weather-maps .weather-maps-tab {
        padding: .3rem
    }
    .b-weather-maps .weather-maps-tab:not(:last-child) {
        margin-right: .2rem
    }
    .b-weather-maps .weather-maps-agenda-wrap {
        padding-right: 16px;
        padding-left: 16px
    }
    .b-weather-maps .scroll-arrow.x-next:not(:disabled)+.gradient,
    .b-weather-maps .scroll-arrow.x-prev:not(:disabled)+.gradient {
        height: 420px;
        width: 150px;
        top: 0;
        position: absolute;
        z-index: 1;
        opacity: .8
    }
    .b-weather-maps .scroll-arrow.x-next:not(:disabled)+.gradient.gradient-left,
    .b-weather-maps .scroll-arrow.x-prev:not(:disabled)+.gradient.gradient-left {
        left: 0;
        background: -webkit-gradient(linear, left top, right top, from(#e8e8e8), color-stop(70%, rgba(232, 232, 232, .2)), to(rgba(232, 232, 232, 0)));
        background: -webkit-linear-gradient(left, #e8e8e8 0, rgba(232, 232, 232, .2) 70%, rgba(232, 232, 232, 0) 100%);
        background: linear-gradient(to right, #e8e8e8 0, rgba(232, 232, 232, .2) 70%, rgba(232, 232, 232, 0) 100%)
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-maps .scroll-arrow.x-next:not(:disabled)+.gradient.gradient-left,
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-maps .scroll-arrow.x-prev:not(:disabled)+.gradient.gradient-left {
        background: -webkit-gradient(linear, left top, right top, from(#0d1118), color-stop(70%, rgba(13, 17, 24, .2)), to(rgba(13, 17, 24, 0)));
        background: -webkit-linear-gradient(left, #0d1118 0, rgba(13, 17, 24, .2) 70%, rgba(13, 17, 24, 0) 100%);
        background: linear-gradient(to right, #0d1118 0, rgba(13, 17, 24, .2) 70%, rgba(13, 17, 24, 0) 100%)
    }
    .x-tivi-app .b-weather-maps .scroll-arrow.x-next:not(:disabled)+.gradient.gradient-left,
    .x-tivi-app .b-weather-maps .scroll-arrow.x-prev:not(:disabled)+.gradient.gradient-left {
        background: -webkit-gradient(linear, left top, right top, from(white), color-stop(70%, rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, .2) 70%, rgba(255, 255, 255, 0) 100%)
    }
    .b-weather-maps .scroll-arrow.x-next:not(:disabled)+.gradient.gradient-right,
    .b-weather-maps .scroll-arrow.x-prev:not(:disabled)+.gradient.gradient-right {
        right: 0;
        background: -webkit-gradient(linear, right top, left top, from(#e8e8e8), color-stop(70%, rgba(232, 232, 232, .2)), to(rgba(232, 232, 232, 0)));
        background: -webkit-linear-gradient(right, #e8e8e8 0, rgba(232, 232, 232, .2) 70%, rgba(232, 232, 232, 0) 100%);
        background: linear-gradient(to left, #e8e8e8 0, rgba(232, 232, 232, .2) 70%, rgba(232, 232, 232, 0) 100%)
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-maps .scroll-arrow.x-next:not(:disabled)+.gradient.gradient-right,
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-maps .scroll-arrow.x-prev:not(:disabled)+.gradient.gradient-right {
        background: -webkit-gradient(linear, right top, left top, from(#0d1118), color-stop(70%, rgba(13, 17, 24, .2)), to(rgba(13, 17, 24, 0)));
        background: -webkit-linear-gradient(right, #0d1118 0, rgba(13, 17, 24, .2) 70%, rgba(13, 17, 24, 0) 100%);
        background: linear-gradient(to left, #0d1118 0, rgba(13, 17, 24, .2) 70%, rgba(13, 17, 24, 0) 100%)
    }
    .x-tivi-app .b-weather-maps .scroll-arrow.x-next:not(:disabled)+.gradient.gradient-right,
    .x-tivi-app .b-weather-maps .scroll-arrow.x-prev:not(:disabled)+.gradient.gradient-right {
        background: -webkit-gradient(linear, right top, left top, from(white), color-stop(70%, rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(right, #fff 0, rgba(255, 255, 255, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to left, #fff 0, rgba(255, 255, 255, .2) 70%, rgba(255, 255, 255, 0) 100%)
    }
}

@media print,
screen and (min-width:64em) {
    .b-weather-maps .weather-maps-agenda-wrap .weather-maps-agenda {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: justify
    }
    .b-weather-maps .weather-maps-agenda-wrap .weather-maps-agenda .agenda-item {
        margin-left: 10px;
        margin-right: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .b-weather-maps .weather-maps-agenda-wrap .weather-maps-agenda .agenda-item img {
        height: 30px;
        margin-right: 5px
    }
}

.b-weather-maps .weather-maps-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 270px;
    clear: both;
    width: 100%;
    white-space: nowrap;
    margin-top: 30px;
    will-change: transform;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch
}

.b-weather-maps .weather-maps-container .artdirect {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.b-weather-maps .weather-maps-container .artdirect img {
    width: 100%
}

.b-weather-maps .weather-maps-slider {
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.b-weather-maps .weather-maps-tabs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.b-weather-maps .weather-maps-tab {
    cursor: pointer;
    background: center no-repeat #cecfcf;
    background-size: 30px;
    -webkit-transition: background-color ease .2s;
    transition: background-color ease .2s;
    width: 40px;
    height: 40px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-maps .weather-maps-tab {
    background-color: #1f232a
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-maps .weather-maps-tab_img {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.b-weather-maps .weather-maps-tab[aria-expanded=true] {
    background: center no-repeat #fff;
    background-size: 30px
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-maps .weather-maps-tab[aria-expanded=true] {
    background-color: #33373d
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-maps .m-small {
        visibility: visible
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-maps .m-medium {
        visibility: visible
    }
}

.b-weather-maps .js-panelgroup-panel.m-open {
    -webkit-animation: fadeIn ease 1s;
    animation: fadeIn ease 1s
}

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

.weather-radar-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px 16px 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, .6)));
    background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0, rgba(37, 41, 46, .6) 100%);
    content: "";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (min-width:40em) {
    .weather-radar-controls {
        padding: 20px
    }
}

.weather-radar-controls .play-btn {
    z-index: 2;
    width: 50px;
    height: 50px;
    margin-right: 16px;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    pointer-events: all
}

.seekbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px;
    padding: 10px 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    justify-self: stretch
}

.seekbar-progress {
    width: 100%;
    height: 3px;
    background-color: #f5f5f5
}

.seekbar-progress [role=progressbar] {
    position: relative;
    height: 100%;
    background: #fa7d19
}

.seekbar input[type=range] {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    outline: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: 0 0
}

.seekbar input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    display: block;
    width: 48px;
    height: 48px;
    outline: 0;
    border: none;
    background-color: transparent
}

.seekbar input[type=range]::-moz-range-thumb {
    display: block;
    width: 48px;
    height: 48px;
    outline: 0;
    border: 0;
    border: none;
    background: 0 0
}

.seekbar input[type=range]::-moz-range-track {
    border: 0;
    background: 0 0
}

.seekbar input[type=range]::-moz-focus-outer {
    border: 0
}

.seekbar-progress [role=progressbar]:after {
    position: absolute;
    top: -11px;
    right: -12px;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    background-color: #fff;
    content: " "
}

.b-weather-radar {
    position: relative
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-radar .weather-radar-tab {
        padding: .375rem .625rem;
        color: #34393f
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-radar .weather-radar-tab {
        color: #9e9fa2
    }
    .b-weather-radar .weather-radar-selection {
        margin-bottom: 10px
    }
}

@media print,
screen and (min-width:40em) {
    .b-weather-radar .weather-radar-tab {
        padding: .625rem 1rem;
        color: #34393f
    }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-radar .weather-radar-tab {
        color: #9e9fa2
    }
    .b-weather-radar .weather-radar-selection {
        margin-bottom: 30px
    }
}

@media (hover:hover) and (pointer:fine) {
    :not(.m-state-initial).b-weather-radar .weather-radar-controls {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    :hover:not(.m-state-initial).b-weather-radar .weather-radar-controls {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.m-state-initial.b-weather-radar .weather-radar-controls {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.b-weather-radar .weather-radar-controls {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.b-weather-radar .weather-radar-container {
    overflow: hidden;
    position: relative
}

.b-weather-radar .weather-radar-image {
    width: 100%
}

.b-weather-radar .big-play-btn {
    opacity: .8;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 80px;
    height: 80px;
    margin: -40px;
    background-size: contain;
    pointer-events: all;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

@media (hover:hover) and (pointer:fine) {
    .b-weather-radar .big-play-btn:hover {
        opacity: 1
    }
}

.b-weather-radar .big-play-btn:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.b-weather-radar .big-play-btn:focus {
    opacity: 1
}

.b-weather-radar .weather-radar-tabs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.b-weather-radar .weather-radar-tab {
    position: relative;
    margin-right: .25rem;
    background: #cecfcf;
    color: #34393f;
    cursor: pointer;
    -webkit-transition: background ease .2s;
    transition: background ease .2s
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-radar .weather-radar-tab {
    background-color: #1f232a;
    color: #9e9fa2
}

.b-weather-radar .weather-radar-tab.is-active {
    background: #fff
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-radar .weather-radar-tab.is-active {
    background-color: #33373d;
    color: rgba(255, 255, 255, .87)
}

.b-weather-radar .weather-radar-tab.is-active:after {
    opacity: 1
}

.b-weather-radar .weather-radar-tab:after {
    opacity: 0;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-top: solid 10px #fff;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
    content: ""
}

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-weather-radar .weather-radar-tab:after {
    border-top: solid 10px #33373d
}

@media print,
screen and (max-width:39.99875em) {
    .b-weather-slider .weather-slider-container .slider-item {
        max-height: 211px
    }
    .b-weather-slider .weather-slider-pagination {
        width: 100%;
        text-align: center
    }
}

.b-weather-slider .weather-slider-selection {
    float: right;
    margin-top: -83px
}

.b-weather-slider .weather-slider-tabs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.b-weather-slider .weather-slider-tab {
    padding: .6rem .9rem;
    margin-right: .2rem;
    cursor: pointer;
    background: #cecfcf;
    font-weight: 700;
    -webkit-transition: background ease .2s;
    transition: background ease .2s
}

.b-weather-slider .weather-slider-tab[aria-expanded=true] {
    background: #fff
}

.b-weather-slider .weather-slider-container {
    position: relative;
    margin-bottom: 16px
}

.b-weather-slider .weather-slider-container .scroll-arrow.x-prev:disabled {
    display: none
}

.b-weather-slider .weather-slider-container .scroll-arrow.x-next:disabled {
    display: none
}

.b-weather-slider .weather-slider-container .slider-item {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.b-weather-slider .weather-slider-container .slider-item img {
    width: 100%
}

.b-weather-slider .weather-slider-pagination {
    z-index: 10;
    width: auto;
    height: 32px;
    margin: 0;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-weather-slider .map-container {
    width: 100%
}

.b-weather-slider .map-container img {
    width: 100%
}

.android-player-teaser .stage-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 -24px
}

.android-player-teaser .android-poster {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media print,
screen and (max-width:39.99875em) {
    .b-playerbox {
        content:'{"pipEnabled":false,"showInPlayerFskDialog":false}'!important
    }
    .b-playerbox::before {
        content:'{"pipEnabled":false,"showInPlayerFskDialog":false}'!important;
        font-family:'{"pipEnabled":false,"showInPlayerFskDialog":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media print,
screen and (min-width:40em) {
    .b-playerbox {
        content:'{"pipEnabled":true,"showInPlayerFskDialog":true}'!important
    }
    .b-playerbox::before {
        content:'{"pipEnabled":true,"showInPlayerFskDialog":true}'!important;
        font-family:'{"pipEnabled":true,"showInPlayerFskDialog":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media screen and (min-device-width:375px) and (max-device-width:767px) and (orientation:landscape) {
    .b-playerbox {
        content:'{"pipEnabled":false}'!important
    }
    .b-playerbox::before {
        content:'{"pipEnabled":false}'!important;
        font-family:'{"pipEnabled":false}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media screen and (min-device-width:768px) and (max-device-width:812px) and (orientation:landscape) {
    .b-playerbox {
        content:'{"pipEnabled":false,"showInPlayerFskDialog":true}'!important
    }
    .b-playerbox::before {
        content:'{"pipEnabled":false,"showInPlayerFskDialog":true}'!important;
        font-family:'{"pipEnabled":false,"showInPlayerFskDialog":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media screen and (min-device-width:813px) and (max-device-width:1024px) and (orientation:landscape) {
    .b-playerbox {
        content:'{"showInPlayerFskDialog":true}'!important
    }
    .b-playerbox::before {
        content:'{"showInPlayerFskDialog":true}'!important;
        font-family:'{"showInPlayerFskDialog":true}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

.b-playerbox .b-zdfplayer,
.b-playerbox .b-zdfplayer .b-zdfplayer-start-screen {
    background-color: transparent
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-cluster,
    html.x-tivi-app .b-cluster-livestream,
    html.x-tivi-app .b-cluster-poster {
        margin-left: 0
    }
}

html.x-tivi-app .b-cluster-poster-teaser,
html.x-tivi-app .b-cluster-teaser,
html.x-tivi-app .b-cluster-teaser-livestream {
    margin-left: 2px
}

html.x-tivi-app .b-cluster-poster-teaser:first-child,
html.x-tivi-app .b-cluster-teaser-livestream:first-child,
html.x-tivi-app .b-cluster-teaser:first-child {
    margin-left: 0
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .cluster-title-row {
        padding: 0 24px
    }
}

html.x-tivi-app .b-cluster-teaser {
    border: 1px solid #e8e8e8
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-cluster-teaser.b-vertical-teaser .box {
        position: relative
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-cluster-teaser.b-vertical-teaser .image-teaser {
        width: 320px
    }
}

html.x-tivi-app .b-cluster-teaser.b-vertical-teaser .teaser-title,
html.x-tivi-app .b-cluster-teaser.b-vertical-teaser .teaser-title-link {
    position: inherit
}

html.x-tivi-app .b-cluster-teaser.b-vertical-teaser .icon-502_play {
    position: absolute;
    display: block
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-cluster-teaser.b-vertical-teaser .icon-502_play {
        left: auto;
        width: 36px;
        height: 36px;
        margin: 0!important;
        top: -12px;
        right: 0
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-cluster-teaser.b-vertical-teaser .icon-502_play {
        top: -26px;
        right: -7px
    }
}

html.x-tivi-app .b-cluster-teaser .teaser-label {
    bottom: 10px
}

html.x-tivi-app .b-cluster-teaser .teaser-foot {
    overflow: visible;
    left: 12px;
    right: 9px;
    top: -30px;
    color: #fff
}

@media print,
screen and (min-width:64em) {
    html.x-tivi-app .b-cluster-teaser .teaser-foot {
        left: 16px
    }
}

html.x-tivi-app .b-cluster-teaser .seamless-percent {
    display: none
}

html.x-tivi-app .b-cluster-teaser .cluster-teaser-overview .bottom-teaser-box {
    border: none
}

html.x-tivi-app .b-cluster-teaser .cluster-teaser-overview .box {
    background: 0 0
}

html.x-tivi-app .b-cluster-poster .teaser-open-btn,
html.x-tivi-app .b-cluster-teaser.b-vertical-teaser .teaser-open-btn {
    display: none
}

html.x-tivi-app.x-tivi-app-3 .post-page {
    padding-top: 0!important
}

html.x-tivi-app.x-tivi-app-3 .post-page:before {
    display: none!important
}

html.x-tivi-app .post-page {
    position: relative;
    padding-top: 70px
}

html.x-tivi-app .post-page:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(50, 50, 50, .7);
    content: ""
}

html.x-tivi-app .post-page .b-post-header.m-photo .b-plus-button {
    top: -8px
}

html.x-tivi-app .post-page .b-post-header.m-photo .logo-link {
    display: none
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .post-page .b-post-header>.x-row>.x-column {
        padding: 0 16px
    }
}

html.x-tivi-app .post-page .b-post-header .b-plus-button {
    top: inherit
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .post-page .b-post-header .b-plus-button {
        bottom: 4px
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .post-page .b-post-header .b-plus-button {
        bottom: 10px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .post-page .b-post-header .logo-link {
        margin: 0 0 16px 16px
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    html.x-tivi-app .post-page .b-post-header .logo-link {
        margin-top: 0
    }
}

@media print,
screen and (max-width:63.99875em) {
    html.x-tivi-app .post-page .b-post-header .show-for-large-only {
        display: block
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    html.x-tivi-app .post-page .b-post-header .anchor-nav-wrap.x-large-2 {
        width: 16.66667%!important
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    html.x-tivi-app .post-page .b-post-header .title-wrap.x-large-10 {
        width: 83.33333%!important
    }
}

@media print,
screen and (max-width:63.99875em) {
    html.x-tivi-app .post-page .b-post-header .title-wrap .big-headline {
        margin-top: 0
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .post-page.m-tivi-video .b-like-module {
        position: absolute;
        top: calc(56.25vw + 16px);
        right: 0;
        z-index: 1;
        width: auto;
        color: #fff
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .post-page.m-tivi-video .b-like-module .icon {
        border-color: #fff
    }
}

html.x-tivi-app .b-info-bar {
    padding: 0
}

html.x-tivi-app .b-info-bar>.x-row {
    position: relative
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-video-module .more-details {
        border-right: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-video-module .details {
        border-left: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8
    }
}

html.x-tivi-app .b-post-content {
    color: #34393f;
    padding-top: 16px
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-post-content>.x-row>.x-column {
        padding: 0 16px
    }
}

html.x-tivi-app .b-post-content .b-blockquote-teaser .inner {
    border-bottom: none
}

html.x-tivi-app .b-post-content .b-content-teaser-item:not(.b-blockquote-teaser) .box {
    border: none
}

html.x-tivi-app .b-post-content .b-content-teaser-item:not(.b-blockquote-teaser) .teaser-cat,
html.x-tivi-app .b-post-content .b-content-teaser-item:not(.b-blockquote-teaser) .teaser-info,
html.x-tivi-app .b-post-content .b-content-teaser-item:not(.b-blockquote-teaser) .teaser-title-link {
    color: #fff
}

html.x-tivi-app .b-post-content .b-content-teaser-item .seamless-percent {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-post-content .b-content-teaser-list .b-content-teaser-item:not(.b-blockquote-teaser):first-child .box {
        border-top: 1px solid #e8e8e8
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-post-content .b-content-teaser-list .b-content-teaser-item:not(.b-blockquote-teaser) .box {
        margin-bottom: 2px;
        border-bottom: 1px solid #e8e8e8
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-post-content .b-content-teaser-list .b-content-teaser-item:not(.b-blockquote-teaser) .box {
        border-right: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8
    }
}

html.x-tivi-app .b-post-content .b-content-teaser-list .b-content-teaser-item:not(.b-blockquote-teaser) .teaser-info,
html.x-tivi-app .b-post-content .b-content-teaser-list .b-content-teaser-item:not(.b-blockquote-teaser) .teaser-title-link {
    color: #34393f
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-post-footer>.x-row>.x-column {
        padding: 0 16px
    }
}

html.x-tivi-app .b-stage {
    z-index: 2
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    html.x-tivi-app .b-stage .stage-item .stage-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap.m-small .stage-image {
        height: 143px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap.m-medium .stage-image {
        height: 173px
    }
}

html.x-tivi-app .b-stage .stage-wrap.m-large .stage-image {
    cursor: pointer;
    pointer-events: all
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap.m-large .stage-image {
        height: 203px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

html.x-tivi-app .b-stage .stage-wrap.m-large .box-title-wrap .title-table .box.m-label {
    padding-bottom: 64px
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap.m-large .box-title-wrap,
    html.x-tivi-app .b-stage .stage-wrap.m-large .box-title-wrap .title-table,
    html.x-tivi-app .b-stage .stage-wrap.m-large .box-title-wrap .title-table .box.m-label {
        height: 100%
    }
}

html.x-tivi-app .b-stage .stage-wrap.m-large .seamless-percent {
    display: none
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-stage .stage-wrap:not(.m-small) {
        height: 340px
    }
}

html.x-tivi-app .b-stage .stage-wrap:not(.m-small) .teaser-text {
    display: none
}

html.x-tivi-app .b-stage .stage-wrap:not(.m-small) .stage-play-btn {
    opacity: 1
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap:not(.m-small) .stage-play-btn {
        top: -20px;
        right: 10px;
        left: initial;
        display: block!important;
        width: 48px;
        height: 48px
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-stage .stage-wrap:not(.m-small) .stage-play-btn {
        width: 60px;
        height: 60px;
        margin: -30px 0 -30px
    }
}

html.x-tivi-app .b-stage .stage-wrap:not(.m-small) .stage-play-btn:before {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap:not(.m-small) .b-plus-button {
        top: initial;
        right: 10px;
        bottom: 24px
    }
}

html.x-tivi-app .b-stage .stage-wrap:not(.m-small) .teaser-foot .icon-502_play {
    display: none
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-stage .stage-wrap .box {
        padding-bottom: 16px!important
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap .logo {
        margin-left: 32px
    }
}

@media print,
screen and (min-width:64em) {
    html.x-tivi-app .b-stage .stage-wrap .logo {
        margin-left: 40px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap .stage-title {
        margin-top: 48px
    }
}

html.x-tivi-app .b-stage .stage-wrap .stage-play-btn .contrast {
    display: none
}

html.x-tivi-app .b-stage.x-slider .stage-wrap .box {
    background-color: transparent
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .scroll-pagination {
        position: absolute;
        z-index: 1
    }
}

html.x-tivi-app body {
    background-color: #f5f5f5
}

html.x-tivi-app #skip-nav,
html.x-tivi-app .b-alert,
html.x-tivi-app .b-breadcrumbs,
html.x-tivi-app .b-content-module .icon-502_play,
html.x-tivi-app .b-debug-alert,
html.x-tivi-app .b-footer,
html.x-tivi-app .b-header,
html.x-tivi-app .b-news-alert,
html.x-tivi-app .b-system-dialog,
html.x-tivi-app .stage-xs-wrapper,
html.x-tivi-app .x-web-only {
    display: none!important
}

html.x-tivi-app .main {
    padding: 0 0 80px
}

html.x-tivi-app .show-for-tivi-app {
    display: inline-block!important
}

html.x-tivi-app .hide-for-tivi-app {
    display: none!important
}

html.x-tivi-app .stage-play-btn.m-focus-within,
html.x-tivi-app .stage-play-btn:active {
    -webkit-animation-name: microanimation;
    animation-name: microanimation;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

html.x-tivi-app .load-more-container .showmore-btn {
    content:'{"from": "-50eh","to": "100vh - 50eh","once":true,"throttleDelay":300}'!important
}

html.x-tivi-app .load-more-container .showmore-btn::before {
    content:'{"from": "-50eh","to": "100vh - 50eh","once":true,"throttleDelay":300}'!important;
    font-family:'{"from": "-50eh","to": "100vh - 50eh","once":true,"throttleDelay":300}'!important;
    visibility: hidden!important;
    display: block!important;
    height: 0!important;
    width: 0;
    clear: both;
    overflow: hidden
}

html.x-tivi-app .load-more-container .showmore-btn.m-in-scrollrange {
    -webkit-animation-name: microanimation;
    animation-name: microanimation;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

html.x-tivi-app .teaser-cat:not(.m-light) .teaser-cat-brand {
    color: #34393f
}

html.x-tivi-app .teaser-cat .teaser-cat-category,
html.x-tivi-app .teaser-cat .teaser-cat-separator {
    display: none
}

html.x-tivi-app .cluster-teaser-overview .teaser-cat:not(.m-light) .teaser-cat-brand {
    color: #fff
}

html.x-tivi-app .teaser-info {
    font-weight: 700
}

html.x-tivi-app .teaser-info .is-tivi {
    display: block
}

html.x-tivi-app .teaser-info .is-not-tivi {
    display: none
}

html.x-tivi-app .teaser-label .label-end {
    margin-left: 4px
}

html.x-tivi-app .teaser-foot.tivi-hidden {
    display: none
}

html.x-tivi-app .icon-502_play:not(.keep-appearance) {
    background-size: contain
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .icon-502_play:not(.keep-appearance) {
        width: 36px;
        height: 36px;
        margin: -18px 0 0 -18px
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .icon-502_play:not(.keep-appearance) {
        width: 48px;
        height: 48px
    }
}

html.x-tivi-app .icon-502_play:not(.keep-appearance):before {
    display: none
}

html.x-tivi-app .m-search-open .b-search-list:not(.m-taglist) {
    margin-top: 0
}

html.x-tivi-app .b-selectbox .selectbox-input,
html.x-tivi-app .b-selectbox .selectbox-input:after {
    height: 32px;
    border: 1px solid #d4d5d5
}

html.x-tivi-app .b-broadcast-module .broadcast-item .inner,
html.x-tivi-app .b-social-blockquote {
    border: 1px solid #d4d5d5
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-content-teaser-item .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

html.x-tivi-app .b-content-teaser-item .seamless-percent {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-content-teaser-item:first-child .box {
        border-top: 1px solid #e8e8e8;
        width: 100%
    }
}

html.x-tivi-app .b-content-teaser-item .box {
    border-bottom: 1px solid #e8e8e8
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-content-teaser-item .box {
        width: 100%
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-content-teaser-item .box {
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

html.x-tivi-app .b-content-teaser-item .teaser-label {
    bottom: 10px
}

html.x-tivi-app .b-content-teaser-item .teaser-title,
html.x-tivi-app .b-content-teaser-item .teaser-title-link {
    position: static
}

html.x-tivi-app .b-content-teaser-item .teaser-foot {
    overflow: visible;
    color: #fff;
    position: absolute
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-content-teaser-item .teaser-foot {
        bottom: 8px;
        left: -97px;
        margin: 0;
        line-height: 1.25rem;
        text-shadow: 0 2px 4px rgba(0, 0, 0, .4)
    }
    html.x-tivi-app .b-content-teaser-item .teaser-foot .teaser-info .is-tivi {
        white-space: pre-wrap;
        max-width: 4rem;
        line-height: 1.2rem
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-content-teaser-item .teaser-foot {
        left: 12px;
        bottom: auto;
        top: -30px
    }
}

html.x-tivi-app .b-content-teaser-item .teaser-foot .icon.icon-502_play {
    display: block
}

html.x-tivi-app .b-content-teaser-item .teaser-foot .icon-502_play {
    position: absolute
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-content-teaser-item .teaser-foot .icon-502_play {
        bottom: -4px;
        left: 56px;
        width: 36px;
        height: 36px;
        font-size: 36px;
        line-height: 36px;
        display: block;
        margin: 0
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-content-teaser-item .teaser-foot .icon-502_play {
        top: -24px;
        right: -32px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-content-teaser-item .teaser-foot .icon-502_play:before {
        line-height: 36px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-content-teaser-item .teaser-foot .icon-502_play:after {
        margin: -8px 0 0 -4px;
        border-width: 8px 0 8px 12px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-group-persons .guest-box .guest-img {
        width: 100px
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-group-persons .guest-box .guest-text {
        margin-left: 100px;
        border-top: 1px solid #e8e8e8;
        padding-top: 20px;
        padding-left: 40px
    }
}

html.x-tivi-app .b-group-persons .guest-box .guest-info:before {
    border-color: #fff transparent transparent transparent
}

html.x-tivi-app .b-group-persons .guest-box .guest-description a,
html.x-tivi-app .b-group-persons .guest-box .guest-description a:hover,
html.x-tivi-app .b-group-persons .guest-box .guest-description a:visited {
    color: #fff;
    border-color: #fff
}

html.x-tivi-app .b-removepanel .remove-btn {
    border-radius: 50%
}

html.x-tivi-app .b-removepanel .remove-btn:focus:not(.m-keyboardfocus),
html.x-tivi-app .b-removepanel .remove-btn:hover {
    background-color: #d4d5d5
}

@media print,
screen and (max-width:63.99875em) {
    html.x-tivi-app .b-content-module .content-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media print,
screen and (max-width:63.99875em) {
    html.x-tivi-app .b-content-module .content-item .item-caption {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media print,
screen and (min-width:64em) {
    html.x-tivi-app .b-content-module .content-item .item-caption {
        width: 33.33334%
    }
}

html.x-tivi-app .b-content-module .seamless-percent {
    display: none
}

html.x-tivi-app .b-video-module .inner .details .download-btn,
html.x-tivi-app .b-video-module .inner .details .other-infos,
html.x-tivi-app .b-video-module .inner .details .teaser-info,
html.x-tivi-app .b-video-module .inner .details .teaser-title {
    color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-video-module .inner .more-details {
        border-top: none
    }
}

html.x-tivi-app .b-video-module .inner .more-details:after {
    display: none
}

html.x-tivi-app .b-stage .stage-wrap .box.m-label.has-label {
    padding-bottom: 58px!important;
    width: 100%;
    min-width: 300px
}

html.x-tivi-app .b-content-module .content-item,
html.x-tivi-app .b-dialog.x-dialog-gallery .item-caption,
html.x-tivi-app .b-gallery-module .content-item,
html.x-tivi-app .b-group-persons .guest-box .guest-description,
html.x-tivi-app .b-stage .stage-wrap .box,
html.x-tivi-app .b-video-module .content-item {
    background-position: top right;
    background-size: cover
}

html.x-tivi-app .b-content-module .content-item .teaser-cat,
html.x-tivi-app .b-dialog.x-dialog-gallery .item-caption .teaser-cat,
html.x-tivi-app .b-gallery-module .content-item .teaser-cat,
html.x-tivi-app .b-group-persons .guest-box .guest-description .teaser-cat,
html.x-tivi-app .b-stage .stage-wrap .box .teaser-cat,
html.x-tivi-app .b-video-module .content-item .teaser-cat {
    color: #fff
}

html.x-tivi-app .b-content-module .content-item .item-description,
html.x-tivi-app .b-dialog.x-dialog-gallery .item-caption .item-description,
html.x-tivi-app .b-gallery-module .content-item .item-description,
html.x-tivi-app .b-group-persons .guest-box .guest-description .item-description,
html.x-tivi-app .b-stage .stage-wrap .box .item-description,
html.x-tivi-app .b-video-module .content-item .item-description {
    color: #fff
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage.x-slider .stage-item {
        background-position: center;
        background-size: cover
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-stage.x-slider .stage-item {
        background-image: none!important
    }
}

html.x-tivi-app .b-stage.x-slider .stage-wrap .stage-title {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .dialog-backdrop-document {
        height: 100vh
    }
}

html.x-tivi-app .b-dialog {
    margin-top: 80px
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-dialog:not(.x-dialog-media) {
        overflow: auto;
        min-height: calc(100vh - 80px)
    }
}

html.x-tivi-app .b-dialog.m-dark {
    color: #34393f
}

html.x-tivi-app .b-dialog.m-dark .checkbox-label,
html.x-tivi-app .b-dialog.m-dark .dialog-close,
html.x-tivi-app .b-dialog.m-dark .modal-headline {
    color: #34393f
}

html.x-tivi-app .b-dialog.x-dialog-login label a {
    color: #34393f
}

html.x-tivi-app .b-dialog .toggle-wrap .login-toggle-btn {
    color: #34393f
}

html.x-tivi-app .big-headline,
html.x-tivi-app .cluster-title,
html.x-tivi-app .medium-headline,
html.x-tivi-app .small-headline,
html.x-tivi-app h2.title {
    font-weight: 700;
    color: #34393f
}

html.x-tivi-app .small-headline {
    font-weight: 500;
    margin-top: 8px
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .small-headline {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .small-headline {
        font-size: 1.625rem
    }
}

html.x-tivi-app .profile-wrap {
    border-top: 1px solid #e8e8e8
}

html.x-tivi-app .b-profile-bar {
    border-bottom: 1px solid #e8e8e8
}

html.x-tivi-app .b-login.m-oauth .input {
    border: 1px solid #34393f
}

html.x-tivi-app .b-login .toggle-wrap {
    position: absolute
}

html.x-tivi-app .b-login .toggle-wrap .login-toggle-btn {
    color: #34393f
}

html.x-tivi-app .b-login a,
html.x-tivi-app .b-login label a {
    color: #34393f
}

html.x-tivi-app .b-login .login-submit {
    float: right;
    width: auto;
    margin: 0
}

html.x-tivi-app .b-login .tivi-btn,
html.x-tivi-app .b-login .tivi-submit {
    display: none
}

html.x-tivi-app .b-login .password-message-modal .inner,
html.x-tivi-app .b-login .registry-error-modal .inner,
html.x-tivi-app .b-login .registry-message-modal .inner {
    padding-left: 0;
    background-image: none
}

html.x-tivi-app .tivi-half {
    width: 50%;
    float: left
}

html.x-tivi-app .label a {
    color: #34393f
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-like-module {
        margin-bottom: 16px
    }
}

html.x-tivi-app .topics.m-topics.m-cat .link {
    background-color: #fa7d19
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-broadcast-module .big-headline,
    html.x-tivi-app .b-content-module .big-headline,
    html.x-tivi-app .b-content-teaser-list .title,
    html.x-tivi-app .b-group-contentbox .medium-headline,
    html.x-tivi-app .b-group-persons .big-headline,
    html.x-tivi-app .b-group-shorttext .big-headline,
    html.x-tivi-app .b-group-shorttext .small-headline,
    html.x-tivi-app .b-newsticker-accordion .big-headline,
    html.x-tivi-app .b-newsticker-slider .big-headline,
    html.x-tivi-app .b-search-list .title,
    html.x-tivi-app .b-settings .big-headline,
    html.x-tivi-app .b-thirdparty .bigheadline {
        padding-left: 16px
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-removepanel {
        right: 16px
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-comments>.x-row>.x-column {
        padding: 0 16px
    }
}

html.x-tivi-app .b-comments .comments-header {
    border-bottom-color: #fa7d19
}

html.x-tivi-app .b-comments .comments-header .comments-number {
    background-color: #fa7d19
}

html.x-tivi-app .b-comment-reply .text-link {
    font-weight: 700
}

html.x-tivi-app .hide-only-in-app {
    display: none!important
}

@-webkit-keyframes avatarstart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes avatarstart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes avatarloop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes avatarloop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

html.x-tivi-app .b-avatar-list .avatar-input:checked+label .avatar-image,
html.x-tivi-app .b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .radio-input:checked+.avatar-label .avatar {
    -webkit-animation-name: avatarstart;
    animation-name: avatarstart;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

html.x-tivi-app .b-avatar-list .avatar-input:checked+.avatar-label,
html.x-tivi-app .b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .radio-input:checked+.avatar-label .avatar {
    border: 2px solid transparent;
    -webkit-animation-name: avatarloop;
    animation-name: avatarloop;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

html.x-tivi-app .b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .avatar-image {
    display: block;
    margin: auto
}

html.x-tivi-app .b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .radio-input:checked+label {
    border: none
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app #notice-fav-add:after {
        left: 73.4%
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    html.x-tivi-app #notice-fav-add:after {
        left: 58.4%
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app #notice-fav-remove:after {
        left: 65.4%
    }
}

@media print,
screen and (min-width:40em) and (max-width:63.99875em) {
    html.x-tivi-app #notice-fav-remove:after {
        left: 46.4%
    }
}

html.x-tivi-app .b-plus-button {
    right: 13px
}

html.x-tivi-app .b-plus-button .plus-main-btn.js-plus-btn {
    margin-top: 11px;
    margin-left: 11px
}

html.x-tivi-app .b-plus-button .plus-main-btn .inner-circle {
    width: 28px;
    height: 28px
}

html.x-tivi-app .b-plus-button .plus-main-btn .inner-circle:before {
    font-size: 16px;
    line-height: 1rem;
    vertical-align: top
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-plus-button {
        right: 16px
    }
    html.x-tivi-app .b-plus-button .plus-main-btn.js-plus-btn {
        margin-top: 8px;
        margin-left: 8px
    }
    html.x-tivi-app .b-plus-button .plus-main-btn .inner-circle {
        width: 34px;
        height: 34px
    }
    html.x-tivi-app .b-plus-button .plus-main-btn .inner-circle:before {
        line-height: 1.5rem
    }
}

@media print,
screen and (min-width:40em) {
    html.x-tivi-app .b-stage .stage-wrap .box.has-no-content {
        display: none
    }
}

@media print,
screen and (max-width:39.99875em) {
    html.x-tivi-app .b-stage .stage-wrap .teaser-label {
        bottom: inherit;
        left: 16px
    }
}

html.x-tivi-app .sticky-subnavigation {
    display: none
}

html.x-tivi-app .big-headline.guided-tour--intro-headline {
    color: #fff
}

html.x-tivi-app .guided-tour {
    padding-top: 0
}

html.x-tivi-app .guided-tour--steps li:before {
    background-color: transparent
}

html.x-tivi-app .guided-tour--container {
    background: url(/static/img/guided-tour/tivi-guided-blur.jpg) center no-repeat;
    background-size: cover;
    height: 100vh
}

html.x-tivi-app .guided-tour--overlay {
    background-color: transparent;
    height: 100%
}

html.x-tivi-app .guided-tour--intro {
    background-color: transparent;
    height: 100%
}

html:not(.x-tivi-app) .b-cluster-teaser.b-large-teaser .box,
html:not(.x-tivi-app) .b-content-module .content-item,
html:not(.x-tivi-app) .b-content-teaser-item:not(.b-blockquote-teaser) .box,
html:not(.x-tivi-app) .b-dialog.x-dialog-gallery .item-caption,
html:not(.x-tivi-app) .b-gallery-module .content-item,
html:not(.x-tivi-app) .b-group-persons .guest-box .guest-description,
html:not(.x-tivi-app) .b-stage .stage-item,
html:not(.x-tivi-app) .b-stage .stage-wrap .box,
html:not(.x-tivi-app) .b-video-module .content-item {
    background-image: none!important
}

html:not(.x-tivi-app) .show-for-tivi-app,
html:not(.x-tivi-app) .show-only-in-app {
    display: none!important
}

html.x-heute-app {
    overflow-x: initial!important
}

html.x-heute-app .b-cluster.m-dynamic:not(.m-ready) {
    overflow: hidden
}

html.x-heute-app .anchor-nav-wrap,
html.x-heute-app .b-alert,
html.x-heute-app .b-breadcrumbs,
html.x-heute-app .b-content-module .title-icon,
html.x-heute-app .b-debug-alert,
html.x-heute-app .b-footer,
html.x-heute-app .b-header,
html.x-heute-app .b-mobile-stage,
html.x-heute-app .b-scrollto-top,
html.x-heute-app .b-system-dialog,
html.x-heute-app .b-video-module .more-details .download-btn,
html.x-heute-app .backhome-btn {
    display: none!important
}

html.x-heute-app body.x-video-page .b-stage,
html.x-heute-app body.x-video-page .sticky-subnavigation {
    display: none!important
}

html.x-heute-app .main {
    padding: 0 0 80px
}

html.x-heute-app .big-headline,
html.x-heute-app .medium-headline,
html.x-heute-app .news-overline,
html.x-heute-app .small-headline {
    font-family: Uniwidth, sans-serif
}

html.x-heute-app .b-stage .stage-wrap .stage-play-btn .contrast {
    display: none
}

html.x-heute-app .m-match .b-stage,
html.x-heute-app .m-match .sticky-subnavigation {
    display: none
}

@media print,
screen and (max-width:39.99875em) {
    html.x-heute-app .sticky-subnavigation {
        content:'{"topOffset":0,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important
    }
    html.x-heute-app .sticky-subnavigation::before {
        content:'{"topOffset":0,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important;
        font-family:'{"topOffset":0,"container": ".sb-page, .post-page","scrollContainer": ".m-offcanvas-viewport"}'!important;
        visibility: hidden!important;
        display: block!important;
        height: 0!important;
        width: 0;
        clear: both;
        overflow: hidden
    }
}

@media (prefers-color-scheme:dark) {
    html.x-heute-app .b-news-index.teaser-list-background,
    html.x-heute-app .b-newsticker-accordion,
    html.x-heute-app .b-newsticker-slider,
    html.x-heute-app .b-newsticker-slider .newsticker-scroller-wrapper,
    html.x-heute-app body {
        background-color: #0f2335;
        color: #fff
    }
    html.x-heute-app .b-newsticker-slider .newsticker-scroller .news-arrow {
        background-color: #1d2f3f;
        color: #fff
    }
    html.x-heute-app .b-editorial-date {
        color: #fff
    }
    html.x-heute-app .b-cluster-teaser-small,
    html.x-heute-app .b-content-module .item-caption,
    html.x-heute-app .b-live-tv .item,
    html.x-heute-app .b-live-tv .item .box-title-wrap,
    html.x-heute-app .b-news-index .b-content-teaser-item .inner.inner,
    html.x-heute-app .b-video-module .item-caption {
        background-color: #1d2f3f
    }
    html.x-heute-app .b-topic-bar .label,
    html.x-heute-app .big-headline,
    html.x-heute-app .cluster-title,
    html.x-heute-app .medium-headline,
    html.x-heute-app .news-source,
    html.x-heute-app .small-headline {
        color: #fff
    }
    html.x-heute-app .b-post-content .content-image figcaption {
        background-color: #34393f
    }
    html.x-heute-app .accordion .accordion-panel .panel-link {
        background-color: #34393f;
        color: #fff
    }
    html.x-heute-app .accordion .accordion-panel .content.m-open {
        background-color: #34393f
    }
    html.x-heute-app .accordion .accordion-panel .content.m-open a:link {
        color: #0096e2;
        border-color: #0096e2
    }
    html.x-heute-app .accordion .accordion-panel .content.m-open a:visited {
        color: #9d57df;
        border-color: #9d57df
    }
    html.x-heute-app .b-briefing-abo a:not([class]),
    html.x-heute-app .b-cluster-info p a,
    html.x-heute-app .b-comment-reply .text-link,
    html.x-heute-app .b-dialog.x-dialog-relation .inner .guest-excerpt p a,
    html.x-heute-app .b-group-shorttext li a,
    html.x-heute-app .b-group-shorttext p a,
    html.x-heute-app .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn),
    html.x-heute-app .b-post-content p a,
    html.x-heute-app .b-post-header p a,
    html.x-heute-app .b-search-list .related-content .rel-link,
    html.x-heute-app .b-table table a,
    html.x-heute-app .b-user-info .inner-box a,
    html.x-heute-app .paragraph a {
        color: #fff
    }
    html.x-heute-app .b-briefing-abo a:not([class]):visited,
    html.x-heute-app .b-cluster-info p a:visited,
    html.x-heute-app .b-comment-reply .text-link:visited,
    html.x-heute-app .b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited,
    html.x-heute-app .b-group-shorttext li a:visited,
    html.x-heute-app .b-group-shorttext p a:visited,
    html.x-heute-app .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn):visited,
    html.x-heute-app .b-post-content p a:visited,
    html.x-heute-app .b-post-header p a:visited,
    html.x-heute-app .b-search-list .related-content .rel-link:visited,
    html.x-heute-app .b-table table a:visited,
    html.x-heute-app .b-user-info .inner-box a:visited,
    html.x-heute-app .paragraph a:visited {
        color: #fff
    }
    html.x-heute-app .b-newsticker-cell .inner {
        background-color: #1d2f3f
    }
    html.x-heute-app .b-newsticker-cell .cat,
    html.x-heute-app .b-newsticker-cell .title {
        color: #fff
    }
    html.x-heute-app .b-cluster-teaser .teaser-title .teaser-title-link {
        color: #fff
    }
    html.x-heute-app .b-cluster-teaser .special-info,
    html.x-heute-app .b-cluster-teaser .teaser-cat {
        color: #fff
    }
    html.x-heute-app .b-cluster-teaser .box,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box,
    html.x-heute-app .b-content-teaser-item .box,
    html.x-heute-app .b-content-teaser-item .inner,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner,
    html.x-heute-app .b-video-module .item-caption,
    html.x-heute-app .m-even.b-cluster-teaser .box {
        background-color: #1d2f3f
    }
    html.x-heute-app .b-cluster-teaser .box .author-icon,
    html.x-heute-app .b-cluster-teaser .box .item-description,
    html.x-heute-app .b-cluster-teaser .box .teaser-cat,
    html.x-heute-app .b-cluster-teaser .box .teaser-text,
    html.x-heute-app .b-cluster-teaser .box .teaser-title-link,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box .author-icon,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box .item-description,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box .teaser-cat,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box .teaser-text,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box .teaser-title-link,
    html.x-heute-app .b-content-teaser-item .box .author-icon,
    html.x-heute-app .b-content-teaser-item .box .item-description,
    html.x-heute-app .b-content-teaser-item .box .teaser-cat,
    html.x-heute-app .b-content-teaser-item .box .teaser-text,
    html.x-heute-app .b-content-teaser-item .box .teaser-title-link,
    html.x-heute-app .b-content-teaser-item .inner .author-icon,
    html.x-heute-app .b-content-teaser-item .inner .item-description,
    html.x-heute-app .b-content-teaser-item .inner .teaser-cat,
    html.x-heute-app .b-content-teaser-item .inner .teaser-text,
    html.x-heute-app .b-content-teaser-item .inner .teaser-title-link,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner .author-icon,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner .item-description,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner .teaser-cat,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner .teaser-text,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner .teaser-title-link,
    html.x-heute-app .b-video-module .item-caption .author-icon,
    html.x-heute-app .b-video-module .item-caption .item-description,
    html.x-heute-app .b-video-module .item-caption .teaser-cat,
    html.x-heute-app .b-video-module .item-caption .teaser-text,
    html.x-heute-app .b-video-module .item-caption .teaser-title-link,
    html.x-heute-app .m-even.b-cluster-teaser .box .author-icon,
    html.x-heute-app .m-even.b-cluster-teaser .box .item-description,
    html.x-heute-app .m-even.b-cluster-teaser .box .teaser-cat,
    html.x-heute-app .m-even.b-cluster-teaser .box .teaser-text,
    html.x-heute-app .m-even.b-cluster-teaser .box .teaser-title-link {
        color: #fff
    }
    html.x-heute-app .b-cluster-teaser .box .more-details .b-brand-information .desc-text,
    html.x-heute-app .b-cluster-teaser .box .more-details .b-brand-information .showlink,
    html.x-heute-app .b-cluster-teaser .box .more-details .b-brand-information .showlink-wrap,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box .more-details .b-brand-information .desc-text,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box .more-details .b-brand-information .showlink,
    html.x-heute-app .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box .more-details .b-brand-information .showlink-wrap,
    html.x-heute-app .b-content-teaser-item .box .more-details .b-brand-information .desc-text,
    html.x-heute-app .b-content-teaser-item .box .more-details .b-brand-information .showlink,
    html.x-heute-app .b-content-teaser-item .box .more-details .b-brand-information .showlink-wrap,
    html.x-heute-app .b-content-teaser-item .inner .more-details .b-brand-information .desc-text,
    html.x-heute-app .b-content-teaser-item .inner .more-details .b-brand-information .showlink,
    html.x-heute-app .b-content-teaser-item .inner .more-details .b-brand-information .showlink-wrap,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner .more-details .b-brand-information .desc-text,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner .more-details .b-brand-information .showlink,
    html.x-heute-app .b-content-teaser-item:nth-child(even) .inner .more-details .b-brand-information .showlink-wrap,
    html.x-heute-app .b-video-module .item-caption .more-details .b-brand-information .desc-text,
    html.x-heute-app .b-video-module .item-caption .more-details .b-brand-information .showlink,
    html.x-heute-app .b-video-module .item-caption .more-details .b-brand-information .showlink-wrap,
    html.x-heute-app .m-even.b-cluster-teaser .box .more-details .b-brand-information .desc-text,
    html.x-heute-app .m-even.b-cluster-teaser .box .more-details .b-brand-information .showlink,
    html.x-heute-app .m-even.b-cluster-teaser .box .more-details .b-brand-information .showlink-wrap {
        color: #fff
    }
    html.x-heute-app .b-content-teaser-list .title {
        color: #fff
    }
    html.x-heute-app .b-cluster-teaser.cluster-teaser-new .teaser-foot,
    html.x-heute-app .b-content-teaser-item-new .teaser-foot,
    html.x-heute-app .b-content-teaser-item-new:not(.x-tooltip) .teaser-foot {
        color: #fff
    }
    html.x-heute-app .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item {
        color: #34393f
    }
    html.x-heute-app .b-weather-local .b-my-view-selectbox-input,
    html.x-heute-app .b-weather-local .b-my-view-selectbox-input>* {
        color: #fff
    }
    html.x-heute-app .b-weather-local .b-my-view-selectbox {
        border-color: #fff
    }
}

html.x-heute-app .sport-nav,
html.x-heute-app .sport-stage,
html.x-heute-app .weather-nav,
html.x-heute-app .weather-stage {
    display: none
}

html.x-zdf-app .b-alert,
html.x-zdf-app .b-breadcrumbs,
html.x-zdf-app .b-content-module .title-icon,
html.x-zdf-app .b-debug-alert,
html.x-zdf-app .b-footer,
html.x-zdf-app .b-header,
html.x-zdf-app .b-news-alert,
html.x-zdf-app .b-system-dialog,
html.x-zdf-app .x-web-only {
    display: none!important
}

html.x-zdf-app .main {
    padding: 0 0 80px
}