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

.icon-102_home:before {
  content: "\e901"; }

.icon-103_rubrik:before {
  content: "\e902"; }

.icon-104_live-tv:before {
  content: "\e903"; }

.icon-105_a-z:before {
  content: "\e904"; }

.icon-106_suche:before {
  content: "\e905"; }

.icon-107_mein-zdf:before {
  content: "\e906"; }

.icon-108_settings:before {
  content: "\e907"; }

.icon-201_slide-left:before {
  content: "\e908"; }

.icon-202_slide-right:before {
  content: "\e909"; }

.icon-203_arrow-down:before {
  content: "\e90a"; }

.icon-204_arrow-up:before {
  content: "\e90b"; }

.icon-205_arrow-left:before {
  content: "\e90c"; }

.icon-206_arrow-right:before {
  content: "\e90d"; }

.icon-207_fullscreen:before {
  content: "\e90e"; }

.icon-208_smallscreen:before {
  content: "\e90f"; }

.icon-209_close:before {
  content: "\e910"; }

.icon-210_tile:before {
  content: "\e911"; }

.icon-211_list:before {
  content: "\e912"; }

.icon-212_slide-down:before {
  content: "\e913"; }

.icon-213_slide-up:before {
  content: "\e914"; }

.icon-301_clock:before {
  content: "\e915"; }

.icon-302_countdown:before {
  content: "\e916"; }

.icon-303_discuss:before {
  content: "\e917"; }

.icon-304_highlight:before {
  content: "\e918"; }

.icon-305_season:before {
  content: "\e919"; }

.icon-306_posts:before {
  content: "\e91a"; }

.icon-307_like:before {
  content: "\e91b"; }

.icon-308_view:before {
  content: "\e91c"; }

.icon-309_embed:before {
  content: "\e91d"; }

.icon-310_relation:before {
  content: "\e943"; }

.icon-401_plus:before {
  content: "\e910";
  /* old thick variant \e91e */ }

.icon-402_share:before {
  content: "\e91f"; }

.icon-403_mail:before {
  content: "\e920"; }

.icon-404_download:before {
  content: "\e921"; }

.icon-501_calendar:before {
  content: "\e922"; }

.icon-502_play:before {
  content: "\e923"; }

.icon-503_games:before {
  content: "\e924"; }

.icon-504_gallery:before {
  content: "\e925"; }

.icon-505_report:before {
  content: "\e926"; }

.icon-601_facebook:before {
  content: "\e927"; }

.icon-602_twitter:before {
  content: "\e928"; }

.icon-603_google:before {
  content: "\e929"; }

.icon-604_youtube:before {
  content: "\e92a"; }

.icon-605_instagram:before {
  content: "\e92b"; }

.icon-606_whatsapp:before {
  content: "\e944"; }

.icon-701_text:before {
  content: "\e92c"; }

.icon-702_image:before {
  content: "\e92d"; }

.icon-703_quiz:before {
  content: "\e92e"; }

.icon-704_vote:before {
  content: "\e92f"; }

.icon-705_win:before {
  content: "\e930"; }

.icon-706_upload:before {
  content: "\e931"; }

.icon-801_edit:before {
  content: "\e932"; }

.icon-802_trash:before {
  content: "\e933"; }

.icon-803_info:before {
  content: "\e934"; }

.icon-901_pause-circle:before {
  content: "\e935"; }

.icon-902_pause:before {
  content: "\e936"; }

.icon-903_next:before {
  content: "\e937"; }

.icon-904_forward:before {
  content: "\e938"; }

.icon-905_stop:before {
  content: "\e939"; }

.icon-906_unmute:before {
  content: "\e93a"; }

.icon-907_mute:before {
  content: "\e93b"; }

.icon-908_ut4:before {
  content: "\e93c"; }

.icon-909_ut:before {
  content: "\e93d"; }

.icon-910_airplay:before {
  content: "\e93e"; }

.icon-911_chromcast:before {
  content: "\e93f"; }

.icon-912_data-security:before {
  content: "\e940"; }

.icon-913_read-more:before {
  content: "\e941"; }

.icon-914_share-file:before {
  content: "\e942"; }

.icon-915_camera:before {
  content: "\e945"; }

.icon-916_spidercam:before {
  content: "\e946"; }

.icon-917_camera-inactive:before {
  content: "\e947"; }

.icon-918_spidercam-inactive:before {
  content: "\e948"; }

.icon-919_ball:before {
  content: "\e949"; }

@font-face {
  font-family: "zdf-weather";
  src: url("../fonts/zdf-weather.woff?bn1zxw") format("woff"), url("../fonts/zdf-weather.ttf?bn1zxw") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="weather-"]:before,
[class*=" weather-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "zdf-weather" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.weather-0:before {
  content: "\e900"; }

.weather-1:before {
  content: "\e901"; }

.weather-2:before {
  content: "\e902"; }

.weather-3:before {
  content: "\e903"; }

.weather-4:before {
  content: "\e904"; }

.weather-5:before {
  content: "\e905"; }

.weather-6:before {
  content: "\e906"; }

.weather-7:before {
  content: "\e907"; }

.weather-8:before {
  content: "\e908"; }

.weather-9:before {
  content: "\e909"; }

.weather-10:before {
  content: "\e90a"; }

.weather-11:before {
  content: "\e90b"; }

.weather-12:before {
  content: "\e90c"; }

.weather-13:before {
  content: "\e90d"; }

.weather-14:before {
  content: "\e90e"; }

.weather-15:before {
  content: "\e90f"; }

.weather-16:before {
  content: "\e910"; }

.weather-17:before {
  content: "\e911"; }

.weather-18:before {
  content: "\e912"; }

.weather-19:before {
  content: "\e913"; }

.weather-20:before {
  content: "\e914"; }

.weather-21:before {
  content: "\e915"; }

.weather-22:before {
  content: "\e916"; }

.weather-23:before {
  content: "\e917"; }

.weather-24:before {
  content: "\e918"; }

.weather-25:before {
  content: "\e919"; }

/* old/deprecated API: */
@-webkit-keyframes tabsfadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes tabsfadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

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

.accordion {
  content: '{"selectedIndex":0,"adjustScroll":60}' !important;
  margin: 0 0 24px;
  padding: 0; }
  @media (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 {
      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;
      background-color: #D4D5D5;
      -webkit-transition: opacity 400ms, visibility 400ms, background-color 400ms;
      transition: opacity 400ms, visibility 400ms, background-color 400ms; }
      .accordion .accordion-panel .content.m-open {
        overflow: visible;
        opacity: 1;
        visibility: inherit;
        height: auto; }
      .accordion .accordion-panel .content.m-open {
        background-color: #fff; }
    .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: "\e90a";
        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):before {
          padding-top: 0;
          padding-bottom: 0; }
        .accordion .accordion-panel .panel-link:focus:not(.m-keyboardfocus) .shorter {
          text-decoration: underline; }
      .accordion .accordion-panel .panel-link.m-keyboardfocus {
        outline-offset: -2px; }
      .accordion .accordion-panel .panel-link:focus:hover:before {
        padding-top: 8px;
        padding-bottom: 0; }
      .accordion .accordion-panel .panel-link[aria-expanded="true"] {
        background-color: #fff; }
        .accordion .accordion-panel .panel-link[aria-expanded="true"]:before {
          content: "\e90b"; }
        .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: #fff; }
  .alert .alert-item, .b-alert .alert-item, .b-news-alert .alert-item {
    font-size: 0.8889rem;
    color: #fff; }
    .alert .alert-item .link, .b-alert .alert-item .link, .b-news-alert .alert-item .link {
      border-bottom: 1px solid transparent;
      color: #fff; }
    .alert .alert-item a.link:hover, .b-alert .alert-item a.link:hover, .b-news-alert .alert-item a.link:hover, .alert .alert-item a.link:focus, .b-alert .alert-item a.link:focus, .b-news-alert .alert-item a.link:focus {
      border-bottom: 1px solid #fff; }

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

.button {
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-size: 0.7778rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #000;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .button.tiny {
    display: inline-block;
    margin: 0 0 16px 0;
    padding: 4px 8px;
    font-size: 0.7778rem;
    line-height: 0.8889rem; }
  .button.small {
    display: inline-block;
    margin: 0 0 16px 0;
    padding: 8px 16px;
    font-size: 0.8889rem;
    line-height: 0.8889rem; }
  .button.medium {
    display: inline-block;
    margin: 0 0 16px 0;
    padding: 10px 16px;
    font-size: 1rem;
    line-height: 0.8889rem; }
  .button.round {
    border-radius: 4px; }
  .button.x-load-more {
    margin: 0; }
  .button.heute-btn {
    background-color: #34393F; }
  .button.as-link {
    margin: 0 0 16px 0;
    font-size: 0.7778rem;
    font-weight: 700;
    line-height: 2rem;
    text-decoration: underline;
    color: #D4D5D5;
    background: none;
    background-color: transparent; }
    .button.as-link.inverse {
      color: #5C6166; }
  .button:hover, .button:focus {
    text-decoration: underline;
    color: #fff; }
    .button:hover:not(.m-keyboardfocus), .button:focus:not(.m-keyboardfocus) {
      outline: none; }

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

.checkbox-wrap .error:not(:checked) + label:after, .checkbox-wrap .error-item:not(:checked) + label:after, .checkbox-wrap .b-dialog.x-dialog-player-pin .error-item:not(:checked) + label:after, .checkbox-wrap .b-login .error-item: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: "\e910";
  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:not(input), .error-item:not(input), .b-dialog.x-dialog-player-pin .error-item:not(input), .b-login .error-item:not(input) {
  overflow: hidden;
  display: none;
  margin: 0;
  padding: 0;
  color: #f11010; }
  .error:not(input).m-show, .error-item:not(input).m-show, .b-dialog.x-dialog-player-pin .error-item:not(input).m-show {
    display: block !important; }
  .error:not(input) .error-msg, .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) {
  .guests .guest-showmore, .b-dialog.x-dialog-infotext .guest-showmore, .b-group-persons .guest-showmore, .b-group-relations .guest-showmore {
    content: '{"items": ".guest-box","count":4}' !important; }
    .guests .guest-showmore::before, .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; }
  .guests .guest-box, .b-dialog.x-dialog-infotext .guest-box, .b-group-persons .guest-box, .b-group-relations .guest-box {
    width: 100%;
    outline: none;
    padding: 0 16px; }
    .guests .guest-box:nth-child(1n+5):not(.m-showmore-item), .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; }
    .guests .guest-box .guest-info, .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; }
      .guests .guest-box .guest-info:after, .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%; }
    .guests .guest-box .guest-name, .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; }
      .guests .guest-box .guest-name .name-btn, .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; }
    .guests .guest-box .guest-img-wrap:before, .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%; }
    .guests .guest-box .guest-img, .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; }
    .guests .guest-box .guest-text, .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; }
    .guests .guest-box .guest-title, .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; }
      .guests .guest-box .guest-title > p, .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; }
  .guests .load-more-container, .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) {
  .guests .guest-box .guest-info, .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) {
  .guests .guest-box:only-child, .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; }
  .guests .guest-box .guest-info:after, .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%; }
  .guests .guest-box .guest-img, .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; }
  .guests .guest-box .guest-text, .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; }
  .guests .guest-box .guest-name, .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; }
  .guests .guest-box .guest-title, .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; }
  .guests .guest-box .guest-description .desc-text, .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) {
  .guests .guest-box:only-child .guest-img, .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; }
  .guests .guest-box:only-child .guest-text, .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; }
  .guests .guest-box:only-child .guest-info:before, .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; }
  .guests .guest-box:first-child:nth-last-child(2) .guest-img, .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,
  .guests .guest-box:first-child:nth-last-child(2) ~ li .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; }
  .guests .guest-box:first-child:nth-last-child(2) .guest-text, .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,
  .guests .guest-box:first-child:nth-last-child(2) ~ li .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; }
  .guests .guest-box:first-child:nth-last-child(2) .guest-info:before, .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,
  .guests .guest-box:first-child:nth-last-child(2) ~ li .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; }
  .guests .guest-box .guest-info, .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; }
    .guests .guest-box .guest-info:hover .guest-name, .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,
    .guests .guest-box .guest-info:hover .guest-title, .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, .guests .guest-box .guest-info.m-focus-within .guest-name, .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,
    .guests .guest-box .guest-info.m-focus-within .guest-title, .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; } }

.guests .guest-box, .b-dialog.x-dialog-infotext .guest-box, .b-group-persons .guest-box, .b-group-relations .guest-box {
  padding-bottom: 0;
  list-style: none; }
  .guests .guest-box .guest-info, .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; }
    .guests .guest-box .guest-info:before, .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: ""; }
    .guests .guest-box .guest-info:after, .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: ""; }
    .guests .guest-box .guest-info .x-row, .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; }
    .guests .guest-box .guest-info:hover, .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, .guests .guest-box .guest-info.m-focus-within, .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; }
      .guests .guest-box .guest-info:hover .guest-img, .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, .guests .guest-box .guest-info.m-focus-within .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); }
      .guests .guest-box .guest-info:hover .arrow-down, .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, .guests .guest-box .guest-info.m-focus-within .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; }
  .guests .guest-box .guest-img-wrap, .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; }
  .guests .guest-box .guest-img, .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; }
  .guests .guest-box .guest-name, .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; }
    .guests .guest-box .guest-name button, .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; }
      .guests .guest-box .guest-name button:not(.m-keyboardfocus), .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; }
  .guests .guest-box .guest-title, .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; }
    .guests .guest-box .guest-title p, .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; }

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

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

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

/* Radio Button */
.radio-wrap {
  padding: 8px 0 0 0; }
  @media (max-width: 640px) {
    .radio-wrap {
      margin: 0 0 16px; } }

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

.radio-label {
  position: relative;
  margin: 0;
  padding: 0 0 0 30px;
  font-size: 0.8889rem;
  line-height: 1.3333rem;
  cursor: pointer; }
  .radio-label:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(150, 153, 156, 0.5);
    border-radius: 8px;
    background-color: transparent;
    content: ""; }

.radio-input:focus + label:before {
  border-color: #34393F; }

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

.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; }
  .scroll-arrow.x-next {
    right: 0; }
  .scroll-arrow.x-prev {
    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: #fff; }
  .scroll-arrow:hover, .scroll-arrow:focus {
    opacity: .8;
    background-color: #25292E; }
  .scroll-arrow:focus, .scroll-arrow:visited {
    background-color: #25292E; }
  .scroll-arrow.x-next:disabled {
    right: -48px; }
  .scroll-arrow.x-prev:disabled {
    left: -48px; }

.scroll-pagination {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: auto;
  height: 32px;
  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%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  .scroll-pagination .js-scroller-pagination-btn {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 16px;
    margin: 0;
    padding: 5px 8px;
    background: none;
    cursor: pointer; }
    .scroll-pagination .js-scroller-pagination-btn:before {
      position: absolute;
      display: block;
      width: 5px;
      height: 5px;
      background-color: #fff;
      content: ""; }
    .scroll-pagination .js-scroller-pagination-btn.m-selected:before {
      background-color: #000; }

@media (max-width: 640px) {
  .teaser-label {
    padding: 0 8px; }
    .teaser-label:not(.x-dark) .icon {
      display: none; }
    .teaser-label.x-dark .icon {
      position: relative;
      float: left;
      display: inline-block;
      width: 27px;
      height: 16px;
      margin: 5px 5px 5px 0;
      border-right: 1px solid #fff; }
      .teaser-label.x-dark .icon:before {
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 0.8889rem;
        line-height: 16px; }
  .teaser-cat, .b-dialog.x-dialog-epg .overlay-category, .b-epg-timeline .overlay-link-category, .b-newsticker-cell .cat {
    font-size: 0.7222rem; }
  .teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-map-teaser .teaser-title, .b-stage .stage-wrap .teaser-title,
  .teaser-title-link {
    margin-bottom: 8px;
    font-size: 1.2222rem;
    line-height: 1.4444rem;
    text-overflow: ellipsis; }
  .teaser-title-link.has-foot {
    overflow: hidden;
    max-height: calc(1.4444rem * 2 - 1px); }
  .teaser-text, .b-content-module .item-caption .video-description, .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .video-description, .b-video-module .item-caption .item-description {
    font-size: 0.8889rem;
    line-height: 1.2222rem; }
  .button.teaser-link {
    position: relative;
    bottom: inherit;
    left: inherit; }
  .icon-128_play {
    height: 24px; }
    .icon-128_play:before {
      font-size: 1.3333rem;
      line-height: 1.3333rem; }
  .teaser-info {
    font-size: 0.7222rem; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .teaser-label {
    top: -16px;
    left: 24px;
    padding: 0 6px 0 0; }
    .teaser-label .icon {
      position: relative;
      float: left;
      display: inline-block;
      width: 27px;
      height: 16px;
      margin: 5px 5px 5px 0;
      border-right: 1px solid #fff; }
      .teaser-label .icon:before {
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 0.8889rem;
        line-height: 16px; }
  .teaser-cat, .b-dialog.x-dialog-epg .overlay-category, .b-epg-timeline .overlay-link-category, .b-newsticker-cell .cat {
    font-size: 0.7778rem; }
  .teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-map-teaser .teaser-title, .b-stage .stage-wrap .teaser-title,
  .teaser-title-link {
    margin-bottom: 8px;
    font-size: 1.3333rem;
    line-height: 1.6667rem;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto; }
  .teaser-text, .b-content-module .item-caption .video-description, .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .video-description, .b-video-module .item-caption .item-description {
    font-size: 1rem;
    line-height: 1.4444rem; }
  .teaser-foot {
    position: absolute;
    right: 32px;
    bottom: 16px;
    left: 24px;
    font-size: 0.7778rem; }
  .teaser-info {
    font-size: 0.7778rem; } }

.teaser-label {
  position: absolute;
  z-index: 3;
  display: inline-block;
  height: 26px;
  font-family: "Helvetica-Neue", Arial, sans-serif;
  font-size: 0.8889rem;
  line-height: 26px;
  color: #fff;
  background-color: #000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .teaser-label.x-dark {
    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 {
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 0 8px 0;
  font-family: Arial, sans-serif;
  font-weight: bold;
  line-height: 0.8889rem;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .teaser-cat:not(.m-light), .b-dialog.x-dialog-epg .overlay-category:not(.m-light), .b-epg-timeline .overlay-link-category:not(.m-light), .b-newsticker-cell .cat:not(.m-light) {
    color: #000; }
  .teaser-cat.m-light, .b-dialog.x-dialog-epg .m-light.overlay-category, .b-epg-timeline .m-light.overlay-link-category, .b-newsticker-cell .m-light.cat {
    color: #FFFF00; }

.teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-map-teaser .teaser-title, .b-stage .stage-wrap .teaser-title,
.teaser-title-link {
  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; }
  .teaser-title:after, .b-dialog.x-dialog-epg .overlay-title:after, .b-map-teaser .teaser-title:after, .b-stage .stage-wrap .teaser-title:after,
  .teaser-title-link:after {
    display: block; }
    .teaser-title:after:after, .b-dialog.x-dialog-epg .overlay-title:after:after, .b-map-teaser .teaser-title:after:after, .b-stage .stage-wrap .teaser-title:after:after,
    .teaser-title-link: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 .news-title-link.overlay-title, .b-stage .stage-wrap .news-title-link.teaser-title,
  .teaser-title-link.news-title-link {
    font-family: "Helvetica-Neue", Arial, sans-serif;
    font-size: 1.2222rem;
    line-height: 1.4444rem; }
  .teaser-title .title-icon, .b-dialog.x-dialog-epg .overlay-title .title-icon, .b-stage .stage-wrap .teaser-title .title-icon,
  .teaser-title-link .title-icon {
    float: left;
    display: inline-block;
    margin-right: 5px; }
    .teaser-title .title-icon:before, .b-dialog.x-dialog-epg .overlay-title .title-icon:before, .b-stage .stage-wrap .teaser-title .title-icon:before,
    .teaser-title-link .title-icon:before {
      float: left; }

.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:hover .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .teaser-title-link:hover .overlay-category, .teaser-title-link:hover .b-epg-timeline .overlay-link-category, .b-epg-timeline .teaser-title-link:hover .overlay-link-category, .teaser-title-link:hover .b-newsticker-cell .cat, .b-newsticker-cell .teaser-title-link:hover .cat, .teaser-title-link:focus .teaser-cat, .teaser-title-link:focus .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .teaser-title-link:focus .overlay-category, .teaser-title-link:focus .b-epg-timeline .overlay-link-category, .b-epg-timeline .teaser-title-link:focus .overlay-link-category, .teaser-title-link:focus .b-newsticker-cell .cat, .b-newsticker-cell .teaser-title-link:focus .cat, .teaser-title-link.mouseover .teaser-cat, .teaser-title-link.mouseover .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .teaser-title-link.mouseover .overlay-category, .teaser-title-link.mouseover .b-epg-timeline .overlay-link-category, .b-epg-timeline .teaser-title-link.mouseover .overlay-link-category, .teaser-title-link.mouseover .b-newsticker-cell .cat, .b-newsticker-cell .teaser-title-link.mouseover .cat {
    text-decoration: none !important; }

.teaser-text, .b-content-module .item-caption .video-description, .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .video-description, .b-video-module .item-caption .item-description {
  font-family: "Helvetica-Neue", Arial, sans-serif;
  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-video-module .item-caption .item-description a {
    display: block;
    border: none;
    color: #fff; }
    .teaser-text a:hover, .b-content-module .item-caption .video-description a:hover, .b-gallery-module .item-caption .item-description a:hover, .b-gallery-module .item-caption .video-description a:hover, .b-video-module .item-caption .item-description a:hover, .teaser-text a:focus, .b-content-module .item-caption .video-description a:focus, .b-gallery-module .item-caption .item-description a:focus, .b-gallery-module .item-caption .video-description a:focus, .b-video-module .item-caption .item-description a:focus, .teaser-text a:visited, .b-content-module .item-caption .video-description a:visited, .b-gallery-module .item-caption .item-description a:visited, .b-gallery-module .item-caption .video-description a:visited, .b-video-module .item-caption .item-description a:visited {
      border: none;
      text-decoration: none;
      color: #fff; }

.button.teaser-link {
  position: absolute;
  bottom: 24px;
  left: 24px;
  margin: 0; }

.teaser-tag-orange, .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: #fff;
  background: #000; }

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

.teaser-info {
  display: inline-block; }
  .teaser-info.m-border:after {
    margin: 0 1px 0 4px;
    content: "|"; }

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

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

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

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

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

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

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

.topics.m-topics .link, .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: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .topics.m-topics .link.m-text-dark, .m-topics.b-tag-module .link.m-text-dark, .m-topics.b-topic-bar .link.m-text-dark {
    color: #34393F; }

.topics:not(.m-topics) .item, .b-tag-module:not(.m-topics) .item, .b-topic-bar:not(.m-topics) .item {
  display: inline; }
  .topics:not(.m-topics) .item:after, .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: "|"; }
  .topics:not(.m-topics) .item:last-child:after, .b-tag-module:not(.m-topics) .item:last-child:after, .b-topic-bar:not(.m-topics) .item:last-child:after {
    content: none; }

.topics:not(.m-topics) .link, .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; }
  .topics:not(.m-topics) .link:hover, .b-tag-module:not(.m-topics) .link:hover, .b-topic-bar:not(.m-topics) .link:hover, .topics:not(.m-topics) .link:focus, .b-tag-module:not(.m-topics) .link:focus, .b-topic-bar:not(.m-topics) .link:focus {
    border-bottom: 1px solid #000; }

.topics .label, .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; }

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

.b-stage .stage-wrap .stage-play-btn .contrast:before {
  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%2227%22%20height%3D%2236%22%20viewBox%3D%220%200%2027%2036%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.85%22%20fill-rule%3D%22evenodd%22%20d%3D%22M27%2018.002L0%2036V0z%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-width%3D%223.56%22%20d%3D%22M10.364%2031.666c15.761%2014.734%2027.152.406%2027.152.406%22%20stroke-linecap%3D%22round%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%200%201-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%200%200-.544%201.128%204.585%204.585%200%200%200%200%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%200%200%200-2.576%203.63%203.63%200%200%200-.544-1.128%202.775%202.775%200%200%200-.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%200%201-1.224-.936%204.086%204.086%200%200%201-.752-1.384%205.456%205.456%200%200%201-.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%200%201%20.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%200%200-.432-.048%205.028%205.028%200%200%200-.416-.016c-.405%200-.738.058-1%20.176a1.464%201.464%200%200%200-.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%200%200-.2-1.104%203.022%203.022%200%200%200-.52-.936%202.577%202.577%200%200%200-.816-.656%202.336%202.336%200%200%200-1.088-.248c-.416%200-.784.082-1.104.248-.32.165-.592.384-.816.656a3.268%203.268%200%200%200-.536.944%204.627%204.627%200%200%200-.264%201.096h5.344zm-5.344.848c0%20.362.051.738.152%201.128a3.1%203.1%200%200%200%20.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%200%201-1.16-.944c-.298-.4-.52-.864-.664-1.392a6.328%206.328%200%200%201%200-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%200%201%20.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%200%200-.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%200%201-.256.944%202.608%202.608%200%200%201-.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%200%201-.904-.8%203.63%203.63%200%200%201-.544-1.128%204.585%204.585%200%200%201%200-2.576%203.63%203.63%200%200%201%20.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%200%201%20.2-1.128c.123-.347.294-.646.512-.896.219-.251.486-.448.8-.592a2.569%202.569%200%200%201%201.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%200%200-.496-1%202.29%202.29%200%200%200-.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%200%200-.272-1.168%202.437%202.437%200%200%200-.648-.832%202.667%202.667%200%200%200-.944-.496%204.039%204.039%200%200%200-1.16-.16c-.362%200-.728.042-1.096.128a3.386%203.386%200%200%200-1%20.4%202.185%202.185%200%200%200-.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%200%201-.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%200%200%20.776-.768c.203-.315.304-.696.304-1.144%200-.363-.069-.678-.208-.944a2.149%202.149%200%200%200-.536-.672%202.762%202.762%200%200%200-.752-.44%203.85%203.85%200%200%200-.856-.232l-1.344-.304a6.956%206.956%200%200%201-.56-.168%202.703%202.703%200%200%201-.56-.264%201.494%201.494%200%200%201-.424-.392.943.943%200%200%201-.168-.568c0-.267.059-.491.176-.672a1.36%201.36%200%200%201%20.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%200%200-.2-1.104%203.022%203.022%200%200%200-.52-.936%202.577%202.577%200%200%200-.816-.656%202.336%202.336%200%200%200-1.088-.248c-.416%200-.784.082-1.104.248-.32.165-.592.384-.816.656a3.268%203.268%200%200%200-.536.944%204.627%204.627%200%200%200-.264%201.096h5.344zm-5.344.848c0%20.362.051.738.152%201.128a3.1%203.1%200%200%200%20.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%200%201-1.16-.944c-.298-.4-.52-.864-.664-1.392a6.328%206.328%200%200%201%200-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%200%201%20.16%201.704h-6.352zm7.728-7.568v11.424h1.008V20.243h-1.008zm2.928%203.168v8.256h1.008V26.85a3.65%203.65%200%200%201%20.2-1.128c.123-.347.294-.646.512-.896.219-.251.486-.448.8-.592a2.569%202.569%200%200%201%201.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%200%200-.496-1%202.29%202.29%200%200%200-.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 {
  box-sizing: border-box;
  min-width: 320px;
  font-size: 1.125rem !important;
  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, body.x-heute .b-stage .stage-wrap.m-large .b-content-module .item-caption .video-description, .b-content-module .item-caption body.x-heute .b-stage .stage-wrap.m-large .video-description, body.x-heute .b-stage .stage-wrap.m-large .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption body.x-heute .b-stage .stage-wrap.m-large .item-description, body.x-heute .b-stage .stage-wrap.m-large .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption body.x-heute .b-stage .stage-wrap.m-large .video-description, body.x-heute .b-stage .stage-wrap.m-large .b-video-module .item-caption .item-description, .b-video-module .item-caption body.x-heute .b-stage .stage-wrap.m-large .item-description {
  display: block;
  margin-bottom: 16px; }

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

* {
  -webkit-tap-highlight-color: transparent; }

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;
       -moz-hyphens: none !important;
        -ms-hyphens: none !important;
            hyphens: none !important; }
    body.m-css-test .teaser-title-link,
    body.m-css-test .teaser-title,
    body.m-css-test .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg
    body.m-css-test .overlay-title,
    body.m-css-test .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap
    body.m-css-test .teaser-title {
      -webkit-hyphens: none !important;
         -moz-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::not(.insta-wrap) iframe {
  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, .b-cluster .cluster-title-row .cluster-title b, .b-content-teaser-list .title b, .b-search-list .title b,
  .medium-headline b,
  .small-headline b,
  .big-headline
  strong,
  .b-cluster .cluster-title-row .cluster-title
  strong,
  .b-content-teaser-list .title
  strong,
  .b-search-list .title
  strong,
  .medium-headline
  strong,
  .small-headline
  strong {
    font-weight: 400; }

i,
em {
  font-style: italic; }
  .big-headline i, .b-cluster .cluster-title-row .cluster-title i, .b-content-teaser-list .title i, .b-search-list .title i,
  .medium-headline i,
  .small-headline i,
  .big-headline
  em,
  .b-cluster .cluster-title-row .cluster-title
  em,
  .b-content-teaser-list .title
  em,
  .b-search-list .title
  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, .input.error-item, .b-dialog.x-dialog-player-pin .input.error-item {
    position: relative;
    outline: 2px solid #f11010; }
    .input.error:hover, .input.error-item:hover, .input.error:focus, .input.error-item: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: #fff; }

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

sup {
  top: -10px; }

sub {
  top: 4px; }

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

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

/**
 * 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 {
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto; }

.show {
  display: block; }

.hide {
  display: none; }

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

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

@media (max-width: 640px) {
  .myzdf-infotext {
    padding: 16px 16px 0; } }

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

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

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

.m-loading .loader {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-animation: load3 1.4s infinite linear;
          animation: load3 1.4s infinite linear; }

.loader {
  opacity: 0;
  position: absolute;
  left: 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 50%;
  background: #fff;
  background: -webkit-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%); }
  .loader:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    border-radius: 100% 0 0 0;
    background: #fff;
    content: ""; }
  .loader:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 75%;
    margin: auto;
    border-radius: 50%;
    background: #000;
    content: ""; }

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

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

/* Player Error Message */
.b-playerbox {
  background-color: rgba(0, 0, 0, 0.3); }
  .b-playerbox .player-disabled-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 50, 50, 0.7); }
    .b-playerbox .player-disabled-info .disabled-text {
      position: relative;
      top: 50%;
      padding: 25px;
      text-align: center;
      color: #fff;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased; }
      @media (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; } }

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

@media (min-width: 1153px) and (max-width: 1219px) {
  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:1220px)","news-medium": "(min-width:1153px) and (max-width:1219px)","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:1220px)","news-medium": "(min-width:1153px) and (max-width:1219px)","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:1220px)","news-medium": "(min-width:1153px) and (max-width:1219px)","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; }

@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-row.x-medium-up-1 > .x-column {
    float: left;
    width: 100%; }
    .x-row.x-medium-up-1 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-medium-up-1 > .x-column:nth-of-type(1n+1) {
      clear: both; }
    .x-row.x-medium-up-1 > .x-column:last-child {
      float: left; }
  .x-row.x-medium-up-2 > .x-column {
    float: left;
    width: 50%; }
    .x-row.x-medium-up-2 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-medium-up-2 > .x-column:nth-of-type(2n+1) {
      clear: both; }
    .x-row.x-medium-up-2 > .x-column:last-child {
      float: left; }
  .x-row.x-medium-up-3 > .x-column {
    float: left;
    width: 33.33333%; }
    .x-row.x-medium-up-3 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-medium-up-3 > .x-column:nth-of-type(3n+1) {
      clear: both; }
    .x-row.x-medium-up-3 > .x-column:last-child {
      float: left; }
  .x-row.x-medium-up-4 > .x-column {
    float: left;
    width: 25%; }
    .x-row.x-medium-up-4 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-medium-up-4 > .x-column:nth-of-type(4n+1) {
      clear: both; }
    .x-row.x-medium-up-4 > .x-column:last-child {
      float: left; }
  .x-row.x-medium-up-5 > .x-column {
    float: left;
    width: 20%; }
    .x-row.x-medium-up-5 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-medium-up-5 > .x-column:nth-of-type(5n+1) {
      clear: both; }
    .x-row.x-medium-up-5 > .x-column:last-child {
      float: left; }
  .x-row.x-medium-up-6 > .x-column {
    float: left;
    width: 16.66667%; }
    .x-row.x-medium-up-6 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-medium-up-6 > .x-column:nth-of-type(6n+1) {
      clear: both; }
    .x-row.x-medium-up-6 > .x-column:last-child {
      float: left; }
  .x-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-row.x-large-up-1 > .x-column {
    float: left;
    width: 100%; }
    .x-row.x-large-up-1 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-large-up-1 > .x-column:nth-of-type(1n+1) {
      clear: both; }
    .x-row.x-large-up-1 > .x-column:last-child {
      float: left; }
  .x-row.x-large-up-2 > .x-column {
    float: left;
    width: 50%; }
    .x-row.x-large-up-2 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-large-up-2 > .x-column:nth-of-type(2n+1) {
      clear: both; }
    .x-row.x-large-up-2 > .x-column:last-child {
      float: left; }
  .x-row.x-large-up-3 > .x-column {
    float: left;
    width: 33.33333%; }
    .x-row.x-large-up-3 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-large-up-3 > .x-column:nth-of-type(3n+1) {
      clear: both; }
    .x-row.x-large-up-3 > .x-column:last-child {
      float: left; }
  .x-row.x-large-up-4 > .x-column {
    float: left;
    width: 25%; }
    .x-row.x-large-up-4 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-large-up-4 > .x-column:nth-of-type(4n+1) {
      clear: both; }
    .x-row.x-large-up-4 > .x-column:last-child {
      float: left; }
  .x-row.x-large-up-5 > .x-column {
    float: left;
    width: 20%; }
    .x-row.x-large-up-5 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-large-up-5 > .x-column:nth-of-type(5n+1) {
      clear: both; }
    .x-row.x-large-up-5 > .x-column:last-child {
      float: left; }
  .x-row.x-large-up-6 > .x-column {
    float: left;
    width: 16.66667%; }
    .x-row.x-large-up-6 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-large-up-6 > .x-column:nth-of-type(6n+1) {
      clear: both; }
    .x-row.x-large-up-6 > .x-column:last-child {
      float: left; }
  .x-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%; } }

.x-row {
  max-width: 1152px;
  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; }
  .x-row.x-small-up-1 > .x-column {
    float: left;
    width: 100%; }
    .x-row.x-small-up-1 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-small-up-1 > .x-column:nth-of-type(1n+1) {
      clear: both; }
    .x-row.x-small-up-1 > .x-column:last-child {
      float: left; }
  .x-row.x-small-up-2 > .x-column {
    float: left;
    width: 50%; }
    .x-row.x-small-up-2 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-small-up-2 > .x-column:nth-of-type(2n+1) {
      clear: both; }
    .x-row.x-small-up-2 > .x-column:last-child {
      float: left; }
  .x-row.x-small-up-3 > .x-column {
    float: left;
    width: 33.33333%; }
    .x-row.x-small-up-3 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-small-up-3 > .x-column:nth-of-type(3n+1) {
      clear: both; }
    .x-row.x-small-up-3 > .x-column:last-child {
      float: left; }
  .x-row.x-small-up-4 > .x-column {
    float: left;
    width: 25%; }
    .x-row.x-small-up-4 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-small-up-4 > .x-column:nth-of-type(4n+1) {
      clear: both; }
    .x-row.x-small-up-4 > .x-column:last-child {
      float: left; }
  .x-row.x-small-up-5 > .x-column {
    float: left;
    width: 20%; }
    .x-row.x-small-up-5 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row.x-small-up-5 > .x-column:nth-of-type(5n+1) {
      clear: both; }
    .x-row.x-small-up-5 > .x-column:last-child {
      float: left; }
  .x-row .x-small-up-6 > .x-column {
    float: left;
    width: 16.66667%; }
    .x-row .x-small-up-6 > .x-column:nth-of-type(1n) {
      clear: none; }
    .x-row .x-small-up-6 > .x-column:nth-of-type(6n+1) {
      clear: both; }
    .x-row .x-small-up-6 > .x-column:last-child {
      float: left; }

.x-column {
  float: left;
  width: 100%; }
  .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%; }
  .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; }

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

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

.b-avatar .radio-label {
  display: inline-block;
  margin: 0 20px 10px 0;
  padding: 0; }
  .b-avatar .radio-label:before, .b-avatar .radio-label:after {
    visibility: hidden; }
  .b-avatar .radio-label > .avatar-image {
    display: block; }

.b-avatar .radio-input:checked + label .avatar {
  border: 2px solid #FA7D19; }

.b-avatar .avatar {
  display: block;
  width: 64px;
  height: 64px;
  pointer-events: none; }

.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: "\e909";
      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: #fff;
    -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: #fff;
    -webkit-transition: -webkit-transform 400ms;
    transition: -webkit-transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); }
    .b-calendar .calendar-outerbox::before {
      content: '{"name": "calendar"}' !important;
      font-family: '{"name": "calendar"}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; }
  .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: #fff;
    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: #fff;
    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: #fff; }
  .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: #fff;
      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: #fff;
    -webkit-transition: -webkit-transform 400ms;
    transition: -webkit-transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); }
    .b-calendarpicker .calendar-outerbox::before {
      content: '{"name": "calendar"}' !important;
      font-family: '{"name": "calendar"}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; }
  .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: #fff;
    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: #fff;
    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: #fff; }
  .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;
    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;
    font-weught: 400; }
    .b-calendarpicker .calendar-cellbox:hover, .b-calendarpicker .calendar-cellbox.m-keyboardfocus, .b-calendarpicker .calendar-cellbox[aria-selected="true"] {
      color: #fff;
      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: #fff;
        background-color: #000; }
    .b-calendarpicker .calendar-cellbox[aria-selected="true"] {
      font-weight: 700; }
      .b-calendarpicker .calendar-cellbox[aria-selected="true"]:focus {
        color: #fff;
        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; }

.b-cluster-teaser {
  position: relative;
  display: block;
  width: 320px;
  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 {
      width: 100%;
      height: 120px;
      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-stoerer .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-stoerer .video-description, .b-cluster-teaser.x-stoerer .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-stoerer .item-description, .b-cluster-teaser.x-stoerer .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-stoerer .video-description, .b-cluster-teaser.x-stoerer .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-stoerer .item-description, .b-cluster-teaser.x-news .teaser-text, .b-cluster-teaser.x-news .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-news .video-description, .b-cluster-teaser.x-news .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-news .item-description, .b-cluster-teaser.x-news .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-news .video-description, .b-cluster-teaser.x-news .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-news .item-description, .b-cluster-teaser.x-weather .teaser-text, .b-cluster-teaser.x-weather .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .item-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-weather .item-description, .b-cluster-teaser.x-social .teaser-text, .b-cluster-teaser.x-social .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-social .video-description, .b-cluster-teaser.x-social .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-social .item-description, .b-cluster-teaser.x-social .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-social .video-description, .b-cluster-teaser.x-social .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-social .item-description, .b-cluster-teaser.x-vote .teaser-text, .b-cluster-teaser.x-vote .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-vote .video-description, .b-cluster-teaser.x-vote .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-vote .item-description, .b-cluster-teaser.x-vote .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-vote .video-description, .b-cluster-teaser.x-vote .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-vote .item-description, .b-cluster-teaser.x-blockquote .teaser-text, .b-cluster-teaser.x-blockquote .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-blockquote .video-description, .b-cluster-teaser.x-blockquote .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-blockquote .item-description, .b-cluster-teaser.x-blockquote .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-blockquote .video-description, .b-cluster-teaser.x-blockquote .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-blockquote .item-description, .b-cluster-teaser.x-score .teaser-text, .b-cluster-teaser.x-score .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-score .video-description, .b-cluster-teaser.x-score .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-score .item-description, .b-cluster-teaser.x-score .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-score .video-description, .b-cluster-teaser.x-score .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-score .item-description, .b-cluster-teaser.x-highlight .teaser-text, .b-cluster-teaser.x-highlight .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-highlight .video-description, .b-cluster-teaser.x-highlight .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-highlight .item-description, .b-cluster-teaser.x-highlight .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-highlight .video-description, .b-cluster-teaser.x-highlight .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-highlight .item-description, .b-cluster-teaser.x-noimage .teaser-text, .b-cluster-teaser.x-noimage .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-noimage .video-description, .b-cluster-teaser.x-noimage .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-noimage .item-description, .b-cluster-teaser.x-noimage .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-noimage .video-description, .b-cluster-teaser.x-noimage .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-noimage .item-description {
          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: #fff; }
      .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: 0;
        left: -107px;
        width: 107px;
        height: 24px;
        font-size: 0.7778rem;
        line-height: 24px; }
      .b-cluster-teaser .teaser-title-link {
        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, .b-cluster-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser .video-description, .b-cluster-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser .item-description, .b-cluster-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser .video-description, .b-cluster-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser .item-description {
        display: none; }
      .b-cluster-teaser .teaser-foot {
        overflow: hidden;
        position: absolute;
        right: 32px;
        bottom: 8px;
        left: 16px;
        font-size: 0.7222rem;
        line-height: 1.1111rem;
        white-space: nowrap; }
      .b-cluster-teaser.x-large .teaser-cat.m-light, .b-cluster-teaser.x-large .b-dialog.x-dialog-epg .m-light.overlay-category, .b-dialog.x-dialog-epg .b-cluster-teaser.x-large .m-light.overlay-category, .b-cluster-teaser.x-large .b-epg-timeline .m-light.overlay-link-category, .b-epg-timeline .b-cluster-teaser.x-large .m-light.overlay-link-category, .b-cluster-teaser.x-large .b-newsticker-cell .m-light.cat, .b-newsticker-cell .b-cluster-teaser.x-large .m-light.cat {
        color: #000; }
      .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, .b-cluster-teaser.x-blockquote .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-cluster-teaser.x-blockquote .overlay-category, .b-cluster-teaser.x-blockquote .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-cluster-teaser.x-blockquote .overlay-link-category, .b-cluster-teaser.x-blockquote .b-newsticker-cell .cat, .b-newsticker-cell .b-cluster-teaser.x-blockquote .cat {
        margin-bottom: 16px; }
      .b-cluster-teaser.x-blockquote .teaser-title, .b-cluster-teaser.x-blockquote .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser.x-blockquote .overlay-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, .b-cluster-teaser.x-news .news-container .b-dialog.x-dialog-epg .overlay-title:first-child, .b-dialog.x-dialog-epg .b-cluster-teaser.x-news .news-container .overlay-title:first-child {
        margin-bottom: 24px; }
      .b-cluster-teaser.x-news .news-container .teaser-title:not(:first-child), .b-cluster-teaser.x-news .news-container .b-dialog.x-dialog-epg .overlay-title:not(:first-child), .b-dialog.x-dialog-epg .b-cluster-teaser.x-news .news-container .overlay-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(./../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, .b-cluster-teaser.x-weather .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .item-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-weather .item-description {
        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-score .artdirect {
        display: none; }
      .b-cluster-teaser.x-stoerer .box {
        background: #999999 url(./../img/teaser/404-small.png) no-repeat scroll 100% 50%; }
      .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 {
        padding-top: 24px; }
        .b-cluster-teaser.x-newsstream.x-highlight .has-label .teaser-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-myview .teaser-label {
        padding-left: 0;
        font-weight: 400; }
        .b-cluster-teaser.x-myview .teaser-label .icon::before {
          left: 0;
          font-size: 1.5556rem; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-cluster-teaser {
      overflow: hidden;
      background-color: #25292E; }
      .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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser .overlay-title, .b-cluster-teaser .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .b-cluster-teaser .teaser-title,
      .b-cluster-teaser .teaser-title-link {
        font-size: 1.2222rem;
        color: #fff; }
      .b-cluster-teaser .teaser-text, .b-cluster-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser .video-description, .b-cluster-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser .item-description, .b-cluster-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser .video-description, .b-cluster-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser .item-description {
        color: #fff; }
      .b-cluster-teaser.x-stoerer .teaser-text, .b-cluster-teaser.x-stoerer .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-stoerer .video-description, .b-cluster-teaser.x-stoerer .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-stoerer .item-description, .b-cluster-teaser.x-stoerer .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-stoerer .video-description, .b-cluster-teaser.x-stoerer .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-stoerer .item-description, .b-cluster-teaser.x-news .teaser-text, .b-cluster-teaser.x-news .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-news .video-description, .b-cluster-teaser.x-news .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-news .item-description, .b-cluster-teaser.x-news .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-news .video-description, .b-cluster-teaser.x-news .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-news .item-description, .b-cluster-teaser.x-weather .teaser-text, .b-cluster-teaser.x-weather .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .item-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-weather .item-description, .b-cluster-teaser.x-social .teaser-text, .b-cluster-teaser.x-social .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-social .video-description, .b-cluster-teaser.x-social .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-social .item-description, .b-cluster-teaser.x-social .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-social .video-description, .b-cluster-teaser.x-social .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-social .item-description, .b-cluster-teaser.x-vote .teaser-text, .b-cluster-teaser.x-vote .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-vote .video-description, .b-cluster-teaser.x-vote .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-vote .item-description, .b-cluster-teaser.x-vote .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-vote .video-description, .b-cluster-teaser.x-vote .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-vote .item-description, .b-cluster-teaser.x-blockquote .teaser-text, .b-cluster-teaser.x-blockquote .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-blockquote .video-description, .b-cluster-teaser.x-blockquote .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-blockquote .item-description, .b-cluster-teaser.x-blockquote .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-blockquote .video-description, .b-cluster-teaser.x-blockquote .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-blockquote .item-description, .b-cluster-teaser.x-score .teaser-text, .b-cluster-teaser.x-score .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-score .video-description, .b-cluster-teaser.x-score .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-score .item-description, .b-cluster-teaser.x-score .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-score .video-description, .b-cluster-teaser.x-score .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-score .item-description, .b-cluster-teaser.x-highlight .teaser-text, .b-cluster-teaser.x-highlight .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-highlight .video-description, .b-cluster-teaser.x-highlight .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-highlight .item-description, .b-cluster-teaser.x-highlight .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-highlight .video-description, .b-cluster-teaser.x-highlight .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-highlight .item-description, .b-cluster-teaser.x-noimage .teaser-text, .b-cluster-teaser.x-noimage .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-noimage .video-description, .b-cluster-teaser.x-noimage .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-noimage .item-description, .b-cluster-teaser.x-noimage .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-noimage .video-description, .b-cluster-teaser.x-noimage .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-noimage .item-description {
        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 .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: #fff;
          -webkit-transition: background-color 500ms;
          transition: background-color 500ms; }
        .b-cluster-teaser.x-vertical .teaser-title, .b-cluster-teaser.x-vertical .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser.x-vertical .overlay-title,
        .b-cluster-teaser.x-vertical .teaser-title-link,
        .b-cluster-teaser.x-vertical .teaser-text,
        .b-cluster-teaser.x-vertical .b-content-module .item-caption .video-description, .b-content-module .item-caption
        .b-cluster-teaser.x-vertical .video-description,
        .b-cluster-teaser.x-vertical .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption
        .b-cluster-teaser.x-vertical .item-description,
        .b-cluster-teaser.x-vertical .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption
        .b-cluster-teaser.x-vertical .video-description,
        .b-cluster-teaser.x-vertical .b-video-module .item-caption .item-description, .b-video-module .item-caption
        .b-cluster-teaser.x-vertical .item-description {
          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: #fff; }
      .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;
          padding: 0 0 48px 0; }
        .b-cluster-teaser.x-large .box {
          background-color: rgba(37, 41, 46, 0.8); }
          .b-cluster-teaser.x-large .box.has-label {
            padding-top: 64px; }
        .b-cluster-teaser.x-large .teaser-cat, .b-cluster-teaser.x-large .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-cluster-teaser.x-large .overlay-category, .b-cluster-teaser.x-large .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-cluster-teaser.x-large .overlay-link-category, .b-cluster-teaser.x-large .b-newsticker-cell .cat, .b-newsticker-cell .b-cluster-teaser.x-large .cat {
          width: 244px; }
        .b-cluster-teaser.x-large .teaser-title, .b-cluster-teaser.x-large .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser.x-large .overlay-title {
          margin-bottom: 8px;
          color: #fff; }
        .b-cluster-teaser.x-large .teaser-title-link {
          margin-bottom: 0;
          color: #fff; }
          .b-cluster-teaser.x-large .teaser-title-link.m-keyboardfocus {
            outline-color: #FFFF00; }
        .b-cluster-teaser.x-large .teaser-text, .b-cluster-teaser.x-large .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-large .video-description, .b-cluster-teaser.x-large .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-large .item-description, .b-cluster-teaser.x-large .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-large .video-description, .b-cluster-teaser.x-large .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-large .item-description {
          visibility: visible;
          color: #fff; }
        .b-cluster-teaser.x-large .teaser-foot {
          bottom: 24px;
          color: #fff; }
        .b-cluster-teaser.x-large .teaser-label {
          position: relative;
          top: -16px;
          left: 0; }
        .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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser.x-large.x-blockquote .overlay-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(./../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, .b-cluster-teaser.x-large.x-stoerer .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-large.x-stoerer .video-description, .b-cluster-teaser.x-large.x-stoerer .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-large.x-stoerer .item-description, .b-cluster-teaser.x-large.x-stoerer .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-large.x-stoerer .video-description, .b-cluster-teaser.x-large.x-stoerer .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-large.x-stoerer .item-description {
            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, .b-cluster-teaser.x-blockquote .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-cluster-teaser.x-blockquote .overlay-category, .b-cluster-teaser.x-blockquote .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-cluster-teaser.x-blockquote .overlay-link-category, .b-cluster-teaser.x-blockquote .b-newsticker-cell .cat, .b-newsticker-cell .b-cluster-teaser.x-blockquote .cat {
        position: absolute;
        top: 0;
        left: 0; }
      .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: #fff; }
      .b-cluster-teaser.x-news .teaser-cat, .b-cluster-teaser.x-news .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-cluster-teaser.x-news .overlay-category, .b-cluster-teaser.x-news .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-cluster-teaser.x-news .overlay-link-category, .b-cluster-teaser.x-news .b-newsticker-cell .cat, .b-newsticker-cell .b-cluster-teaser.x-news .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), .b-cluster-teaser.x-news .b-dialog.x-dialog-epg .overlay-title:not(:last-child), .b-dialog.x-dialog-epg .b-cluster-teaser.x-news .overlay-title:not(:last-child) {
        margin-bottom: 16px; }
      .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: #fff; }
        .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(./../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(./../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, .b-cluster-teaser.x-weather .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .item-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-weather .item-description {
        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.x-highlight {
          width: 976px; }
          .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-noimage .bottom-teaser-box {
          height: 100%; }
        .b-cluster-teaser.x-vertical.x-newsstream.x-noimage:not(.x-social) .box, .b-cluster-teaser.x-vertical.x-newsstream.x-highlight:not(.x-social) .box {
          padding-top: 40px; }
        .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 {
          top: 0; }
        .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("../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 .icon-915_camera:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .b-cluster-teaser.x-myview .teaser-cat, .b-cluster-teaser.x-myview .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-cluster-teaser.x-myview .overlay-category, .b-cluster-teaser.x-myview .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-cluster-teaser.x-myview .overlay-link-category, .b-cluster-teaser.x-myview .b-newsticker-cell .cat, .b-newsticker-cell .b-cluster-teaser.x-myview .cat {
    padding-right: 32px; }
  .b-cluster-teaser.x-myview .teaser-title:not(.m-cat), .b-cluster-teaser.x-myview .b-dialog.x-dialog-epg .overlay-title:not(.m-cat), .b-dialog.x-dialog-epg .b-cluster-teaser.x-myview .overlay-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;
    transition: opacity 0.4s ease-in-out;
    -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-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, .b-cluster-teaser .b-dialog.x-dialog-epg blockquote.overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser blockquote.overlay-title, .b-cluster-teaser .b-stage .stage-wrap blockquote.teaser-title, .b-stage .stage-wrap .b-cluster-teaser blockquote.teaser-title {
    border: none;
    padding: 0;
    font-style: normal; }
  .b-cluster-teaser .teaser-text, .b-cluster-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser .video-description, .b-cluster-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser .item-description, .b-cluster-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser .video-description, .b-cluster-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser .item-description {
    visibility: hidden; }
  .b-cluster-teaser.x-vertical .teaser-title:not(.m-cat), .b-cluster-teaser.x-vertical .b-dialog.x-dialog-epg .overlay-title:not(.m-cat), .b-dialog.x-dialog-epg .b-cluster-teaser.x-vertical .overlay-title:not(.m-cat), .b-cluster-teaser.x-large .teaser-title:not(.m-cat), .b-cluster-teaser.x-large .b-dialog.x-dialog-epg .overlay-title:not(.m-cat), .b-dialog.x-dialog-epg .b-cluster-teaser.x-large .overlay-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: #fff;
    background: transparent url(./../img/teaser/radio-white.png) no-repeat scroll 0 50%; }
  .b-cluster-teaser.x-large .image-teaser {
    width: 100%; }
  .b-cluster-teaser.x-large .teaser-text, .b-cluster-teaser.x-large .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-large .video-description, .b-cluster-teaser.x-large .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-large .item-description, .b-cluster-teaser.x-large .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-large .video-description, .b-cluster-teaser.x-large .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-large .item-description {
    margin: 8px 0 0 0; }
  .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: #fff;
    background: transparent url(./../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, .b-cluster-teaser.x-blockquote.lazyload .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser.x-blockquote.lazyload .overlay-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, .b-cluster-teaser.x-blockquote .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser.x-blockquote .overlay-title {
      min-height: 30px;
      background: transparent url(./../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, .b-cluster-teaser.x-news .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-cluster-teaser.x-news .overlay-category, .b-cluster-teaser.x-news .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-cluster-teaser.x-news .overlay-link-category, .b-cluster-teaser.x-news .b-newsticker-cell .cat, .b-newsticker-cell .b-cluster-teaser.x-news .cat {
    margin-bottom: 16px; }
  .b-cluster-teaser.x-news .teaser-title-link {
    display: block;
    font-family: "Helvetica-Neue", Arial, sans-serif;
    font-weight: 400;
    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-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, .b-cluster-teaser.x-score .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-cluster-teaser.x-score .overlay-category, .b-cluster-teaser.x-score .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-cluster-teaser.x-score .overlay-link-category, .b-cluster-teaser.x-score .b-newsticker-cell .cat, .b-newsticker-cell .b-cluster-teaser.x-score .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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-cluster-teaser.x-social .overlay-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 .b-dialog.x-dialog-epg .overlay-title strong, .b-dialog.x-dialog-epg .b-cluster-teaser.x-social .overlay-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: #fff; }
    .b-cluster-teaser.x-stoerer .box {
      background-color: #999999; }
    .b-cluster-teaser.x-stoerer .teaser-title-link {
      color: #fff; }
    .b-cluster-teaser.x-stoerer .teaser-text, .b-cluster-teaser.x-stoerer .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-stoerer .video-description, .b-cluster-teaser.x-stoerer .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-stoerer .item-description, .b-cluster-teaser.x-stoerer .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-stoerer .video-description, .b-cluster-teaser.x-stoerer .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-stoerer .item-description {
      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: #fff;
    -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 {
      content: "\e900"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="0"]:before {
      content: "\e900"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="1"]:before {
      content: "\e901"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="2"]:before {
      content: "\e902"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="3"]:before {
      content: "\e903"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="4"]:before {
      content: "\e904"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="5"]:before {
      content: "\e905"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="6"]:before {
      content: "\e906"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="7"]:before {
      content: "\e907"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="8"]:before {
      content: "\e908"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="9"]:before {
      content: "\e909"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="10"]:before {
      content: "\e90a"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="11"]:before {
      content: "\e90b"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="12"]:before {
      content: "\e90c"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="13"]:before {
      content: "\e90d"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="14"]:before {
      content: "\e90e"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="15"]:before {
      content: "\e90f"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="16"]:before {
      content: "\e910"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="17"]:before {
      content: "\e911"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="18"]:before {
      content: "\e912"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="19"]:before {
      content: "\e913"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="20"]:before {
      content: "\e914"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="21"]:before {
      content: "\e915"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="22"]:before {
      content: "\e916"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="23"]:before {
      content: "\e917"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="24"]:before {
      content: "\e918"; }
    .b-cluster-teaser.x-weather .weather-icon[data-icon="25"]:before {
      content: "\e919"; }
  .b-cluster-teaser.x-weather .teaser-text, .b-cluster-teaser.x-weather .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .item-description, .b-cluster-teaser.x-weather .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather .video-description, .b-cluster-teaser.x-weather .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-weather .item-description {
    visibility: visible;
    font-size: 1rem;
    line-height: 1.4444rem;
    color: #fff;
    -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"].lazyload .b-content-module .item-caption .video-description, .b-content-module .item-caption
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .video-description,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .item-description,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .video-description,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .b-video-module .item-caption .item-description, .b-video-module .item-caption
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].lazyload .item-description, .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,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .b-content-module .item-caption .video-description, .b-content-module .item-caption
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .video-description,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .item-description,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .video-description,
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .b-video-module .item-caption .item-description, .b-video-module .item-caption
  .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-loading .item-description {
    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, .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .video-description, .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .item-description, .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .video-description, .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-cluster-teaser.x-weather [data-module="weatherdisplay"].m-will-change .item-description {
    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-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%); }
    .b-cluster-teaser.m-placeholder .loader:before {
      background: #E8E8E8; }
    .b-cluster-teaser.m-placeholder .loader:after {
      background: #25292E; }
  .b-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 .teaser-info {
    font-weight: 700;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .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-title-row {
    position: relative; }
    .b-cluster .cluster-title-row .cluster-title {
      line-height: 2.2222rem; }
      .b-cluster .cluster-title-row .cluster-title.m-btn {
        padding-right: 64px; }
      .b-cluster .cluster-title-row .cluster-title:before {
        display: none; }
  .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-clustersort {
  position: absolute;
  margin: 0;
  list-style: none; }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-clustersort {
      top: 58px;
      right: 32px; }
      .b-clustersort .cluster-filter-item .cluster-filter-button {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center; }
        .b-clustersort .cluster-filter-item .cluster-filter-button:hover, .b-clustersort .cluster-filter-item .cluster-filter-button:focus {
          text-decoration: none; }
          .b-clustersort .cluster-filter-item .cluster-filter-button:hover:before, .b-clustersort .cluster-filter-item .cluster-filter-button:focus:before {
            text-decoration: none; }
        .b-clustersort .cluster-filter-item .cluster-filter-button:before {
          font-size: 24px;
          line-height: 40px; } }
  @media (min-width: 1024px) {
    .b-clustersort {
      top: 64px;
      right: 96px; }
      .b-clustersort .cluster-filter-item .cluster-filter-button {
        padding: 0 16px 0 32px;
        line-height: 32px; }
        .b-clustersort .cluster-filter-item .cluster-filter-button:hover {
          text-decoration: none; }
          .b-clustersort .cluster-filter-item .cluster-filter-button:hover .show-for-large-only {
            text-decoration: underline; }
        .b-clustersort .cluster-filter-item .cluster-filter-button:before {
          position: absolute;
          top: 5px;
          left: 7px;
          font-size: 1.1111rem;
          line-height: 20px; } }
  .b-clustersort .cluster-filter-item {
    position: relative;
    z-index: 1;
    float: left;
    display: inline-block;
    margin-right: 1px; }
    .b-clustersort .cluster-filter-item input {
      position: absolute;
      left: -9999px; }
    .b-clustersort .cluster-filter-item .cluster-filter-button {
      position: relative;
      display: block;
      font-family: "Helvetica-Neue", Arial, sans-serif;
      font-size: 1rem;
      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-clustersort .cluster-filter-item .cluster-filter-button: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-clustersort .cluster-filter-item input:focus + .cluster-filter-button {
      text-decoration: none;
      background-color: #fff; }
      .b-clustersort .cluster-filter-item input:focus + .cluster-filter-button .show-for-large-only {
        text-decoration: underline; }
    .b-clustersort .cluster-filter-item input:focus:not(.m-keyboardfocus) + .cluster-filter-button {
      outline: none; }
    .b-clustersort .cluster-filter-item input.m-keyboardfocus + .cluster-filter-button {
      outline: 2px solid #000;
      outline-offset: -2px;
      text-decoration: none; }
      .b-clustersort .cluster-filter-item input.m-keyboardfocus + .cluster-filter-button .show-for-large-only {
        text-decoration: underline; }
    .b-clustersort .cluster-filter-item input:checked + .cluster-filter-button {
      background-color: #fff; }
      .b-clustersort .cluster-filter-item input:checked + .cluster-filter-button:hover {
        background-color: #fff;
        cursor: initial; }
      .b-clustersort .cluster-filter-item input:checked + .cluster-filter-button:after {
        opacity: 1;
        border-color: #fff transparent transparent transparent; }

.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;
    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, .b-comments .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-comments .cluster-title, .b-comments .b-content-teaser-list .title, .b-content-teaser-list .b-comments .title, .b-comments .b-search-list .title, .b-search-list .b-comments .title {
        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, .b-comments .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-comments .cluster-title, .b-comments .b-content-teaser-list .title, .b-content-teaser-list .b-comments .title, .b-comments .b-search-list .title, .b-search-list .b-comments .title {
    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 #fff;
      padding-right: 4px;
      font-size: 24px;
      line-height: 20px;
      color: #fff; }
    .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: #fff;
      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(255, 255, 255, 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: 24px 16px; }
    .b-content-module .item-caption .inner.m-label .teaser-label {
      left: 16px; }
  .b-content-module .item-caption .item-description {
    margin-bottom: 16px;
    padding: 0; }
  .b-content-module .item-caption .teaser-foot {
    padding-right: 64px;
    white-space: nowrap; }
  .b-content-module .teaser-title, .b-content-module .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-content-module .overlay-title, .b-content-module .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .b-content-module .teaser-title {
    font-size: 1.1111rem; }
    .b-content-module .teaser-title .title-link, .b-content-module .b-dialog.x-dialog-epg .overlay-title .title-link, .b-dialog.x-dialog-epg .b-content-module .overlay-title .title-link {
      display: block; }
      .b-content-module .teaser-title .title-link:after, .b-content-module .b-dialog.x-dialog-epg .overlay-title .title-link:after, .b-dialog.x-dialog-epg .b-content-module .overlay-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, .b-content-module .b-dialog.x-dialog-epg .overlay-title .icon-206_arrow-right:before, .b-dialog.x-dialog-epg .b-content-module .overlay-title .icon-206_arrow-right:before {
      font-size: 28px; }
  .b-content-module .b-plus-button {
    bottom: 12px; } }

@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 .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: calc(48px + 1.2em); }
  .b-content-module .item-caption .teaser-foot {
    position: absolute;
    bottom: 24px;
    left: 0;
    display: block;
    width: 100%;
    padding: 0 80px 0 24px; }
  .b-content-module .teaser-title, .b-content-module .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-content-module .overlay-title, .b-content-module .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .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 .item-caption {
    position: relative; }
    .b-content-module .item-caption .teaser-foot {
      position: absolute;
      bottom: 24px;
      margin: 0; }
  .b-content-module .expand-btn:hover {
    opacity: .8; } }

.b-content-module .teaser-box {
  position: relative; }

.b-content-module .gallery-slider-box {
  overflow: hidden; }
  .b-content-module .gallery-slider-box .content-item {
    min-height: 100%; }
  .b-content-module .gallery-slider-box .item-number {
    font-weight: 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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-content-module .content-item.m-text-dark .item-caption .overlay-title,
  .b-content-module .content-item.m-text-dark .item-caption .teaser-title .link,
  .b-content-module .content-item.m-text-dark .item-caption .b-dialog.x-dialog-epg .overlay-title .link, .b-dialog.x-dialog-epg
  .b-content-module .content-item.m-text-dark .item-caption .overlay-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 {
    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.m-label {
      padding-top: 48px; }
      .b-content-module .item-caption .inner.m-label .teaser-label {
        top: 0; }
  .b-content-module .item-caption .teaser-cat, .b-content-module .item-caption .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-content-module .item-caption .overlay-category, .b-content-module .item-caption .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-content-module .item-caption .overlay-link-category, .b-content-module .item-caption .b-newsticker-cell .cat, .b-newsticker-cell .b-content-module .item-caption .cat {
    color: #FFFF00; }
  .b-content-module .item-caption .teaser-title, .b-content-module .item-caption .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-content-module .item-caption .overlay-title {
    color: #fff; }
    .b-content-module .item-caption .teaser-title .link, .b-content-module .item-caption .b-dialog.x-dialog-epg .overlay-title .link, .b-dialog.x-dialog-epg .b-content-module .item-caption .overlay-title .link {
      display: inline-block;
      color: #fff; }
      .b-content-module .item-caption .teaser-title .link:hover, .b-content-module .item-caption .b-dialog.x-dialog-epg .overlay-title .link:hover, .b-dialog.x-dialog-epg .b-content-module .item-caption .overlay-title .link:hover, .b-content-module .item-caption .teaser-title .link:focus, .b-content-module .item-caption .b-dialog.x-dialog-epg .overlay-title .link:focus, .b-dialog.x-dialog-epg .b-content-module .item-caption .overlay-title .link:focus {
        text-decoration: underline; }
      .b-content-module .item-caption .teaser-title .link:visited, .b-content-module .item-caption .b-dialog.x-dialog-epg .overlay-title .link:visited, .b-dialog.x-dialog-epg .b-content-module .item-caption .overlay-title .link:visited {
        color: #fff; }
    .b-content-module .item-caption .teaser-title .item-number, .b-content-module .item-caption .b-dialog.x-dialog-epg .overlay-title .item-number, .b-dialog.x-dialog-epg .b-content-module .item-caption .overlay-title .item-number {
      font-family: "Helvetica-Neue", Arial, sans-serif; }
  .b-content-module .item-caption .item-description {
    color: #fff; }
    .b-content-module .item-caption .item-description:before {
      display: none; }
  .b-content-module .item-caption .teaser-foot {
    color: #fff; }
  .b-content-module .item-caption .item-title {
    display: block;
    color: #fff; }
  .b-content-module .item-caption .video-description {
    color: #fff; }
  .b-content-module .item-caption .teaser-foot {
    padding-right: 64px;
    color: #fff; }

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

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

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

.b-content-teaser-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  outline: none;
  -webkit-transition: opacity 400ms, -webkit-transform 400ms;
  transition: opacity 400ms, -webkit-transform 400ms;
  transition: transform 400ms, opacity 400ms;
  transition: transform 400ms, opacity 400ms, -webkit-transform 400ms; }
  @media (max-width: 640px) {
    .b-content-teaser-item.x-tooltip .box {
      padding: 24px; }
    .b-content-teaser-item:not(.x-tooltip) {
      height: 120px;
      margin-bottom: 2px; }
      .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;
        top: initial;
        bottom: 0;
        left: -107px;
        width: 107px;
        height: 24px;
        font-size: 0.7778rem;
        line-height: 24px; }
        .b-content-teaser-item:not(.x-tooltip) .teaser-label.x-dark {
          overflow: hidden;
          padding-left: 0;
          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, .b-content-teaser-item:not(.x-tooltip) .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-content-teaser-item:not(.x-tooltip) .video-description, .b-content-teaser-item:not(.x-tooltip) .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-content-teaser-item:not(.x-tooltip) .item-description, .b-content-teaser-item:not(.x-tooltip) .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-content-teaser-item:not(.x-tooltip) .video-description, .b-content-teaser-item:not(.x-tooltip) .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-content-teaser-item:not(.x-tooltip) .item-description {
        display: none; }
      .b-content-teaser-item:not(.x-tooltip) .teaser-foot {
        right: 32px;
        bottom: 8px;
        left: 122px;
        font-size: 0.7222rem;
        line-height: 1.1111rem;
        white-space: nowrap; }
      .b-content-teaser-item:not(.x-tooltip) .countdown-hint {
        margin: 8px 0 16px; }
    .b-content-teaser-item .b-plus-button,
    .b-content-teaser-item .b-plus-button.m-small {
      bottom: -5px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-content-teaser-item.m-placeholder.lazyload, .b-content-teaser-item.m-placeholder.lazyloading {
      min-height: 400px; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-content-teaser-item {
      padding-bottom: 24px; }
      .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-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 .box {
        padding: 24px; }
        .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 .teaser-foot {
        bottom: 16px;
        left: 24px; }
      .b-content-teaser-item .countdown-hint {
        margin: 16px 0 0; } }
  @media (min-width: 1024px) {
    .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, .b-content-teaser-item.x-tooltip .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-content-teaser-item.x-tooltip .video-description, .b-content-teaser-item.x-tooltip .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-content-teaser-item.x-tooltip .item-description, .b-content-teaser-item.x-tooltip .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-content-teaser-item.x-tooltip .video-description, .b-content-teaser-item.x-tooltip .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-content-teaser-item.x-tooltip .item-description {
    margin-bottom: 0; }
  .b-content-teaser-item .inner {
    position: relative;
    width: 100%;
    background-color: #fff; }
  .b-content-teaser-item .ratio-wrap {
    position: relative; }
  .b-content-teaser-item .preview-image,
  .b-content-teaser-item .preview-img {
    width: 100%; }
  .b-content-teaser-item .teaser-foot {
    position: absolute;
    margin: 0; }
  .b-content-teaser-item .box {
    position: relative; }
  .b-content-teaser-item:not(.x-blockquote) .teaser-title:not(.m-cat), .b-content-teaser-item:not(.x-blockquote) .b-dialog.x-dialog-epg .overlay-title:not(.m-cat), .b-dialog.x-dialog-epg .b-content-teaser-item:not(.x-blockquote) .overlay-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, .b-content-teaser-item.x-blockquote .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-content-teaser-item.x-blockquote .overlay-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 .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-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; }

@media (max-width: 640px) {
  .b-content-teaser-list.m-shows {
    padding-top: 24px; }
    .b-content-teaser-list.m-shows .ratio-wrap {
      display: none; }
  .b-content-teaser-list.x-notitle {
    margin-top: 32px; }
  .b-content-teaser-list .teaser-block-grid .b-content-teaser-item {
    padding-right: 0;
    padding-left: 0; }
    .b-content-teaser-list .teaser-block-grid .b-content-teaser-item:last-child .countdown-hint {
      margin-bottom: 0; }
  .b-content-teaser-list .teaser-block-grid .countdown-hint {
    padding-right: 20px;
    padding-left: 20px; }
  .b-content-teaser-list .load-more-container .button {
    margin-top: 16px;
    margin-bottom: 0; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-content-teaser-list:last-child, .b-content-teaser-list.m-missed {
    margin-bottom: -24px; }
  .b-content-teaser-list.x-notitle {
    margin-top: 64px; }
  .b-content-teaser-list.thema-startseite {
    margin-top: -32px;
    padding: 0; }
  .b-content-teaser-list .load-more-container .button {
    margin-bottom: 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 .teaser-block-grid {
  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-content-teaser-list .teaser-block-grid > .x-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.b-content-teaser-list .load-more-container {
  text-align: center; }

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

@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: #fff;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
      .b-day-bar .day-box .day-arrow.x-prev {
        left: 0; }
      .b-day-bar .day-box .day-arrow.x-next {
        right: 0; }
      .b-day-bar .day-box .day-arrow:hover, .b-day-bar .day-box .day-arrow:focus:not(.m-keyboardfocus) {
        outline: none;
        color: #FFFF00; }
    .b-day-bar .day-box .day-text {
      padding: 0 32px;
      color: #fff; }
      .b-day-bar .day-box .day-text span {
        display: inline-block;
        margin-right: 10px; }
    .b-day-bar .day-box .calendar-link {
      height: 30px;
      margin-left: 32px;
      line-height: 30px;
      color: #fff;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
      .b-day-bar .day-box .calendar-link:hover {
        outline: none;
        color: #FFFF00; }
      .b-day-bar .day-box .calendar-link:focus:not(.m-keyboardfocus) {
        outline: none;
        color: #fff; }
      .b-day-bar .day-box .calendar-link[aria-expanded="true"] {
        outline: none;
        color: #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: #fff; }
  .b-debug-alert .alert-item {
    content: '{"speed":60}' !important;
    display: table-row;
    font-size: 0.8889rem;
    line-height: 40px;
    white-space: nowrap;
    color: #fff; }
    .b-debug-alert .alert-item::before {
      content: '{"speed":60}' !important;
      font-family: '{"speed":60}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; }
    .b-debug-alert .alert-item .link {
      border-bottom: 1px solid transparent;
      color: #fff;
      -webkit-transition: border 0.4s ease-in-out;
      transition: border 0.4s ease-in-out; }
      .b-debug-alert .alert-item .link:hover, .b-debug-alert .alert-item .link:focus {
        border-bottom: 1px solid #fff; }
    .b-debug-alert .alert-item .alert-divide:before {
      position: relative;
      padding: 8px;
      content: "+++"; }
  .b-debug-alert .date-form {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap; }
  .b-debug-alert .date-input {
    float: left;
    display: inline-block;
    width: 180px;
    height: 20px;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 0.7778rem;
    line-height: 1.1111rem;
    background-color: #fff; }
  .b-debug-alert .date-submit {
    display: inline-block;
    width: auto;
    height: 22px;
    font-size: 0.7778rem;
    font-weight: 700;
    line-height: 1.1111rem;
    color: #fff;
    background-color: #34393F;
    -webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out; }
    .b-debug-alert .date-submit:hover, .b-debug-alert .date-submit:focus {
      background-color: #5C6166; }

.b-dialog.x-dialog-adult p {
  margin-bottom: 16px; }
  @media (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("../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("../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: #fff;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .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: #fff; }
  @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: #fff; }
    .b-dialog.x-dialog-gallery .close-fullscreen:hover, .b-dialog.x-dialog-gallery .close-fullscreen:focus {
      opacity: .8; }
  .b-dialog.x-dialog-gallery .content-item {
    position: relative;
    width: 100%; }
  .b-dialog.x-dialog-gallery .img-container {
    position: relative; }
  .b-dialog.x-dialog-gallery .item-img {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto; }
  .b-dialog.x-dialog-gallery .item-caption-wrapper {
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    z-index: 9;
    width: 100%; }
  .b-dialog.x-dialog-gallery .item-caption {
    outline: none;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    -webkit-transition: opacity 400ms, visibility 400ms;
    transition: opacity 400ms, visibility 400ms;
    width: 100%;
    height: auto;
    padding: 0;
    color: #fff;
    background-color: rgba(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 .item-title {
    color: #fff; }
    .b-dialog.x-dialog-gallery .item-title:not(.m-keyboardfocus) {
      outline: none; }
  .b-dialog.x-dialog-gallery .teaser-foot {
    position: relative;
    right: inherit;
    bottom: inherit;
    left: inherit; }
  .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: #fff; }
    .b-dialog.x-dialog-gallery .close-desc-btn:hover, .b-dialog.x-dialog-gallery .close-desc-btn:focus {
      opacity: 1; }
    .b-dialog.x-dialog-gallery .close-desc-btn:not(.m-keyboardfocus) {
      outline: none; }
  .b-dialog.x-dialog-gallery .info-btn {
    opacity: .5;
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 10;
    clear: both;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 1.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: #fff; }
    .b-dialog.x-dialog-gallery .info-btn:hover, .b-dialog.x-dialog-gallery .info-btn:focus {
      opacity: .8; }
    .b-dialog.x-dialog-gallery .info-btn:not(.m-keyboardfocus) {
      outline: none; }
  .b-dialog.x-dialog-gallery .m-selected-within .info-btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s;
    transition: opacity 0.4s ease-in-out, visibility 0.4s; }
  .b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-prev:disabled, .b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .scroll-arrow.x-prev:disabled {
    left: -48px; }
  .b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-next, .b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .scroll-arrow.x-next {
    right: 0; }
    .b-dialog.x-dialog-gallery .gallery-slider-box:hover .scroll-arrow.x-next:disabled, .b-dialog.x-dialog-gallery .gallery-slider-box.m-focus-within .scroll-arrow.x-next:disabled {
      right: -48px; }
  .b-dialog.x-dialog-gallery .gallery-slider-box .scroll-arrow:focus {
    -webkit-transition: none;
    transition: none; }

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

.b-dialog.x-dialog-login .checkbox-label {
  color: #fff; }
  .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: 641px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dialog-backdrop.dialog-login-backdrop .dialog-backdrop-document {
      display: block; } }

.b-dialog.x-dialog-map {
  width: auto;
  min-width: 0;
  background: #fff; }
  .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: both;
          animation-fill-mode: both;
  -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 .button {
  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;
       -moz-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: #fff; }
  .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; }

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

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

.b-dialog.x-dialog-tivi .leave-btn {
  margin-bottom: 20px;
  background-color: #5C6166; }

.b-dialog.x-dialog-tivi .tivi-start-box {
  display: block;
  border-top: 1px solid #fff;
  padding-top: 16px;
  text-align: right; }
  .b-dialog.x-dialog-tivi .tivi-start-box:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .b-dialog.x-dialog-tivi .tivi-start-box .logo {
    display: inline-block;
    width: auto;
    height: 36px;
    max-width: 100%;
    margin-right: 10px; }
  .b-dialog.x-dialog-tivi .tivi-start-box .tivi-start-link {
    border-bottom: 1px solid #FFFF00;
    font-size: 1rem;
    line-height: 36px;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .b-dialog.x-dialog-tivi .tivi-start-box .tivi-start-link:hover, .b-dialog.x-dialog-tivi .tivi-start-box .tivi-start-link:focus {
      border-bottom: 1px dotted #FFFF00;
      text-decoration: none;
      color: #FFFF00; }
    .b-dialog.x-dialog-tivi .tivi-start-box .tivi-start-link:visited {
      border-bottom: 1px solid #FFFF00;
      color: #fff; }
      .b-dialog.x-dialog-tivi .tivi-start-box .tivi-start-link:visited:hover, .b-dialog.x-dialog-tivi .tivi-start-box .tivi-start-link:visited:focus {
        border-bottom: 1px dotted #FFFF00;
        color: #FFFF00; }

.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: 40px 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 {
        display: block; }
      .dialog-backdrop.dialog-epg-backdrop .b-dialog {
        overflow: hidden; }
      .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 {
        -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.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: #fff;
    background-color: #34393F; }
    .b-dialog.m-dark 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: #96999C; }
      .b-dialog.m-dark p a:hover, .b-dialog.m-dark p a:focus {
        border-bottom: 1px dotted #000;
        color: #000;
        text-decoration: none; }
      .b-dialog.m-dark 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.m-dark p a:visited:hover, .b-dialog.m-dark p a:visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }
    .b-dialog.m-dark .dialog-close {
      color: #fff; }
    .b-dialog.m-dark .dark-modal {
      overflow: hidden;
      position: relative; }
    .b-dialog.m-dark .modal-headline {
      font-weight: 700;
      color: #fff; }
    .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 .dialog-content {
    outline: none; }
  .b-dialog .dialog-close {
    position: absolute;
    top: 0;
    right: 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 {
    -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 {
      z-index: 1000; }
    .dialog-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 {
      -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 {
        -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 {
      min-height: 160px;
      -webkit-transition-delay: 100ms;
              transition-delay: 100ms; }
  .dialog-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: both;
            animation-fill-mode: both;
    -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, .b-dialog .text.error-item {
      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;
      padding-right: 20.3%; }
      .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; }
  .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: #fff; }
    .b-epg-program .epg-bar .station-link[aria-expanded="true"] {
      background-color: #fff; }
    .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);
      -webkit-overflow-scrolling: touch; }

.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: #fff;
        -webkit-transition: min-width 0.4s ease-out, opacity 0.4s ease-out, z-index 0.4s 0s, -webkit-transform 0.4s ease-out;
        transition: min-width 0.4s ease-out, opacity 0.4s ease-out, z-index 0.4s 0s, -webkit-transform 0.4s ease-out;
        transition: min-width 0.4s ease-out, transform 0.4s ease-out, opacity 0.4s ease-out, z-index 0.4s 0s;
        transition: min-width 0.4s ease-out, transform 0.4s ease-out, opacity 0.4s ease-out, z-index 0.4s 0s, -webkit-transform 0.4s ease-out; }
        .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: #fff; }
    .b-epg-timeline .epg-teaser:not(.m-keyboardfocus) {
      outline: none; }
    .b-epg-timeline .epg-teaser.m-past {
      background-color: rgba(255, 255, 255, 0.8); }
    .b-epg-timeline .epg-teaser.m-keyboardfocus {
      outline-offset: -4px; }
    [data-module="epg-program"].m-loading .b-epg-timeline .epg-teaser {
      opacity: 0;
      pointer-events: none;
      -webkit-transition: 300ms;
      transition: 300ms;
      -webkit-transform: scale(0.95);
              transform: scale(0.95); }
      [data-module="epg-program"].m-loading .b-epg-timeline .epg-teaser.m-loading-highlight {
        opacity: .75;
        -webkit-transition: 500ms;
        transition: 500ms;
        -webkit-transform: scale(1);
                transform: scale(1); }
      [data-module="epg-program"].m-loading .b-epg-timeline .epg-teaser * {
        opacity: 0; }
  .b-epg-timeline .overlay-link {
    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: #fff; }
  .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 .central-footer .partner-block .logo-item {
        margin-bottom: 8px; }
        .b-footer .central-footer .partner-block .logo-item:not(:last-child) {
          margin-right: 10px; }
      .b-footer .central-footer .partner-block img.logo {
        height: 16px; }
        .b-footer .central-footer .partner-block img.logo.arte-grey {
          width: 50px; }
        .b-footer .central-footer .partner-block img.logo.kika-grey {
          width: 40px; }
        .b-footer .central-footer .partner-block img.logo.dreisat-grey {
          width: 38px; }
        .b-footer .central-footer .partner-block img.logo.phoenix-grey {
          width: 40px; }
        .b-footer .central-footer .partner-block img.logo.dradio-grey {
          width: 85px; }
        .b-footer .central-footer .partner-block img.logo.funk-grey {
          height: 12px; }
    .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; }
    .b-footer .central-footer .partner-block {
      margin-top: 8px; } }
  @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 .central-footer .partner-block .logo-item {
        margin: 0 48px 0 0; }
      .b-footer .central-footer .partner-block img.logo {
        height: 18px; }
        .b-footer .central-footer .partner-block img.logo.arte-grey {
          width: 56px; }
        .b-footer .central-footer .partner-block img.logo.kika-grey {
          width: 45px; }
        .b-footer .central-footer .partner-block img.logo.dreisat-grey {
          width: 42px; }
        .b-footer .central-footer .partner-block img.logo.phoenix-grey {
          width: 48px; }
        .b-footer .central-footer .partner-block img.logo.dradio-grey {
          width: 96px; }
        .b-footer .central-footer .partner-block img.logo.funk-grey {
          width: 60px; }
    .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: #fff;
      cursor: inherit; }
      .b-footer .central-footer .footer-block-title:before {
        display: none; }
    .b-footer .central-footer .central-footer-list {
      margin: 0; }
    .b-footer .central-footer .partner-block {
      margin-top: 16px; } }
  .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: #fff; }
      .b-footer .central-footer .central-footer-link:focus {
        outline: none; }
    .b-footer .central-footer .partner-block .logo-item {
      float: left;
      display: inline-block;
      font-weight: 400;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .b-footer .central-footer .partner-block .logo-item:first-child {
        line-height: 1.4444rem; }
    .b-footer .central-footer .partner-block .logo-link {
      display: block; }
      .b-footer .central-footer .partner-block .logo-link:hover img.logo, .b-footer .central-footer .partner-block .logo-link:focus img.logo {
        -webkit-transform: scale(1.05, 1.05);
                transform: scale(1.05, 1.05); }
    .b-footer .central-footer .partner-block .footer-block-title {
      margin: 0; }
    .b-footer .central-footer .partner-block img.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); }
    .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: #fff; }
      .b-footer .bottom-footer .bottom-footer-link:focus {
        outline: none; }
    .b-footer .bottom-footer .m-keyboardfocus {
      outline-color: #FFFF00; }

@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;
    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 {
  color: #34393F; }

.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 .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, .b-gallery-module .item-caption .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-gallery-module .item-caption .overlay-category, .b-gallery-module .item-caption .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-gallery-module .item-caption .overlay-link-category, .b-gallery-module .item-caption .b-newsticker-cell .cat, .b-newsticker-cell .b-gallery-module .item-caption .cat {
    color: #FFFF00; }
  .b-gallery-module .item-caption .teaser-title, .b-gallery-module .item-caption .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-gallery-module .item-caption .overlay-title {
    color: #fff; }
    .b-gallery-module .item-caption .teaser-title a, .b-gallery-module .item-caption .b-dialog.x-dialog-epg .overlay-title a, .b-dialog.x-dialog-epg .b-gallery-module .item-caption .overlay-title a {
      color: #fff; }
    .b-gallery-module .item-caption .teaser-title .item-number, .b-gallery-module .item-caption .b-dialog.x-dialog-epg .overlay-title .item-number, .b-dialog.x-dialog-epg .b-gallery-module .item-caption .overlay-title .item-number {
      font-family: "Helvetica-Neue", Arial, sans-serif; }
  .b-gallery-module .item-caption .title-link {
    color: #fff; }
    .b-gallery-module .item-caption .title-link:focus:not(:hover) {
      text-decoration: underline; }
  .b-gallery-module .item-caption .item-description {
    color: #fff; }
    .b-gallery-module .item-caption .item-description:before {
      display: none; }
    .b-gallery-module .item-caption .item-description .icon-202_slide-right:before {
      padding-left: 0;
      -webkit-transition: padding-left .3s ease 0s;
      transition: padding-left .3s ease 0s; }
    .b-gallery-module .item-caption .item-description:hover .icon-202_slide-right:before {
      padding-left: 5px; }
  .b-gallery-module .item-caption .item-title {
    display: inline-block;
    color: #fff; }
  .b-gallery-module .item-caption .video-description {
    color: #fff; }
  .b-gallery-module .item-caption .teaser-foot {
    overflow: hidden;
    position: absolute;
    bottom: 24px;
    width: 100%;
    padding-right: 64px;
    color: #fff; }

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

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

@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: #fff;
    background: #25292E;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    .b-group-contentbox .content .show-overlay:hover, .b-group-contentbox .content .show-overlay:focus:not(.m-keyboardfocus) {
      opacity: .8; }
    .b-group-contentbox .content .show-overlay:before {
      line-height: 30px; }
  .b-group-contentbox .content .content-img {
    position: relative;
    z-index: 2;
    display: block;
    border-bottom: none;
    border-bottom: none !important;
    cursor: pointer; }
    .b-group-contentbox .content .content-img.m-right {
      float: right;
      width: 160px;
      margin: 6px 0 10px 24px; }
    .b-group-contentbox .content .content-img.m-left {
      float: left;
      width: 160px;
      margin: 6px 24px 10px 0; }
    .b-group-contentbox .content .content-img.m-full {
      width: 100%;
      margin-bottom: 16px; }
    .b-group-contentbox .content .content-img img {
      width: 100%; }
  .b-group-contentbox .content .b-playerbox {
    margin-bottom: 16px; }
  .b-group-contentbox .content .link {
    overflow: hidden;
    display: inline-block;
    border: none;
    font-size: 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 .icon-128_play:before {
    margin: 0;
    font-size: 1rem;
    line-height: 1.3333rem; }
  .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: #fff;
    background-color: #34393F; }
    .b-group-persons .guest-box .guest-description.m-text-dark {
      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: #fff; }
      .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: #fff; }
  @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, .b-group-relations .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-group-relations .cluster-title, .b-group-relations .b-content-teaser-list .title, .b-content-teaser-list .b-group-relations .title, .b-group-relations .b-search-list .title, .b-search-list .b-group-relations .title {
        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 #fff;
          border-radius: 50%;
          color: #fff;
          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: "\e90d";
                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: #fff; }
  .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; }
  .b-group-shorttext + .b-cluster .b-clustersort {
    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 + .b-cluster .b-clustersort {
    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: #fff; }
          .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: #fff; }
          .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, .b-header .b-my-view-selectbox {
    content: '{"appendTo": ".b-header"}' !important; }
    .b-header .b-selectbox::before, .b-header .b-my-view-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: #fff;
        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: #fff; }
          .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: #fff; }
          .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: #fff; }
          .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: #fff; }
      .b-header .top-bar-section .dropdown-item.m-active .dropdown-link .link-text {
        border-bottom: 1px solid #fff;
        text-decoration: none;
        color: #fff; }
    .b-header .top-bar-section .dropdown-link {
      display: block;
      margin: 0 16px;
      padding: 0;
      font-size: 0.8889rem;
      color: #fff;
      background: none; }
      .b-header .top-bar-section .dropdown-link:hover, .b-header .top-bar-section .dropdown-link:focus {
        text-decoration: none;
        color: #fff; }
        .b-header .top-bar-section .dropdown-link:hover .link-text, .b-header .top-bar-section .dropdown-link:focus .link-text {
          border-bottom: 1px solid #FFFF00; }
      .b-header .top-bar-section .dropdown-link .link-text {
        border-bottom: 1px solid transparent;
        -webkit-transition: border 0.4s ease-in-out;
        transition: border 0.4s ease-in-out; }
    .b-header .top-bar-section .dropdown-block {
      float: left;
      display: inline-block; }
      .b-header .top-bar-section .dropdown-block.x-left {
        width: 75%; }
        .b-header .top-bar-section .dropdown-block.x-left ul {
          -webkit-column-count: 3;
             -moz-column-count: 3;
                  column-count: 3;
          width: 100%; }
      .b-header .top-bar-section .dropdown-block.x-right {
        width: 25%; }
      .b-header .top-bar-section .dropdown-block:last-child {
        border-left: 1px solid #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: #fff;
      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: #fff;
    background-color: #1f4667;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .b-heute-video .details:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "";
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .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; }

@media (max-width: 640px) {
  .b-info-bar {
    padding-top: 16px; }
    .b-info-bar + .b-post-header .big-headline, .b-info-bar + .b-post-header .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-info-bar + .b-post-header .cluster-title, .b-info-bar + .b-post-header .b-content-teaser-list .title, .b-content-teaser-list .b-info-bar + .b-post-header .title, .b-info-bar + .b-post-header .b-search-list .title, .b-search-list .b-info-bar + .b-post-header .title,
    .b-info-bar + .b-content-module .big-headline,
    .b-info-bar + .b-content-module .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-info-bar + .b-content-module .cluster-title,
    .b-info-bar + .b-content-module .b-content-teaser-list .title, .b-content-teaser-list
    .b-info-bar + .b-content-module .title,
    .b-info-bar + .b-content-module .b-search-list .title, .b-search-list
    .b-info-bar + .b-content-module .title {
      margin-top: 24px; }
      .b-info-bar + .b-post-header .big-headline.x-overline, .b-info-bar + .b-post-header .b-cluster .cluster-title-row .x-overline.cluster-title, .b-cluster .cluster-title-row .b-info-bar + .b-post-header .x-overline.cluster-title, .b-info-bar + .b-post-header .b-content-teaser-list .x-overline.title, .b-content-teaser-list .b-info-bar + .b-post-header .x-overline.title, .b-info-bar + .b-post-header .b-search-list .x-overline.title, .b-search-list .b-info-bar + .b-post-header .x-overline.title, .b-info-bar + .b-post-header .big-headline.x-label, .b-info-bar + .b-post-header .b-cluster .cluster-title-row .x-label.cluster-title, .b-cluster .cluster-title-row .b-info-bar + .b-post-header .x-label.cluster-title, .b-info-bar + .b-post-header .b-content-teaser-list .x-label.title, .b-content-teaser-list .b-info-bar + .b-post-header .x-label.title, .b-info-bar + .b-post-header .b-search-list .x-label.title, .b-search-list .b-info-bar + .b-post-header .x-label.title,
      .b-info-bar + .b-content-module .big-headline.x-overline,
      .b-info-bar + .b-content-module .b-cluster .cluster-title-row .x-overline.cluster-title, .b-cluster .cluster-title-row
      .b-info-bar + .b-content-module .x-overline.cluster-title,
      .b-info-bar + .b-content-module .b-content-teaser-list .x-overline.title, .b-content-teaser-list
      .b-info-bar + .b-content-module .x-overline.title,
      .b-info-bar + .b-content-module .b-search-list .x-overline.title, .b-search-list
      .b-info-bar + .b-content-module .x-overline.title,
      .b-info-bar + .b-content-module .big-headline.x-label,
      .b-info-bar + .b-content-module .b-cluster .cluster-title-row .x-label.cluster-title, .b-cluster .cluster-title-row
      .b-info-bar + .b-content-module .x-label.cluster-title,
      .b-info-bar + .b-content-module .b-content-teaser-list .x-label.title, .b-content-teaser-list
      .b-info-bar + .b-content-module .x-label.title,
      .b-info-bar + .b-content-module .b-search-list .x-label.title, .b-search-list
      .b-info-bar + .b-content-module .x-label.title {
        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: both;
          animation-fill-mode: both;
  -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: #fff; }
      .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; }

.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: #fff;
      background-color: #000; }
    .b-letter-bar .item.current .link {
      font-weight: 700; }

.b-like-module {
  font-family: Arial, sans-serif;
  font-size: 0.7778rem;
  font-weight: 700;
  line-height: 0.7778rem;
  color: #5C6166; }
  @media (max-width: 640px) {
    .b-like-module {
      margin: 8px 0 0 0;
      padding: 0 16px;
      text-align: left; } }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-like-module {
      float: right;
      margin-top: 6px;
      text-align: right; } }
  .b-like-module .likes {
    position: relative;
    display: inline-block;
    padding-left: 40px; }
  .b-like-module .icon {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #5C6166;
    padding: 0 10px 0 0;
    font-size: 1rem;
    line-height: 0.7778rem; }
    .b-like-module .icon:before {
      height: 14px;
      line-height: 0.7778rem; }

.b-live-tv {
  position: relative;
  margin: 0; }
  @media (max-width: 640px) {
    .b-live-tv.m-vod {
      margin-top: 32px; }
    .b-live-tv .item {
      width: 100%;
      overflow: hidden; }
      .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, .b-live-tv .item .box .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-live-tv .item .box .overlay-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: #fff; }
      .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 {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(37, 41, 46, 0.8);
      z-index: 9; }
    .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 {
      display: table;
      height: 100%;
      margin-left: 40px;
      position: absolute;
      bottom: 0;
      z-index: 10;
      max-width: 60%;
      opacity: 0;
      visibility: hidden;
      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 {
      padding: 24px 24px 16px;
      background-color: rgba(37, 41, 46, 0.8);
      position: relative; }
      .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, .b-live-tv .item .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-live-tv .item .overlay-title {
      color: #fff; }
    .b-live-tv .item .teaser-foot {
      position: relative;
      color: #fff;
      right: inherit;
      left: inherit;
      bottom: inherit; }
  .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-login-fb-button {
  margin-top: 32px;
  border-top: 1px solid #96999C;
  padding: 24px 0 0; }
  @media (max-width: 640px) {
    .preview .b-login-fb-button {
      padding-right: 16px;
      padding-left: 16px; } }
  .b-login-fb-button .button {
    display: block;
    width: 100%;
    text-align: center; }
  .b-login-fb-button .fb-btn {
    background-color: #3b5998; }
  .b-login-fb-button .google-btn {
    margin-bottom: 0;
    background-color: #4285F4; }
  .b-login-fb-button .register-btn {
    color: #fff;
    background-color: #5C6166; }

.b-login-pw p {
  margin-bottom: 16px; }

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

@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 .toggle-wrap {
    position: relative;
    margin: 16px 0 0 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("../img/bgs/success.png") left top no-repeat;
    background-size: 136px 171px; }
  .b-login .registry-message-modal p:last-child,
  .b-login .password-message-modal p:last-child {
    margin-bottom: 0; }
  .b-login .registry-error-modal .inner {
    min-height: 171px;
    padding-left: 150px;
    background: url("../img/bgs/no-success.png") left top no-repeat;
    background-size: 136px 171px; }
  .b-login .registry-error-modal p:last-child {
    margin-bottom: 0; }
  .b-login .registry-error-modal .login-btn {
    margin-bottom: 0; }
  .b-login p {
    font-size: 1rem; } }

.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: both;
          animation-fill-mode: both;
  -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 .form-wrap {
  position: relative; }

.b-login p {
  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: #fff; }
  .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 .error-item .error-msg {
  font-size: 0.8889rem;
  line-height: 1.2222rem; }

.b-login .toggle-wrap {
  margin-bottom: 16px;
  text-align: left; }

.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 .facebook-register,
.b-login .google-register {
  overflow: hidden;
  position: relative;
  margin-top: 24px;
  border-top: 1px solid #96999C;
  padding: 24px 0 0; }
  .b-login .facebook-register .fb-btn,
  .b-login .google-register .fb-btn {
    float: right;
    margin: 0;
    background-color: #3b5998; }
  .b-login .facebook-register .google-btn,
  .b-login .google-register .google-btn {
    float: right;
    margin: 0;
    background-color: #4285F4; }

.b-login .login-toggle-btn {
  display: block; }

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

.b-login .data-protection-text {
  margin: 16px 0 0 0;
  font-size: 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-map-teaser {
  background-color: #fff; }
  @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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-map-teaser .overlay-title, .b-map-teaser .teaser-title, .b-map-teaser .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .b-map-teaser .teaser-title {
    margin-bottom: 16px; }
  .b-map-teaser .teaser-text, .b-map-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-map-teaser .video-description, .b-map-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-map-teaser .item-description, .b-map-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-map-teaser .video-description, .b-map-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-map-teaser .item-description {
    margin-bottom: 16px; }
  .b-map-teaser .teaser-text, .b-map-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-map-teaser .video-description, .b-map-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-map-teaser .item-description, .b-map-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-map-teaser .video-description, .b-map-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-map-teaser .item-description {
    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; }

.b-miniplayer:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, transparent 85%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 85%);
  content: ""; }

.b-miniplayer:not(.m-active) {
  display: none; }

.b-miniplayer .zdfplayer-fullscreen_enter {
  display: none !important; }

.b-miniplayer.m-active {
  position: fixed;
  top: initial;
  right: 20px;
  bottom: 20px;
  left: initial;
  z-index: 998;
  width: 320px;
  height: 180px; }

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

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

@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, .b-my-view-filter .filter-list .b-my-view-selectbox-popover .b-my-view-selectbox-listbox, .b-my-view-selectbox-popover .b-my-view-filter .filter-list .b-my-view-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: 0;
    left: 0;
    font-weight: 400; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-label .icon::before {
      left: 0;
      font-size: 1.5556rem;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .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: 800px) and (max-width: 1023px) {
  .b-my-view-list .teaser-block-grid.x-large-up-6 > .x-column {
    width: 25%; } }

@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, .b-my-view-list .teaser-block-grid .b-content-teaser-item .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-my-view-list .teaser-block-grid .b-content-teaser-item .overlay-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("../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, .b-my-view-list .teaser-block-grid .b-content-teaser-item .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-my-view-list .teaser-block-grid .b-content-teaser-item .overlay-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, .b-my-view-list .teaser-block-grid .b-content-teaser-item.m-active .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-my-view-list .teaser-block-grid .b-content-teaser-item.m-active .overlay-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), .b-my-view-list .teaser-block-grid .b-content-teaser-item .b-dialog.x-dialog-epg .overlay-title:not(.m-cat), .b-dialog.x-dialog-epg .b-my-view-list .teaser-block-grid .b-content-teaser-item .overlay-title:not(.m-cat) {
      padding-right: 32px; }
    .b-my-view-list .teaser-block-grid .b-content-teaser-item .teaser-cat, .b-my-view-list .teaser-block-grid .b-content-teaser-item .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-my-view-list .teaser-block-grid .b-content-teaser-item .overlay-category, .b-my-view-list .teaser-block-grid .b-content-teaser-item .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-my-view-list .teaser-block-grid .b-content-teaser-item .overlay-link-category, .b-my-view-list .teaser-block-grid .b-content-teaser-item .b-newsticker-cell .cat, .b-newsticker-cell .b-my-view-list .teaser-block-grid .b-content-teaser-item .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, .b-my-view-stadium .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-my-view-stadium .cluster-title, .b-my-view-stadium .b-content-teaser-list .title, .b-content-teaser-list .b-my-view-stadium .title, .b-my-view-stadium .b-search-list .title, .b-search-list .b-my-view-stadium .title {
  padding-right: 48px; }
  @media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-my-view-stadium .big-headline, .b-my-view-stadium .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-my-view-stadium .cluster-title, .b-my-view-stadium .b-content-teaser-list .title, .b-content-teaser-list .b-my-view-stadium .title, .b-my-view-stadium .b-search-list .title, .b-search-list .b-my-view-stadium .title {
      margin-bottom: 48px; } }
  @media (max-width: 640px) {
    .b-my-view-stadium .big-headline, .b-my-view-stadium .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-my-view-stadium .cluster-title, .b-my-view-stadium .b-content-teaser-list .title, .b-content-teaser-list .b-my-view-stadium .title, .b-my-view-stadium .b-search-list .title, .b-search-list .b-my-view-stadium .title {
      padding-right: 48px; } }
  .b-my-view-stadium .big-headline strong, .b-my-view-stadium .b-cluster .cluster-title-row .cluster-title strong, .b-cluster .cluster-title-row .b-my-view-stadium .cluster-title strong, .b-my-view-stadium .b-content-teaser-list .title strong, .b-content-teaser-list .b-my-view-stadium .title strong, .b-my-view-stadium .b-search-list .title strong, .b-search-list .b-my-view-stadium .title 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(255, 255, 255, 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(0, 0, 0, 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("../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(0, 0, 0, 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: #fff;
        cursor: pointer; }
      .b-my-view-stadium .stadium-wrap .camera-wrap .camera-input:checked + .camera-label {
        color: #fff;
        background-color: #000;
        pointer-events: none; }
      .b-my-view-stadium .stadium-wrap .camera-wrap .camera-input:disabled + .camera-label {
        opacity: .7;
        color: #fff;
        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(255, 255, 255, 0.8); }
    .b-my-view-stadium .stadium-wrap .camera-wrap.m-spider .camera-input:disabled + .camera-label:before {
      content: "\e948"; }
    .b-my-view-stadium .stadium-wrap .camera-wrap:not(.m-spider):not(.m-tv) .camera-input:disabled + .camera-label:before {
      content: "\e947"; }
    .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: #fff;
    background-color: #25292E;
    background-size: auto 100%;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out; }
    .b-nav-arrow.arrow-left: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: #fff transparent transparent transparent; } }
  @media (min-width: 1024px) {
    .b-news-filter {
      position: absolute;
      top: 52px;
      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: #fff; }
        .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: #fff; }
        .b-news-filter .news-filter-item .news-filter-btn.m-active:hover {
          background-color: #fff;
          cursor: initial; }

.b-newsstream {
  position: relative;
  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: 1219px) {
    .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: 1220px) {
    .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, .b-newsticker-accordion .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-newsticker-accordion .cluster-title, .b-newsticker-accordion .b-content-teaser-list .title, .b-content-teaser-list .b-newsticker-accordion .title, .b-newsticker-accordion .b-search-list .title, .b-search-list .b-newsticker-accordion .title {
      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: #fff; }
    .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-right: 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: #fff 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: #fff; }
      .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-keyboardfocus {
        outline: 2px solid #000;
        outline-offset: -2px;
        text-decoration: underline; }
      .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active {
        background-color: #fff; }
        .b-newsticker-filter .newsticker-filter-item .newsticker-filter-button.m-active:hover {
          background-color: #fff;
          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: #fff transparent transparent transparent;
          content: ""; }

.b-newsticker-panel {
  color: #fff; }
  @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: #fff 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 #fff;
      color: #fff; } }
  .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: #fff; }
    .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: #fff; }
    .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: #fff; }
    .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, .b-newsticker-slider .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-newsticker-slider .cluster-title, .b-newsticker-slider .b-content-teaser-list .title, .b-content-teaser-list .b-newsticker-slider .title, .b-newsticker-slider .b-search-list .title, .b-search-list .b-newsticker-slider .title {
      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: #fff; }
    .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: #fff;
      -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: both;
            animation-fill-mode: both;
    -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: #fff;
        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: #fff;
        background-color: transparent;
        -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
        transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out; }
        .js-offcanvas-panel .menu-item .link: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: #fff;
          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: #fff;
          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: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: #fff; }
      .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: #fff;
        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: #fff; }
            .js-offcanvas-panel .menu-item .dropdown .dropdown-item:hover .dropdown-link .link-text, .js-offcanvas-panel .menu-item .dropdown .dropdown-item:focus .dropdown-link .link-text {
              border-bottom: 1px solid #FFFF00; }
        .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active {
          background-color: rgba(37, 41, 46, 0.8); }
          .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active .dropdown-link {
            color: #fff; }
            .js-offcanvas-panel .menu-item .dropdown .dropdown-item.m-active .dropdown-link .link-text {
              border-bottom: 1px solid #fff; }
      .js-offcanvas-panel .menu-item .dropdown .dropdown-link {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 32px;
        font-size: 0.8889rem;
        font-weight: normal;
        line-height: 40px;
        text-align: left;
        color: #fff;
        -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: #fff;
  background-color: rgba(37, 41, 46, 0.8); }
  .b-onboarding .onboarding-tooltip:not(.m-open) {
    display: none; }
  .b-onboarding .onboarding-tooltip .title {
    margin-bottom: 8px;
    font-weight: 700; }
  .b-onboarding .onboarding-tooltip .text {
    margin-bottom: 16px; }

@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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-panorama-teaser .overlay-title, .b-panorama-teaser .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .b-panorama-teaser .teaser-title,
    .b-panorama-teaser .teaser-title-link {
      margin-bottom: 8px;
      font-size: 1.1111rem; }
    .b-panorama-teaser .teaser-text, .b-panorama-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-panorama-teaser .video-description, .b-panorama-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-panorama-teaser .item-description, .b-panorama-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-panorama-teaser .video-description, .b-panorama-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-panorama-teaser .item-description {
      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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-panorama-teaser .overlay-title, .b-panorama-teaser .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .b-panorama-teaser .teaser-title,
    .b-panorama-teaser .teaser-title-link {
      font-size: 1.5556rem;
      line-height: 1.8889rem; }
    .b-panorama-teaser .teaser-text, .b-panorama-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-panorama-teaser .video-description, .b-panorama-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-panorama-teaser .item-description, .b-panorama-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-panorama-teaser .video-description, .b-panorama-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-panorama-teaser .item-description {
      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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-panorama-teaser .overlay-title, .b-panorama-teaser .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .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 .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-panorama-teaser .overlay-title, .b-panorama-teaser .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .b-panorama-teaser .teaser-title,
.b-panorama-teaser .teaser-title-link,
.b-panorama-teaser .teaser-text,
.b-panorama-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption
.b-panorama-teaser .video-description,
.b-panorama-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption
.b-panorama-teaser .item-description,
.b-panorama-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption
.b-panorama-teaser .video-description,
.b-panorama-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption
.b-panorama-teaser .item-description,
.b-panorama-teaser .teaser-theme {
  color: #fff; }

.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:not(.x-dialog-player-pin .b-passport-pin:not(.overlay-context)) {
      margin-left: 208px; } }
  .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 (max-width: 640px) {
  .b-passport-success {
    padding: 0 16px; }
    .b-passport-success .big-headline, .b-passport-success .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-passport-success .cluster-title, .b-passport-success .b-content-teaser-list .title, .b-content-teaser-list .b-passport-success .title, .b-passport-success .b-search-list .title, .b-search-list .b-passport-success .title {
      padding: 0; } }

@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; }
  .b-passport-success .back-btn {
    float: right; } }

@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:not(.b-dialog .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;
  z-index: 3;
  bottom: 24px;
  right: 24px; }
  @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 .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 {
    display: block;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 6px solid transparent;
    border-radius: 50%;
    background-color: #000;
    cursor: pointer; }
    .b-plus-button .plus-main-btn .inner-circle:before {
      font-size: 1.4444rem;
      line-height: 38px;
      color: #fff;
      display: inline-block;
      -webkit-transform: scale(1) rotateZ(45deg);
              transform: scale(1) rotateZ(45deg);
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
  .b-plus-button .button-group {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    outline: none;
    margin: 0;
    padding: 0;
    list-style: none; }
    .b-plus-button .button-group.m-open {
      visibility: inherit;
      opacity: 1; }
    .b-plus-button .button-group.m-level-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      right: 55px;
      top: 5px; }
    .b-plus-button .button-group.m-level-2 {
      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;
      bottom: 40px; }
  .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) {
    -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;
    z-index: 8; }
  .b-plus-button .plus-child-item:nth-child(2) {
    -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;
    z-index: 7; }
  .b-plus-button .plus-child-item:nth-child(3) {
    -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;
    z-index: 6; }
  .b-plus-button .plus-child-item:nth-child(4) {
    -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;
    z-index: 5; }
  .b-plus-button .plus-child-item:nth-child(5) {
    -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;
    z-index: 4; }
  .b-plus-button .plus-child-btn {
    position: relative;
    display: block;
    margin: 5px;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0px 0px 3px 1px rgba(36, 40, 46, 0.13); }
    .b-plus-button .plus-child-btn:hover {
      background-color: #000;
      color: #fff;
      box-shadow: none; }
    .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 {
      background-color: #000;
      color: #fff;
      box-shadow: none; }
      .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 {
      color: #000;
      border-bottom: none; }
      .b-plus-button .plus-child-btn:visited:hover {
        color: #fff; }
    .b-plus-button .plus-child-btn:before {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 18px;
      line-height: 28px;
      height: 28px;
      width: 28px;
      display: block; }
  .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-plus-button {
      bottom: 0;
      right: 0; }
      .b-plus-button .plus-main-btn .inner-circle:before {
        font-size: 24px; }
      .b-plus-button .plus-main-btn:hover .inner-circle {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .b-plus-button .plus-main-btn:hover .inner-circle:before {
          opacity: 1;
          font-size: 24px; }
      .b-plus-button .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle, .b-plus-button .plus-main-btn[aria-expanded="true"] .inner-circle {
        outline: none;
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .b-plus-button .plus-main-btn:focus:not(.m-keyboardfocus) .inner-circle:before, .b-plus-button .plus-main-btn[aria-expanded="true"] .inner-circle:before {
          opacity: 1;
          font-size: 1.4444rem; }
      .b-plus-button .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded="false"] .inner-circle {
        -webkit-transform: scale(0.25);
                transform: scale(0.25);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .b-plus-button .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded="false"] .inner-circle:before {
          font-size: 1.4444rem;
          opacity: 0;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .b-plus-button .plus-main-btn.m-keyboardfocus {
        outline-offset: -9px; }
        .b-plus-button .plus-main-btn.m-keyboardfocus .inner-circle[aria-expanded="false"] {
          -webkit-transform: scale(0.6);
                  transform: scale(0.6);
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .b-plus-button .plus-main-btn[aria-expanded="true"] .inner-circle {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
      .b-plus-button .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 .plus-main-btn .inner-circle:before {
          font-size: 1.4444rem;
          opacity: 0;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .b-plus-button .plus-child-btn:focus:not(.m-keyboardfocus) {
        outline: none; }
      .b-plus-button .button-group.m-level-1 {
        right: 45px; } }
  .b-plus-button.m-small {
    bottom: 0;
    right: 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-transform: scale(0.25);
              transform: scale(0.25);
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .b-plus-button.m-small .plus-main-btn:focus:not(.m-keyboardfocus)[aria-expanded="false"] .inner-circle:before {
        font-size: 1.4444rem;
        opacity: 0;
        -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-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .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 {
        font-size: 1.4444rem;
        opacity: 0;
        -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 (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, .b-post-content.x-kids .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-post-content.x-kids .cluster-title, .b-post-content.x-kids .b-content-teaser-list .title, .b-content-teaser-list .b-post-content.x-kids .title, .b-post-content.x-kids .b-search-list .title, .b-search-list .b-post-content.x-kids .title {
      margin-top: 48px; }
    .b-post-content.x-kids .login-btn,
    .b-post-content.x-kids .reg-btn {
      margin-left: 16px; }
    .b-post-content .x-row:first-child {
      margin-top: 16px; }
    .b-post-content .x-row:last-child .x-column:last-of-type p:last-child {
      margin-bottom: 0; }
    .b-post-content .big-headline, .b-post-content .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-post-content .cluster-title, .b-post-content .b-content-teaser-list .title, .b-content-teaser-list .b-post-content .title, .b-post-content .b-search-list .title, .b-search-list .b-post-content .title {
      margin-top: 12px; }
    .b-post-content .b-content-teaser-list .b-content-teaser-item {
      margin-bottom: 2px; }
    .b-post-content .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,
    .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 {
      padding: 0; }
    .b-post-content .b-content-module .big-headline, .b-post-content .b-content-module .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-post-content .b-content-module .cluster-title, .b-post-content .b-content-module .b-content-teaser-list .title, .b-content-teaser-list .b-post-content .b-content-module .title, .b-post-content .b-content-module .b-search-list .title, .b-search-list .b-post-content .b-content-module .title, .b-post-content .b-content-module.x-notitle,
    .b-post-content .b-thirdparty .big-headline,
    .b-post-content .b-thirdparty .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-post-content .b-thirdparty .cluster-title,
    .b-post-content .b-thirdparty .b-content-teaser-list .title, .b-content-teaser-list
    .b-post-content .b-thirdparty .title,
    .b-post-content .b-thirdparty .b-search-list .title, .b-search-list
    .b-post-content .b-thirdparty .title,
    .b-post-content .b-thirdparty.x-notitle,
    .b-post-content .b-group-persons .big-headline,
    .b-post-content .b-group-persons .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-post-content .b-group-persons .cluster-title,
    .b-post-content .b-group-persons .b-content-teaser-list .title, .b-content-teaser-list
    .b-post-content .b-group-persons .title,
    .b-post-content .b-group-persons .b-search-list .title, .b-search-list
    .b-post-content .b-group-persons .title,
    .b-post-content .b-group-persons.x-notitle,
    .b-post-content .b-content-teaser-list .big-headline,
    .b-post-content .b-content-teaser-list .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-post-content .b-content-teaser-list .cluster-title,
    .b-post-content .b-content-teaser-list .title,
    .b-post-content .b-content-teaser-list.x-notitle,
    .b-post-content .b-map .big-headline,
    .b-post-content .b-map .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-post-content .b-map .cluster-title,
    .b-post-content .b-map .b-content-teaser-list .title, .b-content-teaser-list
    .b-post-content .b-map .title,
    .b-post-content .b-map .b-search-list .title, .b-search-list
    .b-post-content .b-map .title,
    .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; } }
  @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 .x-row:first-child {
      margin-top: 32px; }
    .b-post-content .x-row:last-child .x-column p:last-child {
      margin-bottom: 0; }
    .b-post-content .x-row .x-left .teaser-wrap {
      padding: 0 16px 0 0; }
    .b-post-content .x-row .x-right .teaser-wrap {
      float: right;
      padding: 0 0 0 16px; }
    .b-post-content .b-content-teaser-item {
      padding: 5px 0 24px; }
    .b-post-content .b-content-teaser-list .b-content-teaser-item {
      padding: 0 6px 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 .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-post-content .b-content-module .cluster-title, .b-post-content .b-content-module .b-content-teaser-list .title, .b-content-teaser-list .b-post-content .b-content-module .title, .b-post-content .b-content-module .b-search-list .title, .b-search-list .b-post-content .b-content-module .title, .b-post-content .b-content-module.x-notitle,
    .b-post-content .b-thirdparty .big-headline,
    .b-post-content .b-thirdparty .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-post-content .b-thirdparty .cluster-title,
    .b-post-content .b-thirdparty .b-content-teaser-list .title, .b-content-teaser-list
    .b-post-content .b-thirdparty .title,
    .b-post-content .b-thirdparty .b-search-list .title, .b-search-list
    .b-post-content .b-thirdparty .title,
    .b-post-content .b-thirdparty.x-notitle,
    .b-post-content .b-group-persons .big-headline,
    .b-post-content .b-group-persons .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-post-content .b-group-persons .cluster-title,
    .b-post-content .b-group-persons .b-content-teaser-list .title, .b-content-teaser-list
    .b-post-content .b-group-persons .title,
    .b-post-content .b-group-persons .b-search-list .title, .b-search-list
    .b-post-content .b-group-persons .title,
    .b-post-content .b-group-persons.x-notitle,
    .b-post-content .b-content-teaser-list .big-headline,
    .b-post-content .b-content-teaser-list .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-post-content .b-content-teaser-list .cluster-title,
    .b-post-content .b-content-teaser-list .title,
    .b-post-content .b-content-teaser-list.x-notitle,
    .b-post-content .b-map .big-headline,
    .b-post-content .b-map .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row
    .b-post-content .b-map .cluster-title,
    .b-post-content .b-map .b-content-teaser-list .title, .b-content-teaser-list
    .b-post-content .b-map .title,
    .b-post-content .b-map .b-search-list .title, .b-search-list
    .b-post-content .b-map .title,
    .b-post-content .b-map.x-notitle {
      margin-top: 16px; } }
  @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, .b-post-content.x-kids .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-post-content.x-kids .cluster-title, .b-post-content.x-kids .b-content-teaser-list .title, .b-content-teaser-list .b-post-content.x-kids .title, .b-post-content.x-kids .b-search-list .title, .b-search-list .b-post-content.x-kids .title {
    display: inline-block; }
    .b-post-content.x-kids .big-headline .block, .b-post-content.x-kids .b-cluster .cluster-title-row .cluster-title .block, .b-cluster .cluster-title-row .b-post-content.x-kids .cluster-title .block, .b-post-content.x-kids .b-content-teaser-list .title .block, .b-content-teaser-list .b-post-content.x-kids .title .block, .b-post-content.x-kids .b-search-list .title .block, .b-search-list .b-post-content.x-kids .title .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 > .x-column {
      outline: none; }
    .b-post-content .x-headline .medium-headline {
      margin-top: 0; }
  .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: #fff; }
    .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 a {
    color: #fff; }

@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 .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, .b-post-header .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-post-header .cluster-title, .b-post-header .b-content-teaser-list .title, .b-content-teaser-list .b-post-header .title, .b-post-header .b-search-list .title, .b-search-list .b-post-header .title {
    margin-bottom: 12px;
    padding-right: 48px; }
  .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, .b-post-header .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-post-header .cluster-title, .b-post-header .b-content-teaser-list .title, .b-content-teaser-list .b-post-header .title, .b-post-header .b-search-list .title, .b-search-list .b-post-header .title {
      margin-bottom: 16px;
      padding-right: 60px; }
    .b-post-header .b-plus-button {
      top: 64px; }
      .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, .b-post-header.m-subtitle .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-post-header.m-subtitle .cluster-title, .b-post-header.m-subtitle .b-content-teaser-list .title, .b-content-teaser-list .b-post-header.m-subtitle .title, .b-post-header.m-subtitle .b-search-list .title, .b-search-list .b-post-header.m-subtitle .title {
  margin-bottom: 0; }

.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 .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-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: 1;
    width: 100%;
    height: 8px;
    background-color: rgba(255, 255, 255, 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-registration-tivi .tivi-btn {
  margin-bottom: 0; }
  .b-registration-tivi .tivi-btn:hover, .b-registration-tivi .tivi-btn:focus {
    text-decoration: underline;
    color: #fff; }

.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: #fff;
      -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: #fff;
    background-color: #25292E;
    -webkit-transition: opacity 300ms, visibility 300ms;
    transition: opacity 300ms, visibility 300ms; }
    .b-removepanel .remove-box.m-open {
      opacity: 1;
      visibility: visible; }
    .b-removepanel .remove-box .desc {
      margin-right: 20px;
      font-size: 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; }
  .js-scrollbox .js-scrollbox-list.m-no-scroll,
  .scroll-box .js-scrollbox-list.m-no-scroll {
    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: #fff; }
        .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, .b-search-bar .b-my-view-selectbox {
    content: '{"appendTo": ".b-search-bar"}' !important; }
    .b-search-bar .b-selectbox::before, .b-search-bar .b-my-view-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-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;
      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: #fff;
        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: #fff;
      -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: #fff; }
    .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: #fff; }
    .b-search-bar .multiple-trigger.m-active .arrow:before {
      content: "\e60b"; }
  .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(255, 255, 255, 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;
      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: #fff;
      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 .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 .teaser-block-grid {
    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-search-list .teaser-block-grid > .x-column {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .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; } }

.b-selectbox, .b-my-view-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-selectbox:focus, .b-my-view-selectbox:focus, .b-selectbox[aria-expanded="true"], [aria-expanded="true"].b-my-view-selectbox {
    outline: 2px solid #FFFF00; }
  .b-selectbox:after, .b-my-view-selectbox:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    background-color: #fff;
    content: ""; }
  .b-selectbox.m-disabled, .m-disabled.b-my-view-selectbox {
    opacity: .6;
    pointer-events: none; }
  .b-selectbox.m-input, .m-input.b-my-view-selectbox {
    overflow: hidden; }
  .b-selectbox .selectbox-input, .b-my-view-selectbox .selectbox-input, .b-my-view-selectbox .b-my-view-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: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto; }
    .b-selectbox .selectbox-input:after, .b-my-view-selectbox .selectbox-input:after, .b-my-view-selectbox .b-my-view-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: "\e90a";
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .b-selectbox .selectbox-input .flag, .b-my-view-selectbox .selectbox-input .flag, .b-my-view-selectbox .b-my-view-selectbox-input .flag {
      width: 32px;
      height: 32px;
      margin-top: -4px;
      border-radius: 50%; }
      .b-selectbox .selectbox-input .flag:first-child, .b-my-view-selectbox .selectbox-input .flag:first-child, .b-my-view-selectbox .b-my-view-selectbox-input .flag:first-child {
        margin-right: 4px; }
      .b-selectbox .selectbox-input .flag:last-child, .b-my-view-selectbox .selectbox-input .flag:last-child, .b-my-view-selectbox .b-my-view-selectbox-input .flag:last-child {
        margin-left: 4px; }
  .b-selectbox .selectbox-btn, .b-my-view-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: #fff; }
    .b-selectbox .selectbox-btn:before, .b-my-view-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: "\e60a";
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .b-selectbox select, .b-my-view-selectbox select {
    display: none; }
  .selectbox-popover, .b-my-view-selectbox-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    visibility: hidden;
    outline: none;
    margin: 2px 0;
    box-shadow: 0 0 4px rgba(52, 57, 63, 0.3);
    background-color: #fff; }
    .selectbox-popover.m-open, .m-open.b-my-view-selectbox-popover {
      visibility: visible; }
  .selectbox-listbox, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 205px; }
    .selectbox-listbox .listbox-item, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item,
    .selectbox-listbox .listbox-header, .b-my-view-selectbox-popover .b-my-view-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; }
      .selectbox-listbox .listbox-item.m-hide, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item.m-hide,
      .selectbox-listbox .listbox-header.m-hide, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-header.m-hide {
        display: none; }
      .selectbox-listbox .listbox-item.m-disabled, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item.m-disabled,
      .selectbox-listbox .listbox-header.m-disabled, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-header.m-disabled {
        opacity: .5;
        cursor: auto; }
      .selectbox-listbox .listbox-item:hover, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item:hover, .selectbox-listbox .listbox-item.m-selected, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item.m-selected, .selectbox-listbox .listbox-item.m-checked, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-item.m-checked,
      .selectbox-listbox .listbox-header:hover, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-header:hover,
      .selectbox-listbox .listbox-header.m-selected, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-header.m-selected,
      .selectbox-listbox .listbox-header.m-checked, .b-my-view-selectbox-popover .b-my-view-selectbox-listbox .listbox-header.m-checked {
        background: #D4D5D5; }
  .listbox-value {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .listbox-extra {
    float: right; }

/**
 * 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, .b-settings .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-settings .cluster-title, .b-settings .b-content-teaser-list .title, .b-content-teaser-list .b-settings .title, .b-settings .b-search-list .title, .b-search-list .b-settings .title {
      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, .b-settings .b-cluster .cluster-title-row .fieldset-wrapper + .fieldset-wrapper > .cluster-title, .b-cluster .cluster-title-row .b-settings .fieldset-wrapper + .fieldset-wrapper > .cluster-title, .b-settings .b-content-teaser-list .fieldset-wrapper + .fieldset-wrapper > .title, .b-content-teaser-list .b-settings .fieldset-wrapper + .fieldset-wrapper > .title, .b-settings .b-search-list .fieldset-wrapper + .fieldset-wrapper > .title, .b-search-list .b-settings .fieldset-wrapper + .fieldset-wrapper > .title {
        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 (max-width: 640px) {
  .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .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; } }

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

.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 {
  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, .b-sitemap .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-sitemap .cluster-title, .b-sitemap .b-content-teaser-list .title, .b-content-teaser-list .b-sitemap .title, .b-sitemap .b-search-list .title, .b-search-list .b-sitemap .title {
        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, .b-sitemap .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-sitemap .cluster-title, .b-sitemap .b-content-teaser-list .title, .b-content-teaser-list .b-sitemap .title, .b-sitemap .b-search-list .title, .b-search-list .b-sitemap .title {
        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;
           page-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 {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
  background: #f4f4f4;
  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 {
  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%;
  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-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-linear-gradient(top, #dcdcdc, #efefef);
  background: linear-gradient(to bottom, #dcdcdc, #efefef); }

/** Android **/
.smartbanner-android {
  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;
  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 {
  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%;
  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;
  box-shadow: none;
  padding: 0 10px;
  text-align: center;
  text-transform: none;
  text-shadow: none;
  background: #42b6c9;
  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 {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
  background: #f4f4f4;
  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 {
  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%;
  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-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-linear-gradient(top, #dcdcdc, #efefef);
  background: linear-gradient(to bottom, #dcdcdc, #efefef); }

@media (max-width: 640px) {
  .b-social-blockquote {
    margin-bottom: 32px; }
    .b-social-blockquote .bockquote-box {
      padding: 16px; }
    .b-social-blockquote .blockquote-comments {
      padding: 16px; }
    .b-social-blockquote .blockquote-text {
      padding: 0; }
    .b-social-blockquote .img-wrap + .comment-inner {
      margin-top: 8px; }
    .b-social-blockquote .comment-text p {
      margin-bottom: 16px;
      padding: 0; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-social-blockquote {
    margin-bottom: 48px; }
    .b-social-blockquote .bockquote-box {
      padding: 16px 24px; }
    .b-social-blockquote .blockquote-comments {
      padding: 24px; }
    .b-social-blockquote .comment-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .b-social-blockquote .img-wrap {
      float: left;
      width: 44%;
      padding-right: 20px; }
      .b-social-blockquote .img-wrap + .comment-inner {
        position: relative;
        float: left;
        width: 56%; }
    .b-social-blockquote .comment-text {
      margin-bottom: 48px; }
    .b-social-blockquote .action-list {
      position: absolute;
      bottom: 0; } }

.b-social-blockquote .bockquote-box {
  margin-bottom: 2px;
  background-color: #fff; }
  .b-social-blockquote .bockquote-box .blockquote-time {
    float: left;
    display: inline-block;
    font-weight: 700; }
    .b-social-blockquote .bockquote-box .blockquote-time:after {
      display: inline-block;
      margin: 0 4px;
      content: "|"; }
  .b-social-blockquote .bockquote-box .blockquote-title {
    font-weight: 700; }
  .b-social-blockquote .bockquote-box .blockquote-text {
    margin: 16px 0 0 0; }

.b-social-blockquote .blockquote-comments {
  background-color: #fff; }
  .b-social-blockquote .blockquote-comments .comment-header {
    position: relative; }
  .b-social-blockquote .blockquote-comments .social-avatar {
    float: left;
    display: inline-block;
    margin-right: 8px; }
  .b-social-blockquote .blockquote-comments .social-logo {
    position: absolute;
    top: 0;
    right: 0; }
    .b-social-blockquote .blockquote-comments .social-logo.m-hide {
      display: none; }
  .b-social-blockquote .blockquote-comments .author-name {
    padding: 12px 0 8px;
    font-size: 0.7778rem;
    font-weight: 700;
    line-height: 0.7778rem; }
    .b-social-blockquote .blockquote-comments .author-name .m-clickarea-action {
      border-bottom: none; }
  .b-social-blockquote .blockquote-comments .avatar-time {
    font-size: 0.7778rem;
    line-height: 0.7778rem; }
    .b-social-blockquote .blockquote-comments .avatar-time .author:after {
      margin-left: 4px;
      content: "|"; }
  .b-social-blockquote .blockquote-comments .comment-box {
    position: relative;
    margin-top: 12px; }
  .b-social-blockquote .blockquote-comments .comment-img {
    width: 100%; }
  .b-social-blockquote .blockquote-comments .comment-inner {
    position: relative;
    width: 100%; }
  .b-social-blockquote .blockquote-comments .comment-text strong {
    font-weight: 700;
    color: #000; }
  .b-social-blockquote .blockquote-comments .comment-text p:last-child {
    margin-bottom: 16px; }
  .b-social-blockquote .blockquote-comments .action-item {
    display: inline;
    font-size: 0.7778rem;
    line-height: 0.7778rem; }
    .b-social-blockquote .blockquote-comments .action-item:not(:last-child):after {
      display: inline-block;
      margin: 0 2px;
      font-weight: 700;
      color: #5C6166;
      content: "|"; }
    .b-social-blockquote .blockquote-comments .action-item .social-link {
      border-bottom: 1px solid transparent;
      font-weight: 700;
      color: #5C6166; }
      .b-social-blockquote .blockquote-comments .action-item .social-link:hover, .b-social-blockquote .blockquote-comments .action-item .social-link:focus {
        border-bottom: 1px solid #000;
        color: #34393F; }

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

.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: #fff; }
  .b-social-media-quote .two-click-wrap .data-head {
    margin-bottom: 8px; }
  .b-social-media-quote .two-click-wrap .agree-btn {
    display: block;
    margin: 0 auto; }

.b-social-media-quote .fb-wrap {
  overflow: hidden;
  position: relative; }
  @media (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-wrap .box {
      width: 100%;
      padding: 24px 16px 48px; }
    .b-stage .stage-wrap .stage-image {
      position: relative;
      z-index: -1;
      height: 150px;
      background-position: center right;
      background-size: cover;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      .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: 50%; }
    .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: 24px 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: 24px 16px 16px; }
    .b-stage .stage-wrap .teaser-label {
      top: -16px;
      left: 16px;
      width: auto;
      max-width: 304px;
      padding: 0 8px; }
      .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, .b-stage .stage-wrap .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-stage .stage-wrap .video-description, .b-stage .stage-wrap .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-stage .stage-wrap .item-description, .b-stage .stage-wrap .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-stage .stage-wrap .video-description, .b-stage .stage-wrap .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-stage .stage-wrap .item-description {
      display: none; }
    .b-stage .stage-wrap .b-plus-button {
      top: -50px;
      right: 0;
      bottom: initial; } }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1023px) {
    .b-stage.x-slider .scroll-arrow {
      display: none; } }
  @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: 276px; } }
  @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-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 80px; }
          .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, .b-stage .stage-wrap.m-large .box .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-stage .stage-wrap.m-large .box .video-description, .b-stage .stage-wrap.m-large .box .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-stage .stage-wrap.m-large .box .item-description, .b-stage .stage-wrap.m-large .box .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-stage .stage-wrap.m-large .box .video-description, .b-stage .stage-wrap.m-large .box .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-stage .stage-wrap.m-large .box .item-description {
            font-size: 1rem;
            line-height: 1.4444rem; }
        .b-stage .stage-wrap.m-large .teaser-foot {
          position: absolute;
          bottom: 40px; }
          .b-stage .stage-wrap.m-large .teaser-foot .teaser-info {
            font-size: 0.8889rem;
            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: transparent; }
        .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 {
          top: -24px;
          left: 24px;
          height: 32px;
          padding: 0 12px 0 0;
          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, .b-stage .stage-wrap .box .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-stage .stage-wrap .box .video-description, .b-stage .stage-wrap .box .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-stage .stage-wrap .box .item-description, .b-stage .stage-wrap .box .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-stage .stage-wrap .box .video-description, .b-stage .stage-wrap .box .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-stage .stage-wrap .box .item-description {
          font-size: 1rem;
          line-height: 1.4444rem; }
    .b-stage .login-btn {
      float: right; } }
  @media (min-width: 1024px) {
    .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: 346px; } }
  .b-stage.x-slider {
    content: '{"easing": "cubic-bezier(0.5, 0, 0.5, 1)","duration":700}' !important;
    overflow: hidden;
    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 {
      overflow: hidden;
      position: relative;
      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-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: #fff; }
    .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, .b-stage .stage-wrap .b-dialog.x-dialog-epg .overlay-category, .b-dialog.x-dialog-epg .b-stage .stage-wrap .overlay-category, .b-stage .stage-wrap .b-epg-timeline .overlay-link-category, .b-epg-timeline .b-stage .stage-wrap .overlay-link-category, .b-stage .stage-wrap .b-newsticker-cell .cat, .b-newsticker-cell .b-stage .stage-wrap .cat {
      margin: 0 0 8px; }
    .b-stage .stage-wrap .b-dialog.x-dialog-epg .overlay-title .teaser-title-link, .b-dialog.x-dialog-epg .b-stage .stage-wrap .overlay-title .teaser-title-link, .b-stage .stage-wrap .teaser-title .teaser-title-link {
      color: #fff; }
      .b-stage .stage-wrap .b-dialog.x-dialog-epg .overlay-title .teaser-title-link.m-keyboardfocus, .b-dialog.x-dialog-epg .b-stage .stage-wrap .overlay-title .teaser-title-link.m-keyboardfocus, .b-stage .stage-wrap .teaser-title .teaser-title-link.m-keyboardfocus {
        outline: 2px solid #FFFF00; }
    .b-stage .stage-wrap .b-dialog.x-dialog-epg .overlay-title .teaser-title-no-link, .b-dialog.x-dialog-epg .b-stage .stage-wrap .overlay-title .teaser-title-no-link, .b-stage .stage-wrap .teaser-title .teaser-title-no-link {
      text-decoration: none;
      color: #fff; }
    .b-stage .stage-wrap .teaser-text, .b-stage .stage-wrap .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-stage .stage-wrap .video-description, .b-stage .stage-wrap .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-stage .stage-wrap .item-description, .b-stage .stage-wrap .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-stage .stage-wrap .video-description, .b-stage .stage-wrap .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-stage .stage-wrap .item-description {
      margin: 0;
      color: #fff; }
      .b-stage .stage-wrap .teaser-text .more-link, .b-stage .stage-wrap .b-content-module .item-caption .video-description .more-link, .b-content-module .item-caption .b-stage .stage-wrap .video-description .more-link, .b-stage .stage-wrap .b-gallery-module .item-caption .item-description .more-link, .b-gallery-module .item-caption .b-stage .stage-wrap .item-description .more-link, .b-stage .stage-wrap .b-gallery-module .item-caption .video-description .more-link, .b-gallery-module .item-caption .b-stage .stage-wrap .video-description .more-link, .b-stage .stage-wrap .b-video-module .item-caption .item-description .more-link, .b-video-module .item-caption .b-stage .stage-wrap .item-description .more-link {
        color: #fff; }
    .b-stage .stage-wrap .teaser-foot {
      color: #fff; }
    .b-stage .stage-wrap .b-plus-button {
      right: 12px;
      pointer-events: all; }
    .b-stage .stage-wrap .stage-play-btn {
      opacity: .8;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 2;
      width: 80px;
      height: 80px;
      margin: -40px 0 0 -40px;
      font-size: 80px;
      line-height: 80px;
      color: #fff;
      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 .contrast:before {
        position: absolute;
        top: 24px;
        left: 32px;
        z-index: 1;
        display: block;
        width: 24px;
        height: 32px;
        background-size: contain;
        content: ""; }
      .b-stage .stage-wrap .stage-play-btn .contrast:after {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 1;
        display: block;
        width: 70px;
        height: 70px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
        border-radius: 50%;
        content: ""; }

.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: #fff;
  background-color: transparent;
  cursor: pointer; }

.stage-video-wrapper {
  height: 100%; }
  .stage-video-wrapper .ratiofitarea-container {
    position: relative; }

.b-ratiofit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .b-ratiofit-area .ratiofitarea-container {
    width: 100%;
    height: auto;
    max-width: 500px;
    margin: auto;
    -webkit-animation: rb-fx-zoomInSmall 400ms;
            animation: rb-fx-zoomInSmall 400ms; }

@media (max-width: 640px) {
  .js-stageitemscroller-pagination-btn {
    padding: 11px 8px; }
    .js-stageitemscroller-pagination-btn.m-selected:before {
      background-color: #FA7D19; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .js-stageitemscroller-pagination-btn {
    padding: 5px 8px; }
    .js-stageitemscroller-pagination-btn.m-selected:before {
      background-color: #000; } }

.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-btn {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 16px;
  margin: 0;
  background: none;
  cursor: pointer; }
  .js-stageitemscroller-pagination-btn:before {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    content: ""; }

@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: #fff 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: #fff; }
  .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: #fff; }
    .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(../img/logos/filter/zdf-grey.svg) center no-repeat; }
  .b-station-filter .station-filter-btn.info:after {
    background: url(../img/logos/filter/info-grey.svg) center no-repeat; }
  .b-station-filter .station-filter-btn.neo:after {
    background: url(../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.m-small .second-nav-column {
      min-width: 564px; }
    .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 #fff;
      color: #fff; }
  .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: #fff;
    -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 #fff;
      color: #fff; }
    .b-subnavigation .second-nav-link:focus, .b-subnavigation .second-nav-link:active {
      border-bottom: none; }
    .b-subnavigation .second-nav-link.m-keyboardfocus .link-label {
      outline: 2px solid #FFFF00;
      outline-offset: 2px; }
  .b-subnavigation .login-wrap {
    display: inline-block; }
  .b-subnavigation .login-btn {
    float: right;
    display: block;
    height: 50px;
    padding: 0 4px;
    font-family: "Helvetica-Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 50px;
    color: #fff;
    -webkit-transition: border 0.2s ease-in-out 0s;
    transition: border 0.2s ease-in-out 0s; }
    .b-subnavigation .login-btn:hover {
      outline: none;
      border-bottom: 4px solid #fff;
      color: #fff; }
    .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 (max-width: 640px) {
  .sticky-subnavigation {
    z-index: 90;
    content: "{\"topOffset\":50,\"container\": \".sb-page\",\"scrollContainer\": \".m-offcanvas-viewport\"}" !important; } }

@media (max-width: 640px) {
  .sticky-subnavigation.m-fixed {
    border-top: 1px solid #96999C; } }

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

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

.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: #fff; }
    .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: #fff; }
      .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: #fff;
    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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .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: #fff; }
  .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: #fff;
        -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 #fff;
          color: #fff; }
        .b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]).m-disabled {
          color: #96999C; }
          .b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]).m-disabled:hover, .b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]).m-disabled:focus, .b-time-bar .pagination .pagination-item .time-bar-link:not([tabindex="-1"]).m-disabled.m-current {
            border-bottom: none;
            color: #96999C;
            cursor: default; }
        .b-time-bar .pagination .pagination-item .time-bar-link[tabindex="-1"] {
          opacity: .8;
          cursor: default; }
        .b-time-bar .pagination .pagination-item .time-bar-link.m-keyboardfocus .link-label {
          outline: 2px solid #FFFF00;
          outline-offset: 2px; }
      .b-time-bar .pagination .pagination-item.m-current .time-bar-link {
        border-bottom: 4px solid #fff;
        color: #fff; }
  .b-time-bar .arrow-left {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    text-align: left; }
  .b-time-bar .icon-arrow_left {
    position: relative;
    height: 40px;
    padding: 0;
    font-size: 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: #fff; }
  .b-time-bar .arrow-right {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: right; }
  .b-time-bar .icon-arrow_right {
    position: relative;
    height: 40px;
    padding: 0 0 0 64px;
    font-size: 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: #fff; }

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

@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: 24px 16px; }
    .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 {
    padding: 16px; }
  .b-video-module .teaser-foot {
    padding-right: 64px;
    white-space: nowrap; }
  .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: 32px; } }

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
  .b-video-module .inner {
    display: table; }
    .b-video-module .inner .item-title {
      margin-bottom: 16px; }
    .b-video-module .inner .details {
      float: none;
      display: table-cell;
      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 {
      float: none;
      display: table-cell;
      width: 33.33334%;
      padding: 24px 24px 24px 16px;
      vertical-align: top; }
      .b-video-module .inner .more-details .desc-text:last-of-type {
        padding-right: 48px; } }

@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: 48px; } }

.b-video-module .content-item {
  position: relative;
  width: 100%;
  margin: 0;
  background: #fff; }
  .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;
    padding: 0; }
  .b-video-module .item-caption .item-description:before {
    display: none; }
  .b-video-module .item-caption .item-description .more-link {
    color: #fff; }

.b-video-module .teaser-label {
  top: 0; }

.b-video-module .teaser-title, .b-video-module .b-dialog.x-dialog-epg .overlay-title, .b-dialog.x-dialog-epg .b-video-module .overlay-title, .b-video-module .b-stage .stage-wrap .teaser-title, .b-stage .stage-wrap .b-video-module .teaser-title {
  display: inline-block;
  max-width: 100%; }

.b-video-module .more-details {
  background-color: #D4D5D5; }
  .b-video-module .more-details .showlink-wrap {
    margin-bottom: 16px;
    font-size: 0.8889rem;
    font-weight: 700;
    line-height: 0.8889rem;
    color: #34393F; }
  .b-video-module .more-details .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-video-module .more-details .showlink:hover, .b-video-module .more-details .showlink:focus {
      border-bottom: 1px solid #000; }
  .b-video-module .more-details .desc-text {
    margin-bottom: 16px;
    font-size: 0.8889rem;
    line-height: 1.2222rem; }
  .b-video-module .more-details .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 .more-details .download-btn:hover, .b-video-module .more-details .download-btn:focus {
      color: #000; }
    .b-video-module .more-details .download-btn:not(.m-keyboardfocus) {
      outline: none; }
    .b-video-module .more-details .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; }

.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%;
  object-fit: cover; }

.b-playerbox {
  /* Landscape Phones */ }
  @media (max-width: 640px) {
    .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 (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) {
    .b-playerbox {
      content: '{"pipEnabled":true}' !important; }
      .b-playerbox::before {
        content: '{"pipEnabled":true}' !important;
        font-family: '{"pipEnabled":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; } }
  .b-playerbox .b-zdfplayer,
  .b-playerbox .b-zdfplayer .b-zdfplayer-start-screen {
    background-color: transparent; }