@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-401_plus:before {
  content: "\e910";
  /* old thick variant \e91d */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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) {
    .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; } }
  @media (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, .accordion .accordion-panel .panel-link:focus:not(.m-keyboardfocus) {
        outline: none; }
        .accordion .accordion-panel .panel-link:hover:before, .accordion .accordion-panel .panel-link:focus:not(.m-keyboardfocus):before {
          padding-top: 8px;
          padding-bottom: 0; }
        .accordion .accordion-panel .panel-link:hover .shorter, .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[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; }

@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) {
  .arrowhover {
    display: inline-block;
    height: 19px; }
    .arrowhover:before {
      float: left;
      font-size: 28px;
      line-height: 26px; } }

@media (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 {
  padding-left: 5px; }

.button {
  font-family: "Swiss_721", Arial, sans-serif;
  font-size: 0.7778rem;
  font-weight: 700;
  color: #fff;
  background-color: #000;
  -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: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;
    background-color: #fff;
    content: ""; }

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

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

.checkbox-wrap .checkbox-input:checked + label:after {
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 2;
  width: 16px;
  font-family: "zdf-iconfont" !important;
  font-size: 0.7778rem;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 16px;
  text-align: center;
  text-transform: none;
  color: #5C6166;
  content: "\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; }

.big-headline, .b-cluster .cluster-title-row .cluster-title, .b-content-teaser-list .title, .b-search-list .title {
  font-family: "Swiss_721", 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; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .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; } }
  @media (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; } }

.medium-headline {
  margin: 8px 0 16px;
  font-family: "Swiss_721", 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) {
    .medium-headline {
      font-size: 1.6667rem;
      line-height: 1.7778rem; } }
  @media (min-width: 1024px) {
    .medium-headline {
      font-size: 1.6667rem;
      line-height: 1.7778rem; } }

.small-headline {
  font-family: "Swiss_721", 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.1111rem; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .small-headline {
      margin: 0 0 16px;
      font-size: 1.4444rem;
      line-height: 1.4444rem; } }
  @media (min-width: 1024px) {
    .small-headline {
      margin: 0 0 16px;
      font-size: 1.4444rem;
      line-height: 1.4444rem; } }

.tiny-headline {
  margin: 0 0 10px;
  font-family: "Swiss_721", 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) {
    .scroll-pagination {
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  @media (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; }

.select-wrap .select2-container--default {
  width: 40px; }
  .select-wrap .select2-container--default .select2-selection--single {
    position: relative;
    height: 32px;
    outline: none;
    border: none;
    border-radius: 0;
    padding: 0 33px 0 0;
    background: none; }
    .select-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
      display: inline-block;
      width: 100%;
      padding: 0 16px;
      font-size: 16px;
      line-height: 32px;
      color: #34393F;
      background: #fff; }
    .select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
      position: absolute;
      top: 0;
      right: 0;
      width: 32px;
      height: 32px;
      font-size: 26px;
      line-height: 36px;
      text-align: center;
      background: #fff; }
      .select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow:after {
        font-family: "zdf-iconfont";
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        content: "\e60a";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      .select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none; }
  .select-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    font-family: "zdf-iconfont";
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\e60b";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.select2-dropdown {
  border: none;
  border-radius: 0; }

.select2-container--default .select2-results__option {
  border-top: 1px solid #e8e8e8;
  padding: 0 32px 0 16px;
  font-size: 16px;
  line-height: 32px; }

.select2-container--default .select2-results__option[aria-selected=true] {
  display: none; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #34393F;
  background: #D4D5D5; }

@media (max-width: 640px) {
  .teaser-label {
    top: initial;
    bottom: 0;
    left: -107px;
    width: 107px;
    padding: 0 8px; }
    .teaser-label .icon {
      display: none; }
  .teaser-title, .b-dialog.x-dialog-epg .overlay-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; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .teaser-label {
    top: -16px;
    left: 24px;
    padding: 0 6px 0 0; }
  .teaser-title, .b-dialog.x-dialog-epg .overlay-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;
    bottom: 16px;
    left: 24px;
    font-size: 0.7778rem; } }

@media (min-width: 1024px) {
  .teaser-label {
    top: -16px;
    left: 24px;
    padding: 0 6px 0 0; }
  .teaser-title, .b-dialog.x-dialog-epg .overlay-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;
    bottom: 16px;
    left: 24px;
    font-size: 0.7778rem; } }

.teaser-label {
  position: absolute;
  z-index: 3;
  display: inline-block;
  height: 26px;
  font-family: "Swiss_721", Arial, sans-serif;
  font-size: 0.8889rem;
  line-height: 26px;
  color: #fff;
  background-color: #000; }
  .teaser-label.x-dark {
    font-size: 0.7778rem;
    background-color: rgba(37, 41, 46, 0.8); }
  .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-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 .newsticker-slider .cat {
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 0 8px 0;
  font-family: Arial, sans-serif;
  font-size: 0.7778rem;
  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 .newsticker-slider .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 .newsticker-slider .m-light.cat {
    color: #FFFF00; }

.teaser-title, .b-dialog.x-dialog-epg .overlay-title, .b-stage .stage-wrap .teaser-title,
.teaser-title-link {
  position: relative;
  z-index: 1;
  display: block;
  font-family: "Swiss_721", Arial, sans-serif;
  font-weight: 700;
  color: #34393F;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out; }
  .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: "Swiss_721", 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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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: "Swiss_721", 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: "Swiss_721", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  background: #000; }

.teaser-tag-grey {
  margin: 0 4px 0 0;
  padding: 2px 4px;
  font-family: Arial, sans-serif;
  font-size: 0.7778rem;
  font-weight: 700;
  line-height: 0.7778rem;
  color: #5c6166;
  background: #D4D5D5; }

.air-info {
  display: block;
  margin: 16px 0 0 0;
  font-size: 0.7778rem;
  line-height: 0.7778rem;
  color: #34393F; }

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

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * 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 {
  box-sizing: border-box;
  min-width: 320px;
  font-size: 1.125rem !important;
  line-height: 1.3333333333rem; }

html,
body {
  overflow-x: hidden; }

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

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

body {
  min-width: 320px;
  margin: 0;
  font-family: "Swiss_721", 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; } }
  @media (max-width: 640px) {
    body {
      overflow-x: hidden;
      overflow-y: scroll; }
      body .main {
        padding-top: 50px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    body {
      overflow-x: hidden;
      overflow-y: scroll; }
      body .main {
        padding-top: 50px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    body {
      font-size: 1rem;
      line-height: 1.3333rem; } }
  @media (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.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; }

.iframe-wrap {
  overflow: hidden;
  width: 100%; }

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) {
  p {
    margin-bottom: 32px;
    line-height: 1.4444rem; } }

@media (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: 10px 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) {
    .input {
      font-size: 1rem;
      line-height: 1.2222rem; } }
  @media (min-width: 1024px) {
    .input {
      font-size: 1rem;
      line-height: 1.2222rem; } }
  .input:focus {
    outline: 2px solid #000; }
  .input.error {
    position: relative;
    outline: 2px solid #f11010;
    background-image: url("../img/bgs/error.png");
    background-position: center right;
    background-size: 22px 12px;
    background-repeat: no-repeat; }
    .input.error:hover, .input.error:focus {
      outline: 2px solid #f11010; }
  .input::-webkit-input-placeholder {
    color: #96999C; }
  .input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #96999C; }
  .input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    color: #96999C; }
  .input:-ms-input-placeholder {
    color: #96999C; }

input,
textarea,
blockquote {
  font-family: "Swiss_721", 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; }

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

.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;
  padding: 0;
  font-family: "Swiss_721", Arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  background-color: transparent; }

.label {
  display: inline-block; }

.artdirect source {
  visibility: hidden; }

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

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

@media (min-width: 1024px) {
  html::after {
    content: "desktop";
    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":{"desktop": "(min-width:1024px)","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":{"desktop": "(min-width:1024px)","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":{"desktop": "(min-width:1024px)","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) {
  .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-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:last-child:not(:first-child) {
    float: right; }
  .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; }

@media (max-width: 640px) {
  .b-map .map-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100vw;
    height: 100vh;
    padding: 16px;
    background-color: #fff; }
  .b-map .map-teaser {
    width: 100%; }
  .b-map .box {
    padding: 16px 0; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-map .map-teaser {
    width: 400px; }
    .b-map .map-teaser.m-small {
      width: 200px; }
  .b-map .box {
    padding: 16px; } }

@media (min-width: 1024px) {
  .b-map .map-teaser {
    width: 400px; }
    .b-map .map-teaser.m-small {
      width: 200px; }
  .b-map .box {
    padding: 16px; } }

.b-map .map {
  width: 100%;
  height: 900px; }

.b-map .map-teaser {
  top: 50%;
  height: auto;
  border: none;
  background-color: #fff; }
  .b-map .map-teaser .dialog-close {
    float: right;
    padding: 16px;
    color: #5C6166; }
  .b-map .map-teaser .teaser-img {
    width: 100%;
    height: auto; }
  .b-map .map-teaser .teaser-text, .b-map .map-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-map .map-teaser .video-description, .b-map .map-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-map .map-teaser .item-description, .b-map .map-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-map .map-teaser .video-description, .b-map .map-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-map .map-teaser .item-description {
    margin-bottom: 16px; }
  .b-map .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 .map-teaser .link:hover, .b-map .map-teaser .link:focus {
      color: #000; }

.b-map .MicrosoftMap > div:last-child {
  overflow: visible !important; }

.b-map .NavBar_Container {
  z-index: 9; }

@media (max-width: 640px) {
  .b-map2 .map-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100vw;
    height: 100vh;
    padding: 16px;
    background-color: #fff; }
  .b-map2 .map-teaser {
    width: 100%; }
  .b-map2 .box {
    padding: 16px 0; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-map2 .map-teaser {
    width: 400px; }
    .b-map2 .map-teaser.m-small {
      width: 200px; }
  .b-map2 .box {
    padding: 16px; } }

@media (min-width: 1024px) {
  .b-map2 .map-teaser {
    width: 400px; }
    .b-map2 .map-teaser.m-small {
      width: 200px; }
  .b-map2 .box {
    padding: 16px; } }

.b-map2 .map {
  width: 100%;
  height: 900px; }

.b-map2 .map-teaser {
  top: 50%;
  height: auto;
  border: none;
  background-color: #fff; }
  .b-map2 .map-teaser .dialog-close {
    float: right;
    padding: 16px;
    color: #5C6166; }
  .b-map2 .map-teaser .teaser-img {
    width: 100%;
    height: auto; }
  .b-map2 .map-teaser .teaser-text, .b-map2 .map-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-map2 .map-teaser .video-description, .b-map2 .map-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-map2 .map-teaser .item-description, .b-map2 .map-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-map2 .map-teaser .video-description, .b-map2 .map-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-map2 .map-teaser .item-description {
    margin-bottom: 16px; }
  .b-map2 .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-map2 .map-teaser .link:hover, .b-map2 .map-teaser .link:focus {
      color: #000; }

.b-map2 .MicrosoftMap > div:last-child {
  overflow: visible !important; }

.b-map2 .NavBar_Container {
  z-index: 9; }

@media (max-width: 640px) {
  .b-map3 .map-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100vw;
    height: 100vh;
    padding: 16px;
    background-color: #fff; }
  .b-map3 .map-teaser {
    width: 100%; }
  .b-map3 .box {
    padding: 16px 0; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-map3 .map-teaser {
    width: 400px; }
    .b-map3 .map-teaser.m-small {
      width: 200px; }
  .b-map3 .box {
    padding: 16px; } }

@media (min-width: 1024px) {
  .b-map3 .map-teaser {
    width: 400px; }
    .b-map3 .map-teaser.m-small {
      width: 200px; }
  .b-map3 .box {
    padding: 16px; } }

.b-map3 .map {
  width: 100%;
  height: 900px; }

.b-map3 .map-teaser {
  top: 50%;
  height: auto;
  border: none;
  background-color: #fff; }
  .b-map3 .map-teaser .dialog-close {
    float: right;
    padding: 16px;
    color: #5C6166; }
  .b-map3 .map-teaser .teaser-img {
    width: 100%;
    height: auto; }
  .b-map3 .map-teaser .teaser-text, .b-map3 .map-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-map3 .map-teaser .video-description, .b-map3 .map-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-map3 .map-teaser .item-description, .b-map3 .map-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-map3 .map-teaser .video-description, .b-map3 .map-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-map3 .map-teaser .item-description {
    margin-bottom: 16px; }
  .b-map3 .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-map3 .map-teaser .link:hover, .b-map3 .map-teaser .link:focus {
      color: #000; }

.b-map3 .MicrosoftMap > div:last-child {
  overflow: visible !important; }

.b-map3 .NavBar_Container {
  z-index: 9; }

@media (max-width: 640px) {
  .b-map4 .map-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100vw;
    height: 100vh;
    padding: 16px;
    background-color: #fff; }
  .b-map4 .map-teaser {
    width: 100%; }
  .b-map4 .box {
    padding: 16px 0; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-map4 .map-teaser {
    width: 400px; }
    .b-map4 .map-teaser.m-small {
      width: 200px; }
  .b-map4 .box {
    padding: 16px; } }

@media (min-width: 1024px) {
  .b-map4 .map-teaser {
    width: 400px; }
    .b-map4 .map-teaser.m-small {
      width: 200px; }
  .b-map4 .box {
    padding: 16px; } }

.b-map4 .map {
  width: 100%;
  height: 900px; }

.b-map4 .map-teaser {
  top: 50%;
  height: auto;
  border: none;
  background-color: #fff; }
  .b-map4 .map-teaser .dialog-close {
    float: right;
    padding: 16px;
    color: #5C6166; }
  .b-map4 .map-teaser .teaser-img {
    width: 100%;
    height: auto; }
  .b-map4 .map-teaser .teaser-text, .b-map4 .map-teaser .b-content-module .item-caption .video-description, .b-content-module .item-caption .b-map4 .map-teaser .video-description, .b-map4 .map-teaser .b-gallery-module .item-caption .item-description, .b-gallery-module .item-caption .b-map4 .map-teaser .item-description, .b-map4 .map-teaser .b-gallery-module .item-caption .video-description, .b-gallery-module .item-caption .b-map4 .map-teaser .video-description, .b-map4 .map-teaser .b-video-module .item-caption .item-description, .b-video-module .item-caption .b-map4 .map-teaser .item-description {
    margin-bottom: 16px; }
  .b-map4 .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-map4 .map-teaser .link:hover, .b-map4 .map-teaser .link:focus {
      color: #000; }

.b-map4 .MicrosoftMap > div:last-child {
  overflow: visible !important; }

.b-map4 .NavBar_Container {
  z-index: 9; }

.b-alert {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #000;
  contain: strict; }
  .b-alert .inner {
    overflow: hidden; }
    .b-alert .inner.m-scrollable {
      overflow-x: auto; }
  .b-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: #000;
    background-color: #fff; }
  .b-alert .alert-item {
    content: '{"speed":60}' !important;
    font-size: 0.8889rem;
    line-height: 40px;
    white-space: nowrap;
    color: #fff;
    -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 {
      border-bottom: 1px solid transparent;
      color: #fff;
      -webkit-transition: border 0.4s ease-in-out;
      transition: border 0.4s ease-in-out; }
    .b-alert .alert-item a.link:hover, .b-alert .alert-item a.link:focus {
      border-bottom: 1px solid #fff; }
    .b-alert .alert-item .alert-divide:before {
      position: relative;
      padding: 8px;
      content: "+++"; }

@media (min-width: 641px) and (max-width: 1023px) {
  .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 .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-breadcrumbs {
  padding-top: 32px; }
  @media (max-width: 640px) {
    .b-breadcrumbs {
      padding-right: 16px;
      padding-left: 16px; }
      .b-breadcrumbs .breadcrumb-wrap {
        overflow-x: scroll;
        overflow-y: hidden; }
      .b-breadcrumbs .breadcrumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 20px; }
        .b-breadcrumbs .breadcrumbs .item {
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .b-breadcrumbs .breadcrumbs .item:not(:last-child):after {
            margin: 0 8px 0 5px; } }
  @media (max-width: 640px) {
    .b-breadcrumbs .link {
      white-space: nowrap; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-breadcrumbs .link {
      white-space: nowrap; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-breadcrumbs .breadcrumbs .item:not(:last-child):after {
      margin: 0 3px 0 5px; } }
  @media (min-width: 1024px) {
    .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;
    font-size: 0.7778rem;
    line-height: 0.7778rem;
    text-transform: initial;
    color: #96999C; }
    .b-breadcrumbs .item.current {
      font-weight: 700; }
    .b-breadcrumbs .item:not(:last-child):after {
      position: relative;
      top: -1px;
      font-family: Arial, sans-serif;
      font-weight: 700;
      content: "|"; }
  .b-breadcrumbs .link {
    margin: 0;
    border-bottom: 1px solid transparent;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #5C6166;
    -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;
    font-weight: bold;
    color: #5C6166; }

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

@media (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) {
    .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; } }
  @media (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: 25px;
    padding: 0;
    font-size: 1.4444rem;
    font-weight: 400;
    line-height: 50px;
    color: #34393F;
    background-color: transparent;
    -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out; }
    .b-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"] {
      font-weight: 700; }
    .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;
  top: 168px;
  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 (min-width: 641px) and (max-width: 1023px) {
    .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 .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; } }
  .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:focus, .b-calendarpicker .calendar-cellbox[aria-selected="true"] {
      color: #fff;
      background-color: #000; }
    .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) {
  .b-cluster-info .info-toggle {
    margin-top: 32px; } }

@media (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; }
  .b-cluster-info p a:link {
    color: #34393F;
    -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:hover, .b-cluster-info p a:focus {
    border-bottom: 1px dotted #000;
    color: #000; }
  .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;
  /* NON IFRAME STYLES
    &.x-vote {
        .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;
        }
    } */ }
  @media (max-width: 640px) {
    .b-cluster-teaser {
      width: 100%;
      height: 120px;
      margin: 0 0 1px 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 {
        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 {
          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 .artdirect {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 107px;
        height: 120px; }
        .b-cluster-teaser .artdirect .m-8-9 {
          visibility: visible; }
      .b-cluster-teaser .teaser-label {
        height: 24px;
        font-size: 0.7778rem;
        line-height: 24px; }
        .b-cluster-teaser .teaser-label .icon {
          display: none; }
      .b-cluster-teaser .teaser-title-link {
        font-size: 1rem;
        line-height: 1.2222rem; }
        .b-cluster-teaser .teaser-title-link .title-icon {
          height: 20px;
          font-size: 0.8889rem;
          line-height: 1.4444rem; }
      .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 {
        position: absolute;
        bottom: 8px;
        font-size: 0.7778rem;
        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 .newsticker-slider .m-light.cat, .b-newsticker .newsticker-slider .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:first-child .box.has-label {
        padding-top: 24px; }
      .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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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.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; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-cluster-teaser {
      overflow: hidden;
      background-color: #25292E; }
      .b-cluster-teaser .image-teaser {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: auto; }
      .b-cluster-teaser .box {
        background-color: rgba(37, 41, 46, 0.8); }
      .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 {
        color: #fff; }
      .b-cluster-teaser .teaser-title-link {
        color: #fff; }
      .b-cluster-teaser .play-btn {
        background: transparent url(./../img/teaser/playbtn_light.png) no-repeat scroll 50% 50%; }
      .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 .teaser-length {
        color: #fff; }
      .b-cluster-teaser .bottom-teaser-box {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50%; }
      .b-cluster-teaser .box {
        padding: 24px; }
        .b-cluster-teaser .box .news-logo {
          position: absolute; }
      .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 .news-logo {
        bottom: 24px;
        left: 24px; }
      .b-cluster-teaser.x-vertical {
        width: 320px;
        height: 100%;
        /* + .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-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,
        .b-cluster-teaser.x-vertical .teaser-length {
          color: #34393F; }
        .b-cluster-teaser.x-vertical:nth-child(even):not(.m-even):not(.m-odd) .box, .b-cluster-teaser.x-vertical.m-even .box {
          background-color: #D4D5D5; }
      .b-cluster-teaser.x-large {
        width: 640px;
        height: 100%;
        background-color: #25292E; }
        .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-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 .play-btn {
          background: transparent url(./../img/teaser/playbtn_light.png) no-repeat scroll 50% 50%; }
        .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-length {
          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-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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .b-cluster-teaser.x-blockquote .cat {
        position: absolute;
        top: 0;
        left: 0; }
      .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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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-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; } }
  @media (min-width: 1024px) {
    .b-cluster-teaser {
      overflow: hidden;
      background-color: #25292E; }
      .b-cluster-teaser .image-teaser {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: auto; }
      .b-cluster-teaser .box {
        background-color: rgba(37, 41, 46, 0.8); }
      .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 {
        color: #fff; }
      .b-cluster-teaser .teaser-title-link {
        color: #fff; }
      .b-cluster-teaser .play-btn {
        background: transparent url(./../img/teaser/playbtn_light.png) no-repeat scroll 50% 50%; }
      .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 .teaser-length {
        color: #fff; }
      .b-cluster-teaser .bottom-teaser-box {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50%; }
      .b-cluster-teaser .box {
        padding: 24px; }
        .b-cluster-teaser .box .news-logo {
          position: absolute; }
      .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 .news-logo {
        bottom: 24px;
        left: 24px; }
      .b-cluster-teaser.x-vertical {
        width: 320px;
        height: 100%;
        /* + .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-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,
        .b-cluster-teaser.x-vertical .teaser-length {
          color: #34393F; }
        .b-cluster-teaser.x-vertical:nth-child(even):not(.m-even):not(.m-odd) .box, .b-cluster-teaser.x-vertical.m-even .box {
          background-color: #D4D5D5; }
      .b-cluster-teaser.x-large {
        width: 640px;
        height: 100%;
        background-color: #25292E; }
        .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-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 .play-btn {
          background: transparent url(./../img/teaser/playbtn_light.png) no-repeat scroll 50% 50%; }
        .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-length {
          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-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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .b-cluster-teaser.x-blockquote .cat {
        position: absolute;
        top: 0;
        left: 0; }
      .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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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-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; } }
  @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 .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 .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 {
    font-size: 0.7778rem; }
  .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-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-blockquote .box-table-wrap {
      display: table;
      height: 100%; }
    .b-cluster-teaser.x-blockquote .box-table-inner {
      display: table-cell;
      vertical-align: middle; }
  .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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .b-cluster-teaser.x-news .cat {
    margin-bottom: 16px; }
  .b-cluster-teaser.x-news .teaser-title-link {
    display: block;
    font-family: "Swiss_721", 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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .b-cluster-teaser.x-score .cat {
      text-align: left; }
  .b-cluster-teaser.x-social .box {
    background-color: #D4D5D5; }
  .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-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: "Swiss_721", 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: #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%); }
    .b-cluster-teaser.m-placeholder .loader:before {
      background: #fff; }
    .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 {
  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) {
    .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 {
      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-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 {
    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: "Swiss_721", 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) {
    .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; } }
  @media (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-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 .comments-header {
        overflow: hidden; }
        .b-comments .comments-header .comments-number {
          font-size: 0.8889rem; }
      .b-comments .comment-form {
        margin-bottom: 24px; }
      .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) {
    .b-comments {
      margin-top: 64px;
      padding: 32px 0; }
      .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; } }
  @media (min-width: 1024px) {
    .b-comments {
      margin-top: 64px;
      padding: 32px 0; }
      .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 .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;
    font-size: 1rem;
    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;
      text-decoration: none;
      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-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 {
    margin: 0 0 8px 0;
    font-weight: 700; }
  .b-comments .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;
    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 {
    display: none;
    width: 30px;
    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 .gallery-slider-box .item-caption .item-title {
    font-size: 1.2222rem; }
  .b-content-module .details .teaser-label {
    width: auto; }
  .b-content-module .item-caption .inner {
    padding: 24px 16px; }
  .b-content-module .item-caption .vid-content {
    white-space: nowrap; }
  .b-content-module .item-caption .item-description {
    display: none; }
  .b-content-module .item-caption .video-description {
    display: none; }
  .b-content-module .item-caption .gallery-content {
    padding-right: 64px; }
  .b-content-module .teaser-title .icon-206_arrow-right, .b-content-module .b-dialog.x-dialog-epg .overlay-title .icon-206_arrow-right, .b-dialog.x-dialog-epg .b-content-module .overlay-title .icon-206_arrow-right {
    overflow: hidden;
    display: inline-block;
    height: 24px; }
    .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;
      line-height: 34px; }
  .b-content-module .b-plus-button {
    bottom: 12px; } }

@media (max-width: 640px) {
  .b-content-module .gallery-slider-box .slide-prev {
    left: 0; }
  .b-content-module .gallery-slider-box .slide-next {
    right: 0; } }

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

@media (min-width: 641px) and (max-width: 1023px) {
  .b-content-module.x-notitle {
    margin-top: 64px; }
  .b-content-module .item-caption .inner {
    padding: 24px; }
  .b-content-module .item-caption .gallery-content {
    position: absolute;
    bottom: 24px;
    left: 0;
    display: block;
    width: 100%;
    padding: 0 80px 0 24px; }
  .b-content-module .gallery-slider-box:hover .scroll-arrow.x-prev, .b-content-module .gallery-slider-box.m-focus-within .scroll-arrow.x-prev {
    left: 0; }
    .b-content-module .gallery-slider-box:hover .scroll-arrow.x-prev:disabled, .b-content-module .gallery-slider-box.m-focus-within .scroll-arrow.x-prev:disabled {
      left: -48px; }
  .b-content-module .gallery-slider-box:hover .scroll-arrow.x-next, .b-content-module .gallery-slider-box.m-focus-within .scroll-arrow.x-next {
    right: 0; }
    .b-content-module .gallery-slider-box:hover .scroll-arrow.x-next:disabled, .b-content-module .gallery-slider-box.m-focus-within .scroll-arrow.x-next:disabled {
      right: -48px; }
  .b-content-module .gallery-slider-box .scroll-arrow:focus {
    -webkit-transition: none;
    transition: none; } }

@media (min-width: 1024px) {
  .b-content-module.x-notitle {
    margin-top: 64px; }
  .b-content-module .item-caption .inner {
    padding: 24px; }
  .b-content-module .item-caption .gallery-content {
    position: absolute;
    bottom: 24px;
    left: 0;
    display: block;
    width: 100%;
    padding: 0 80px 0 24px; }
  .b-content-module .gallery-slider-box:hover .scroll-arrow.x-prev, .b-content-module .gallery-slider-box.m-focus-within .scroll-arrow.x-prev {
    left: 0; }
    .b-content-module .gallery-slider-box:hover .scroll-arrow.x-prev:disabled, .b-content-module .gallery-slider-box.m-focus-within .scroll-arrow.x-prev:disabled {
      left: -48px; }
  .b-content-module .gallery-slider-box:hover .scroll-arrow.x-next, .b-content-module .gallery-slider-box.m-focus-within .scroll-arrow.x-next {
    right: 0; }
    .b-content-module .gallery-slider-box:hover .scroll-arrow.x-next:disabled, .b-content-module .gallery-slider-box.m-focus-within .scroll-arrow.x-next:disabled {
      right: -48px; }
  .b-content-module .gallery-slider-box .scroll-arrow:focus {
    -webkit-transition: none;
    transition: 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 .vid-content {
      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 .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.m-label .inner {
    padding-top: 48px; }
  .b-content-module .item-caption.m-label .teaser-label {
    top: 0;
    left: 24px; }
  .b-content-module .item-caption .inner {
    overflow: hidden;
    clear: both;
    margin: 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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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 a, .b-content-module .item-caption .b-dialog.x-dialog-epg .overlay-title a, .b-dialog.x-dialog-epg .b-content-module .item-caption .overlay-title a {
      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: "Swiss_721", Arial, sans-serif; }
  .b-content-module .item-caption .title-link {
    color: #fff; }
    .b-content-module .item-caption .title-link:focus:not(:hover) {
      text-decoration: underline; }
  .b-content-module .item-caption .item-description {
    margin-bottom: calc(48px + 1.2em);
    color: #fff; }
    .b-content-module .item-caption .item-description:before {
      display: none; }
  .b-content-module .item-caption .source-title {
    margin-right: 4px; }
  .b-content-module .item-caption .source-title,
  .b-content-module .item-caption .item-source,
  .b-content-module .item-caption .item-playdate,
  .b-content-module .item-caption .video-duration {
    float: left;
    display: block;
    font-size: 0.7778rem;
    white-space: nowrap;
    color: #fff; }
  .b-content-module .item-caption .item-source,
  .b-content-module .item-caption .video-duration {
    padding: 0 4px 0 0; }
    .b-content-module .item-caption .item-source.m-border:after,
    .b-content-module .item-caption .video-duration.m-border:after {
      margin-right: 4px;
      border-right: 1px solid #fff;
      padding-right: 8px;
      line-height: 1;
      content: ""; }
  .b-content-module .item-caption .item-title {
    display: inline-block;
    color: #fff; }
  .b-content-module .item-caption .video-description {
    color: #fff; }
  .b-content-module .item-caption .vid-content {
    padding-right: 64px;
    font-size: 0.7778rem;
    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-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-show .box {
        padding-top: 40px; }
      .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) .content-link {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 107px;
        height: 120px; }
        .b-content-teaser-item:not(.x-tooltip) .content-link > .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 {
        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: 1rem;
        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-length {
        font-size: 0.7778rem;
        line-height: 1.1111rem; }
      .b-content-teaser-item:not(.x-tooltip) .vid-content {
        bottom: 8px;
        left: 122px; }
      .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) {
    .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; }
      .b-content-teaser-item .content-link {
        position: relative; }
      .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 .vid-content {
        bottom: 16px;
        left: 24px; }
      .b-content-teaser-item .countdown-hint {
        margin: 16px 0 0; } }
  @media (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; }
      .b-content-teaser-item .content-link {
        position: relative; }
      .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 .vid-content {
        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 .content-link {
    display: block; }
  .b-content-teaser-item .preview-image,
  .b-content-teaser-item .preview-img {
    width: 100%; }
  .b-content-teaser-item .vid-content {
    position: absolute;
    margin: 0;
    font-size: 0.7778rem; }
    .b-content-teaser-item .vid-content dd {
      display: inline-block;
      margin: 0;
      padding: 0;
      line-height: 0.8889rem;
      white-space: nowrap; }
      .b-content-teaser-item .vid-content dd.video-duration.m-border:after {
        margin-right: 4px;
        border-right: 1px solid #34393F;
        padding-right: 8px;
        line-height: 1;
        content: ""; }
  .b-content-teaser-item .box {
    position: relative; }
  .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: #fff;
      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: #fff; }

@media (max-width: 640px) {
  .b-content-teaser-list.m-shows {
    padding-top: 24px; }
    .b-content-teaser-list.m-shows .content-link {
      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) {
  .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; } }

@media (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 .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 {
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms; }

.b-content-teaser-list.m-notification:not(.m-ready) .teaserlist-showmore {
  opacity: 0;
  visibility: hidden;
  min-height: 400px; }

.b-content-teaser-list.m-notification .load-more-container .button {
  margin-bottom: 16px; }

.b-data-box {
  background-color: #D4D5D5; }
  @media (max-width: 640px) {
    .b-data-box {
      padding: 16px 16px 24px; }
      .b-data-box .profile-data {
        padding: 10px 0 16px; }
      .b-data-box p {
        margin-bottom: 8px; }
      .b-data-box .changer {
        display: block;
        margin-left: 80px; }
      .b-data-box .profile-data dt {
        width: 80px; }
      .b-data-box .delete-btn {
        margin-left: 32px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-data-box {
      padding: 24px 24px 32px; }
      .b-data-box .change-btn {
        margin: 16px 0 0; }
      .b-data-box p {
        margin-bottom: 16px; }
      .b-data-box .changer {
        float: right;
        line-height: 1.4444rem; }
      .b-data-box .profile-data dt {
        width: 110px; }
      .b-data-box .delete-btn {
        margin-left: 210px; } }
  @media (min-width: 1024px) {
    .b-data-box {
      padding: 24px 24px 32px; }
      .b-data-box .change-btn {
        margin: 16px 0 0; }
      .b-data-box p {
        margin-bottom: 16px; }
      .b-data-box .changer {
        float: right;
        line-height: 1.4444rem; }
      .b-data-box .profile-data dt {
        width: 110px; }
      .b-data-box .delete-btn {
        margin-left: 210px; } }
  .b-data-box:after {
    overflow: hidden;
    display: table;
    clear: both;
    content: ""; }
  .b-data-box .profile-data {
    overflow: hidden;
    line-height: 26px; }
    .b-data-box .profile-data dt {
      float: left;
      margin-top: 8px; }
    .b-data-box .profile-data dd {
      max-width: 380px;
      margin-top: 8px;
      font-size: 16px;
      font-weight: 700; }
      .b-data-box .profile-data dd:after {
        overflow: hidden;
        display: table;
        clear: both;
        content: ""; }
      .b-data-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 .profile-data dd .changer:hover {
          color: #000; }
        .b-data-box .profile-data dd .changer:not(.m-keyboardfocus) {
          outline: none; }
  .b-data-box.m-oauth-login .m-hide-for-oauth-login {
    display: none; }
  .b-data-box .delete-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-data-box .delete-btn:hover {
      color: #000; }
    .b-data-box .delete-btn:not(.m-keyboardfocus) {
      outline: none; }
  .b-data-box a {
    border-bottom: 1px solid #000;
    color: #34393F; }
    .b-data-box a:hover, .b-data-box a:focus {
      border-bottom: 1px dotted #000;
      color: #000; }
    .b-data-box a:visited {
      border-bottom: 1px solid #96999C;
      color: #96999C; }
      .b-data-box a:visited:hover, .b-data-box a:visited:focus {
        border-bottom: 1px dotted #000;
        color: #000; }
  .b-data-box .button {
    margin-bottom: 0; }

.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) {
    .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; } }
  @media (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, .b-day-bar .day-box .calendar-link:focus:not(.m-keyboardfocus) {
        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; }

@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) {
  .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 .changepanelgroup-panel p:not(.pass-text) {
    font-size: 1rem; } }

@media (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 .changepanelgroup-panel p:not(.pass-text) {
    font-size: 1rem; } }

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

@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) {
  .b-dialog.x-dialog-download p {
    font-size: 1rem; }
  .b-dialog.x-dialog-download .download-link {
    font-size: 1rem; } }

@media (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) {
    .b-dialog.x-dialog-epg {
      width: 30%; } }
  @media (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 .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 .gallery-content {
    margin: 0; }
  .b-dialog.x-dialog-gallery .gallery-content dt,
  .b-dialog.x-dialog-gallery .gallery-content dd {
    display: inline;
    font-size: 0.7778rem; }
  .b-dialog.x-dialog-gallery .item-source,
  .b-dialog.x-dialog-gallery .video-duration {
    padding: 0; }
    .b-dialog.x-dialog-gallery .item-source.m-border:after,
    .b-dialog.x-dialog-gallery .video-duration.m-border:after {
      margin-right: 4px;
      border-right: 1px solid #fff;
      padding-right: 8px;
      line-height: 1;
      content: ""; }
  .b-dialog.x-dialog-gallery .item-number {
    font-family: "Swiss_721", 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; }

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

.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) {
    .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; } }
  @media (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 .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 .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; }
    .b-dialog .change-wrap .error-item {
      overflow: hidden;
      display: none;
      margin: 0;
      padding: 0;
      color: #f11010; }
    .b-dialog .change-wrap .error-msg {
      position: relative;
      display: inline-block;
      padding: 0 16px 24px 0;
      font-weight: 700;
      color: #f11010; }
  .changepanelgroup-panel-wrapper {
    position: relative; }
  .changepanelgroup-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 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: block; }
    .changepanelgroup-panel.m-open {
      display: block;
      -webkit-animation-name: tabsfadein;
              animation-name: tabsfadein; }
  .changepanelgroup-panel {
    background-color: #34393F; }
  .b-dialog .form:after {
    display: table;
    clear: both; }
  .b-dialog .text {
    height: 40px;
    margin: 0 0 16px;
    border: none;
    border-radius: 0;
    padding: 10px 16px;
    font-size: 0.8889rem;
    line-height: 1.1111rem;
    color: #34393F;
    -webkit-transition: border-color 400ms;
    transition: border-color 400ms; }
    .b-dialog .text:focus {
      outline: 2px solid #000; }
    .b-dialog .text.error {
      outline: 2px solid #f11010; }
    .b-dialog .text::-webkit-input-placeholder {
      color: #34393F; }
    .b-dialog .text::-moz-placeholder {
      /* Firefox 19+ */
      opacity: 1;
      color: #34393F; }
    .b-dialog .text:-moz-placeholder {
      /* Firefox 18- */
      opacity: 1;
      color: #34393F; }
    .b-dialog .text:-ms-input-placeholder {
      color: #34393F; }
  .b-dialog .changepanelgroup-panel .pass-text {
    margin: -8px 0 16px;
    font-size: 0.8889rem;
    line-height: 1.2222rem; }
  .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; }

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

@media (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) {
    .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; } }
  @media (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 {
    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;
      font-size: 1.2222rem; }
    .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 {
          width: 50px; }
        .b-footer .central-footer .partner-block img.logo.kika {
          width: 40px; }
        .b-footer .central-footer .partner-block img.logo.dreisat {
          width: 38px; }
        .b-footer .central-footer .partner-block img.logo.phoenix {
          width: 33px; }
        .b-footer .central-footer .partner-block img.logo.dradio {
          width: 85px; }
    .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) {
    .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) {
    .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) {
    .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 {
          width: 56px; }
        .b-footer .central-footer .partner-block img.logo.kika {
          width: 45px; }
        .b-footer .central-footer .partner-block img.logo.dreisat {
          width: 42px; }
        .b-footer .central-footer .partner-block img.logo.phoenix {
          width: 37px; }
        .b-footer .central-footer .partner-block img.logo.dradio {
          width: 96px; }
        .b-footer .central-footer .partner-block img.logo.funk {
          width: 60px; }
    .b-footer .bottom-footer .bottom-footer-item {
      margin: 0 32px 0 0; } }
  @media (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 {
          width: 56px; }
        .b-footer .central-footer .partner-block img.logo.kika {
          width: 45px; }
        .b-footer .central-footer .partner-block img.logo.dreisat {
          width: 42px; }
        .b-footer .central-footer .partner-block img.logo.phoenix {
          width: 37px; }
        .b-footer .central-footer .partner-block img.logo.dradio {
          width: 96px; }
        .b-footer .central-footer .partner-block img.logo.funk {
          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: "Swiss_721", 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: "Swiss_721", 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) {
  .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) {
  .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) {
  .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 .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 .vid-content {
    position: absolute;
    bottom: 24px;
    margin: 0; }
  .b-gallery-module .expand-btn:hover {
    opacity: .8; } }

.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 .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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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: "Swiss_721", 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 .gallery-content {
    overflow: hidden;
    position: absolute;
    bottom: 24px;
    width: 100%;
    padding-right: 64px; }
  .b-gallery-module .item-caption .source-title {
    margin-right: 4px; }
  .b-gallery-module .item-caption .source-title,
  .b-gallery-module .item-caption .item-source,
  .b-gallery-module .item-caption .item-playdate,
  .b-gallery-module .item-caption .video-duration {
    float: left;
    display: block;
    font-size: 0.7778rem;
    white-space: nowrap;
    color: #fff; }
  .b-gallery-module .item-caption .item-source,
  .b-gallery-module .item-caption .video-duration {
    padding: 0 4px 0 0; }
    .b-gallery-module .item-caption .item-source.m-border:after,
    .b-gallery-module .item-caption .video-duration.m-border:after {
      margin-right: 4px;
      border-right: 1px solid #fff;
      padding-right: 8px;
      line-height: 1;
      content: ""; }
  .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 .vid-content {
    padding-right: 64px;
    font-size: 0.7778rem;
    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; } }

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

@media (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;
    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: 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: "Swiss_721", 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 {
      width: 100%;
      padding: 0 16px; }
      .b-group-persons .guest-box .guest-info {
        padding: 16px 0; }
        .b-group-persons .guest-box .guest-info:after {
          left: 12.5%; }
      .b-group-persons .guest-box .guest-name {
        margin-bottom: 4px;
        font-size: 0.8889rem;
        line-height: 0.8889rem; }
        .b-group-persons .guest-box .guest-name .name-btn {
          text-align: left; }
      .b-group-persons .guest-box .guest-img-wrap:before {
        width: 89.5%; }
      .b-group-persons .guest-box .guest-img {
        width: 80px; }
      .b-group-persons .guest-box .guest-text {
        padding-left: 88px; }
      .b-group-persons .guest-box .guest-title {
        padding: 0;
        font-size: 0.8889rem;
        line-height: 1.2222rem; }
        .b-group-persons .guest-box .guest-title > p {
          margin: 0;
          padding: 0; }
      .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) {
    .b-group-persons .guest-box .guest-info {
      padding: 16px 12px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-group-persons.x-notitle {
      margin-top: 64px; }
    .b-group-persons .guest-box:only-child {
      width: auto; }
    .b-group-persons .guest-box .guest-info:after {
      left: 17.5%; }
    .b-group-persons .guest-box .guest-img {
      width: 126px; }
    .b-group-persons .guest-box .guest-text {
      padding-left: 146px; }
    .b-group-persons .guest-box .guest-name {
      margin-bottom: 8px;
      font-size: 1rem;
      line-height: 1.4444rem; }
    .b-group-persons .guest-box .guest-title {
      font-size: 0.8889rem;
      line-height: 1.2222rem; }
    .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; } }
  @media (min-width: 1024px) {
    .b-group-persons.x-notitle {
      margin-top: 64px; }
    .b-group-persons .guest-box:only-child {
      width: auto; }
    .b-group-persons .guest-box .guest-info:after {
      left: 17.5%; }
    .b-group-persons .guest-box .guest-img {
      width: 126px; }
    .b-group-persons .guest-box .guest-text {
      padding-left: 146px; }
    .b-group-persons .guest-box .guest-name {
      margin-bottom: 8px;
      font-size: 1rem;
      line-height: 1.4444rem; }
    .b-group-persons .guest-box .guest-title {
      font-size: 0.8889rem;
      line-height: 1.2222rem; }
    .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; } }
  @media (min-width: 1024px) {
    .b-group-persons .guest-box:only-child .guest-img {
      width: 190px; }
    .b-group-persons .guest-box:only-child .guest-text {
      padding: 32px 0 0 212px; }
    .b-group-persons .guest-box:only-child .guest-info:before {
      margin-left: 88px; }
    .b-group-persons .guest-box:first-child:nth-last-child(2) .guest-img,
    .b-group-persons .guest-box:first-child:nth-last-child(2) ~ li .guest-img {
      width: 157px; }
    .b-group-persons .guest-box:first-child:nth-last-child(2) .guest-text,
    .b-group-persons .guest-box:first-child:nth-last-child(2) ~ li .guest-text {
      padding: 24px 0 0 170px; }
    .b-group-persons .guest-box:first-child:nth-last-child(2) .guest-info:before,
    .b-group-persons .guest-box:first-child:nth-last-child(2) ~ li .guest-info:before {
      margin-left: 70px; }
    .b-group-persons .guest-box .guest-info {
      padding: 12px 0; }
      .b-group-persons .guest-box .guest-info:hover .guest-name,
      .b-group-persons .guest-box .guest-info:hover .guest-title, .b-group-persons .guest-box .guest-info.m-focus-within .guest-name,
      .b-group-persons .guest-box .guest-info.m-focus-within .guest-title {
        text-decoration: underline; } }
  .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 {
    padding-bottom: 0;
    list-style: none; }
    .b-group-persons .guest-box .guest-info {
      position: relative;
      z-index: 13;
      margin-bottom: 0;
      /*margin-bottom is used by JS and assumed to 0*/
      text-align: left;
      cursor: pointer; }
      .b-group-persons .guest-box .guest-info:before {
        opacity: 0;
        position: absolute;
        bottom: -8px;
        left: 50%;
        z-index: 14;
        width: 0;
        height: 0;
        margin-left: -8px;
        border-width: 9px 8px 0 8px;
        border-style: solid;
        border-color: #E8E8E8 transparent transparent transparent;
        content: ""; }
      .b-group-persons .guest-box .guest-info:after {
        overflow: hidden;
        display: table;
        clear: both;
        content: ""; }
      .b-group-persons .guest-box .guest-info .x-row {
        margin: 0; }
      .b-group-persons .guest-box .guest-info:hover, .b-group-persons .guest-box .guest-info.m-focus-within {
        outline: 0 none; }
        .b-group-persons .guest-box .guest-info:hover .guest-img, .b-group-persons .guest-box .guest-info.m-focus-within .guest-img {
          -webkit-transform: scale(1.1, 1.1);
                  transform: scale(1.1, 1.1); }
        .b-group-persons .guest-box .guest-info:hover .arrow-down, .b-group-persons .guest-box .guest-info.m-focus-within .arrow-down {
          top: 3px; }
    .b-group-persons .guest-box .guest-img-wrap {
      position: relative;
      float: left; }
    .b-group-persons .guest-box .guest-img {
      border-radius: 50%;
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }
    .b-group-persons .guest-box .guest-name {
      font-weight: 700; }
      .b-group-persons .guest-box .guest-name button {
        font-size: inherit;
        font-weight: inherit; }
        .b-group-persons .guest-box .guest-name button:not(.m-keyboardfocus) {
          outline: none; }
    .b-group-persons .guest-box .guest-title {
      margin-bottom: 16px; }
      .b-group-persons .guest-box .guest-title p {
        margin-bottom: 0; }
    .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 a {
        border-bottom: 1px solid #000;
        color: #fff;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        .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; }
      .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 .guest-list {
    text-align: center; }
  .b-group-persons .x-end p:last-child {
    margin-bottom: 0; }
  .b-group-persons + .b-group-persons,
  .b-group-persons + .b-cluster {
    margin-top: -28px; }
  .b-group-persons .guest-box-no-desc {
    text-decoration: none !important;
    cursor: default !important; }
    .b-group-persons .guest-box-no-desc:hover {
      text-decoration: none !important; }

@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 {
    top: -24px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-group-shorttext + .b-cluster {
    top: -32px; } }

@media (min-width: 1024px) {
  .b-group-shorttext + .b-cluster {
    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;
  color: #34393F;
  -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:hover, .b-group-shorttext p a:focus {
    border-bottom: 1px dotted #000;
    color: #000; }
  .b-group-shorttext p a:visited {
    border-bottom: 1px solid #96999C;
    color: #96999C; }
    .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;
    color: #34393F;
    -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:hover, .b-group-shorttext li a:focus {
      border-bottom: 1px dotted #000;
      color: #000; }
    .b-group-shorttext li a:visited {
      border-bottom: 1px solid #96999C;
      color: #96999C; }
      .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: "Swiss_721", 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) {
    .b-header {
      height: 50px;
      -webkit-transition: -webkit-transform 0.4s ease;
      transition: -webkit-transform 0.4s ease;
      transition: transform 0.4s ease;
      transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
      .b-header.ie-mobile-support {
        -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; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-header {
      height: 50px;
      -webkit-transition: -webkit-transform 0.4s ease;
      transition: -webkit-transform 0.4s ease;
      transition: transform 0.4s ease;
      transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
      .b-header.ie-mobile-support {
        -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; } }
  @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-section {
      padding: 0 0 0 110px; }
    .b-header .top-bar {
      height: 80px; }
      .b-header .top-bar .title-area {
        float: left; }
      .b-header .top-bar .name {
        width: 85px;
        padding: 5px 0; }
      .b-header .top-bar .logo {
        height: 50px;
        margin: 10px 0; }
    .b-header .top-bar-section {
      padding: 10px 0 10px 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 {
          padding: 0 20px 0 26px; }
          .b-header .top-bar-section .menu-item .link:before {
            display: block; }
      .b-header .top-bar-section .right-nav {
        margin-right: -20px; }
        .b-header .top-bar-section .right-nav .menu-item {
          margin: 0 30px; }
          .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.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 .b-selectbox {
    content: '{"appendTo": ".b-header"}' !important; }
    .b-header .b-selectbox::before {
      content: '{"appendTo": ".b-header"}' !important;
      font-family: '{"appendTo": ".b-header"}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; }
  .b-header .top-bar {
    background-color: #34393F;
    -webkit-transition: height 0.4s ease-in 0s;
    transition: height 0.4s ease-in 0s; }
    .b-header .top-bar .title-area {
      margin: 0;
      line-height: 0; }
    .b-header .top-bar .toggle-topbar.menu-icon {
      right: inherit;
      left: 0;
      margin-top: -26px; }
    .b-header .top-bar .name {
      display: inline-block;
      height: auto;
      -webkit-transition: padding 0.4s ease-in-out 0s;
      transition: padding 0.4s ease-in-out 0s; }
    .b-header .top-bar .logo {
      width: auto;
      -webkit-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
  .b-header .top-bar-section {
    -webkit-transition: padding 0.4s ease-in-out 0s;
    transition: padding 0.4s ease-in-out 0s; }
    .b-header .top-bar-section:after {
      display: table;
      clear: both;
      content: ""; }
    .b-header .top-bar-section .left-nav {
      float: left;
      display: inline;
      width: auto;
      height: auto; }
      .b-header .top-bar-section .left-nav .menu-item {
        float: left; }
    .b-header .top-bar-section .menu-item {
      background: none; }
      .b-header .top-bar-section .menu-item .link {
        position: relative;
        top: 0;
        display: block;
        border: 0 none;
        font-family: "Swiss_721", Arial, sans-serif;
        font-size: 0.8889rem;
        font-weight: 400;
        line-height: 3.3333rem;
        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;
          line-height: 58px;
          -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, .b-header .top-bar-section .menu-item .link:focus {
          text-decoration: none;
          color: #fff; }
          .b-header .top-bar-section .menu-item .link:hover:not(.m-keyboardfocus), .b-header .top-bar-section .menu-item .link:focus:not(.m-keyboardfocus) {
            outline: none; }
          .b-header .top-bar-section .menu-item .link:hover:before, .b-header .top-bar-section .menu-item .link:focus:before {
            -webkit-transform: translateX(-5px) scale(1.5);
                    transform: translateX(-5px) scale(1.5); }
        .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-item {
      background: none; }
      .b-header .top-bar-section .dropdown-item.m-active .dropdown-link {
        border-bottom: 1px solid #fff;
        text-decoration: none;
        color: #fff; }
        .b-header .top-bar-section .dropdown-item.m-active .dropdown-link:hover, .b-header .top-bar-section .dropdown-item.m-active .dropdown-link:focus {
          border-bottom: 1px solid #FFFF00;
          text-decoration: none;
          color: #fff; }
    .b-header .top-bar-section .dropdown-link {
      display: inline;
      margin: 0 16px;
      border-bottom: 1px solid transparent;
      padding: 0;
      font-size: 0.8889rem;
      line-height: 38px;
      color: #fff;
      background: none;
      -webkit-transition: border 0.4s ease-in-out;
      transition: border 0.4s ease-in-out; }
      .b-header .top-bar-section .dropdown-link:hover, .b-header .top-bar-section .dropdown-link:focus {
        border-bottom: 1px solid #FFFF00;
        text-decoration: none;
        color: #fff; }
    .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;
  -webkit-transition: top;
  transition: top;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.smartbanner-show .js-offcanvas-panel.m-open + .b-offcanvas-wrap .b-header {
  top: 0;
  -webkit-transition: top;
  transition: top;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

@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-cluster .cluster-title-row .cluster-title {
      margin-top: 24px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-info-bar {
    padding-top: 32px; } }

@media (min-width: 1024px) {
  .b-info-bar {
    padding-top: 32px; } }

.js-scroller {
  overflow: hidden;
  position: relative; }

.js-scroller-viewport {
  overflow: hidden;
  position: relative;
  width: 100%; }

.js-scroller-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.js-scroller-cell {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.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:before {
      position: absolute;
      top: 11px;
      bottom: 9px;
      left: 7px;
      border: 1px solid #96999C;
      content: ""; }
    .b-jumpmarks .anchor-nav .sub-nav .item {
      position: relative;
      margin: 2px 0; }
      .b-jumpmarks .anchor-nav .sub-nav .item:before {
        position: absolute;
        top: 8px;
        display: block;
        width: 16px;
        height: 16px;
        border: 2px solid #96999C;
        border-radius: 8px;
        background-color: #E8E8E8;
        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;
        -webkit-transition: border 0.4s ease-in-out;
        transition: border 0.4s ease-in-out; }
        .b-jumpmarks .anchor-nav .sub-nav .item .link:hover, .b-jumpmarks .anchor-nav .sub-nav .item .link:focus {
          border-bottom: 1px solid #000;
          color: #34393F; }
      .b-jumpmarks .anchor-nav .sub-nav .item.active .link {
        color: #96999C;
        background-color: transparent; }
        .b-jumpmarks .anchor-nav .sub-nav .item.active .link:hover, .b-jumpmarks .anchor-nav .sub-nav .item.active .link:focus {
          border-bottom: 1px solid transparent;
          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 {
          border-bottom: 1px solid transparent;
          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) {
    .b-letter-bar .letter-bar-row {
      overflow-x: scroll;
      overflow-y: hidden; } }
  @media (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) {
    .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; } }
  @media (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) {
    .b-like-module {
      float: right;
      margin-top: 6px;
      text-align: right; } }
  @media (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 .livetv-scroller-content {
      -webkit-transform: translateX(calc(50% - 160px));
              transform: translateX(calc(50% - 160px)); }
    .b-live-tv .live-tv-slider-viewport {
      height: 180px; }
    .b-live-tv .item {
      width: 320px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-live-tv .livetv-scroller-content {
      -webkit-transform: translateX(calc(50% - 280px));
              transform: translateX(calc(50% - 280px)); }
    .b-live-tv .live-tv-slider-viewport {
      height: 315px; }
    .b-live-tv .item {
      width: 560px; } }
  @media (min-width: 1024px) {
    .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 .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 .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;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 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 .live-tv-slider {
    content: '{"usePx":true}' !important;
    position: relative;
    overflow: hidden;
    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-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 {
    background-color: #4285F4; }
  .b-login-fb-button .register-btn {
    margin-bottom: 0;
    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 .login-submit {
    float: none; }
  .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 .toggle-wrap {
    bottom: 0; }
  .b-login p {
    font-size: 0.8889rem; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .preview .b-login .modal-headline {
    margin: 64px 0 16px;
    font-size: 2rem;
    line-height: 2.2222rem; }
  .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 bottom 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 bottom no-repeat;
    background-size: 136px 171px; }
  .b-login .registry-error-modal p:last-child {
    margin-bottom: 0; }
  .b-login .toggle-wrap {
    bottom: 8px; }
  .b-login p {
    font-size: 1rem; } }

@media (min-width: 1024px) {
  .preview .b-login .modal-headline {
    margin: 64px 0 16px;
    font-size: 2rem;
    line-height: 2.2222rem; }
  .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 bottom 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 bottom no-repeat;
    background-size: 136px 171px; }
  .b-login .registry-error-modal p:last-child {
    margin-bottom: 0; }
  .b-login .toggle-wrap {
    bottom: 8px; }
  .b-login p {
    font-size: 1rem; } }

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

.loginpanelgroup-panel {
  background-color: #34393F; }

.b-login .form-wrap {
  position: relative; }

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

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

.b-login .error-item {
  overflow: hidden;
  display: none;
  margin: 0;
  padding: 0;
  color: #f11010; }
  .b-login .error-item.m-show {
    display: block; }

.b-login .error-msg {
  position: relative;
  display: inline-block;
  padding: 0 16px 24px 0;
  font-size: 0.8889rem;
  font-weight: 700;
  line-height: 1.2222rem;
  color: #f11010; }

.b-login .toggle-wrap {
  position: absolute;
  margin: 0;
  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;
  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-submit,
.b-login .password-btn,
.b-login .reg-btn {
  float: right;
  margin: 0; }

.preview .b-login .loginpanelgroup-panel {
  overflow: visible;
  padding: 0;
  background-color: transparent; }

.preview .b-login .modal-headline {
  font-weight: 400;
  color: #34393F;
  font-familiy: "Swiss_721", 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; }

@media (max-width: 640px) {
  .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: 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-newsticker {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #E8E8E8; }
  @media (max-width: 640px) {
    .b-newsticker .big-headline, .b-newsticker .b-cluster .cluster-title-row .cluster-title, .b-cluster .cluster-title-row .b-newsticker .cluster-title, .b-newsticker .b-content-teaser-list .title, .b-content-teaser-list .b-newsticker .title, .b-newsticker .b-search-list .title, .b-search-list .b-newsticker .title {
      padding-right: 112px; }
    .b-newsticker .newsticker-filter-wrap {
      right: 16px;
      bottom: 20px; }
    .b-newsticker .item {
      width: 100%; }
    .b-newsticker .newsticker-content .content-item .x-column {
      padding: 0; }
    .b-newsticker .newsticker-content .content-item .inner {
      padding: 16px 16px 32px; }
    .b-newsticker .newsticker-content .content-item .title {
      margin-bottom: 8px;
      font-size: 0.8889rem;
      line-height: 1.2222rem; }
    .b-newsticker .newsticker-content .content-item .text {
      line-height: 1.2222rem; }
    .b-newsticker .newsticker-content .close-content {
      right: 0;
      padding: 8px 16px 0 8px; }
      .b-newsticker .newsticker-content .close-content:before {
        font-size: 1.4444rem;
        line-height: 1.4444rem; }
    .b-newsticker .news-arrow {
      width: 40px; }
    .b-newsticker .newsticker-slider {
      padding: 0 39px; } }
  @media (max-width: 640px) {
    .b-newsticker .newsticker-filter-button {
      width: 40px;
      height: 40px;
      padding: 0; }
      .b-newsticker .newsticker-filter-button:before {
        font-size: 24px;
        line-height: 40px; }
      .b-newsticker .newsticker-filter-button:hover {
        text-decoration: none; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-newsticker .newsticker-filter-button {
      width: 40px;
      height: 40px;
      padding: 0; }
      .b-newsticker .newsticker-filter-button:before {
        font-size: 24px;
        line-height: 40px; }
      .b-newsticker .newsticker-filter-button:hover {
        text-decoration: none; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-newsticker .newsticker-filter-wrap {
      right: 30px;
      bottom: 20px; }
    .b-newsticker .item {
      width: 33.3333333%; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-newsticker .news-arrow {
      width: 50px; }
    .b-newsticker .newsticker-slider {
      padding: 0 49px; }
    .b-newsticker .newsticker-content .content-item .inner {
      padding: 24px 24px 32px; }
    .b-newsticker .newsticker-content .close-content {
      right: -8px;
      padding: 8px; }
      .b-newsticker .newsticker-content .close-content:before {
        font-size: 1.5556rem;
        line-height: 1.5556rem; } }
  @media (min-width: 1024px) {
    .b-newsticker .news-arrow {
      width: 50px; }
    .b-newsticker .newsticker-slider {
      padding: 0 49px; }
    .b-newsticker .newsticker-content .content-item .inner {
      padding: 24px 24px 32px; }
    .b-newsticker .newsticker-content .close-content {
      right: -8px;
      padding: 8px; }
      .b-newsticker .newsticker-content .close-content:before {
        font-size: 1.5556rem;
        line-height: 1.5556rem; } }
  @media (min-width: 1024px) {
    .b-newsticker .newsticker-filter-wrap {
      top: 64px;
      right: 96px; }
    .b-newsticker .newsticker-filter-button {
      padding: 0 16px 0 32px;
      line-height: 32px; }
      .b-newsticker .newsticker-filter-button:before {
        position: absolute;
        top: 5px;
        left: 7px;
        font-size: 20px;
        line-height: 20px; }
      .b-newsticker .newsticker-filter-button:hover {
        text-decoration: underline; }
    .b-newsticker .item {
      width: 25%; }
    .b-newsticker .newsticker-content .link:hover, .b-newsticker .newsticker-content .link:focus {
      border-bottom: 1px solid #fff;
      color: #fff; } }
  .b-newsticker .title-row {
    position: relative; }
  .b-newsticker .title {
    margin: 0;
    padding: 0;
    font-size: 2rem;
    line-height: 2.2222rem;
    text-align: left; }
  .b-newsticker .newsticker-filter-wrap {
    position: absolute;
    margin: 0;
    list-style: none; }
    .b-newsticker .newsticker-filter-wrap .newsticker-filter-item {
      position: relative;
      z-index: 1;
      float: left;
      display: inline-block;
      margin: 0 0 0 1px; }
      .b-newsticker .newsticker-filter-wrap .newsticker-filter-item .newsticker-filter-button {
        position: relative;
        font-size: 1rem;
        color: #5C6166;
        background-color: #D4D5D5;
        cursor: pointer; }
        .b-newsticker .newsticker-filter-wrap .newsticker-filter-item .newsticker-filter-button:focus:not(.m-keyboardfocus) {
          outline: none;
          text-decoration: underline;
          background-color: #fff; }
        .b-newsticker .newsticker-filter-wrap .newsticker-filter-item .newsticker-filter-button.m-keyboardfocus {
          outline: 2px solid #000;
          outline-offset: -2px;
          text-decoration: underline; }
        .b-newsticker .newsticker-filter-wrap .newsticker-filter-item .newsticker-filter-button.m-active {
          background-color: #fff; }
          .b-newsticker .newsticker-filter-wrap .newsticker-filter-item .newsticker-filter-button.m-active:hover {
            background-color: #fff;
            cursor: initial; }
          .b-newsticker .newsticker-filter-wrap .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 .ticker-row {
    position: relative;
    z-index: 5;
    background-color: #fff; }
  .b-newsticker .newsticker-slider {
    overflow: visible;
    position: relative;
    z-index: 5; }
    .b-newsticker .newsticker-slider .js-scroller-viewport {
      overflow: visible !important; }
    .b-newsticker .newsticker-slider .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 .newsticker-slider .news-arrow:not(.m-keyboardfocus) {
        outline: none; }
      .b-newsticker .newsticker-slider .news-arrow.x-prev {
        left: 0;
        border-right: 2px solid #E8E8E8; }
      .b-newsticker .newsticker-slider .news-arrow.x-next {
        right: 0;
        border-left: 2px solid #E8E8E8; }
      .b-newsticker .newsticker-slider .news-arrow:hover:not([disabled]) {
        color: #5C6166; }
      .b-newsticker .newsticker-slider .news-arrow[disabled] {
        cursor: not-allowed; }
    .b-newsticker .newsticker-slider .cat .time:before {
      display: inline-block;
      margin-right: 3px;
      content: "|"; }
    .b-newsticker .newsticker-slider .title {
      font-size: 1rem;
      font-weight: 700;
      line-height: 26px;
      color: #34393F; }
      .b-newsticker .newsticker-slider .title:not(.m-keyboardfocus) {
        outline: none; }
      .b-newsticker .newsticker-slider .title:disabled {
        text-decoration: underline;
        color: #34393F; }
    .b-newsticker .newsticker-slider .item {
      position: relative;
      display: inline-block;
      min-height: 100%;
      border-right: 1px solid #E8E8E8;
      border-left: 1px solid #E8E8E8;
      background-color: white;
      cursor: pointer; }
      .b-newsticker .newsticker-slider .item.m-hidden {
        display: none; }
      .b-newsticker .newsticker-slider .item:hover .title,
      .b-newsticker .newsticker-slider .item .title:focus {
        text-decoration: underline; }
      .b-newsticker .newsticker-slider .item::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 .newsticker-slider .item.m-selected::after {
        visibility: visible; }
      .b-newsticker .newsticker-slider .item .inner {
        outline: none;
        padding: 16px 16px 24px; }
  .newstabs-panel-wrapper {
    position: relative; }
  .newstabs-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 > .newstabs-panel.m-open,
    .m-fx > .newstabs-panel.m-closing {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: block; }
    .newstabs-panel.m-open {
      display: block;
      -webkit-animation-name: tabsfadein;
              animation-name: tabsfadein; }
  .b-newsticker .newsticker-content {
    z-index: 4;
    display: block;
    width: 100%;
    background-color: #34393F;
    -webkit-transform: translateZ(0px); }
    .b-newsticker .newsticker-content .content-item {
      color: #fff; }
      .b-newsticker .newsticker-content .content-item .x-column {
        position: relative; }
      .b-newsticker .newsticker-content .content-item .m-keyboardfocus {
        outline-color: #FFFF00; }
    .b-newsticker .newsticker-content .inner {
      overflow: hidden; }
      .b-newsticker .newsticker-content .inner:not(.m-keyboardfocus) {
        outline: none; }
    .b-newsticker .newsticker-content .content {
      margin: 0; }
    .b-newsticker .newsticker-content .title {
      display: block;
      margin-bottom: 16px;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.4444rem;
      color: #fff; }
    .b-newsticker .newsticker-content .text {
      display: block; }
    .b-newsticker .newsticker-content img {
      float: left;
      width: 160px;
      height: 90px;
      margin: 5px 16px 5px 0; }
    .b-newsticker .newsticker-content .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 .newsticker-content .link .title-icon {
        float: left;
        display: inline-block;
        margin-right: 4px; }
        .b-newsticker .newsticker-content .link .title-icon:before {
          font-size: 1rem; }
    .b-newsticker .newsticker-content .close-content {
      position: absolute;
      bottom: 12px;
      z-index: 2;
      display: block;
      margin: 0;
      color: #D4D5D5;
      background: none; }
      .b-newsticker .newsticker-content .close-content:hover, .b-newsticker .newsticker-content .close-content:focus:not(.m-keyboardfocus) {
        outline: none;
        color: #fff; }
      .b-newsticker .newsticker-content .close-content.m-keyboardfocus {
        outline-offset: -2px; }

@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) {
  html,
  body {
    overflow: hidden;
    height: 100%; }
  .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: absolute;
    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;
      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:hover, .js-offcanvas-panel .menu-item:focus {
        background-color: rgba(37, 41, 46, 0.8); }
        .js-offcanvas-panel .menu-item:hover .link, .js-offcanvas-panel .menu-item:focus .link {
          color: #fff; }
          .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;
        -webkit-transition: color 0.4s ease-in-out;
        transition: 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 {
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        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.m-open {
          visibility: inherit;
          -webkit-transform: translateX(0);
                  transform: translateX(0); }
        .js-offcanvas-panel .menu-item .dropdown .x-column {
          padding: 0; }
        .js-offcanvas-panel .menu-item .dropdown .nav-back {
          position: relative;
          display: block;
          width: 100%;
          border: none;
          padding: 0 32px;
          font-size: 0.8889rem;
          font-weight: normal;
          line-height: 50px;
          text-align: left;
          color: #fff;
          cursor: pointer;
          -webkit-transition: color 0.4s ease-in-out;
          transition: color 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; }
        .js-offcanvas-panel .menu-item .dropdown .dropdown-item {
          margin-top: -4px;
          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: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 #fff; }
          .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 #FFFF00; }
        .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: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9990;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.2);
    -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; }
  .smartbanner-show .b-offcanvas-wrap {
    padding-bottom: 80px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  html,
  body {
    overflow: hidden;
    height: 100%; }
  .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: absolute;
    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;
      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:hover, .js-offcanvas-panel .menu-item:focus {
        background-color: rgba(37, 41, 46, 0.8); }
        .js-offcanvas-panel .menu-item:hover .link, .js-offcanvas-panel .menu-item:focus .link {
          color: #fff; }
          .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;
        -webkit-transition: color 0.4s ease-in-out;
        transition: 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 {
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        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.m-open {
          visibility: inherit;
          -webkit-transform: translateX(0);
                  transform: translateX(0); }
        .js-offcanvas-panel .menu-item .dropdown .x-column {
          padding: 0; }
        .js-offcanvas-panel .menu-item .dropdown .nav-back {
          position: relative;
          display: block;
          width: 100%;
          border: none;
          padding: 0 32px;
          font-size: 0.8889rem;
          font-weight: normal;
          line-height: 50px;
          text-align: left;
          color: #fff;
          cursor: pointer;
          -webkit-transition: color 0.4s ease-in-out;
          transition: color 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; }
        .js-offcanvas-panel .menu-item .dropdown .dropdown-item {
          margin-top: -4px;
          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: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 #fff; }
          .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 #FFFF00; }
        .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: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9990;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.2);
    -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; }
  .smartbanner-show .b-offcanvas-wrap {
    padding-bottom: 80px; } }

@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) {
  .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: 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) {
  .b-parallax-img {
    height: 380px;
    margin: 16px 0 32px; } }

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

.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; }
  @media (max-width: 640px) {
    .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; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-plus-button {
      width: 50px;
      height: 50px; } }
  @media (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) {
    .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 (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 {
    margin-bottom: 16px;
    padding: 0 16px;
    font-size: 1rem; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-post-author {
    margin-bottom: 32px; } }

@media (min-width: 1024px) {
  .b-post-author {
    margin-bottom: 32px; } }

.b-post-author .author-img {
  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-row:last-child .x-column:last-of-type p:last-child,
    .b-post-content .x-row:last-child .x-column:last-of-type .b-content-teaser-item {
      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-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 {
      margin-top: 0; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-post-content .x-row:last-child .x-column p:last-child {
      margin-bottom: 0; }
    .b-post-content .b-content-teaser-item {
      padding: 5px 0 24px; }
    .b-post-content .content-image {
      margin: -8px 0 24px; }
      .b-post-content .content-image.x-left {
        float: left;
        width: 320px;
        margin: 5px 16px 32px 0; }
        .b-post-content .content-image.x-left .m-flex-s {
          visibility: visible; }
      .b-post-content .content-image.x-right {
        float: right;
        width: 320px;
        margin: 5px 0 32px 16px; }
        .b-post-content .content-image.x-right .m-flex-s {
          visibility: visible; }
      .b-post-content .content-image.x-center {
        margin: -8px 0 24px; }
        .b-post-content .content-image.x-center .m-flex-l {
          visibility: visible; }
    .b-post-content .x-headline + .x-row p + .content-image {
      margin: 0 0 24px; }
      .b-post-content .x-headline + .x-row p + .content-image.x-center {
        margin: 0 0 24px; }
    .b-post-content .b-content-module .big-headline, .b-post-content .b-content-module .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 {
      margin-top: 16px; } }
  @media (min-width: 1024px) {
    .b-post-content .x-row:last-child .x-column p:last-child {
      margin-bottom: 0; }
    .b-post-content .b-content-teaser-item {
      padding: 5px 0 24px; }
    .b-post-content .content-image {
      margin: -8px 0 24px; }
      .b-post-content .content-image.x-left {
        float: left;
        width: 320px;
        margin: 5px 16px 32px 0; }
        .b-post-content .content-image.x-left .m-flex-s {
          visibility: visible; }
      .b-post-content .content-image.x-right {
        float: right;
        width: 320px;
        margin: 5px 0 32px 16px; }
        .b-post-content .content-image.x-right .m-flex-s {
          visibility: visible; }
      .b-post-content .content-image.x-center {
        margin: -8px 0 24px; }
        .b-post-content .content-image.x-center .m-flex-l {
          visibility: visible; }
    .b-post-content .x-headline + .x-row p + .content-image {
      margin: 0 0 24px; }
      .b-post-content .x-headline + .x-row p + .content-image.x-center {
        margin: 0 0 24px; }
    .b-post-content .b-content-module .big-headline, .b-post-content .b-content-module .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 {
      margin-top: 16px; } }
  @media (min-width: 1024px) {
    .b-post-content .b-teaser-item:not(.blockquote) .inner {
      height: 372px; } }
  .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 .bigbg {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat; }
    .b-post-content .bigbg .bgimg {
      display: none; }
  .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 .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; }
    .b-post-content p a:link {
      color: #34393F;
      -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:hover, .b-post-content p a:focus {
      border-bottom: 1px dotted #000;
      color: #000; }
    .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 {
      border-bottom: 1px solid #000;
      color: #34393F;
      -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:hover, .b-post-content li a:focus {
        border-bottom: 1px dotted #000;
        color: #000; }
      .b-post-content li a:visited {
        border-bottom: 1px solid #96999C;
        color: #96999C; }
        .b-post-content li a:visited:hover, .b-post-content li a:visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }
  .b-post-content .inline-quote {
    font-family: "Swiss_721", Arial, sans-serif;
    font-style: italic; }
  .b-post-content .b-content-module,
  .b-post-content .b-thirdparty {
    margin-bottom: 16px; }
  .b-post-content .b-content-teaser-item.x-blockquote {
    padding-top: 0; }

@media (max-width: 640px) {
  .b-post-footer .postdate {
    padding: 0 16px; } }

.b-post-footer .b-post-author {
  margin-top: 24px;
  margin-bottom: 0; }

.b-post-footer .postdate {
  margin-top: 24px;
  font-size: 0.8889rem;
  line-height: 0.8889rem; }

@media (max-width: 640px) {
  .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; }
  .b-post-header .bigbg {
    height: 200px; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .b-post-header {
    position: relative; }
    .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 .bigbg {
      height: 400px; }
    .b-post-header .x-large-10 {
      position: relative; } }

@media (min-width: 1024px) {
  .b-post-header {
    position: relative; }
    .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 .bigbg {
      height: 400px; }
    .b-post-header .x-large-10 {
      position: relative; } }

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

.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 {
  display: block;
  width: 100%;
  max-width: 180px;
  margin: 70px 0 16px; }

.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;
  color: #34393F;
  -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:hover, .b-post-header p a:focus {
    border-bottom: 1px dotted #000;
    color: #000; }
  .b-post-header p a:visited {
    border-bottom: 1px solid #96999C;
    color: #96999C; }
    .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 .ratiobox-item {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }

.b-removepanel {
  position: absolute;
  display: none; }
  @media (max-width: 640px) {
    .b-removepanel {
      right: 20px;
      bottom: 12px; }
      .b-removepanel .remove-box {
        top: -21px;
        width: 222px;
        height: 85px;
        padding: 16px; }
        .b-removepanel .remove-box:after {
          top: 33px; }
        .b-removepanel .remove-box .desc {
          display: block;
          margin-bottom: 8px; }
        .b-removepanel .remove-box .button.tiny {
          margin-bottom: 0; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .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; } }
  @media (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;
  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) {
  .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; } }

@media (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: "Swiss_721", 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; } }
  @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; } }
  @media (max-width: 640px) {
    .b-search-bar {
      height: 96px; }
      .b-search-bar .search-form-row {
        padding: 24px 0 32px; }
        .b-search-bar .search-form-row .search-form-input .search-input {
          height: 40px;
          font-size: 1.1111rem;
          line-height: 1.3333rem; }
      .b-search-bar .search-clearbtn {
        top: -4px; }
      .b-search-bar .search-form-submit {
        overflow: hidden;
        position: absolute;
        width: 1px;
        height: 1px;
        clip: rect(1px, 1px, 1px, 1px); } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-search-bar {
      height: 96px; }
      .b-search-bar .search-form-row {
        padding: 24px 0 32px; }
        .b-search-bar .search-form-row .search-form-input .search-input {
          height: 40px;
          font-size: 1.1111rem;
          line-height: 1.3333rem; }
      .b-search-bar .search-clearbtn {
        top: -4px; }
      .b-search-bar .search-form-submit {
        overflow: hidden;
        position: absolute;
        width: 1px;
        height: 1px;
        clip: rect(1px, 1px, 1px, 1px); } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-search-bar .search-form-row .search-form-input {
      padding: 0; } }
  @media (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;
          height: 56px;
          font-size: 1.4444rem;
          line-height: 40px; }
      .b-search-bar .search-clearbtn {
        top: 4px; }
      .b-search-bar .search-filter-grid {
        padding-bottom: 32px; } }
  .b-search-bar:not(.m-open) {
    visibility: hidden; }
  .b-search-bar .b-selectbox {
    content: '{"appendTo": ".b-search-bar"}' !important; }
    .b-search-bar .b-selectbox::before {
      content: '{"appendTo": ".b-search-bar"}' !important;
      font-family: '{"appendTo": ".b-search-bar"}' !important;
      visibility: hidden !important;
      display: block !important;
      height: 0 !important;
      width: 0;
      clear: both;
      overflow: hidden; }
  .search-results .b-search-bar {
    display: block; }
  .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 {
      width: 100%;
      margin: 0;
      box-shadow: none;
      border: 0 none;
      border-radius: 0;
      padding: 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;
      right: 0;
      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 {
        width: 100%;
        height: 56px;
        border: 0 none;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 0 2rem;
        font-size: 1.4444rem;
        font-weight: 700;
        line-height: 56px;
        letter-spacing: 1px;
        color: #fff;
        background-color: #000;
        cursor: pointer; }
        .b-search-bar .search-form-row .search-form-submit .search-submit:focus {
          outline: 2px solid #FFFF00;
          text-decoration: underline; }
  .b-search-bar .multiple-trigger {
    position: relative;
    width: 100%;
    margin: 0;
    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: "Swiss_721", 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 .x-row .x-large-up-6 > .x-column.search-check-item {
    width: 50%; }
  .b-search-bar .checkbox-wrap {
    float: left;
    margin: 5px 16px 5px; }
    .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; }

.b-search-list {
  position: relative; }
  @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 (max-width: 640px) {
    .b-search-list:not(.m-taglist) {
      margin-top: 96px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-search-list:not(.m-taglist) {
      margin-top: 96px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-search-list .related-content {
      max-width: 450px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .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; } }
  @media (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; } }
  @media (min-width: 1024px) {
    .b-search-list:not(.m-taglist) {
      margin-top: 190px; } }
  .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;
      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; }
      .b-search-list .related-content .rel-link:visited {
        border-bottom: 1px solid #96999C;
        color: #96999C; }
        .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; }

.b-selectbox {
  position: relative;
  display: block;
  width: 100%;
  min-height: 20px;
  outline: none;
  padding: 0 33px 0 0;
  background: transparent;
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }
  .b-selectbox:focus, .b-selectbox[aria-expanded="true"] {
    outline: 2px solid #FFFF00; }
  .b-selectbox:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    background-color: #fff;
    content: ""; }
  .b-selectbox .selectbox-input {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 0 16px;
    font-family: "Swiss_721", 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 {
      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-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 {
      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 {
    display: none; }
  .selectbox-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    visibility: hidden;
    outline: none;
    margin: 2px 0;
    background: #fff; }
    .selectbox-popover.m-open {
      visibility: visible; }
  .selectbox-listbox {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 205px; }
    .selectbox-listbox .listbox-item {
      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-disabled {
        opacity: .5;
        cursor: auto; }
      .selectbox-listbox .listbox-item:hover, .selectbox-listbox .listbox-item.m-selected, .selectbox-listbox .listbox-item.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 > .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:last-child {
      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) {
  .teaserlist-showmore:not(.m-showmore-16):not(.m-showmore-24) {
    content: '{"items": ".b-content-teaser-item","count":6}' !important; }
    .teaserlist-showmore:not(.m-showmore-16):not(.m-showmore-24)::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:not(.m-showmore-16):not(.m-showmore-24) .b-content-teaser-item:nth-child(1n+7):not(.m-showmore-item) {
      display: none; }
  .teaserlist-showmore.m-showmore-16 {
    content: '{"items": ".b-content-teaser-item","count":16}' !important; }
    .teaserlist-showmore.m-showmore-16::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-showmore-16 .b-content-teaser-item:nth-child(1n+17):not(.m-showmore-item) {
      display: none; }
  .teaserlist-showmore.m-showmore-24 {
    content: '{"items": ".b-content-teaser-item","count":24}' !important; }
    .teaserlist-showmore.m-showmore-24::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-showmore-24 .b-content-teaser-item:nth-child(1n+25):not(.m-showmore-item) {
      display: none; } }

@media (min-width: 1024px) {
  .teaserlist-showmore:not(.m-showmore-16):not(.m-showmore-24) {
    content: '{"items": ".b-content-teaser-item","count":6}' !important; }
    .teaserlist-showmore:not(.m-showmore-16):not(.m-showmore-24)::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:not(.m-showmore-16):not(.m-showmore-24) .b-content-teaser-item:nth-child(1n+7):not(.m-showmore-item) {
      display: none; }
  .teaserlist-showmore.m-showmore-16 {
    content: '{"items": ".b-content-teaser-item","count":16}' !important; }
    .teaserlist-showmore.m-showmore-16::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-showmore-16 .b-content-teaser-item:nth-child(1n+17):not(.m-showmore-item) {
      display: none; }
  .teaserlist-showmore.m-showmore-24 {
    content: '{"items": ".b-content-teaser-item","count":24}' !important; }
    .teaserlist-showmore.m-showmore-24::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-showmore-24 .b-content-teaser-item:nth-child(1n+25):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) {
    .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; } }
  @media (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) {
    .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; } }
  @media (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 .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;
  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) {
  .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; } }

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

.b-stage {
  background: #25292E; }
  @media (max-width: 640px) {
    .b-stage.x-slider .stage-wrap .box {
      width: 100%;
      padding: 24px 16px 36px; }
    .b-stage .stage-wrap .stage-image {
      height: 150px;
      background-position: center right;
      background-size: cover; }
    .b-stage .stage-wrap.m-small .stage-image {
      height: 120px; }
    .b-stage .stage-wrap.m-large .stage-image {
      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;
      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) {
    .b-stage.x-slider .scroll-arrow {
      display: none; } }
  @media (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; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-stage.x-index .stage-wrap .box-title-wrap {
      background-color: rgba(37, 41, 46, 0.8); }
    .b-stage.x-index .stage-wrap .box {
      background-color: transparent; }
      .b-stage.x-index .stage-wrap .box .teaser-label {
        top: -32px; }
    .b-stage .stage-wrap {
      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: 16px;
            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 .vid-content {
          position: absolute;
          bottom: 40px;
          font-size: 0.8889rem;
          line-height: 0.8889rem;
          white-space: nowrap; }
      .b-stage .stage-wrap .logo {
        max-width: 335px;
        max-height: 150px;
        margin: 48px 0 0 40px; }
      .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 .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.x-index .stage-wrap .box-title-wrap {
      background-color: rgba(37, 41, 46, 0.8); }
    .b-stage.x-index .stage-wrap .box {
      background-color: transparent; }
      .b-stage.x-index .stage-wrap .box .teaser-label {
        top: -32px; }
    .b-stage .stage-wrap {
      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: 16px;
            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 .vid-content {
          position: absolute;
          bottom: 40px;
          font-size: 0.8889rem;
          line-height: 0.8889rem;
          white-space: nowrap; }
      .b-stage .stage-wrap .logo {
        max-width: 335px;
        max-height: 150px;
        margin: 48px 0 0 40px; }
      .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 .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.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 {
      position: relative;
      width: 100%; }
  .b-stage .stage-wrap {
    position: relative;
    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%; }
      .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-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%; }
    .b-stage .stage-wrap .x-column {
      position: relative;
      height: 100%; }
    .b-stage .stage-wrap .stage-teaser {
      position: relative;
      height: 100%; }
    .b-stage .stage-wrap .box {
      position: relative;
      background-color: rgba(37, 41, 46, 0.8); }
    .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 .newsticker-slider .cat, .b-newsticker .newsticker-slider .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: 8px 0 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 .vid-content {
      margin-top: 8px;
      color: #fff; }
    .b-stage .stage-wrap .b-plus-button {
      right: 12px; }
    .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;
      -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; }

.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) {
  .js-stageitemscroller-pagination-btn {
    padding: 5px 8px; }
    .js-stageitemscroller-pagination-btn.m-selected:before {
      background-color: #000; } }

@media (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) {
  .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 {
    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) {
    .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: 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 .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 {
    float: left;
    height: 50px;
    margin: 0;
    list-style: none;
    white-space: 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;
    font-family: "Swiss_721", 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: "Swiss_721", 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) {
  .b-switch .inner {
    padding: 14px 24px 15px; }
  .b-switch .switch-label {
    font-size: 0.8889rem;
    line-height: 1.2222rem; } }

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

@media (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: "Swiss_721", 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) {
    .b-system-dialog .system-dialog-inner {
      padding: 32px 0 24px; } }
  @media (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;
      color: #fff;
      -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:hover, .b-system-dialog .text a:focus {
        border-bottom: 1px dotted #000;
        color: #000; }
      .b-system-dialog .text a:visited {
        border-bottom: 1px solid #96999C;
        color: #96999C; }
        .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) {
    .b-table {
      margin: 0 0 32px; }
      .b-table caption {
        margin: 0 0 24px;
        font-size: 1.4444rem;
        line-height: 1.8889rem; } }
  @media (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:nth-child(odd) td {
      background: #D4D5D5; }
    .b-table table a {
      border-bottom: 1px solid #000;
      color: #34393F;
      -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:hover, .b-table table a:focus {
        border-bottom: 1px dotted #000;
        color: #000; }
      .b-table table a:visited {
        border-bottom: 1px solid #96999C;
        color: #96999C; }
        .b-table table a:visited:hover, .b-table table a:visited:focus {
          border-bottom: 1px dotted #000;
          color: #000; }

.b-tag-modul {
  margin: 24px auto 0; }
  @media (max-width: 640px) {
    .b-tag-modul {
      padding: 0 16px; }
      .b-tag-modul .label {
        top: 3px; } }
  @media (min-width: 641px) and (max-width: 1023px) {
    .b-tag-modul .label {
      top: 5px; } }
  @media (min-width: 1024px) {
    .b-tag-modul .label {
      top: 5px; } }
  .b-tag-modul .tag-list {
    position: relative;
    padding-left: 72px; }
  .b-tag-modul .label {
    position: absolute;
    left: 0;
    margin-right: 10px;
    padding: 0;
    font-size: 0.8889rem;
    font-weight: 700;
    line-height: 0.8889rem;
    color: #34393F; }
  .b-tag-modul .item {
    display: inline-block; }
    .b-tag-modul .item:after {
      position: relative;
      display: inline-block;
      content: "|"; }
    .b-tag-modul .item:last-child:after {
      content: none; }
  .b-tag-modul .link {
    display: inline-block;
    margin: 0 5px 0 3px;
    border-bottom: 1px solid transparent;
    font-size: 0.8889rem;
    line-height: 0.8889rem;
    color: #34393F;
    -webkit-transition: border 0.4s ease-in-out;
    transition: border 0.4s ease-in-out; }
    .b-tag-modul .link:hover, .b-tag-modul .link:focus {
      border-bottom: 1px solid #000; }

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

.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) {
    .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) {
    .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) {
    .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; } }
  @media (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: "Swiss_721", 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[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; }

.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 .vid-content {
    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; } }

@media (min-width: 641px) and (max-width: 1023px) {
  .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 .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; }
    .b-video-module .inner .item-description {
      margin-bottom: 48px; } }

@media (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 .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; }
    .b-video-module .inner .item-description {
      margin-bottom: 48px; } }

@media (min-width: 1024px) {
  .b-video-module .item-caption .vid-content {
    position: absolute;
    bottom: 24px;
    margin: 0; }
  .b-video-module .m-desktop {
    visibility: visible; } }

.b-video-module .content-item {
  position: relative;
  width: 100%;
  margin: 0;
  background: #fff; }

.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 .item-caption .vid-content {
    font-size: 0.7778rem; }
    .b-video-module .item-caption .vid-content .defdesc {
      float: left;
      display: inline-block;
      height: 18px;
      margin: 0;
      line-height: 1rem; }
    .b-video-module .item-caption .vid-content .source-title,
    .b-video-module .item-caption .vid-content .item-source,
    .b-video-module .item-caption .vid-content .item-playdate {
      display: inline;
      font-size: 0.7778rem;
      color: #fff; }
    .b-video-module .item-caption .vid-content .item-source.m-border:after,
    .b-video-module .item-caption .vid-content .video-duration.m-border:after {
      margin-right: 4px;
      border-right: 1px solid #34393F;
      padding-right: 8px;
      line-height: 1;
      content: ""; }
    .b-video-module .item-caption .vid-content .video-duration {
      padding: 0 4px 0 0;
      white-space: nowrap; }

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

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