@charset "UTF-8";
/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Main Stylesheet for High Contrast
 *
 */
/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Webfonts
 *
 */
/**
Define font in HTML head.
*/
.weather-icon[data-icon="0"]:before, .weather-icon[data-icon="1"]:before, .weather-icon[data-icon="2"]: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, .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="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, .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, .b-promo-videoteaser .title-icon:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "zdf-iconfont" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  /* Better Font Rendering =========== */
  -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: ""; }

/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
.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; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      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: 0.375rem;
  padding-left: 0.375rem;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-container {
      padding-right: 0.375rem;
      padding-left: 0.375rem; } }
  .grid-container.fluid {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 40em) {
      .grid-container.fluid {
        padding-right: 0.375rem;
        padding-left: 0.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: 0px;
  min-width: 0px;
  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-shrink, .grid-x > .small-full, .grid-x > .small-1, .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-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .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-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .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-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

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

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

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

.grid-padding-x > .cell {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
      padding-right: 0.375rem;
      padding-left: 0.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% - 0.75rem); }

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

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

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

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

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

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

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

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

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 0.75rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 0.75rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 0.75rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 0.75rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 0.75rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 0.75rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 0.75rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 0.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% + 0.375rem); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.375rem); }
  .large-offset-1 {
    margin-left: 8.3333333333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 0.375rem); }
  .large-offset-2 {
    margin-left: 16.6666666667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 0.375rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.375rem); }
  .large-offset-4 {
    margin-left: 33.3333333333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 0.375rem); }
  .large-offset-5 {
    margin-left: 41.6666666667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 0.375rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.375rem); }
  .large-offset-7 {
    margin-left: 58.3333333333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 0.375rem); }
  .large-offset-8 {
    margin-left: 66.6666666667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 0.375rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.375rem); }
  .large-offset-10 {
    margin-left: 83.3333333333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 0.375rem); }
  .large-offset-11 {
    margin-left: 91.6666666667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 0.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-shrink, .grid-y > .small-full, .grid-y > .small-1, .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-10, .grid-y > .small-11, .grid-y > .small-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .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-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .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-10, .grid-y > .large-11, .grid-y > .large-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  .grid-y > .small-1, .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-10, .grid-y > .small-11, .grid-y > .small-12 {
    -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-shrink, .grid-y > .medium-1, .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-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -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-shrink, .grid-y > .large-1, .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-10, .grid-y > .large-11, .grid-y > .large-12 {
      -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: -0.375rem;
  margin-bottom: -0.375rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.375rem;
      margin-bottom: -0.375rem; } }

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

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

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

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

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

/* old/deprecated API: */
@-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 400ms, visibility 400ms, background-color 400ms;
      transition: opacity 400ms, visibility 400ms, background-color 400ms; }
      .accordion .accordion-panel .content:not(.m-switched-off) {
        outline: none;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        margin: 0;
        padding: 0;
        height: 0;
        -webkit-transition: opacity 400ms, visibility 400ms;
        transition: opacity 400ms, visibility 400ms; }
        .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: #25292E; }
      .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: #fff;
        background-color: #25292E; }
      .accordion .accordion-panel .panel-link:before {
        position: absolute;
        top: 50%;
        padding-top: 0;
        padding-bottom: 0;
        font-family: "zdf-iconfont";
        font-weight: normal;
        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: #fff; }
      .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: none; }
        .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: none; }
        .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: #000; }
  .alert .alert-title, .b-alert .alert-title, .b-news-alert .alert-title {
    margin-right: 10px;
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #000;
    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:hover, .b-alert .alert-item a.link:hover, .b-news-alert .alert-item a.link:hover, .alert .alert-item a.link:focus, .b-alert .alert-item a.link:focus, .b-news-alert .alert-item a.link:focus {
      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:hover, 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:hover, 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) .b-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:focus {
        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 0.4s ease 0s;
  transition: padding-left 0.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: #fff; }
  .is-inverted.checkbox-wrap .checkbox-label:before {
    border-color: #fff; }

.checkbox-wrap .checkbox-label {
  position: relative;
  float: left;
  padding-left: 24px;
  font-size: 0.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: #fff; }
  .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: #000;
          text-decoration-color: #000; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .checkbox-wrap a {
    color: #fff; }
  .checkbox-wrap a:hover, .checkbox-wrap a:focus {
    color: #000; }

.checkbox-wrap .checkbox-input:checked + label:after {
  position: absolute;
  top: 0.4375rem;
  left: 0.25rem;
  z-index: 2;
  width: 8px;
  height: 8px;
  background-color: #000;
  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: #FFFF00; }

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

body.x-heute .b-weather-teaser .box {
  background-image: url(/static/0.99.2192/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.99.2192/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 800ms ease;
  transition: -webkit-transform 800ms ease;
  transition: transform 800ms ease;
  transition: transform 800ms ease, -webkit-transform 800ms 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, 0.8); }
    @media print, screen and (max-width: 39.99875em) {
      .b-cluster-teaser .box, .b-weather-teaser.weather-teaser-new .box {
        padding: 10px 12px 12px; } }

.error-item:not(input), .b-dialog.x-dialog-player-pin .error-item:not(input) {
  overflow: hidden;
  display: none;
  margin: 0;
  padding: 0;
  color: #000; }
  .error-item:not(input).m-show, .b-dialog.x-dialog-player-pin .error-item:not(input).m-show {
    display: block !important; }
  .error-item:not(input) .error-msg, .b-dialog.x-dialog-player-pin .error-item:not(input) .error-msg {
    position: relative;
    display: inline-block;
    padding: 0 16px 16px 0;
    color: #000; }

@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: none;
    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: none;
      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-group-persons .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) ~ li .guest-img {
    width: 157px; }
  .b-dialog.x-dialog-infotext .guest-box:first-child:nth-last-child(2) .guest-text, .b-group-persons .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) ~ 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-group-persons .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) ~ 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:hover .guest-name, .b-group-persons .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:hover .guest-title, .b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within .guest-name, .b-group-persons .guest-box .guest-info.m-focus-within .guest-name,
    .b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within .guest-title,
    .b-group-persons .guest-box .guest-info.m-focus-within .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;
    /*margin-bottom is used by JS and assumed to 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:hover, .b-group-persons .guest-box .guest-info:hover, .b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within, .b-group-persons .guest-box .guest-info.m-focus-within {
      outline: 0 none; }
      .b-dialog.x-dialog-infotext .guest-box .guest-info:hover .guest-img, .b-group-persons .guest-box .guest-info:hover .guest-img, .b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within .guest-img, .b-group-persons .guest-box .guest-info.m-focus-within .guest-img {
        -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1); }
      .b-dialog.x-dialog-infotext .guest-box .guest-info:hover .arrow-down, .b-group-persons .guest-box .guest-info:hover .arrow-down, .b-dialog.x-dialog-infotext .guest-box .guest-info.m-focus-within .arrow-down, .b-group-persons .guest-box .guest-info.m-focus-within .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 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.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: #fff; }
      .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: none; }
  .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; }

.big-headline, .b-content-teaser-list .title, .b-search-list .title, .cluster-title-row .cluster-title {
  font-family: "Uniwidth", sans-serif;
  color: #34393F;
  display: inline-block;
  font-weight: 300; }
  @media print, screen and (max-width: 39.99875em) {
    .big-headline, .b-content-teaser-list .title, .b-search-list .title, .cluster-title-row .cluster-title {
      margin: 32px 0 16px;
      padding: 0 64px 0 16px;
      font-size: 1.625rem;
      line-height: 2rem; }
      .x-overline.big-headline, .b-content-teaser-list .x-overline.title, .b-search-list .x-overline.title, .cluster-title-row .x-overline.cluster-title, .x-label.big-headline, .b-content-teaser-list .x-label.title, .b-search-list .x-label.title, .cluster-title-row .x-label.cluster-title {
        margin-top: 0; }
      .big-headline:only-child, .b-content-teaser-list .title:only-child, .b-search-list .title:only-child, .cluster-title-row .cluster-title:only-child {
        padding-right: 16px; } }
  @media print, screen and (min-width: 40em) {
    .big-headline, .b-content-teaser-list .title, .b-search-list .title, .cluster-title-row .cluster-title {
      margin: 64px 0 16px;
      font-size: 2.25rem;
      line-height: 2.8125rem; }
      .x-overline.big-headline, .b-content-teaser-list .x-overline.title, .b-search-list .x-overline.title, .cluster-title-row .x-overline.cluster-title, .x-label.big-headline, .b-content-teaser-list .x-label.title, .b-search-list .x-label.title, .cluster-title-row .x-label.cluster-title {
        margin-top: 0; } }
  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) .b-content-teaser-list .title, .b-content-teaser-list html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .title, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-list .title, .b-search-list html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .title, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .cluster-title-row .cluster-title, .cluster-title-row html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .cluster-title {
    color: #fff; }
  .big-headline:not(.m-keyboardfocus), .b-content-teaser-list .title:not(.m-keyboardfocus), .b-search-list .title:not(.m-keyboardfocus), .cluster-title-row .cluster-title:not(.m-keyboardfocus) {
    outline: none; }

.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: #fff; }

.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: #fff; }
  .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: #fff; }

/* Radio Button */
.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: 0.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: ""; }
      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, .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, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .form .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, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .country-selection .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 {
        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; }
    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, .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, 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, .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, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .country-selection .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 {
      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: 0.3125rem;
    left: 0.25rem;
    z-index: 2;
    width: 0.5rem;
    height: 0.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, 0.87);
  overflow: hidden;
  -webkit-transition: left 0.4s ease-in-out, right 0.4s ease-in-out, background-color 0.4s ease-in-out, opacity 0.4s;
  transition: left 0.4s ease-in-out, right 0.4s ease-in-out, background-color 0.4s ease-in-out, opacity 0.4s; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .scroll-arrow {
    background-color: rgba(37, 41, 46, 0.87); }
  .x-next.scroll-arrow {
    right: 0; }
  .x-prev.scroll-arrow {
    left: 0; }
  .scroll-arrow:not(.m-keyboardfocus) {
    outline: none; }
  .scroll-arrow span {
    position: absolute;
    top: 0;
    width: 14px;
    font-size: 1.5rem;
    line-height: 56px;
    text-align: center;
    text-indent: 0;
    color: #fff;
    height: 24px;
    left: 10px; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .scroll-arrow span {
      color: #fff; }
  .scroll-arrow:hover, .scroll-arrow:focus {
    opacity: .8; }
  .scroll-arrow:focus, .scroll-arrow:visited {
    background-color: rgba(37, 41, 46, 0.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, 0.87); }
  .x-next.scroll-arrow:disabled {
    right: -48px; }
  .x-prev.scroll-arrow:disabled {
    left: -48px; }
  .is-small.scroll-arrow {
    background: none;
    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: #fff; }

.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: none;
    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: #fff; }
    .scroll-pagination .js-scroller-pagination-btn.m-selected:before {
      background-color: #000; }
      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: #000; }

.b-my-view-selectbox, .b-selectbox {
  position: relative;
  display: block;
  width: 100%;
  min-height: 20px;
  outline: none;
  padding: 0 33px 0 0;
  background: transparent;
  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: #fff; }
  .b-my-view-selectbox:focus, .b-selectbox:focus, .b-my-view-selectbox[aria-expanded="true"], .b-selectbox[aria-expanded="true"] {
    border-color: #FFFF00;
    outline: 2px solid #FFFF00;
    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: #fff; }
    .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: #fff; }
      .is-inverted.b-my-view-selectbox [class*="selectbox-input"] span[class*="icon-"], .is-inverted.b-selectbox [class*="selectbox-input"] span[class*="icon-"] {
        color: #fff; }
  .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: #fff; }
    .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 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.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: #fff; }
    .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: normal;
      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: #fff; }
  .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: none;
    margin: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 3px rgba(0, 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-item,
    [class*="selectbox-listbox"] .listbox-header {
      overflow: hidden;
      padding: 0 32px 0 16px;
      font-size: 1rem;
      line-height: 32px;
      cursor: pointer;
      -webkit-transition: background-color 0.4s, color 0.4s;
      transition: background-color 0.4s, color 0.4s; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) [class*="selectbox-listbox"] .listbox-item, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
      [class*="selectbox-listbox"] .listbox-header {
        color: #fff; }
      [class*="selectbox-listbox"] .listbox-item.m-hide,
      [class*="selectbox-listbox"] .listbox-header.m-hide {
        display: none; }
      [class*="selectbox-listbox"] .listbox-item.m-disabled,
      [class*="selectbox-listbox"] .listbox-header.m-disabled {
        opacity: .5;
        cursor: auto; }
      [class*="selectbox-listbox"] .listbox-item:hover,
      [class*="selectbox-listbox"] .listbox-header:hover {
        background-color: #000;
        color: #fff;
        font-weight: 700; }
        html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) [class*="selectbox-listbox"] .listbox-item:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
        [class*="selectbox-listbox"] .listbox-header:hover {
          color: #0d1118; }
      [class*="selectbox-listbox"] .listbox-item.m-selected, [class*="selectbox-listbox"] .listbox-item.m-checked,
      [class*="selectbox-listbox"] .listbox-header.m-selected,
      [class*="selectbox-listbox"] .listbox-header.m-checked {
        font-weight: 700;
        cursor: default; }
      [class*="selectbox-listbox"] .listbox-item.divider,
      [class*="selectbox-listbox"] .listbox-header.divider {
        pointer-events: none;
        margin: 15.5px; }
  .listbox-value {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .listbox-extra {
    float: right; }

.teaser-label, .b-promo-teaser .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: 0.8125rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #fff;
  background-color: #000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.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) {
    .teaser-label, .b-promo-teaser .teaser-label {
      left: 12px;
      bottom: 12px; } }
  @media print, screen and (min-width: 64em) {
    .teaser-label, .b-promo-teaser .teaser-label {
      height: 24px;
      font-size: 0.9375rem;
      letter-spacing: 0.5px;
      line-height: 1.5rem; } }
  .x-dark.teaser-label {
    font-size: 0.875rem;
    background-color: rgba(37, 41, 46, 0.8); }
  .teaser-label .label-time {
    font-weight: 700;
    text-rendering: optimizeLegibility; }

.teaser-cat, .b-dialog.x-dialog-epg .overlay-category, .b-epg-timeline .overlay-link-category, .b-newsticker-cell .cat, .b-promo-teaser .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) {
    .teaser-cat, .b-dialog.x-dialog-epg .overlay-category, .b-epg-timeline .overlay-link-category, .b-newsticker-cell .cat, .b-promo-teaser .teaser-cat {
      font-size: 0.8125rem;
      line-height: 1rem; } }
  @media print, screen and (min-width: 40em) {
    .teaser-cat, .b-dialog.x-dialog-epg .overlay-category, .b-epg-timeline .overlay-link-category, .b-newsticker-cell .cat, .b-promo-teaser .teaser-cat {
      font-size: 0.9375rem;
      line-height: 1.5rem; } }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-cat, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .overlay-category, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-epg-timeline .overlay-link-category, .b-epg-timeline html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .overlay-link-category, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-newsticker-cell .cat, .b-newsticker-cell html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .cat {
    color: #fff; }
  .m-light.teaser-cat, .b-dialog.x-dialog-epg .m-light.overlay-category, .b-epg-timeline .m-light.overlay-link-category, .b-newsticker-cell .m-light.cat {
    color: #fff; }
  .teaser-cat .teaser-cat-separator, .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 {
    padding: 0 0.1875rem; }
  .teaser-cat .teaser-cat-category, .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 {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap; }
  .teaser-cat .teaser-cat-brand, .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 {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .teaser-cat .teaser-cat-category-ellipsis, .b-dialog.x-dialog-epg .overlay-category .teaser-cat-category-ellipsis, .b-epg-timeline .overlay-link-category .teaser-cat-category-ellipsis, .b-newsticker-cell .cat .teaser-cat-category-ellipsis,
  .teaser-cat .teaser-cat-brand-ellipsis,
  .b-dialog.x-dialog-epg .overlay-category .teaser-cat-brand-ellipsis,
  .b-epg-timeline .overlay-link-category .teaser-cat-brand-ellipsis,
  .b-newsticker-cell .cat .teaser-cat-brand-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    width: 100%;
    width: 100%; }

.teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-promo-teaser .teaser-title, .b-stage .stage-wrap .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) {
    .teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-promo-teaser .teaser-title, .b-stage .stage-wrap .teaser-title {
      margin-bottom: 8px;
      font-size: 1.375rem;
      line-height: 1.625rem;
      text-overflow: ellipsis; }
      .has-foot.teaser-title, .b-dialog.x-dialog-epg .has-foot.overlay-title, .b-stage .stage-wrap .has-foot.teaser-title {
        overflow: hidden;
        max-height: calc(1.625rem * 2 - 1px); } }
  @media print, screen and (min-width: 40em) {
    .teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-promo-teaser .teaser-title, .b-stage .stage-wrap .teaser-title {
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      margin-bottom: 8px;
      font-size: 1.5rem;
      line-height: 1.875rem; } }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-title, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .overlay-title {
    color: #fff; }
  .teaser-title:after, .b-dialog.x-dialog-epg .overlay-title:after, .b-promo-teaser .teaser-title:after, .b-stage .stage-wrap .teaser-title:after {
    display: block; }
    .teaser-title:after:after, .b-dialog.x-dialog-epg .overlay-title:after:after, .b-promo-teaser .teaser-title:after:after, .b-stage .stage-wrap .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; }
  .teaser-title .news-title-link, .b-dialog.x-dialog-epg .overlay-title .news-title-link, .b-stage .stage-wrap .teaser-title .news-title-link {
    font-family: "Uniwidth", sans-serif;
    font-size: 1.375rem;
    line-height: 1.625rem; }
  .teaser-title .teaser-title-link, .b-dialog.x-dialog-epg .overlay-title .teaser-title-link, .b-stage .stage-wrap .teaser-title .teaser-title-link {
    font-weight: 700;
    text-decoration: none;
    color: #34393F; }
    @media print, screen and (max-width: 39.99875em) {
      .teaser-title .teaser-title-link, .b-dialog.x-dialog-epg .overlay-title .teaser-title-link, .b-stage .stage-wrap .teaser-title .teaser-title-link {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; } }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-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, .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 {
      color: #fff; }
  .teaser-title .link, .b-dialog.x-dialog-epg .overlay-title .link, .b-stage .stage-wrap .teaser-title .link {
    font-weight: 700; }

.teaser-text, .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 {
  -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) {
    .teaser-text, .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 {
      font-size: 1rem;
      line-height: 1.375rem; } }
  @media print, screen and (min-width: 40em) {
    .teaser-text, .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 {
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      font-size: 1.125rem;
      line-height: 1.625rem; } }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-text, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .video-description, .b-content-module .item-caption html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .video-description, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .item-description, .b-gallery-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-gallery-module .item-caption .video-description, .b-gallery-module .item-caption html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .video-description, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-video-module .item-caption .item-description, .b-video-module .item-caption html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .item-description {
    color: #fff; }
  .teaser-text a, .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 {
    display: block;
    border: none;
    color: #fff; }
    .teaser-text a:hover, .b-content-module .item-caption .video-description a:hover, .b-gallery-module .item-caption .item-description a:hover, .b-gallery-module .item-caption .video-description a:hover, .b-video-module .item-caption .item-description a:hover, .teaser-text a:focus, .b-content-module .item-caption .video-description a:focus, .b-gallery-module .item-caption .item-description a:focus, .b-gallery-module .item-caption .video-description a:focus, .b-video-module .item-caption .item-description a:focus, .teaser-text a:visited, .b-content-module .item-caption .video-description a:visited, .b-gallery-module .item-caption .item-description a:visited, .b-gallery-module .item-caption .video-description a:visited, .b-video-module .item-caption .item-description a:visited {
      border: none;
      text-decoration: none;
      color: #fff; }

.teaser-info {
  font-size: 0.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: 0.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: 0.875rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  color: #fff; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .teaser-foot {
    color: #fff; }
  @media print, screen and (max-width: 39.99875em) {
    .teaser-foot {
      font-size: 0.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: #000;
  line-height: 1.375rem; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.x-dialog-epg .live-tag, .b-dialog.x-dialog-epg 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-epg-timeline .live-tag, .b-epg-timeline html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .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: #fff; }
  .b-topic-bar .item {
    height: 2rem;
    margin-bottom: 0.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, 0.35), transparent 70%), -webkit-radial-gradient(bottom left, circle, rgba(0, 0, 0, 0.25), transparent 70%);
    background-image: radial-gradient(circle at bottom left, rgba(0, 0, 0, 0.35), transparent 70%), radial-gradient(circle at bottom left, rgba(0, 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; }

/** TODO cleanup this mess, consider using foundation buttons **/
.button {
  overflow: hidden;
  padding: 0.4375rem 0.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: #000;
  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: none;
    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 0.4s, -webkit-text-decoration-color 0.4s;
    transition: color 0.4s, -webkit-text-decoration-color 0.4s;
    transition: color 0.4s, text-decoration-color 0.4s;
    transition: color 0.4s, text-decoration-color 0.4s, -webkit-text-decoration-color 0.4s; }
    .text-only.button:hover:not(:disabled):not(.disabled), .text-only.button:focus: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: #fff; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-only.button:hover:not(:disabled):not(.disabled), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .text-only.button:focus: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: 0.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: none;
    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 0.4s, -webkit-text-decoration-color 0.4s;
    transition: color 0.4s, -webkit-text-decoration-color 0.4s;
    transition: color 0.4s, text-decoration-color 0.4s;
    transition: color 0.4s, text-decoration-color 0.4s, -webkit-text-decoration-color 0.4s;
    text-decoration: underline;
    -webkit-transition: color 0.4s;
    transition: color 0.4s; }
    .as-link.button:hover:not(:disabled):not(.disabled), .as-link.button:focus: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: #fff; }
      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.button:focus: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: 0.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: #fff; }
      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:focus, 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: #000; }
    .primary.button:before {
      content: "";
      position: absolute;
      background-color: #fff;
      height: 0.0625rem;
      width: 0;
      top: 1.4375rem;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: width 0.4s;
      transition: width 0.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: #96999C;
        color: #fff; }
    .primary.button:active {
      color: rgba(255, 255, 255, 0.5) !important; }
      .primary.button:active:before {
        background-color: rgba(255, 255, 255, 0.5) !important; }
    .primary.button:hover:not(:disabled), .primary.button:focus: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: #001a4b; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.ard-btn.button {
        color: #fff; }
        html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.ard-btn.button:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .primary.ard-btn.button:focus {
          color: #fff !important; }
  .secondary.button {
    position: relative;
    z-index: 1;
    background-color: transparent;
    overflow: hidden;
    text-decoration: none;
    padding: 0.375rem 0.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 0.4s, background-color 0s 0s;
    transition: opacity 0s 0s, visibility 0s 0s, border-color 0.4s, background-color 0s 0s; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.button {
      border-color: #fff;
      color: #fff; }
    .secondary.has-icon.button {
      padding: 0.375rem 1rem 0.375rem 2.5rem; }
    .secondary.is-inverted.button {
      color: #000;
      border-color: #000; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.is-inverted.button {
        border-color: #fff;
        color: #fff; }
      .secondary.is-inverted.button:focus:not(.m-keyboardfocus) {
        color: #000; }
        html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.is-inverted.button:focus:not(.m-keyboardfocus) {
          color: #fff; }
    .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: 0.0625rem;
      width: 0;
      top: 1.375rem;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: width 0.4s;
      transition: width 0.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 0.4s;
      transition: all 0.4s; }
    .secondary.button:hover:not(:disabled):not(.disabled), .secondary.button:focus:not(:disabled):not(.disabled) {
      color: #fff;
      border-color: #FA7D19;
      background-color: #FA7D19;
      text-decoration: none !important;
      -webkit-transition: background-color 0s 0.4s;
      transition: background-color 0s 0.4s; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.button:hover:not(:disabled):not(.disabled), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .secondary.button:focus:not(:disabled):not(.disabled) {
        color: #0d1118;
        border-color: #FA7D19; }
      .secondary.button:hover:not(:disabled):not(.disabled):before, .secondary.button:focus:not(:disabled):not(.disabled):before {
        width: calc(100% - 24px); }
      .secondary.button:hover:not(:disabled):not(.disabled):after, .secondary.button:focus:not(:disabled):not(.disabled):after {
        padding-bottom: 100%;
        width: 100%; }
    .secondary.button:active {
      color: rgba(255, 255, 255, 0.5) !important; }
      .secondary.button:active:before {
        background-color: rgba(255, 255, 255, 0.5) !important; }
  .button:hover:not(:disabled):not(.disabled), .button:focus: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:hover:not(:disabled):not(.disabled), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .button:focus:not(:disabled):not(.disabled) {
      color: #0d1118; }
    .button:hover:not(:disabled):not(.disabled):not(.m-keyboardfocus), .button:focus:not(:disabled):not(.disabled):not(.m-keyboardfocus) {
      outline: none; }
  .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, 0.87);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }
  .b-content-module .expand-btn:focus, .b-gallery-module .expand-btn:focus, .b-content-module .expand-btn:hover, .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: #fff; }

@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: #000;
  -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: none;
  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 #000;
    border-radius: 50%;
    content: ""; }
  html:not(.x-tivi-app) .dots-pagination span[class*="-pagination-btn"].m-selected:before {
    background-color: #fff !important;
    border-color: #000 !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: #000 !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 [type="submit"],
form.form-invalid .js-btn-submit, form:invalid:not([novalidate]) [type="submit"],
form:invalid:not([novalidate]) .js-btn-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: 0.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, 0.7); }
  form .form-field-caption.has-error {
    color: #f11010; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) form .form-field-caption.has-error,
    .dark-modal form .form-field-caption.has-error {
      color: #f39a9b; }

form .form-required-note {
  font-size: 0.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: #fff; }
  .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: none;
      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 0.4s, -webkit-text-decoration-color 0.4s;
      transition: color 0.4s, -webkit-text-decoration-color 0.4s;
      transition: color 0.4s, text-decoration-color 0.4s;
      transition: color 0.4s, text-decoration-color 0.4s, -webkit-text-decoration-color 0.4s; }
      .link-list a span:hover:not(:disabled):not(.disabled), .link-list a span:focus: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: #fff; }
        html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .link-list a span:hover:not(:disabled):not(.disabled), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .link-list a span:focus: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: 0.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, 0.8); }
  @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, 0.8); }

.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: #fff;
    background-color: #1f232a; }

.panel-light {
  background-color: rgba(204, 219, 232, 0.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: 0.75rem;
  line-height: 1.125rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph-xs {
  font-size: 0.8125rem;
  line-height: 1.2188rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph-xms {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph-s {
  font-size: 1rem;
  line-height: 1.5rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph-m {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph-l {
  font-size: 1.25rem;
  line-height: 1.875rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph-xl {
  font-size: 1.375rem;
  line-height: 2.0625rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph-xxl {
  font-size: 1.5rem;
  line-height: 2.25rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph-xxxl {
  font-size: 2rem;
  line-height: 3rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }

.paragraph {
  font-size: 1rem;
  line-height: 1.5rem;
  /** 1.5 is commonly recommended in classic typographic books */
  font-weight: 300;
  white-space: normal; }
  .paragraph.small-xxs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  .paragraph.small-xs {
    font-size: 0.8125rem;
    line-height: 1.2188rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  .paragraph.small-xms {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  .paragraph.small-s {
    font-size: 1rem;
    line-height: 1.5rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  .paragraph.small-m {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  .paragraph.small-l {
    font-size: 1.25rem;
    line-height: 1.875rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  .paragraph.small-xl {
    font-size: 1.375rem;
    line-height: 2.0625rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  .paragraph.small-xxl {
    font-size: 1.5rem;
    line-height: 2.25rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  .paragraph.small-xxxl {
    font-size: 2rem;
    line-height: 3rem;
    /** 1.5 is commonly recommended in classic typographic books */
    font-weight: 300;
    white-space: normal; }
  @media print, screen and (min-width: 40em) {
    .paragraph.medium-xxs {
      font-size: 0.75rem;
      line-height: 1.125rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.medium-xs {
      font-size: 0.8125rem;
      line-height: 1.2188rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.medium-xms {
      font-size: 0.875rem;
      line-height: 1.3125rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.medium-s {
      font-size: 1rem;
      line-height: 1.5rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.medium-m {
      font-size: 1.125rem;
      line-height: 1.6875rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.medium-l {
      font-size: 1.25rem;
      line-height: 1.875rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.medium-xl {
      font-size: 1.375rem;
      line-height: 2.0625rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.medium-xxl {
      font-size: 1.5rem;
      line-height: 2.25rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.medium-xxxl {
      font-size: 2rem;
      line-height: 3rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; } }
  @media print, screen and (min-width: 64em) {
    .paragraph.large-xxs {
      font-size: 0.75rem;
      line-height: 1.125rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.large-xs {
      font-size: 0.8125rem;
      line-height: 1.2188rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.large-xms {
      font-size: 0.875rem;
      line-height: 1.3125rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.large-s {
      font-size: 1rem;
      line-height: 1.5rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.large-m {
      font-size: 1.125rem;
      line-height: 1.6875rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.large-l {
      font-size: 1.25rem;
      line-height: 1.875rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.large-xl {
      font-size: 1.375rem;
      line-height: 2.0625rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.large-xxl {
      font-size: 1.5rem;
      line-height: 2.25rem;
      /** 1.5 is commonly recommended in classic typographic books */
      font-weight: 300;
      white-space: normal; }
    .paragraph.large-xxxl {
      font-size: 2rem;
      line-height: 3rem;
      /** 1.5 is commonly recommended in classic typographic books */
      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.99.2192/img/icons/plusbutton.svg);
  background-position: unset;
  background-size: contain;
  background-repeat: unset;
  background-attachment: unset;
  background-color: unset;
  vertical-align: middle;
  margin-bottom: 0.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; } }

.paragraph a, .b-cluster-info p a, .b-comment-reply .text-link, .b-dialog.x-dialog-relation .inner .guest-excerpt p a, .b-briefing-abo a:not([class]), .b-post-content p a, .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a, .b-search-list .related-content .rel-link, .b-user-info .inner-box a, .b-table table a, .b-comments .comment a, .b-group-shorttext p a, .b-group-shorttext li a {
  line-height: inherit;
  padding: 0;
  background: none;
  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 0.4s, -webkit-text-decoration-color 0.4s;
  transition: color 0.4s, -webkit-text-decoration-color 0.4s;
  transition: color 0.4s, text-decoration-color 0.4s;
  transition: color 0.4s, text-decoration-color 0.4s, -webkit-text-decoration-color 0.4s; }
  .paragraph a:hover:not(:disabled):not(.disabled), .b-cluster-info p a:hover:not(:disabled):not(.disabled), .b-comment-reply .text-link:hover:not(:disabled):not(.disabled), .b-dialog.x-dialog-relation .inner .guest-excerpt p a:hover:not(:disabled):not(.disabled), .b-briefing-abo a:hover:not(:disabled):not(.disabled):not([class]), .b-post-content p a:hover:not(:disabled):not(.disabled), .b-post-content li a:hover:not(:disabled):not(.disabled):not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a:hover:not(:disabled):not(.disabled), .b-search-list .related-content .rel-link:hover:not(:disabled):not(.disabled), .b-user-info .inner-box a:hover:not(:disabled):not(.disabled), .b-table table a:hover:not(:disabled):not(.disabled), .b-comments .comment a:hover:not(:disabled):not(.disabled), .b-group-shorttext p a:hover:not(:disabled):not(.disabled), .b-group-shorttext li a:hover:not(:disabled):not(.disabled), .paragraph a:focus:not(:disabled):not(.disabled), .b-cluster-info p a:focus:not(:disabled):not(.disabled), .b-comment-reply .text-link:focus:not(:disabled):not(.disabled), .b-dialog.x-dialog-relation .inner .guest-excerpt p a:focus:not(:disabled):not(.disabled), .b-briefing-abo a:focus:not(:disabled):not(.disabled):not([class]), .b-post-content p a:focus: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-header p a:focus:not(:disabled):not(.disabled), .b-search-list .related-content .rel-link:focus:not(:disabled):not(.disabled), .b-user-info .inner-box a:focus:not(:disabled):not(.disabled), .b-table table a:focus:not(:disabled):not(.disabled), .b-comments .comment a:focus:not(:disabled):not(.disabled), .b-group-shorttext p a:focus:not(:disabled):not(.disabled), .b-group-shorttext li a:focus:not(:disabled):not(.disabled) {
    color: #FA7D19;
    -webkit-text-decoration-color: #FA7D19;
            text-decoration-color: #FA7D19; }
  .paragraph a:active, .b-cluster-info p a:active, .b-comment-reply .text-link:active, .b-dialog.x-dialog-relation .inner .guest-excerpt p a:active, .b-briefing-abo a:active:not([class]), .b-post-content p a:active, .b-post-content li a:active:not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a:active, .b-search-list .related-content .rel-link:active, .b-user-info .inner-box a:active, .b-table table a:active, .b-comments .comment a:active, .b-group-shorttext p a:active, .b-group-shorttext li a:active {
    opacity: .5 !important; }
  .paragraph a:disabled, .b-cluster-info p a:disabled, .b-comment-reply .text-link:disabled, .b-dialog.x-dialog-relation .inner .guest-excerpt p a:disabled, .b-briefing-abo a:disabled:not([class]), .b-post-content p a:disabled, .b-post-content li a:disabled:not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a:disabled, .b-search-list .related-content .rel-link:disabled, .b-user-info .inner-box a:disabled, .b-table table a:disabled, .b-comments .comment a:disabled, .b-group-shorttext p a:disabled, .b-group-shorttext li a:disabled, .paragraph a.disabled, .b-cluster-info p a.disabled, .b-comment-reply .disabled.text-link, .b-dialog.x-dialog-relation .inner .guest-excerpt p a.disabled, .b-briefing-abo a.disabled:not([class]), .b-post-content p a.disabled, .b-post-content li a.disabled:not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a.disabled, .b-search-list .related-content .disabled.rel-link, .b-user-info .inner-box a.disabled, .b-table table a.disabled, .b-comments .comment a.disabled, .b-group-shorttext p a.disabled, .b-group-shorttext li 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) .paragraph 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-cluster-info p a, .b-cluster-info p 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-comment-reply .text-link, .b-comment-reply html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .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, .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, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo a:not([class]), .b-briefing-abo html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:not([class]), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content p a, .b-post-content p 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-post-content li a: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: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-header p a, .b-post-header p 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-search-list .related-content .rel-link, .b-search-list .related-content html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .rel-link, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box 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-table table a, .b-table table 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-comments .comment a, .b-comments .comment 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-group-shorttext p a, .b-group-shorttext p 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-group-shorttext li a, .b-group-shorttext li html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a {
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .paragraph a:hover: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-cluster-info p a:hover: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), 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), .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), 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), .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), 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]), .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]), 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), .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), 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), .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), 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), .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), 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), .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), 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), .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), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table a:hover: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), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment a:hover: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), 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), .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), 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), .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), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .paragraph a:focus: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), 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), .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), 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), .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), 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), .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), 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]), .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]), 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), .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), 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), .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), 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), .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), 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), .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), 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), .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), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-table table 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:focus: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), .b-comments .comment html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) 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: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: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: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:focus:not(:disabled):not(.disabled) {
      color: #FA7D19;
      -webkit-text-decoration-color: #FA7D19;
              text-decoration-color: #FA7D19; }
  .paragraph a:visited:not(.button), .b-cluster-info p a:visited:not(.button), .b-comment-reply .text-link:visited:not(.button), .b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited:not(.button), .b-briefing-abo a:visited:not(.button):not([class]), .b-post-content p a:visited:not(.button), .b-post-content li a:visited:not(.button):not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a:visited:not(.button), .b-search-list .related-content .rel-link:visited:not(.button), .b-user-info .inner-box a:visited:not(.button), .b-table table a:visited:not(.button), .b-comments .comment a:visited:not(.button), .b-group-shorttext p a:visited:not(.button), .b-group-shorttext li a:visited:not(.button) {
    color: inherit; }
    .paragraph a:visited:not(.button):hover, .b-cluster-info p a:visited:not(.button):hover, .b-comment-reply .text-link:visited:not(.button):hover, .b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited:not(.button):hover, .b-briefing-abo a:visited:not(.button):hover:not([class]), .b-post-content p a:visited:not(.button):hover, .b-post-content li a:visited:not(.button):hover:not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a:visited:not(.button):hover, .b-search-list .related-content .rel-link:visited:not(.button):hover, .b-user-info .inner-box a:visited:not(.button):hover, .b-table table a:visited:not(.button):hover, .b-comments .comment a:visited:not(.button):hover, .b-group-shorttext p a:visited:not(.button):hover, .b-group-shorttext li a:visited:not(.button):hover, .paragraph a:visited:not(.button):focus, .b-cluster-info p a:visited:not(.button):focus, .b-comment-reply .text-link:visited:not(.button):focus, .b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited:not(.button):focus, .b-briefing-abo a:visited:not(.button):focus:not([class]), .b-post-content p a:visited:not(.button):focus, .b-post-content li a:visited:not(.button):focus:not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a:visited:not(.button):focus, .b-search-list .related-content .rel-link:visited:not(.button):focus, .b-user-info .inner-box a:visited:not(.button):focus, .b-table table a:visited:not(.button):focus, .b-comments .comment a:visited:not(.button):focus, .b-group-shorttext p a:visited:not(.button):focus, .b-group-shorttext li a:visited:not(.button):focus {
      color: #000; }

.b-cluster-info p a, .b-comment-reply .text-link, .b-dialog.x-dialog-relation .inner .guest-excerpt p a, .b-briefing-abo a:not([class]), .b-post-content p a, .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn), .b-post-header p a, .b-search-list .related-content .rel-link, .b-user-info .inner-box a, .b-table table a {
  color: #34393F;
  border-color: #34393F; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-info p a, .b-cluster-info p 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-comment-reply .text-link, .b-comment-reply html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .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, .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, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-briefing-abo a:not([class]), .b-briefing-abo html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a:not([class]), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-post-content p a, .b-post-content p 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-post-content li a: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: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-header p a, .b-post-header p 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-search-list .related-content .rel-link, .b-search-list .related-content html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .rel-link, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box 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-table table a, .b-table table html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) a {
    color: #fff; }

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

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Extended Reset
 *
 */
/**
 * Global Browser Reset by Eric Meyer
 */
html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
ruby,
section,
summary,
time,
mark,
audio,
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:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

/**
 *
 * Additional Browser Bugfixes
 *
 * @section fixes
 */
/* Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

/* remove extra inner padding on buttons in firefox */
input::-moz-focus-inner,
button::-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 ul,
nav ol {
  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;
  *overflow: visible; }

textarea {
  overflow: auto;
  vertical-align: top; }

/* control over ie10/11 input features */
input::-ms-reveal,
input::-ms-clear {
  display: none; }

/* print setup */
@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; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Basic Formattings
 *
 */
/**
 * html, Body
 */
html,
body {
  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.x-tivi-app .b-cluster .cluster-title::before,
    html body.x-tivi .b-cluster .cluster-title::before {
      margin-right: 6px;
      font-size: 1.375rem; }
    html.x-tivi-app .b-content-teaser-list .title .avatar-image:not(:empty),
    html body.x-tivi .b-content-teaser-list .title .avatar-image:not(:empty) {
      margin-right: 6px; } }
  @media print, screen and (min-width: 40em) {
    html.x-tivi-app .b-cluster .cluster-title::before,
    html body.x-tivi .b-cluster .cluster-title::before {
      margin-right: 10px;
      font-size: 1.75rem; }
    html.x-tivi-app .b-content-teaser-list .title .avatar-image:not(:empty),
    html body.x-tivi .b-content-teaser-list .title .avatar-image:not(:empty) {
      margin-right: 10px; } }
  html.x-tivi-app .b-cluster .cluster-title::before,
  html body.x-tivi .b-cluster .cluster-title::before {
    float: left;
    display: inline-block; }
  html:not(.x-tivi-app):not(.x-tivi-profile) .b-dynamicpage .tivi-dynamic,
  html:not(.x-tivi-app):not(.x-tivi-profile) .b-dynamicpage .hide-for-anonymous-kids {
    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 #000; }
  #onetrust-pc-sdk .ot-link-btn:hover {
    border-color: #000; }

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) {
  color: #fff;
  background-color: #0d1118; }
  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,
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-consent-sdk #onetrust-banner-sdk {
    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-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-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 #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-title,
  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-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-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-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-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-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 .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-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-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-label-status,
  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 #clear-filters-handler,
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-cat-grp .ot-always-active,
  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 .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 .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 .ot-ven-link,
  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-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 a,
  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 #onetrust-policy-text,
  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-title,
  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 .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 #onetrust-banner-sdk #banner-options *,
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-banner-sdk .ot-cat-header {
    color: #fff; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-pc-header,
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-pc-footer {
    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: #fff; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item,
  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 {
    background-color: #25292E; }
  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,
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-pc-sdk .ot-switch-nob:before {
    background-color: #0d1118; }
  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),
  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-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-accept-btn-handler,
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) #onetrust-banner-sdk #onetrust-reject-all-handler {
    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: 0.9375rem; }
  @media print, screen and (max-width: 39.99875em) {
    body.x-heute .teaser-cat {
      font-size: 0.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-poster .cluster-title-row,
  body.x-heute .b-cluster-livestream .cluster-title-row {
    max-width: 72rem; } }

body.x-heute .b-cluster-teaser.b-vertical-teaser .teaser-open-btn,
body.x-heute .b-cluster-poster .teaser-open-btn {
  display: none !important; }

body.x-heute .b-promo-teaser .teaser-text,
body.x-heute .b-promo-teaser .teaser-cat,
body.x-heute .b-promo-teaser .teaser-title-link {
  text-shadow: none; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

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-link,
    body.m-css-test .teaser-title {
      -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: #000; }
      body.m-css-test .b-newsstream .scroll-arrow:before {
        width: 72px;
        font-size: 48px;
        line-height: 84px;
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.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: none; }
  .main.m-keyboardfocus {
    outline: none; }

.nav-back:before {
  margin-left: -4px; }

@media print, screen and (max-width: 39.99875em) {
  .oauth-content p {
    padding: 0 16px; } }

/**
 * General text renderings
 *
 */
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,
  .medium-headline b,
  .small-headline b, .big-headline
  strong,
  .medium-headline
  strong,
  .small-headline
  strong {
    font-weight: 300; }
  b p,
  strong p {
    font-weight: 700; }

i,
em {
  font-style: italic; }
  .big-headline i,
  .medium-headline i,
  .small-headline i, .big-headline
  em,
  .medium-headline
  em,
  .small-headline
  em {
    font-style: normal; }

address {
  font-style: normal;
  font-weight: 300; }

input {
  display: block;
  width: 100%;
  border: none;
  font-weight: 300; }
  input:hover:not(.m-keyboardfocus), input:focus:not(.m-keyboardfocus) {
    outline: none; }

.input {
  font-size: 1rem;
  line-height: 1.375rem;
  height: 40px;
  margin: 0 0 16px;
  border: none;
  border-radius: 0;
  padding: 0.375rem 16px 0.125rem;
  color: #34393F;
  background-color: transparent;
  -webkit-transition: border-color 400ms;
  transition: border-color 400ms; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .input,
  .dark-modal .input {
    color: #fff; }
  .input:focus {
    outline: 2px solid #000; }
  .input.error {
    position: relative;
    outline: 2px solid #000; }
    .input.error:hover, .input.error:focus {
      outline: 2px solid #000; }

::-webkit-input-placeholder {
  color: #000 !important; }

::-moz-placeholder {
  color: #000 !important; }

:-ms-input-placeholder {
  color: #000 !important; }

::-ms-input-placeholder {
  color: #000 !important; }

::placeholder {
  color: #000 !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-webkit-input-placeholder,
  .dark-modal ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-moz-placeholder,
  .dark-modal ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) :-ms-input-placeholder,
  .dark-modal :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-ms-input-placeholder,
  .dark-modal ::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::placeholder,
  .dark-modal ::placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }

::-webkit-input-placeholder {
  color: #000 !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-webkit-input-placeholder,
  .dark-modal ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #000 !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) ::-moz-placeholder,
  .dark-modal ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }

:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  color: #000 !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) :-moz-placeholder,
  .dark-modal :-moz-placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }

:-ms-input-placeholder {
  color: #000 !important; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) :-ms-input-placeholder,
  .dark-modal :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.63) !important; }

.inline-quote {
  font-family: "Uniwidth", sans-serif;
  font-style: italic; }

input,
textarea,
blockquote {
  font-family: "Uniwidth", sans-serif;
  font-weight: 300; }

textarea,
.b-search-bar .multiple-trigger .label,
.paragraph {
  font-weight: 300; }

.textarea-label {
  display: block;
  font-size: 0.875rem;
  line-height: 1rem;
  margin-bottom: 0.625rem; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .textarea-label,
  .dark-modal .textarea-label {
    color: #fff; }

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: #fff; }

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

sup,
sub {
  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; }

/**
 *
 * Hyperlinks
 *
 */
a,
a:visited {
  text-decoration: none; }

a:hover,
a:active,
a:focus:not(.m-keyboardfocus) {
  outline: 0 none; }

.m-keyboardfocus {
  outline: 2px solid #000;
  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: none; }

img {
  max-width: 100%; }

/**
 * Standards & Helpers
 */
.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:not(.m-logged-in) .hide-for-anonymous,
html.m-logged-in .hide-for-logged-in,
html:not(.m-logged-in-ard-user) .show-for-ard-users,
html.m-logged-in-ard-user .hide-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: 0.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 Setup
 */
#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:focus,
  #skiplinks .skip:active {
    position: absolute;
    top: 0;
    left: 9999px;
    width: 100%;
    outline: 0 none;
    padding: 7px 0;
    text-align: center;
    text-decoration: underline;
    color: #FFFF00;
    background-color: #34393F;
    background-color: rgba(52, 57, 63, 0.6); }

/**
 * Buttons
 */
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: none; }

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) {
  .teaser-background-small, .b-group-news-opener .teaser-container.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; }
    .teaser-background-small .teaser-cat, .b-group-news-opener .teaser-container.teaser-background-small .teaser-cat,
    .teaser-background-small .teaser-title-link,
    .b-group-news-opener .teaser-container.teaser-background-small .teaser-title-link,
    .teaser-background-small .author-icon,
    .b-group-news-opener .teaser-container.teaser-background-small .author-icon,
    .teaser-background-small .teaser-foot,
    .b-group-news-opener .teaser-container.teaser-background-small .teaser-foot {
      color: #000; }
    .teaser-background-small .teaser-block, .b-group-news-opener .teaser-container.teaser-background-small .teaser-block,
    .teaser-background-small .teaser-box,
    .b-group-news-opener .teaser-container.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:hover, .teaser-title-link:focus, .teaser-title-link.mouseover {
  text-decoration: underline;
  color: #34393F; }
  .teaser-title-link:hover .teaser-cat, .teaser-title-link:focus .teaser-cat, .teaser-title-link.mouseover .teaser-cat {
    text-decoration: none !important; }

.teaser-episode-number {
  float: left;
  margin-right: 8px; }

.teaser-episode-number {
  font-weight: 300; }

.teaser-length,
.result-score {
  display: inline-block; }

.special-info {
  line-height: 1rem;
  color: #34393F; }
  @media print, screen and (max-width: 39.99875em) {
    .special-info {
      font-size: 0.8125rem; } }
  @media print, screen and (min-width: 40em) {
    .special-info {
      font-size: 0.875rem; } }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .special-info {
    color: #fff; }

/**
 * Loading Animation
 */
.loadmore-btn,
.reg.btn {
  position: relative;
  display: inline-block; }

.m-loading .loadmore-btn,
.m-loading .reg-btn {
  padding-left: 40px;
  -webkit-transition: padding 0.2s ease-in-out;
  transition: padding 0.2s ease-in-out; }

.m-loading .loader {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.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: #000;
    content: ''; }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Player Error Message */
.b-playerbox {
  background-color: rgba(0, 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, 0.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 .big-headline,
  .is-dark .b-breadcrumbs .link,
  .is-dark .b-breadcrumbs .link:hover,
  .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 {
    color: #fff; }
  .is-dark .b-breadcrumbs .item .item-icon {
    color: #fff; }

.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: 0.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 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 umn:nth-of-type(1n),
  .x-column .x-large-up-8 > .x-columns: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-uncentered,
  .x-column .x-large-push-0,
  .x-column .x-large-pull-0 {
    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:before, .x-row:after {
    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-uncenter, .x-column.x-medium-push-0, .x-column.x-medium-pull-0 {
    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-uncenter, .x-column.x-large-push-0, .x-column.x-large-pull-0 {
    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-uncenter, .x-column.x-small-push-0, .x-column.x-small-pull-0 {
    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%; } }

/**
 * Responsive Webdesign Testing
 * Different viewport sizes are simulated through iFrames.
 *
 * Markup:
 * <div class="b-rwd-testing">
 *     <div class="frame">
 *         <iframe src="index.html" width="320" height="568" seamless="seamless" frameborder="0"></iframe>
 *     </div>
 * </div>
 *
 */
.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 0.4s ease-in-out;
      transition: border 0.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 0.4s ease-in-out;
  transition: margin-top 0.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: 0.875rem;
  width: calc(80% - .75rem); }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .author-icon {
    color: #fff; }
  @media print, screen and (min-width: 40em) {
    .author-icon {
      bottom: 16px;
      font-size: 0.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: none; }
      .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:before, .b-avatar-item .avatar-label:after {
      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: #5C6166; }
  @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: #fff; }
  .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 0.4s ease-in-out;
    transition: border 0.4s ease-in-out; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-brand-information .showlink {
      color: #fff; }
    .b-brand-information .showlink:hover, .b-brand-information .showlink:focus {
      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: #fff; }

.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: 0.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: 0.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: 0.875rem;
    text-transform: initial; }
    .b-breadcrumbs .item:last-child,
    .b-breadcrumbs .item:last-child .no-link {
      font-weight: 700;
      color: #34393F; }
    .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: #fff; }
    .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 0.4s ease-in-out;
    transition: border 0.4s ease-in-out; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-breadcrumbs .link {
      color: #fff; }
    .b-breadcrumbs .link:hover, .b-breadcrumbs .link:focus {
      border-bottom: 1px solid #000;
      color: #34393F; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-breadcrumbs .link:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-breadcrumbs .link:focus {
        color: #fff; }
  .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: #fff; }

@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: none; }
  .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: #fff; }

.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: none;
  background-color: rgba(13, 17, 24, 0.9);
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s; }
  @media print, screen and (max-width: 39.99875em) {
    .b-calendar .calendar-caption {
      height: 40px;
      line-height: 40px; }
    .b-calendar .calendar-btn-prev,
    .b-calendar .calendar-btn-next {
      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 400ms;
    transition: -webkit-transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
    -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: #fff;
      background-color: #25292E; }
  .b-calendar .calendar-btn-prev,
  .b-calendar .calendar-btn-next {
    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-prev, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
    .b-calendar .calendar-btn-next {
      color: #fff; }
    .b-calendar .calendar-btn-prev:disabled,
    .b-calendar .calendar-btn-next: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: #fff; }
    .b-calendar .calendar-btn-close:hover, .b-calendar .calendar-btn-close:focus:not(.m-keyboardfocus) {
      outline: none; }
  .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: #000;
    background-color: #FFFF00; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar th {
      color: #fff; }
  .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: none;
    margin: 0;
    border-radius: 50%;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    line-height: 2.625rem;
    color: #000;
    background-color: transparent;
    border: 2px solid transparent;
    -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s;
    transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox {
      color: #fff; }
    .b-calendar .calendar-cellbox:hover:not([aria-selected="true"]), .b-calendar .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected="true"]) {
      color: #000;
      background-color: transparent;
      border-color: #000; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .calendar-cellbox:hover:not([aria-selected="true"]), 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"]) {
        color: #000; }
      .b-calendar .calendar-cellbox:hover:not([aria-selected="true"]):active, .b-calendar .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected="true"]):active {
        color: #fff;
        background-color: #000; }
        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, 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 {
          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: #000; }
        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: #000;
      border-color: #000;
      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: #FFFF00; }
        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 #000; }
  .b-calendar .m-othermonth .calendar-cellbox,
  .b-calendar .calendar-cellbox:disabled {
    color: #96999C;
    cursor: initial; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendar .m-othermonth .calendar-cellbox, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
    .b-calendar .calendar-cellbox:disabled {
      color: #96999C; }
    .b-calendar .m-othermonth .calendar-cellbox:hover, .b-calendar .m-othermonth .calendar-cellbox:focus,
    .b-calendar .calendar-cellbox:disabled:hover,
    .b-calendar .calendar-cellbox:disabled:focus {
      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 .m-othermonth .calendar-cellbox: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 .calendar-cellbox:disabled:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
      .b-calendar .calendar-cellbox:disabled:focus {
        color: #96999C; }
  .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: none;
  background-color: rgba(13, 17, 24, 0.9);
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
  left: 0; }
  @media print, screen and (max-width: 39.99875em) {
    .b-calendarpicker .calendar-caption {
      height: 40px;
      line-height: 40px; }
    .b-calendarpicker .calendar-btn-prev,
    .b-calendarpicker .calendar-btn-next {
      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 400ms;
    transition: -webkit-transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
    -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: #fff;
      background-color: #25292E; }
  .b-calendarpicker .calendar-btn-prev,
  .b-calendarpicker .calendar-btn-next {
    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-prev, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
    .b-calendarpicker .calendar-btn-next {
      color: #fff; }
    .b-calendarpicker .calendar-btn-prev:disabled,
    .b-calendarpicker .calendar-btn-next: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: #fff; }
    .b-calendarpicker .calendar-btn-close:hover, .b-calendarpicker .calendar-btn-close:focus:not(.m-keyboardfocus) {
      outline: none; }
  .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: #000;
    background-color: #FFFF00; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker th {
      color: #fff; }
  .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: none;
    margin: 0;
    border-radius: 50%;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    line-height: 2.625rem;
    color: #000;
    background-color: transparent;
    border: 2px solid transparent;
    -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s;
    transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox {
      color: #fff; }
    .b-calendarpicker .calendar-cellbox:hover:not([aria-selected="true"]), .b-calendarpicker .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected="true"]) {
      color: #000;
      background-color: transparent;
      border-color: #000; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .calendar-cellbox:hover:not([aria-selected="true"]), 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"]) {
        color: #000; }
      .b-calendarpicker .calendar-cellbox:hover:not([aria-selected="true"]):active, .b-calendarpicker .calendar-cellbox:focus:not(.m-keyboardfocus):not([aria-selected="true"]):active {
        color: #fff;
        background-color: #000; }
        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, 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 {
          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: #000; }
        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: #000;
      border-color: #000;
      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: #FFFF00; }
        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 #000; }
  .b-calendarpicker .m-othermonth .calendar-cellbox,
  .b-calendarpicker .calendar-cellbox:disabled {
    color: #96999C;
    cursor: initial; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-calendarpicker .m-othermonth .calendar-cellbox, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
    .b-calendarpicker .calendar-cellbox:disabled {
      color: #96999C; }
    .b-calendarpicker .m-othermonth .calendar-cellbox:hover, .b-calendarpicker .m-othermonth .calendar-cellbox:focus,
    .b-calendarpicker .calendar-cellbox:disabled:hover,
    .b-calendarpicker .calendar-cellbox:disabled:focus {
      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 .m-othermonth .calendar-cellbox: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 .calendar-cellbox:disabled:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
      .b-calendarpicker .calendar-cellbox:disabled:focus {
        color: #96999C; }
  .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;
  /* TODO: Nach Twig Umstellung des teaser-item die Logik im Template einbauen */ }
  .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 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.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 500ms;
    transition: background-color 500ms; }
    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 0.2s, top 0.2s;
    transition: width 0.2s, top 0.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, 0.6)));
      background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
      background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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: 0.5rem;
          font-size: 0.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 0.2s;
      transition: padding 0.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-title,
    .b-cluster-teaser.b-vertical-teaser .teaser-title-link,
    .b-cluster-teaser.b-vertical-teaser .teaser-foot {
      -webkit-transition: color 0.2s;
      transition: color 0.2s; }
    .b-cluster-teaser.b-vertical-teaser .teaser-cat,
    .b-cluster-teaser.b-vertical-teaser .teaser-title {
      -webkit-transition: margin 0.2s;
      transition: margin 0.2s; }
    .b-cluster-teaser.b-vertical-teaser .teaser-extended-text {
      font-size: 0.9375rem;
      line-height: 1.33;
      font-weight: 300;
      overflow: hidden;
      line-height: 1.25rem;
      display: none;
      color: #34393F;
      -webkit-transition: color 0.2s;
      transition: color 0.2s;
      margin-bottom: 0;
      width: 19.875rem; }
      .b-cluster-teaser.b-vertical-teaser .teaser-extended-text .icon-206_arrow-right,
      .b-cluster-teaser.b-vertical-teaser .teaser-extended-text .arrowhover {
        position: relative;
        height: 0.875rem;
        width: 0.875rem;
        display: inline-block;
        margin-left: 1px;
        font-size: 1rem;
        line-height: 1.1875rem; }
        .b-cluster-teaser.b-vertical-teaser .teaser-extended-text .icon-206_arrow-right:before,
        .b-cluster-teaser.b-vertical-teaser .teaser-extended-text .arrowhover: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: 0.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: #fff; }
    .b-cluster-teaser.b-vertical-teaser .teaser-extended-info {
      display: none;
      margin: 12px 0 0 0;
      font-size: 0.8125rem;
      line-height: 0.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 0.2s;
      transition: opacity 0.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: 0.75rem;
        padding: 0.1875rem 0.375rem 0.125rem;
        background-color: #96999C;
        font-size: 0.8125rem;
        line-height: 0.9375rem;
        font-weight: 500;
        letter-spacing: 0.26px;
        text-align: center;
        color: #25292E;
        margin-right: 0.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 0.4s, -webkit-transform-origin 0.4s;
      transition: opacity 0s, visibility 0s, -webkit-transform 0.4s, -webkit-transform-origin 0.4s;
      transition: opacity 0s, visibility 0s, transform 0.4s, transform-origin 0.4s;
      transition: opacity 0s, visibility 0s, transform 0.4s, transform-origin 0.4s, -webkit-transform 0.4s, -webkit-transform-origin 0.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: #fff !important; }
      .b-cluster-teaser.b-vertical-teaser .teaser-open-btn.m-keyboardfocus {
        outline-offset: -0.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: 0.9375rem;
      padding: 0.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 0.4s, background-color 0.4s;
      transition: opacity 0s 0s, visibility 0s 0s, border-color 0.4s, background-color 0.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: 0.1875rem;
        left: 0.0625rem;
        z-index: 2;
        -webkit-transition: opacity 0.2s 0.2s, left 0.2s;
        transition: opacity 0.2s 0.2s, left 0.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: 0.4375rem;
        left: 0.4375rem;
        -webkit-transition: opacity 0.2s, left 0.2s;
        transition: opacity 0.2s, left 0.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: 0.3125rem;
          -webkit-transition: left 0.2s 0.2s;
          transition: left 0.2s 0.2s; }
        .b-cluster-teaser.b-vertical-teaser .teaser-play-btn:hover .icon-502_play:after {
          opacity: 1;
          left: 0.75rem;
          -webkit-transition: opacity 0.2s, left 0.2s 0.2s;
          transition: opacity 0.2s, left 0.2s 0.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: 0.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 0.4s, background-color 0.4s;
      transition: opacity 0s 0s, visibility 0s 0s, border-color 0.4s, background-color 0.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: 0.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 0.4s;
      transition: opacity 0s 0s, visibility 0s 0s, -webkit-transform 0.4s;
      transition: opacity 0s 0s, visibility 0s 0s, transform 0.4s;
      transition: opacity 0s 0s, visibility 0s 0s, transform 0.4s, -webkit-transform 0.4s; }
      @media print, screen and (max-width: 63.99875em) {
        .b-cluster-teaser.b-vertical-teaser .b-plus-button {
          right: 0.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: -0.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: #fff; }
    .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 0.2s 0s;
          transition: opacity 0.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-title,
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-title-link,
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-foot,
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-extended-text {
        color: #fff; }
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-open-btn,
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-label,
      .b-cluster-teaser.b-vertical-teaser.is-expanded .content-label {
        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-text,
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-extended-info {
        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 .teaser-play-btn,
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-trailer-btn,
      .b-cluster-teaser.b-vertical-teaser.is-expanded .b-plus-button {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        -webkit-transition: opacity 0.2s 0.2s, visibility 0.2s 0.2s, border-color 0.4s, background-color 0.4s;
        transition: opacity 0.2s 0.2s, visibility 0.2s 0.2s, border-color 0.4s, background-color 0.4s; }
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-cat {
        margin-bottom: 0.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: 0.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: 0.8125rem;
        opacity: .6; }
      .b-cluster-teaser.b-vertical-teaser.is-expanded .teaser-vid-infos {
        margin-top: 0.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: -0.25rem;
        right: 2.375rem; }
    .b-cluster-teaser.b-vertical-teaser:not(.cluster-teaser-new):not(.cluster-teaser-overview) .teaser-cat {
      font-size: 0.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: 0.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 400ms, margin-right 400ms ease-in-out, margin-bottom 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: visibility 400ms, margin-right 400ms ease-in-out, margin-bottom 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: visibility 400ms, transform 400ms ease-in-out, margin-right 400ms ease-in-out, margin-bottom 400ms ease-in-out, opacity 400ms ease-in-out;
    transition: visibility 400ms, transform 400ms ease-in-out, margin-right 400ms ease-in-out, margin-bottom 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    -webkit-transform: scale(0.9);
            transform: scale(0.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 0.2s ease-in-out;
    transition: opacity 0.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 0.2s;
    transition: opacity 0.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 0.2s;
    transition: opacity 0.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: 0.8125rem;
    margin-bottom: 2px; }
    @media print, screen and (min-width: 64em) {
      .b-cluster-teaser.cluster-teaser-new .teaser-cat {
        font-size: 0.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: #fff; }
  .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: 0.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: 0.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 0.2s;
          transition: top 0.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-brand,
      .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-cat,
      .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: 0.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: 0.9375rem;
            margin-bottom: 8px; } }
      .b-cluster-teaser.cluster-teaser-overview .bottom-teaser-box .teaser-title {
        min-height: auto !important;
        -webkit-transition: margin 0.2s;
        transition: margin 0.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: #fff !important; }
  .b-cluster-teaser.cluster-teaser-new, .b-cluster-teaser.cluster-teaser-overview, .b-cluster-teaser.b-news-teaser-image, .b-cluster-teaser.b-vertical-teaser {
    width: 231px;
    min-width: 231px;
    height: 260px; }
    @media print, screen and (min-width: 64em) {
      .b-cluster-teaser.cluster-teaser-new, .b-cluster-teaser.cluster-teaser-overview, .b-cluster-teaser.b-news-teaser-image, .b-cluster-teaser.b-vertical-teaser {
        width: 320px;
        min-width: 320px;
        height: 360px; } }
    .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, .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 {
      font-size: 1rem;
      line-height: 1.375rem;
      overflow: hidden;
      max-height: 64px; }
      @media print, screen and (min-width: 64em) {
        .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, .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 {
          font-size: 1.375rem;
          line-height: 1.875rem;
          max-height: 5.75rem; } }
      .b-cluster-teaser.cluster-teaser-new .teaser-title.m-keyboardfocus,
      .b-cluster-teaser.cluster-teaser-new .teaser-title-link.m-keyboardfocus, .b-cluster-teaser.cluster-teaser-overview .teaser-title.m-keyboardfocus,
      .b-cluster-teaser.cluster-teaser-overview .teaser-title-link.m-keyboardfocus, .b-cluster-teaser.b-news-teaser-image .teaser-title.m-keyboardfocus,
      .b-cluster-teaser.b-news-teaser-image .teaser-title-link.m-keyboardfocus, .b-cluster-teaser.b-vertical-teaser .teaser-title.m-keyboardfocus,
      .b-cluster-teaser.b-vertical-teaser .teaser-title-link.m-keyboardfocus {
        outline-offset: -0.125rem; }
    .b-cluster-teaser.cluster-teaser-new .teaser-title, .b-cluster-teaser.cluster-teaser-overview .teaser-title, .b-cluster-teaser.b-news-teaser-image .teaser-title, .b-cluster-teaser.b-vertical-teaser .teaser-title {
      margin-bottom: 8px; }
      @media print, screen and (min-width: 64em) {
        .b-cluster-teaser.cluster-teaser-new .teaser-title, .b-cluster-teaser.cluster-teaser-overview .teaser-title, .b-cluster-teaser.b-news-teaser-image .teaser-title, .b-cluster-teaser.b-vertical-teaser .teaser-title {
          margin-bottom: 16px; } }
    .b-cluster-teaser.cluster-teaser-new .box, .b-cluster-teaser.cluster-teaser-overview .box, .b-cluster-teaser.b-news-teaser-image .box, .b-cluster-teaser.b-vertical-teaser .box {
      padding: 4px 12px 10px; }
      @media print, screen and (min-width: 64em) {
        .b-cluster-teaser.cluster-teaser-new .box, .b-cluster-teaser.cluster-teaser-overview .box, .b-cluster-teaser.b-news-teaser-image .box, .b-cluster-teaser.b-vertical-teaser .box {
          padding: 16px; } }
    .b-cluster-teaser.cluster-teaser-new .teaser-foot, .b-cluster-teaser.cluster-teaser-overview .teaser-foot, .b-cluster-teaser.b-news-teaser-image .teaser-foot, .b-cluster-teaser.b-vertical-teaser .teaser-foot {
      font-size: 0.8125rem;
      margin-bottom: 6px;
      text-shadow: none;
      bottom: 32px;
      left: 12px;
      top: auto; }
      @media print, screen and (min-width: 64em) {
        .b-cluster-teaser.cluster-teaser-new .teaser-foot, .b-cluster-teaser.cluster-teaser-overview .teaser-foot, .b-cluster-teaser.b-news-teaser-image .teaser-foot, .b-cluster-teaser.b-vertical-teaser .teaser-foot {
          font-size: 0.875rem;
          margin-bottom: 8px;
          left: 16px;
          bottom: 40px; } }
    .b-cluster-teaser.cluster-teaser-new .teaser-label, .b-cluster-teaser.cluster-teaser-overview .teaser-label, .b-cluster-teaser.b-news-teaser-image .teaser-label, .b-cluster-teaser.b-vertical-teaser .teaser-label {
      bottom: 10px;
      left: 12px; }
      @media print, screen and (min-width: 64em) {
        .b-cluster-teaser.cluster-teaser-new .teaser-label, .b-cluster-teaser.cluster-teaser-overview .teaser-label, .b-cluster-teaser.b-news-teaser-image .teaser-label, .b-cluster-teaser.b-vertical-teaser .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: 0.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.99.2192/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: 500ms;
  transition: 500ms;
  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: 400ms 100ms;
  transition: 400ms 100ms;
  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: 0.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, 0.6)));
      background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
      background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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: none;
  -webkit-transition: opacity 400ms, -webkit-transform 400ms;
  transition: opacity 400ms, -webkit-transform 400ms;
  transition: transform 400ms, opacity 400ms;
  transition: transform 400ms, opacity 400ms, -webkit-transform 400ms;
  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, 0.6)));
      background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
      background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.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 500ms;
    transition: background-color 500ms;
    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: #fff;
      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: #fff; }
      @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: 0.875rem;
      text-overflow: ellipsis;
      color: #fff;
      overflow: hidden;
      margin-bottom: 2px; }
    .b-cluster-teaser-small .box .teaser-label {
      display: none;
      height: 1.25rem;
      font-size: 0.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: 0.8125rem;
      color: #fff; }
      .b-cluster-teaser-small .box .teaser-foot .teaser-info {
        font-size: 0.8125rem;
        color: #fff; }

.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.is-expanded,
  .b-cluster .lazyload-content.is-expanded,
  .b-cluster .cluster-lazy.is-expanded {
    z-index: 5; }
    .b-cluster.is-expanded .cluster-showmore,
    .b-cluster .lazyload-content.is-expanded .cluster-showmore,
    .b-cluster .cluster-lazy.is-expanded .cluster-showmore {
      overflow: visible;
      height: 23.5rem; }
      @media print, screen and (max-width: 63.99875em) {
        .b-cluster.is-expanded .cluster-showmore,
        .b-cluster .lazyload-content.is-expanded .cluster-showmore,
        .b-cluster .cluster-lazy.is-expanded .cluster-showmore {
          height: 16.25rem; } }
    .b-cluster.is-expanded .cluster-content.scroll-box,
    .b-cluster .lazyload-content.is-expanded .cluster-content.scroll-box,
    .b-cluster .cluster-lazy.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.is-expanded .cluster-content.scroll-box,
        .b-cluster .lazyload-content.is-expanded .cluster-content.scroll-box,
        .b-cluster .cluster-lazy.is-expanded .cluster-content.scroll-box {
          height: 25rem;
          margin-bottom: -8rem; } }
      .b-cluster.is-expanded .cluster-content.scroll-box .tile-box-wrap,
      .b-cluster .lazyload-content.is-expanded .cluster-content.scroll-box .tile-box-wrap,
      .b-cluster .cluster-lazy.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.is-expanded .cluster-content.scroll-box .tile-box-wrap,
          .b-cluster .lazyload-content.is-expanded .cluster-content.scroll-box .tile-box-wrap,
          .b-cluster .cluster-lazy.is-expanded .cluster-content.scroll-box .tile-box-wrap {
            height: 17.5rem;
            padding-bottom: 8rem !important; } }
    .b-cluster.is-expanded .scroll-arrow,
    .b-cluster .lazyload-content.is-expanded .scroll-arrow,
    .b-cluster .cluster-lazy.is-expanded .scroll-arrow {
      margin-top: -3.25rem; }
      @media print, screen and (max-width: 63.99875em) {
        .b-cluster.is-expanded .scroll-arrow,
        .b-cluster .lazyload-content.is-expanded .scroll-arrow,
        .b-cluster .cluster-lazy.is-expanded .scroll-arrow {
          margin-top: -5.125rem; } }
    @media print, screen and (max-width: 39.99875em) {
      .b-cluster.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 .cluster-lazy.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: none;
    margin: 0; }
  .b-cluster .load-more-container {
    text-align: center; }
  .b-cluster.m-dynamic {
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms; }
    .b-cluster.m-dynamic:not(.m-ready) {
      opacity: 0;
      height: 0; }
      .b-cluster.m-dynamic:not(.m-ready) img.lazyload {
        display: none; }
  .b-cluster:not(.m-has-teaser) .m-content,
  .b-cluster.m-has-teaser .m-no-content, .b-cluster.m-hide {
    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:hover, .b-collapse-text .text:focus:not(.m-keyboardfocus) {
      outline: none; }
    .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 .reply,
.b-comment-reply .reply-count,
.b-comment-reply .form-title,
.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: 0.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: none;
    margin-bottom: 16px;
    resize: none;
    -webkit-transition: height 0.4s ease-in-out;
    transition: height 0.4s ease-in-out; }
    .b-comments .comment-textarea:focus {
      overflow: auto; }
  .b-comments .comment-form-submit {
    text-align: right;
    -webkit-transition: 200ms;
    transition: 200ms; }
  .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: 0.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: none;
    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: #fff; }
    .b-comments .comments-header .number {
      display: inline-block;
      margin: 0;
      font-weight: 300; }
  .b-comments .comments-content {
    outline: none; }
    .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: 0.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: #fff; }
  .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:hover .comment-toggle, .b-comments .toggle-comment:focus .comment-toggle {
      color: #FA7D19; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .toggle-comment:hover .comment-toggle, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .toggle-comment:focus .comment-toggle {
        color: #FA7D19; }
  .b-comments .comment-toggle {
    position: relative;
    top: 4px;
    left: -3px;
    color: #34393F;
    -webkit-transition: color 0.4s;
    transition: color 0.4s; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-comments .comment-toggle {
      color: #fff; }
  .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:hover:before, .b-comments .delete-comment:focus:before {
      color: #000; }
  .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: none; }
    .b-comments .close-comments:hover, .b-comments .close-comments:focus {
      color: #34393F; }
      .b-comments .close-comments:hover:after, .b-comments .close-comments:focus:after {
        display: block;
        border-bottom-color: #000;
        -webkit-transition: border 0.4s ease-in-out;
        transition: border 0.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 0.4s ease-in-out;
      transition: border 0.4s ease-in-out; }
  .b-comments .more-comments {
    display: block;
    clear: both; }
    .b-comments .more-comments:hover, .b-comments .more-comments:focus {
      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: none; }
  .b-content-module .content-item > .artdirect {
    display: none; }
  .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,
  .b-content-module .content-item.m-text-dark .item-caption .item-description,
  .b-content-module .content-item.m-text-dark .item-caption .teaser-foot,
  .b-content-module .content-item.m-text-dark .item-caption .teaser-cat {
    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 .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, 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-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-cat {
      color: #fff; }

.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: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-cat {
      color: #fff; }
  .b-content-module .item-caption .teaser-title {
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-title {
      color: #fff; }
    .b-content-module .item-caption .teaser-title .link {
      display: inline-block;
      color: #fff; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-title .link {
        color: #fff; }
      .b-content-module .item-caption .teaser-title .link:hover, .b-content-module .item-caption .teaser-title .link:focus {
        text-decoration: underline; }
      .b-content-module .item-caption .teaser-title .link:visited {
        color: #fff; }
        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: #fff; }
    .b-content-module .item-caption .teaser-title .item-number {
      font-family: "Uniwidth", sans-serif; }
  .b-content-module .item-caption .item-description {
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .item-description {
      color: #fff; }
    .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: #fff; }
  .b-content-module .item-caption .teaser-foot {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    color: #fff;
    -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: #fff; }
    .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: #fff; }
  .b-content-module .item-caption .item-title {
    display: block;
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .item-title {
      color: #fff; }
  .b-content-module .item-caption .video-description {
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .video-description {
      color: #fff; }
  .b-content-module .item-caption .teaser-foot {
    padding-right: 64px;
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .item-caption .teaser-foot {
      color: #fff; }

.b-content-module .special-info {
  color: #fff; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-content-module .special-info {
    color: #fff; }

.b-content-module .m-keyboardfocus {
  outline-color: #FFFF00; }

.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: 0.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: #fff; }

.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: 0.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: none;
  -webkit-transition: opacity 400ms, -webkit-transform 400ms;
  transition: opacity 400ms, -webkit-transform 400ms;
  transition: transform 400ms, opacity 400ms;
  transition: transform 400ms, opacity 400ms, -webkit-transform 400ms;
  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, 0.6)));
      background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
      background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.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: 0.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-tags, .b-content-teaser-item .box.m-air {
        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: 0.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 0.2s ease-in-out;
      transition: opacity 0.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;
      /** HORIZONTAL LAYOUT **/
      /** HORIZONTAL LAYOUT END **/ }
      .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: 0.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: 0.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: 0.8125rem;
        line-height: 0.875rem; }
      .b-content-teaser-item:not(.x-tooltip) .search-foot {
        bottom: 10px;
        font-size: 0.8125rem;
        line-height: 1.25rem; }
        .b-content-teaser-item:not(.x-tooltip) .search-foot .air-time {
          font-size: 0.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: 0.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: none; }
          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: 0.125rem;
            left: 0.125rem;
            z-index: 2;
            width: 8px;
            height: 8px;
            background-color: #000;
            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: #FFFF00; } }
    @media print, screen and (min-width: 40em) {
      .b-content-teaser-item .edit-ui {
        position: absolute !important;
        top: 0rem !important;
        right: 0rem !important;
        bottom: 0rem !important;
        left: 0rem !important;
        z-index: 4;
        font-size: 16px;
        background: rgba(0, 0, 0, 0.01); }
        .selected.b-content-teaser-item .edit-ui {
          background: rgba(0, 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: 0rem !important;
          right: 0rem !important;
          left: 0rem !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: none; }
          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: 0.125rem;
            left: 0.125rem;
            z-index: 2;
            width: 8px;
            height: 8px;
            background-color: #000;
            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: #FFFF00; } }
    [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-tags, .b-content-teaser-item-new .box.m-air,
    .b-content-teaser-item-new:not(.x-tooltip) .box.m-tags,
    .b-content-teaser-item-new:not(.x-tooltip) .box.m-air {
      padding-bottom: 66px; } }
  @media print, screen and (min-width: 64em) {
    .b-content-teaser-item-new .box.m-tags, .b-content-teaser-item-new .box.m-air,
    .b-content-teaser-item-new:not(.x-tooltip) .box.m-tags,
    .b-content-teaser-item-new:not(.x-tooltip) .box.m-air {
      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: #fff; }

.b-content-teaser-item-new .teaser-cat,
.b-content-teaser-item-new:not(.x-tooltip) .teaser-cat {
  margin-bottom: 3px;
  font-size: 0.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: 0.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: 0.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: 0.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: 0.375rem;
        padding-left: 0.375rem; } }
    .b-content-teaser-list .teaser-block-grid-container > .grid-x > .cell {
      margin-bottom: 0.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:last-child, .b-content-teaser-list.m-missed {
      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: 0.1875rem; }
        @media print, screen and (min-width: 40em) {
          .x-tivi .b-content-teaser-list .title .avatar-image:not(:empty) {
            margin-right: 0.3125rem; } }
        @media print, screen and (min-width: 64em) {
          .x-tivi .b-content-teaser-list .title .avatar-image:not(:empty) {
            margin-right: 0.3125rem; } }
  .b-content-teaser-list.m-notification .teaserlist-showmore, .b-content-teaser-list.m-bookmarks .teaserlist-showmore, .b-content-teaser-list.m-subscriptions .teaserlist-showmore, .b-content-teaser-list.m-history .teaserlist-showmore {
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms; }
  .b-content-teaser-list.m-notification:not(.m-ready) .teaserlist-showmore, .b-content-teaser-list.m-bookmarks:not(.m-ready) .teaserlist-showmore, .b-content-teaser-list.m-subscriptions:not(.m-ready) .teaserlist-showmore, .b-content-teaser-list.m-history:not(.m-ready) .teaserlist-showmore {
    opacity: 0;
    visibility: hidden;
    min-height: 400px; }
  .b-content-teaser-list.m-notification .load-more-container .button, .b-content-teaser-list.m-bookmarks .load-more-container .button, .b-content-teaser-list.m-subscriptions .load-more-container .button, .b-content-teaser-list.m-history .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: #25292E; }
  @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: 0.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: #fff;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.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:hover, .b-day-bar .day-box .day-arrow:focus:not(.m-keyboardfocus) {
        outline: none;
        color: #FFFF00; }
      .b-day-bar .day-box .day-arrow span {
        pointer-events: none; }
    .b-day-bar .day-box .day-text {
      padding: 0 32px;
      color: #fff; }
      .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: #fff;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
      .b-day-bar .day-box .calendar-link:hover {
        outline: none;
        color: #34393F; }
      .b-day-bar .day-box .calendar-link:focus:not(.m-keyboardfocus) {
        outline: none;
        color: #fff; }
      .b-day-bar .day-box .calendar-link[aria-expanded="true"] {
        outline: none;
        color: #34393F; }
  .b-day-bar .m-keyboardfocus {
    outline-color: #FFFF00; }

.b-debug-alert {
  overflow: auto;
  position: relative;
  width: 100%;
  height: 45px;
  background-color: #808080; }
  .b-debug-alert .alert-title {
    margin-right: 10px;
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1.2;
    letter-spacing: 1px;
    color: #808080;
    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 0.4s ease-in-out;
      transition: border 0.4s ease-in-out; }
      .b-debug-alert .alert-item .link:hover, .b-debug-alert .alert-item .link:focus {
        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: 0.875rem;
    line-height: 1.25rem;
    background-color: #fff; }
  .b-debug-alert .date-submit {
    display: inline-block;
    width: auto;
    height: 22px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: #fff;
    background-color: #34393F;
    -webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out; }
    .b-debug-alert .date-submit:hover, .b-debug-alert .date-submit:focus {
      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: 0.875rem;
  line-height: 1rem;
  margin: 0.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.99.2192/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.99.2192/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: 0.875rem;
  line-height: 1.125rem;
  color: #fff; }

.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: #25292E !important;
    color: #fff; }
  .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: #fff !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: #fff !important; }
  .b-dialog.x-dialog-cmp-error p {
    margin: 0;
    color: #fff !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 p:first-of-type,
.b-dialog.x-dialog-download.m-dark .checkbox-wrap {
  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 0.4s ease-in-out;
  transition: color 0.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: #fff !important; }
  .b-dialog.x-dialog-download.m-dark .download-link:hover, .b-dialog.x-dialog-download.m-dark .download-link:focus {
    color: #000; }
  .b-dialog.x-dialog-download.m-dark .download-link:not(.m-keyboardfocus) {
    outline: none; }
  .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: #25292E; }
  .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: #fff; }
  .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: #fff; }
  .b-dialog.x-dialog-epg .overlay-vps {
    display: block;
    font-size: 0.875rem;
    color: #5C6166; }

.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 0.4s ease-in-out;
    transition: opacity 0.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:hover, .b-dialog.x-dialog-gallery .close-fullscreen:focus {
      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: none;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity 400ms, visibility 400ms;
    transition: opacity 400ms, visibility 400ms;
    width: 100%;
    height: auto;
    padding: 0;
    color: #fff;
    background-color: rgba(37, 41, 46, 0.87);
    -webkit-transition: opacity 900ms, visibility 400ms, -webkit-transform 400ms ease-in-out;
    transition: opacity 900ms, visibility 400ms, -webkit-transform 400ms ease-in-out;
    transition: opacity 900ms, transform 400ms ease-in-out, visibility 400ms;
    transition: opacity 900ms, transform 400ms ease-in-out, visibility 400ms, -webkit-transform 400ms 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 200ms, visibility 400ms, -webkit-transform 400ms ease-in-out;
      transition: opacity 200ms, visibility 400ms, -webkit-transform 400ms ease-in-out;
      transition: opacity 200ms, transform 400ms ease-in-out, visibility 400ms;
      transition: opacity 200ms, transform 400ms ease-in-out, visibility 400ms, -webkit-transform 400ms 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: #fff;
      background-color: rgba(37, 41, 46, 0.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: #fff; }
    .b-dialog.x-dialog-gallery .item-title:not(.m-keyboardfocus) {
      outline: none; }
  .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 0.4s ease-in-out;
    transition: opacity 0.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: #fff; }
    .b-dialog.x-dialog-gallery .close-desc-btn:hover, .b-dialog.x-dialog-gallery .close-desc-btn:focus {
      opacity: 1; }
    .b-dialog.x-dialog-gallery .close-desc-btn:not(.m-keyboardfocus) {
      outline: none; }
  .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, 0.54);
    cursor: pointer;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.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:hover, .b-dialog.x-dialog-gallery .info-btn:focus {
      opacity: .8; }
    .b-dialog.x-dialog-gallery .info-btn:not(.m-keyboardfocus) {
      outline: none; }
  .b-dialog.x-dialog-gallery .m-selected-within .info-btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s;
    transition: opacity 0.4s ease-in-out, visibility 0.4s; }
  .b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-prev:disabled, .b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .scroll-arrow.x-prev:disabled {
    left: -48px; }
  .b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-next, .b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .scroll-arrow.x-next {
    right: 0; }
    .b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-next:disabled, .b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .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: #fff !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: #fff !important; }
    .b-dialog.x-dialog-login .checkbox-label:before {
      border-color: white; }
      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: #fff !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: #25292E; }
  .b-dialog.x-dialog-map .dialog-content {
    padding-top: 48px; }

.dialog-backdrop.dialog-map-backdrop {
  background: rgba(232, 232, 232, 0.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, 0.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[src^="data:image"], .b-dialog.x-dialog-onboarding .onboarding-item .item-img.lazyloading {
      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 p,
  .b-dialog.x-dialog-pin legend {
    font-size: 1rem;
    line-height: 1.375rem; } }

@media print, screen and (min-width: 40em) {
  .b-dialog.x-dialog-pin p,
  .b-dialog.x-dialog-pin legend {
    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: 400ms;
          animation-duration: 400ms;
  outline: none; }
  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-open,
  .m-fx > .player-pin-panelgroup-panel.m-closing {
    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: #fff; }

.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:before, .b-dialog.x-dialog-profile-switch .profile-wrap .profile-item .radio-label:after {
        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: #25292E; }
  .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 #5C6166;
        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.99.2192/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: 0.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.99.2192/img/bgs/tivi_header_452x95.png") no-repeat center;
  background-size: cover; }

.b-dialog {
  position: relative;
  display: none;
  outline: none;
  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: #fff; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog .input:focus {
    background-color: #1f232a;
    color: #fff; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog {
    color: #fff;
    background-color: #25292E; }
  .b-dialog.m-light .dialog-close, .b-dialog.m-dark .dialog-close {
    font-size: 1rem; }
  .b-dialog.m-light .dialog-close {
    color: #5C6166; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-light .dialog-close {
      color: #fff; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-light .dialog-close:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-light .dialog-close.m-keyboardfocus {
        color: #FA7D19; }
  .b-dialog.m-dark {
    max-width: 500px;
    color: #fff;
    background-color: #1f232a; }
    .b-dialog.m-dark .text-only.button {
      color: #fff; }
    .b-dialog.m-dark .pin-input .input {
      border-color: #fff;
      color: #fff;
      margin-bottom: 32px; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark {
      color: #fff;
      background-color: #1f232a; }
    .b-dialog.m-dark p a:not(.button) {
      line-height: inherit;
      padding: 0;
      background: none;
      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 0.4s, -webkit-text-decoration-color 0.4s;
      transition: color 0.4s, -webkit-text-decoration-color 0.4s;
      transition: color 0.4s, text-decoration-color 0.4s;
      transition: color 0.4s, text-decoration-color 0.4s, -webkit-text-decoration-color 0.4s;
      color: #fff;
      border-color: #fff; }
      .b-dialog.m-dark p a:not(.button):hover:not(:disabled):not(.disabled), .b-dialog.m-dark p a:not(.button):focus: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: #fff; }
        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), 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) {
          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):hover, .b-dialog.m-dark p a:not(.button):visited:not(.button):focus {
          color: #000; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark p a:not(.button) {
        color: #fff;
        border-color: #fff; }
      .b-dialog.m-dark p a:not(.button):hover, .b-dialog.m-dark p a:not(.button).m-keyboardfocus {
        color: #FFFF00 !important;
        border-color: #FFFF00 !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: #fff; }
        html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark .dialog-close:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-dark .dialog-close.m-keyboardfocus {
          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: #fff; }
    .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: #fff; }
      .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: #fff;
      outline-color: #FFFF00; }
    .b-dialog.m-dark .error-msg {
      color: #FFFF00; }
  .b-dialog.m-screen .dialog-close {
    margin: 10px;
    font-size: 1.625rem;
    color: #fff;
    background-color: rgba(37, 41, 46, 0.87);
    -webkit-transition: opacity 0.4s, color 0.4s;
    transition: opacity 0.4s, color 0.4s; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog.m-screen .dialog-close {
      color: #fff; }
    .b-dialog.m-screen .dialog-close:before {
      line-height: 48px; }
    .b-dialog.m-screen .dialog-close:hover, .b-dialog.m-screen .dialog-close:focus:not(.m-keyboardfocus) {
      opacity: .8; }
  .b-dialog.m-screen .scroll-arrow {
    background-color: rgba(37, 41, 46, 0.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: none; }
  .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:hover, .b-dialog .dialog-close:focus:not(.m-keyboardfocus) {
      outline: none; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-dialog .dialog-close {
      color: #fff; }
  .b-dialog .js-rb-autofocus.js-rb-scriptfocus[tabindex="-1"] {
    outline: none; }
  .dialog-backdrop,
  .dialog-player-pin-backdrop {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 400ms;
            animation-duration: 400ms;
    -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, 0.9);
    -webkit-transition: 600ms visibility;
    transition: 600ms 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-tivi-backdrop, .dialog-backdrop.dialog-adult-backdrop,
    .dialog-player-pin-backdrop.dialog-tivi-backdrop,
    .dialog-player-pin-backdrop.dialog-adult-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: 400ms;
              animation-duration: 400ms;
      -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(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8); }
  to {
    opacity: 0; } }

@keyframes rb-fx-zoomOutSmall {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.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: 400ms;
              animation-duration: 400ms;
      -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: 400ms;
                animation-duration: 400ms;
        -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(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8); }
  50% {
    opacity: 1; } }

@keyframes rb-fx-zoomInSmall {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8); }
  50% {
    opacity: 1; } }
    .dialog-backdrop.m-loading .b-dialog,
    .dialog-player-pin-backdrop.m-loading .b-dialog {
      min-height: 160px;
      -webkit-transition-delay: 100ms;
              transition-delay: 100ms; }
  .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 .save-btn,
    .b-dialog .change-wrap .login-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: 400ms;
            animation-duration: 400ms;
    outline: none; }
    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-open,
    .m-fx > .changepanelgroup-panel.m-closing, .m-fx >
    .profilepanelgroup-panel.m-open,
    .m-fx >
    .profilepanelgroup-panel.m-closing {
      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 400ms;
    transition: border-color 400ms; }
    .b-dialog .text:focus {
      outline: 2px solid #000; }
    .b-dialog .text.error {
      outline: 2px solid #f11010; }
    .b-dialog .text::-webkit-input-placeholder {
      color: #000; }
    .b-dialog .text::-moz-placeholder {
      /* Firefox 19+ */
      opacity: 1;
      color: #000; }
    .b-dialog .text:-moz-placeholder {
      /* Firefox 18- */
      opacity: 1;
      color: #000; }
    .b-dialog .text:-ms-input-placeholder {
      color: #000; }
  .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:hover, .b-dialog .toggle-wrap .login-toggle-btn:focus {
      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 #000;
    font-weight: 700;
    color: #34393F;
    -webkit-transition: border 0.4s ease-in-out;
    transition: border 0.4s ease-in-out; }
    .b-dynamicpage .b-post-content .text-link:hover, .b-dynamicpage .b-post-content .text-link:focus {
      border-bottom: 1px dotted #000; }
  @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: #fff !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(0px);
          -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: #5C6166; }
          .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: 0.875rem;
              text-align: center;
              text-indent: 0;
              height: 1.5rem;
              left: 0.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: transparent; }
  .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:hover, .b-epg-program .epg-bar .station-link:focus:not(.m-keyboardfocus) {
      outline: none; }
    .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(0px);
              transform: translateZ(0px); }

.b-epg-program.m-disappearing {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 700ms;
  transition: 700ms; }

.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 0.4s ease-out, opacity 0.4s ease-out, z-index 0.4s 0s, -webkit-transform 0.4s ease-out;
        transition: min-width 0.4s ease-out, opacity 0.4s ease-out, z-index 0.4s 0s, -webkit-transform 0.4s ease-out;
        transition: min-width 0.4s ease-out, transform 0.4s ease-out, opacity 0.4s ease-out, z-index 0.4s 0s;
        transition: min-width 0.4s ease-out, transform 0.4s ease-out, opacity 0.4s ease-out, z-index 0.4s 0s, -webkit-transform 0.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:hover, .b-epg-timeline .epg-teaser.m-enlarged, .b-epg-timeline .epg-teaser.m-focus-within {
          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 0.4s;
            transition: opacity 0.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 0.4s;
            transition: opacity 0.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: none; }
    .b-epg-timeline .epg-teaser.m-past {
      background-color: rgba(255, 255, 255, 0.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: 300ms;
      transition: 300ms;
      -webkit-transform: scale(0.95);
              transform: scale(0.95); }
      [data-module="epg-program"].m-loading .b-epg-timeline .epg-teaser.m-loading-highlight {
        opacity: .75;
        -webkit-transition: 500ms;
        transition: 500ms;
        -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: #fff; }
    .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: 0.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: #fff; }
    .b-epg-timeline .overlay-link-time.m-live {
      color: #fff; }
  .b-epg-timeline .live-tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    letter-spacing: 0.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: #fff; }
  .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: none; }
      .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 0.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: none;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      margin: 0;
      padding: 0;
      height: 0;
      -webkit-transition: opacity 400ms, visibility 400ms;
      transition: opacity 400ms, visibility 400ms; }
      .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:hover .zdf-logo, .b-footer .top-footer .zdf-logo-link:focus .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 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1); }
    .b-footer .top-footer .m-keyboardfocus {
      outline-color: #FFFF00; }
  .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: #fff;
      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: none; }
        .b-footer .central-footer .footer-block-title .block-title-btn span[class*="icon-"] {
          position: absolute;
          top: 0;
          right: 0;
          font-size: 1.25rem;
          color: #fff;
          -webkit-transition: -webkit-transform 0.4s ease-in;
          transition: -webkit-transform 0.4s ease-in;
          transition: transform 0.4s ease-in;
          transition: transform 0.4s ease-in, -webkit-transform 0.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: none; }
    .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 0.4s, border-bottom-color 0.4s;
      transition: color 0.4s, border-bottom-color 0.4s; }
      .b-footer .central-footer .central-footer-link:hover, .b-footer .central-footer .central-footer-link:focus {
        border-bottom: 1px solid #FFFF00;
        color: #fff; }
      .b-footer .central-footer .central-footer-link:focus {
        outline: none; }
    .b-footer .central-footer .m-keyboardfocus {
      outline-color: #FFFF00; }
  .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: 0.875rem;
      line-height: 1rem;
      color: #fff;
      -webkit-transition: border-bottom-color 0.4s ease-in-out;
      transition: border-bottom-color 0.4s ease-in-out; }
      .b-footer .bottom-footer .bottom-footer-link:hover, .b-footer .bottom-footer .bottom-footer-link:focus {
        border-bottom: 1px solid #FFFF00; }
      .b-footer .bottom-footer .bottom-footer-link:focus {
        outline: none; }
    .b-footer .bottom-footer .m-keyboardfocus {
      outline-color: #FFFF00; }

@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 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }

.partner-block .logo-link {
  display: block; }
  .partner-block .logo-link:hover img.logo, .partner-block .logo-link:focus 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: #fff; }

.b-login-pw .form-field-error-detail {
  display: none !important; }

.b-login-pw .password-btn {
  float: right;
  margin: 0; }

.b-login [data-module='panelgroup']:focus,
.b-login .panelgroup-panel:focus {
  outline: none; }

@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 p,
  .preview .b-login form {
    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 .registry-message-modal .inner,
  .b-login .password-message-modal .inner {
    min-height: 171px;
    padding-left: 150px;
    background: url("/static/0.99.2192/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.99.2192/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.99.2192/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: 0.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: #fff;
    -webkit-transition: color 0.4s;
    transition: color 0.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 label a,
.b-login.m-oauth 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: 400ms;
          animation-duration: 400ms;
  outline: none; }
  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-open,
  .m-fx > .loginpanelgroup-panel.m-closing {
    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 label a:not(.button),
.b-login a:not(.button) {
  line-height: inherit;
  padding: 0;
  background: none;
  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 0.4s, -webkit-text-decoration-color 0.4s;
  transition: color 0.4s, -webkit-text-decoration-color 0.4s;
  transition: color 0.4s, text-decoration-color 0.4s;
  transition: color 0.4s, text-decoration-color 0.4s, -webkit-text-decoration-color 0.4s;
  color: #fff; }
  .b-login label a:not(.button):hover:not(:disabled):not(.disabled), .b-login label a:not(.button):focus:not(:disabled):not(.disabled),
  .b-login a:not(.button):hover:not(:disabled):not(.disabled),
  .b-login a:not(.button):focus:not(:disabled):not(.disabled) {
    color: #FA7D19;
    -webkit-text-decoration-color: #FA7D19;
            text-decoration-color: #FA7D19; }
  .b-login label a:not(.button):active,
  .b-login a:not(.button):active {
    opacity: .5 !important; }
  .b-login label a:not(.button):disabled, .b-login label a:not(.button).disabled,
  .b-login a:not(.button):disabled,
  .b-login 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 label a:not(.button), html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
  .b-login a:not(.button) {
    color: #fff; }
    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), 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 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 a:not(.button):focus:not(:disabled):not(.disabled) {
      color: #FA7D19;
      -webkit-text-decoration-color: #FA7D19;
              text-decoration-color: #FA7D19; }
  .b-login label a:not(.button):visited:not(.button),
  .b-login a:not(.button):visited:not(.button) {
    color: inherit; }
    .b-login label a:not(.button):visited:not(.button):hover, .b-login label a:not(.button):visited:not(.button):focus,
    .b-login a:not(.button):visited:not(.button):hover,
    .b-login a:not(.button):visited:not(.button):focus {
      color: #000; }

.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:hover, .b-login .tivi-btn:focus {
    border-bottom: none; }
  .b-login .tivi-btn:visited {
    border-bottom: none;
    color: #fff; }
    .b-login .tivi-btn:visited:hover, .b-login .tivi-btn:visited:focus {
      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: 0.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: 0.875rem;
  line-height: 1.125rem;
  color: #fff; }

.form-field-birth-year-input-wrap {
  position: relative; }
  .form-field-birth-year-input-wrap .birth-year-input {
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
    position: relative; }
    .form-field-birth-year-input-wrap .birth-year-input::-webkit-outer-spin-button, .form-field-birth-year-input-wrap .birth-year-input::-webkit-inner-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: bold; }

@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: 0.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, 0.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 .success-panel,
.b-registration .error-panel {
  background-color: #fff; }
  @media print, screen and (max-width: 39.99875em) {
    .b-registration .success-panel,
    .b-registration .error-panel {
      padding: 0 1.375rem 48px; } }
  @media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
    .b-registration .success-panel,
    .b-registration .error-panel {
      padding: 0 10rem 48px 1.375rem; } }
  @media print, screen and (min-width: 64em) {
    .b-registration .success-panel,
    .b-registration .error-panel {
      padding: 48px 10rem 48px 33.33333%; } }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-registration .success-panel, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
  .b-registration .error-panel {
    background-color: #1f232a; }
  .b-registration .success-panel p,
  .b-registration .error-panel p {
    margin-bottom: 48px; }
    @media print, screen and (max-width: 39.99875em) {
      .b-registration .success-panel p,
      .b-registration .error-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: 0.375rem; } }

#aria-register-data-dialog article :last-child {
  margin-bottom: 0; }

.b-registration-tivi .tivi-btn {
  margin-bottom: 0; }
  .b-registration-tivi .tivi-btn:hover, .b-registration-tivi .tivi-btn:focus {
    text-decoration: underline;
    color: #fff; }

.country-selection__select-label {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 300;
  margin-bottom: 0.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; }
  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), .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), 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), .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), 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), .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) {
    color: #fff; }
  .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; }
    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, .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, 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, .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, 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, .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 {
      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 #000 !important; }

.fsk-progress[data-step="1"] li:nth-child(-n+1) a, .fsk-progress[data-step="2"] li:nth-child(2) a, .fsk-progress[data-step="3"] li:nth-child(3) a,
.fsk-progress[data-step="1"] li:nth-child(-n+1) button,
.fsk-progress[data-step="2"] li:nth-child(2) button,
.fsk-progress[data-step="3"] li:nth-child(3) button {
  color: #34393F; }
  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, .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, 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, .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, 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, .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, 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, .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, 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, .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, 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, .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 {
    color: #fff; }

.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; }
  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, .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, 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, .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, 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, .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 {
    background-color: #FA7D19; }

@media print, screen and (max-width: 39.99875em) {
  .fsk-progress {
    margin: 24px 0.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, 0.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: #fff; }
    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, 0.3);
    height: calc(100% - 12px);
    top: 1.125rem;
    left: 0.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: #96999C; }
  .fsk-progress.fsk-progress li:last-child:after {
    display: none; }
  .fsk-progress.fsk-progress li:before {
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    min-width: 0.75rem;
    margin-top: 0.375rem;
    margin-right: 10px;
    border-radius: 50%;
    background-color: rgba(52, 57, 63, 0.3); }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .fsk-progress.fsk-progress li:before {
      background-color: #96999C; }
  .fsk-progress.fsk-progress li a,
  .fsk-progress.fsk-progress li button {
    font-size: 0.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: #fff;
  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: #fff;
    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 0.6875rem 0;
    border-bottom: 5px solid transparent;
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s; }
    .passport-form .passport-selection-btn[aria-expanded="true"] {
      border-color: #FA7D19; }
    .passport-form .passport-selection-btn:hover, .passport-form .passport-selection-btn:focus {
      border-color: #fff; }

.passport-form .passport-dark-wrap {
  background-color: #1f232a; }
  .passport-form .passport-dark-wrap p {
    color: #fff;
    font-size: 0.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, 0.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; }
      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,
      .dark-modal .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:before, .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 .input {
      border-color: #f39a9b; }
      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,
      .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:after,
      .dark-modal .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 .input,
      .dark-modal
      .passport-form .passport-dark-wrap .form-field.has-error .form-field-input-wrap .input {
        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: #fff; }
    .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-label,
      .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:before, .passport-form .passport-dark-wrap .form-field .form-field-input-wrap:after {
        border-color: #fff;
        color: #fff; }
  .passport-form .passport-dark-wrap .content-right,
  .passport-form .passport-dark-wrap .content-left {
    padding-top: 0.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: #fff;
    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: 0.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: 0.875rem;
  line-height: 1.125rem; }
  .b-fsk-pin legend#fsk-pin-title {
    margin-bottom: 0.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: #5C6166; } }

.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: 0.5rem 16px 48px; } }
  @media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
    .b-fsk-validation-result .content-right {
      padding: 0.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:hover .scroll-arrow.x-prev, .b-gallery-module .gallery-slider-box.m-focus-within .scroll-arrow.x-prev {
    left: 0; }
    .b-gallery-module .gallery-slider-box:hover .scroll-arrow.x-prev:disabled, .b-gallery-module .gallery-slider-box.m-focus-within .scroll-arrow.x-prev:disabled {
      left: -48px; }
  .b-gallery-module .gallery-slider-box:hover .scroll-arrow.x-next, .b-gallery-module .gallery-slider-box.m-focus-within .scroll-arrow.x-next {
    right: 0; }
    .b-gallery-module .gallery-slider-box:hover .scroll-arrow.x-next:disabled, .b-gallery-module .gallery-slider-box.m-focus-within .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-title,
.b-gallery-module.m-text-dark .item-caption .item-description,
.b-gallery-module.m-text-dark .item-caption .teaser-foot,
.b-gallery-module.m-text-dark .item-caption .teaser-cat {
  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: none; }
  .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: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .teaser-cat {
      color: #fff; }
  .b-gallery-module .item-caption .teaser-title {
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .teaser-title {
      color: #fff; }
    .b-gallery-module .item-caption .teaser-title a {
      color: #fff; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .teaser-title a {
        color: #fff; }
    .b-gallery-module .item-caption .teaser-title .item-number {
      font-family: "Uniwidth", sans-serif; }
  .b-gallery-module .item-caption .title-link {
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .title-link {
      color: #fff; }
    .b-gallery-module .item-caption .title-link:focus:not(:hover) {
      text-decoration: underline; }
  .b-gallery-module .item-caption .item-description {
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .item-description {
      color: #fff; }
    .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: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .item-title {
      color: #fff; }
  .b-gallery-module .item-caption .video-description {
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .video-description {
      color: #fff; }
  .b-gallery-module .item-caption .teaser-foot {
    overflow: hidden;
    position: absolute;
    top: inherit;
    bottom: 24px;
    display: inline-block;
    width: 100%;
    padding-right: 64px;
    color: #fff; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-gallery-module .item-caption .teaser-foot {
      color: #fff; }

.b-gallery-module .m-keyboardfocus {
  outline-color: #FFFF00; }

.b-cluster-teaser-livestream {
  overflow: hidden;
  position: relative;
  display: block;
  height: 100%;
  margin: 0;
  white-space: normal;
  background-color: #25292E;
  -webkit-transition: -webkit-transform 800ms ease;
  transition: -webkit-transform 800ms ease;
  transition: transform 800ms ease;
  transition: transform 800ms ease, -webkit-transform 800ms 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: 0.8125rem; }
        .b-cluster-teaser-livestream .teaser-foot .teaser-info {
          font-size: 0.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: 0.875rem; }
        .b-cluster-teaser-livestream .teaser-foot .teaser-info {
          font-size: 0.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: none; }
  .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, 0.6)));
      background-image: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
      background-image: linear-gradient(180deg, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.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, 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:not(.m-has-teaser) .m-content,
  .b-cluster-livestream.m-has-teaser .m-no-content, .b-cluster-livestream.m-hide {
    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 0.1s;
      transition: width 0.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: 0.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: 0.75rem;
    margin-bottom: 0.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 .teaser-play-btn,
  .b-cluster-poster-teaser.is-expanded .teaser-trailer-btn,
  .b-cluster-poster-teaser.is-expanded .b-plus-button {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transition: opacity 0.2s 0.2s, visibility 0.2s 0.2s;
    transition: opacity 0.2s 0.2s, visibility 0.2s 0.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 0.2s 0s, visibility 0.2s 0s;
    transition: opacity 0.2s 0s, visibility 0.2s 0s; }
  .b-cluster-poster-teaser.is-expanded .teaser-extended-info {
    opacity: 1;
    max-height: 0.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: -0.25rem;
    right: 2.375rem; }
  .b-cluster-poster-teaser .b-ratiobox {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 30rem;
    -webkit-transition: width 0.2s;
    transition: width 0.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, 0.85)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.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, 0.25)), to(rgba(0, 0, 0, 0.85)));
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.85) 100%);
          background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 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, 0.65)));
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
      content: "";
      pointer-events: none;
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.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 0.2s, object-position 0.2s, -webkit-filter 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s, object-position 0.2s, -webkit-filter 0.2s, -webkit-transform 0.2s;
      transition: filter 0.2s, transform 0.2s, opacity 0.2s, object-position 0.2s;
      transition: filter 0.2s, transform 0.2s, opacity 0.2s, object-position 0.2s, -webkit-filter 0.2s, -webkit-transform 0.2s, -o-object-position 0.2s; }
  .b-cluster-poster-teaser .image-teaser {
    opacity: 1;
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.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, 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, 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-label,
  .b-cluster-poster-teaser .teaser-foot {
    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, 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, 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, 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 0.2s;
    transition: margin-bottom 0.2s; }
  .b-cluster-poster-teaser .teaser-extended-text {
    font-size: 0.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 0.2s, margin 0.2s, opacity 0.2s;
    transition: max-height 0.2s, margin 0.2s, opacity 0.2s; }
    .b-cluster-poster-teaser .teaser-extended-text .icon-206_arrow-right,
    .b-cluster-poster-teaser .teaser-extended-text .arrowhover {
      position: relative;
      height: 0.875rem;
      width: 0.875rem;
      display: inline-block;
      margin-left: 1px;
      font-size: 1rem;
      line-height: 1.1875rem; }
      .b-cluster-poster-teaser .teaser-extended-text .icon-206_arrow-right:before,
      .b-cluster-poster-teaser .teaser-extended-text .arrowhover: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: 0.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: 0.8125rem;
    line-height: 0.8125rem;
    color: #fff;
    overflow: hidden;
    -webkit-transition: max-height 0.2s, opacity 0.2s;
    transition: max-height 0.2s, opacity 0.2s; }
  .b-cluster-poster-teaser .teaser-info {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.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 0.2s, margin 0.2s, opacity 0.2s;
    transition: max-height 0.2s, margin 0.2s, opacity 0.2s; }
    .b-cluster-poster-teaser .teaser-vid-infos .teaser-vid-info-item {
      height: 1.25rem;
      margin-right: 0.75rem;
      padding: 0.1875rem 0.375rem 0.125rem;
      background-color: #96999C;
      font-size: 0.8125rem;
      line-height: 0.9375rem;
      font-weight: 500;
      letter-spacing: 0.26px;
      text-align: center;
      color: #25292E;
      margin-right: 0.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 0.4s, -webkit-transform-origin 0.4s;
    transition: opacity 0s, visibility 0s, -webkit-transform 0.4s, -webkit-transform-origin 0.4s;
    transition: opacity 0s, visibility 0s, transform 0.4s, transform-origin 0.4s;
    transition: opacity 0s, visibility 0s, transform 0.4s, transform-origin 0.4s, -webkit-transform 0.4s, -webkit-transform-origin 0.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: #fff !important; }
    .b-cluster-poster-teaser .teaser-open-btn.m-keyboardfocus {
      outline-offset: -0.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: 0.9375rem;
    padding: 0.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 0.4s, background-color 0.4s;
    transition: opacity 0s 0s, visibility 0s 0s, border-color 0.4s, background-color 0.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: 0.1875rem;
      left: 0.0625rem;
      z-index: 2;
      -webkit-transition: opacity 0.2s 0.2s, left 0.2s;
      transition: opacity 0.2s 0.2s, left 0.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: 0.4375rem;
      left: 0.4375rem;
      -webkit-transition: opacity 0.2s, left 0.2s;
      transition: opacity 0.2s, left 0.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: 0.3125rem;
        -webkit-transition: left 0.2s 0.2s;
        transition: left 0.2s 0.2s; }
      .b-cluster-poster-teaser .teaser-play-btn:hover .icon-502_play:after {
        opacity: 1;
        left: 0.75rem;
        -webkit-transition: opacity 0.2s, left 0.2s 0.2s;
        transition: opacity 0.2s, left 0.2s 0.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: 0.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 0.4s, background-color 0.4s;
    transition: opacity 0s 0s, visibility 0s 0s, border-color 0.4s, background-color 0.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: 0.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 0.4s;
    transition: opacity 0s 0s, visibility 0s 0s, -webkit-transform 0.4s;
    transition: opacity 0s 0s, visibility 0s 0s, transform 0.4s;
    transition: opacity 0s 0s, visibility 0s 0s, transform 0.4s, -webkit-transform 0.4s; }
    @media print, screen and (max-width: 63.99875em) {
      .b-cluster-poster-teaser .b-plus-button {
        right: 0.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: -0.125rem; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-cluster-poster-teaser .teaser-close-btn {
      color: #fff; }

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, 0.6)));
  background-image: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
  background-image: linear-gradient(180deg, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%); }

body.x-heute .b-cluster-poster-teaser .teaser-cat {
  position: absolute;
  top: 16px;
  text-shadow: 0 2px 4px rgba(0, 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, 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:not(.m-has-teaser) .m-content,
  .b-cluster-poster.m-has-teaser .m-no-content, .b-cluster-poster.m-hide {
    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 p:last-child,
  .b-group-contentbox .content a: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: none; }
  .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 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    .b-group-contentbox .content .show-overlay:hover, .b-group-contentbox .content .show-overlay:focus:not(.m-keyboardfocus) {
      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 0.4s ease-in-out;
    transition: color 0.4s ease-in-out; }
    .b-group-contentbox .content .link:hover, .b-group-contentbox .content .link:focus {
      color: #000; }
    .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: 0.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 0.4s ease-in-out;
      transition: opacity 0.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: none;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity 400ms, visibility 400ms;
    transition: opacity 400ms, visibility 400ms;
    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: #fff;
    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: #fff;
      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: #fff;
        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: #fff; }
    .b-group-persons .guest-box .guest-description .artdirect {
      display: none; }
    .b-group-persons .guest-box .guest-description a {
      line-height: inherit;
      padding: 0;
      background: none;
      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 0.4s, -webkit-text-decoration-color 0.4s;
      transition: color 0.4s, -webkit-text-decoration-color 0.4s;
      transition: color 0.4s, text-decoration-color 0.4s;
      transition: color 0.4s, text-decoration-color 0.4s, -webkit-text-decoration-color 0.4s;
      color: #fff; }
      .b-group-persons .guest-box .guest-description a:hover:not(:disabled):not(.disabled), .b-group-persons .guest-box .guest-description a:focus: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: #fff; }
        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), 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) {
          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):hover, .b-group-persons .guest-box .guest-description a:visited:not(.button):focus {
          color: #000; }
    .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 0.4s ease-in-out;
    transition: all 0.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: #fff; }
    .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-group-persons,
  .b-group-persons + .b-cluster {
    margin-top: -28px; }
    .b-group-persons + .b-group-persons.x-notitle,
    .b-group-persons + .b-cluster.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 p,
  .b-group-shorttext .unordered-list,
  .b-group-shorttext .ordered-list {
    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, 0.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-header,
    body.no-scroll.mobile-landscape .b-stage,
    body.no-scroll.mobile-landscape .b-alert {
      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, 0.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: none; }

.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, 0.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, 0.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: 0.875rem;
      font-weight: 300;
      line-height: 1.125rem;
      text-align: center;
      background-color: rgba(37, 41, 46, 0.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, 0.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, 0.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: #000;
    height: 60px;
    font-size: 1rem;
    width: 300px;
    vertical-align: middle; }
    .guided-tour--dynamic .guided-tour--btn:hover {
      color: #000;
      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: 0.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: #000;
    height: 60px;
    font-size: 1rem;
    width: 300px;
    vertical-align: middle; }
    .guided-tour--done .guided-tour--btn:hover {
      color: #000;
      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: 0.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:hover, .guided-tour--intro .guided-tour--btn.button.secondary:hover {
      color: #000;
      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: 0.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: 0rem !important;
    left: 0rem !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 0.4s ease-in-out 0s;
    transition: -webkit-transform 0.4s ease-in-out 0s;
    transition: transform 0.4s ease-in-out 0s;
    transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.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 0.4s linear;
      transition: -webkit-transform 0.4s linear;
      transition: transform 0.4s linear;
      transition: transform 0.4s linear, -webkit-transform 0.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: #fff; }
          .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: none; }
        .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: #fff; }
          .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: none; }
        .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 0.4s;
          transition: margin 0.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 0.4s ease-in 0s;
    transition: height 0.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 0.4s ease-in-out 0s;
      transition: padding 0.4s ease-in-out 0s; }
    .b-header .top-bar .logo {
      width: auto;
      -webkit-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
  .b-header .top-bar-section {
    -webkit-transition: padding 0.4s ease-in-out 0s;
    transition: padding 0.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: none; }
      .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: #fff; }
        .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 0.4s ease-in-out 0s;
          transition: -webkit-transform 0.4s ease-in-out 0s;
          transition: transform 0.4s ease-in-out 0s;
          transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.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: none; }
          .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: none; }
        .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: #FFFF00; }
    .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, 0.9);
      -webkit-transition: all 300ms;
      transition: all 300ms; }
      .b-header .top-bar-section .dropdown.m-open {
        opacity: 1;
        visibility: visible; }
    .b-header .top-bar-section .dropdown-item {
      background: none; }
      .b-header .top-bar-section .dropdown-item.m-active .dropdown-link:hover .link-text, .b-header .top-bar-section .dropdown-item.m-active .dropdown-link:focus .link-text {
        border-bottom: 1px solid #FFFF00;
        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:hover .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:focus .link-text {
          color: #fff; }
      .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: #fff; }
    .b-header .top-bar-section .dropdown-link {
      display: block;
      margin: 0 16px;
      padding: 0;
      font-size: 1rem;
      color: #fff;
      background: none; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .dropdown-link {
        color: #fff; }
      .b-header .top-bar-section .dropdown-link:hover, .b-header .top-bar-section .dropdown-link:focus {
        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:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-header .top-bar-section .dropdown-link:focus {
          color: #fff; }
        .b-header .top-bar-section .dropdown-link:hover .link-text, .b-header .top-bar-section .dropdown-link:focus .link-text {
          border-bottom: 1px solid #FFFF00; }
      .b-header .top-bar-section .dropdown-link .link-text {
        border-bottom: 1px solid transparent;
        -webkit-transition: border 0.4s ease-in-out;
        transition: border 0.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: #FFFF00; }

[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-title,
    .b-heute-video .details.m-text-dark .item-description,
    .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-9-16,
  .b-heute-video .aspect-ratio-1-1 {
    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-title .teaser-title-link,
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-news-index .b-content-teaser-item .teaser-cat {
    color: #fff; } }

.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: 0.375rem;
      margin-right: 0.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: 0.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: 0.95; } }
  @media print, screen and (min-width: 64em) {
    .b-group-news-opener .box-shadow {
      position: absolute;
      bottom: 0;
      width: calc(100% - 0.75rem);
      left: 0.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: 0.95; } }
    @media print, screen and (min-width: 64em) {
      .b-group-news-opener .none-box-shadow {
        position: absolute;
        bottom: 0;
        width: calc(100% - 0.75rem);
        left: 0.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: none;
        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 .teaser-cat,
  .b-group-news-opener .teaser-box .teaser-title-link,
  .b-group-news-opener .author-icon,
  .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 .teaser-cat, 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 .author-icon, 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: #25292E;
      color: #fff; } }

.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, 0.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: #fff; }
    @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: #fff; } }
  .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, 0.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, 0.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, 0.4);
            box-shadow: 0 2px 4px rgba(0, 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: #25292E; } }

.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-wrap,
  .b-promo-teaser.b-group-promo-teaser.b-promo-teaser .box-container .box .box-table-inner {
    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: none;
      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: 0.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, 0.1);
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 7px 0 rgba(0, 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, 0.8); } }
    @media print, screen and (min-width: 64em) {
      .context-teaser-small .context-teaser-small-container {
        padding: 16px;
        background-color: rgba(37, 41, 46, 0.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) {
  .teaser-background-small .context-teaser-small, .b-group-news-opener .teaser-container.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: #fff; }
  @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: 0.875rem; }
    @media print, screen and (max-width: 39.99875em) {
      .b-news-teaser-briefing .teaser-label {
        top: 16px;
        left: 16px;
        height: 1.25rem;
        font-size: 0.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: 0.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 .teaser-cat,
      .b-news-teaser-large .box .author-icon {
        font-size: 0.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 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.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, 0.6)));
      background-image: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
      background-image: linear-gradient(180deg, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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-title,
  .b-top5-most-viewed .teaser-cat {
    font-size: 1rem;
    line-height: 1.625rem; }
    @media print, screen and (min-width: 40em) {
      .b-top5-most-viewed .teaser-title,
      .b-top5-most-viewed .teaser-cat {
        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: #96999C; }
      @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: none;
    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-selectbox,
  .b-weather-teaser.top5-weather .b-my-view-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-selectbox, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
    .b-weather-teaser.top5-weather .b-my-view-selectbox {
      border-color: #1f232a; }
    .b-weather-teaser.top5-weather .b-selectbox [class*=selectbox-input],
    .b-weather-teaser.top5-weather .b-my-view-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-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-my-view-selectbox [class*=selectbox-input] {
        color: #1f232a; }
      .b-weather-teaser.top5-weather .b-selectbox [class*=selectbox-input] span[class*=icon-],
      .b-weather-teaser.top5-weather .b-my-view-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-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-my-view-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: 500ms;
    transition: 500ms; }
    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: 400ms 100ms;
    transition: 400ms 100ms;
    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 .temperature,
  .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"].m-loading .select-wrap,
  .b-weather-teaser.top5-weather [data-module="top-five-weather-display"].m-loading .temperature,
  .b-weather-teaser.top5-weather [data-module="top-five-weather-display"].m-loading .teaser-text {
    opacity: 0;
    visibility: hidden; }
  .b-weather-teaser.top5-weather [data-module="top-five-weather-display"].m-will-change .temperature {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  .b-weather-teaser.top5-weather [data-module="top-five-weather-display"].m-will-change .teaser-text {
    opacity: 0;
    -webkit-transition: 0ms;
    transition: 0ms;
    -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: #fff; }
  .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: #25292E; }
    .b-briefing-abo .briefing-abo-icon:before {
      opacity: 0.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: #fff; }

.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: #fff; }
  @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 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-title-link,
  .b-news-event-module .event-module-box .teaser-cat {
    color: #fff; }
    .b-news-event-module .event-module-box .teaser-title-link:hover,
    .b-news-event-module .event-module-box .teaser-cat: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: none; }
  .b-news-event-module .big-headline,
  .b-news-event-module .small-headline,
  .b-news-event-module .b-group-shorttext p a,
  .b-news-event-module .b-content-teaser-list .title,
  .b-news-event-module .cluster-title-row .cluster-title {
    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: #fff; }
  .b-news-liveblog .news-liveblog-item .news-liveblog-item-time {
    font-size: 0.8125rem; }
    @media print, screen and (min-width: 40em) {
      .b-news-liveblog .news-liveblog-item .news-liveblog-item-time {
        font-size: 0.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: #fff; }

@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: none;
    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: none;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity 400ms, visibility 400ms;
    transition: opacity 400ms, visibility 400ms; }
    .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: #5C6166; }

.b-news-ticker .accordion .accordion-panel {
  margin-top: 24px;
  outline: none; }
  .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: 0.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 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-transform: scale(0.25);
              transform: scale(0.25); }
      .b-slideshow .b-plus-button.small-small .plus-main-btn .inner-circle:before {
        opacity: 0;
        font-size: 1.625rem;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.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 0.4s ease-in-out;
    transition: opacity 0.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: 0.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-post-header .big-headline,
    .b-info-bar + .b-content-module .big-headline {
      margin-top: 24px; }
      .b-info-bar + .b-post-header .big-headline.x-overline, .b-info-bar + .b-post-header .big-headline.x-label,
      .b-info-bar + .b-content-module .big-headline.x-overline,
      .b-info-bar + .b-content-module .big-headline.x-label {
        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-paging-cell,
  [data-module="js-scroller-paging"] .js-scroller-cell,
  [data-module="js-scroller"] .js-scroller-paging-cell,
  [data-module="js-scroller"] .js-scroller-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-paging-content,
    [data-module="js-scroller-paging"]:not(.is-responsive) .js-scroller-content,
    [data-module="js-scroller"]:not(.is-responsive) .js-scroller-paging-content,
    [data-module="js-scroller"]:not(.is-responsive) .js-scroller-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-paging-content,
        [data-module="js-scroller-paging"].is-responsive.m-scroll-on-desktop .js-scroller-content,
        [data-module="js-scroller"].is-responsive.m-scroll-on-desktop .js-scroller-paging-content,
        [data-module="js-scroller"].is-responsive.m-scroll-on-desktop .js-scroller-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-paging-content,
        [data-module="js-scroller-paging"].is-responsive.m-scroll-on-tablet .js-scroller-content,
        [data-module="js-scroller"].is-responsive.m-scroll-on-tablet .js-scroller-paging-content,
        [data-module="js-scroller"].is-responsive.m-scroll-on-tablet .js-scroller-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-paging-content,
        [data-module="js-scroller-paging"].is-responsive.m-scroll-on-mobile .js-scroller-content,
        [data-module="js-scroller"].is-responsive.m-scroll-on-mobile .js-scroller-paging-content,
        [data-module="js-scroller"].is-responsive.m-scroll-on-mobile .js-scroller-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-paging-content,
        [data-module="js-scroller-paging"].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,
        [data-module="js-scroller"].is-responsive.m-scroll-only-on-desktop .js-scroller-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-paging-content,
        [data-module="js-scroller-paging"].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,
        [data-module="js-scroller"].is-responsive.m-scroll-only-on-tablet .js-scroller-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-paging-content,
        [data-module="js-scroller-paging"].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,
        [data-module="js-scroller"].is-responsive.m-scroll-only-on-mobile .js-scroller-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: 400ms;
          animation-duration: 400ms;
  outline: none; }
  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-open,
  .m-fx > .js-tabs:not(.m-switched-off) .js-tabs-panel.m-closing {
    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: #000;
  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: 0.8125rem;
      width: auto; } }
  @media print, screen and (min-width: 40em) {
    .news-label {
      top: -12px;
      height: 24px;
      font-size: 0.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 0.5s linear;
    transition: opacity 0.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: #fff; }
      .b-letter-bar .item .link.m-disabled {
        color: #5C6166;
        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: #96999C; }
    .b-letter-bar .item.current .link,
    .b-letter-bar .item .link:not(.m-disabled):hover,
    .b-letter-bar .item .link:not(.m-disabled):focus {
      color: #fff;
      background-color: #000; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-letter-bar .item.current .link, 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 .link:not(.m-disabled):focus {
        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: 0.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, 0.8); }

.b-live-module .section-header {
  background-color: #0d1118;
  color: #fff; }

.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 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;
        /* one item*/
        /* two items */ }
        .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 0.4s ease-in-out;
        transition: opacity 0.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: 0.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-single .item, .b-live-tv.m-double .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, 0.1);
      content: ""; }
    .b-live-tv .item.video-carousel-item {
      margin: 0 6px; }
    .b-live-tv .item .box-title-wrap {
      height: 180px;
      -webkit-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.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: 0.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 > .artdirect,
      .b-live-tv .item.video-carousel-item .b-playerbox,
      .b-live-tv .item.video-carousel-item .inner {
        opacity: .1 !important;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s; }
      .b-live-tv .item.video-carousel-item.m-active > .artdirect,
      .b-live-tv .item.video-carousel-item.m-active .b-playerbox,
      .b-live-tv .item.video-carousel-item.m-active .inner {
        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-single .item, .b-live-tv.m-double .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: none;
    -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-title,
    .b-live-tv .item .teaser-cat,
    .b-live-tv .item .teaser-title-link {
      color: #fff; }
    .b-live-tv .item .teaser-foot {
      right: inherit;
      bottom: inherit;
      left: inherit;
      color: #fff;
      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, 0.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 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s; }
  .b-live-tv .station-still {
    z-index: 9;
    background-color: #25292E; }
  .b-live-tv .station-still,
  .b-live-tv .m-active .b-zdfplayer {
    opacity: 1;
    visibility: visible;
    z-index: 1; }
  .b-live-tv .m-active .station-still,
  .b-live-tv .b-zdfplayer {
    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, 0.6)), color-stop(85%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 85%);
  background: linear-gradient(to bottom, rgba(0, 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 0.4s ease-in-out;
  transition: background-color 0.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: none; }
  @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, 0.8) 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, 0.8) 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, 0.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, 0.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: #25292E; }

.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: #25292E; }
  .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 300ms;
    transition: opacity 300ms; }
    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: #fff; }
    .b-my-view-selectbox-popover .b-my-view-selectbox-search .search-clearbtn:not(.m-keyboardfocus) {
      outline: none; }
  .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: #5C6166;
  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: none; }
  .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: none;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity 400ms, visibility 400ms;
    transition: opacity 400ms, visibility 400ms;
    z-index: 4;
    display: block;
    width: 100%;
    background-color: #34393F;
    -webkit-transform: translateZ(0px);
            transform: translateZ(0px); }
    .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: #25292E; }

.b-newsticker-cell {
  position: relative;
  outline: none;
  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: #fff; }
    .b-newsticker-cell .title:not(.m-keyboardfocus) {
      outline: none; }
    .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: #fff; }
  .b-newsticker-cell:hover .title,
  .b-newsticker-cell .title:focus {
    text-decoration: underline; }
  .b-newsticker-cell.m-selected .inner::after {
    visibility: visible; }
  .b-newsticker-cell .inner {
    position: relative;
    outline: none;
    height: 100%;
    padding: 16px 16px 24px;
    background-color: white; }
    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: #fff; }
      .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: #fff;
        background-color: #25292E; }
      .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button:focus:not(.m-keyboardfocus) {
        outline: none;
        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 #000;
        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 .preview-image,
      .b-newsticker-panel .inner-panel .b-playerbox {
        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 .preview-image,
      .b-newsticker-panel .inner-panel .b-playerbox {
        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:hover, .b-newsticker-panel .link:focus {
      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: #fff; }
  .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: #fff; }
  .b-newsticker-panel .m-keyboardfocus {
    outline-color: #FFFF00; }
  .b-newsticker-panel .inner-panel {
    overflow: hidden; }
    .b-newsticker-panel .inner-panel:not(.m-keyboardfocus) {
      outline: none; }
  .b-newsticker-panel .content {
    margin: 0;
    color: #fff; }
    .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: #fff; }
  .b-newsticker-panel .title {
    display: block;
    margin-bottom: 16px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    color: #fff; }
    .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: #fff; }
  .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: #fff; }
    .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: #fff; }
    .b-newsticker-panel .link .title-icon {
      float: left;
      display: inline-block;
      margin-right: 4px;
      color: #fff; }
      .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: #fff; }
      .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: #fff;
    background: none;
    -webkit-transition: color 0.4s;
    transition: color 0.4s; }
    .b-newsticker-panel .close-content:hover, .b-newsticker-panel .close-content:focus:not(.m-keyboardfocus) {
      outline: none;
      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: #fff; }

.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: none;
      margin: 0;
      font-size: 1.75rem;
      color: #96999C;
      background-color: #fff;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.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: #fff; }
      .b-newsticker-slider .newsticker-scroller .news-arrow:not(.m-keyboardfocus) {
        outline: none; }
      .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: #fff; }
      .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: 400ms;
            animation-duration: 400ms;
    outline: none; }
    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-open,
    .m-fx > .newsticker-slider-panel.m-closing {
      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(0px);
            transform: translateZ(0px); }

@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 0.4s linear;
    transition: -webkit-transform 0.4s linear;
    transition: transform 0.4s linear;
    transition: transform 0.4s linear, -webkit-transform 0.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: none;
    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 0.4s, -webkit-transform 0.4s linear;
    transition: visibility 0.4s, -webkit-transform 0.4s linear;
    transition: visibility 0.4s, transform 0.4s linear;
    transition: visibility 0.4s, transform 0.4s linear, -webkit-transform 0.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:hover .link, .js-offcanvas-panel .menu-item:focus .link {
        color: #fff;
        background-color: rgba(37, 41, 46, 0.8); }
        .js-offcanvas-panel .menu-item:hover .link:not(.x-myzdf) span[class*="icon-"]:before, .js-offcanvas-panel .menu-item:focus .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: #fff;
        background-color: transparent;
        -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
        transition: color 0.4s ease-in-out, background-color 0.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 0.4s ease-in-out 0s;
          transition: -webkit-transform 0.4s ease-in-out 0s;
          transition: transform 0.4s ease-in-out 0s;
          transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.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: #fff;
          background-color: rgba(37, 41, 46, 0.8); }
          .js-offcanvas-panel .menu-item .link.m-active span[class*="icon-"]:before {
            color: #FFFF00; }
        .js-offcanvas-panel .menu-item .link:active {
          color: #fff;
          background-color: rgba(37, 41, 46, 0.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: none; }
        .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: 0.3125rem; }
            .js-offcanvas-panel .menu-item .link.b-switch .inner.has-icon .icon-926_moon:before {
              top: -0.3125rem;
              left: 2rem;
              z-index: 2;
              -webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
              transition: -webkit-transform 0.4s ease-in-out 0s;
              transition: transform 0.4s ease-in-out 0s;
              transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.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: #FFFF00;
        -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 400ms, -webkit-transform 400ms ease;
        transition: visibility 400ms, -webkit-transform 400ms ease;
        transition: visibility 400ms, transform 400ms ease;
        transition: visibility 400ms, transform 400ms ease, -webkit-transform 400ms 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:hover, .js-offcanvas-panel .menu-item .dropdown.x-myzdf .dropdown-item:focus {
        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: #fff; }
      .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: normal;
        line-height: 50px;
        text-align: left;
        color: #fff;
        cursor: pointer;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.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: #fff; }
        .js-offcanvas-panel .menu-item .dropdown .nav-back:hover, .js-offcanvas-panel .menu-item .dropdown .nav-back:focus {
          color: #FFFF00;
          background-color: rgba(37, 41, 46, 0.8); }
        .js-offcanvas-panel .menu-item .dropdown .nav-back:focus:not(.m-keyboardfocus) {
          outline: none; }
      .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 0.4s ease-in-out;
        transition: background-color 0.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:hover, .js-offcanvas-panel .menu-item .dropdown .dropdown-item:focus {
          background-color: rgba(37, 41, 46, 0.8); }
          .js-offcanvas-panel .menu-item .dropdown .dropdown-item:hover .dropdown-link, .js-offcanvas-panel .menu-item .dropdown .dropdown-item:focus .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:hover .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:focus .dropdown-link {
              color: #fff; }
            .js-offcanvas-panel .menu-item .dropdown .dropdown-item:hover .dropdown-link .link-text, .js-offcanvas-panel .menu-item .dropdown .dropdown-item:focus .dropdown-link .link-text {
              border-bottom: 1px solid #FFFF00; }
        .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active {
          background-color: rgba(37, 41, 46, 0.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: #fff; }
            .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 #fff; }
      .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 0.4s ease-in-out;
        transition: color 0.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: #fff; }
        .js-offcanvas-panel .menu-item .dropdown .dropdown-link .link-text {
          border-bottom: 1px solid transparent;
          -webkit-transition: border 0.4s ease-in-out;
          transition: border 0.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, 0.4);
    -webkit-transition: opacity 400ms ease-out, visibility 400ms;
    transition: opacity 400ms ease-out, visibility 400ms; }
    .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, 0.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, 0.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; }

.b-passport-pin {
  /** TODO make this more intuitive and not that hacky, maybe have a dark and light theme modifier or apply the proper button classes in template context */ }
  @media print, screen and (max-width: 39.99875em) {
    .b-passport-pin + .x-row:not(.x-headline),
    .b-passport-pin + .b-group-contentbox {
      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 + .x-row:not(.x-headline),
    .b-passport-pin + .b-group-contentbox {
      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 #FFFF00; }

.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 .pin-title,
  .b-pin-form .pass-title {
    display: block;
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.375rem; }
  .b-pin-form .password-btn {
    font-size: 0.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, 0.8);
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.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, 0.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, 0.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-403_mail:before, .b-plus-button .plus-child-btn.icon-402_share: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: none;
      -webkit-transform: scale(0.6);
              transform: scale(0.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 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-transform: scale(0.25);
              transform: scale(0.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 0.2s ease-in-out;
        transition: all 0.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 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
    .b-plus-button.m-small .plus-main-btn[aria-expanded="true"] .inner-circle {
      -webkit-transform: scale(0.6);
              transform: scale(0.6); }
    .b-plus-button.m-small .plus-main-btn .inner-circle {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-transform: scale(0.6);
              transform: scale(0.6); }
      .b-plus-button.m-small .plus-main-btn .inner-circle:before {
        font-size: 24px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .b-plus-button.m-small .plus-child-btn:focus:not(.m-keyboardfocus) {
      outline: none; }
    .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: none;
        -webkit-transform: scale(0.6);
                transform: scale(0.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 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.25);
                transform: scale(0.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 0.2s ease-in-out;
          transition: all 0.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 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          -webkit-transform: scale(0.6);
                  transform: scale(0.6); }
      .b-plus-button.small-small .plus-main-btn[aria-expanded="true"] .inner-circle {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
      .b-plus-button.small-small .plus-main-btn .inner-circle {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .b-plus-button.small-small .plus-main-btn .inner-circle:before {
          font-size: 24px;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .b-plus-button.small-small .plus-child-btn:focus:not(.m-keyboardfocus) {
        outline: none; }
      .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: none;
        -webkit-transform: scale(0.6);
                transform: scale(0.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 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.25);
                transform: scale(0.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 0.2s ease-in-out;
          transition: all 0.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 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          -webkit-transform: scale(0.6);
                  transform: scale(0.6); }
      .b-plus-button.medium-small .plus-main-btn[aria-expanded="true"] .inner-circle {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
      .b-plus-button.medium-small .plus-main-btn .inner-circle {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .b-plus-button.medium-small .plus-main-btn .inner-circle:before {
          font-size: 24px;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .b-plus-button.medium-small .plus-child-btn:focus:not(.m-keyboardfocus) {
        outline: none; }
      .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: none;
        -webkit-transform: scale(0.6);
                transform: scale(0.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 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.25);
                transform: scale(0.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 0.2s ease-in-out;
          transition: all 0.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 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          -webkit-transform: scale(0.6);
                  transform: scale(0.6); }
      .b-plus-button.large-small .plus-main-btn[aria-expanded="true"] .inner-circle {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
      .b-plus-button.large-small .plus-main-btn .inner-circle {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .b-plus-button.large-small .plus-main-btn .inner-circle:before {
          font-size: 24px;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .b-plus-button.large-small .plus-child-btn:focus:not(.m-keyboardfocus) {
        outline: none; }
      .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:hover .inner-circle:before, .b-plus-button .plus-main-btn:focus .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(0deg);
            transform: scale(1.2) rotateZ(0deg); }
  .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: #000;
    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 0.4s ease-in-out;
      transition: all 0.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:hover .inner-circle:before, .b-plus-button.small-large .plus-main-btn:focus .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(0deg);
                transform: scale(1.2) rotateZ(0deg); }
      .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: #000;
        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 0.4s ease-in-out;
          transition: all 0.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:hover .inner-circle:before, .b-plus-button.medium-large .plus-main-btn:focus .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(0deg);
                transform: scale(1.2) rotateZ(0deg); }
      .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: #000;
        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 0.4s ease-in-out;
          transition: all 0.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:hover .inner-circle:before, .b-plus-button.large-large .plus-main-btn:focus .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(0deg);
                transform: scale(1.2) rotateZ(0deg); }
      .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: #000;
        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 0.4s ease-in-out;
          transition: all 0.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: none;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all 0.2s;
    transition: all 0.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 0.3s ease-in-out, margin-top 0.3s ease-in-out, margin-bottom 0.3s ease-in-out;
    transition: margin-right 0.3s ease-in-out, margin-top 0.3s ease-in-out, margin-bottom 0.3s ease-in-out; }
  .b-plus-button .plus-child-item:nth-child(2) {
    z-index: 7;
    -webkit-transition: margin-right 0.4s ease-in-out, margin-top 0.4s ease-in-out, margin-bottom 0.4s ease-in-out;
    transition: margin-right 0.4s ease-in-out, margin-top 0.4s ease-in-out, margin-bottom 0.4s ease-in-out; }
  .b-plus-button .plus-child-item:nth-child(3) {
    z-index: 6;
    -webkit-transition: margin-right 0.5s ease-in-out, margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
    transition: margin-right 0.5s ease-in-out, margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out; }
  .b-plus-button .plus-child-item:nth-child(4) {
    z-index: 5;
    -webkit-transition: margin-right 0.6s ease-in-out, margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out;
    transition: margin-right 0.6s ease-in-out, margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out; }
  .b-plus-button .plus-child-item:nth-child(5) {
    z-index: 4;
    -webkit-transition: margin-right 0.7s ease-in-out, margin-top 0.7s ease-in-out, margin-bottom 0.7s ease-in-out;
    transition: margin-right 0.7s ease-in-out, margin-top 0.7s ease-in-out, margin-bottom 0.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, 0.13);
            box-shadow: 0 0 3px 1px rgba(36, 40, 46, 0.13);
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    color: #000;
    background-color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.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: #000; }
      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[aria-expanded="true"], .b-plus-button .plus-child-btn.m-checked {
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #fff;
      background-color: #000; }
      .b-plus-button .plus-child-btn[aria-expanded="true"]:hover:not(.in-app), .b-plus-button .plus-child-btn.m-checked:hover:not(.in-app) {
        background-color: #000; }
    .b-plus-button .plus-child-btn:visited {
      border-bottom: none;
      color: #000; }
      .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: none;
    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 p:not([class]),
    .b-post-content .unordered-list,
    .b-post-content .ordered-list,
    .b-post-content .content-image {
      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-thirdparty .big-headline,
    .b-post-content .b-thirdparty.x-notitle,
    .b-post-content .b-group-persons .big-headline,
    .b-post-content .b-group-persons.x-notitle,
    .b-post-content .b-content-teaser-list .big-headline,
    .b-post-content .b-content-teaser-list.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% + 0.625rem);
      margin-left: -0.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-thirdparty .big-headline,
    .b-post-content .b-thirdparty.x-notitle,
    .b-post-content .b-group-persons .big-headline,
    .b-post-content .b-group-persons.x-notitle,
    .b-post-content .b-content-teaser-list .big-headline,
    .b-post-content .b-content-teaser-list.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: none; }
  .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 .register-btn,
  .b-post-content.x-kids .reg-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 .register-btn,
      .b-post-content.x-kids .reg-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 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out; }
      .b-post-content .content-image .show-overlay:hover, .b-post-content .content-image .show-overlay:focus:not(.m-keyboardfocus) {
        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-thirdparty,
  .b-post-content .b-content-teaser-list,
  .b-post-content .b-group-persons {
    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:hover, .b-post-content .b-group-persons .guest-box .guest-description.m-text-dark a:focus {
      color: #000; }
    .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:hover, .b-post-content .b-group-persons .guest-box .guest-description.m-text-dark a:visited:focus {
        border-bottom-color: #000;
        color: #000; }
  .b-post-content .b-group-persons .guest-box .guest-description a {
    color: #fff; }
    .b-post-content .b-group-persons .guest-box .guest-description a:hover, .b-post-content .b-group-persons .guest-box .guest-description a:focus {
      color: #FFFF00; }
    .b-post-content .b-group-persons .guest-box .guest-description a:visited {
      border-bottom-color: #5C6166;
      color: #5C6166; }
      .b-post-content .b-group-persons .guest-box .guest-description a:visited:hover, .b-post-content .b-group-persons .guest-box .guest-description a:visited:focus {
        border-bottom-color: #FFFF00;
        color: #FFFF00; }

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 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out; }
  .b-post-header .logo-link.mid-transition {
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
  .b-post-header .logo-link.slow-transition {
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.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, 0.5);
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 41, 46, 0)), to(rgba(37, 41, 46, 0.6)));
      background-image: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
      background-image: linear-gradient(180deg, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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-title,
  .b-promo-teaser .teaser-title-link,
  .b-promo-teaser .teaser-cat,
  .b-promo-teaser .teaser-foot {
    color: #fff !important; }
  .b-promo-teaser .teaser-text {
    margin-bottom: 16px;
    color: #fff !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, 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, 0.4);
            box-shadow: 0 2px 4px rgba(0, 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, 0.4);
                box-shadow: 0 2px 4px rgba(0, 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, 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, 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, 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: 0.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-bottom should be calculated and rendered in to HTML */
  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, 0.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: #fff; }
    .b-removepanel .remove-btn:hover, .b-removepanel .remove-btn:focus:not(.m-keyboardfocus) {
      outline: none;
      background-color: #fff;
      -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-removepanel .remove-btn:hover, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-removepanel .remove-btn:focus:not(.m-keyboardfocus) {
        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: none;
    color: #fff;
    background-color: #25292E;
    -webkit-transition: opacity 300ms, visibility 300ms;
    transition: opacity 300ms, visibility 300ms; }
    .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: none; }
    .b-removepanel .remove-box .button.m-keyboardfocus {
      outline-color: #FFFF00; }
    .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; }

.b-scrollto-top {
  /** TODO figure out the what? and Why? **/ }
  @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-teaser-list:last-child .b-scrollto-top,
  .b-content-teaser-list:first-of-type .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 0.4s ease-in-out;
    transition: color 0.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: #000;
        -webkit-transition: border 0.4s ease-in-out;
        transition: border 0.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 0.4s ease-in-out;
      transition: border 0.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; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input ::-webkit-input-placeholder,
    .dark-modal .b-search-bar-input ::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.63) !important; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input ::-moz-placeholder,
    .dark-modal .b-search-bar-input ::-moz-placeholder {
      color: rgba(255, 255, 255, 0.63) !important; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input :-ms-input-placeholder,
    .dark-modal .b-search-bar-input :-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.63) !important; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input ::-ms-input-placeholder,
    .dark-modal .b-search-bar-input ::-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.63) !important; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar-input ::placeholder,
    .dark-modal .b-search-bar-input ::placeholder {
      color: rgba(255, 255, 255, 0.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:focus-within:before, .b-search-bar-input .search-clearinput:focus-within:after,
    .b-search-bar-input .search-clearinput:focus-within input, .b-search-bar-input .search-clearinput.m-keyboardfocus:before, .b-search-bar-input .search-clearinput.m-keyboardfocus:after,
    .b-search-bar-input .search-clearinput.m-keyboardfocus input {
      border-color: #FA7D19 !important; }
    .b-search-bar-input .search-clearinput:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 0.625rem;
      border-left: 2px solid #fff; }
    .b-search-bar-input .search-clearinput:after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      height: 0.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 #FFFF00;
      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 300ms;
    transition: opacity 300ms; }
    .b-search-bar-input .search-clearbtn:disabled {
      opacity: 0;
      cursor: default; }
    .b-search-bar-input .search-clearbtn:not(.m-keyboardfocus) {
      outline: none; }
    .b-search-bar-input .search-clearbtn.m-keyboardfocus {
      outline: 2px solid #FFFF00;
      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: 0.25rem;
        left: 0.25rem;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background-color: #000; } }
    .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: 0.5rem;
      left: 0.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: none;
  background-color: rgba(13, 17, 24, 0.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 .select-wrap,
      .b-search-bar .multiple-trigger {
        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 .select-wrap,
      .b-search-bar .multiple-trigger {
        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 0.4s;
      transition: top 0.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: none;
    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 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    .b-search-bar .filter-toggle-btn:focus:not(.m-keyboardfocus) {
      outline: none; }
    .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% - 0.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: #fff; }
    .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: 0.75rem;
        padding: 0.1875rem 0.375rem 0.125rem;
        background-color: #96999C;
        font-size: 0.8125rem;
        line-height: 0.9375rem;
        font-weight: 500;
        letter-spacing: 0.26px;
        text-align: center;
        color: #25292E;
        display: inline-block; }
  .b-search-bar .multiple-trigger {
    position: relative;
    width: 100%;
    padding: 0 33px 0 0;
    background: none;
    border: 2px solid #fff;
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.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[aria-expanded="true"], .b-search-bar .multiple-trigger:focus {
      border-color: #FFFF00; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .multiple-trigger[aria-expanded="true"], html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-search-bar .multiple-trigger:focus {
        border-color: #FFFF00; }
    .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: #fff; }
    .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: #fff; }
    .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: #000;
      background-size: cover;
      cursor: pointer; }
  .b-search-bar .dev-input {
    display: none; }
  .b-search-bar .m-keyboardfocus {
    outline-color: #FFFF00; }
  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 0.4s ease-in-out;
  transition: margin-top 0.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: 0.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 #000; }
  .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: #fff; }
      .b-search-list .search-suggestion .sug-link:hover, .b-search-list .search-suggestion .sug-link:focus {
        border-bottom: 1px dotted #000;
        color: #000; }
      .b-search-list .search-suggestion .sug-link:visited {
        border-bottom: 1px solid #96999C;
        color: #96999C; }
        .b-search-list .search-suggestion .sug-link:visited:hover, .b-search-list .search-suggestion .sug-link:visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }
  .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: 0.375rem;
      padding-left: 0.375rem; } }
  .b-content-partner-info .grid-container-white-bg {
    background-color: #FFFFFF; }
    .is-darkmode:not(.is-high-contrast) .b-content-partner-info .grid-container-white-bg:not(.has-icon) {
      color: #fff;
      background-color: #1f232a; }
  .is-darkmode:not(.is-high-contrast) .b-content-partner-info:not(.has-icon) {
    color: #fff;
    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 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    .b-content-partner-info .filter-toggle-btn-sl:focus:not(.m-keyboardfocus) {
      outline: none; }
    .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: none;
    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; }

/**
 * Mein ZDF - Einstellungen Wrapper
 * Allgemeine Layout Anweisungen die nicht in die Module passen
 *
 */
.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-loggedin, .b-user-info .inner-box.m-grey-box {
      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-loggedin, .b-user-info .inner-box.m-grey-box {
    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-loggedin, .b-user-info .inner-box.m-grey-box {
  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-loggedin, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .b-user-info .inner-box.m-grey-box {
    background-color: #1f232a; }
  .b-user-info .inner-box.m-loggedin a, .b-user-info .inner-box.m-loggedin a:visited, .b-user-info .inner-box.m-grey-box a, .b-user-info .inner-box.m-grey-box a:visited {
    color: #34393F;
    border-color: #000;
    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: 0.875rem;
      font-weight: 300;
      text-decoration: underline;
      color: #34393F;
      -webkit-text-decoration-color: #000;
              text-decoration-color: #000;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
      .b-user-info .inner-box .profile-data dd .changer:hover {
        color: #000; }
      .b-user-info .inner-box .profile-data dd .changer:not(.m-keyboardfocus) {
        outline: none; }
      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: #fff; }
        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, 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 {
          color: #FA7D19; }
  .b-user-info .inner-box .profile-data.fsk-status .pin-btn, .b-user-info .inner-box .profile-data.age-data .reset-optionaldata-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 0.4s ease-in-out;
  transition: border 0.4s ease-in-out; }
  .b-user-info .inner-box .text-link:hover, .b-user-info .inner-box .text-link:focus {
    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: #fff;
    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: 0.875rem;
    font-weight: 300;
    text-decoration: underline;
    color: #34393F;
    -webkit-text-decoration-color: #000;
            text-decoration-color: #000;
    -webkit-transition: color 0.4s ease-in-out;
    transition: color 0.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: #fff; }
    .b-profile-bar .edit-btn:hover {
      color: #000; }
    .b-profile-bar .edit-btn:not(.m-keyboardfocus) {
      outline: none; }
  .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: #fff; }
    .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: #fff; }
    .b-profile-bar .remove-btn:not(.m-keyboardfocus) {
      outline: none; }

@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; }

.teaserlist-showmore.m-showmore-16::before,
.teaserlist-showmore.m-showmore-24::before,
.teaserlist-showmore:not(.m-showmore-16):not(.m-showmore-24)::before,
.broadcastlist-showmore::before,
.newsticker-showmore: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-title,
      .b-sitemap .block-link {
        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-title,
      .b-sitemap .block-link {
        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: #fff; }
    .b-sitemap .block-link:hover, .b-sitemap .block-link:focus {
      border-bottom: 1px solid #000; }

@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 p,
  .b-social-media-quote .two-click-wrap a {
    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, 0.7)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7));
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 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, 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, 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, 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: 0.8125rem;
        text-shadow: 0 0 8px rgba(0, 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, 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, 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: 0.8125rem;
        line-height: 1.25rem;
        text-shadow: 0 0 8px rgba(0, 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-medium .stage-image, html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .stage-image {
    background-position: top right; }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-medium .stage-image span[class*="icon-"]:before, html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .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: 0.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: #fff;
        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-small .b-plus-button.small .plus-main-btn, html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .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, 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, 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: 0.8125rem;
      text-shadow: 0 0 8px rgba(0, 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, 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, 0.35), rgba(0, 0, 0, 0) 60%), -webkit-radial-gradient(22% 100%, circle, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 60%);
    background: radial-gradient(circle at 0% 100%, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 60%), radial-gradient(circle at 22% 100%, rgba(0, 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: 0.8125rem;
      line-height: 1.25rem;
      font-weight: 300;
      text-shadow: 0 0 8px rgba(0, 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, 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, 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, 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, 0.35), rgba(0, 0, 0, 0) 60%), -webkit-radial-gradient(22% 100%, circle, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 60%);
      background: radial-gradient(circle at 0% 100%, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 60%), radial-gradient(circle at 22% 100%, rgba(0, 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: none !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: 0.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: #fff;
        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: 0.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, 0.35), rgba(0, 0, 0, 0) 60%), -webkit-radial-gradient(22% 100%, circle, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 60%);
    background: radial-gradient(circle at 0% 100%, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 60%), radial-gradient(circle at 22% 100%, rgba(0, 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, 0.5);
      font-size: 1.125rem; }
    html:not(.x-tivi-app) .b-stage .stage-wrap.m-large .teaser-foot .teaser-info {
      font-size: 0.9375rem;
      text-shadow: 0 0 8px rgba(0, 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 span[class*="icon-"]:before,
    html:not(.x-tivi-app) .b-stage .stage-wrap .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 .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: none;
    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: 0.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: #fff;
        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: none; }

html:not(.x-tivi-app) .b-stage .stage-wrap .stage-title {
  text-shadow: 0 2px 4px rgba(10, 10, 10, 0.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:hover strong,
  html:not(.x-tivi-app) .b-stage .content-owner-link:focus 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, 0.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, 0.15);
                box-shadow: 0 0 20px 0 rgba(0, 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 .stage-image,
    .b-stage .stage-wrap.m-large .motion-wrap {
      height: 180px; }
    .b-stage .stage-wrap.m-medium .stage-image:before, .b-stage .stage-wrap.m-large .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, 0.6)));
      background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
      background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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 0.2s ease-in-out;
        transition: opacity 0.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, 0.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: #fff; }
    .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 #FFFF00; }
      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: #fff; }
    .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: #fff; }
    .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: #fff; }
      .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: #fff; }
      .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: #fff; }
    .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 0.4s ease-in-out;
      transition: opacity 0.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, 0.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 400ms;
            animation: rb-fx-zoomInSmall 400ms; }

.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: none;
  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: #000;
    border: 1px solid #000; }

@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 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
      transition: border-color 0.4s ease-in-out 0s, opacity 0.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: #25292E 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 0.4s ease-in-out;
  transition: background-color 0.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: #25292E; }
  .b-station-filter .station-filter-btn:focus:not(.m-keyboardfocus) {
    outline: none; }
  .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: #25292E; }
    .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.99.2192/img/logos/filter/zdf-grey.svg) center no-repeat; }
  .b-station-filter .station-filter-btn.info:after {
    background: url(/static/0.99.2192/img/logos/filter/info-grey.svg) center no-repeat; }
  .b-station-filter .station-filter-btn.neo:after {
    background: url(/static/0.99.2192/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 .login-btn,
    .b-subnavigation .btn-toggle-epg-widget {
      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: #fff; }
  .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: #fff; }
    .b-subnavigation.m-text-dark .second-nav-link:hover {
      outline: none;
      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: #fff; }
  .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 .social-wrap,
  .b-subnavigation .second-nav {
    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: #fff; }
  .b-subnavigation .second-nav-link {
    display: block;
    height: 50px;
    outline: none;
    font-family: "Uniwidth", sans-serif;
    font-size: 1.125rem;
    line-height: 50px;
    color: #fff;
    -webkit-transition: border 0.2s ease-in-out 0s;
    transition: border 0.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: none;
      border-bottom: 4px solid #FA7D19;
      color: #fff; }
    .b-subnavigation .second-nav-link:focus, .b-subnavigation .second-nav-link:active {
      border-bottom: none; }
    .b-subnavigation .second-nav-link.m-keyboardfocus .link-label {
      outline: 2px solid #FFFF00;
      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: #fff;
    -webkit-transition: border 0.2s ease-in-out 0s;
    transition: border 0.2s ease-in-out 0s; }
    .b-subnavigation .login-btn:hover {
      outline: none;
      border-bottom: 4px solid #FA7D19; }
    .b-subnavigation .login-btn:focus:not(.m-keyboardfocus) {
      outline: none; }
    .b-subnavigation .login-btn.m-keyboardfocus .link-label {
      outline: 2px solid #FFFF00;
      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: #fff; }
    .b-table table tr th {
      padding: 0 16px 8px;
      font-family: "Uniwidth", sans-serif;
      font-size: 0.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: #fff; }
    .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: #fff; }
    .b-table table tr th.align-left,
    .b-table table tr td.align-left {
      text-align: left; }
    .b-table table tr th.align-center,
    .b-table table tr td.align-center {
      text-align: center; }
    .b-table table tr th.align-right,
    .b-table table tr td.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: 0.75rem;
    padding: 0.1875rem 0.375rem 0.125rem;
    background-color: #96999C;
    font-size: 0.8125rem;
    line-height: 0.9375rem;
    font-weight: 500;
    letter-spacing: 0.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: #fff; }

.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: #fff; }

.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 p,
  .b-thirdparty .two-click-wrap a {
    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: #fff;
        -webkit-transition: border 0.2s ease-in-out 0s, opacity 400ms;
        transition: border 0.2s ease-in-out 0s, opacity 400ms; }
        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: #fff; }
        .b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]):hover, .b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]):focus {
          outline: none;
          border-bottom: 4px solid #fff;
          color: #fff; }
        .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:hover, .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.m-current {
            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 #FFFF00;
          outline-offset: 2px; }
      .b-time-bar .pagination .pagination-item.m-current .time-bar-link {
        border-bottom: 4px solid #fff;
        color: #fff; }
  .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 0.4s ease-in-out;
    transition: color 0.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:hover, .b-time-bar .icon-arrow_left:focus {
      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 0.4s ease-in-out;
    transition: color 0.4s ease-in-out; }
    .b-time-bar .icon-arrow_right:before {
      font-size: 1rem;
      line-height: 3.75rem; }
    .b-time-bar .icon-arrow_right:hover, .b-time-bar .icon-arrow_right:focus {
      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(0.8);
            transform: scale(0.8); }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.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(0.8);
            transform: scale(0.8); }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.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, 0.5);
            box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.5); }
    .tivi-scroll-hint .button:hover, .tivi-scroll-hint .button:focus {
      text-decoration: none; }
  .tivi-scroll-hint.fade-in .button {
    -webkit-animation-name: fadeIn, pulsate;
            animation-name: fadeIn, pulsate;
    -webkit-animation-duration: 400ms, 400ms;
            animation-duration: 400ms, 400ms;
    -webkit-animation-fill-mode: forwards, forwards;
            animation-fill-mode: forwards, forwards;
    -webkit-animation-delay: 1000ms, 1500ms;
            animation-delay: 1000ms, 1500ms;
    -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: 400ms;
            animation-duration: 400ms; }
  @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 400ms, visibility 400ms;
  transition: opacity 400ms, visibility 400ms; }
  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 0.4s;
  transition: background-color 0.4s; }
  .typeahead-listbox-item:hover, .typeahead-listbox-item:focus {
    background-color: #FA7D19; }
    .typeahead-listbox-item:hover .listbox-value, .typeahead-listbox-item:focus .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:hover .listbox-value, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .typeahead-listbox-item:focus .listbox-value {
        color: #0d1118; }
  .typeahead-listbox-item .listbox-value {
    color: #000;
    -webkit-transition: color 0.4s;
    transition: color 0.4s; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .typeahead-listbox-item .listbox-value {
      color: #fff; }
  .typeahead-listbox-item mark {
    font-weight: 700; }
  .typeahead-listbox-item.m-disabled {
    opacity: 0.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: #25292E; }

.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='loading'] .section-header [data-role='enable-edit-mode'],
[data-list-mode='loading'] .section-header [data-role='disable-edit-mode'],
[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='selection-toggle'], [data-list-mode='empty'] .section-header [data-role='enable-edit-mode'],
[data-list-mode='empty'] .section-header [data-role='disable-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='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-mode='edit'] .section-header [data-role='enable-edit-mode'],
[data-list-mode='edit'] .section-header [data-role='confirm-delete-dialog'], [data-list-mode='confirm-delete'] .section-header [data-role='enable-edit-mode'],
[data-list-mode='confirm-delete'] .section-header [data-role='confirm-delete'],
[data-list-mode='confirm-delete'] .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: #fff; }

html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .section-header {
  background-color: #0d1118;
  color: #fff; }

@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: 0.625rem; } }
  .section-header .section-header-title:not(.m-keyboardfocus) {
    outline: none; }
  .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: 0.625rem; } }

.section-header .button {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1;
  font-weight: 300; }
  .section-header .button:not(:first-child) {
    margin-left: 10px; }

.section-header [data-role] {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.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; }
  html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field-error,
  .dark-modal .form-field-error {
    color: #f39a9b; }
  .form-field-error .error-msg {
    font-size: 0.875rem;
    font-weight: 300;
    position: relative;
    display: inline-block;
    padding: 0 0 32px 0;
    color: #f11010; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field-error .error-msg,
    .dark-modal .form-field-error .error-msg {
      color: #f39a9b; }
    .form-field-error .error-msg a {
      font-weight: 300;
      color: #f11010 !important;
      border-color: #f11010 !important; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field-error .error-msg a,
      .dark-modal .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; }
        html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field-error .error-msg a:hover,
        .dark-modal .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 .show-remaining-characters:before,
  .form-field.has-error .medium-up-show-remaining-characters:before,
  .form-field.has-error .large-up-show-remaining-characters:before {
    color: #f39a9b !important;
    font-weight: 700; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field.has-error .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 .medium-up-show-remaining-characters:before,
    .dark-modal
    .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 .large-up-show-remaining-characters:before,
    .dark-modal
    .form-field.has-error .large-up-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: white;
      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: white;
      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: white;
        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: white;
        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: white;
        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: white;
        content: '*'; } }
  .form-field .form-field-input-wrap {
    position: relative; }
    .form-field .form-field-input-wrap:focus-within:before, .form-field .form-field-input-wrap:focus-within:after,
    .form-field .form-field-input-wrap:focus-within input {
      border-color: #FA7D19 !important; }
    .form-field .form-field-input-wrap:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 0.625rem;
      border-left: 2px solid #34393F; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-input-wrap:before,
      .dark-modal .form-field .form-field-input-wrap:before {
        border-color: #fff; }
    .form-field .form-field-input-wrap:after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      height: 0.625rem;
      border-left: 2px solid #34393F; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-input-wrap:after,
      .dark-modal .form-field .form-field-input-wrap:after {
        border-color: #fff; }
  .form-field .form-field-label {
    display: block;
    font-size: 0.875rem;
    line-height: 1rem; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label,
    .dark-modal .form-field .form-field-label {
      color: #fff; }
    .form-field .form-field-label.has-error {
      color: #f11010; }
      html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-label.has-error,
      .dark-modal .form-field .form-field-label.has-error {
        color: #f39a9b; }
      .form-field .form-field-label.has-error + .form-field-input-wrap:before, .form-field .form-field-label.has-error + .form-field-input-wrap:after,
      .form-field .form-field-label.has-error + .form-field-input-wrap .input,
      .form-field .form-field-label.has-error + .password-input .form-field-input-wrap:before,
      .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 .input {
        border-color: #f11010; }
        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,
        .dark-modal .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 + .form-field-input-wrap:after,
        .dark-modal .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 .input,
        .dark-modal
        .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 + .password-input .form-field-input-wrap:before,
        .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 + .password-input .form-field-input-wrap:after,
        .dark-modal
        .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 .input,
        .dark-modal
        .form-field .form-field-label.has-error + .password-input .form-field-input-wrap .input {
          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; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-input,
    .dark-modal .form-field .form-field-input, html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast)
    .form-field .input,
    .dark-modal
    .form-field .input {
      border-color: #fff; }
  .form-field .form-field-error-detail {
    margin: 0.4375rem 0 24px;
    font-size: 0.75rem !important;
    line-height: 1rem;
    color: #f11010; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .form-field .form-field-error-detail,
    .dark-modal .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: 0.875rem;
    line-height: 1.125rem;
    text-align: center;
    color: #fff;
    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: #fff; }
  .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: #fff; }
  .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: #fff; }

.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: 0.75rem;
    text-align: center;
    border: 2px solid #34393F; }
    html:not(.x-heute-app):not(.x-tivi-app) .is-darkmode:not(.is-high-contrast) .pin-input .input,
    .dark-modal .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: #fff !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: #fff; }

.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: #fff;
    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: transparent; }
  .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: 0rem !important;
      bottom: 0rem !important;
      left: 0rem !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: 0px 0px 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: #fff;
    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: #fff;
      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 0.4s ease-in-out 0s;
        transition: all 0.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: 0.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: #ffffff; }
  .is-darkmode:not(.is-high-contrast) .b-switch .innerPure:not(.has-icon) {
    color: #fff;
    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: #fff;
      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 0.4s ease-in-out 0s;
        transition: all 0.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: 0.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: white;
      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:before, .b-switch .switch-label:after {
    position: absolute;
    right: 0;
    cursor: pointer;
    content: "";
    -webkit-transition: background-color 100ms ease-in 0s, -webkit-transform 100ms ease-in 0s;
    transition: background-color 100ms ease-in 0s, -webkit-transform 100ms ease-in 0s;
    transition: transform 100ms ease-in 0s, background-color 100ms ease-in 0s;
    transition: transform 100ms ease-in 0s, background-color 100ms ease-in 0s, -webkit-transform 100ms 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 #000;
    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: #000; }
  .b-switch .switch-input:disabled + .switch-label:before {
    background-color: rgba(0, 0, 0, 0.8); }
  .b-switch .switch-input:checked:disabled + .switch-label:before {
    background-color: rgba(0, 0, 0, 0.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: #25292E; }
  .b-video-module .teaser-foot {
    padding-right: 64px;
    white-space: nowrap; }
  .b-video-module .teaser-info {
    font-size: 0.875rem;
    line-height: 0.875rem; }
  .b-video-module .desc-text {
    font-size: 0.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: #25292E; }
    .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: 0.25rem; }

.b-video-module .desc-text {
  margin-top: 0.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 0.4s ease-in-out;
  transition: color 0.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: #fff; }
  .b-video-module .download-btn:hover, .b-video-module .download-btn:focus {
    color: #000; }
  .b-video-module .download-btn:not(.m-keyboardfocus) {
    outline: none; }
  .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: #25292E; }
  @media print, screen and (max-width: 39.99875em) {
    .b-video-module .content-owner {
      padding: 8px 16px 9px;
      font-size: 0.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: #fff; }
    .b-video-module .content-owner .content-owner-label:hover, .b-video-module .content-owner .content-owner-label:focus {
      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: #fff; }

.b-weather-local .weather-local-tab-container {
  max-width: 72rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  outline: none; }

@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: #fff; }
    .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: #fff; }
      .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: #fff; }

.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: #fff; }

.weather-local__select-label {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 300;
  margin-bottom: 0.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: #fff; }

.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: #fff; }
  @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: none; }

.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: 0.25rem;
    padding: 0.375rem 0.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: 0.2rem; }
  .b-weather-maps .weather-maps-agenda-wrap {
    padding-right: 16px;
    padding-left: 16px; }
  .b-weather-maps .scroll-arrow.x-prev:not(:disabled) + .gradient,
  .b-weather-maps .scroll-arrow.x-next:not(:disabled) + .gradient {
    height: 420px;
    width: 150px;
    top: 0;
    position: absolute;
    z-index: 1;
    opacity: .8; }
    .b-weather-maps .scroll-arrow.x-prev:not(:disabled) + .gradient.gradient-left,
    .b-weather-maps .scroll-arrow.x-next:not(:disabled) + .gradient.gradient-left {
      left: 0;
      background: -webkit-gradient(linear, left top, right top, from(#e8e8e8), color-stop(70%, rgba(232, 232, 232, 0.2)), to(rgba(232, 232, 232, 0)));
      background: -webkit-linear-gradient(left, #e8e8e8 0%, rgba(232, 232, 232, 0.2) 70%, rgba(232, 232, 232, 0) 100%);
      background: linear-gradient(to right, #e8e8e8 0%, rgba(232, 232, 232, 0.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-prev: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-next:not(:disabled) + .gradient.gradient-left {
        background: -webkit-gradient(linear, left top, right top, from(#0d1118), color-stop(70%, rgba(13, 17, 24, 0.2)), to(rgba(13, 17, 24, 0)));
        background: -webkit-linear-gradient(left, #0d1118 0%, rgba(13, 17, 24, 0.2) 70%, rgba(13, 17, 24, 0) 100%);
        background: linear-gradient(to right, #0d1118 0%, rgba(13, 17, 24, 0.2) 70%, rgba(13, 17, 24, 0) 100%); }
      .x-tivi-app .b-weather-maps .scroll-arrow.x-prev:not(:disabled) + .gradient.gradient-left, .x-tivi-app
      .b-weather-maps .scroll-arrow.x-next:not(:disabled) + .gradient.gradient-left {
        background: -webkit-gradient(linear, left top, right top, from(white), color-stop(70%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%); }
    .b-weather-maps .scroll-arrow.x-prev:not(:disabled) + .gradient.gradient-right,
    .b-weather-maps .scroll-arrow.x-next:not(:disabled) + .gradient.gradient-right {
      right: 0;
      background: -webkit-gradient(linear, right top, left top, from(#e8e8e8), color-stop(70%, rgba(232, 232, 232, 0.2)), to(rgba(232, 232, 232, 0)));
      background: -webkit-linear-gradient(right, #e8e8e8 0%, rgba(232, 232, 232, 0.2) 70%, rgba(232, 232, 232, 0) 100%);
      background: linear-gradient(to left, #e8e8e8 0%, rgba(232, 232, 232, 0.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-prev: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-next:not(:disabled) + .gradient.gradient-right {
        background: -webkit-gradient(linear, right top, left top, from(#0d1118), color-stop(70%, rgba(13, 17, 24, 0.2)), to(rgba(13, 17, 24, 0)));
        background: -webkit-linear-gradient(right, #0d1118 0%, rgba(13, 17, 24, 0.2) 70%, rgba(13, 17, 24, 0) 100%);
        background: linear-gradient(to left, #0d1118 0%, rgba(13, 17, 24, 0.2) 70%, rgba(13, 17, 24, 0) 100%); }
      .x-tivi-app .b-weather-maps .scroll-arrow.x-prev:not(:disabled) + .gradient.gradient-right, .x-tivi-app
      .b-weather-maps .scroll-arrow.x-next:not(:disabled) + .gradient.gradient-right {
        background: -webkit-gradient(linear, right top, left top, from(white), color-stop(70%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0.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 0.2s;
  transition: background-color ease 0.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: #5C6166; }

@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, 0.6)));
  background: -webkit-linear-gradient(top, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(37, 41, 46, 0) 0%, rgba(37, 41, 46, 0.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: transparent; }

.seekbar input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  display: block;
  width: 48px;
  height: 48px;
  outline: none;
  border: none;
  background-color: transparent; }

.seekbar input[type="range"]::-moz-range-thumb {
  display: block;
  width: 48px;
  height: 48px;
  outline: none;
  border: 0;
  border: none;
  background: transparent; }

.seekbar input[type="range"]::-moz-range-track {
  border: 0;
  background: transparent; }

.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: 0.375rem 0.625rem; }
    .b-weather-radar .weather-radar-selection {
      margin-bottom: 10px; } }
  @media print, screen and (min-width: 40em) {
    .b-weather-radar .weather-radar-tab {
      padding: 0.625rem 1rem; }
    .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 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.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 0.4s ease-in-out;
    transition: opacity 0.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: 0.25rem;
    background: #cecfcf;
    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: #fff; }
    .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: #5C6166;
        color: #fff; }
      .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 #5C6166; }

@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: 0.2rem;
  cursor: pointer;
  background: #CECFCF;
  font-weight: 700;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.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; }

.b-playerbox {
  /* Landscape Phones (only small screens) */
  /* Landscape Phones (large screens) */
  /* Landscape Tablets (but not large Phones) */ }
  @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; }