@charset "UTF-8";
/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Main Stylesheet for High Contrast
 *
 */
/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Webfonts
 *
 */
/**
Define font in HTML head.
*/
.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, .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: ""; }

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

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

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

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

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

.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.6666666667rem); }

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

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

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

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

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

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

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

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

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

.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.3333333333rem); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
    width: auto;
    max-width: 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.3333333333rem;
  margin-bottom: -0.3333333333rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.3333333333rem;
      margin-bottom: -0.3333333333rem; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.accordion {
  content: '{"selectedIndex":0,"adjustScroll":60}' !important;
  margin: 0 0 24px;
  padding: 0; }
  @media (max-width: 640px) {
    .accordion .accordion-panel .panel-link {
      padding: 15px 48px 8px 0;
      font-size: 0.8889rem;
      line-height: 1.2222rem; }
      .accordion .accordion-panel .panel-link:before {
        right: 16px;
        font-size: 1rem;
        line-height: 1; }
      .accordion .accordion-panel .panel-link .shorter {
        padding-left: 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .accordion .accordion-panel .panel-link {
      padding: 18px 64px 16px 0;
      font-size: 1rem; }
      .accordion .accordion-panel .panel-link:before {
        right: 24px;
        font-size: 1.6667rem;
        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; }
      .accordion .accordion-panel .content.m-open {
        background-color: #fefefe; }
      .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; }
      .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%); }
      .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: #fefefe; }
        .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.7778rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #000;
    background-color: #fefefe; }
  .alert .alert-item, .b-alert .alert-item, .b-news-alert .alert-item {
    font-size: 0.8889rem;
    color: #fefefe; }
    .alert .alert-item .link, .b-alert .alert-item .link, .b-news-alert .alert-item .link {
      border-bottom: 1px solid transparent;
      color: #fefefe; }
    .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 #fefefe; }

@media (max-width: 640px) {
  .arrowhover {
    display: inline-block;
    height: 18px; }
    .arrowhover:before {
      float: left;
      font-size: 28px;
      line-height: 24px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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); }

.checkbox-wrap .checkbox-label {
  position: relative;
  float: left;
  padding-left: 24px;
  font-size: 0.8889rem;
  line-height: 22px;
  cursor: pointer; }
  .checkbox-wrap .checkbox-label:before {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #34393F;
    background-color: #fefefe;
    content: ""; }

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

.checkbox-wrap a {
  color: #000; }
  .checkbox-wrap a:hover, .checkbox-wrap a:focus {
    text-decoration: underline;
    color: #000; }

.checkbox-wrap .checkbox-input:checked + label:after {
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 2;
  width: 16px;
  font-family: "zdf-iconfont" !important;
  font-size: 0.7778rem;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 16px;
  text-align: center;
  text-transform: none;
  color: #5C6166;
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

.error-item:not(input), .b-dialog.x-dialog-player-pin .error-item:not(input) {
  overflow: hidden;
  display: none;
  margin: 0;
  padding: 0;
  color: #f11010; }
  .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 24px 0;
    font-weight: 700;
    color: #f11010; }

@media (max-width: 640px) {
  .b-dialog.x-dialog-infotext .guest-showmore, .b-group-persons .guest-showmore, .b-group-relations .guest-showmore {
    content: '{"items": ".guest-box","count":4}' !important; }
    .b-dialog.x-dialog-infotext .guest-showmore::before, .b-group-persons .guest-showmore::before, .b-group-relations .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, .b-group-relations .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), .b-group-relations .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, .b-group-relations .guest-box .guest-info {
      outline: none;
      outline: none;
      padding: 16px 0; }
      .b-dialog.x-dialog-infotext .guest-box .guest-info:after, .b-group-persons .guest-box .guest-info:after, .b-group-relations .guest-box .guest-info:after {
        left: 12.5%; }
    .b-dialog.x-dialog-infotext .guest-box .guest-name, .b-group-persons .guest-box .guest-name, .b-group-relations .guest-box .guest-name {
      margin-bottom: 4px;
      font-size: 0.8889rem;
      line-height: 0.8889rem; }
      .b-dialog.x-dialog-infotext .guest-box .guest-name .name-btn, .b-group-persons .guest-box .guest-name .name-btn, .b-group-relations .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, .b-group-relations .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, .b-group-relations .guest-box .guest-img {
      width: 80px; }
    .b-dialog.x-dialog-infotext .guest-box .guest-text, .b-group-persons .guest-box .guest-text, .b-group-relations .guest-box .guest-text {
      padding-left: 88px; }
    .b-dialog.x-dialog-infotext .guest-box .guest-title, .b-group-persons .guest-box .guest-title, .b-group-relations .guest-box .guest-title {
      padding: 0;
      font-size: 0.8889rem;
      line-height: 1.2222rem; }
      .b-dialog.x-dialog-infotext .guest-box .guest-title > p, .b-group-persons .guest-box .guest-title > p, .b-group-relations .guest-box .guest-title > p {
        margin: 0;
        padding: 0; }
  .b-dialog.x-dialog-infotext .load-more-container, .b-group-persons .load-more-container, .b-group-relations .load-more-container {
    text-align: center; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-dialog.x-dialog-infotext .guest-box .guest-info, .b-group-persons .guest-box .guest-info, .b-group-relations .guest-box .guest-info {
    padding: 16px 12px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-dialog.x-dialog-infotext .guest-box:only-child, .b-group-persons .guest-box:only-child, .b-group-relations .guest-box:only-child {
    width: auto; }
  .b-dialog.x-dialog-infotext .guest-box .guest-info:after, .b-group-persons .guest-box .guest-info:after, .b-group-relations .guest-box .guest-info:after {
    left: 17.5%; }
  .b-dialog.x-dialog-infotext .guest-box .guest-img, .b-group-persons .guest-box .guest-img, .b-group-relations .guest-box .guest-img {
    width: 126px; }
  .b-dialog.x-dialog-infotext .guest-box .guest-text, .b-group-persons .guest-box .guest-text, .b-group-relations .guest-box .guest-text {
    padding-left: 146px; }
  .b-dialog.x-dialog-infotext .guest-box .guest-name, .b-group-persons .guest-box .guest-name, .b-group-relations .guest-box .guest-name {
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.4444rem; }
  .b-dialog.x-dialog-infotext .guest-box .guest-title, .b-group-persons .guest-box .guest-title, .b-group-relations .guest-box .guest-title {
    font-size: 0.8889rem;
    line-height: 1.2222rem; }
  .b-dialog.x-dialog-infotext .guest-box .guest-description .desc-text, .b-group-persons .guest-box .guest-description .desc-text, .b-group-relations .guest-box .guest-description .desc-text {
    margin: 0 auto;
    padding: 24px 16px 32px;
    font-size: 1rem;
    line-height: 1.4444rem; } }

@media (min-width: 1024px) {
  .b-dialog.x-dialog-infotext .guest-box:only-child .guest-img, .b-group-persons .guest-box:only-child .guest-img, .b-group-relations .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, .b-group-relations .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, .b-group-relations .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-group-relations .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,
  .b-group-relations .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-group-relations .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,
  .b-group-relations .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-group-relations .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,
  .b-group-relations .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, .b-group-relations .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-group-relations .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-group-relations .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-group-relations .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,
    .b-group-relations .guest-box .guest-info.m-focus-within .guest-title {
      text-decoration: underline; } }

.b-dialog.x-dialog-infotext .guest-box, .b-group-persons .guest-box, .b-group-relations .guest-box {
  padding-bottom: 0;
  list-style: none; }
  .b-dialog.x-dialog-infotext .guest-box .guest-info, .b-group-persons .guest-box .guest-info, .b-group-relations .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, .b-group-relations .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: ""; }
    .b-dialog.x-dialog-infotext .guest-box .guest-info:after, .b-group-persons .guest-box .guest-info:after, .b-group-relations .guest-box .guest-info:after {
      overflow: hidden;
      display: table;
      clear: both;
      content: ""; }
    .b-dialog.x-dialog-infotext .guest-box .guest-info .x-row, .b-group-persons .guest-box .guest-info .x-row, .b-group-relations .guest-box .guest-info .x-row {
      margin: 0; }
    .b-dialog.x-dialog-infotext .guest-box .guest-info:hover, .b-group-persons .guest-box .guest-info:hover, .b-group-relations .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, .b-group-relations .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-group-relations .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, .b-group-relations .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-group-relations .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, .b-group-relations .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, .b-group-relations .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, .b-group-relations .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, .b-group-relations .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, .b-group-relations .guest-box .guest-name button {
      font-size: inherit;
      font-weight: inherit;
      text-align: left; }
      .b-dialog.x-dialog-infotext .guest-box .guest-name button:not(.m-keyboardfocus), .b-group-persons .guest-box .guest-name button:not(.m-keyboardfocus), .b-group-relations .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, .b-group-relations .guest-box .guest-title {
    margin-bottom: 16px; }
    .b-dialog.x-dialog-infotext .guest-box .guest-title p, .b-group-persons .guest-box .guest-title p, .b-group-relations .guest-box .guest-title p {
      margin-bottom: 0; }

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

.big-headline, .b-content-teaser-list .title, .b-search-list .title, .cluster-title-row .cluster-title {
  font-family: "Helvetica-Neue", Arial, sans-serif;
  color: #34393F;
  display: inline-block; }
  @media (max-width: 640px) {
    .big-headline, .b-content-teaser-list .title, .b-search-list .title, .cluster-title-row .cluster-title {
      margin: 32px 0 16px;
      padding: 0 16px;
      font-size: 1.4444rem;
      line-height: 1.7778rem; }
      .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; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .big-headline, .b-content-teaser-list .title, .b-search-list .title, .cluster-title-row .cluster-title {
      margin: 64px 0 16px;
      font-size: 2rem;
      line-height: 2.2222rem; }
      .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; } }

.medium-headline {
  margin: 8px 0 16px;
  font-family: "Helvetica-Neue", Arial, sans-serif;
  color: #34393F; }
  @media (max-width: 640px) {
    .medium-headline {
      padding: 0 16px;
      font-size: 1.4444rem;
      line-height: 1.5556rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .medium-headline {
      font-size: 1.6667rem;
      line-height: 1.7778rem; } }

.small-headline {
  font-family: "Helvetica-Neue", Arial, sans-serif;
  color: #34393F; }
  @media (max-width: 640px) {
    .small-headline {
      margin: 0 0 8px;
      padding: 0 16px;
      font-size: 1.1111rem;
      line-height: 1.3333rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .small-headline {
      margin: 0 0 16px;
      font-size: 1.4444rem;
      line-height: 1.6667rem; } }
  .is-bold.small-headline {
    font-weight: bold; }

.tiny-headline {
  margin: 0 0 10px;
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #34393F; }

/* Radio Button */
.scroll-arrow {
  opacity: .5;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 48px;
  height: 56px;
  margin: -28px 0 0 0;
  padding: 0;
  text-indent: -9999px;
  background-color: #25292E;
  -webkit-transition: left 0.4s ease-in-out, right 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: left 0.4s ease-in-out, right 0.4s ease-in-out, opacity 0.4s ease-in-out; }
  .x-next.scroll-arrow {
    right: 0; }
  .x-prev.scroll-arrow {
    left: 0; }
  .scroll-arrow:not(.m-keyboardfocus) {
    outline: none; }
  .scroll-arrow:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    font-size: 2rem;
    line-height: 56px;
    text-align: center;
    text-indent: 0;
    color: #fefefe; }
  .scroll-arrow:hover, .scroll-arrow:focus {
    opacity: .8;
    background-color: #25292E; }
  .scroll-arrow:focus, .scroll-arrow:visited {
    background-color: #25292E; }
  .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:before {
      color: #34393F;
      width: 10px;
      font-size: 1rem; }

.scroll-pagination {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: auto;
  height: 40px;
  margin: 0; }
  @media (max-width: 640px) {
    .scroll-pagination {
      width: 100%;
      text-align: center; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: #fefefe;
      content: ""; }
    .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;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }
  .b-my-view-selectbox:focus, .b-selectbox:focus, .b-my-view-selectbox[aria-expanded="true"], .b-selectbox[aria-expanded="true"] {
    outline: 2px solid #FFFF00;
    outline-offset: -2px; }
  .b-my-view-selectbox:after, .b-selectbox:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    background-color: #fefefe;
    content: ""; }
  .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: "Helvetica-Neue", Arial, sans-serif;
    font-size: 0.8889rem;
    line-height: 32px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #34393F;
    background-color: #fefefe;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto; }
    .b-my-view-selectbox [class*="selectbox-input"]:after, .b-selectbox [class*="selectbox-input"]:after {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      width: 32px;
      height: 32px;
      font-family: "zdf-iconfont";
      font-size: 1.4444rem;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 32px;
      text-align: center;
      text-transform: none;
      color: #5C6166;
      content: "";
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .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.4444rem;
    line-height: 1.8889rem;
    text-align: center;
    background-color: #fefefe; }
    .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; }
  .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: 2px 0;
    -webkit-box-shadow: 0 0 4px rgba(52, 57, 63, 0.3);
            box-shadow: 0 0 4px rgba(52, 57, 63, 0.3);
    background-color: #fefefe; }
    [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;
      border-top: 1px solid #E8E8E8;
      padding: 0 32px 0 16px;
      font-size: 0.8889rem;
      line-height: 32px;
      cursor: pointer; }
      [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-item.m-selected, [class*="selectbox-listbox"] .listbox-item.m-checked,
      [class*="selectbox-listbox"] .listbox-header:hover,
      [class*="selectbox-listbox"] .listbox-header.m-selected,
      [class*="selectbox-listbox"] .listbox-header.m-checked {
        background: #D4D5D5; }
  .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;
  position: absolute;
  z-index: 3;
  display: inline-block;
  height: 24px;
  padding: 0 8px;
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-size: 0.8889rem;
  font-weight: 700;
  line-height: 1.3333rem;
  color: #fefefe;
  background-color: #000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 640px) {
    .teaser-label:not(.x-dark) .icon {
      display: none; }
    .x-dark.teaser-label .icon {
      position: relative;
      float: left;
      display: inline-block;
      width: 27px;
      height: 16px;
      margin: 5px 5px 5px 0;
      border-right: 1px solid #fefefe; }
      .x-dark.teaser-label .icon:before {
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 0.8889rem;
        line-height: 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .teaser-label, .b-promo-teaser .teaser-label {
      bottom: 20px;
      left: 24px; }
      .teaser-label .icon {
        position: relative;
        float: left;
        display: inline-block;
        width: 27px;
        height: 16px;
        margin: 5px 5px 5px 0;
        border-right: 1px solid #fefefe; }
        .teaser-label .icon:before {
          position: absolute;
          top: 0;
          left: 5px;
          font-size: 0.8889rem;
          line-height: 16px; } }
  .x-dark.teaser-label {
    font-size: 0.7778rem;
    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: 400;
  white-space: nowrap;
  color: #34393F; }
  @media (max-width: 640px) {
    .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.7778rem;
      line-height: 0.8889rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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.8889rem;
      line-height: 1rem; } }
  .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: #fefefe; }
  .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.1667rem; }
  .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; }

.teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-map-teaser .teaser-title, .b-promo-teaser .teaser-title, .b-stage .stage-wrap .teaser-title {
  position: relative;
  z-index: 1;
  display: block;
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-weight: 700;
  color: #34393F;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out; }
  @media (max-width: 640px) {
    .teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-map-teaser .teaser-title, .b-promo-teaser .teaser-title, .b-stage .stage-wrap .teaser-title {
      margin-bottom: 8px;
      font-size: 1.2222rem;
      line-height: 1.4444rem;
      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.4444rem * 2 - 1px); } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-map-teaser .teaser-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.3333rem;
      line-height: 1.6667rem; } }
  .teaser-title:after, .b-dialog.x-dialog-epg .overlay-title:after, .b-map-teaser .teaser-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-map-teaser .teaser-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: "Helvetica-Neue", Arial, sans-serif;
    font-size: 1.2222rem;
    line-height: 1.4444rem; }
  .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; }

.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-family: "Helvetica-Neue", Arial, sans-serif;
  line-height: 1.4444rem; }
  @media (max-width: 640px) {
    .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: 0.8889rem;
      line-height: 1.2222rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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.4444rem; } }
  .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: #fefefe; }
    .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: #fefefe; }

.teaser-info {
  display: inline-block;
  font-weight: 700; }
  @media (max-width: 640px) {
    .teaser-info {
      font-size: 0.7222rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .teaser-info {
      font-size: 0.7778rem; } }
  .m-border.teaser-info {
    margin-right: 4px; }
    .m-border.teaser-info:after {
      margin-left: 4px;
      content: "|"; }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .teaser-link {
    position: absolute;
    bottom: 24px;
    left: 24px;
    margin: 0; } }

.teaser-foot {
  text-shadow: 0 2px 4px rgba(10, 10, 10, 0.4);
  color: #fefefe; }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .teaser-foot {
      position: absolute;
      top: -30px;
      right: 32px;
      left: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.7778rem; }
      .teaser-foot .icon {
        margin-right: 6px;
        line-height: 1.4444rem; } }

.b-dialog.x-dialog-epg .live-tag, .b-epg-timeline .live-tag {
  margin: 0 5px 0 0;
  border-radius: 2px;
  padding: 2px 4px;
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fefefe;
  background: #000; }

@media (max-width: 640px) {
  .b-tag-module, .b-topic-bar {
    padding: 0 16px; } }

@media (max-width: 640px) {
  .m-topics.b-tag-module, .m-topics.b-topic-bar {
    padding: 0 16px; } }

.m-topics.m-topspace.b-tag-module, .m-topics.m-topspace.b-topic-bar {
  margin-top: 32px; }

.m-topics.m-cat.b-tag-module .link, .m-topics.m-cat.b-topic-bar .link {
  background-color: #34393F; }

.m-topics.b-tag-module:not(.m-cat) .link, .m-topics.b-topic-bar:not(.m-cat) .link {
  background-color: #000; }

.m-topics.b-tag-module .item, .m-topics.b-topic-bar .item {
  display: inline-block; }

.m-topics.b-tag-module .link, .m-topics.b-topic-bar .link {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 0 8px;
  font-weight: 700;
  line-height: 1.3333rem;
  color: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .m-topics.b-tag-module .link.m-text-dark, .m-topics.b-topic-bar .link.m-text-dark {
    color: #34393F; }

.b-tag-module:not(.m-topics) .item, .b-topic-bar:not(.m-topics) .item {
  display: inline; }
  .b-tag-module:not(.m-topics) .item:after, .b-topic-bar:not(.m-topics) .item:after {
    position: relative;
    display: inline-block;
    margin-right: 3px;
    content: "|"; }
  .b-tag-module:not(.m-topics) .item:last-child:after, .b-topic-bar:not(.m-topics) .item:last-child:after {
    content: none; }

.b-tag-module:not(.m-topics) .link, .b-topic-bar:not(.m-topics) .link {
  margin: 0 5px 0 0;
  border-bottom: 1px solid transparent;
  line-height: 0.8889rem;
  color: #34393F;
  -webkit-transition: border 0.4s ease-in-out;
  transition: border 0.4s ease-in-out; }
  .b-tag-module:not(.m-topics) .link:hover, .b-topic-bar:not(.m-topics) .link:hover, .b-tag-module:not(.m-topics) .link:focus, .b-topic-bar:not(.m-topics) .link:focus {
    border-bottom: 1px solid #000; }

.b-tag-module .label, .b-topic-bar .label {
  margin-right: 10px;
  padding: 0;
  font-size: 0.8889rem;
  font-weight: 700;
  line-height: 0.8889rem;
  color: #34393F; }

.b-tag-module .link, .b-topic-bar .link {
  font-size: 0.8889rem; }

.box-shadow {
  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 {
  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 {
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-size: 0.7778rem;
  font-weight: 700;
  text-align: center;
  color: #fefefe;
  background-color: #000;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .tiny.button {
    display: inline-block;
    margin: 0 0 16px 0;
    padding: 4px 8px;
    font-size: 0.7778rem;
    line-height: 0.8889rem; }
  .small.button {
    display: inline-block;
    margin: 0 0 16px 0;
    padding: 8px 16px;
    font-size: 0.8889rem;
    line-height: 0.8889rem; }
  .medium.button {
    display: inline-block;
    margin: 0 0 16px 0;
    padding: 10px 16px;
    font-size: 1rem;
    line-height: 0.8889rem; }
  .round.button {
    border-radius: 4px; }
  .x-load-more.button {
    margin: 0; }
  .heute-btn.button {
    background-color: #34393F; }
  .text-only.button {
    margin: 0 0 16px 0;
    font-size: inherit;
    font-weight: 700;
    line-height: 2rem;
    color: inherit;
    background: none;
    background-color: transparent;
    border-bottom: none; }
    .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.7778rem;
      line-height: 0.8889rem;
      padding: 4px 0; }
    .text-only.small.button {
      font-size: 0.8889rem;
      line-height: 0.8889rem;
      padding: 8px 0; }
    .text-only.medium.button {
      font-size: 1rem;
      line-height: 0.8889rem;
      padding: 10px 0; }
  .as-link.button {
    margin: 0 0 16px 0;
    font-size: inherit;
    font-weight: 700;
    line-height: 2rem;
    color: inherit;
    background: none;
    background-color: transparent;
    border-bottom: none;
    text-decoration: underline; }
    .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.7778rem;
      line-height: 0.8889rem;
      padding: 4px 0; }
    .as-link.small.button {
      font-size: 0.8889rem;
      line-height: 0.8889rem;
      padding: 8px 0; }
    .as-link.medium.button {
      font-size: 1rem;
      line-height: 0.8889rem;
      padding: 10px 0; }
    .as-link.button:visited {
      color: inherit;
      border-bottom: none; }
  .square.button {
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px; }
    .square.button:hover {
      text-decoration: none; }
  .secondary.button {
    background-color: #5C6166; }
  .tertiary.button {
    color: #5C6166;
    background-color: #D4D5D5; }
  .button:hover:not(:disabled), .button:focus {
    text-decoration: underline;
    color: #fefefe; }
    .button:hover:not(:disabled):not(.m-keyboardfocus), .button:focus:not(.m-keyboardfocus) {
      outline: none; }
  .button:disabled {
    color: #fefefe;
    background-color: #96999C;
    cursor: default; }
  .primary.button {
    color: #fefefe;
    background-color: #FA7D19; }
  .circle.button {
    border-radius: 50%; }
    .circle.x-large.button {
      width: 96px;
      height: 96px;
      font-size: 60px;
      line-height: 96px; }
  @media screen and (max-width: 39.99875em) {
    .small-only-expanded.button {
      width: 100%; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .medium-only-expanded.button {
      width: 100%; } }
  @media 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 screen and (min-width: 64em) and (max-width: 74.99875em) {
    .large-only-expanded.button {
      width: 100%; } }
  @media screen and (max-width: 74.99875em) {
    .large-down-expanded.button {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .large-expanded.button {
      width: 100%; } }

form:invalid [type="submit"],
form:invalid .js-btn-submit {
  background-color: #96999C; }

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

form .fieldset {
  margin-bottom: 16px; }

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

form .form-field-caption {
  font-size: 0.7777777778rem;
  margin-bottom: 16px; }

.link-list {
  white-space: normal;
  color: #25292E; }
  @media (max-width: 640px) {
    .link-list {
      font-size: 13px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .link-list {
      font-size: 16px; } }
  .link-list a {
    text-decoration: underline;
    color: inherit;
    cursor: pointer; }
  .link-list a:nth-child(n+2):before {
    margin: 0 6px 0 3px;
    content: "|"; }

.overlay-base {
  color: #fefefe;
  background-color: rgba(37, 41, 46, 0.8); }
  @media (max-width: 640px) {
    .overlay-base {
      padding: 24px 16px 8px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .overlay-base {
      padding: 16px 16px 0; } }

.panel-base-visibility[aria-hidden="true"] {
  display: none; }

.panel-base-opaque {
  color: #5C6166;
  background-color: #D4D5D5; }
  @media (max-width: 640px) {
    .panel-base-opaque {
      padding: 16px 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .panel-base-opaque {
      padding: 16px 16px; } }

.panel-light {
  background-color: rgba(254, 254, 254, 0.2);
  margin: 32px 0;
  line-height: 1.3333rem;
  padding: 16px; }
  @media print, screen and (min-width: 40em) {
    .panel-light {
      margin: 64px 0; } }

@media (min-width: 1024px) {
  .large-v-space-standard {
    margin-bottom: 16px; }
  .large-v-space-small {
    margin-bottom: 10px; }
  .large-v-space-medium {
    margin-bottom: 32px; }
  .large-v-space-large {
    margin-bottom: 48px; }
  .large-v-space-xlarge {
    margin-bottom: 96px; } }

@media (min-width: 641px) {
  .medium-v-space-standard {
    margin-bottom: 16px; }
  .medium-v-space-small {
    margin-bottom: 10px; }
  .medium-v-space-medium {
    margin-bottom: 32px; }
  .medium-v-space-large {
    margin-bottom: 48px; }
  .medium-v-space-xlarge {
    margin-bottom: 96px; } }

@media (min-width: 320px) {
  .small-v-space-standard {
    margin-bottom: 16px; }
  .small-v-space-small {
    margin-bottom: 10px; }
  .small-v-space-medium {
    margin-bottom: 32px; }
  .small-v-space-large {
    margin-bottom: 48px; }
  .small-v-space-xlarge {
    margin-bottom: 96px; } }

@media (min-width: 1024px) {
  .large-only-v-space-standard {
    margin-bottom: 16px; }
  .large-only-v-space-small {
    margin-bottom: 10px; }
  .large-only-v-space-medium {
    margin-bottom: 32px; }
  .large-only-v-space-large {
    margin-bottom: 48px; }
  .large-only-v-space-xlarge {
    margin-bottom: 96px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .medium-only-v-space-standard {
    margin-bottom: 16px; }
  .medium-only-v-space-small {
    margin-bottom: 10px; }
  .medium-only-v-space-medium {
    margin-bottom: 32px; }
  .medium-only-v-space-large {
    margin-bottom: 48px; }
  .medium-only-v-space-xlarge {
    margin-bottom: 96px; } }

@media (min-width: 320px) and (max-width: 640px) {
  .small-only-v-space-standard {
    margin-bottom: 16px; }
  .small-only-v-space-small {
    margin-bottom: 10px; }
  .small-only-v-space-medium {
    margin-bottom: 32px; }
  .small-only-v-space-large {
    margin-bottom: 48px; }
  .small-only-v-space-xlarge {
    margin-bottom: 96px; } }

@media (min-width: 1024px) {
  .large-h-space-standard {
    padding-right: 16px;
    padding-left: 16px; }
  .large-h-space-small {
    padding-right: 10px;
    padding-left: 10px; }
  .large-h-space-medium {
    padding-right: 32px;
    padding-left: 32px; }
  .large-h-space-large {
    padding-right: 48px;
    padding-left: 48px; }
  .large-h-space-xlarge {
    padding-right: 96px;
    padding-left: 96px; } }

@media (min-width: 641px) {
  .medium-h-space-standard {
    padding-right: 16px;
    padding-left: 16px; }
  .medium-h-space-small {
    padding-right: 10px;
    padding-left: 10px; }
  .medium-h-space-medium {
    padding-right: 32px;
    padding-left: 32px; }
  .medium-h-space-large {
    padding-right: 48px;
    padding-left: 48px; }
  .medium-h-space-xlarge {
    padding-right: 96px;
    padding-left: 96px; } }

@media (min-width: 320px) {
  .small-h-space-standard {
    padding-right: 16px;
    padding-left: 16px; }
  .small-h-space-small {
    padding-right: 10px;
    padding-left: 10px; }
  .small-h-space-medium {
    padding-right: 32px;
    padding-left: 32px; }
  .small-h-space-large {
    padding-right: 48px;
    padding-left: 48px; }
  .small-h-space-xlarge {
    padding-right: 96px;
    padding-left: 96px; } }

@media (min-width: 1024px) {
  .large-only-h-space-standard {
    padding-right: 16px;
    padding-left: 16px; }
  .large-only-h-space-small {
    padding-right: 10px;
    padding-left: 10px; }
  .large-only-h-space-medium {
    padding-right: 32px;
    padding-left: 32px; }
  .large-only-h-space-large {
    padding-right: 48px;
    padding-left: 48px; }
  .large-only-h-space-xlarge {
    padding-right: 96px;
    padding-left: 96px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .medium-only-h-space-standard {
    padding-right: 16px;
    padding-left: 16px; }
  .medium-only-h-space-small {
    padding-right: 10px;
    padding-left: 10px; }
  .medium-only-h-space-medium {
    padding-right: 32px;
    padding-left: 32px; }
  .medium-only-h-space-large {
    padding-right: 48px;
    padding-left: 48px; }
  .medium-only-h-space-xlarge {
    padding-right: 96px;
    padding-left: 96px; } }

@media (min-width: 320px) and (max-width: 640px) {
  .small-only-h-space-standard {
    padding-right: 16px;
    padding-left: 16px; }
  .small-only-h-space-small {
    padding-right: 10px;
    padding-left: 10px; }
  .small-only-h-space-medium {
    padding-right: 32px;
    padding-left: 32px; }
  .small-only-h-space-large {
    padding-right: 48px;
    padding-left: 48px; }
  .small-only-h-space-xlarge {
    padding-right: 96px;
    padding-left: 96px; } }

.x-margin-collapse {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.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,
div,
span,
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,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
  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: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  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: 18px;
  line-height: 1.3333333333rem; }
  @media (min-width: 1024px) {
    html {
      overflow-y: scroll; } }
  html:not(.m-phone) .b-plus-button .plus-child-item.m-whatsapp {
    display: none; }
  @media (max-width: 640px) {
    html.x-tivi-app .b-cluster .cluster-title::before,
    html body.x-tivi .b-cluster .cluster-title::before {
      margin-right: 6px;
      font-size: 1.2222rem; }
    html.x-tivi-app .b-content-teaser-list .title .avatar-image,
    html body.x-tivi .b-content-teaser-list .title .avatar-image {
      margin-right: 6px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    html.x-tivi-app .b-cluster .cluster-title::before,
    html body.x-tivi .b-cluster .cluster-title::before {
      margin-right: 10px;
      font-size: 1.5556rem; }
    html.x-tivi-app .b-content-teaser-list .title .avatar-image,
    html body.x-tivi .b-content-teaser-list .title .avatar-image {
      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.x-tivi-app .b-content-teaser-list .title,
  html.x-tivi-app .b-content-teaser-list .title .avatar-image,
  html body.x-tivi .b-content-teaser-list .title,
  html body.x-tivi .b-content-teaser-list .title .avatar-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  html.x-tivi-app .b-content-teaser-list .title .avatar-image,
  html body.x-tivi .b-content-teaser-list .title .avatar-image {
    float: left; }
  html:not(.x-tivi-app) body.x-tivi-web .b-registration #agb2,
  html:not(.x-tivi-app) body.x-tivi-web .b-registration #agb2 + .checkbox-label,
  html:not(.x-tivi-app) body.x-tivi-web .b-registration #data2,
  html:not(.x-tivi-app) body.x-tivi-web .b-registration #data2 + .checkbox-label {
    display: none; }
  html:not(.x-tivi-app) body.x-tivi-web .b-header .top-bar-section .right-nav .dropdown-item:nth-child(2),
  html:not(.x-tivi-app) body.x-tivi-web .js-offcanvas-panel .right-nav .dropdown-item:nth-child(2),
  html:not(.x-tivi-app) body.x-tivi-web .kids-profile {
    display: none; }
  html:not(.x-tivi-app) body.x-tivi-web .b-login .toggle-wrap {
    position: absolute; }
  html:not(.x-tivi-app) body.x-tivi-web .b-login .login-submit {
    float: right;
    width: auto;
    margin-bottom: 0; }
  html:not(.x-tivi-app) body.x-tivi-web .b-login .tivi-submit {
    display: none; }
  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; }

body.x-heute .b-stage .stage-wrap.m-large .teaser-text {
  display: block;
  margin-bottom: 16px; }

*,
*: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: "Helvetica-Neue", Arial, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #34393F;
  background-color: #E8E8E8;
  text-rendering: optimizeLegibility; }
  @media (max-width: 640px) {
    body {
      font-size: 0.8889rem;
      line-height: 1.2222rem; }
      body .mobile-box {
        padding: 0 16px; }
      body .load-more-container {
        padding-top: 16px;
        text-align: center; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    body .main {
      padding-top: 50px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    body {
      font-size: 1rem;
      line-height: 1.3333rem; } }
  @media (min-width: 1024px) {
    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; }
    body.m-css-test .b-panorama-teaser .teaser-label {
      padding: 0 6px; }
      body.m-css-test .b-panorama-teaser .teaser-label .icon {
        display: none; }

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

@media (max-width: 640px) {
  .post-page {
    position: relative; } }

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

@media (max-width: 640px) {
  .oauth-content p {
    padding: 0 16px; } }

/**
 * General text renderings
 *
 */
@media (max-width: 640px) {
  p {
    margin-bottom: 24px;
    line-height: 1.2222rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  p {
    margin-bottom: 32px;
    line-height: 1.4444rem; } }

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

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

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

.input {
  height: 40px;
  margin: 0 0 16px;
  border: none;
  border-radius: 0;
  padding: 8px 16px;
  color: #34393F;
  -webkit-transition: border-color 400ms;
  transition: border-color 400ms; }
  @media (max-width: 640px) {
    .input {
      font-size: 0.8889rem;
      line-height: 1.2222rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .input {
      font-size: 1rem;
      line-height: 1.2222rem; } }
  .input:focus {
    outline: 2px solid #000; }
  .input.error {
    position: relative;
    outline: 2px solid #f11010; }
    .input.error:hover, .input.error:focus {
      outline: 2px solid #f11010; }
  .input::-webkit-input-placeholder {
    color: #96999C; }
  .input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #96999C; }
  .input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    color: #96999C; }
  .input:-ms-input-placeholder {
    color: #96999C; }

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

input,
textarea,
blockquote {
  font-family: "Helvetica-Neue", Arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

small {
  font-size: 70%; }

mark {
  padding: 0 2px;
  color: #34393F;
  background-color: #fefefe; }

sup,
sub {
  position: relative;
  font-size: 10px;
  line-height: 10px; }

sup {
  top: -10px; }

sub {
  top: 4px; }

abbr[title],
acronym[title] {
  text-decoration: none; }

hr {
  clear: both;
  max-width: 64rem;
  height: 0;
  margin: 1.3333333333rem 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; }

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

/** TODO remove and use foundation visibility classes instead **/
@media screen and (min-width: 0) and (max-width: 640px) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (min-width: 641px) {
  .show-for-small-only {
    display: none; } }

@media screen and (min-width: 641px) {
  .hide-for-medium {
    display: none; } }

@media screen and (max-width: 640px) {
  .show-for-medium {
    display: none; } }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .hide-for-medium-only {
    display: none; } }

@media screen and (max-width: 640px), screen and (min-width: 1024px) {
  .show-for-medium-only {
    display: none; } }

@media screen and (min-width: 1024px) {
  .hide-for-large {
    display: none; } }

@media screen and (max-width: 1023px) {
  .show-for-large {
    display: none; } }

@media screen and (min-width: 1024px) {
  .hide-for-large-only {
    display: none; } }

@media screen and (max-width: 1023px) {
  .show-for-large-only {
    display: none; } }

html:not(.m-logged-in) .hide-for-anonymous,
html.m-logged-in .hide-for-logged-in {
  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; }

html.m-anonymous:not(.x-tivi-profile) .hide-for-anonymous-kids {
  display: none !important; }

.jail {
  position: relative; }

.nowrap {
  padding-left: 4px;
  white-space: nowrap; }

/**
 * Skiplinks Setup
 */
#skiplinks {
  position: absolute;
  top: 0;
  left: -9999px;
  z-index: 1000;
  width: 100%;
  margin: 0;
  padding: 0;
  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: "Helvetica-Neue", Arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  background-color: transparent; }
  button:not(.m-keyboardfocus) {
    outline: none; }

.label {
  display: inline-block; }

.artdirect source {
  visibility: hidden; }

.load-more {
  position: relative;
  z-index: 1; }

@media screen and (max-width: 39.99875em) {
  .teaser-background-small, .b-group-news-opener .teaser-container.teaser-background-small {
    background-color: #fefefe; }
    .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: #0a0a0a; }
    .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: #fefefe; } }

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

.teaser-tag-grey {
  width: 36px;
  margin: 0 4px 0 0;
  padding: 0; }
  .teaser-tag-grey .tag {
    display: block;
    width: 100%; }

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

.special-info {
  line-height: 0.8889rem; }
  @media (max-width: 640px) {
    .special-info {
      font-size: 0.7222rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .special-info {
      font-size: 0.7778rem; } }

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

.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: #fefefe;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fefefe), color-stop(42%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #fefefe 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #fefefe 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: #fefefe;
    content: ""; }
  .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(10, 10, 10, 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: #fefefe;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased; }
      @media (max-width: 640px) {
        .b-playerbox .player-disabled-info .disabled-text {
          font-size: 18px; } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-playerbox .player-disabled-info .disabled-text {
          font-size: 20px; } }

.float-right {
  float: right; }

.float-left {
  float: left; }

@media (min-width: 1375px) {
  html::after {
    content: "news";
    display: none !important; } }

@media (min-width: 1153px) and (max-width: 1375px) {
  html::after {
    content: "news-medium";
    display: none !important; } }

@media (min-width: 1024px) and (max-width: 1152px) {
  html::after {
    content: "news-small";
    display: none !important; } }

@media (min-width: 1153px) {
  html::after {
    content: "tivi";
    display: none !important; } }

@media (min-width: 1024px) {
  html::after {
    content: "desktop";
    display: none !important; } }

@media (min-width: 800px) and (max-width: 1023px) {
  html::after {
    content: "big-tablet";
    display: none !important; } }

@media (min-width: 641px) and (max-width: 1023px) {
  html::after {
    content: "tablet";
    display: none !important; } }

@media (max-width: 640px) {
  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":{"news": "(min-width:1375px)","news-medium": "(min-width: 1153px) and (max-width: 1375px)","news-small": "(min-width:1024px) and (max-width:1152px)","tivi": "(min-width:1153px)","desktop": "(min-width:1024px)","big-tablet": "(min-width:800px) and (max-width:1023px)","tablet": "(min-width:641px) and (max-width:1023px)","mobile": "(max-width:640px)","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":{"news": "(min-width:1375px)","news-medium": "(min-width: 1153px) and (max-width: 1375px)","news-small": "(min-width:1024px) and (max-width:1152px)","tivi": "(min-width:1153px)","desktop": "(min-width:1024px)","big-tablet": "(min-width:800px) and (max-width:1023px)","tablet": "(min-width:641px) and (max-width:1023px)","mobile": "(max-width:640px)","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":{"news": "(min-width:1375px)","news-medium": "(min-width: 1153px) and (max-width: 1375px)","news-small": "(min-width:1024px) and (max-width:1152px)","tivi": "(min-width:1153px)","desktop": "(min-width:1024px)","big-tablet": "(min-width:800px) and (max-width:1023px)","tablet": "(min-width:641px) and (max-width:1023px)","mobile": "(max-width:640px)","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: 64rem;
  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 (max-width: 640px) {
  .x-row .x-row {
    margin-right: 0;
    margin-left: 0; }
  .x-column {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .x-row .x-row {
    margin-right: -6px;
    margin-left: -6px; }
  .x-column {
    padding-right: 6px;
    padding-left: 6px; } }

@media (min-width: 1024px) {
  .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 (max-width: 640px) {
  .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 .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; }
  .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: #061A4C;
  color: #fefefe;
  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: bold;
    color: #fefefe; }
  .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 - 5px); }
    @media print, screen and (min-width: 40em) {
      .b-ard-teaser .text {
        width: calc(100% - 175px - 64px - 5px); } }
    .b-ard-teaser .text:hover {
      text-decoration: underline; }
  .b-ard-teaser .ard-text {
    font-weight: normal; }
  @media 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 (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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 (min-width: 1024px) {
  .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 (min-width: 641px) and (max-width: 1023px) {
  .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 (max-width: 640px) {
  .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;
  font-size: 0.8889rem;
  position: absolute;
  bottom: 8px;
  color: #34393F; }
  @media print, screen and (min-width: 40em) {
    .author-icon {
      bottom: 16px; } }
  .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%; }

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

.b-brand-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 640px) {
    .b-brand-information .logo-wrapper {
      width: 80px;
      height: 80px;
      border-radius: 50% !important; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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 {
    max-width: 200px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .b-brand-information .showlink-wrap {
    margin-bottom: 8px;
    font-size: 0.8889rem;
    font-weight: 700;
    line-height: 0.8889rem;
    color: #34393F; }
  .b-brand-information .showlink {
    display: inline-block;
    margin: 0;
    border-bottom: 1px solid transparent;
    font-size: 0.8889rem;
    font-weight: 700;
    line-height: 0.8889rem;
    color: #34393F;
    -webkit-transition: border 0.4s ease-in-out;
    transition: border 0.4s ease-in-out; }
    .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: 0.8889rem;
    line-height: 1.2222rem;
    color: #34393F; }

.b-breadcrumbs {
  padding-top: 32px; }
  @media (max-width: 640px) {
    .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.7222rem;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .b-breadcrumbs .breadcrumbs .item:not(:last-child):after {
            margin: 0 8px 0 5px; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .b-breadcrumbs .link {
      white-space: nowrap; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-breadcrumbs .breadcrumbs {
      font-size: 0.7778rem; }
      .b-breadcrumbs .breadcrumbs .item:not(:last-child):after {
        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.7778rem;
    text-transform: initial; }
    .b-breadcrumbs .item:last-child,
    .b-breadcrumbs .item:last-child .no-link {
      font-weight: 700;
      color: #5C6166; }
    .b-breadcrumbs .item:not(:last-child):after {
      position: relative;
      top: 0;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "zdf-iconfont" !important;
      font-size: 10px;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      text-transform: none;
      color: #34393F;
      content: "";
      speak: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .b-breadcrumbs .link {
    margin: 0;
    border-bottom: 1px solid transparent;
    font-family: Arial, sans-serif;
    color: #34393F;
    -webkit-transition: border 0.4s ease-in-out;
    transition: border 0.4s ease-in-out; }
    .b-breadcrumbs .link:hover, .b-breadcrumbs .link:focus {
      border-bottom: 1px solid #000;
      color: #34393F; }
  .b-breadcrumbs .no-link {
    margin: 0;
    border-bottom: 1px solid transparent;
    font-family: Arial, sans-serif;
    color: #34393F; }

@media (max-width: 640px) {
  .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.1111rem;
      line-height: 1.1111rem; }
  .b-broadcast-module .load-more {
    margin: 16px 0 0 0; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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.4444rem;
      line-height: 1.8889rem; }
    .b-broadcast-module .broadcast-item .broadcast-title {
      line-height: 1.4444rem; }
  .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: #fefefe;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto; }
  .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; }

.b-broadcast-module .load-more-container {
  text-align: center; }

.b-calendar {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  z-index: 99;
  visibility: hidden;
  width: 100%;
  height: 100%;
  outline: none;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s; }
  @media (max-width: 640px) {
    .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.2222rem; }
    .b-calendar .calendar-btn-header {
      font-size: 1.2222rem; }
    .b-calendar .calendar-btn-close {
      top: 9px;
      font-size: 1.2222rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-calendar .calendar-caption {
      height: 50px;
      line-height: 50px; }
    .b-calendar .calendar-btn-prev,
    .b-calendar .calendar-btn-next {
      margin: 10px 16px 0;
      font-size: 1.3333rem; }
    .b-calendar .calendar-btn-close {
      top: 12px;
      font-size: 1.3333rem; } }
  .b-calendar .calendar-outerbox {
    content: '{"name": "calendar"}' !important;
    position: relative;
    width: 65%;
    min-width: 350px;
    max-width: 600px;
    margin: 0 auto;
    border-spacing: 0;
    background-color: #fefefe;
    -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; }
  .b-calendar.m-open {
    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 {
    padding: 0 10px;
    font-weight: 700;
    text-align: center;
    color: #fefefe;
    background: #25292E; }
  .b-calendar .calendar-btn-prev,
  .b-calendar .calendar-btn-next {
    height: 30px;
    font-weight: inherit;
    line-height: 30px;
    color: inherit;
    cursor: pointer; }
    .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.3333rem; }
  .b-calendar .calendar-btn-close {
    position: absolute;
    right: 16px;
    width: 24px;
    height: 24px;
    color: #fefefe;
    cursor: pointer; }
    .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; }
  .b-calendar th {
    padding: 8px;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    color: #96999C; }
  .b-calendar .tbody tr {
    background-color: #fefefe; }
  .b-calendar td {
    padding: 0;
    font-size: 1.4444rem;
    text-align: center; }
  .b-calendar .calendar-cellbox {
    width: 50px;
    height: 50px;
    outline: none;
    margin: 0;
    border-radius: 50%;
    padding: 0;
    font-size: 1.4444rem;
    font-weight: 400;
    line-height: 50px;
    color: #34393F;
    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; }
    .b-calendar .calendar-cellbox:hover, .b-calendar .calendar-cellbox:focus, .b-calendar .calendar-cellbox[aria-selected="true"] {
      color: #fefefe;
      background-color: #000; }
    .b-calendar .calendar-cellbox[aria-selected="true"] {
      width: 48px;
      height: 48px;
      border: 1px solid #000;
      font-weight: 700;
      line-height: 48px; }
    .b-calendar .calendar-cellbox.m-keyboardfocus {
      outline: 1px solid #000; }
  .b-calendar .m-othermonth .calendar-cellbox,
  .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; }
  .b-calendar .calendar-cellbox:disabled {
    cursor: default; }

.b-calendarpicker {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  z-index: 99;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  outline: none;
  background-color: rgba(37, 41, 46, 0.8);
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s; }
  @media (max-width: 640px) {
    .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.2222rem; }
    .b-calendarpicker .calendar-btn-header {
      font-size: 1.2222rem; }
    .b-calendarpicker .calendar-btn-close {
      top: 9px;
      font-size: 1.2222rem; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .b-calendarpicker {
      top: 0; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-calendarpicker .calendar-caption {
      height: 50px;
      line-height: 50px; }
    .b-calendarpicker .calendar-btn-prev,
    .b-calendarpicker .calendar-btn-next {
      margin: 10px 16px 0;
      font-size: 1.3333rem; }
    .b-calendarpicker .calendar-btn-close {
      top: 12px;
      font-size: 1.3333rem; } }
  @media (min-width: 1024px) {
    .b-calendarpicker {
      top: 168px; } }
  .b-calendarpicker .calendar-outerbox {
    content: '{"name": "calendar"}' !important;
    position: relative;
    width: 65%;
    min-width: 350px;
    max-width: 600px;
    margin: 0 auto;
    border-spacing: 0;
    background-color: #fefefe;
    -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; }
  .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 {
    padding: 0 10px;
    font-weight: 700;
    text-align: center;
    color: #fefefe;
    background: #25292E; }
  .b-calendarpicker .calendar-btn-prev,
  .b-calendarpicker .calendar-btn-next {
    height: 30px;
    font-weight: inherit;
    line-height: 30px;
    color: inherit;
    cursor: pointer; }
  .b-calendarpicker .calendar-btn-header {
    display: inline-block;
    min-width: 188px;
    font-size: 1.3333rem; }
  .b-calendarpicker .calendar-btn-close {
    position: absolute;
    right: 16px;
    width: 24px;
    height: 24px;
    color: #fefefe;
    cursor: pointer; }
    .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; }
  .b-calendarpicker th {
    padding: 8px;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    color: #96999C; }
  .b-calendarpicker .tbody tr {
    background-color: #fefefe; }
  .b-calendarpicker td {
    padding: 0;
    font-size: 1.4444rem;
    text-align: center; }
  .b-calendarpicker .calendar-cellbox {
    width: 50px;
    height: 50px;
    outline: none;
    margin: 0;
    border-radius: 25px;
    padding: 0;
    font-size: 1.4444rem;
    font-weight: 400;
    line-height: 50px;
    color: #34393F;
    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; }
    .b-calendarpicker .calendar-cellbox:hover, .b-calendarpicker .calendar-cellbox.m-keyboardfocus, .b-calendarpicker .calendar-cellbox[aria-selected="true"] {
      color: #fefefe;
      background-color: #000; }
    .b-calendarpicker .calendar-cellbox:focus:not(.m-keyboardfocus) {
      color: #34393F;
      background-color: transparent; }
      .b-calendarpicker .calendar-cellbox:focus:not(.m-keyboardfocus):hover {
        color: #fefefe;
        background-color: #000; }
    .b-calendarpicker .calendar-cellbox[aria-selected="true"] {
      font-weight: 700; }
      .b-calendarpicker .calendar-cellbox[aria-selected="true"]:focus {
        color: #fefefe;
        background-color: #FFFF00; }
    .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; }
    .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; }

@media (max-width: 640px) {
  .b-cluster-info {
    position: relative; }
    .b-cluster-info .info-toggle {
      margin-top: 16px;
      padding: 0 16px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-cluster-info .info-toggle {
    margin-top: 32px; } }

.b-cluster-info p a {
  border-bottom: 1px solid #000;
  -webkit-backface-visibility: hidden;
  -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  color: #34393F; }
  .b-cluster-info p a:hover, .b-cluster-info p a:focus {
    border-bottom: 1px dotted #000;
    color: #000;
    text-decoration: none; }
  .b-cluster-info p a:visited {
    border-bottom: 1px solid #5C6166;
    color: #5C6166;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
    .b-cluster-info p a:visited:hover, .b-cluster-info p a:visited:focus {
      border-bottom: 1px dotted #000;
      color: #000; }

/** WHAT THE FUCKING HELL?! */
.b-cluster-teaser {
  width: 320px;
  min-width: 320px;
  height: 100%;
  position: relative;
  display: block;
  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 (max-width: 640px) {
    .b-cluster-teaser {
      width: 100%;
      height: 120px; } }
  @media (max-width: 640px) {
    .b-cluster-teaser {
      margin: 0 0 2px 0;
      padding-left: 107px; }
      .b-cluster-teaser .bottom-teaser-box {
        position: relative;
        height: 100%; }
      .b-cluster-teaser.x-stoerer, .b-cluster-teaser.x-news, .b-cluster-teaser.x-weather, .b-cluster-teaser.x-social, .b-cluster-teaser.x-vote, .b-cluster-teaser.x-blockquote, .b-cluster-teaser.x-score, .b-cluster-teaser.x-highlight, .b-cluster-teaser.x-noimage {
        height: auto;
        padding-left: 0; }
        .b-cluster-teaser.x-stoerer .teaser-text, .b-cluster-teaser.x-news .teaser-text, .b-cluster-teaser.x-weather .teaser-text, .b-cluster-teaser.x-social .teaser-text, .b-cluster-teaser.x-vote .teaser-text, .b-cluster-teaser.x-blockquote .teaser-text, .b-cluster-teaser.x-score .teaser-text, .b-cluster-teaser.x-highlight .teaser-text, .b-cluster-teaser.x-noimage .teaser-text {
          visibility: visible;
          display: inline-block; }
      .b-cluster-teaser.x-vote .box-table-inner {
        padding-bottom: 64px; }
      .b-cluster-teaser.x-vote .button.teaser-link {
        left: 16px; }
      .b-cluster-teaser.x-last .box {
        padding-top: 40px; }
      .b-cluster-teaser:nth-child(even):not(.m-even):not(.m-odd) .box, .b-cluster-teaser.m-even .box {
        background-color: #D4D5D5; }
      .b-cluster-teaser .box {
        padding: 16px;
        background-color: #fefefe; }
      .b-cluster-teaser:not(.x-highlight):not(.x-noimage) .ratio-wrap {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 107px;
        height: 120px; }
        .b-cluster-teaser:not(.x-highlight):not(.x-noimage) .ratio-wrap > .b-ratiobox {
          padding-bottom: 112.5%; }
        .b-cluster-teaser:not(.x-highlight):not(.x-noimage) .ratio-wrap .m-8-9 {
          visibility: visible; }
      .b-cluster-teaser .teaser-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        top: initial;
        bottom: 8px;
        height: 20px;
        font-size: 0.7222rem;
        line-height: 20px; }
      .b-cluster-teaser .teaser-title-link {
        display: block;
        font-size: 0.8889rem;
        line-height: 1.2222rem; }
        .b-cluster-teaser .teaser-title-link .title-icon {
          height: 20px;
          font-size: 0.8889rem;
          line-height: 1.2222rem; }
      .b-cluster-teaser .teaser-text {
        display: none; }
      .b-cluster-teaser .teaser-foot {
        overflow: hidden;
        position: absolute;
        bottom: 10px;
        left: -97px;
        font-size: 0.7222rem;
        line-height: 1.1111rem;
        white-space: nowrap; }
        .b-cluster-teaser .teaser-foot .icon,
        .b-cluster-teaser .teaser-foot .time-label,
        .b-cluster-teaser .teaser-foot .teaser-info-stop-time {
          display: none; }
      .b-cluster-teaser.x-large .b-ratiobox: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-cluster-teaser.x-large .teaser-cat.m-light {
        color: #34393F; }
      .b-cluster-teaser.x-large .teaser-title-link.m-keyboardfocus {
        outline-color: #000; }
      .b-cluster-teaser.x-large:first-child .image-teaser {
        position: relative;
        display: block; }
      .b-cluster-teaser.x-large.x-vote .teaser-link {
        margin: 16px 0 0; }
      .b-cluster-teaser.x-blockquote .teaser-cat {
        margin-bottom: 16px; }
      .b-cluster-teaser.x-blockquote .teaser-title {
        overflow: hidden;
        margin-bottom: 0; }
      .b-cluster-teaser.x-news .teaser-title-link {
        font-size: 0.8889rem;
        line-height: 1.3333rem; }
      .b-cluster-teaser.x-news .news-container .teaser-title:first-child {
        margin-bottom: 24px; }
      .b-cluster-teaser.x-news .news-container .teaser-title:not(:first-child) {
        display: none; }
      .b-cluster-teaser.x-news .news-logo {
        position: inherit; }
      .b-cluster-teaser.x-weather .box {
        padding-top: 32px;
        background: transparent url(/static/0.58.4923/img/teaser/wetter-small.jpg) no-repeat scroll 50% 50%;
        background-position: center bottom; }
      .b-cluster-teaser.x-weather .select-wrap {
        float: left;
        margin: 0 16px 16px 0; }
      .b-cluster-teaser.x-weather .temperature {
        font-size: 2rem;
        line-height: 1.5556rem; }
      .b-cluster-teaser.x-weather .celsius {
        margin: 0 5px;
        font-size: 1.2222rem;
        line-height: 1.2222rem; }
      .b-cluster-teaser.x-weather .weather-icon {
        width: 24px;
        height: 24px;
        margin-top: -2px;
        font-size: 24px;
        line-height: 21px; }
      .b-cluster-teaser.x-weather .teaser-text {
        display: block;
        margin: 0; }
      .b-cluster-teaser.x-weather .news-logo {
        margin: 30px 0 0; }
      .b-cluster-teaser.x-news .box {
        overflow: auto; }
      .b-cluster-teaser.x-news .news-button {
        font-size: 0.7222rem;
        line-height: 0.8889rem; }
        .b-cluster-teaser.x-news .news-button .icon {
          margin: 1px 0 0 0;
          font-size: 0.8889rem; }
      .b-cluster-teaser.x-score .artdirect {
        display: none; }
      .b-cluster-teaser.x-stoerer .box {
        background: #999999 url(/static/0.58.4923/img/teaser/404-small.png) no-repeat scroll 100% 50%; }
      .b-cluster-teaser.x-newsstream .special-info {
        bottom: 12px; }
      .b-cluster-teaser.x-newsstream.x-highlight .box, .b-cluster-teaser.x-newsstream.x-noimage .box {
        padding-bottom: 24px; }
      .b-cluster-teaser.x-newsstream.x-highlight .teaser-foot, .b-cluster-teaser.x-newsstream.x-noimage .teaser-foot {
        bottom: 16px; }
      .b-cluster-teaser.x-newsstream.x-highlight .has-label .teaser-label,
      .b-cluster-teaser.x-newsstream.x-highlight .has-label .news-label {
        top: -12px;
        bottom: initial;
        left: initial;
        width: initial; }
      .b-cluster-teaser.x-newsstream.x-social .box {
        padding-bottom: 48px; }
      .b-cluster-teaser.x-newsstream.x-social .teaser-foot {
        bottom: 16px; }
      .b-cluster-teaser.x-newsstream.x-noimage:not(x-social) .has-label, .b-cluster-teaser.x-newsstream.x-noimage.x-highlight:not(x-social) .has-label {
        padding-top: 0; }
        .b-cluster-teaser.x-newsstream.x-noimage:not(x-social) .has-label .teaser-label, .b-cluster-teaser.x-newsstream.x-noimage.x-highlight:not(x-social) .has-label .teaser-label {
          position: relative;
          top: 0;
          bottom: initial;
          left: initial;
          width: initial;
          margin-bottom: 8px; }
      .b-cluster-teaser.x-newsstream.x-noimage:not(x-social) .artdirect, .b-cluster-teaser.x-newsstream.x-noimage.x-highlight:not(x-social) .artdirect {
        display: none; }
      .b-cluster-teaser.m-placeholder.lazyload, .b-cluster-teaser.m-placeholder.lazyloading {
        width: 100%;
        height: 120px; }
      .b-cluster-teaser .b-plus-button,
      .b-cluster-teaser .b-plus-button.m-small {
        bottom: 0; }
      .b-cluster-teaser.x-vertical .b-ratiobox: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-cluster-teaser.x-vertical .special-info {
        position: absolute;
        bottom: 12px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-cluster-teaser {
      overflow: hidden;
      background-color: #25292E; }
      .b-cluster-teaser:not(:last-child) {
        margin-right: 2px; }
      .b-cluster-teaser .ratio-wrap {
        position: relative; }
      .b-cluster-teaser .image-teaser {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: auto; }
      .b-cluster-teaser .artdirect.m-nosplit .m-8-9 {
        visibility: visible; }
      .b-cluster-teaser .artdirect.m-nosplit .m-16-9 {
        visibility: hidden; }
      .b-cluster-teaser .artdirect .m-16-9 {
        visibility: visible; }
      .b-cluster-teaser .box {
        padding: 24px;
        background-color: rgba(37, 41, 46, 0.8); }
        .b-cluster-teaser .box .news-logo {
          position: absolute; }
      .b-cluster-teaser .bottom-teaser-box {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50%; }
      .b-cluster-teaser .teaser-title,
      .b-cluster-teaser .teaser-title-link {
        font-size: 1.2222rem;
        color: #fefefe; }
      .b-cluster-teaser .teaser-text {
        color: #fefefe; }
      .b-cluster-teaser .teaser-label {
        max-width: calc(100% - 74px); }
      .b-cluster-teaser.x-stoerer .teaser-text, .b-cluster-teaser.x-news .teaser-text, .b-cluster-teaser.x-weather .teaser-text, .b-cluster-teaser.x-social .teaser-text, .b-cluster-teaser.x-vote .teaser-text, .b-cluster-teaser.x-blockquote .teaser-text, .b-cluster-teaser.x-score .teaser-text, .b-cluster-teaser.x-highlight .teaser-text, .b-cluster-teaser.x-noimage .teaser-text {
        visibility: visible; }
      .b-cluster-teaser .news-logo {
        bottom: 24px;
        left: 24px; }
      .b-cluster-teaser.x-vertical {
        width: 320px;
        height: 100%;
        contain: strict;
        /* + .x-vertical {
                .box {
                    background-color: $gainsboro;
                }

                .teaser-title-link {
                    color: $carrier-three;
                }

                + .x-vertical {
                    .box {
                        background-color: $white;
                    }
                }
            } */ }
        .b-cluster-teaser.x-vertical .b-ratiobox:before {
          position: absolute;
          bottom: 0;
          z-index: 2;
          width: 100%;
          height: 60px;
          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-cluster-teaser.x-vertical .image-teaser {
          width: 100%;
          height: auto; }
        .b-cluster-teaser.x-vertical .bottom-teaser-box {
          display: block;
          width: 100%;
          height: 50%; }
        .b-cluster-teaser.x-vertical .box {
          background-color: #fefefe;
          -webkit-transition: background-color 500ms;
          transition: background-color 500ms; }
        .b-cluster-teaser.x-vertical .teaser-title,
        .b-cluster-teaser.x-vertical .teaser-title-link,
        .b-cluster-teaser.x-vertical .teaser-text {
          color: #34393F; }
        .b-cluster-teaser.x-vertical:not(.x-newsstream):nth-child(even):not(.m-even):not(.m-odd) .box, .b-cluster-teaser.x-vertical:not(.x-newsstream).m-even .box {
          background-color: #D4D5D5; }
        .b-cluster-teaser.x-vertical.x-newsstream.x-social .box {
          background-color: #fefefe; }
        .b-cluster-teaser.x-vertical .special-info {
          position: absolute;
          bottom: 20px; }
      .b-cluster-teaser.x-large {
        width: 640px;
        height: 100%;
        background-color: #25292E;
        contain: strict; }
        .b-cluster-teaser.x-large:not(.x-social) .box-table-inner {
          vertical-align: bottom; }
        .b-cluster-teaser.x-large .image-teaser {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%; }
        .b-cluster-teaser.x-large .bottom-teaser-box {
          left: 44px;
          width: 292px;
          height: 100%; }
        .b-cluster-teaser.x-large .box-table-wrap {
          display: table;
          height: 100%; }
        .b-cluster-teaser.x-large .box-table-inner {
          display: table-cell; }
        .b-cluster-teaser.x-large .box {
          background-color: rgba(37, 41, 46, 0.8); }
        .b-cluster-teaser.x-large .teaser-cat {
          width: 244px;
          color: #fefefe; }
        .b-cluster-teaser.x-large .teaser-title {
          margin-bottom: 8px;
          color: #fefefe; }
        .b-cluster-teaser.x-large .teaser-title-link {
          margin-bottom: 0;
          color: #fefefe; }
          .b-cluster-teaser.x-large .teaser-title-link.m-keyboardfocus {
            outline-color: #FFFF00; }
        .b-cluster-teaser.x-large .teaser-text {
          visibility: visible;
          margin: 8px 0 16px;
          color: #fefefe; }
        .b-cluster-teaser.x-large .teaser-foot {
          position: static;
          color: #fefefe; }
        .b-cluster-teaser.x-large .teaser-label {
          position: static;
          margin-bottom: 16px; }
        .b-cluster-teaser.x-large .news-label {
          position: static;
          display: inline-block;
          margin-bottom: 16px; }
        .b-cluster-teaser.x-large.x-social .image-teaser {
          left: 50%;
          width: 50%;
          height: auto; }
        .b-cluster-teaser.x-large.x-social .bottom-teaser-box {
          left: 0;
          width: 50%; }
        .b-cluster-teaser.x-large.x-social .box {
          background-color: #D4D5D5; }
        .b-cluster-teaser.x-large.x-blockquote {
          overflow: hidden; }
          .b-cluster-teaser.x-large.x-blockquote .box-table-inner {
            vertical-align: middle; }
          .b-cluster-teaser.x-large.x-blockquote .image-teaser {
            left: 50%;
            width: 50%;
            height: auto; }
          .b-cluster-teaser.x-large.x-blockquote .bottom-teaser-box {
            left: 0;
            width: 50%; }
          .b-cluster-teaser.x-large.x-blockquote .box {
            position: relative;
            background-color: #D4D5D5; }
          .b-cluster-teaser.x-large.x-blockquote .box-table-inner {
            padding: 0; }
          .b-cluster-teaser.x-large.x-blockquote .teaser-title,
          .b-cluster-teaser.x-large.x-blockquote .teaser-title-link {
            color: #34393F; }
        .b-cluster-teaser.x-large.x-vote .box-table-inner {
          vertical-align: top; }
        .b-cluster-teaser.x-large.x-stoerer {
          background: #999999 url(/static/0.58.4923/img/teaser/stoerer-big.png) no-repeat scroll 100% 50%; }
          .b-cluster-teaser.x-large.x-stoerer .box {
            background: none; }
          .b-cluster-teaser.x-large.x-stoerer .teaser-text {
            padding: 0; }
        .b-cluster-teaser.x-large.m-placeholder.lazyload, .b-cluster-teaser.x-large.m-placeholder.lazyloading {
          width: 640px;
          height: 100%; }
      .b-cluster-teaser.x-blockquote .bottom-teaser-box {
        height: 100%; }
      .b-cluster-teaser.x-blockquote .teaser-cat {
        position: absolute;
        top: 0;
        left: 0;
        color: #34393F; }
      .b-cluster-teaser.x-blockquote .box-table-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .b-cluster-teaser.x-blockquote .box-table-inner {
        overflow: hidden;
        width: 100%; }
      .b-cluster-teaser.x-news .box {
        overflow: auto;
        background-color: #fefefe; }
      .b-cluster-teaser.x-news .teaser-cat {
        margin-bottom: 0; }
      .b-cluster-teaser.x-news .teaser-title-link {
        font-size: 1rem;
        line-height: 1.4444rem; }
      .b-cluster-teaser.x-news .teaser-title:not(:last-child) {
        margin-bottom: 16px; }
      .b-cluster-teaser.x-news .news-button {
        margin-top: 20px;
        font-size: 0.8889rem;
        line-height: 1.2222rem; }
        .b-cluster-teaser.x-news .news-button .icon {
          margin: 0;
          font-size: 1.3333rem; }
      .b-cluster-teaser.x-vote {
        height: 100%; }
        .b-cluster-teaser.x-vote .bottom-teaser-box {
          height: 100%; }
        .b-cluster-teaser.x-vote .box {
          background-color: #fefefe; }
        .b-cluster-teaser.x-vote .teaser-title-link {
          color: #34393F; }
      .b-cluster-teaser.x-social .box {
        background-color: #D4D5D5; }
      .b-cluster-teaser.x-stoerer .bottom-teaser-box {
        height: 100%; }
      .b-cluster-teaser.x-stoerer .box {
        background: #999999 url(/static/0.58.4923/img/teaser/stoerer-medium.png) no-repeat scroll right 0; }
      .b-cluster-teaser.x-stoerer .box-table-wrap {
        position: relative;
        height: 100%; }
      .b-cluster-teaser.x-stoerer .box-table-inner {
        position: absolute;
        bottom: 0;
        left: 0; }
      .b-cluster-teaser.x-weather .box {
        background: transparent url(/static/0.58.4923/img/teaser/wetter-vertical.jpg) no-repeat scroll 50% 50%; }
      .b-cluster-teaser.x-weather .bottom-teaser-box {
        height: 100%; }
      .b-cluster-teaser.x-weather .select-wrap {
        float: none;
        margin: 0 0 24px 0; }
      .b-cluster-teaser.x-weather .temperature {
        font-size: 80px;
        line-height: 80px; }
      .b-cluster-teaser.x-weather .value {
        margin: 0 0 16px 0; }
      .b-cluster-teaser.x-weather .celsius {
        margin: 10px 8px 0;
        font-size: 32px;
        line-height: 32px; }
      .b-cluster-teaser.x-weather .weather-icon {
        width: 32px;
        height: 32px;
        margin-top: 8px;
        font-size: 40px;
        line-height: 32px; }
      .b-cluster-teaser.x-weather .teaser-text {
        clear: both; }
      .b-cluster-teaser.m-placeholder.lazyload, .b-cluster-teaser.m-placeholder.lazyloading {
        width: 320px;
        height: 360px; }
      .b-cluster-teaser.x-vertical.x-newsstream {
        opacity: 0;
        position: absolute;
        height: 360px;
        margin: 0 8px 8px 0;
        cursor: default;
        pointer-events: none;
        -webkit-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out; }
        .b-cluster-teaser.x-vertical.x-newsstream .special-info {
          bottom: 16px; }
        .b-cluster-teaser.x-vertical.x-newsstream .news-label {
          position: absolute;
          top: -12px; }
        .b-cluster-teaser.x-vertical.x-newsstream.x-highlight {
          width: 976px; }
          .b-cluster-teaser.x-vertical.x-newsstream.x-highlight .box.has-label {
            padding-top: 40px; }
          .b-cluster-teaser.x-vertical.x-newsstream.x-highlight .news-label {
            top: 0; }
          .b-cluster-teaser.x-vertical.x-newsstream.x-highlight .b-ratiobox {
            width: auto; }
          .b-cluster-teaser.x-vertical.x-newsstream.x-highlight .artdirect {
            float: left;
            display: inline-block; }
          .b-cluster-teaser.x-vertical.x-newsstream.x-highlight .image-teaser {
            width: 656px; }
          .b-cluster-teaser.x-vertical.x-newsstream.x-highlight .bottom-teaser-box {
            position: relative;
            float: left;
            width: 320px;
            height: 360px; }
          .b-cluster-teaser.x-vertical.x-newsstream.x-highlight .teaser-foot {
            position: static;
            text-shadow: none;
            color: #34393F; }
        .b-cluster-teaser.x-vertical.x-newsstream.x-noimage .bottom-teaser-box {
          height: 100%; }
        .b-cluster-teaser.x-vertical.x-newsstream.x-noimage:not(.x-social) .teaser-label, .b-cluster-teaser.x-vertical.x-newsstream.x-highlight:not(.x-social) .teaser-label {
          position: static;
          display: inline-block;
          margin-bottom: 16px; }
        .b-cluster-teaser.x-vertical.x-newsstream.x-noimage:not(.x-social) .teaser-text, .b-cluster-teaser.x-vertical.x-newsstream.x-highlight:not(.x-social) .teaser-text {
          margin-bottom: 16px; }
        .b-cluster-teaser.x-vertical.x-newsstream.m-show {
          opacity: 1;
          cursor: pointer;
          pointer-events: auto; }
      .x-myview-cluster .b-cluster-teaser.x-myview:nth-child(even):not(.m-even):not(.m-odd) .ratio-wrap:before, .x-myview-cluster .b-cluster-teaser.x-myview.m-even .ratio-wrap:before {
        opacity: .8; }
      .b-cluster-teaser.x-myview:not(.x-large) .ratio-wrap:before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: url("/static/0.58.4923/img/bgs/stadium-bg.jpg") no-repeat;
        background-size: contain;
        content: ""; }
      .b-cluster-teaser.x-myview:not(.x-large) .artdirect {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 180px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .b-cluster-teaser.x-myview:not(.x-large) .image-teaser {
        width: 50%; }
      .b-cluster-teaser.x-myview .box {
        position: relative; }
      .b-cluster-teaser.x-myview .teaser-label {
        display: none; } }
  @media (min-width: 1024px) {
    .b-cluster-teaser:hover .image-teaser {
      opacity: .7;
      -webkit-transform: scale(1.05, 1.05);
              transform: scale(1.05, 1.05); } }
  .b-cluster-teaser:not(.m-keyboardfocus) {
    outline: none; }
  .b-cluster-teaser.x-myview .teaser-cat {
    padding-right: 32px; }
  .b-cluster-teaser.x-myview .teaser-title:not(.m-cat) {
    padding-right: 32px; }
  .b-cluster-teaser.x-myview .yellow-card,
  .b-cluster-teaser.x-myview .red-card,
  .b-cluster-teaser.x-myview .goal {
    position: absolute;
    top: 0;
    right: 0;
    display: block; }
  .b-cluster-teaser.x-myview .yellow-card {
    width: 12px;
    height: 20px;
    border-radius: 2px;
    background-color: #fde537; }
  .b-cluster-teaser.x-myview .red-card {
    width: 12px;
    height: 20px;
    border-radius: 2px;
    background-color: #fa2a3b; }
  .b-cluster-teaser.x-myview .goal {
    font-size: 16px;
    line-height: 16px; }
  .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;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  .b-cluster-teaser .bottom-teaser-box {
    z-index: 2;
    width: 100%; }
  .b-cluster-teaser .box {
    height: 100%; }
    .b-cluster-teaser .box .artdirect {
      display: none; }
    .b-cluster-teaser .box .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; }
  .b-cluster-teaser .social-head {
    position: relative;
    font-size: 0.7778rem; }
    .b-cluster-teaser .social-head .social-platform {
      position: absolute;
      top: 0;
      right: 0; }
  .b-cluster-teaser .teaser-img {
    display: block;
    height: 86px;
    margin: 0 auto;
    padding: 0 0 14px 0; }
  .b-cluster-teaser blockquote.teaser-title {
    border: none;
    padding: 0;
    font-style: normal; }
  .b-cluster-teaser .teaser-text {
    visibility: hidden; }
  .b-cluster-teaser.x-vertical .teaser-title:not(.m-cat), .b-cluster-teaser.x-large .teaser-title:not(.m-cat) {
    margin-top: 24px; }
  .b-cluster-teaser.x-large .image-teaser {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto; }
  .b-cluster-teaser.x-large.x-vote .radio-label {
    color: #fefefe;
    background: transparent url(/static/0.58.4923/img/teaser/radio-white.png) no-repeat scroll 0 50%; }
  .b-cluster-teaser.x-large .image-teaser {
    width: 100%; }
  .b-cluster-teaser.x-large.x-social {
    overflow: hidden; }
  .b-cluster-teaser.x-large.x-blockquote {
    overflow: hidden; }
  .b-cluster-teaser.x-large.x-vote .radio-label {
    color: #fefefe;
    background: transparent url(/static/0.58.4923/img/teaser/radio-white.png) no-repeat scroll 0 50%; }
  .b-cluster-teaser.x-blockquote {
    overflow: hidden;
    background-color: #25292E; }
    .b-cluster-teaser.x-blockquote.lazyload .teaser-title {
      background-image: none; }
    .b-cluster-teaser.x-blockquote .box {
      background-color: #D4D5D5; }
    .b-cluster-teaser.x-blockquote .box-table-wrap {
      position: relative; }
    .b-cluster-teaser.x-blockquote .teaser-title {
      min-height: 30px;
      background: transparent url(/static/0.58.4923/img/teaser/quote-begin.png) no-repeat scroll 0 6px; }
    .b-cluster-teaser.x-blockquote .teaser-title-link {
      margin: 0 0 16px 48px;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.4444rem;
      color: #34393F; }
    .b-cluster-teaser.x-blockquote .teaser-author {
      margin: 0 0 0 48px;
      font-size: 0.8889rem;
      font-weight: 700;
      line-height: 1.4444rem; }
  .b-cluster-teaser.x-news .bottom-teaser-box {
    height: 100%; }
  .b-cluster-teaser.x-news .teaser-cat {
    margin-bottom: 8px; }
  .b-cluster-teaser.x-news .teaser-title-link {
    display: block;
    font-family: "Helvetica-Neue", Arial, sans-serif;
    white-space: normal;
    color: #34393F; }
  .b-cluster-teaser.x-news .time {
    display: inline-block;
    margin: 0 8px 0 0;
    font-weight: 700; }
  .b-cluster-teaser.x-news .news-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    color: #34393F; }
    .b-cluster-teaser.x-news .news-button:hover .button-text, .b-cluster-teaser.x-news .news-button:focus:not(.m-keyboardfocus) .button-text {
      text-decoration: underline; }
    .b-cluster-teaser.x-news .news-button .icon {
      color: #5C6166; }
  .b-cluster-teaser.x-score {
    /* NON-IFRAME INTEGRATION STYLES FOR SCORETEASER

        .teaser-title {
            color: $carrier-three;
        }

        .score-cell {
            display: table-cell;
            vertical-align: middle;
        }

        .score-inner {
            overflow: hidden;
            display: inline-block;
            clear: both;
            margin: 0 auto;
        }

        .home-team {
            vertical-align: middle;
        }

        .score {
            font-size: $headline-font-size-xxxl;
            font-weight: 700;
            line-height: $headline-line-height-xxxl;
            vertical-align: middle;
            color: $carrier-three;
        }

        .away-team {
            vertical-align: middle;
        } */ }
    .b-cluster-teaser.x-score .box {
      width: 100%;
      height: 100%; }
    .b-cluster-teaser.x-score .box-table-wrap {
      width: 100%;
      height: 100%; }
    .b-cluster-teaser.x-score .box-table-inner {
      display: table;
      width: 100%;
      height: 100%;
      text-align: center; }
    .b-cluster-teaser.x-score .teaser-cat {
      text-align: left; }
    .b-cluster-teaser.x-score iframe {
      width: 100%; }
  .b-cluster-teaser.x-social .social-head {
    margin-bottom: 24px;
    vertical-align: bottom; }
  .b-cluster-teaser.x-social .social-name {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    vertical-align: bottom; }
  .b-cluster-teaser.x-social .social-avatar {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 8px; }
  .b-cluster-teaser.x-social .teaser-title,
  .b-cluster-teaser.x-social .teaser-title-link {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4444rem;
    color: #34393F; }
    .b-cluster-teaser.x-social .teaser-title strong,
    .b-cluster-teaser.x-social .teaser-title-link strong {
      font-weight: 700;
      color: #000; }
  .b-cluster-teaser.x-social .bottom-teaser-box {
    height: 100%; }
  .b-cluster-teaser.x-stoerer {
    color: #fefefe; }
    .b-cluster-teaser.x-stoerer .box {
      background-color: #999999; }
    .b-cluster-teaser.x-stoerer .teaser-title-link {
      color: #fefefe; }
    .b-cluster-teaser.x-stoerer .teaser-text {
      visibility: visible;
      padding: 0 64px 0 0; }
    .b-cluster-teaser.x-stoerer .b-plus-btn {
      display: none; }
  .b-cluster-teaser.x-vote {
    /* NON IFRAME STYLES
            .radio-label {
                display: block;
                margin: 2px 0;
                padding: 0 0 0 $space-decimal-fourfold;
                font-size: $content-font-size-l;
                line-height: $content-line-height-xxl;

                &:before {
                    top: 3px;
                    width: $space-decimal-double;
                    height: $space-decimal-double;
                    border-radius: $space-decimal;
                }
            }

            .b-plus-button {
                display: none;
            }
        */ }
    .b-cluster-teaser.x-vote iframe {
      width: 100%; }
  .b-cluster-teaser.x-weather .box {
    background-size: cover; }
  .b-cluster-teaser.x-weather.lazyload .box {
    background-image: none; }
  .b-cluster-teaser.x-weather.lazyload .weather-icon {
    display: none; }
  .b-cluster-teaser.x-weather .select-wrap {
    display: block;
    width: 185px; }
  .b-cluster-teaser.x-weather .temperature {
    font-weight: 700;
    color: #fefefe;
    -webkit-transition: 500ms;
    transition: 500ms; }
    .b-cluster-teaser.x-weather .temperature .value {
      position: relative; }
  .b-cluster-teaser.x-weather .value {
    float: left;
    display: inline-block; }
  .b-cluster-teaser.x-weather .celsius {
    float: left;
    display: inline-block;
    font-family: "Helvetica-Neue", Arial, sans-serif;
    vertical-align: top; }
  .b-cluster-teaser.x-weather .weather-icon {
    float: left;
    display: inline-block; }
    .b-cluster-teaser.x-weather .weather-icon:before {
      font-family: "zdf-iconfont" !important;
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="0"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="1"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="2"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="3"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="4"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="5"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="6"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="7"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="8"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="9"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="10"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="11"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="12"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="13"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="14"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="15"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="16"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="17"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="18"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="19"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="20"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="21"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="22"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="23"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="24"]:before {
      content: ""; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="25"]:before {
      content: ""; }
  .b-cluster-teaser.x-weather .teaser-text {
    visibility: visible;
    font-size: 1rem;
    line-height: 1.4444rem;
    color: #fefefe;
    -webkit-transition: 400ms 100ms;
    transition: 400ms 100ms; }
  .b-cluster-teaser.x-weather .plus-btn {
    display: none; }
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .select-wrap,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .temperature,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .teaser-text, .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .select-wrap,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .temperature,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .teaser-text {
    opacity: 0;
    visibility: hidden; }
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .temperature {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .teaser-text {
    opacity: 0;
    -webkit-transition: 0ms;
    transition: 0ms;
    -webkit-transform: translateX(1em);
            transform: translateX(1em); }
  .b-cluster-teaser.m-placeholder.lazyload, .b-cluster-teaser.m-placeholder.lazyloading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .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%, #fefefe), color-stop(42%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fefefe 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #fefefe 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-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); }
  .b-cluster-teaser.x-drisy {
    overflow: hidden;
    height: 360px; }
    .b-cluster-teaser.x-drisy iframe {
      width: 100%; }
  .b-cluster-teaser.x-newsstream.x-highlight .b-ratiobox {
    height: auto;
    padding: 0; }
  .b-cluster-teaser.x-newsstream .special-info {
    position: absolute;
    font-weight: 700;
    color: #000; }
  .b-cluster-teaser.m-seamless .teaser-label {
    display: none; }

.b-cluster {
  position: relative; }
  @media (max-width: 640px) {
    .b-cluster.m-notitle {
      padding-top: 32px; }
    .b-cluster .cluster-showmore {
      content: '{"items": ".b-cluster-teaser","count":4}' !important; }
      .b-cluster .cluster-showmore::before {
        content: '{"items": ".b-cluster-teaser","count":4}' !important;
        font-family: '{"items": ".b-cluster-teaser","count":4}' !important;
        visibility: hidden !important;
        display: block !important;
        height: 0 !important;
        width: 0;
        clear: both;
        overflow: hidden; }
    .b-cluster .cluster-showmore .b-cluster-teaser:nth-child(1n+5):not(.m-showmore-item) {
      display: none; }
    .b-cluster .cluster-title-row .cluster-title {
      margin: 32px 0 16px;
      padding-right: 48px; }
    .b-cluster .cluster-content {
      margin: 0; }
      .b-cluster .cluster-content .tile-box-wrap, .b-cluster .cluster-content .tile-box-wrap.js-scrollbox-list.m-no-scroll {
        overflow: visible; }
    .b-cluster .load-more-container {
      margin-top: 16px; }
      .b-cluster .load-more-container .showmore-btn {
        margin-bottom: 0; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-cluster.m-filter .cluster-title {
      padding-right: 170px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-cluster {
      overflow: hidden; }
      .b-cluster.m-notitle {
        padding-top: 64px; }
        .b-cluster.m-notitle.m-filter {
          padding-top: 119px; }
      .b-cluster .cluster-content {
        height: 360px;
        margin: 0 auto; }
        .b-cluster .cluster-content .tile-box-wrap {
          height: 360px; }
        .b-cluster .cluster-content.scroll-box {
          content: '{"cutScroll":true}' !important; }
          .b-cluster .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; }
      .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; } }
  @media (min-width: 1024px) {
    .b-cluster.m-filter .cluster-title {
      padding-right: 500px; } }
  .b-cluster .cluster-content {
    position: relative;
    width: 100%; }
  .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; }
      .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; }

.b-collapse-text {
  position: relative;
  width: 100%;
  margin: 0 0 5px;
  color: #34393F;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  @media (max-width: 640px) {
    .b-collapse-text .text {
      padding: 16px 64px 13px 44px;
      line-height: 1.2222rem; }
    .b-collapse-text .icon-803_info {
      top: 14px;
      left: 16px; }
    .b-collapse-text .icon-203_arrow-down {
      top: 16px;
      font-size: 1.2222rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-collapse-text .text {
      padding: 19px 105px 16px 50px;
      line-height: 1.4444rem; }
    .b-collapse-text .icon-803_info {
      top: 20px;
      left: 24px; }
    .b-collapse-text .icon-203_arrow-down {
      top: 18px;
      font-size: 1.4444rem; } }
  .b-collapse-text .icon-803_info {
    position: absolute;
    display: inline-block;
    font-size: 1.2222rem;
    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;
    -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: 0.8889rem;
  line-height: 1.2222rem; }

.b-comment-reply .form-title {
  margin-bottom: 16px; }

.b-comment-reply .text-link {
  border-bottom: 1px solid #000;
  -webkit-backface-visibility: hidden;
  -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  color: #34393F; }
  .b-comment-reply .text-link:hover, .b-comment-reply .text-link:focus {
    border-bottom: 1px dotted #000;
    color: #000;
    text-decoration: none; }
  .b-comment-reply .text-link:visited {
    border-bottom: 1px solid #5C6166;
    color: #5C6166;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
    .b-comment-reply .text-link:visited:hover, .b-comment-reply .text-link:visited:focus {
      border-bottom: 1px dotted #000;
      color: #000; }

.b-comment-reply .comment-reply-form-submit {
  text-align: right; }

.b-comment-reply .comment-date {
  margin-left: 4px; }

.b-comments {
  background-color: #D4D5D5; }
  @media (max-width: 640px) {
    .b-comments {
      margin-top: 32px;
      padding: 16px 16px 24px; }
      .b-comments .big-headline {
        padding: 0; }
      .b-comments .button.m-linklook {
        font-size: 0.8889rem; }
      .b-comments .comments-header {
        overflow: hidden; }
        .b-comments .comments-header .comments-number {
          font-size: 0.8889rem; }
      .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: 0.8889rem;
        line-height: 1.2222rem; }
        .b-comments .comment-textarea:focus {
          height: 114px; }
      .b-comments .comment-head {
        font-size: 0.7778rem;
        line-height: 1rem; }
      .b-comments .comment {
        font-size: 0.8889rem;
        line-height: 1.2222rem; }
        .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-comments {
      margin-top: 64px;
      padding: 32px 0; }
      .b-comments .button.m-linklook {
        font-size: 1rem; }
      .b-comments .comments-header .comments-number {
        font-size: 1rem; }
      .b-comments .comment-form {
        margin-bottom: 32px; }
      .b-comments .comment-textarea {
        height: 82px;
        padding: 24px;
        font-size: 1rem;
        line-height: 1.8889rem; }
        .b-comments .comment-textarea:focus {
          height: 150px; }
      .b-comments .comment-head {
        font-size: 0.8889rem;
        line-height: 1.2222rem; }
      .b-comments .comment {
        font-size: 1rem;
        line-height: 1.4444rem; }
        .b-comments .comment[data-module="maxheighttextdisplay"] {
          max-height: 5.76rem; }
      .b-comments .comment-item {
        padding: 24px; }
      .b-comments .more-comments {
        margin: 32px auto 0; } }
  .b-comments.m-pending .reply {
    display: none; }
  .b-comments .big-headline {
    margin: 0 0 16px; }
  .b-comments .button.m-linklook {
    border-bottom: 1px solid #000;
    -webkit-backface-visibility: hidden;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    font-weight: 400;
    line-height: 1.4444rem;
    color: #34393F;
    background-color: transparent;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: inherit; }
    .b-comments .button.m-linklook:hover, .b-comments .button.m-linklook:focus {
      border-bottom: 1px dotted #000;
      color: #000;
      text-decoration: none; }
    .b-comments .button.m-linklook:visited {
      border-bottom: 1px solid #5C6166;
      color: #5C6166;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
      .b-comments .button.m-linklook:visited:hover, .b-comments .button.m-linklook:visited:focus {
        border-bottom: 1px dotted #000;
        color: #000; }
  .b-comments .comment-textarea {
    overflow: hidden;
    width: 100%;
    outline: none;
    margin-bottom: 16px;
    border: none;
    border-radius: 0;
    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-textarea.m-has-textcontent + .comment-form-submit {
      opacity: 1;
      visibility: visible;
      height: auto; }
  .b-comments .comment-form-submit {
    opacity: 0;
    visibility: hidden;
    height: 0;
    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; }
  .b-comments .error-msg {
    position: relative;
    display: inline-block;
    margin: 12px 0;
    padding: 0;
    font-weight: 700;
    color: #f11010; }
    .b-comments .error-msg .icon-202_slide-right:before {
      position: absolute;
      top: 1px;
      left: 0;
      font-size: 0.7778rem;
      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;
    border-bottom: 2px solid #5C6166;
    padding: 0;
    text-align: left;
    background-color: transparent; }
    .b-comments .comments-header:before {
      position: absolute;
      top: 8px;
      left: 4px;
      z-index: 2;
      display: block;
      border-right: 1px solid #fefefe;
      padding-right: 4px;
      font-size: 24px;
      line-height: 20px;
      color: #fefefe; }
    .b-comments .comments-header:focus .comments-number {
      text-decoration: underline; }
    .b-comments .comments-header .comments-number {
      position: relative;
      display: inline-block;
      padding: 0 8px 0 40px;
      font-weight: 700;
      line-height: 32px;
      color: #fefefe;
      background: #5C6166;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .b-comments .comments-header .number {
      display: inline-block;
      margin: 0 4px 0 0;
      font-weight: 400; }
  .b-comments .comments-content {
    outline: none; }
    .b-comments .comments-content[aria-hidden="true"] {
      display: none; }
  .b-comments .comments-list {
    margin: 0; }
  .b-comments .comment-item {
    position: relative;
    list-style: none;
    background-color: rgba(254, 254, 254, 0.2); }
    .b-comments .comment-item:not(:last-child) {
      border-bottom: 5px solid #D4D5D5; }
  .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.7778rem;
    font-weight: 700;
    font-style: normal;
    color: #f11010; }
  .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 .comment-toggle {
    position: relative;
    top: 4px;
    left: -3px;
    display: block; }
  .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.3333rem;
      line-height: 0.8889rem;
      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: 0.8889rem;
    line-height: 1.2222rem;
    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.1111rem; }
    .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; }
  .b-comments ::-webkit-input-placeholder {
    color: #5C6166; }
  .b-comments :-moz-placeholder {
    /* Firefox 18- */
    color: #5C6166; }
  .b-comments ::-moz-placeholder {
    /* Firefox 19+ */
    color: #5C6166; }
  .b-comments :-ms-input-placeholder {
    color: #5C6166; }

@media (max-width: 640px) {
  .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.1111rem; }
    .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: 12px; }
  .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; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .b-content-module .gallery-slider-box .slide-prev {
    left: 0; }
  .b-content-module .gallery-slider-box .slide-next {
    right: 0; }
  .b-content-module .gallery-slider-box .item-caption .inner {
    padding-bottom: 48px; }
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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.2222rem; }
  .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 (min-width: 1024px) {
  .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:not(.m-video-gallery) .gallery-slider-box {
  overflow: hidden; }
  .b-content-module:not(.m-video-gallery) .gallery-slider-box .content-item {
    min-height: 100%; }
  .b-content-module:not(.m-video-gallery) .gallery-slider-box .item-number {
    font-weight: 400; }
  .b-content-module:not(.m-video-gallery) .gallery-slider-box .item-caption .teaser-foot {
    position: absolute;
    top: inherit;
    bottom: 24px;
    display: inline-block; }
    .b-content-module:not(.m-video-gallery) .gallery-slider-box .item-caption .teaser-foot .teaser-info {
      font-weight: 400; }

.b-content-module .content-item {
  position: relative;
  width: 100%;
  margin: 0;
  background-color: #34393F; }
  .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; }

.b-content-module .itemscroller-content > .content-item {
  min-height: 100%; }

.b-content-module .img-container {
  overflow: hidden;
  position: relative; }

.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: #fefefe; }
  .b-content-module .item-caption .teaser-title {
    color: #fefefe; }
    .b-content-module .item-caption .teaser-title .link {
      display: inline-block;
      color: #fefefe; }
      .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: #fefefe; }
    .b-content-module .item-caption .teaser-title .item-number {
      font-family: "Helvetica-Neue", Arial, sans-serif; }
  .b-content-module .item-caption .item-description {
    color: #fefefe; }
    .b-content-module .item-caption .item-description:before {
      display: none; }
  .b-content-module .item-caption .teaser-foot {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    color: #fefefe;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .b-content-module .item-caption .teaser-foot .teaser-info-title {
      margin-right: 8px;
      font-weight: 700;
      color: #fefefe; }
  .b-content-module .item-caption .item-title {
    display: block;
    color: #fefefe; }
  .b-content-module .item-caption .video-description {
    color: #fefefe; }
  .b-content-module .item-caption .teaser-foot {
    padding-right: 64px;
    color: #fefefe; }

.b-content-module .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; }
  .b-content-module .expand-btn:focus {
    opacity: .8; }
  .b-content-module .expand-btn:before {
    font-size: 1.6667rem;
    line-height: 40px;
    color: #fefefe; }

.b-content-module .special-info {
  color: #fefefe; }

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

.b-content-module .b-playerbox {
  z-index: 1; }

.b-content-teaser-item {
  position: relative;
  -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; }
  @media screen and (max-width: 39.99875em) {
    .b-content-teaser-item.x-tooltip .box {
      padding: 24px; }
    .b-content-teaser-item:not(.x-tooltip) {
      height: 120px; }
      .b-content-teaser-item:not(.x-tooltip):nth-child(even) .inner {
        background-color: #D4D5D5; }
      .b-content-teaser-item:not(.x-tooltip).m-countdown {
        height: auto; }
      .b-content-teaser-item:not(.x-tooltip).x-blockquote {
        height: auto;
        margin-bottom: 24px;
        padding: 0 16px; }
        .b-content-teaser-item:not(.x-tooltip).x-blockquote .box {
          height: auto;
          margin: 0;
          padding-top: 0; }
          .b-content-teaser-item:not(.x-tooltip).x-blockquote .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: 0.8889rem; }
      .b-content-teaser-item:not(.x-tooltip) .ratio-wrap {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 107px;
        height: 120px; }
        .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 {
        height: 120px;
        margin-left: 107px;
        padding: 16px; }
      .b-content-teaser-item:not(.x-tooltip) .teaser-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        bottom: 10px;
        height: 20px;
        font-size: 0.7778rem;
        line-height: 1.1111rem; }
        .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;
        max-height: calc(1.2222rem * 2 - 1px);
        font-size: 0.8889rem;
        line-height: 1.2222rem; }
        .b-content-teaser-item:not(.x-tooltip) .teaser-title-link .title-icon {
          height: 20px;
          font-size: 0.8889rem; }
          .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.7222rem;
        line-height: 1.1111rem;
        white-space: nowrap; }
        .b-content-teaser-item:not(.x-tooltip) .teaser-foot .icon,
        .b-content-teaser-item:not(.x-tooltip) .teaser-foot .time-label,
        .b-content-teaser-item:not(.x-tooltip) .teaser-foot .teaser-info-stop-time {
          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.7222rem;
        line-height: 0.7778rem; }
      .b-content-teaser-item:not(.x-tooltip) .search-foot {
        bottom: 10px;
        font-size: 0.7222rem;
        line-height: 1.1111rem; }
        .b-content-teaser-item:not(.x-tooltip) .search-foot .air-time {
          font-size: 0.7222rem;
          line-height: 1.1111rem; }
    .b-content-teaser-item .b-ratiobox:before {
      height: 40px; }
    .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-placeholder.lazyload, .b-content-teaser-item.m-placeholder.lazyloading {
      min-height: 400px; } }
  @media screen and (min-width: 40em) {
    .b-content-teaser-item.m-show .box {
      padding-bottom: 32px; }
    .x-end .b-content-teaser-item.x-blockquote {
      margin-top: -24px; }
    .b-content-teaser-item.x-blockquote .box:before {
      top: 0;
      padding-bottom: 32px; }
    .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 .teaser-title-link {
      margin-bottom: 8px;
      font-size: 1.2222rem; }
    .b-content-teaser-item .teaser-text {
      margin-bottom: 16px; }
    .b-content-teaser-item .box {
      padding: 24px;
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      min-height: 204px; }
      .b-content-teaser-item .box.m-tags, .b-content-teaser-item .box.m-air {
        padding-bottom: 48px; }
    .b-content-teaser-item .m-16-9 {
      visibility: visible; }
    .b-content-teaser-item .countdown-hint {
      margin: 16px 0 0; }
    .b-content-teaser-item .special-info {
      bottom: 16px;
      font-size: 0.7778rem;
      line-height: 0.8889rem; }
    .b-content-teaser-item .search-foot {
      bottom: 20px;
      font-size: 0.7778rem;
      line-height: 1.1111rem; } }
  @media 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.x-tooltip .inner {
    height: 385px; }
  .b-content-teaser-item.x-tooltip .teaser-text {
    margin-bottom: 0; }
  .b-content-teaser-item .inner {
    position: relative;
    width: 100%;
    background-color: #fefefe; }
  .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: ""; }
    .b-content-teaser-item .ratio-wrap .b-ratiobox:before {
      height: 40px; }
    @media print, screen and (min-width: 40em) {
      .b-content-teaser-item .ratio-wrap .b-ratiobox:before {
        height: 60px; } }
  .b-content-teaser-item .preview-image {
    width: 100%; }
  .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; }
    .b-content-teaser-item .search-foot .teaser-label {
      position: static;
      margin-right: 8px; }
  .b-content-teaser-item .box {
    position: relative; }
  .b-content-teaser-item:not(.x-blockquote) .teaser-title:not(.m-cat) {
    margin-top: 24px; }
  .b-content-teaser-item.x-blockquote .inner {
    background-color: transparent; }
  .b-content-teaser-item.x-blockquote .box {
    padding: 16px 0 0 48px; }
    .b-content-teaser-item.x-blockquote .box:before {
      position: absolute;
      left: 0;
      z-index: -1;
      font-size: 96px;
      font-weight: 700;
      line-height: 0;
      color: #96999C;
      content: "„"; }
  .b-content-teaser-item.x-blockquote .teaser-title {
    margin-bottom: 8px;
    border: 0 none;
    padding: 0;
    font-size: 1.2222rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5556rem;
    color: #5C6166; }
  .b-content-teaser-item.x-blockquote .teaser-author {
    font-size: 0.8889rem;
    font-weight: 700;
    color: #5C6166; }
  .b-content-teaser-item .special-info {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .b-content-teaser-item .special-info span {
      margin-right: 6px;
      font-size: 1rem; }
  .b-content-teaser-item .countdown-hint {
    width: 100%; }
  .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; }
  .b-content-teaser-item.m-seamless .teaser-label {
    display: none; }
  .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;
    position: absolute !important;
    top: 0rem !important;
    right: 0rem !important;
    bottom: 0rem !important;
    left: 0rem !important;
    z-index: 4;
    font-size: 32px;
    background: rgba(255, 255, 255, 0.6); }
    .selected.b-content-teaser-item .edit-ui {
      background: rgba(0, 0, 0, 0.6);
      color: #fefefe; }
    .b-content-teaser-item .edit-ui .checkmark {
      width: 60px;
      height: 60px;
      border-radius: 50% !important;
      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;
      background: rgba(0, 0, 0, 0.6); }

.b-content-teaser-list {
  overflow: hidden; }
  .b-content-teaser-list .teaser-block-grid-container {
    padding-right: 0;
    padding-left: 0;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 40em) {
      .b-content-teaser-list .teaser-block-grid-container {
        padding-right: 0.3333333333rem;
        padding-left: 0.3333333333rem; } }
    .b-content-teaser-list .teaser-block-grid-container > .grid-x > .cell {
      margin-bottom: 0.1111111111rem; }
      @media print, screen and (min-width: 40em) {
        .b-content-teaser-list .teaser-block-grid-container > .grid-x > .cell {
          margin-bottom: 1.1111111111rem; } }
  .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 {
    margin-top: 32px; }
  .b-content-teaser-list .load-more-container .button {
    margin-top: 16px; }
  @media 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 {
      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; }
  .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.1111111111rem;
    margin-bottom: 0; }

@media (max-width: 640px) {
  .b-data-box .inner-box {
    padding: 0 16px; }
    .b-data-box .inner-box.m-loggedin {
      padding: 16px 16px 24px; }
    .b-data-box .inner-box .profile-data {
      padding: 10px 0 16px; }
    .b-data-box .inner-box p {
      margin-bottom: 8px;
      padding: 0; }
    .b-data-box .inner-box .changer {
      display: block;
      margin-left: 110px; }
    .b-data-box .inner-box .profile-data dt {
      width: 110px; }
    .b-data-box .inner-box .text-link {
      font-size: 0.8889rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-data-box .inner-box.m-loggedin {
    padding: 24px 24px 32px; }
  .b-data-box .inner-box .change-btn {
    margin: 16px 0 0; }
  .b-data-box .inner-box p {
    margin-bottom: 16px; }
  .b-data-box .inner-box .changer {
    float: right;
    line-height: 1.4444rem; }
  .b-data-box .inner-box .profile-data dt {
    width: 170px; } }

.b-data-box .inner-box.m-loggedin {
  margin-bottom: 5px;
  background-color: #D4D5D5; }

.b-data-box .inner-box:after {
  overflow: hidden;
  display: table;
  clear: both;
  content: ""; }

.b-data-box .inner-box .profile-data {
  overflow: hidden;
  line-height: 26px; }
  .b-data-box .inner-box .profile-data dt {
    float: left;
    margin-top: 8px; }
  .b-data-box .inner-box .profile-data dd {
    max-width: 580px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 700; }
    .b-data-box .inner-box .profile-data dd:after {
      overflow: hidden;
      display: table;
      clear: both;
      content: ""; }
    .b-data-box .inner-box .profile-data dd .changer {
      font-size: 0.7778rem;
      font-weight: 600;
      text-decoration: underline;
      color: #5C6166;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
      .b-data-box .inner-box .profile-data dd .changer:hover {
        color: #000; }
      .b-data-box .inner-box .profile-data dd .changer:not(.m-keyboardfocus) {
        outline: none; }

.b-data-box .inner-box .pin-btn {
  margin: 16px 0 0; }

.b-data-box .inner-box.m-oauth-login .m-hide-for-oauth-login {
  display: none; }

.b-data-box .inner-box a {
  border-bottom: 1px solid #000;
  -webkit-backface-visibility: hidden;
  -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  color: #34393F; }
  .b-data-box .inner-box a:hover, .b-data-box .inner-box a:focus {
    border-bottom: 1px dotted #000;
    color: #000;
    text-decoration: none; }
  .b-data-box .inner-box a:visited {
    border-bottom: 1px solid #5C6166;
    color: #5C6166;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
    .b-data-box .inner-box a:visited:hover, .b-data-box .inner-box a:visited:focus {
      border-bottom: 1px dotted #000;
      color: #000; }

.b-data-box .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-data-box .inner-box .text-link:hover, .b-data-box .inner-box .text-link:focus {
    border-bottom: 1px dotted #FA7D19; }

.b-data-box .fsk-status-verification.is-verified .x-not-verified {
  display: none; }

.b-data-box .fsk-status-verification:not(.is-verified) .x-verified {
  display: none; }

.b-data-box .fsk-status-pin.is-set .x-not-set {
  display: none; }

.b-data-box .fsk-status-pin:not(.is-set) .x-set {
  display: none; }

.b-data-box .fsk-status-pin:not(.is-set) .changer {
  display: none; }

.b-data-box .fsk-status-verification.is-verified ~ .fsk-status-pin.is-set ~ .pin-btn {
  display: none; }

.b-day-bar {
  background-color: #5C6166; }
  @media (max-width: 640px) {
    .b-day-bar {
      height: 40px; }
      .b-day-bar .day-box .day-arrow {
        top: 5px; }
      .b-day-bar .day-box .day-text {
        font-size: 1.1111rem;
        line-height: 40px; }
      .b-day-bar .day-box .calendar-link {
        margin-top: 5px;
        font-size: 1.3333rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: 9px; }
      .b-day-bar .day-box .day-text {
        font-size: 1.4444rem;
        line-height: 50px; }
      .b-day-bar .day-box .calendar-link {
        margin-top: 10px;
        font-size: 1.4444rem; } }
  .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.2222rem;
      line-height: 30px;
      color: #fefefe;
      -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-text {
      padding: 0 32px;
      color: #fefefe; }
      .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: 32px;
      line-height: 30px;
      color: #fefefe;
      -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: #FFFF00; }
      .b-day-bar .day-box .calendar-link:focus:not(.m-keyboardfocus) {
        outline: none;
        color: #fefefe; }
      .b-day-bar .day-box .calendar-link[aria-expanded="true"] {
        outline: none;
        color: #FFFF00; }
  .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.7778rem;
    font-weight: 700;
    letter-spacing: 1.2;
    letter-spacing: 1px;
    color: #808080;
    background-color: #fefefe; }
  .b-debug-alert .alert-item {
    content: '{"speed":60}' !important;
    display: table-row;
    font-size: 0.8889rem;
    line-height: 40px;
    white-space: nowrap;
    color: #fefefe; }
    .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: #fefefe;
      -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 #fefefe; }
    .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.7778rem;
    line-height: 1.1111rem;
    background-color: #fefefe; }
  .b-debug-alert .date-submit {
    display: inline-block;
    width: auto;
    height: 22px;
    font-size: 0.7778rem;
    font-weight: 700;
    line-height: 1.1111rem;
    color: #fefefe;
    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 (max-width: 640px) {
    .b-dialog.x-dialog-adult p {
      font-size: 0.8889rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-dialog.x-dialog-adult p {
      font-size: 1rem; } }

.b-dialog.x-dialog-adult .checkbox-wrap {
  margin-bottom: 24px; }

@media (max-width: 640px) {
  .b-dialog.x-dialog-change .change-success {
    padding: 64px 16px 16px; }
  .b-dialog.x-dialog-change .changepanelgroup-panel p {
    font-size: 0.8889rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-dialog.x-dialog-change .change-success {
    min-height: 171px;
    padding-left: 150px;
    background: url("/static/0.58.4923/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.58.4923/img/bgs/no-success.png") left bottom no-repeat;
    background-size: 136px 171px; }
  .b-dialog.x-dialog-change .changepanelgroup-panel p:not(.pass-text) {
    font-size: 1rem; } }

.b-dialog.x-dialog-change .changepanelgroup-panel-wrapper {
  height: auto !important; }

.b-dialog.x-dialog-change .toggle-wrap {
  float: left; }

.b-dialog.x-dialog-change .changepanelgroup-panel .pass-text {
  margin: -8px 0 16px;
  font-size: 0.8889rem;
  line-height: 1.2222rem; }

@media (max-width: 640px) {
  .b-dialog.x-dialog-data p {
    font-size: 0.8889rem;
    line-height: 1.2222rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-dialog.x-dialog-data p {
    font-size: 1rem;
    line-height: 1.4444rem; } }

@media (max-width: 640px) {
  .b-dialog.x-dialog-download p {
    font-size: 0.8889rem; }
  .b-dialog.x-dialog-download .download-link {
    font-size: 0.8889rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-dialog.x-dialog-download p {
    font-size: 1rem; }
  .b-dialog.x-dialog-download .download-link {
    font-size: 1rem; } }

.b-dialog.x-dialog-download.m-dark .modal-headline {
  margin-top: 16px; }

.b-dialog.x-dialog-download.m-dark p:first-of-type {
  margin-bottom: 16px; }

.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.2222rem;
  color: #fefefe;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .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:before {
    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: #fefefe; }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-dialog.x-dialog-epg {
      width: 30%; } }
  .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: 1rem;
    font-weight: 700;
    line-height: 1.2222rem; }
  .b-dialog.x-dialog-epg .overlay-link-time {
    margin-bottom: 16px; }
  .b-dialog.x-dialog-epg .live-tag {
    font-size: 0.8889rem; }
  .b-dialog.x-dialog-epg .overlay-text {
    display: inline-block;
    margin-bottom: 32px;
    color: #34393F; }
  .b-dialog.x-dialog-epg .arrowhover::before {
    font-size: 1rem; }
  .b-dialog.x-dialog-epg .overlay-vps {
    display: block;
    font-size: 0.7778rem;
    color: #96999C; }

.b-dialog.x-dialog-gallery {
  width: 100%;
  height: auto;
  max-width: 1980px; }
  @media (max-width: 640px) {
    .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:before {
      display: block;
      font-size: 1.6667rem;
      line-height: 40px;
      color: #fefefe; }
    .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: #fefefe;
    background-color: rgba(52, 57, 63, 0.8);
    -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); }
    .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: #fefefe; }
  .b-dialog.x-dialog-gallery .item-title {
    color: #fefefe; }
    .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: 400; }
  .b-dialog.x-dialog-gallery .item-number {
    font-family: "Helvetica-Neue", Arial, sans-serif;
    font-weight: 400; }
  .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.6667rem;
    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:before {
      display: block;
      color: #fefefe; }
    .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.6667rem;
    line-height: 40px;
    background-color: #25292E;
    cursor: pointer;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    .b-dialog.x-dialog-gallery .info-btn:before {
      display: block;
      color: #fefefe; }
    .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 (max-width: 640px) {
  .b-dialog.x-dialog-infotext .inner {
    min-height: 100%;
    padding: 40px 16px 24px; }
    .b-dialog.x-dialog-infotext .inner .guest-box {
      padding: 0; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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: #fefefe; }
  .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 label a {
  color: #fefefe; }

.b-dialog.x-dialog-login .checkbox-label {
  color: #fefefe; }
  .b-dialog.x-dialog-login .checkbox-label:before {
    border-color: white; }

.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: #fefefe; }
  .b-dialog.x-dialog-map .dialog-content {
    padding-top: 48px; }

.dialog-backdrop.dialog-map-backdrop {
  background: rgba(232, 232, 232, 0.33); }
  .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: 100%;
    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 (max-width: 640px) {
  .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: 0.8889rem;
    line-height: 1.2222rem; }
  .b-dialog.x-dialog-onboarding .onboarding-item .onboarding-login {
    width: 100%;
    text-align: center; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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: 1rem;
    line-height: 1.3333rem; }
  .b-dialog.x-dialog-onboarding .onboarding-item .onboarding-login {
    float: left;
    margin-right: 24px; } }

.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 (max-width: 640px) {
  .b-dialog.x-dialog-pin p,
  .b-dialog.x-dialog-pin legend {
    font-size: 0.8889rem;
    line-height: 1.2222rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-dialog.x-dialog-pin p,
  .b-dialog.x-dialog-pin legend {
    font-size: 1rem;
    line-height: 1.4444rem; }
  .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 (max-width: 640px) {
  .b-dialog.x-dialog-player-pin p {
    font-size: 0.8889rem;
    line-height: 1.2222rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-dialog.x-dialog-player-pin p {
    margin-bottom: 24px;
    font-size: 1rem;
    line-height: 1.4444rem; } }

.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; }
  .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: 0.8889rem;
  line-height: 1.2222rem; }

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

.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: 1rem;
    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 (max-width: 640px) {
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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: #fefefe; }
  .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-relation .inner .guest-excerpt p a {
      border-bottom: 1px solid #000;
      -webkit-backface-visibility: hidden;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      color: #34393F; }
      .b-dialog.x-dialog-relation .inner .guest-excerpt p a:hover, .b-dialog.x-dialog-relation .inner .guest-excerpt p a:focus {
        border-bottom: 1px dotted #000;
        color: #000;
        text-decoration: none; }
      .b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited {
        border-bottom: 1px solid #5C6166;
        color: #5C6166;
        -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
        transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
        .b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited:hover, .b-dialog.x-dialog-relation .inner .guest-excerpt p a:visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }

@media (max-width: 640px) {
  .b-dialog.x-dialog-tivi.m-dark .tivi-start-link {
    height: 87px; }
  .b-dialog.x-dialog-tivi.m-dark .button {
    display: block;
    width: 100%; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-dialog.x-dialog-tivi.m-dark .dark-modal {
    padding-top: 56px;
    padding-bottom: 8px; }
  .b-dialog.x-dialog-tivi.m-dark .tivi-start-link {
    height: 95px; }
  .b-dialog.x-dialog-tivi.m-dark .modal-headline {
    margin-bottom: 16px; } }

.b-dialog.x-dialog-tivi.m-dark p {
  margin-bottom: 16px;
  font-size: 1rem;
  line-height: 1.3333rem; }

.b-dialog.x-dialog-tivi.m-dark .button-box {
  text-align: right; }

.b-dialog.x-dialog-tivi.m-dark .leave-btn {
  background-color: #5C6166; }

.b-dialog.x-dialog-tivi.m-dark .tivi-start-link {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  background: url("/static/0.58.4923/img/bgs/tivi_header_452x95.png") no-repeat center;
  background-size: cover; }

.b-dialog {
  position: relative;
  display: none;
  outline: none;
  margin: auto; }
  @media (max-width: 640px) {
    .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.1111rem;
        line-height: 1.4444rem; }
        .b-dialog.m-dark .dark-modal {
          padding: 64px 16px 24px; }
        .b-dialog.m-dark .modal-headline {
          margin: 0 0 16px;
          font-size: 1.2222rem;
          line-height: 1.4444rem; }
      .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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.3333rem;
        line-height: 1.6667rem; }
        .b-dialog.m-dark .dark-modal {
          padding: 48px 24px 24px; }
        .b-dialog.m-dark .modal-headline {
          margin: 0 0 24px;
          font-size: 1.3333rem;
          line-height: 1.6667rem; }
      .b-dialog .dialog-close {
        right: 6px; } }
  .b-dialog.m-light .dialog-close, .b-dialog.m-dark .dialog-close {
    font-size: 0.8889rem; }
  .b-dialog.m-light .dialog-close {
    color: #AAAAAA; }
  .b-dialog.m-dark {
    max-width: 500px;
    color: #fefefe;
    background-color: #34393F; }
    .b-dialog.m-dark p a:not(.button) {
      border-bottom: 1px solid #000;
      -webkit-backface-visibility: hidden;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      color: #96999C; }
      .b-dialog.m-dark p a:not(.button):hover, .b-dialog.m-dark p a:not(.button):focus {
        border-bottom: 1px dotted #000;
        color: #000;
        text-decoration: none; }
      .b-dialog.m-dark p a:not(.button):visited {
        border-bottom: 1px solid #5C6166;
        color: #5C6166;
        -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
        transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
        .b-dialog.m-dark p a:not(.button):visited:hover, .b-dialog.m-dark p a:not(.button):visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }
    .b-dialog.m-dark .dialog-close {
      color: #fefefe; }
    .b-dialog.m-dark .dark-modal {
      overflow: hidden;
      position: relative; }
    .b-dialog.m-dark .modal-headline {
      font-weight: 700;
      color: #fefefe; }
    .b-dialog.m-dark .m-keyboardfocus {
      outline-color: #FFFF00; }
  .b-dialog.m-screen .dialog-close {
    opacity: .5;
    margin: 10px;
    font-size: 1.4444rem;
    color: #AAAAAA;
    background-color: #25292E;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    .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-fsk p {
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.3333rem; }
  .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.2222rem;
    vertical-align: top;
    cursor: pointer; }
    .b-dialog .dialog-close:hover, .b-dialog .dialog-close:focus:not(.m-keyboardfocus) {
      outline: none; }
  .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(37, 41, 46, 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; }
    .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: #34393F; }
  .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: 0.8889rem;
    line-height: 1.1111rem;
    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: #34393F; }
    .b-dialog .text::-moz-placeholder {
      /* Firefox 19+ */
      opacity: 1;
      color: #34393F; }
    .b-dialog .text:-moz-placeholder {
      /* Firefox 18- */
      opacity: 1;
      color: #34393F; }
    .b-dialog .text:-ms-input-placeholder {
      color: #34393F; }
  .b-dialog .toggle-wrap .login-toggle-btn {
    margin: 0;
    padding: 0;
    font-size: 0.8889rem;
    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; }

.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 #FA7D19; }
  .b-dynamicpage .b-content-teaser-list .title {
    padding-right: 80px; }

@media (max-width: 640px) {
  .b-editorial-date {
    padding: 0 16px;
    font-size: 1rem; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .b-editorial-date {
    margin-bottom: 16px; }
    .b-editorial-date .postdate {
      margin-top: 8px; } }

@media (min-width: 1024px) {
  .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.3333rem;
        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: 0.8889rem; }

@media (max-width: 640px) {
  .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; }
          .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; }
          .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; }
        .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:before {
            font-size: 1.4444rem;
            line-height: 40px; }
      .b-epg-program .epg-bar .timeline-list {
        z-index: 2;
        padding: 0; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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; }
    .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 .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 {
      float: left;
      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: #fefefe; }
    .b-epg-program .epg-bar .station-link[aria-expanded="true"] {
      background-color: #fefefe; }
    .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; }
    .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 (max-width: 640px) {
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: #fefefe;
        -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; }
        .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; } }
  .b-epg-timeline .epg-teaser {
    padding: 16px 48px 10px 16px;
    background-color: #fefefe; }
    .b-epg-timeline .epg-teaser:not(.m-keyboardfocus) {
      outline: none; }
    .b-epg-timeline .epg-teaser.m-past {
      background-color: rgba(254, 254, 254, 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 {
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3333rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #34393F; }
    .b-epg-timeline .overlay-link .title-icon {
      float: left;
      display: inline-block;
      height: 20px;
      margin-right: 5px;
      font-size: 1.1111rem; }
    .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.7778rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #34393F; }
    .b-epg-timeline .overlay-link-time.m-live {
      color: #fefefe; }
  .b-epg-timeline .live-tag {
    text-overflow: ellipsis;
    white-space: nowrap; }
  .b-epg-timeline .time {
    color: #34393F; }
  .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 (max-width: 640px) {
    .b-footer .x-column {
      padding: 0 16px; }
    .b-footer .top-footer .zdf-logo-item {
      margin: 7px 32px 7px 0; }
    .b-footer .central-footer {
      padding: 16px 0; }
      .b-footer .central-footer .block-item {
        padding: 0; }
    .b-footer .bottom-footer .bottom-footer-list {
      padding-right: 0; }
    .b-footer .bottom-footer .bottom-footer-item {
      margin: 0 4px 0 0; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .b-footer .central-footer .block-item {
      margin: 0; }
    .b-footer .central-footer .footer-block-title {
      margin-bottom: 16px; }
      .b-footer .central-footer .footer-block-title[aria-expanded="true"] {
        margin-bottom: 8px; }
    .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 8px; }
    .b-footer .central-footer .central-footer-link {
      white-space: nowrap; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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 (min-width: 1024px) {
    .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;
      color: #fefefe;
      cursor: inherit; }
      .b-footer .central-footer .footer-block-title:before {
        display: none; }
    .b-footer .central-footer .central-footer-list {
      margin: 0; } }
  .b-footer .top-footer {
    background-color: #34393F; }
    .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; }
      .b-footer .top-footer .zdf-logo-link img.zdf-logo {
        display: block;
        width: auto;
        height: 36px;
        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); }
      .b-footer .top-footer .zdf-logo-link:hover img.zdf-logo, .b-footer .top-footer .zdf-logo-link:focus img.zdf-logo {
        -webkit-transform: scale(1.05, 1.05);
                transform: scale(1.05, 1.05); }
    .b-footer .top-footer .m-keyboardfocus {
      outline-color: #FFFF00; }
  .b-footer .central-footer {
    margin: 0;
    background-color: #25292E; }
    .b-footer .central-footer .block-item:last-child {
      border: none; }
    .b-footer .central-footer .footer-block-title {
      position: relative;
      display: inline-block;
      width: 155px;
      padding: 0 40px 0 0;
      font-size: 1rem;
      line-height: 1rem;
      color: #D4D5D5; }
      .b-footer .central-footer .footer-block-title[role="button"] {
        cursor: pointer; }
      .b-footer .central-footer .footer-block-title:not(.m-keyboardfocus) {
        outline: none; }
      .b-footer .central-footer .footer-block-title:before {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.5556rem;
        -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[aria-expanded="true"]:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .b-footer .central-footer .central-footer-item {
      overflow: hidden;
      line-height: 1.5556rem; }
    .b-footer .central-footer .central-footer-link {
      display: inline-block;
      margin: 0 0 8px;
      border-bottom: 1px solid transparent;
      font-family: "Helvetica-Neue", Arial, sans-serif;
      font-size: 0.8889rem;
      line-height: 0.8889rem;
      color: #96999C;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
      .b-footer .central-footer .central-footer-link:hover, .b-footer .central-footer .central-footer-link:focus {
        border-bottom: 1px solid #FFFF00;
        color: #fefefe; }
      .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: #34393F; }
    .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: "Helvetica-Neue", Arial, sans-serif;
      font-size: 0.7778rem;
      line-height: 0.8889rem;
      color: #D4D5D5;
      -webkit-transition: color 0.4s ease-in-out;
      transition: 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;
        color: #fefefe; }
      .b-footer .bottom-footer .bottom-footer-link:focus {
        outline: none; }
    .b-footer .bottom-footer .m-keyboardfocus {
      outline-color: #FFFF00; }

@media (max-width: 640px) {
  .partner-block {
    margin-top: 8px; }
    .partner-block .logo-item {
      margin-bottom: 8px; }
      .partner-block .logo-item:not(:last-child) {
        margin-right: 10px; }
      .partner-block .logo-item .logo {
        height: 16px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .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; } }

@media (min-width: 1024px) {
  .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 {
  float: left;
  display: inline-block;
  font-weight: 400;
  color: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .partner-block .logo-item:first-child {
    line-height: 1.4444rem; }
  .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; }

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

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

@media (max-width: 640px) {
  .preview .b-login .modal-headline {
    margin: 32px 0 16px;
    padding: 0 16px;
    font-size: 1.5556rem;
    line-height: 1.5556rem; }
  .preview .b-login p,
  .preview .b-login form {
    padding-right: 16px;
    padding-left: 16px; }
  .preview .b-login .required {
    position: relative; }
  .preview .b-login .facebook-register .fb-btn,
  .preview .b-login .google-register .google-btn,
  .preview .b-login .reg-btn {
    float: none; }
  .b-login p {
    font-size: 0.8889rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .preview .b-login .modal-headline {
    margin: 64px 0 16px;
    font-size: 2rem;
    line-height: 2.2222rem; }
  .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.58.4923/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.58.4923/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 p {
    font-size: 1rem; } }

.b-login [aria-controls="logindialog-password"] {
  color: #D4D5D5; }

.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; }
  .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,
.b-login a {
  border-bottom: 1px solid #000;
  -webkit-backface-visibility: hidden;
  -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  color: #fefefe; }
  .b-login label a:hover, .b-login label a:focus,
  .b-login a:hover,
  .b-login a:focus {
    border-bottom: 1px dotted #000;
    color: #000;
    text-decoration: none; }
  .b-login label a:visited,
  .b-login a:visited {
    border-bottom: 1px solid #5C6166;
    color: #5C6166;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
    .b-login label a:visited:hover, .b-login label a:visited:focus,
    .b-login a:visited:hover,
    .b-login a:visited:focus {
      border-bottom: 1px dotted #000;
      color: #000; }

.b-login .checkbox-wrap {
  margin-bottom: 16px; }

.b-login .required {
  position: absolute;
  bottom: 8px;
  left: 0;
  margin-bottom: 0;
  font-size: 0.8889rem;
  line-height: 1.1111rem; }

.b-login .login-submit,
.b-login .tivi-submit {
  width: 100%;
  text-align: center; }

.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: #fefefe; }
    .b-login .tivi-btn:visited:hover, .b-login .tivi-btn:visited:focus {
      border-bottom: none;
      color: #fefefe; }

.b-login .data-protection-text {
  margin: 16px 0 0 0;
  font-size: 0.8889rem; }

.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: 400;
  color: #34393F;
  font-familiy: "Helvetica-Neue", Arial, 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; }

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

.country-selection-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .country-selection-item .img-wrapper {
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
    border-radius: 50%; }
  .country-selection-item label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid transparent;
    padding: 5px;
    font-family: "Helvetica-Neue", Arial, sans-serif;
    font-size: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (hover: hover) and (pointer: fine) {
      .country-selection-item label {
        cursor: pointer; }
        .country-selection-item label:hover .title {
          text-decoration: underline; } }
  .country-selection-item input {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0; }
  .country-selection-item input:not(:checked) + label .img-wrapper {
    opacity: .4; }
  .country-selection-item input:checked + label {
    font-weight: 700; }
    .country-selection-item input:checked + label .img-wrapper {
      opacity: 1; }
  .country-selection-item input.m-keyboardfocus + label {
    border: 2px solid #FA7D19; }
    .country-selection-item input.m-keyboardfocus + label .title {
      text-decoration: underline; }

@media (max-width: 640px) {
  .country-selection [data-module="sticky"] {
    content: '{"container":false,"progress":100,"bottomOffset":20}' !important; }
    .country-selection [data-module="sticky"]::before {
      content: '{"container":false,"progress":100,"bottomOffset":20}' !important;
      font-family: '{"container":false,"progress":100,"bottomOffset":20}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; }
    .country-selection [data-module="sticky"].m-fixed .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); } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .country-selection [data-module="sticky"] {
    content: '{"switchedOff":true}' !important; }
    .country-selection [data-module="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; } }

.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) {
  pointer-events: all; }
  .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 {
    color: #e8e8e8;
    background-color: #FA7D19; }

.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 {
  content: ""; }

.fsk-progress[data-step="2"] li:nth-child(-n+1):not(:last-child):after, .fsk-progress[data-step="3"] li:nth-child(-n+2):not(:last-child):after, .fsk-progress[data-step="done"] li:nth-child(-n+5):not(:last-child):after {
  position: absolute;
  top: 22px;
  left: 10px;
  z-index: -1;
  width: 2px;
  height: 100%;
  background-color: #FA7D19;
  content: ""; }

.fsk-progress[data-step="1"] li:nth-child(-n+1), .fsk-progress[data-step="2"] li:nth-child(2), .fsk-progress[data-step="3"] li:nth-child(3) {
  font-weight: 700; }
  .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 {
    color: #E8E8E8;
    background-color: #FA7D19;
    font-weight: 800; }

.fsk-progress {
  counter-reset: step-counter;
  margin-top: 16px; }
  .fsk-progress.fsk-progress li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    line-height: 16px;
    color: #25292E;
    pointer-events: none;
    counter-increment: step-counter; }
    .fsk-progress.fsk-progress li:before {
      display: inline-block;
      width: 22px;
      height: 22px;
      min-width: 22px;
      margin-right: 10px;
      border: 2px solid #FA7D19;
      border-radius: 50%;
      font-family: "Helvetica-Neue", Arial, sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 18px;
      text-align: center;
      background-color: #E8E8E8;
      content: counter(step-counter); }
    .fsk-progress.fsk-progress li a,
    .fsk-progress.fsk-progress li button {
      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; }

.passport-selection-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 16px;
  background-color: #D4D5D5;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .passport-selection-btn[aria-expanded="false"] {
    color: #25292E;
    background-color: #D4D5D5; }
  .passport-selection-btn[aria-expanded="true"] {
    font-weight: 500;
    color: #25292E;
    background-color: #fefefe; }

.passport-selection-panel:not(.m-open) {
  display: none; }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-fsk-validation-result .side-title {
    display: block;
    margin-top: 64px;
    font-size: 2rem;
    line-height: 2.2222rem;
    color: #5C6166; } }

@media (max-width: 640px) {
  .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 (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .b-gallery-module .gallery-slider-box .slide-prev {
    left: 0; }
  .b-gallery-module .gallery-slider-box .slide-next {
    right: 0; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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 (min-width: 1024px) {
  .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: 400; }
  .b-gallery-module .gallery-slider-box .teaser-foot .teaser-info {
    font-weight: 400; }

.b-gallery-module .content-item {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0;
  background-color: #34393F; }
  .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: #fefefe; }
  .b-gallery-module .item-caption .teaser-title {
    color: #fefefe; }
    .b-gallery-module .item-caption .teaser-title a {
      color: #fefefe; }
    .b-gallery-module .item-caption .teaser-title .item-number {
      font-family: "Helvetica-Neue", Arial, sans-serif; }
  .b-gallery-module .item-caption .title-link {
    color: #fefefe; }
    .b-gallery-module .item-caption .title-link:focus:not(:hover) {
      text-decoration: underline; }
  .b-gallery-module .item-caption .item-description {
    color: #fefefe; }
    .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: #fefefe; }
  .b-gallery-module .item-caption .video-description {
    color: #fefefe; }
  .b-gallery-module .item-caption .teaser-foot {
    overflow: hidden;
    position: absolute;
    top: inherit;
    bottom: 24px;
    display: inline-block;
    width: 100%;
    padding-right: 64px;
    color: #fefefe; }

.b-gallery-module .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; }
  .b-gallery-module .expand-btn:focus {
    opacity: .8; }
  .b-gallery-module .expand-btn:before {
    font-size: 1.6667rem;
    line-height: 40px;
    color: #fefefe; }

.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 (max-width: 640px) {
    .b-cluster-teaser-livestream {
      width: 224px;
      height: 126px; }
      .b-cluster-teaser-livestream:not(:last-child) {
        margin-right: 1px; }
      .b-cluster-teaser-livestream .b-ratiobox:after {
        height: 40px; }
      .b-cluster-teaser-livestream .teaser-foot {
        left: 10px;
        font-size: 0.7222rem; }
        .b-cluster-teaser-livestream .teaser-foot .teaser-info {
          font-size: 0.7222rem; }
        .b-cluster-teaser-livestream .teaser-foot .icon {
          display: none; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-cluster-teaser-livestream {
      width: 320px;
      height: 180px; }
      .b-cluster-teaser-livestream:not(:last-child) {
        margin-right: 2px; }
      .b-cluster-teaser-livestream .b-ratiobox:after {
        height: 60px; }
      .b-cluster-teaser-livestream .teaser-foot {
        left: 24px;
        font-size: 0.7778rem; }
        .b-cluster-teaser-livestream .teaser-foot .teaser-info {
          font-size: 0.7778rem; } }
  @media (min-width: 1024px) {
    .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: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(10, 10, 10, 0.4);
    color: #fefefe; }
    .b-cluster-teaser-livestream .teaser-foot .icon {
      margin-right: 6px;
      line-height: 1.4444rem; }
  .b-cluster-teaser-livestream .teaser-info {
    display: inline-block;
    font-weight: 700; }

.b-cluster-livestream {
  overflow: hidden;
  position: relative; }
  @media (max-width: 640px) {
    .b-cluster-livestream .cluster-content {
      height: 126px; }
      .b-cluster-livestream .cluster-content .tile-box-wrap {
        height: 126px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-cluster-livestream .cluster-content {
      height: 180px; }
      .b-cluster-livestream .cluster-content .tile-box-wrap {
        height: 180px; } }
  .b-cluster-livestream .cluster-content {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    .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; }
  .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; }

.b-cluster-poster-teaser {
  position: relative;
  background-color: #25292E; }
  @media screen and (max-width: 39.99875em) {
    .b-cluster-poster-teaser .b-ratiobox {
      width: 203px; }
    .b-cluster-poster-teaser .box {
      padding: 16px; }
    .b-cluster-poster-teaser .teaser-cat {
      right: 16px;
      left: 16px; }
    .b-cluster-poster-teaser .teaser-title,
    .b-cluster-poster-teaser .teaser-title-link {
      font-size: 1.1111rem;
      line-height: 1.4444rem; }
    .b-cluster-poster-teaser .teaser-label {
      max-width: 140px;
      margin-top: 8px; }
    .b-cluster-poster-teaser .teaser-foot {
      margin-top: 8px; }
      .b-cluster-poster-teaser .teaser-foot .icon {
        line-height: 1.1111rem;
        vertical-align: middle; }
      .b-cluster-poster-teaser .teaser-foot .teaser-info {
        overflow: hidden;
        max-width: 120px;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; } }
  @media print, screen and (min-width: 40em) {
    .b-cluster-poster-teaser .b-ratiobox {
      width: 270px; }
    .b-cluster-poster-teaser .box {
      padding: 16px 24px 20px; }
    .b-cluster-poster-teaser .teaser-cat {
      right: 24px;
      left: 24px; }
    .b-cluster-poster-teaser .teaser-title,
    .b-cluster-poster-teaser .teaser-title-link {
      font-size: 1.4444rem;
      line-height: 1.8889rem; }
    .b-cluster-poster-teaser .teaser-label {
      max-width: 200px;
      margin: 16px 0 0; }
    .b-cluster-poster-teaser .teaser-foot {
      margin: 16px 0 -7px; } }
  @media screen and (min-width: 64em) and (max-width: 74.99875em) {
    .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:not(:last-child) {
    margin-right: 2px; }
  .b-cluster-poster-teaser .b-ratiobox {
    overflow: hidden;
    padding: 0 0 177.6% 0; }
    .b-cluster-poster-teaser .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: ""; }
  .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-cat {
    position: absolute;
    top: 16px;
    text-shadow: 0 2px 4px rgba(10, 10, 10, 0.5); }
  .b-cluster-poster-teaser .teaser-episode-number {
    float: none;
    text-shadow: 0 2px 4px rgba(10, 10, 10, 0.5); }
  .b-cluster-poster-teaser .teaser-title {
    padding-right: 20px; }
  .b-cluster-poster-teaser .teaser-title,
  .b-cluster-poster-teaser .teaser-title-link {
    position: static;
    display: inline-table;
    margin: auto 0 0;
    text-shadow: 0 2px 4px rgba(10, 10, 10, 0.5);
    white-space: normal;
    color: #fefefe; }
  .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 {
  overflow: hidden;
  position: relative; }
  @media (max-width: 640px) {
    .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; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-cluster-poster .cluster-content {
      height: 480px; }
    .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 (min-width: 1024px) {
    .b-cluster-poster .cluster-content {
      height: 480px; }
    .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; }
  .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 (max-width: 640px) {
  .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;
    line-height: 1.2222rem; }
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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.4444rem; }
  .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: 1rem;
    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: 1.8889rem;
    text-align: center;
    color: #fefefe;
    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: 0.8889rem;
    font-weight: 700;
    line-height: 1.2222rem;
    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: "Helvetica-Neue", Arial, 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.7778rem; }

.b-group-persons {
  position: relative;
  margin: 0 0 16px; }
  @media (max-width: 640px) {
    .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: 0.8889rem;
      line-height: 1.2222rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: 1rem;
      line-height: 1.4444rem; }
    .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: #fefefe;
    background-color: #34393F; }
    .b-group-persons .guest-box .guest-description.m-text-dark {
      color: #34393F; }
      .b-group-persons .guest-box .guest-description.m-text-dark a {
        color: #34393F; }
    .b-group-persons .guest-box .guest-description .artdirect {
      display: none; }
    .b-group-persons .guest-box .guest-description a {
      border-bottom: 1px solid #000;
      -webkit-backface-visibility: hidden;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      color: #fefefe; }
      .b-group-persons .guest-box .guest-description a:hover, .b-group-persons .guest-box .guest-description a:focus {
        border-bottom: 1px dotted #000;
        color: #000;
        text-decoration: none; }
      .b-group-persons .guest-box .guest-description a:visited {
        border-bottom: 1px solid #5C6166;
        color: #5C6166;
        -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
        transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
        .b-group-persons .guest-box .guest-description a:visited:hover, .b-group-persons .guest-box .guest-description a:visited:focus {
          border-bottom: 1px dotted #000;
          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.3333rem;
    color: #5C6166;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .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-group-relations,
  .b-group-persons + .b-cluster {
    margin-top: -28px; }
    .b-group-persons + .b-group-persons.x-notitle,
    .b-group-persons + .b-group-relations.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; }

.b-group-relations {
  overflow: hidden;
  position: relative;
  margin: 0 0 16px;
  background-color: #fefefe; }
  @media (max-width: 640px) {
    .b-group-relations {
      margin-top: 32px;
      padding-bottom: 32px; }
      .b-group-relations.m-relation-mode .relation-back-btn {
        position: relative;
        margin-bottom: 16px; }
      .b-group-relations .relations-overview .guest-box .relation-btn {
        top: 1px;
        font-size: 0.7778rem;
        line-height: 1.2222rem; }
      .b-group-relations .relation-view .guest-list.x-relation-head .guest-box {
        position: relative;
        padding-bottom: 16px; }
        .b-group-relations .relation-view .guest-list.x-relation-head .guest-box:before {
          position: absolute;
          top: 40px;
          left: 8px;
          display: block;
          width: 20px;
          border-top: 1px solid #5C6166;
          content: ""; }
        .b-group-relations .relation-view .guest-list.x-relation-head .guest-box:after {
          position: absolute;
          top: 40px;
          left: 8px;
          display: block;
          height: calc(100% - 40px);
          border-left: 1px solid #5C6166;
          content: ""; }
      .b-group-relations .relations-list {
        content: '{"items": ".guest-box","count":4}' !important; }
        .b-group-relations .relations-list::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-group-relations .relations-list .guest-list .guest-box {
          position: relative;
          padding-left: 72px; }
          .b-group-relations .relations-list .guest-list .guest-box:last-child:after {
            height: 50%; }
          .b-group-relations .relations-list .guest-list .guest-box:before {
            position: absolute;
            top: 50%;
            left: 8px;
            display: block;
            width: 64px;
            border-top: 1px solid #5C6166;
            content: ""; }
          .b-group-relations .relations-list .guest-list .guest-box:after {
            position: absolute;
            top: 0;
            left: 8px;
            display: block;
            height: 100%;
            border-left: 1px solid #5C6166;
            content: ""; }
          .b-group-relations .relations-list .guest-list .guest-box .more-relation-btn {
            position: absolute;
            top: 50%;
            left: 24px;
            width: 32px;
            height: 32px;
            font-size: 1.1111rem;
            line-height: 1.7778rem;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
          .b-group-relations .relations-list .guest-list .guest-box .relation-btn {
            position: absolute;
            top: 50%;
            right: -16px;
            height: 32px;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
            .b-group-relations .relations-list .guest-list .guest-box .relation-btn:before {
              top: 0; }
      .b-group-relations .scroll-arrow {
        display: none; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-group-relations .guest-list.x-relation-head .guest-box .guest-img {
      width: 190px; }
    .b-group-relations .guest-list.x-relation-head .guest-box .guest-text {
      padding: 32px 0 0 212px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-group-relations {
      margin-top: 64px;
      padding-bottom: 64px; }
      .b-group-relations .big-headline {
        padding-right: 240px; }
      .b-group-relations .relation-back-btn {
        top: 70px;
        right: 0;
        margin: 0; }
      .b-group-relations .relation-view .guest-box:only-child .guest-img-wrap {
        z-index: 2; }
      .b-group-relations .relation-view .guest-box:only-child .guest-text {
        position: relative;
        min-height: 240px;
        padding-bottom: 64px; }
        .b-group-relations .relation-view .guest-box:only-child .guest-text:after {
          position: absolute;
          top: 0;
          left: 94px;
          z-index: 1;
          display: block;
          height: 100%;
          border-left: 1px solid #5C6166;
          content: ""; }
      .b-group-relations .relations-list {
        position: relative; }
        .b-group-relations .relations-list .js-scroller {
          overflow: visible; }
        .b-group-relations .relations-list .scroll-arrow {
          opacity: 1;
          top: 0;
          width: 60px;
          height: 60px;
          border: 6px solid #fefefe;
          border-radius: 50%;
          color: #fefefe;
          background-color: #5C6166;
          -webkit-transition: background-color 0.4s ease-in-out;
          transition: background-color 0.4s ease-in-out; }
          .b-group-relations .relations-list .scroll-arrow:hover {
            background-color: #34393F; }
          .b-group-relations .relations-list .scroll-arrow:disabled {
            display: none; }
          .b-group-relations .relations-list .scroll-arrow:before {
            font-size: 1.5556rem;
            line-height: 48px; }
          .b-group-relations .relations-list .scroll-arrow:after {
            position: absolute;
            top: 24px;
            display: block;
            width: calc((100vw - 1152px) / 2);
            border-top: 1px solid #5C6166;
            content: ""; }
          .b-group-relations .relations-list .scroll-arrow.x-prev:after {
            left: calc(((100vw - 1140px) / 2)* (-1)); }
          .b-group-relations .relations-list .scroll-arrow.x-next:after {
            right: calc(((100vw - 1140px) / 2)* (-1)); }
        .b-group-relations .relations-list .guest-list {
          min-width: calc(100% + 12px); }
          .b-group-relations .relations-list .guest-list .guest-box {
            position: relative;
            padding: 0 16px; }
            .b-group-relations .relations-list .guest-list .guest-box:before {
              position: absolute;
              top: 0;
              left: 80px;
              display: block;
              height: 110px;
              border-left: 1px solid #5C6166;
              content: ""; }
            .b-group-relations .relations-list .guest-list .guest-box:after {
              position: absolute;
              top: 0;
              left: 0;
              display: block;
              width: 100%;
              border-top: 1px solid #5C6166;
              content: ""; }
            .b-group-relations .relations-list .guest-list .guest-box:nth-child(2):after {
              left: 80px;
              width: calc(100% - 70px); }
            .b-group-relations .relations-list .guest-list .guest-box:last-child:after {
              width: 80px; }
            .b-group-relations .relations-list .guest-list .guest-box .more-relation-btn {
              position: relative;
              display: block;
              margin: 48px 0 16px 52px;
              padding: 0 32px;
              font-size: 0.8889rem;
              font-weight: 700;
              line-height: 1.7778rem; }
              .b-group-relations .relations-list .guest-list .guest-box .more-relation-btn:hover:after, .b-group-relations .relations-list .guest-list .guest-box .more-relation-btn.m-keyboardfocus:after {
                right: 0; }
              .b-group-relations .relations-list .guest-list .guest-box .more-relation-btn:hover .hide-for-small-only, .b-group-relations .relations-list .guest-list .guest-box .more-relation-btn.m-keyboardfocus .hide-for-small-only {
                text-decoration: underline; }
              .b-group-relations .relations-list .guest-list .guest-box .more-relation-btn:before {
                position: absolute;
                top: 0;
                left: 0;
                font-size: 1.3333rem; }
              .b-group-relations .relations-list .guest-list .guest-box .more-relation-btn:after {
                position: absolute;
                top: 2px;
                right: 5px;
                font-family: "zdf-iconfont" !important;
                font-size: 1.3333rem;
                font-weight: normal;
                font-style: normal;
                font-variant: normal;
                text-transform: none;
                content: "";
                speak: none;
                -webkit-transition: right 0.4s ease-in-out;
                transition: right 0.4s ease-in-out;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; } }
  @media (min-width: 1024px) {
    .b-group-relations .guest-box:only-child {
      width: 66.66667%; }
    .b-group-relations .relation-view .relations-list .guest-list .guest-box .guest-img {
      width: 126px !important; }
    .b-group-relations .relation-view .relations-list .guest-list .guest-box .guest-text {
      padding: 0 0 0 146px !important; } }
  .b-group-relations.m-relation-mode .relation-back-btn {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 10px 16px 10px 32px;
    pointer-events: all; }
  .b-group-relations.m-relation-mode .relations-overview {
    display: none; }
  .b-group-relations .relation-back-btn {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    height: 0;
    outline: none;
    margin: 0;
    padding: 0 0 0 32px;
    color: #34393F;
    background-color: transparent;
    pointer-events: none; }
    .b-group-relations .relation-back-btn:hover:before, .b-group-relations .relation-back-btn.m-keyboardfocus:before {
      left: 0; }
    .b-group-relations .relation-back-btn:before {
      position: absolute;
      top: 11px;
      left: 5px;
      font-size: 1.3333rem;
      -webkit-transition: left 0.4s ease-in-out;
      transition: left 0.4s ease-in-out; }
  .b-group-relations .relation-view {
    display: none;
    outline: none; }
    .b-group-relations .relation-view.m-open {
      display: block; }
    .b-group-relations .relation-view .relations-list .guest-box .guest-info:not(.m-link):hover {
      cursor: default; }
      .b-group-relations .relation-view .relations-list .guest-box .guest-info:not(.m-link):hover .guest-img {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1); }
      .b-group-relations .relation-view .relations-list .guest-box .guest-info:not(.m-link):hover .guest-name,
      .b-group-relations .relation-view .relations-list .guest-box .guest-info:not(.m-link):hover .guest-title {
        text-decoration: none; }
  .b-group-relations .guest-box .relation-btn {
    position: relative;
    padding-right: 32px;
    font-size: 0.8889rem;
    font-weight: 700;
    text-align: left;
    color: #34393F; }
    .b-group-relations .guest-box .relation-btn:focus:before {
      right: 0; }
    .b-group-relations .guest-box .relation-btn:focus .inner,
    .b-group-relations .guest-box .relation-btn:focus .hide-for-small-only {
      text-decoration: underline; }
    .b-group-relations .guest-box .relation-btn:before {
      position: absolute;
      right: 5px;
      font-size: 1.3333rem;
      -webkit-transition: right 0.4s ease-in-out;
      transition: right 0.4s ease-in-out; }
  .b-group-relations .guest-box .more-relation-btn {
    color: #34393F;
    background-color: #fefefe; }
  .b-group-relations .guest-box .guest-info:hover .relation-btn:before {
    right: 0; }
  .b-group-relations .guest-box .guest-info:hover .relation-btn .inner,
  .b-group-relations .guest-box .guest-info:hover .relation-btn .hide-for-small-only {
    text-decoration: underline; }
  .b-group-relations .guest-list.x-relation-head {
    text-align: left; }
  .b-group-relations .x-end p:last-child {
    margin-bottom: 0; }
  .b-group-relations + .b-group-persons,
  .b-group-relations + .b-group-relations,
  .b-group-relations + .b-cluster {
    margin-top: -28px; }
    .b-group-relations + .b-group-persons.x-notitle,
    .b-group-relations + .b-group-relations.x-notitle,
    .b-group-relations + .b-cluster.x-notitle {
      margin-top: -12px; }
  .b-group-relations .guest-box-no-desc {
    text-decoration: none !important;
    cursor: default !important; }
    .b-group-relations .guest-box-no-desc:hover {
      text-decoration: none !important; }
  .b-group-relations .guest-excerpt p a {
    border-bottom: 1px solid #000;
    -webkit-backface-visibility: hidden;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    color: #34393F; }
    .b-group-relations .guest-excerpt p a:hover, .b-group-relations .guest-excerpt p a:focus {
      border-bottom: 1px dotted #000;
      color: #000;
      text-decoration: none; }
    .b-group-relations .guest-excerpt p a:visited {
      border-bottom: 1px solid #5C6166;
      color: #5C6166;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
      .b-group-relations .guest-excerpt p a:visited:hover, .b-group-relations .guest-excerpt p a:visited:focus {
        border-bottom: 1px dotted #000;
        color: #000; }

@media (max-width: 640px) {
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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.5556rem; }
  .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.5556rem; }

.b-group-shorttext p a {
  border-bottom: 1px solid #000;
  -webkit-backface-visibility: hidden;
  -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  color: #34393F; }
  .b-group-shorttext p a:hover, .b-group-shorttext p a:focus {
    border-bottom: 1px dotted #000;
    color: #000;
    text-decoration: none; }
  .b-group-shorttext p a:visited {
    border-bottom: 1px solid #5C6166;
    color: #5C6166;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
    .b-group-shorttext p a:visited:hover, .b-group-shorttext p a:visited:focus {
      border-bottom: 1px dotted #000;
      color: #000; }

.b-group-shorttext p:last-child {
  margin-bottom: 0; }

.b-group-shorttext li {
  line-height: 1.4444rem; }
  .b-group-shorttext li a {
    border-bottom: 1px solid #000;
    -webkit-backface-visibility: hidden;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    color: #34393F; }
    .b-group-shorttext li a:hover, .b-group-shorttext li a:focus {
      border-bottom: 1px dotted #000;
      color: #000;
      text-decoration: none; }
    .b-group-shorttext li a:visited {
      border-bottom: 1px solid #5C6166;
      color: #5C6166;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
      .b-group-shorttext li a:visited:hover, .b-group-shorttext li a:visited:focus {
        border-bottom: 1px dotted #000;
        color: #000; }

.b-group-shorttext .inline-quote {
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-style: italic; }

.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 (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .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: 0.8889rem;
          line-height: 50px;
          color: #fefefe; }
          .b-header .top-bar .menu-btn:before {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 1.3333rem; }
          .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: 0.8889rem;
          line-height: 50px;
          color: #fefefe; }
          .b-header .top-bar .search-btn:before {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 1.3333rem; }
          .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.3333rem; }
        .b-header .top-bar-section .menu-item .link:before {
          line-height: 58px; }
      .b-header .top-bar-section .dropdown-link {
        line-height: 38px; } }
  @media (min-width: 1024px) {
    .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 .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 .menu-item {
        margin: 0 30px; }
      .b-header .top-bar-section .menu-item {
        border-top: none; }
        .b-header .top-bar-section .menu-item .link {
          margin: 15px 0;
          padding: 0 20px 0 26px;
          line-height: 50px;
          -webkit-transition: margin 0.4s;
          transition: margin 0.4s; }
          .b-header .top-bar-section .menu-item .link:before {
            display: block;
            line-height: 48px; }
      .b-header .top-bar-section .right-nav {
        margin-right: -20px; }
        .b-header .top-bar-section .right-nav .menu-item:first-child {
          margin: 0 30px 0 0; }
        .b-header .top-bar-section .right-nav .menu-item:last-child {
          margin: 0 0 0 30px; }
      .b-header .top-bar-section .dropdown-list {
        margin-left: 115px; }
      .b-header .top-bar-section .dropdown.x-myzdf .dropdown-block {
        float: right;
        width: 126px;
        margin-right: -20px; }
      .b-header .top-bar-section .dropdown-item {
        padding: 4px 0; }
      .b-header .top-bar-section .dropdown-link {
        line-height: 1.6667rem; } }
  .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; }
    .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: "Helvetica-Neue", Arial, sans-serif;
        font-size: 0.8889rem;
        font-weight: 400;
        color: #fefefe;
        background-color: transparent;
        -moz-osx-font-smoothing: auto; }
        .b-header .top-bar-section .menu-item .link:before {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          display: block;
          font-family: "zdf-iconfont";
          font-size: 1.1111rem;
          -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: #fefefe; }
          .b-header .top-bar-section .menu-item .link:hover:not(.m-keyboardfocus) {
            outline: none; }
          .b-header .top-bar-section .menu-item .link:hover:before {
            -webkit-transform: translateX(-5px) scale(1.5);
                    transform: translateX(-5px) 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:before {
            -webkit-transform: none;
                    transform: none; }
        .b-header .top-bar-section .menu-item .link.m-active {
          color: #fefefe; }
          .b-header .top-bar-section .menu-item .link.m-active: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(52, 57, 63, 0.95);
      -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 .x-row {
        margin: 0 auto; }
      .b-header .top-bar-section .dropdown.x-myzdf .dropdown-block {
        border-left: none; }
        .b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .dropdown-item {
          margin: 16px; }
        .b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .login-btn {
          font-size: 0.8889rem;
          font-weight: 700;
          line-height: 38px;
          color: #fefefe; }
          .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.2222rem; }
        .b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .dropdown-link {
          margin: 0;
          line-height: 1.3333rem; }
          .b-header .top-bar-section .dropdown.x-myzdf .dropdown-block .dropdown-link .nickname:before {
            display: block;
            content: ""; }
    .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: #fefefe; }
      .b-header .top-bar-section .dropdown-item.m-active .dropdown-link .link-text {
        border-bottom: 1px solid #fefefe;
        text-decoration: none;
        color: #fefefe; }
    .b-header .top-bar-section .dropdown-link {
      display: block;
      margin: 0 16px;
      padding: 0;
      font-size: 0.8889rem;
      color: #fefefe;
      background: none; }
      .b-header .top-bar-section .dropdown-link:hover, .b-header .top-bar-section .dropdown-link:focus {
        text-decoration: none;
        color: #fefefe; }
        .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 #bebfbf; }
    .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 .messies {
      opacity: 0;
      position: absolute;
      top: 10px;
      right: 0;
      display: block;
      border-radius: 8px;
      padding: 1px 6px;
      font-size: 0.7778rem;
      font-weight: 700;
      line-height: 16px;
      color: #fefefe;
      background-color: #000;
      -webkit-transition: opacity 0.4s;
      transition: opacity 0.4s; }
      .b-header .top-bar-section .messies.m-show {
        opacity: 1; }
    .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; }

.smartbanner-show .b-header {
  top: 80px; }

.tiviapp .smartbanner-show .b-header {
  top: 0; }

.b-heute-video {
  margin-bottom: 24px; }
  @media (max-width: 640px) {
    .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: #fefefe;
    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; }
    .b-heute-video .details.m-label {
      padding-top: 48px; }
    .b-heute-video .details .teaser-label {
      top: 0;
      left: 16px; }
    .b-heute-video .details .teaser-foot {
      position: static; }
    .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-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.3333rem; } }

@media 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: #fefefe; } }

.b-news-index.teaser-list-background {
  background-color: #D4D5D5; }
  @media 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; }

.b-group-news-opener {
  position: relative;
  margin-top: 32px; }
  @media screen and (max-width: 39.99875em) {
    .b-group-news-opener {
      padding: 0; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .b-group-news-opener {
      margin-left: 0.3333333333rem;
      margin-right: 0.3333333333rem;
      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%; }
    @media 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;
        width: 100%; } }
    .b-group-news-opener .img-container .img-item {
      position: relative;
      top: 0;
      width: 100%;
      height: 100%; }
  @media print, screen and (min-width: 64em) {
    .b-group-news-opener .box-shadow {
      position: absolute;
      bottom: 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: 100%;
        min-height: 490px; } }
  .b-group-news-opener .teaser-box {
    position: relative;
    z-index: 1;
    background: #073458; }
    @media print, screen and (min-width: 40em) {
      .b-group-news-opener .teaser-box {
        background: none; } }
    .b-group-news-opener .teaser-box-container {
      padding: 16px; }
      @media print, screen and (min-width: 40em) {
        .b-group-news-opener .teaser-box-container {
          margin-top: 24px;
          padding: 0; } }
  .b-group-news-opener .teaser-title-link {
    line-height: 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.1111rem; }
    @media print, screen and (min-width: 40em) {
      .b-group-news-opener .teaser-title-link {
        line-height: 40px;
        margin-bottom: 24px; } }
    @media print, screen and (min-width: 64em) {
      .b-group-news-opener .teaser-title-link {
        font-size: 2rem; } }
  .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: #fefefe;
    text-shadow: none; }
    @media print, screen and (min-width: 40em) {
      .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 {
        text-shadow: 0 2px 4px rgba(10, 10, 10, 0.5); } }
  .b-group-news-opener .teaser-label {
    top: -20px; }
    @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; }
    .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; } }
  @media screen and (max-width: 39.99875em) {
    .b-group-news-opener .b-plus-button.small-small {
      top: -50px;
      right: 6px; } }
  @media 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; }
  .b-group-news-opener .author-icon {
    position: relative;
    margin-top: 16px; }

@media 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; }
  @media print, screen and (min-width: 40em) {
    .teaser-box-text {
      width: 245px;
      height: 145px;
      padding: 16px 24px; } }
  @media print, screen and (min-width: 64em) {
    .teaser-box-text {
      width: 276px;
      height: 155px;
      padding: 24px 30px; } }
  @media print, screen and (min-width: 40em) {
    .teaser-box-text {
      overflow: hidden;
      position: relative;
      background: #fefefe; } }
  .teaser-box-text.teaser-box-text .teaser-cat,
  .teaser-box-text.teaser-box-text .teaser-title-link {
    color: #fefefe; }
    @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: #0a0a0a; } }
  .teaser-box-text.teaser-box-text .teaser-title-link {
    font-weight: bold;
    font-size: 1.1111rem; }
    @media print, screen and (min-width: 40em) {
      .teaser-box-text.teaser-box-text .teaser-title-link {
        font-size: 1.1111rem;
        line-height: 1.3333rem; } }
    @media print, screen and (min-width: 64em) {
      .teaser-box-text.teaser-box-text .teaser-title-link {
        font-size: 1.2222rem;
        line-height: 1.6667rem; } }
  @media screen and (max-width: 39.99875em) {
    .teaser-box-text .x-lonely {
      margin-bottom: -16px; } }

@media screen and (max-width: 39.99875em) {
  .b-group-promo-teaser .box .teaser-label {
    position: absolute;
    top: -16px;
    left: 16px; } }

@media print, screen and (min-width: 40em) {
  .b-group-promo-teaser .box .teaser-label {
    position: relative;
    left: 0;
    margin-top: 32px; } }

.b-group-promo-teaser .box .teaser-text {
  padding: 0;
  margin-bottom: 24px; }
  @media print, screen and (min-width: 40em) {
    .b-group-promo-teaser .box .teaser-text {
      margin-bottom: 16px; } }
  .b-group-promo-teaser .box .teaser-text + .author-icon {
    color: #fefefe;
    position: relative;
    margin-bottom: 16px;
    display: inline-block; }
    @media print, screen and (min-width: 40em) {
      .b-group-promo-teaser .box .teaser-text + .author-icon {
        margin: 16px 0 0; } }

.b-group-promo-teaser .box .teaser-title {
  margin-bottom: 16px; }

.b-group-promo-teaser .teaser-container .scroll-arrow.x-next {
  right: 0; }

.b-group-promo-teaser .teaser-container .scroll-arrow.x-prev {
  left: 0; }

@media print, screen and (min-width: 40em) {
  .b-group-promo-teaser .teaser-container .context-teaser-box {
    width: 245px;
    height: 145px;
    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; } }

@media print, screen and (min-width: 64em) {
  .b-group-promo-teaser .teaser-container .context-teaser-box {
    width: 276px;
    height: 155px; } }

@media screen and (max-width: 39.99875em) {
  .b-group-promo-teaser .teaser-container .box-container {
    background-color: #073458; } }

@media screen and (max-width: 39.99875em) {
  .b-group-promo-teaser .context-teaser-list {
    padding: 0 16px 24px; } }

.b-group-promo-teaser .context-teaser-list li:last-child .teaser-box-text {
  padding-bottom: 0; }

.b-group-promo-teaser .highlight {
  color: #fefefe;
  font-size: 2.2222rem;
  width: 40px;
  height: 40px; }
  @media screen and (max-width: 39.99875em) {
    .b-group-promo-teaser .highlight {
      position: absolute;
      top: -58px; } }

.context-teaser-small {
  color: #fefefe;
  z-index: 1;
  background: #073458; }
  @media 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 8px 16px; } }
  @media print, screen and (min-width: 40em) {
    .context-teaser-small {
      background: none;
      position: relative; } }
  @media screen and (max-width: 39.99875em) {
    .context-teaser-small .teaser-title {
      display: none; } }
  @media print, screen and (min-width: 40em) {
    .context-teaser-small .teaser-title {
      text-shadow: 0 2px 4px rgba(10, 10, 10, 0.5); } }
  .context-teaser-small .teaser-cat {
    color: #fefefe;
    display: none; }
    @media print, screen and (min-width: 40em) {
      .context-teaser-small .teaser-cat {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .context-teaser-small .teaser-text {
    font-weight: normal;
    font-size: 0.8889rem;
    color: #fefefe;
    line-height: 1.2222rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    vertical-align: middle; }
    @media 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: bold;
        line-height: 1.4444rem;
        font-size: 1rem;
        text-shadow: 0 2px 4px rgba(10, 10, 10, 0.5); } }
  .context-teaser-small .context-teaser-small-container {
    background-color: rgba(254, 254, 254, 0.1);
    margin-bottom: 16px; }
    @media 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: #246085; } }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      .context-teaser-small .context-teaser-small-container {
        padding: 16px 15px 24px;
        background-color: rgba(254, 254, 254, 0.2); } }
    @media print, screen and (min-width: 64em) {
      .context-teaser-small .context-teaser-small-container {
        padding: 16px;
        background-color: rgba(254, 254, 254, 0.2); } }
  @media screen and (max-width: 39.99875em) {
    .context-teaser-small:last-child {
      padding-right: 16px; } }

@media 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: #F5F5F5; }
    .teaser-background-small .context-teaser-small .teaser-text {
      color: #0a0a0a; } }

.b-news-teaser-briefing {
  position: relative;
  background-color: #fefefe; }
  @media screen and (max-width: 39.99875em) {
    .b-news-teaser-briefing {
      display: block;
      height: 100%;
      padding-bottom: 50px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .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 (min-width: 1024px) {
    .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; } }
  @media screen and (max-width: 39.99875em) {
    .b-news-teaser-briefing .teaser-label {
      top: 16px; } }
  @media print, screen and (min-width: 64em) {
    .b-news-teaser-briefing .teaser-label {
      top: -24px; } }
  .b-news-teaser-briefing .box {
    padding: 24px 24px 0; }
    @media screen and (max-width: 39.99875em) {
      .b-news-teaser-briefing .box {
        padding-top: 56px;
        min-height: 200px; } }
    @media 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; } }
  @media screen and (max-width: 39.99875em) {
    .b-news-teaser-briefing .author-icon {
      position: absolute;
      margin-top: 24px;
      padding-bottom: 14px;
      bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .b-news-teaser-briefing .author-icon {
      position: relative;
      margin-top: 16px;
      bottom: 0; } }
  .b-news-teaser-briefing .teaser-briefing-img {
    text-align: right; }
    @media (max-width: 640px) {
      .b-news-teaser-briefing .teaser-briefing-img {
        width: 140px;
        height: 158px;
        float: right;
        clear: right; } }
    @media (min-width: 641px) and (max-width: 1023px) {
      .b-news-teaser-briefing .teaser-briefing-img {
        width: 100%; } }
    @media (min-width: 1024px) {
      .b-news-teaser-briefing .teaser-briefing-img {
        height: 235px; } }
    .b-news-teaser-briefing .teaser-briefing-img img {
      width: 100%;
      max-height: 100%; }
      @media (min-width: 1024px) {
        .b-news-teaser-briefing .teaser-briefing-img img {
          width: auto; } }
  @media (max-width: 640px) {
    .b-news-teaser-briefing .spacer {
      width: 0;
      height: calc(100% - 108px);
      float: right; } }
  @media (min-width: 1024px) {
    .b-news-teaser-briefing .spacer {
      height: calc(100% - 235px); } }
  .b-news-teaser-briefing .teaser-cat {
    display: none; }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      .b-news-teaser-briefing .teaser-cat {
        display: block; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .b-news-teaser-briefing .teaser-text {
      display: none; } }

.b-news-teaser-large {
  position: relative;
  background-color: #fefefe;
  width: 100%;
  display: block; }
  @media 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: #fefefe;
      position: relative;
      width: 100%; } }
  .b-news-teaser-large .box {
    padding: 16px; }
    @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
      .b-news-teaser-large .box {
        position: relative; } }
    @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
      .b-news-teaser-large .box {
        padding: 24px;
        bottom: 0; } }
    @media (min-width: 1024px) {
      .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-link {
          color: #fefefe; } }
    .b-news-teaser-large .box .teaser-foot {
      position: static; }
    @media (max-width: 640px) {
      .b-news-teaser-large .box .author-icon {
        padding-top: 8px; } }
    @media (max-width: 640px) {
      .b-news-teaser-large .box .teaser-title {
        padding-top: 16px; } }
  .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: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: ""; }

.b-news-event-module {
  background-color: #073458;
  color: #fefefe; }
  @media print, screen and (min-width: 40em) {
    .b-news-event-module {
      background: -webkit-gradient(linear, left top, left bottom, from(#073458), color-stop(30%, #073458), color-stop(60%, #246085), color-stop(80%, #5690ae), to(#70a7c1));
      background: -webkit-linear-gradient(top, #073458 0%, #073458 30%, #246085 60%, #5690ae 80%, #70a7c1 100%);
      background: linear-gradient(to bottom, #073458 0%, #073458 30%, #246085 60%, #5690ae 80%, #70a7c1 100%);
      background-color: #70a7c1; } }
  @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; } }
  .b-news-event-module .event-module-box .teaser-label {
    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: #fefefe; }
  .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 {
        margin-bottom: 24px; } }
  .b-news-event-module .b-group-news-opener {
    margin-top: 0; }
  .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: #fefefe; }
  .b-news-event-module .event-module-btn {
    margin-top: 32px;
    margin-bottom: 0; }
    @media print, screen and (min-width: 40em) {
      .b-news-event-module .event-module-btn {
        margin-top: 64px; } }

@media 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 screen and (max-width: 39.99875em) {
  .b-news-ticker-item .teaser-title {
    outline: none;
    cursor: pointer; } }

.b-news-ticker-separator {
  margin-bottom: 24px;
  font-size: 1.2222rem;
  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.3333rem; } }

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

.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: #fefefe;
    padding: 8px 0 0 18px; }
    .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; }

@media (max-width: 640px) {
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-info-bar {
    padding-top: 32px; } }

[data-module="js-scroller"] {
  overflow: hidden;
  position: relative; }
  [data-module="js-scroller"] .js-scroller-viewport {
    overflow: hidden;
    position: relative;
    width: 100%; }
  [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"]:not(.is-responsive) {
    content: '{"switchedOff":false}' !important; }
    [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"]: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"].is-responsive {
    content: '{"switchedOff":true}' !important; }
    [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"].is-responsive.m-scroll-on-desktop {
        content: '{"switchedOff":false}' !important; }
        [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"].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: 641px) {
      [data-module="js-scroller"].is-responsive.m-scroll-on-tablet {
        content: '{"switchedOff":false}' !important; }
        [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"].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"].is-responsive.m-scroll-on-mobile {
        content: '{"switchedOff":false}' !important; }
        [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"].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"].is-responsive.m-scroll-only-on-desktop {
        content: '{"switchedOff":false}' !important; }
        [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"].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: 641px) and (max-width: 1023px) {
      [data-module="js-scroller"].is-responsive.m-scroll-only-on-tablet {
        content: '{"switchedOff":false}' !important; }
        [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"].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: 640px) {
      [data-module="js-scroller"].is-responsive.m-scroll-only-on-mobile {
        content: '{"switchedOff":false}' !important; }
        [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"].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; }
  .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; }

.b-jumpmarks {
  position: absolute;
  top: 0;
  left: 6px;
  z-index: 2;
  width: 16.66667%; }
  .b-jumpmarks .anchor-nav .sub-nav {
    position: relative;
    margin: 0;
    list-style: none; }
    .b-jumpmarks .anchor-nav .sub-nav.m-space {
      margin-top: 54px; }
    .b-jumpmarks .anchor-nav .sub-nav .item {
      position: relative;
      margin: 2px 0; }
      .b-jumpmarks .anchor-nav .sub-nav .item:first-child:after {
        top: 10px; }
      .b-jumpmarks .anchor-nav .sub-nav .item:last-child:after {
        bottom: inherit;
        height: 12px; }
      .b-jumpmarks .anchor-nav .sub-nav .item:before {
        position: absolute;
        top: 7px;
        z-index: 2;
        display: block;
        width: 16px;
        height: 16px;
        border: 2px solid #96999C;
        border-radius: 8px;
        background-color: #E8E8E8;
        content: ""; }
      .b-jumpmarks .anchor-nav .sub-nav .item:after {
        position: absolute;
        top: -2px;
        bottom: -2px;
        left: 7px;
        z-index: 1;
        border: 1px solid #96999C;
        content: ""; }
      .b-jumpmarks .anchor-nav .sub-nav .item .link {
        display: inline-block;
        margin: 4px 16px 4px 24px;
        border-bottom: 1px solid transparent;
        font-family: Arial, sans-serif;
        font-size: 0.7778rem;
        font-weight: 700;
        line-height: 0.8889rem;
        color: #999999;
        -webkit-transition: color 0.4s ease-in-out;
        transition: color 0.4s ease-in-out; }
        .b-jumpmarks .anchor-nav .sub-nav .item .link:hover, .b-jumpmarks .anchor-nav .sub-nav .item .link:focus {
          text-decoration: underline;
          color: #34393F; }
      .b-jumpmarks .anchor-nav .sub-nav .item.active .link {
        text-decoration: none;
        color: #96999C; }
        .b-jumpmarks .anchor-nav .sub-nav .item.active .link:hover, .b-jumpmarks .anchor-nav .sub-nav .item.active .link:focus {
          text-decoration: underline;
          color: #34393F; }
      .b-jumpmarks .anchor-nav .sub-nav .item.current:before {
        background-color: #fefefe; }
      .b-jumpmarks .anchor-nav .sub-nav .item.current .link {
        color: #34393F; }
        .b-jumpmarks .anchor-nav .sub-nav .item.current .link:hover, .b-jumpmarks .anchor-nav .sub-nav .item.current .link:focus {
          text-decoration: none;
          color: #34393F; }

.news-label {
  position: absolute;
  z-index: 2;
  padding: 0 8px;
  color: #fefefe;
  background-color: #000; }
  @media (max-width: 640px) {
    .news-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      bottom: 0;
      left: -107px;
      width: 107px;
      height: 20px;
      font-size: 0.7222rem;
      line-height: 1.1111rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .news-label {
      top: -12px;
      height: 24px;
      font-size: 0.7778rem;
      line-height: 1.3333rem; } }

.b-letter-bar {
  position: relative;
  margin: 0 0 24px; }
  @media (max-width: 640px) {
    .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; }
      .b-letter-bar .letter-list {
        padding-left: 16px; }
      .b-letter-bar .b-nav-arrow {
        position: fixed;
        top: 50px; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .b-letter-bar .letter-bar-row {
      overflow-x: scroll;
      overflow-y: hidden; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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.3333rem;
      line-height: 33px;
      text-align: center;
      vertical-align: middle;
      color: #34393F;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      .b-letter-bar .item .link.m-disabled {
        color: #5C6166;
        cursor: default; }
    .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: #fefefe;
      background-color: #000; }
    .b-letter-bar .item.current .link {
      font-weight: 700; }

.b-live-tv {
  position: relative;
  margin: 0; }
  @media (max-width: 640px) {
    .b-live-tv.m-vod {
      margin-top: 32px; }
    .b-live-tv .item {
      overflow: hidden;
      width: 100%; }
      .b-live-tv .item .box-title-wrap {
        position: relative; }
      .b-live-tv .item .box {
        padding: 24px 16px 48px; }
        .b-live-tv .item .box.m-label {
          padding-top: 40px; }
        .b-live-tv .item .box .teaser-label {
          top: 0; }
        .b-live-tv .item .box .teaser-title {
          overflow: hidden; }
    .b-live-tv .scroll-arrow {
      display: none; }
    .b-live-tv .scroll-pagination .js-livetv-scroller-pagination-btn {
      padding: 11px 8px; }
      .b-live-tv .scroll-pagination .js-livetv-scroller-pagination-btn:before {
        background-color: #fefefe; }
      .b-live-tv .scroll-pagination .js-livetv-scroller-pagination-btn.m-selected:before {
        background-color: #FA7D19; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-live-tv.m-vod {
      margin-top: 64px; }
    .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; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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(37, 41, 46, 0.8);
      content: ""; }
    .b-live-tv .item.m-active .box-title-wrap {
      opacity: 1;
      visibility: visible; }
    .b-live-tv .item.m-hide-text .box-title-wrap, .b-live-tv .item.m-player-started .box-title-wrap {
      opacity: 0;
      visibility: hidden; }
    .b-live-tv .item .box-title-wrap {
      opacity: 0;
      position: absolute;
      bottom: 0;
      z-index: 10;
      visibility: hidden;
      display: table;
      height: 100%;
      max-width: 60%;
      margin-left: 40px;
      pointer-events: none;
      -webkit-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out; }
    .b-live-tv .item .title-table {
      display: table-cell;
      vertical-align: bottom; }
    .b-live-tv .item .box {
      position: relative;
      padding: 24px 24px 16px;
      background-color: rgba(37, 41, 46, 0.8); }
      .b-live-tv .item .box .teaser-label {
        padding: 0 6px; }
    .b-live-tv .scroll-pagination {
      bottom: -32px; }
      .b-live-tv .scroll-pagination .js-livetv-scroller-pagination-btn {
        padding: 11px 8px; }
        .b-live-tv .scroll-pagination .js-livetv-scroller-pagination-btn:before {
          background-color: #5C6166; }
        .b-live-tv .scroll-pagination .js-livetv-scroller-pagination-btn.m-selected:before {
          background-color: #000; } }
  @media (min-width: 1024px) {
    .b-live-tv.m-vod {
      margin-top: 64px;
      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% - 390px));
              transform: translateX(calc(50% - 390px)); }
    .b-live-tv .live-tv-slider-viewport {
      height: auto; }
    .b-live-tv .item {
      width: 780px; } }
  .b-live-tv:not(.m-single) {
    margin-bottom: 32px; }
  .b-live-tv.m-single .item {
    display: block;
    margin: 0; }
  .b-live-tv .live-tv-slider {
    content: '{"usePx":true}' !important;
    position: relative;
    background-color: #25292E; }
    .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 .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 {
    overflow: hidden;
    position: relative;
    width: 100%; }
  .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 {
      color: #fefefe; }
    .b-live-tv .item .teaser-foot {
      position: relative;
      right: inherit;
      bottom: inherit;
      left: inherit;
      color: #fefefe; }
  .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-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; }
  .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 .scroll-pagination .js-livetv-scroller-pagination-btn {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 16px;
    margin: 0;
    background: none;
    cursor: pointer; }
    .b-live-tv .scroll-pagination .js-livetv-scroller-pagination-btn:before {
      position: absolute;
      display: block;
      width: 5px;
      height: 5px;
      content: ""; }

.b-map-teaser {
  background-color: #fefefe; }
  @media (max-width: 640px) {
    .b-map-teaser {
      width: 100%; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-map-teaser {
      width: 400px; }
      .b-map-teaser.m-small {
        width: 200px; } }
  .b-map-teaser .teaser-img-wrap {
    position: relative; }
  .b-map-teaser .teaser-img {
    width: 100%;
    height: auto; }
  .b-map-teaser .teaser-title {
    margin-bottom: 16px; }
  .b-map-teaser .teaser-text {
    margin-bottom: 16px; }
  .b-map-teaser .teaser-text {
    display: inline-block;
    color: #34393F; }
  .b-map-teaser .teaser-content {
    position: relative;
    padding: 16px; }
  .b-map-teaser .link {
    margin-bottom: 0;
    font-size: 0.8889rem;
    font-weight: 700;
    line-height: 1.2222rem;
    color: #34393F;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out; }
    .b-map-teaser .link:hover, .b-map-teaser .link:focus {
      color: #000; }

@media (max-width: 640px) {
  .b-map.x-mobile-hidden {
    display: none; } }

.b-map .map {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: gray; }

.map-infobox {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  cursor: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.map-infobox-content[hidden] {
  display: none; }

[data-list-mode="loading"][data-module="teaser-list"] .button-bar, [data-list-mode="ready"][data-module="teaser-list"] .button-bar [data-role="confirm-delete-dialog"],
[data-list-mode="ready"][data-module="teaser-list"] .button-bar [data-role="confirm-delete"],
[data-list-mode="ready"][data-module="teaser-list"] .button-bar [data-role="disable-edit-mode"],
[data-list-mode="ready"][data-module="teaser-list"] .button-bar [data-role="select-all"], [data-list-mode="edit"][data-module="teaser-list"] .button-bar [data-role="enable-edit-mode"],
[data-list-mode="edit"][data-module="teaser-list"] .button-bar [data-role="confirm-delete-dialog"], [data-list-mode="confirm-delete"][data-module="teaser-list"] .button-bar [data-role="enable-edit-mode"],
[data-list-mode="confirm-delete"][data-module="teaser-list"] .button-bar [data-role="confirm-delete"],
[data-list-mode="confirm-delete"][data-module="teaser-list"] .button-bar [data-role="select-all"] {
  position: absolute;
  visibility: hidden;
  opacity: 0; }

[data-module="teaser-list"] .button-bar [data-role] {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1; }

[data-list-mode="empty"][data-module="teaser-list"] .button-bar {
  display: none; }

[data-list-mode="loading"][data-module="teaser-list"] [data-teaser-id] .edit-ui {
  display: none;
  pointer-events: none; }

[data-list-mode="ready"][data-module="teaser-list"] [data-teaser-id] .edit-ui {
  display: none;
  pointer-events: none; }

[data-teaser-list-selectable="false"][data-module="teaser-list"] [data-teaser-id] .edit-ui {
  display: none;
  pointer-events: none; }

.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:before {
    font-size: 1rem;
    line-height: 40px;
    color: #fefefe; }

@media (max-width: 640px) {
  .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;
  min-width: 320px;
  height: 100%;
  background: none; }
  @media (max-width: 640px) {
    .my-program-avatar {
      width: 100%;
      height: 120px; } }
  .my-program-avatar .avatar-image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 50% !important; }
    @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
      .my-program-avatar .avatar-image {
        width: 180px;
        height: 180px;
        border-radius: 50% !important; } }
  .my-program-avatar .greeting {
    font-size: 1.2222rem;
    line-height: 1.2222rem;
    font-weight: 700;
    white-space: normal; }
    @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
      .my-program-avatar .greeting {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 700;
        white-space: normal; } }

[data-module="my-program-cluster"] .overlay-base {
  position: absolute;
  z-index: 1; }
  @media (max-width: 640px) {
    [data-module="my-program-cluster"] .overlay-base {
      top: 146px;
      margin: 0 16px; }
      [data-module="my-program-cluster"] .overlay-base:before {
        display: block;
        width: 0;
        height: 0;
        border: inset 10px;
        content: '';
        border-top-width: 0;
        border-bottom-style: solid;
        border-color: transparent transparent rgba(37, 41, 46, 0.8);
        position: absolute;
        top: -10px;
        left: 20px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    [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(37, 41, 46, 0.8) transparent transparent;
        position: absolute;
        top: 35px;
        left: -10px; } }

.my-program-placeholder {
  height: 100%; }
  .b-cluster-teaser:nth-child(odd) .my-program-placeholder {
    background-color: #fefefe; }
    .b-cluster-teaser:nth-child(odd) .my-program-placeholder .b-ratiobox {
      background-color: #f3f3f3; }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-cluster-teaser:nth-child(even) .my-program-placeholder .b-ratiobox {
          background-color: rgba(232, 232, 232, 0.4); } }
  .my-program-placeholder .placeholder-text {
    height: 22px;
    margin: 0 24px;
    background-color: #e8e8e8; }
    @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
      .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; }

@media (max-width: 640px) {
  .b-my-view-filter {
    padding-bottom: 16px; }
    .b-my-view-filter .my-view-form {
      padding: 0 16px; }
    .b-my-view-filter .myview-button-group .myview-submit-btn,
    .b-my-view-filter .myview-button-group .myview-reset-btn {
      display: block;
      margin-right: auto;
      margin-left: auto; }
    .b-my-view-filter .myview-button-group .myview-submit-btn {
      width: 210px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-my-view-filter {
    padding-bottom: 48px; }
    .b-my-view-filter .myview-button-group .myview-submit-btn {
      width: 180px;
      margin-left: 12px; } }

.b-my-view-filter .filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .b-my-view-filter .filter-list > .x-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .b-my-view-filter .filter-list .select-wrap {
    width: 100%;
    margin-bottom: 10px; }
  .b-my-view-filter .filter-list .selectbox-listbox {
    max-height: 200px; }
  .b-my-view-filter .filter-list .input-selector {
    width: calc(100% + 12px);
    height: 34px;
    margin: 16px 24px;
    line-height: 34px; }

.b-my-view-filter .myview-button-group {
  margin-top: 14px; }
  .b-my-view-filter .myview-button-group .myview-reset-btn {
    width: 210px; }
    .b-my-view-filter .myview-button-group .myview-reset-btn:disabled {
      background-color: #5C6166;
      pointer-events: none; }

@media (max-width: 640px) {
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-label {
    position: absolute;
    bottom: 8px; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .yellow-card,
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .red-card,
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .goal {
    top: 12px;
    right: 16px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .box {
    padding: 24px 12px; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-title {
    margin-top: 0; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .yellow-card,
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .red-card,
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .goal {
    top: 20px;
    right: 12px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-my-view-list .teaser-block-grid .b-content-teaser-item.m-placeholder.lazyload {
    min-height: 200px; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .ratio-wrap:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("/static/0.58.4923/img/bgs/stadium-bg.jpg") no-repeat;
    background-size: contain;
    content: ""; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .artdirect .ratiobox-item {
    top: 50%;
    left: 50%;
    width: auto;
    height: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-label {
    display: none; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-title-link {
    font-size: 0.8889rem;
    font-weight: 400;
    line-height: 1.3333rem; } }

@media (min-width: 1024px) {
  .b-my-view-list .teaser-block-grid .b-content-teaser-item.m-placeholder.lazyload {
    min-height: 200px; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .box {
    padding: 12px; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-title {
    margin-top: 16px; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .yellow-card,
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .red-card {
    top: 24px;
    right: 12px; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item .goal {
    top: 28px;
    right: 12px; } }

.b-my-view-list:not(.m-noresult) .no-result {
  display: none; }

.b-my-view-list.m-noresult .showmore-btn {
  display: none; }

.b-my-view-list .teaser-block-grid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .b-my-view-list .teaser-block-grid .b-content-teaser-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item.m-placeholder.lazyload {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .b-my-view-list .teaser-block-grid .b-content-teaser-item.m-placeholder.lazyload .loader {
        display: block; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item.m-active .teaser-title {
      text-decoration: underline; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item .box {
      position: relative; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-title:not(.m-cat) {
      padding-right: 32px; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-cat {
      padding-right: 32px; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item .yellow-card {
      position: absolute;
      display: block;
      width: 12px;
      height: 20px;
      border-radius: 2px;
      background-color: #fde537; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item .red-card {
      position: absolute;
      display: block;
      width: 12px;
      height: 20px;
      border-radius: 2px;
      background-color: #fa2a3b; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item .goal {
      position: absolute;
      display: block; }

.b-my-view-list .load-more-container {
  position: relative;
  text-align: center; }

.b-my-view-list.m-noresult .showmore-btn {
  display: none; }

.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 {
    min-height: 60px;
    padding-right: 60px;
    background-color: #D4D5D5; }
    .b-my-view-selectbox.x-dark:after {
      display: none; }
    .b-my-view-selectbox.x-dark .b-my-view-selectbox-input {
      padding-left: 24px;
      font-size: 1rem;
      font-weight: 700;
      line-height: 60px;
      background-color: transparent; }
      .b-my-view-selectbox.x-dark .b-my-view-selectbox-input:after {
        right: 16px;
        height: 60px;
        line-height: 60px; }

.b-my-view-selectbox-popover .b-my-view-selectbox-search {
  height: 60px; }
  .b-my-view-selectbox-popover .b-my-view-selectbox-search .search-input {
    height: 60px;
    margin-bottom: 0;
    border: 10px solid #D4D5D5;
    line-height: 40px; }
  .b-my-view-selectbox-popover .b-my-view-selectbox-search .search-clearbtn {
    position: absolute;
    top: 6px;
    right: 5px;
    width: 48px;
    height: 48px;
    font-size: 1.1111rem;
    line-height: 2.2222rem;
    vertical-align: top;
    color: #5C6166;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms; }
    .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 24px; }

.b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item {
  border-top: none !important;
  padding: 0 !important;
  font-size: 1rem !important; }
  .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item.m-checked {
    font-weight: 700;
    background-color: transparent !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: 1rem !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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-my-view-stadium {
    content: '{"offsetTop":-30}' !important;
    padding-bottom: 64px; }
    .b-my-view-stadium::before {
      content: '{"offsetTop":-30}' !important;
      font-family: '{"offsetTop":-30}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; } }

@media (max-width: 640px) {
  .b-my-view-stadium {
    content: '{"offsetTop":-80}' !important;
    padding-bottom: 32px; }
    .b-my-view-stadium::before {
      content: '{"offsetTop":-80}' !important;
      font-family: '{"offsetTop":-80}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; } }

.b-my-view-stadium .stadium-header {
  position: relative; }
  .b-my-view-stadium .stadium-header .b-plus-button {
    bottom: 7px; }

.b-my-view-stadium .big-headline {
  padding-right: 48px; }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-my-view-stadium .big-headline {
      margin-bottom: 48px; } }
  @media (max-width: 640px) {
    .b-my-view-stadium .big-headline {
      padding-right: 48px; } }
  .b-my-view-stadium .big-headline strong {
    font-weight: 700; }

.b-my-view-stadium .myview-player-wrap {
  z-index: 3;
  max-width: 720px; }
  @media (max-width: 640px) {
    .b-my-view-stadium .myview-player-wrap {
      width: 100%; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-my-view-stadium .myview-player-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 60%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }

.b-my-view-stadium .stadium-wrap {
  position: relative;
  width: 100%; }
  @media (max-width: 640px) {
    .b-my-view-stadium .stadium-wrap {
      padding-bottom: 64%;
      background-color: #5C6166; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-my-view-stadium .stadium-wrap {
      padding-bottom: 60%; } }
  .b-my-view-stadium .stadium-wrap .stadium-bg {
    position: absolute;
    width: 100%;
    border-radius: 999px; }
    @media (max-width: 640px) {
      .b-my-view-stadium .stadium-wrap .stadium-bg {
        top: 10px;
        height: calc(100% - 20px);
        background-color: rgba(254, 254, 254, 0.5); } }
    @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
      .b-my-view-stadium .stadium-wrap .stadium-bg {
        height: 100%;
        background-color: rgba(37, 41, 46, 0.09); } }
    .b-my-view-stadium .stadium-wrap .stadium-bg:before {
      position: absolute;
      z-index: 1;
      border-radius: 999px;
      content: ""; }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .stadium-bg:before {
          top: 10px;
          right: 20px;
          bottom: 10px;
          left: 20px;
          background-color: rgba(92, 97, 102, 0.08); } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .stadium-bg:before {
          top: 30px;
          right: 50px;
          bottom: 30px;
          left: 50px;
          background-color: rgba(10, 10, 10, 0.05); } }
    .b-my-view-stadium .stadium-wrap .stadium-bg:after {
      position: absolute;
      z-index: 2;
      border-radius: 999px;
      content: ""; }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .stadium-bg:after {
          top: 20px;
          right: 40px;
          bottom: 20px;
          left: 40px;
          background: url("/static/0.58.4923/img/bgs/thegreen.png") no-repeat center rgba(92, 97, 102, 0.07);
          background-size: 50%; } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .stadium-bg:after {
          top: 60px;
          right: 100px;
          bottom: 60px;
          left: 100px;
          background-color: rgba(10, 10, 10, 0.05); } }
  .b-my-view-stadium .stadium-wrap .camera-wrap {
    position: absolute;
    z-index: 3; }
    @media (max-width: 640px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap {
        width: 24px;
        height: 24px;
        line-height: 24px; } }
    @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap {
        width: 32px;
        height: 32px;
        line-height: 32px; } }
    @media (max-width: 640px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-tv {
        top: 10px;
        left: 10px; } }
    @media (min-width: 641px) and (max-width: 1023px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-tv {
        top: 50px;
        left: 50px; } }
    @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-tv {
        width: 48px;
        height: 48px;
        font-size: 1.2222rem;
        line-height: 48px; } }
    @media (min-width: 1024px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-tv {
        top: 60px;
        left: 90px; } }
    @media (max-width: 640px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-spider {
        top: 10px;
        right: 10px; } }
    @media (min-width: 641px) and (max-width: 1023px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-spider {
        top: 50px;
        right: 50px; } }
    @media (min-width: 1024px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-spider {
        top: 65px;
        right: 100px; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-mc1 {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-mc1 {
          bottom: 0;
          left: calc(50% - 12px); } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-mc1 {
          bottom: 10px;
          left: calc(50% - 16px); } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-mc2 {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-mc2 {
          bottom: 0;
          left: calc(50% - 38px); } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-mc2 {
          bottom: 10px;
          left: calc(50% - 64px); } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-16hil {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-16hil {
          bottom: 0;
          left: 30%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-16hil {
          bottom: 10px;
          left: 30%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-16hil {
          bottom: 10px;
          left: calc(50% - 220px); } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-16hir {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-16hir {
          right: 30%;
          bottom: 0; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-16hir {
          right: 30%;
          bottom: 10px; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-16hir {
          right: calc(50% - 220px);
          bottom: 10px; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-tacc {
      top: calc(50% - 16px);
      left: 10px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-ghir {
      top: calc(50% - 16px);
      right: 10px; }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-cranel {
      top: 50%;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-cranel {
          left: 11%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-cranel {
          left: 8%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-cranel {
          left: 10%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-craner {
      top: 50%; }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-craner {
          right: 11%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-craner {
          right: 8%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-craner {
          right: 10%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-tcl {
      left: calc(50% - 64px);
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-tcl {
          top: 0; } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-tcl {
          top: 10px; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-tcr {
      right: calc(50% - 64px);
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-tcr {
          top: 0; } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-tcr {
          top: 10px; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-pic {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-pic {
          bottom: 17%;
          left: calc(50% - 12px); } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-pic {
          bottom: 12%;
          left: calc(50% - 16px); } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-pic {
          bottom: 15%;
          left: calc(50% - 16px); } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-rcl {
      top: 5%;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-rcl {
          left: 17%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-rcl {
          left: 23%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-rcl {
          left: 19%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-rcr {
      top: 5%;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-rcr {
          right: 17%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-rcr {
          right: 23%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-rcr {
          right: 19%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-6ml {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-6ml {
          bottom: 14%;
          left: 36%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-6ml {
          bottom: 12%;
          left: 24%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-6ml {
          bottom: 15%;
          left: 22%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-6mr {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-6mr {
          right: 36%;
          bottom: 14%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-6mr {
          right: 24%;
          bottom: 12%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-6mr {
          right: 22%;
          bottom: 15%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-fgl {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-fgl {
          top: 66%;
          left: 14%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-fgl {
          top: calc(50% + 48px);
          left: 14%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-fgl {
          top: calc(50% + 48px);
          left: 15%; } }
    @media (max-width: 640px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-fgr {
        top: 66%;
        right: 14%; } }
    @media (min-width: 641px) and (max-width: 1023px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-fgr {
        top: calc(50% + 48px);
        right: 14%; } }
    @media (min-width: 1024px) {
      .b-my-view-stadium .stadium-wrap .camera-wrap.m-fgr {
        top: calc(50% + 48px);
        right: 15%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-repic {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-repic {
          top: 17%;
          left: calc(50% - 12px); } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-repic {
          top: 12%;
          left: calc(50% - 16px); } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-repic {
          top: 15%;
          left: calc(50% - 16px); } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-mrec {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-mrec {
          top: 0;
          left: calc(50% - 12px); } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-mrec {
          top: 10px;
          left: calc(50% - 16px); } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-igl {
      top: calc(50% - 16px);
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-igl {
          left: 22%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-igl {
          left: 14%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-igl {
          left: 15%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-igr {
      top: calc(50% - 16px); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-igr {
          right: 22%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-igr {
          right: 14%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-igr {
          right: 15%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-bxl {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-bxl {
          bottom: 16%;
          left: 26%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-bxl {
          bottom: 8%;
          left: 17%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-bxl {
          bottom: 8%;
          left: 18%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-bxr {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-bxr {
          right: 26%;
          bottom: 16%; } }
      @media (min-width: 641px) and (max-width: 1023px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-bxr {
          right: 17%;
          bottom: 8%; } }
      @media (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap.m-bxr {
          right: 18%;
          bottom: 8%; } }
    .b-my-view-stadium .stadium-wrap .camera-wrap .camera-input {
      overflow: hidden;
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      border: 0;
      padding: 0;
      clip: rect(0 0 0 0); }
      .b-my-view-stadium .stadium-wrap .camera-wrap .camera-input + .camera-label {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        text-align: center;
        color: #34393F;
        background-color: #fefefe;
        cursor: pointer; }
      .b-my-view-stadium .stadium-wrap .camera-wrap .camera-input:checked + .camera-label {
        color: #fefefe;
        background-color: #000;
        pointer-events: none; }
      .b-my-view-stadium .stadium-wrap .camera-wrap .camera-input:disabled + .camera-label {
        opacity: .7;
        color: #fefefe;
        background-color: transparent;
        pointer-events: none; }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-tv .camera-input:disabled + .camera-label {
      color: #D4D5D5;
      background-color: rgba(254, 254, 254, 0.8); }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-spider .camera-input:disabled + .camera-label:before {
      content: ""; }
    .b-my-view-stadium .stadium-wrap .camera-wrap:not(.m-spider):not(.m-tv) .camera-input:disabled + .camera-label:before {
      content: ""; }
    .b-my-view-stadium .stadium-wrap .camera-wrap:not(.m-tv) .camera-label:before {
      position: absolute;
      left: -2px; }
      @media (max-width: 640px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap:not(.m-tv) .camera-label:before {
          font-size: 28px; } }
      @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
        .b-my-view-stadium .stadium-wrap .camera-wrap:not(.m-tv) .camera-label:before {
          font-size: 36px; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .b-nav-arrow.arrow-left, .b-nav-arrow.arrow-right {
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 30px;
    height: 50px;
    color: #fefefe;
    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:before, .b-nav-arrow.arrow-right:before {
      font-size: 1.6667rem;
      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 (min-width: 1024px) {
  .b-nav-arrow:before {
    display: none; } }

.b-news-alert .alert-item {
  margin: 0;
  font-weight: 700;
  line-height: 1rem; }
  @media (max-width: 640px) {
    .b-news-alert .alert-item {
      padding: 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-news-alert .alert-item {
      padding: 16px 0; } }

.b-news-filter {
  list-style: none; }
  @media (max-width: 640px) {
    .b-news-filter {
      overflow: hidden;
      position: relative;
      height: 32px;
      margin-bottom: 2px; }
      .b-news-filter .scroll-container {
        overflow-x: scroll;
        overflow-y: hidden;
        height: 32px;
        -webkit-transform: translateZ(0px);
        -webkit-overflow-scrolling: touch; }
        .b-news-filter .scroll-container .list-wrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
      .b-news-filter .scroll-arrow {
        width: 32px;
        height: 32px;
        margin-top: -16px; }
        .b-news-filter .scroll-arrow:before {
          width: 32px;
          font-size: 20px;
          line-height: 32px; }
      .b-news-filter .filter-list {
        white-space: nowrap; }
      .b-news-filter .news-filter-item .news-filter-btn {
        padding: 0 12px;
        font-size: 0.8889rem;
        line-height: 32px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-news-filter {
      margin: 0 0 16px 0; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-news-filter .news-filter-item .news-filter-btn {
      padding: 0 16px;
      font-size: 1rem;
      line-height: 32px; }
      .b-news-filter .news-filter-item .news-filter-btn:after {
        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; }
      .b-news-filter .news-filter-item .news-filter-btn:hover {
        text-decoration: underline; }
      .b-news-filter .news-filter-item .news-filter-btn.m-active:after {
        opacity: 1;
        border-color: #fefefe transparent transparent transparent; } }
  @media (min-width: 1024px) {
    .b-news-filter {
      position: absolute;
      top: 5px;
      right: 9px;
      margin: 0; } }
  .b-news-filter .news-filter-item {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-right: -3px; }
    .b-news-filter .news-filter-item .news-filter-btn {
      position: relative;
      display: block;
      font-family: "Helvetica-Neue", Arial, sans-serif;
      color: #5C6166;
      background-color: #D4D5D5;
      cursor: pointer;
      -webkit-transition: background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s;
      transition: background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s; }
      .b-news-filter .news-filter-item .news-filter-btn:focus {
        text-decoration: none;
        background-color: #fefefe; }
        .b-news-filter .news-filter-item .news-filter-btn:focus .show-for-large-only {
          text-decoration: underline; }
      .b-news-filter .news-filter-item .news-filter-btn:focus:not(.m-keyboardfocus) {
        outline: none; }
      .b-news-filter .news-filter-item .news-filter-btn.m-keyboardfocus {
        outline: 2px solid #000;
        outline-offset: -2px;
        text-decoration: none; }
        .b-news-filter .news-filter-item .news-filter-btn.m-keyboardfocus .show-for-large-only {
          text-decoration: underline; }
      .b-news-filter .news-filter-item .news-filter-btn.m-active {
        background-color: #fefefe; }
        .b-news-filter .news-filter-item .news-filter-btn.m-active:hover {
          background-color: #fefefe;
          cursor: initial; }

.b-newsstream {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#072844), color-stop(30%, #073458), color-stop(60%, #246085), color-stop(80%, #5690ae), to(#70a7c1));
  background: -webkit-linear-gradient(top, #072844 0%, #073458 30%, #246085 60%, #5690ae 80%, #70a7c1 100%);
  background: linear-gradient(to bottom, #072844 0%, #073458 30%, #246085 60%, #5690ae 80%, #70a7c1 100%);
  background-color: #70a7c1; }
  @media (max-width: 640px) {
    .b-newsstream {
      margin-top: 32px; }
      .b-newsstream.x-mobile {
        margin-top: 0; }
        .b-newsstream.x-mobile .cluster-showmore {
          content: '{"items": ".b-cluster-teaser","count":24}' !important; }
          .b-newsstream.x-mobile .cluster-showmore::before {
            content: '{"items": ".b-cluster-teaser","count":24}' !important;
            font-family: '{"items": ".b-cluster-teaser","count":24}' !important;
            visibility: hidden !important;
            display: block !important;
            height: 0 !important;
            width: 0;
            clear: both;
            overflow: hidden; }
        .b-newsstream.x-mobile .b-cluster-teaser:nth-child(1n+25):not(.m-showmore-item),
        .b-newsstream.x-mobile .m-hidden {
          display: none; }
      .b-newsstream:not(.x-mobile) .b-cluster-teaser:nth-child(1n+5):not(.m-showmore-item),
      .b-newsstream:not(.x-mobile) .b-news-filter,
      .b-newsstream:not(.x-mobile) .m-hidden {
        display: none; }
      .b-newsstream .headline-img {
        height: 24px;
        margin: 24px 16px 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-newsstream {
      overflow: hidden;
      margin-top: 64px;
      padding-bottom: 64px; }
      .b-newsstream .horizontal-list {
        height: 100%; }
      .b-newsstream .headline-img {
        height: 36px;
        margin: 48px 0 16px; }
      .b-newsstream .news-wrap {
        position: relative;
        height: 728px; }
      .b-newsstream + .load-more-container {
        margin-top: 32px;
        text-align: center; } }
  @media (min-width: 1024px) and (max-width: 1152px) {
    .b-newsstream .scroll-arrow.x-next:disabled {
      right: -54px; }
    .b-newsstream .scroll-arrow.x-prev:disabled {
      left: -54px; } }
  @media (min-width: 1153px) and (max-width: 1375px) {
    .b-newsstream .scroll-arrow.x-next:disabled {
      right: calc(((100vw - 1152px) / (-2)) - 54px); }
    .b-newsstream .scroll-arrow.x-prev:disabled {
      left: calc(((100vw - 1152px) / (-2)) - 54px); } }
  @media (min-width: 1375px) {
    .b-newsstream .scroll-arrow {
      background-color: transparent; }
      .b-newsstream .scroll-arrow.x-next {
        right: -48px; }
      .b-newsstream .scroll-arrow.x-prev {
        left: -48px; }
      .b-newsstream .scroll-arrow:hover, .b-newsstream .scroll-arrow:focus {
        background-color: transparent; }
      .b-newsstream .scroll-arrow:disabled {
        opacity: 0;
        pointer-events: none; } }
  .b-newsstream .headline-img {
    display: block; }

@media (max-width: 640px) {
  .b-info-bar + .b-newsstream {
    margin-top: 24px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-info-bar + .b-newsstream {
    margin-top: 32px; } }

.b-newsticker-accordion {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #E8E8E8; }
  @media (max-width: 640px) {
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-newsticker-accordion .accordion-wrapper {
      background-color: #fefefe; }
    .b-newsticker-accordion .showmore-wrapper {
      padding: 0 49px; } }
  .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; }

.b-newsticker-cell {
  position: relative;
  outline: none;
  cursor: pointer; }
  @media (max-width: 640px) {
    .b-newsticker-cell {
      width: 100%;
      margin-bottom: 2px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-newsticker-cell {
      display: block;
      width: 33.3333333%;
      margin-bottom: 2px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-newsticker-cell {
      display: inline-block;
      min-height: 100%;
      border-right: 1px solid #E8E8E8;
      border-left: 1px solid #E8E8E8; } }
  @media (min-width: 1024px) {
    .b-newsticker-cell {
      width: 25%; } }
  .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: 1rem;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    color: #34393F; }
    .b-newsticker-cell .title:not(.m-keyboardfocus) {
      outline: none; }
    .b-newsticker-cell .title:disabled {
      text-decoration: underline;
      color: #34393F; }
  .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;
    padding: 16px 16px 24px;
    background-color: white; }
    .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: #fefefe transparent transparent transparent;
      content: "";
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px); }

.b-newsticker-filter {
  list-style: none; }
  @media (max-width: 640px) {
    .b-newsticker-filter .newsticker-filter-button {
      padding: 0 16px;
      line-height: 32px; }
      .b-newsticker-filter .newsticker-filter-button:before {
        display: none; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .b-newsticker-filter {
      margin-bottom: 16px; }
      .b-newsticker-filter .newsticker-filter-button:hover {
        text-decoration: none; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-newsticker-filter .newsticker-filter-button {
      padding: 0 16px 0 32px;
      line-height: 32px; }
      .b-newsticker-filter .newsticker-filter-button:before {
        position: absolute;
        top: 5px;
        left: 7px;
        font-size: 20px;
        line-height: 20px; }
      .b-newsticker-filter .newsticker-filter-button:hover {
        text-decoration: underline; } }
  @media (min-width: 1024px) {
    .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: 1rem;
      color: #5C6166;
      background-color: #D4D5D5;
      cursor: pointer; }
      .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button:focus:not(.m-keyboardfocus) {
        outline: none;
        text-decoration: underline;
        background-color: #fefefe; }
      .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: #fefefe; }
        .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active:hover {
          background-color: #fefefe;
          cursor: initial; }
        .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: #fefefe transparent transparent transparent;
          content: ""; }

.b-newsticker-panel {
  color: #fefefe; }
  @media (max-width: 640px) {
    .b-newsticker-panel .x-column {
      padding: 0; }
    .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.2222rem; }
    .b-newsticker-panel .close-content:before {
      font-size: 1.4444rem;
      line-height: 1.4444rem; }
    .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: #fefefe transparent transparent transparent;
      content: ""; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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.5556rem;
      line-height: 1.5556rem; } }
  @media (min-width: 1024px) {
    .b-newsticker-panel .link:hover, .b-newsticker-panel .link:focus {
      border-bottom: 1px solid #fefefe;
      color: #fefefe; } }
  .m-text-dark .b-newsticker-panel {
    color: #34393F; }
  .b-newsticker-panel .x-column {
    position: relative; }
  .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; }
  .b-newsticker-panel .title {
    display: block;
    margin-bottom: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4444rem;
    color: #fefefe; }
    .m-text-dark .b-newsticker-panel .title {
      color: #34393F; }
  .b-newsticker-panel .text {
    display: block; }
  .b-newsticker-panel .link {
    display: inline-block;
    margin-top: 16px;
    border-bottom: 1px solid transparent;
    font-size: 0.8889rem;
    font-weight: 700;
    line-height: 1.2222rem;
    color: #fefefe; }
    .b-newsticker-panel .link .title-icon {
      float: left;
      display: inline-block;
      margin-right: 4px; }
      .b-newsticker-panel .link .title-icon:before {
        font-size: 1rem; }
  .b-newsticker-panel .close-content {
    position: relative;
    z-index: 2;
    float: right;
    display: block;
    margin: 0;
    padding: 16px;
    color: #D4D5D5;
    background: none; }
    .b-newsticker-panel .close-content:hover, .b-newsticker-panel .close-content:focus:not(.m-keyboardfocus) {
      outline: none;
      color: #fefefe; }
    .b-newsticker-panel .close-content.m-keyboardfocus {
      outline-offset: -2px; }
    .m-text-dark .b-newsticker-panel .close-content {
      color: #34393F; }

.b-newsticker-slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #E8E8E8; }
  @media (max-width: 640px) {
    .b-newsticker-slider .big-headline {
      padding-right: 112px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-newsticker-slider .news-arrow {
      width: 50px; }
    .b-newsticker-slider .newsticker-scroller-wrapper {
      background-color: #fefefe; }
    .b-newsticker-slider .newsticker-scroller {
      padding: 0 49px; } }
  .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.5556rem;
      color: #96999C;
      background-color: #fefefe;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
      .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; }
      .b-newsticker-slider .newsticker-scroller .news-arrow.x-next {
        right: 0;
        border-left: 2px solid #E8E8E8; }
      .b-newsticker-slider .newsticker-scroller .news-arrow:hover:not([disabled]) {
        color: #5C6166; }
      .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; }
    .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: #34393F;
    -webkit-transform: translateZ(0px);
            transform: translateZ(0px); }

@media (min-width: 1024px) {
  .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 (min-width: 1024px) {
  body > .top-bar-section {
    display: none; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .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 {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    visibility: hidden;
    width: 250px;
    padding-top: 6px;
    background: #5C6166;
    -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; }
      .js-offcanvas-panel .menu-item:hover .link, .js-offcanvas-panel .menu-item:focus .link {
        color: #fefefe;
        background-color: rgba(37, 41, 46, 0.8); }
        .js-offcanvas-panel .menu-item:hover .link:before, .js-offcanvas-panel .menu-item:focus .link: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: 0.8889rem;
        font-weight: 400;
        line-height: 40px;
        text-align: left;
        color: #fefefe;
        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:before {
          position: absolute;
          top: 0;
          left: 30px;
          z-index: 2;
          display: block;
          font-family: "zdf-iconfont";
          font-size: 1.1111rem;
          -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.m-active {
          color: #fefefe;
          background-color: rgba(37, 41, 46, 0.8); }
          .js-offcanvas-panel .menu-item .link.m-active:before {
            color: #FFFF00; }
        .js-offcanvas-panel .menu-item .link:active {
          color: #fefefe;
          background-color: rgba(37, 41, 46, 0.8); }
          .js-offcanvas-panel .menu-item .link:active: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[class*=" icon-"] {
          padding-left: 64px; }
      .js-offcanvas-panel .menu-item .messies {
        position: absolute;
        top: 10px;
        left: 140px;
        display: block;
        border-radius: 8px;
        padding: 1px 6px;
        font-size: .7778rem;
        font-weight: 700;
        line-height: 16px;
        color: #fff;
        background-color: #fa7d19; }
      .js-offcanvas-panel .menu-item.m-dropdown .sub-arrow {
        position: absolute;
        top: 0;
        right: 30px; }
      .js-offcanvas-panel .menu-item.m-dropdown:hover .sub-arrow {
        color: #FFFF00; }
      .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: 250px;
        background: #5C6166;
        -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(-250px);
                transform: translateX(-250px); }
        .js-offcanvas-panel .menu-item .dropdown:not(.x-myzdf).m-open {
          visibility: inherit;
          -webkit-transform: translateX(0);
                  transform: translateX(0); }
      .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 32px 8px 64px;
        line-height: 1.3333rem; }
        .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: 0.8889rem;
        font-weight: 700;
        text-align: left;
        color: #fefefe; }
      .js-offcanvas-panel .menu-item .dropdown .x-column {
        padding: 0; }
      .js-offcanvas-panel .menu-item .dropdown .nav-back {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        border: none;
        padding: 0 32px;
        font-size: 0.8889rem;
        font-weight: normal;
        line-height: 50px;
        text-align: left;
        color: #fefefe;
        cursor: pointer;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        .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: #fefefe; }
            .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: #fefefe; }
            .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active .dropdown-link .link-text {
              border-bottom: 1px solid #fefefe; }
      .js-offcanvas-panel .menu-item .dropdown .dropdown-link {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 32px;
        font-size: 0.8889rem;
        font-weight: normal;
        line-height: 40px;
        text-align: left;
        color: #fefefe;
        -webkit-transition: color 0.4s ease-in-out;
        transition: color 0.4s ease-in-out; }
        .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-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; }
  .smartbanner-show .js-offcanvas-panel {
    top: 80px; }
  .tiviapp .smartbanner-show .js-offcanvas-panel {
    top: 0; } }

@media (max-width: 640px) {
  .b-onboarding .onboarding-tooltip {
    padding: 24px 16px 8px; }
    .b-onboarding .onboarding-tooltip .more-onboarding {
      float: left;
      margin-right: 16px; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .b-onboarding .onboarding-tooltip {
    width: 100%; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-onboarding .onboarding-tooltip {
    left: 0;
    padding: 24px 20% 8px 16px; } }

@media (min-width: 1024px) {
  .b-onboarding .onboarding-tooltip {
    left: 0;
    width: 400px;
    padding: 16px 16px 0; }
    .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;
      margin-right: 24px; } }

.b-onboarding .onboarding-tooltip {
  position: absolute;
  z-index: 999;
  color: #fefefe;
  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; }

@media (max-width: 640px) {
  .b-panorama-teaser {
    margin-top: 32px; }
    .b-panorama-teaser .img-container {
      position: relative;
      padding-bottom: 56.25%;
      background-position: center; }
    .b-panorama-teaser .artdirect > .m-mobile {
      visibility: visible; }
    .b-panorama-teaser .box {
      padding: 0 16px 32px;
      background-color: #25292E; }
    .b-panorama-teaser .teaser-label {
      top: -13px; }
    .b-panorama-teaser .teaser-title,
    .b-panorama-teaser .teaser-title-link {
      margin-bottom: 8px;
      font-size: 1.1111rem; }
    .b-panorama-teaser .teaser-text {
      margin-bottom: 16px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-panorama-teaser {
    overflow: hidden;
    position: relative;
    margin-top: 64px; }
    .b-panorama-teaser .img-container {
      position: absolute;
      top: 0;
      left: 0;
      height: 428px;
      background-position: right center; }
    .b-panorama-teaser .artdirect > .m-tablet,
    .b-panorama-teaser .artdirect > .m-desktop {
      visibility: visible; }
    .b-panorama-teaser .bottom-teaser-box {
      position: relative;
      width: 360px;
      height: 428px;
      margin-left: 24px; }
    .b-panorama-teaser .box {
      height: 100%;
      padding: 40px 24px 24px; }
      .b-panorama-teaser .box .bg {
        opacity: .8; }
    .b-panorama-teaser .teaser-label {
      top: initial;
      margin-bottom: 24px; }
    .b-panorama-teaser .teaser-title,
    .b-panorama-teaser .teaser-title-link {
      font-size: 1.5556rem;
      line-height: 1.8889rem; }
    .b-panorama-teaser .teaser-text {
      margin-bottom: 24px; } }

.b-panorama-teaser .img-container {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat; }
  .b-panorama-teaser .img-container > .artdirect {
    display: none; }

.b-panorama-teaser .box {
  position: relative; }
  .b-panorama-teaser .box .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #25292E; }
    .b-panorama-teaser .box .bg .artdirect {
      display: none; }
  .b-panorama-teaser .box .box-table-wrap {
    position: relative;
    z-index: 2; }

.b-panorama-teaser .teaser-label {
  position: relative;
  left: 0; }

.b-panorama-teaser .teaser-title,
.b-panorama-teaser .teaser-title-link {
  margin-bottom: 16px; }

.b-panorama-teaser .theme-item:not(:last-child) {
  margin-bottom: 8px; }

.b-panorama-teaser .teaser-title,
.b-panorama-teaser .teaser-title-link,
.b-panorama-teaser .teaser-text,
.b-panorama-teaser .teaser-theme {
  color: #fefefe; }

.b-panorama-teaser .teaser-theme:hover {
  text-decoration: underline; }

@media (max-width: 640px) {
  .b-parallax-img {
    height: 150px;
    margin: 0 0 24px; }
    .b-parallax-img .m-mobile {
      visibility: visible; }
    .b-parallax-img .parallax-box {
      content: '{"transform":{"value": "translateY(10px)","start": "translateY(-100px)"}}' !important;
      height: 230px;
      -webkit-transform: translateY(-100px);
              transform: translateY(-100px); }
      .b-parallax-img .parallax-box::before {
        content: '{"transform":{"value": "translateY(10px)","start": "translateY(-100px)"}}' !important;
        font-family: '{"transform":{"value": "translateY(10px)","start": "translateY(-100px)"}}' !important;
        visibility: hidden !important;
        display: block !important;
        height: 0 !important;
        width: 0;
        clear: both;
        overflow: hidden; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .b-parallax-img {
    content: '{"name": "scrolly","from": "-101eh","to": "101vh","once":false,"childSel": "find(.parallax-box)","fixedSel": "find(.parallax-fixed)","setFixedWidth":false,"scrollContainer": ".m-offcanvas-viewport"}' !important; }
    .b-parallax-img::before {
      content: '{"name": "scrolly","from": "-101eh","to": "101vh","once":false,"childSel": "find(.parallax-box)","fixedSel": "find(.parallax-fixed)","setFixedWidth":false,"scrollContainer": ".m-offcanvas-viewport"}' !important;
      font-family: '{"name": "scrolly","from": "-101eh","to": "101vh","once":false,"childSel": "find(.parallax-box)","fixedSel": "find(.parallax-fixed)","setFixedWidth":false,"scrollContainer": ".m-offcanvas-viewport"}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; } }

@media (min-width: 1024px) {
  .b-parallax-img {
    content: '{"name": "scrolly","from": "-101eh","to": "101vh","once":false,"childSel": "find(.parallax-box)","fixedSel": "find(.parallax-fixed)","setFixedWidth":false,"scrollContainer":false}' !important; }
    .b-parallax-img::before {
      content: '{"name": "scrolly","from": "-101eh","to": "101vh","once":false,"childSel": "find(.parallax-box)","fixedSel": "find(.parallax-fixed)","setFixedWidth":false,"scrollContainer":false}' !important;
      font-family: '{"name": "scrolly","from": "-101eh","to": "101vh","once":false,"childSel": "find(.parallax-box)","fixedSel": "find(.parallax-fixed)","setFixedWidth":false,"scrollContainer":false}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-parallax-img .m-tablet {
    visibility: visible; }
  .b-parallax-img .parallax-box {
    content: '{"transform":{"value": "translateY(0)","start": "translateY(-160px)"}}' !important;
    height: 600px;
    -webkit-transform: translateY(-160px);
            transform: translateY(-160px); }
    .b-parallax-img .parallax-box::before {
      content: '{"transform":{"value": "translateY(0)","start": "translateY(-160px)"}}' !important;
      font-family: '{"transform":{"value": "translateY(0)","start": "translateY(-160px)"}}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; } }

@media (min-width: 1024px) {
  .b-parallax-img .m-desktop {
    visibility: visible; }
  .b-parallax-img .parallax-box {
    content: '{"transform":{"value": "translateY(0)","start": "translateY(-170px)"}}' !important;
    height: 580px;
    -webkit-transform: translateY(-170px);
            transform: translateY(-170px); }
    .b-parallax-img .parallax-box::before {
      content: '{"transform":{"value": "translateY(0)","start": "translateY(-170px)"}}' !important;
      font-family: '{"transform":{"value": "translateY(0)","start": "translateY(-170px)"}}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-parallax-img {
    height: 380px;
    margin: 16px 0 32px; } }

.b-parallax-img,
.b-parallax-img .parallax-box {
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.b-parallax-img .parallax-box {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.b-parallax-img .artdirect {
  display: none; }

@media (max-width: 640px) {
  .b-passport-number + .x-row:not(.x-headline) {
    margin-top: 16px; }
  .b-passport-number p {
    padding: 0 16px; }
  .b-passport-number .form-wrap {
    padding: 16px 16px 24px; }
  .b-passport-number .passport-input {
    padding: 8px; }
    .b-passport-number .passport-input:nth-child(4) {
      width: calc(45% - 8px);
      margin-right: 8px; }
    .b-passport-number .passport-input:nth-child(5) {
      width: calc(45% - 8px);
      margin-right: 8px; }
    .b-passport-number .passport-input:nth-child(6) {
      width: 10%; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-passport-number + .x-row:not(.x-headline) {
    margin-top: 32px; }
  .b-passport-number .form-wrap {
    padding: 16px 16px 8px; }
  .b-passport-number .passport-input:not(:last-child) {
    margin-right: 8px; }
  .b-passport-number .passport-input:nth-child(3) {
    width: calc(40% - 8px); }
  .b-passport-number .passport-input:nth-child(4) {
    width: calc(25% - 8px); }
  .b-passport-number .passport-input:nth-child(5) {
    width: calc(25% - 8px); }
  .b-passport-number .passport-input:nth-child(6) {
    width: 10%; } }

.b-passport-number .passport-title {
  margin-bottom: 16px; }

.b-passport-number .form-wrap {
  position: relative;
  background-color: #D4D5D5; }

.b-passport-number .passport-input {
  float: left; }

.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 (max-width: 640px) {
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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 (min-width: 1024px) {
    .password-btn {
      margin-left: 208px; } }
  .b-passport-pin .pin-input {
    width: 50%; }
  .b-passport-pin.is-processing {
    pointer-events: none; }
  .b-passport-pin:not(.overlay-context) .button.as-link {
    color: #5C6166; }
  .b-passport-pin:not(.overlay-context) .form-wrap {
    position: relative;
    background-color: #D4D5D5; }
  .b-passport-pin .pin-title,
  .b-passport-pin .pass-title {
    font-size: 1rem;
    line-height: 1.3333rem; }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-passport-success .side-title {
    display: block;
    margin-top: 64px;
    font-size: 2rem;
    line-height: 2.2222rem;
    color: #5C6166; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .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 {
      float: left;
      padding: 0 6px 12px 6px;
      list-style: none; }
    .b-photo-matrix .x-medium-6 {
      width: 50%; }
    .b-photo-matrix .x-small-6 {
      width: 50%; } }

@media (min-width: 1024px) {
  .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 0 12px 0;
      list-style: none; }
    .b-photo-matrix .x-large-4 {
      float: left;
      width: 33.33333%; } }

.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.spacing {
  margin-top: 32px; }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-photo-matrix.spacing {
      margin-top: 64px; } }

.b-pin-form {
  font-size: 1rem; }
  @media (max-width: 640px) {
    .b-pin-form p {
      padding: 0 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-pin-form .pin-fieldset {
      margin-right: 64px; } }
  .b-pin-form .pin-title,
  .b-pin-form .pass-title {
    margin-bottom: 16px; }
  .b-pin-form .password-btn {
    font-size: 0.7778rem;
    font-weight: 700;
    line-height: 2rem;
    text-decoration: underline;
    color: #5C6166; }

.b-plus-btn-tooltip {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  display: block;
  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-open {
    opacity: 1;
    visibility: visible; }
  .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;
  right: 24px;
  bottom: 24px;
  z-index: 3; }
  @media (max-width: 640px) {
    .b-plus-button {
      width: 50px;
      height: 50px; }
      .b-plus-button .plus-child-item.x-mobile-hidden {
        display: none; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-plus-button {
      width: 50px;
      height: 50px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .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:hover .inner-circle {
      -webkit-transform: scale(0.6);
              transform: scale(0.6); }
      .b-plus-button.m-small .plus-main-btn:hover .inner-circle:before {
        opacity: 1;
        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.4444rem; }
    .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.4444rem;
        -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.25);
              transform: scale(0.25); }
      .b-plus-button.m-small .plus-main-btn .inner-circle:before {
        opacity: 0;
        font-size: 1.4444rem;
        -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 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:hover .inner-circle {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .b-plus-button.small-small .plus-main-btn:hover .inner-circle:before {
          opacity: 1;
          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.4444rem; }
      .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.4444rem;
          -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.25);
                transform: scale(0.25); }
        .b-plus-button.small-small .plus-main-btn .inner-circle:before {
          opacity: 0;
          font-size: 1.4444rem;
          -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 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:hover .inner-circle {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .b-plus-button.medium-small .plus-main-btn:hover .inner-circle:before {
          opacity: 1;
          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.4444rem; }
      .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.4444rem;
          -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.25);
                transform: scale(0.25); }
        .b-plus-button.medium-small .plus-main-btn .inner-circle:before {
          opacity: 0;
          font-size: 1.4444rem;
          -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 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:hover .inner-circle {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .b-plus-button.large-small .plus-main-btn:hover .inner-circle:before {
          opacity: 1;
          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.4444rem; }
      .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.4444rem;
          -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.25);
                transform: scale(0.25); }
        .b-plus-button.large-small .plus-main-btn .inner-circle:before {
          opacity: 0;
          font-size: 1.4444rem;
          -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 .js-plus-btn {
    position: relative;
    z-index: 9; }
  .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: 50px;
    height: 50px;
    display: block;
    margin: 0;
    border: 6px solid transparent;
    border-radius: 50%;
    padding: 0;
    background-color: #000;
    cursor: pointer; }
    .b-plus-button .plus-main-btn .inner-circle:before {
      display: inline-block;
      font-size: 1.4444rem;
      line-height: 38px;
      color: #fefefe;
      -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 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: 50px;
        height: 50px;
        display: block;
        margin: 0;
        border: 6px solid transparent;
        border-radius: 50%;
        padding: 0;
        background-color: #000;
        cursor: pointer; }
        .b-plus-button.small-large .plus-main-btn .inner-circle:before {
          display: inline-block;
          font-size: 1.4444rem;
          line-height: 38px;
          color: #fefefe;
          -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 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: 50px;
        height: 50px;
        display: block;
        margin: 0;
        border: 6px solid transparent;
        border-radius: 50%;
        padding: 0;
        background-color: #000;
        cursor: pointer; }
        .b-plus-button.medium-large .plus-main-btn .inner-circle:before {
          display: inline-block;
          font-size: 1.4444rem;
          line-height: 38px;
          color: #fefefe;
          -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 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: 50px;
        height: 50px;
        display: block;
        margin: 0;
        border: 6px solid transparent;
        border-radius: 50%;
        padding: 0;
        background-color: #000;
        cursor: pointer; }
        .b-plus-button.large-large .plus-main-btn .inner-circle:before {
          display: inline-block;
          font-size: 1.4444rem;
          line-height: 38px;
          color: #fefefe;
          -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); } }
  .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: #fefefe;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
    .b-plus-button .plus-child-btn:hover {
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #fefefe;
      background-color: #000; }
    .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: #fefefe;
      background-color: #000; }
      .b-plus-button .plus-child-btn[aria-expanded="true"]:hover, .b-plus-button .plus-child-btn.m-checked:hover {
        background-color: #000; }
    .b-plus-button .plus-child-btn:visited {
      border-bottom: none;
      color: #000; }
      .b-plus-button .plus-child-btn:visited:hover {
        color: #fefefe; }
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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 (max-width: 640px) {
    .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 (max-width: 640px) {
  .b-post-author {
    padding: 0 16px;
    font-size: 1rem; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .b-post-author {
    margin-bottom: 16px; }
    .b-post-author .postdate {
      margin-top: 8px; } }

@media (min-width: 1024px) {
  .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 (max-width: 640px) {
    .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 .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 .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,
    .b-post-content .b-map .big-headline,
    .b-post-content .b-map.x-notitle {
      margin-top: 0; }
    .b-post-content .text-link {
      font-size: 0.8889rem; }
    .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.5555555556rem);
      margin-left: -0.2777777778rem; }
    .b-post-content .paragraph-quote .b-content-teaser-item {
      margin-bottom: 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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 .x-left .teaser-wrap {
      padding: 0 16px 0 0;
      float: left; } }
  @media print and (min-width: 641px) and (max-width: 1023px), print and (min-width: 1024px), screen and (min-width: 641px) and (max-width: 1023px) and (min-width: 64em), screen and (min-width: 1024px) and (min-width: 64em) {
    .b-post-content .x-left .teaser-wrap {
      width: 50%; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-post-content .x-right .teaser-wrap {
      float: right;
      padding: 0 0 0 16px; } }
  @media print and (min-width: 641px) and (max-width: 1023px), print and (min-width: 1024px), screen and (min-width: 641px) and (max-width: 1023px) and (min-width: 64em), screen and (min-width: 1024px) and (min-width: 64em) {
    .b-post-content .x-right .teaser-wrap {
      width: 50%; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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 + .x-row p + .content-image {
      margin: 0 0 24px; }
      .b-post-content .x-headline + .x-row 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,
    .b-post-content .b-map .big-headline,
    .b-post-content .b-map.x-notitle {
      margin-top: 16px; }
    .b-post-content .paragraph-quote p {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; } }
  @media (min-width: 1024px) {
    .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 .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 img {
    width: 100%; }
  .b-post-content .content-image figcaption {
    padding: 16px;
    font-size: 0.8889rem;
    background-color: #fefefe; }
    .b-post-content .content-image figcaption small {
      display: block; }
  .b-post-content .unordered-list {
    margin: 0 0 20px 20px;
    list-style-type: disc;
    line-height: 1.5556rem; }
    .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.5556rem; }
  .b-post-content p a {
    border-bottom: 1px solid #000;
    -webkit-backface-visibility: hidden;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    color: #34393F; }
    .b-post-content p a:hover, .b-post-content p a:focus {
      border-bottom: 1px dotted #000;
      color: #000;
      text-decoration: none; }
    .b-post-content p a:visited {
      border-bottom: 1px solid #5C6166;
      color: #5C6166;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
      .b-post-content p a:visited:hover, .b-post-content p a:visited:focus {
        border-bottom: 1px dotted #000;
        color: #000; }
  .b-post-content li {
    line-height: 1.4444rem; }
    .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn) {
      border-bottom: 1px solid #000;
      -webkit-backface-visibility: hidden;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      color: #34393F; }
      .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn):hover, .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn):focus {
        border-bottom: 1px dotted #000;
        color: #000;
        text-decoration: none; }
      .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn):visited {
        border-bottom: 1px solid #5C6166;
        color: #5C6166;
        -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
        transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
        .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn):visited:hover, .b-post-content li a:not(.zdfplayer-video-teaser-link):not(.plus-child-btn):visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }
  .b-post-content .b-content-teaser-item:not(.x-blockquote) .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,
  .b-post-content .b-map {
    margin-bottom: 16px; }
  .b-post-content .b-content-teaser-item.x-blockquote {
    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: #fefefe; }
    .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; }

@media (max-width: 640px) {
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-post-footer .back-wrap {
    text-align: right; }
  .b-post-footer .backhome-btn {
    margin-top: 24px; } }

.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: 0.8889rem;
  line-height: 0.8889rem; }

.b-post-footer .backhome-btn {
  background-color: #34393F; }

.b-post-footer + .b-tag-module {
  margin-top: 24px; }

@media (max-width: 640px) {
  .b-post-header .teaser-label {
    margin: 24px 16px 8px; }
  .b-post-header .news-overline {
    margin: 24px 0 10px;
    font-size: 1.1111rem;
    line-height: 1.2222rem; }
    .b-post-header .news-overline.x-label {
      margin-top: 0; }
  .b-post-header .big-headline {
    margin-bottom: 12px;
    padding-right: 48px; }
    .b-post-header .big-headline.x-foto {
      margin-bottom: 16px; }
  .b-post-header .headline-link {
    padding-right: 30px; }
    .b-post-header .headline-link:before {
      font-size: 32px; }
  .b-post-header .b-plus-button {
    top: 18px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-post-header {
    position: relative; }
    .b-post-header .anchor-nav-wrap {
      min-height: 1px; }
    .b-post-header .teaser-label {
      margin: 70px 0 8px; }
    .b-post-header .news-overline {
      font-size: 1.4444rem;
      line-height: 1.8889rem; }
      .b-post-header .news-overline:not(.x-label) {
        margin-top: 64px; }
    .b-post-header .big-headline {
      margin-bottom: 16px;
      padding-right: 60px; }
      .b-post-header .big-headline.x-foto {
        margin-bottom: 32px; }
    .b-post-header .headline-link {
      padding-right: 40px; }
      .b-post-header .headline-link:before {
        font-size: 36px;
        line-height: 42px; }
    .b-post-header .b-plus-button {
      top: 53px; }
      .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 > .x-row:first-child {
  margin-top: 0; }

.b-post-header .b-plus-button {
  right: 6px; }

.b-post-header .teaser-label {
  position: relative;
  top: initial;
  left: initial; }

.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 .news-overline {
  display: block; }

.b-post-header .headline-link {
  position: relative;
  text-decoration: none;
  color: #34393F; }
  .b-post-header .headline-link:before {
    position: absolute;
    right: 0; }

.b-post-header .small-headline {
  margin: 8px 0 16px;
  padding-right: 40px; }

.b-post-header .b-plus-button {
  bottom: initial; }

.b-post-header p a {
  border-bottom: 1px solid #000;
  -webkit-backface-visibility: hidden;
  -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
  color: #34393F; }
  .b-post-header p a:hover, .b-post-header p a:focus {
    border-bottom: 1px dotted #000;
    color: #000;
    text-decoration: none; }
  .b-post-header p a:visited {
    border-bottom: 1px solid #5C6166;
    color: #5C6166;
    -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
    .b-post-header p a:visited:hover, .b-post-header p a:visited:focus {
      border-bottom: 1px dotted #000;
      color: #000; }

.b-post-header .big-headline {
  display: block; }

@media screen and (max-width: 39.99875em) {
  .b-promo-videoteaser {
    padding: 0 16px 8px; }
    .b-promo-videoteaser .videoteaser-image > .artdirect > .m-tablet {
      visibility: visible; } }

@media 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 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(10, 10, 10, 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;
  font-size: 0.8889rem;
  font-weight: 700;
  color: #fefefe; }

.b-promo-videoteaser .videoteaser-episode-number {
  font-weight: 400; }

@media screen and (max-width: 39.99875em) {
  .b-promo-teaser .teaser-title-link {
    font-size: 1.1111rem; }
  .b-promo-teaser .teaser-image {
    position: relative;
    height: 150px;
    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: #34393F; }
    .b-promo-teaser .box-container .box {
      padding: 16px 16px 0 16px; }
  .b-promo-teaser .teaser-text {
    margin-bottom: 16px; }
  .b-promo-teaser .b-plus-button {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .b-promo-teaser .teaser-label {
    position: relative;
    margin-bottom: 16px; }
  .b-promo-teaser .videoteaser-box {
    margin: 0 0 8px; }
  .b-promo-teaser .videoteaser-list {
    margin: 0; } }

@media 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: 1.7778rem;
    line-height: 2.2222rem; }
  .b-promo-teaser .teaser-text {
    padding-bottom: 16px; }
  .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; } }

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

@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: 2.2222rem;
    line-height: 2.2222rem; }
  .b-promo-teaser .teaser-text {
    padding-bottom: 24px; }
  .b-promo-teaser .videoteaser-box {
    width: 276px;
    height: 155px; } }

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

.b-promo-teaser .teaser-title-link {
  color: #fefefe; }

.b-promo-teaser .teaser-cat {
  color: #fefefe; }

.b-promo-teaser .teaser-text {
  color: #fefefe; }

.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: 8px;
    background-color: rgba(254, 254, 254, 0.7); }
    .b-ratiobox .seamless-percent.m-active .percent-progress {
      position: absolute;
      bottom: 0;
      height: 8px;
      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; }
  @media (max-width: 640px) {
    .b-removepanel {
      right: 20px;
      bottom: 12px; }
      .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-removepanel {
      right: 6px;
      bottom: 16px; }
      .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.3333rem;
    line-height: 1.3333rem;
    color: #5C6166;
    background-color: #D4D5D5; }
    .b-removepanel .remove-btn:hover, .b-removepanel .remove-btn:focus:not(.m-keyboardfocus) {
      outline: none;
      background-color: #fefefe;
      -webkit-transition: background-color 0.4s ease-in-out;
      transition: background-color 0.4s ease-in-out; }
    .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: #fefefe;
    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: 0.8889rem;
      line-height: 1.2222rem; }
    .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; }

@media (max-width: 640px) {
  .jail .b-scrollto-top {
    display: none; }
  .b-scrollto-top .top-link {
    margin: 32px 20px 14px 0;
    padding: 10px 0 10px 20px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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 12px 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;
  float: right;
  display: block;
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-size: 0.8889rem;
  line-height: 1.1111rem;
  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; }
  .b-scrollto-top .top-link:hover {
    color: #34393F; }
    .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:before {
    position: absolute;
    left: 1px;
    font-size: 1.1111rem; }
  .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 {
  position: absolute;
  z-index: 98;
  display: none;
  width: 100%;
  outline: none;
  background-color: rgba(37, 41, 46, 0.8); }
  @media (max-width: 640px) {
    .b-search-bar {
      content: '{"scrollContainerUpdate": "mobile"}' !important; }
      .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 .search-form-row .search-form-input {
        padding: 0 16px; }
        .b-search-bar .search-form-row .search-form-input .search-input {
          font-size: 1.1111rem;
          line-height: 1.5556rem; }
      .b-search-bar .search-submit {
        right: 16px; }
      .b-search-bar .search-filter-grid {
        padding: 0 16px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .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 .search-submit {
        right: 0; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .b-search-bar {
      height: 96px; }
      .b-search-bar .search-form-row {
        position: relative;
        padding: 24px 0 32px; }
        .b-search-bar .search-form-row .search-form-input .search-input {
          width: calc(100% - 50px);
          height: 40px;
          font-size: 1.1111rem;
          line-height: 1.3333rem; }
      .b-search-bar .search-clearbtn {
        top: -4px;
        right: 50px; }
      .b-search-bar .search-submit {
        position: absolute;
        top: 24px;
        width: 50px;
        height: 40px;
        font-size: 2rem;
        line-height: 40px;
        text-decoration: none; }
      .b-search-bar .filter-toggle-wrap {
        height: 0; }
        .b-search-bar .filter-toggle-wrap:not(.m-open) {
          overflow: hidden;
          visibility: hidden; }
        .b-search-bar .filter-toggle-wrap .x-column {
          float: none; }
      .b-search-bar.m-open {
        height: auto; }
      .b-search-bar .filter-toggle-btn {
        position: relative;
        margin-bottom: 32px;
        padding-right: 24px;
        color: #fefefe; }
        .b-search-bar .filter-toggle-btn:before {
          position: absolute;
          right: 0;
          font-size: 1.2222rem;
          -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"]:before {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
      .b-search-bar .select-wrap,
      .b-search-bar .multiple-trigger {
        max-width: 168px;
        margin-bottom: 32px; }
      .b-search-bar .checkbox-wrap {
        display: block;
        float: none;
        display: inline-block;
        margin: 5px 16px 5px 0; }
        .b-search-bar .checkbox-wrap: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-search-bar .checkbox-wrap:first-of-type {
          display: block;
          margin-bottom: 32px; }
      .b-search-bar .search-check-item {
        margin-bottom: 32px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-search-bar .search-form-row .search-form-input {
      padding: 0; } }
  @media (min-width: 1024px) {
    .b-search-bar {
      content: '{"scrollContainerUpdate": "desktop"}' !important;
      overflow: visible; }
      .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-form-row {
        padding: 24px 0; }
        .b-search-bar .search-form-row .search-form-input .search-input {
          display: inline-block;
          width: 100%;
          height: 56px;
          font-size: 1.4444rem;
          line-height: 40px; }
        .b-search-bar .search-form-row .search-submit {
          width: 100%;
          height: 56px;
          padding: 0 2rem;
          font-size: 1.4444rem;
          line-height: 56px; }
          .b-search-bar .search-form-row .search-submit:focus {
            text-decoration: underline; }
          .b-search-bar .search-form-row .search-submit:before {
            display: none; }
      .b-search-bar .search-clearbtn {
        top: 4px;
        right: 0; }
      .b-search-bar .search-filter-grid {
        padding-bottom: 32px; }
      .b-search-bar .x-row .x-column.search-check-item {
        width: 50%; }
      .b-search-bar .filter-toggle-wrap {
        overflow: visible !important;
        visibility: visible !important; }
      .b-search-bar .multiple-trigger {
        margin: 0; }
      .b-search-bar .checkbox-wrap {
        float: left;
        margin: 5px 16px 5px; } }
  .b-search-bar:not(.m-open) {
    visibility: hidden; }
  .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 .search-check-item {
    color: #fefefe; }
  .b-search-bar .search-form-row {
    display: block;
    margin: 0; }
    .b-search-bar .search-form-row .search-clearinput {
      position: relative;
      display: block; }
    .b-search-bar .search-form-row .search-form-input .search-input {
      margin: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: 0 none;
      border-radius: 0;
      padding: 8px 48px 8px 16px;
      color: #34393F; }
      .b-search-bar .search-form-row .search-form-input .search-input:focus {
        outline: 2px solid #FFFF00; }
    .b-search-bar .search-form-row .search-clearbtn {
      position: absolute;
      width: 48px;
      height: 48px;
      font-size: 1.1111rem;
      line-height: 2.2222rem;
      vertical-align: top;
      color: #5C6166;
      background-color: transparent;
      cursor: pointer;
      -webkit-transition: opacity 300ms;
      transition: opacity 300ms; }
      .b-search-bar .search-form-row .search-clearbtn:disabled {
        opacity: 0;
        cursor: default; }
      .b-search-bar .search-form-row .search-clearbtn:not(.m-keyboardfocus) {
        outline: none; }
    .b-search-bar .search-form-row .search-form-submit {
      margin: 0;
      padding: 0; }
      .b-search-bar .search-form-row .search-form-submit .search-submit {
        border: 0 none;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-weight: 700;
        letter-spacing: 1px;
        color: #fefefe;
        background-color: #000;
        cursor: pointer; }
        .b-search-bar .search-form-row .search-form-submit .search-submit:focus:not(.m-keyboardfocus) {
          outline: none; }
        .b-search-bar .search-form-row .search-form-submit .search-submit:focus.m-keyboardfocus {
          outline: 2px solid #FFFF00; }
  .b-search-bar .filter-toggle-wrap {
    outline: none; }
  .b-search-bar .multiple-trigger {
    position: relative;
    width: 100%;
    padding: 0 33px 0 0;
    background: none; }
    .b-search-bar .multiple-trigger:focus {
      outline: 2px solid #FFFF00; }
    .b-search-bar .multiple-trigger .label {
      width: 100%;
      padding: 0 16px;
      font-family: "Helvetica-Neue", Arial, sans-serif;
      font-size: 0.8889rem;
      line-height: 32px;
      text-align: left;
      color: #34393F;
      background-color: #fefefe;
      -webkit-font-smoothing: subpixel-antialiased;
      -moz-osx-font-smoothing: auto; }
    .b-search-bar .multiple-trigger .arrow {
      position: absolute;
      top: 0;
      right: 0;
      width: 32px;
      height: 32px;
      font-size: 1.4444rem;
      line-height: 1.8889rem;
      text-align: center;
      color: #5C6166;
      background-color: #fefefe; }
    .b-search-bar .multiple-trigger .calendar {
      position: absolute;
      top: 0;
      right: 0;
      width: 32px;
      height: 32px;
      font-size: 22px;
      line-height: 30px;
      text-align: center;
      color: #5C6166;
      background-color: #fefefe; }
    .b-search-bar .multiple-trigger.m-active .arrow:before {
      content: ""; }
  .b-search-bar .multiple-choice-wrapper {
    overflow: hidden;
    position: absolute;
    top: 33px;
    right: 6px;
    left: 6px;
    z-index: 2;
    visibility: hidden;
    outline: none;
    -webkit-transition: visibility 200ms;
    transition: visibility 200ms; }
    .b-search-bar .multiple-choice-wrapper.m-open {
      visibility: visible;
      -webkit-transition: none;
      transition: none; }
      .b-search-bar .multiple-choice-wrapper.m-open .multiple-choice {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
  .b-search-bar .multiple-choice {
    display: block;
    opacity: .3;
    padding: 0;
    background-color: rgba(254, 254, 254, 0.95);
    -webkit-transition: opacity 200ms, -webkit-transform 200ms ease-in;
    transition: opacity 200ms, -webkit-transform 200ms ease-in;
    transition: transform 200ms ease-in, opacity 200ms;
    transition: transform 200ms ease-in, opacity 200ms, -webkit-transform 200ms ease-in;
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%); }
    .b-search-bar .multiple-choice: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-search-bar .multiple-choice input {
      float: left;
      display: inline-block;
      width: 30.33%;
      height: 32px;
      margin: 0 0 0 -1px;
      -webkit-box-shadow: none;
              box-shadow: none;
      font-size: 0.8889rem;
      text-align: center; }
    .b-search-bar .multiple-choice input:last-child {
      width: 41%; }
  .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: 1rem;
      font-weight: 700;
      letter-spacing: 1px;
      color: #fefefe;
      background-color: #000;
      background-size: cover;
      cursor: pointer; }
  .b-search-bar .dev-input {
    display: none; }
  .b-search-bar .checkbox-wrap .tag {
    display: inline-block;
    height: 20px;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    color: #5C6166;
    background-color: #D4D5D5; }
  .b-search-bar .m-keyboardfocus {
    outline-color: #FFFF00; }

.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 (max-width: 640px) {
    .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-block-grid .b-content-teaser-item .box.has-label {
      padding-top: 64px; }
    .b-search-list .search-block-grid .b-content-teaser-item .preview-img {
      display: none; }
    .b-search-list .search-suggestion {
      margin-bottom: 16px; }
    .b-search-list .load-more-container {
      margin-top: 16px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-search-list .related-content {
      max-width: 450px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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;
      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.3333rem; }
    .b-search-list .search-suggestion .sug-link {
      border-bottom: 1px solid transparent;
      font-weight: 700;
      color: #34393F; }
      .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 .related-content .rel-link {
      border-bottom: 1px solid #000;
      -webkit-backface-visibility: hidden;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      color: #34393F; }
      .b-search-list .related-content .rel-link:hover, .b-search-list .related-content .rel-link:focus {
        border-bottom: 1px dotted #000;
        color: #000;
        text-decoration: none; }
      .b-search-list .related-content .rel-link:visited {
        border-bottom: 1px solid #5C6166;
        color: #5C6166;
        -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
        transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
        .b-search-list .related-content .rel-link:visited:hover, .b-search-list .related-content .rel-link:visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }
  .b-search-list .box.m-tags {
    padding-bottom: 48px; }
  .b-search-list .load-more-container {
    text-align: center; }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .m-search-open .b-search-list:not(.m-taglist) {
    margin-top: 213px; } }

@media (min-width: 1024px) {
  .m-search-open .b-search-list:not(.m-taglist) {
    margin-top: 190px; } }

@media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
  .m-search-open.m-filter-open .b-search-list:not(.m-taglist) {
    margin-top: 469px; } }

/**
 * Mein ZDF - Einstellungen Wrapper
 * Allgemeine Layout Anweisungen die nicht in die Module passen
 *
 */
.b-settings {
  position: relative; }
  @media (max-width: 640px) {
    .b-settings .big-headline {
      margin-top: 32px; }
    .b-settings .delete-bar .inner {
      padding: 14px 16px 15px; }
    .b-settings .remove-btn {
      font-size: 0.8889rem; }
      .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,
    .b-settings .reg-btn {
      margin-left: 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-settings .delete-bar .inner {
      padding: 19px 24px 16px; }
    .b-settings .remove-btn:before {
      line-height: 56px; } }
  .b-settings > .x-column:last-child:not(:first-child) {
    float: none; }
  .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 .delete-bar .inner {
    position: relative;
    margin: 0 0 5px;
    font-size: 1rem;
    line-height: 1.2222rem;
    text-align: left;
    color: #34393F;
    background-color: #D4D5D5; }
    .b-settings .delete-bar .inner .remove-btn {
      width: 100%;
      text-align: left;
      color: #34393F; }
      .b-settings .delete-bar .inner .remove-btn:before {
        position: absolute;
        top: 0;
        right: 33px;
        font-size: 1.3333rem;
        color: #5C6166; }
  .b-settings .reg-btn {
    margin-top: 16px;
    margin-bottom: 0; }

@media 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 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 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 (max-width: 640px) {
    .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: 0.8889rem;
        line-height: 0.8889rem; }
      .b-sitemap .sitemap-content {
        padding: 0 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: 1rem;
        line-height: 1rem; }
      .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; }
    .b-sitemap .block-link:hover, .b-sitemap .block-link:focus {
      border-bottom: 1px solid #000; }

.smartbanner-show {
  margin-top: 80px; }
  .smartbanner-show.tiviapp {
    margin-top: 0; }
    .smartbanner-show.tiviapp .smartbanner {
      display: none; }

.smartbanner-show .smartbanner {
  display: block; }

/** Default **/
.smartbanner {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  display: none;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #f4f4f4;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none; }

.smartbanner-container {
  margin: 0 auto;
  white-space: nowrap; }

.smartbanner-close {
  display: inline-block;
  margin: 0 5px 0 5px;
  border: 0;
  border-radius: 14px;
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 20;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: #888;
  -webkit-font-smoothing: subpixel-antialiased; }

.smartbanner-close:active,
.smartbanner-close:hover {
  color: #aaa; }

.smartbanner-icon {
  display: inline-block;
  width: 57px;
  height: 57px;
  margin-right: 12px;
  border-radius: 10px;
  vertical-align: middle;
  background-size: cover; }

.smartbanner-info {
  display: inline-block;
  width: 44%;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2em;
  vertical-align: middle; }

.smartbanner-title {
  font-size: 13px;
  line-height: 18px; }

.smartbanner-button {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  height: 24px;
  margin: auto 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  color: #6a6a6a; }

.smartbanner-button:active,
.smartbanner-button:hover {
  color: #aaa; }

/** iOS **/
.smartbanner-ios {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
  background: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cdcdcd));
  background: -webkit-linear-gradient(top, #f4f4f4, #cdcdcd);
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); }

.smartbanner-ios .smartbanner-close {
  width: 18px;
  height: 18px;
  border: 0;
  line-height: 18px;
  text-shadow: 0 1px 0 white;
  color: #888; }

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
  color: #aaa; }

.smartbanner-ios .smartbanner-icon {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.6);
  background-size: cover; }

.smartbanner-ios .smartbanner-info {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  color: #6a6a6a; }

.smartbanner-ios .smartbanner-title {
  font-weight: bold;
  color: #4d4d4d; }

.smartbanner-ios .smartbanner-button {
  min-width: 10%;
  -webkit-box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
          box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
  border-radius: 3px;
  padding: 0 10px;
  color: #6a6a6a;
  background: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc));
  background: -webkit-linear-gradient(top, #efefef, #dcdcdc);
  background: linear-gradient(to bottom, #efefef, #dcdcdc); }

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#efefef));
  background: -webkit-linear-gradient(top, #dcdcdc, #efefef);
  background: linear-gradient(to bottom, #dcdcdc, #efefef); }

/** Android **/
.smartbanner-android {
  -webkit-box-shadow: inset 0 4px 0 #88b131;
          box-shadow: inset 0 4px 0 #88b131;
  line-height: 82px;
  background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7); }

.smartbanner-android .smartbanner-close {
  width: 17px;
  height: 17px;
  margin-right: 7px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
  border: 0;
  line-height: 17px;
  text-shadow: 0 1px 1px #000;
  color: #b1b1b3;
  background: #1c1e21; }

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
  color: #eee; }

.smartbanner-android .smartbanner-icon {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent; }

.smartbanner-android .smartbanner-info {
  text-shadow: 0 1px 2px #000;
  color: #ccc; }

.smartbanner-android .smartbanner-title {
  font-weight: bold;
  color: #fff; }

.smartbanner-android .smartbanner-button {
  min-width: 12%;
  -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
          box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
  border-radius: 0;
  padding: 0;
  color: #d1d1d1;
  background: none; }

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
  background: none; }

.smartbanner-android .smartbanner-button-text {
  display: block;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 10px;
  text-align: center;
  text-transform: none;
  text-shadow: none;
  background: #42b6c9;
  background: -webkit-gradient(linear, left top, left bottom, from(#42b6c9), to(#39a9bb));
  background: -webkit-linear-gradient(top, #42b6c9, #39a9bb);
  background: linear-gradient(to bottom, #42b6c9, #39a9bb); }

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
  background: #2ac7e1; }

/** Windows **/
.smartbanner-windows {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
  background: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cdcdcd));
  background: -webkit-linear-gradient(top, #f4f4f4, #cdcdcd);
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); }

.smartbanner-windows .smartbanner-close {
  width: 18px;
  height: 18px;
  border: 0;
  line-height: 18px;
  text-shadow: 0 1px 0 white;
  color: #888; }

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
  color: #aaa; }

.smartbanner-windows .smartbanner-icon {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.6);
  background-size: cover; }

.smartbanner-windows .smartbanner-info {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  color: #6a6a6a; }

.smartbanner-windows .smartbanner-title {
  font-weight: bold;
  color: #4d4d4d; }

.smartbanner-windows .smartbanner-button {
  min-width: 10%;
  -webkit-box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
          box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
  border-radius: 3px;
  padding: 0 10px;
  color: #6a6a6a;
  background: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc));
  background: -webkit-linear-gradient(top, #efefef, #dcdcdc);
  background: linear-gradient(to bottom, #efefef, #dcdcdc); }

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#efefef));
  background: -webkit-linear-gradient(top, #dcdcdc, #efefef);
  background: linear-gradient(to bottom, #dcdcdc, #efefef); }

@media (max-width: 640px) {
  .b-social-media-quote {
    margin-bottom: 24px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-social-media-quote {
    margin-bottom: 32px; } }

.b-social-media-quote .inner {
  background-color: #fefefe; }

.b-social-media-quote .head {
  position: relative;
  min-height: 55px; }
  @media (max-width: 640px) {
    .b-social-media-quote .head {
      padding: 16px 60px 16px 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: 1rem;
  font-weight: 700; }

.b-social-media-quote .two-click-wrap {
  background-color: #5C6166; }
  @media (max-width: 640px) {
    .b-social-media-quote .two-click-wrap {
      padding: 16px 0 24px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: #fefefe; }
  .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 (max-width: 640px) {
    .b-social-media-quote .fb-wrap {
      padding: 0 16px 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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 (max-width: 640px) {
  .b-social-media-quote .tw-wrap {
    padding: 0 16px 16px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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 (max-width: 640px) {
    .b-social-media-quote .insta-wrap {
      padding: 0 16px 16px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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; }

.b-stage {
  background: #25292E; }
  @media (max-width: 640px) {
    .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 .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 .stage-image > .x-row {
        position: absolute;
        top: 0;
        left: 0; }
    .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 .stage-image,
    .b-stage .stage-wrap.m-small .motion-wrap {
      height: 120px; }
    .b-stage .stage-wrap.m-small .logo {
      max-height: 88px;
      margin: 16px 0 16px 16px; }
    .b-stage .stage-wrap.m-small .stage-title {
      width: calc(100% - 80px); }
    .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 .artdirect > .m-mobile {
      visibility: visible; }
    .b-stage .stage-wrap .stage-title {
      margin: 8px 16px 64px 16px;
      font-size: 1.3333rem;
      line-height: 1.8889rem; }
    .b-stage .stage-wrap .logo {
      max-width: 40%;
      max-height: 120px;
      margin: 32px 0 32px 16px; }
    .b-stage .stage-wrap .x-column {
      padding: 0; }
    .b-stage .stage-wrap .box {
      width: 100%;
      padding: 16px; }
    .b-stage .stage-wrap .teaser-label {
      width: auto;
      max-width: 304px; }
      .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 (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .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 (min-width: 641px) and (max-width: 1023px) {
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-stage .stage-wrap {
      overflow: hidden;
      height: 380px; }
      .b-stage .stage-wrap.m-small {
        height: 190px; }
        .b-stage .stage-wrap.m-small .logo {
          margin: 24px 0 0 40px; }
      .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.5556rem;
            line-height: 1.8889rem; }
          .b-stage .stage-wrap.m-large .box .teaser-text {
            font-size: 1rem;
            line-height: 1.4444rem; }
        .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: 0.8889rem;
            line-height: 0.8889rem; }
          .b-stage .stage-wrap.m-large .teaser-foot .icon {
            font-size: 1rem;
            line-height: 0.8889rem; }
      .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.2222rem;
        line-height: 2.2222rem; }
      .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;
          height: 32px;
          margin-top: 16px;
          font-size: 1rem;
          line-height: 32px; }
          .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.1111rem;
              line-height: 20px; }
        .b-stage .stage-wrap .box .teaser-title-link {
          font-size: 1.3333rem;
          line-height: 1.5556rem; }
        .b-stage .stage-wrap .box .teaser-text {
          font-size: 1rem;
          line-height: 1.4444rem; }
    .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 .logo {
      margin: 24px 0 0; }
    .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 .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-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-large .box-title-wrap:hover .teaser-title-link {
      text-decoration: underline; }
    .b-stage .stage-wrap .stage-image {
      display: block;
      width: 100%;
      cursor: default;
      pointer-events: none; }
      .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 .stage-image > .artdirect {
        display: none; }
      .b-stage .stage-wrap .stage-image > .x-row {
        z-index: 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: #fefefe; }
    .b-stage .stage-wrap .logo {
      display: block; }
    .b-stage .stage-wrap .stage-content {
      position: relative;
      z-index: 2;
      height: 100%;
      pointer-events: none; }
    .b-stage .stage-wrap .x-column {
      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; }
    .b-stage .stage-wrap .teaser-title .teaser-title-link {
      color: #fefefe; }
      .b-stage .stage-wrap .teaser-title .teaser-title-link.m-keyboardfocus {
        outline: 2px solid #FFFF00; }
    .b-stage .stage-wrap .teaser-title .teaser-title-no-link {
      text-decoration: none;
      color: #fefefe; }
    .b-stage .stage-wrap .teaser-text {
      margin: 0;
      color: #fefefe; }
      .b-stage .stage-wrap .teaser-text .more-link {
        color: #fefefe; }
    .b-stage .stage-wrap .teaser-foot {
      color: #fefefe; }
    .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 screen and (max-width: 39.99875em) {
    .b-stage .stage-list {
      z-index: 1; } }
  @media screen and (max-width: 39.99875em) {
    .b-stage .scroll-pagination {
      position: relative;
      z-index: 0; } }

.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 (max-width: 640px) {
    .stage-overlay.m-open {
      height: 100vh; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .stage-overlay.m-open {
      height: 620px; }
    .stage-overlay .stage-video-wrapper {
      padding: 48px 0 0; } }
  @media (min-width: 1024px) {
    .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.1111rem;
  line-height: 2.2222rem;
  vertical-align: top;
  color: #fefefe;
  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: #fefefe; }
  .js-stageitemscroller-pagination.m-light {
    color: #fefefe; }
  .js-stageitemscroller-pagination.m-dark {
    color: #34393F; }

.js-stageitemscroller-pagination-btn {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 16px;
  margin: 0;
  background: none;
  cursor: pointer; }
  @media (max-width: 640px) {
    .js-stageitemscroller-pagination-btn {
      padding: 11px 8px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .js-stageitemscroller-pagination-btn {
      padding: 5px 8px; } }
  .js-stageitemscroller-pagination-btn:before {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    background-color: currentColor;
    content: ""; }
  .js-stageitemscroller-pagination-btn.m-selected:before {
    background-color: #000; }

@media (max-width: 640px) {
  .b-station-filter {
    position: relative;
    z-index: 2;
    margin-bottom: 2px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-station-filter {
    right: 32px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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; }
    .b-station-filter .station-filter-btn.m-active:before {
      opacity: 1;
      border-color: #fefefe transparent transparent transparent; } }

@media (min-width: 1024px) {
  .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; }

.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: #fefefe; }
  .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; }
  .b-station-filter .station-filter-btn.m-active {
    background-color: #fefefe; }
    .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.58.4923/img/logos/filter/zdf-grey.svg) center no-repeat; }
  .b-station-filter .station-filter-btn.info:after {
    background: url(/static/0.58.4923/img/logos/filter/info-grey.svg) center no-repeat; }
  .b-station-filter .station-filter-btn.neo:after {
    background: url(/static/0.58.4923/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: #34393F; }
  @media (max-width: 640px) {
    .b-subnavigation .login-btn,
    .b-subnavigation .btn-toggle-epg-widget {
      margin-right: 16px; }
    .b-subnavigation .second-nav-column {
      padding: 0 16px; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .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 (min-width: 1024px) {
    .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; } }
  .b-subnavigation.m-text-dark .second-nav-item.current .second-nav-link {
    border-color: #34393F;
    color: #34393F; }
  .b-subnavigation.m-text-dark .second-nav-link {
    color: #34393F; }
    .b-subnavigation.m-text-dark .second-nav-link:hover {
      outline: none;
      border-bottom: 4px solid #34393F;
      color: #34393F; }
  .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 #fefefe;
      color: #fefefe; }
  .b-subnavigation .second-nav-link {
    display: block;
    height: 50px;
    outline: none;
    font-family: "Helvetica-Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 50px;
    color: #fefefe;
    -webkit-transition: border 0.2s ease-in-out 0s;
    transition: border 0.2s ease-in-out 0s; }
    .b-subnavigation .second-nav-link:hover {
      outline: none;
      border-bottom: 4px solid #fefefe;
      color: #fefefe; }
    .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: "Helvetica-Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 50px;
    color: #fefefe;
    -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 #fefefe;
      color: #fefefe; }
    .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; }

@media 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 #96999C; }

@media 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-profile-bar {
  position: relative;
  margin: 0 0 5px;
  font-size: 1rem;
  line-height: 1.2222rem;
  text-align: left;
  color: #34393F;
  background-color: #D4D5D5; }
  @media (max-width: 640px) {
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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; } }
  .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; }
  .b-profile-bar .edit-btn {
    font-size: 0.7778rem;
    font-weight: 600;
    text-decoration: underline;
    color: #5C6166;
    -webkit-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out; }
    .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; }
    .b-profile-bar .remove-btn:before {
      width: 60px;
      font-size: 1.3333rem;
      color: #5C6166; }
    .b-profile-bar .remove-btn:not(.m-keyboardfocus) {
      outline: none; }

.b-system-dialog {
  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: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background-color: rgba(37, 41, 46, 0.8); }
  @media (max-width: 640px) {
    .b-system-dialog .system-dialog-inner {
      padding: 40px 16px 24px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-system-dialog .system-dialog-inner {
      padding: 32px 0 24px; } }
  .b-system-dialog.m-open {
    overflow: visible;
    opacity: 1;
    visibility: inherit;
    height: auto; }
  .b-system-dialog .system-dialog-inner > .x-column {
    overflow: hidden;
    position: relative; }
  .b-system-dialog .text {
    margin-bottom: 0;
    font-size: 0.8889rem;
    line-height: 1.2222rem;
    color: #fefefe; }
    .b-system-dialog .text a {
      border-bottom: 1px solid #000;
      -webkit-backface-visibility: hidden;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      color: #fefefe; }
      .b-system-dialog .text a:hover, .b-system-dialog .text a:focus {
        border-bottom: 1px dotted #000;
        color: #000;
        text-decoration: none; }
      .b-system-dialog .text a:visited {
        border-bottom: 1px solid #5C6166;
        color: #5C6166;
        -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
        transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
        .b-system-dialog .text a:visited:hover, .b-system-dialog .text a:visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }
  .b-system-dialog .system-dialog-close {
    position: relative;
    z-index: 3;
    float: right;
    margin: 16px 0 0 0;
    vertical-align: top;
    color: #fefefe;
    cursor: pointer; }
    .b-system-dialog .system-dialog-close:hover, .b-system-dialog .system-dialog-close:focus:not(.m-keyboardfocus) {
      outline: none; }

.b-table {
  overflow: hidden;
  width: 100%; }
  @media (max-width: 640px) {
    .b-table {
      margin: 0 0 24px; }
      .b-table .inner {
        margin: 0 16px; }
      .b-table caption {
        margin: 0 0 16px;
        font-size: 1.1111rem;
        line-height: 1.3333rem; } }
  @media print, screen and (min-width: 40em) {
    .b-table {
      margin: 0 0 32px; }
      .b-table caption {
        margin: 0 0 24px;
        font-size: 1.4444rem;
        line-height: 1.8889rem; } }
  .b-table .inner {
    overflow: auto; }
  .b-table table {
    min-width: 100%;
    border-spacing: 0; }
    .b-table table caption {
      font-weight: normal;
      text-align: left;
      color: #34393F;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .b-table table tr th {
      padding: 0 16px 8px;
      font-family: Arial, sans-serif;
      font-size: 0.7778rem;
      font-weight: 700;
      text-align: left;
      white-space: nowrap;
      vertical-align: top;
      color: #34393F; }
    .b-table table tr td {
      padding: 8px 16px;
      font-size: 0.8889rem;
      text-align: left;
      vertical-align: top;
      color: #34393F; }
    .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: #D4D5D5; }
    .b-table table a {
      border-bottom: 1px solid #000;
      -webkit-backface-visibility: hidden;
      -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
      color: #34393F; }
      .b-table table a:hover, .b-table table a:focus {
        border-bottom: 1px dotted #000;
        color: #000;
        text-decoration: none; }
      .b-table table a:visited {
        border-bottom: 1px solid #5C6166;
        color: #5C6166;
        -webkit-transition: border 0.4s ease-in-out, color 0.4s ease-in-out;
        transition: border 0.4s ease-in-out, color 0.4s ease-in-out; }
        .b-table table a:visited:hover, .b-table table a:visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }

.b-tags {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }
  .b-tags.x-dark .teaser-tag-grey {
    margin: 0 4px 8px 0;
    background-color: #fefefe; }
  .b-teaser-item .b-tags {
    position: absolute;
    bottom: 40px; }
  .b-tags .teaser-tag-grey {
    display: inline-block; }

@media (max-width: 640px) {
  .b-thirdparty.m-notitle {
    padding-top: 32px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-thirdparty.m-notitle {
    padding-top: 64px; } }

.b-thirdparty .iframe-wrap iframe {
  width: 100%; }

.b-thirdparty .iframe-wrap.x-social iframe {
  height: 60vh; }

.b-time-bar {
  background-color: #34393F; }
  @media (max-width: 640px) {
    .b-time-bar {
      height: 40px; }
      .b-time-bar .pagination-centered {
        text-align: left; }
      .b-time-bar .pagination .pagination-item .time-bar-link {
        height: 40px;
        font-size: 0.8889rem;
        line-height: 40px; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .b-time-bar {
      position: relative;
      z-index: 1; }
      .b-time-bar .arrow-left,
      .b-time-bar .arrow-right {
        display: none; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: 1rem;
        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: "Helvetica-Neue", Arial, sans-serif;
        color: #fefefe;
        -webkit-transition: border 0.2s ease-in-out 0s, opacity 400ms;
        transition: border 0.2s ease-in-out 0s, opacity 400ms; }
        .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 #fefefe;
          color: #fefefe; }
        .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 #fefefe;
        color: #fefefe; }
  .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: 1rem;
    line-height: 3.3333rem;
    -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: 0.8889rem;
      line-height: 3.3333rem; }
    .b-time-bar .icon-arrow_left:hover, .b-time-bar .icon-arrow_left:focus {
      color: #fefefe; }
  .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: 1rem;
    line-height: 3.3333rem;
    -webkit-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out; }
    .b-time-bar .icon-arrow_right:before {
      font-size: 0.8889rem;
      line-height: 3.3333rem; }
    .b-time-bar .icon-arrow_right:hover, .b-time-bar .icon-arrow_right:focus {
      color: #fefefe; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    pointer-events: all; } }

@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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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; } }

.b-topics-module {
  overflow: hidden; }
  @media (max-width: 640px) {
    .b-topics-module .b-content-teaser-list {
      margin-top: 2px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-topics-module .b-content-teaser-list {
      margin-top: 16px; } }

.typeahead-popover {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  visibility: hidden;
  margin: 2px 0;
  background: #fff;
  -webkit-transition: opacity 400ms, visibility 400ms;
  transition: opacity 400ms, visibility 400ms; }
  .typeahead-popover.m-open {
    opacity: 1;
    visibility: visible; }

.typeahead-listbox {
  overflow-x: hidden;
  overflow-y: auto; }

.typeahead-listbox-item {
  overflow: hidden;
  padding: 5px;
  cursor: pointer; }
  .typeahead-listbox-item mark {
    font-weight: bold; }
  .typeahead-listbox-item.m-disabled {
    opacity: .5;
    cursor: auto; }
  .typeahead-listbox-item.m-selected {
    background: #0af; }

.cluster-title-row {
  position: relative; }
  .cluster-title-row .cluster-title {
    line-height: 2.2222rem; }
    .cluster-title-row .cluster-title.m-btn {
      padding-right: 64px; }
    .cluster-title-row .cluster-title:before {
      display: none; }

.section-header {
  border: 1px solid grey;
  background-color: #E8E8E8;
  z-index: 10; }
  @media screen and (max-width: 39.99875em) {
    .section-header {
      padding-top: 32px;
      padding-bottom: 0;
      padding-left: 16px;
      padding-right: 16px; } }
  @media print, screen and (min-width: 40em) {
    .section-header {
      padding-top: 64px;
      padding-bottom: 0;
      padding-left: 16px;
      padding-right: 16px; }
      .section-header[data-module="sticky"] {
        content: '{"container": ".b-content-teaser-list"}' !important; }
        .section-header[data-module="sticky"]::before {
          content: '{"container": ".b-content-teaser-list"}' !important;
          font-family: '{"container": ".b-content-teaser-list"}' !important;
          visibility: hidden !important;
          display: block !important;
          height: 0 !important;
          width: 0;
          clear: both;
          overflow: hidden; } }
  .section-header .section-header-title {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-family: "Helvetica-Neue", Arial, sans-serif;
    color: #34393F;
    font-size: 1.4444rem;
    line-height: 1.7778rem; }
    @media print, screen and (min-width: 40em) {
      .section-header .section-header-title {
        font-size: 2rem;
        line-height: 2.2222rem; } }

.form-field-error {
  overflow: hidden;
  display: none;
  margin: 0;
  padding: 0;
  color: #f11010; }
  .form-field-error .error-msg {
    position: relative;
    display: inline-block;
    padding: 0 16px 24px 0;
    font-weight: 700;
    color: #f11010; }
  .small.form-field-error {
    font-size: 0.8889rem;
    line-height: 1.2222rem; }

.form-field {
  display: block;
  display: block; }
  .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:not(:last-child) {
    margin-bottom: 16px; }
  .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:not([data-remaining-characters="0"]):before {
      position: absolute;
      right: 10px;
      color: #96999C;
      top: 10px;
      content: "...noch " attr(data-remaining-characters) " Zeichen"; }
    .form-field .form-field-input-container.show-remaining-characters[data-remaining-characters="0"]:before {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #96999C;
      content: "vollständig"; }
    @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
      .form-field .form-field-input-container.medium-up-show-remaining-characters:not([data-remaining-characters="0"]):before {
        position: absolute;
        right: 10px;
        color: #96999C;
        top: 10px;
        content: "...noch " attr(data-remaining-characters) " Zeichen"; }
      .form-field .form-field-input-container.medium-up-show-remaining-characters[data-remaining-characters="0"]:before {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #96999C;
        content: "vollständig"; } }
    @media (min-width: 1024px) {
      .form-field .form-field-input-container.large-up-show-remaining-characters:not([data-remaining-characters="0"]):before {
        position: absolute;
        right: 10px;
        color: #96999C;
        top: 10px;
        content: "...noch " attr(data-remaining-characters) " Zeichen"; }
      .form-field .form-field-input-container.large-up-show-remaining-characters[data-remaining-characters="0"]:before {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #96999C;
        content: "vollständig"; } }
  .form-field .form-field-label {
    display: block;
    margin-bottom: 10px; }
  .form-field .form-field-input,
  .form-field .input {
    display: inline-block;
    margin-bottom: 0; }
  .form-field .form-field-index {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #E8E8E8;
    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 input[type="password"] + .unmask-toggle [class^="icon-"] {
    color: #5C6166; }
  .password-input input[type="text"] + .unmask-toggle [class^="icon-"] {
    color: #FA7D19; }

.pin-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .pin-input .input {
    width: 40px;
    padding: 0;
    margin-right: 10px;
    text-align: center; }

@media (max-width: 640px) {
  .b-switch .inner {
    padding: 14px 16px 15px; }
  .b-switch .switch-label {
    font-size: 0.8889rem;
    line-height: 1.2222rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-switch .inner {
    padding: 19px 24px 16px; }
  .b-switch .switch-label {
    font-size: 1rem;
    line-height: 1.4444rem; } }

.b-switch .inner {
  position: relative;
  margin-bottom: 5px;
  font-size: 0.8889rem;
  font-weight: 700;
  line-height: 1.2222rem;
  text-align: left;
  color: #34393F;
  background-color: #D4D5D5; }

.b-switch .switch-label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 45px;
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-weight: 400;
  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: #fefefe;
    -webkit-transform: translateX(-23px);
            transform: translateX(-23px); }

.b-switch .switch-input {
  opacity: 0;
  position: absolute;
  top: 16px;
  right: 25px;
  z-index: 1;
  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; }

@media (max-width: 640px) {
  .b-video-module .x-column {
    padding: 0; }
  .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; }
  .b-video-module .teaser-foot {
    padding-right: 64px;
    white-space: nowrap; }
  .b-video-module .teaser-info {
    font-size: 0.7778rem;
    line-height: 0.7778rem; }
  .b-video-module .desc-text {
    font-size: 0.7778rem;
    line-height: 0.8889rem; }
  .b-video-module .download-btn {
    margin-top: 16px;
    margin-bottom: 8px; }
  .b-video-module .b-plus-button {
    right: 0;
    bottom: 13px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-video-module .m-tablet {
    visibility: visible; }
  .b-video-module .item-description {
    margin-bottom: 16px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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: ""; }
    .b-video-module .inner .teaser-info {
      font-size: 0.8889rem;
      line-height: 0.8889rem; }
    .b-video-module .inner .desc-text {
      font-size: 0.8889rem;
      line-height: 1.2222rem; }
    .b-video-module .inner .download-btn {
      margin-top: 32px;
      margin-bottom: 0; } }

@media (min-width: 1024px) {
  .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: #fefefe; }
  .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:before {
    display: none; }
  .b-video-module .item-caption .item-description .more-link {
    color: #fefefe; }

.b-video-module .teaser-label {
  position: initial;
  top: 0;
  font-weight: 700; }

.b-video-module .teaser-cat {
  font-weight: 700;
  font-size: 0.8889rem; }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-video-module .teaser-cat {
      font-size: 1rem; } }

.b-video-module .teaser-foot {
  top: inherit;
  bottom: 16px;
  text-shadow: none;
  color: #34393F; }
  .b-video-module .teaser-foot .teaser-info {
    font-weight: 400; }

.b-video-module .teaser-title {
  display: inline-block;
  max-width: 100%; }

.b-video-module .teaser-info {
  font-weight: normal; }
  .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.icon:before {
    float: left;
    padding-right: 0.2222rem; }

.b-video-module .desc-text {
  margin-top: 0.4444rem; }

.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: 0.8889rem;
  font-weight: 700;
  line-height: 1.2222rem;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out; }
  .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:before {
    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-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: #fefefe; }
  @media (max-width: 640px) {
    .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 (min-width: 641px) and (max-width: 1023px) {
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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 (min-width: 1024px) {
    .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; }

@media (max-width: 640px) {
  .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; }
    .b-weather-local .weather-forcast-item .weather-forcast-item-icon {
      margin: 7px 0; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .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: 160px; }
  .b-weather-local .weather-preview-container .image-item {
    width: 230px;
    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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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; }
      .b-weather-local .weather-forcast-item .weather-forcast-item-icon {
        margin: 20px 0; } }

@media (min-width: 1024px) {
  .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; } }

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

.weather-info-bar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .weather-info-bar-container .weather-info-icon {
    color: #96999C; }

.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: #fefefe;
  overflow: hidden; }

.weather-forcast-item-icon {
  width: 50px;
  height: 50px; }

@media (max-width: 640px) {
  .weather-font.font-big {
    font-size: 1.2222rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .weather-font.font-big {
    font-size: 1.7778rem; } }

@media (max-width: 640px) {
  .weather-font.font-x-big {
    font-size: 4.4444rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .weather-font.font-x-big {
    font-size: 5rem; } }

.weather-icon {
  vertical-align: middle; }
  @media (max-width: 640px) {
    .weather-icon.weather-icon-medium {
      font-size: 1.5556rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .weather-icon.weather-icon-medium {
      padding: 10px;
      font-size: 1.6667rem; } }

.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;
  margin-top: 24px; }

@media (max-width: 640px) {
  .b-weather-maps .weather-maps-subheadline {
    margin-top: -55px;
    position: absolute;
    pointer-events: none;
    /* stupid hack, headline is positioned absolute but width is 100% du to x-row class, so it overlays the tabs */ }
  .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-item {
    padding: 20px 40px; }
  .b-weather-maps .weather-maps-selection {
    margin-bottom: 10px;
    float: right; }
  .b-weather-maps .weather-maps-tab {
    margin-right: 0.2rem;
    padding: .3rem .6rem; }
  .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: 10px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-weather-maps .weather-maps-item {
    padding: 0 50px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-weather-maps .weather-maps-container .artdirect {
    width: 330px;
    margin-right: 20px; }
  .b-weather-maps .weather-maps-selection {
    float: right;
    margin-top: -55px; }
  .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 .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 .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%); }
    .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%); } }

@media (min-width: 1024px) {
  .b-weather-maps .weather-maps-item {
    padding-right: 65px; } }

.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; }
  .b-weather-maps .weather-maps-tab[aria-expanded="true"] {
    background: center no-repeat #fefefe;
    background-size: 30px; }

.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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: #fefefe;
    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: #fefefe;
  content: " "; }

.b-weather-radar {
  position: relative; }
  @media (max-width: 640px) {
    .b-weather-radar .weather-radar-tab {
      padding: .3rem .6rem; }
    .b-weather-radar .weather-radar-selection {
      margin-bottom: 10px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-weather-radar .weather-radar-tab {
      padding: .6rem .9rem; }
    .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: .2rem;
    background: #cecfcf;
    cursor: pointer;
    -webkit-transition: background ease .2s;
    transition: background ease .2s; }
    .b-weather-radar .weather-radar-tab.is-active {
      background: #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 #fefefe;
      border-right: solid 10px transparent;
      border-left: solid 10px transparent;
      content: ""; }

@media (max-width: 640px) {
  .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: bold;
  -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: 32px; }
  .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 */
  /* Landscape Tablets */ }
  @media (max-width: 640px) {
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: 812px) 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: 1024px) 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; } }
  .b-playerbox .b-zdfplayer,
  .b-playerbox .b-zdfplayer .b-zdfplayer-start-screen {
    background-color: transparent; }
