@font-face {
  font-family: 'Hurme Brisant Titling';
  font-weight: 400;
  font-style: normal;
  src: url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-Regular.eot");
  src: url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-Regular.eot?#iefix") format("embedded-opentype"), url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-Regular.woff2") format("woff2"), url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-Regular.woff") format("woff"); }
@font-face {
  font-family: 'Hurme Brisant Titling';
  font-weight: 600;
  font-style: normal;
  src: url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-SemiBold.eot");
  src: url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-SemiBold.eot?#iefix") format("embedded-opentype"), url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-SemiBold.woff2") format("woff2"), url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-SemiBold.woff") format("woff"); }
@font-face {
  font-family: 'Hurme Brisant Titling';
  font-weight: 700;
  font-style: normal;
  src: url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-Bold.eot");
  src: url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-Bold.eot?#iefix") format("embedded-opentype"), url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-Bold.woff2") format("woff2"), url("/resources/mdrde/channel/brisant/font/HurmeBrisantTitling-Bold.woff") format("woff"); }
body {
  background-color: #880707; }
  .view-xs body, .view-s body {
    background: none;
    background-color: #880707; }

.bgWrapper {
  background: url("/resources/mdrde/channel/brisant/img/bg.jpg") no-repeat center top;
  height: 100%;
  width: 100%;
  z-index: -1;
  bottom: 0;
  padding: 0;
  position: fixed;
  background-size: cover; }
  .view-xs .bgWrapper, .view-s .bgWrapper {
    background: none;
    background-color: #880707; }

.view-m .sectionChannelHeader .channelHeaderTeaser {
  width: 290px; }

.sectionChannelHeader.isScrolling .channelTitle h2 {
  color: #fafafa; }

.sectionChannelHeader.isScrolling .section {
  background-color: #2e2e2c; }
  .sectionChannelHeader.isScrolling .section .channelTitle {
    min-height: 0 !important;
    background: none;
    background-color: transparent;
    background-image: none !important; }
    .sectionChannelHeader.isScrolling .section .channelTitle h2 {
      text-indent: 0 !important;
      margin-top: 0 !important; }
.sectionChannelHeader .section {
  background-color: transparent; }
  .sectionChannelHeader .section .channelTitle {
    min-height: 200px;
    position: relative; }
    .sectionChannelHeader .section .channelTitle h2 {
      text-indent: -999em; }
  .sectionChannelHeader .section .channelNavigation {
    border-color: transparent;
    background-color: none;
    padding: 0;
    margin-top: 0;
    border: none;
    position: static; }
    .view-xs .sectionChannelHeader .section .channelNavigation, .view-s .sectionChannelHeader .section .channelNavigation {
      margin: 0;
      position: static !important;
      padding: 1px 0 1px 0; }
    .sectionChannelHeader .section .channelNavigation ul.level1 {
      background-color: #2e2e2c !important; }
      .sectionChannelHeader .section .channelNavigation ul.level1 > li > ul,
      .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation ul.level2 {
        top: 36px;
        left: 0px; }
      .sectionChannelHeader .section .channelNavigation ul.level1 > li {
        border-right: 1px solid none; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li > span,
        .sectionChannelHeader .section .channelNavigation ul.level1 > li > a {
          color: #fafafa; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li .nav-toggle {
          border-bottom: none; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > span,
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > a,
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.open a:focus, .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span,
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > a,
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.active a:focus {
          color: #2e2e2c;
          background-color: #fafafa; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > span:after, .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span:after {
          height: 0; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > span,
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > a,
        .sectionChannelHeader .section .channelNavigation ul.level1 > li.open a:focus {
          background-color: #fafafa !important; }
        html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds > span:hover, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds > span:focus, html.no-touch
        .sectionChannelHeader .section .channelNavigation ul.level1 > li a:hover, html.no-touch
        .sectionChannelHeader .section .channelNavigation ul.level1 > li a:focus {
          color: #2e2e2c !important;
          background-color: #fafafa; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 {
          border: 8px solid none;
          padding: 4px;
          border-top: none !important;
          background-color: #fafafa !important; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li:first-child > * {
            border-top: 0 !important; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.open > *:first-child {
            border-bottom: none; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li .nav-toggle:before {
            color: #2e2e2c !important; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > span,
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > a {
            color: #2e2e2c !important;
            border-top: none; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.active > span,
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.active > a,
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.active a:focus, .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.active.hasChilds > span,
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.active.hasChilds > a,
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.active.hasChilds a:focus {
            color: #2e2e2c;
            background-color: rgba(255, 255, 255, 0.25); }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.hasChilds > span,
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li a {
            border-top: none; }
            html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.hasChilds > span:hover, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.hasChilds > span:active, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.hasChilds > span:focus, html.no-touch
            .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li a:hover, html.no-touch
            .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li a:active, html.no-touch
            .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li a:focus {
              text-decoration: underline;
              background-color: rgba(255, 255, 255, 0.25); }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation ul {
      border: none !important; }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .ui-tabs {
      padding: 8px;
      padding-bottom: 1px; }
      .sectionChannelHeader .section .channelNavigation .layeredNavigation .ui-tabs .collapsed {
        background-color: rgba(255, 255, 255, 0.25); }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .ui-tabs-tagView .ui-tabs ul li a {
      border: none !important; }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .ui-tabs-tagView .ui-tabs ul li:first-child > * {
      border: none !important; }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .layerContentWrapper .con {
      background-color: #e6e6e6 !important; }
    html.no-touch .sectionChannelHeader .section .channelNavigation .layeredNavigation .buttons a:hover, html.no-touch .sectionChannelHeader .section .channelNavigation .layeredNavigation .buttons a:active, html.no-touch .sectionChannelHeader .section .channelNavigation .layeredNavigation .buttons a:focus {
      background-color: transparent !important; }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .level3 > *:first-child {
      margin-left: 8px; }
  .sectionChannelHeader .section .channelHeaderTeaser .con {
    background-color: transparent; }
    .sectionChannelHeader .section .channelHeaderTeaser .con a,
    .sectionChannelHeader .section .channelHeaderTeaser .con p,
    .sectionChannelHeader .section .channelHeaderTeaser .con .headline,
    .sectionChannelHeader .section .channelHeaderTeaser .con .shortHeadline,
    .sectionChannelHeader .section .channelHeaderTeaser .con h4 {
      color: #fafafa; }
    .sectionChannelHeader .section .channelHeaderTeaser .con .box {
      background-color: transparent !important; }
    html.no-touch .sectionChannelHeader .section .channelHeaderTeaser .con .box .teaser:hover {
      background-color: transparent !important; }
    .sectionChannelHeader .section .channelHeaderTeaser .con .shortHeadline {
      font-size: 0.875em; }
    .sectionChannelHeader .section .channelHeaderTeaser .con .broadcastDateTime {
      border-left: none !important; }
    .sectionChannelHeader .section .channelHeaderTeaser .con .cssProgramHint {
      border-bottom: none; }
    .sectionChannelHeader .section .channelHeaderTeaser .con .cssProgramHint:hover {
      background-color: transparent; }
    .sectionChannelHeader .section .channelHeaderTeaser .con .cssProgramHintFree {
      background-color: transparent; }
.view-xl .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_xl.svg");
  background-repeat: no-repeat; }
.view-l .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_l.svg");
  background-repeat: no-repeat; }
.view-m .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_m.svg");
  background-repeat: no-repeat; }
.view-xs .sectionChannelHeader .section .channelTitle, .view-s .sectionChannelHeader .section .channelTitle {
  background: transparent url("/resources/mdrde/channel/brisant/img/head_s-xs.svg") no-repeat center center;
  background-size: 480px, 480px;
  min-height: 100px;
  text-indent: -999em; }
.view-s .sectionChannelHeader .section .channelTitle {
  background-size: auto;
  background-position: center center;
  min-height: 100px; }

.wrapperChannelNavigation {
  padding-top: 0;
  margin-bottom: 0;
  min-height: 10px;
  border-bottom: none; }
  .wrapperChannelNavigation .sectionWrapper {
    background-color: transparent !important; }
    .wrapperChannelNavigation .sectionWrapper.isScrolling {
      background-color: transparent; }
  .view-xs .wrapperChannelNavigation, .view-s .wrapperChannelNavigation {
    margin-top: -9px;
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 0; }

.sectionWrapper:not(.hasSectionDetail) {
  background-color: #fafafa; }
  .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle,
  .sectionWrapper:not(.hasSectionDetail) .pageAreaTitle a {
    color: #2e2e2c;
    background-color: #fafafa !important; }

#header {
  margin-bottom: 16px; }
  .view-m #header {
    margin-bottom: 8px; }
  .view-s #header, .view-xs #header {
    margin-bottom: 0; }

#breadcrumb ul li span,
#breadcrumb ul li:before {
  color: #2e2e2c !important;
  border-color: #2e2e2c !important; }

.ui-social-btn.ui-scrollToTop,
.ui-social-btn.ui-scrollToTop:before,
.ui-social-btn.ui-scrollToTop:after {
  color: black !important !important;
  border-color: black !important !important;
  background-color: scrollToTopBgColor !important; }

#breadcrumb {
  padding: 0; }
  .view-m #breadcrumb {
    padding: 0 4px; }
  #breadcrumb > ul {
    padding: 12px;
    display: block;
    background-color: transparent; }

.section .cssBoxTeaserStandard h3.conHeadline,
.section .cssBoxTeaserStage h3.conHeadline {
  background-color: #fafafa;
  color: #2e2e2c; }

.section .cssBoxTeaserStandard h3.conHeadline a,
.section .cssBoxTeaserStage h3.conHeadline a {
  color: #2e2e2c; }

.sectionDetailPage .con .mod.modParagraph .mediaInfo {
  background-color: #ececec;
  padding: 10px;
  border-bottom: none; }

.mediaInfo .mediaSubtitle {
  margin-bottom: 5px; }

.mediaInfo .mediaRights {
  font-size: 12px; }

.cssIpgSearchSlider .box {
  background-color: transparent; }
  .cssIpgSearchSlider .box a {
    border: 1px solid #999; }
    .cssIpgSearchSlider .box a .day,
    .cssIpgSearchSlider .box a .date {
      background-color: transparent;
      color: inherit; }
    .cssIpgSearchSlider .box a .day {
      padding: 12px 0 0 0 !important;
      text-transform: uppercase; }
    .cssIpgSearchSlider .box a .date {
      padding: 6px 0 12px 0 !important;
      font-size: 1em; }
  .cssIpgSearchSlider .box .today {
    color: #880707; }
.cssIpgSearchSlider .box.currentDay a {
  border: 1px solid #880707; }
  .cssIpgSearchSlider .box.currentDay a .day,
  .cssIpgSearchSlider .box.currentDay a .date {
    background-color: #880707 !important;
    color: #fff !important; }
  html.no-touch .cssIpgSearchSlider .box.currentDay a:hover, html.no-touch .cssIpgSearchSlider .box.currentDay a:focus {
    border: 1px solid #880707; }
.cssIpgSearchSlider .box.currentDay:after {
  border-top-color: #880707 !important; }
.cssIpgSearchSlider .box.currentDay:before {
  border-top-color: #880707 !important; }

.cssIpgHeader h1 {
  padding: 12px 0 0 0 !important; }
  .cssIpgHeader h1 .headline {
    border: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }

.radioPlayerWrapper .playerTools li,
.radioPlayerWrapper .playerChannels li {
  color: white;
  background-color: #0062ae; }
  .radioPlayerWrapper .playerTools li:hover,
  .radioPlayerWrapper .playerChannels li:hover {
    background-color: #003e83; }
.radioPlayerWrapper .addControls .btn:focus,
.radioPlayerWrapper .playerTools li:hover,
.radioPlayerWrapper .playerTools li:focus,
.radioPlayerWrapper .radioPlayerWrapper .playerChannels li:hover,
.radioPlayerWrapper .playerChannels li:focus,
.radioPlayerWrapper .buttonBox .radioPlayerChannels:hover,
.radioPlayerWrapper .radioPlayerVolume:hover,
.radioPlayerWrapper .buttonBox .radioPlayerMore:hover,
.radioPlayerWrapper .radioPlayerChannels:focus,
.radioPlayerWrapper .radioPlayerVolume:focus,
.radioPlayerWrapper .buttonBox .radioPlayerMore:focus {
  background-color: #003e83; }
.radioPlayerWrapper .playerTools li::before,
.radioPlayerWrapper .playerChannels li::before {
  color: white; }
.radioPlayerWrapper .addControls:hover {
  background-color: #003e83; }
.radioPlayerWrapper .addControls button {
  color: white; }
.radioPlayerWrapper .addControls .avPlayerVolumeProgress,
.radioPlayerWrapper .addControls .avPlayerVolumeHandle {
  background-color: white; }
.radioPlayerWrapper .addControls .btn {
  color: white; }
  html.no-touch .radioPlayerWrapper .addControls .btn:hover {
    color: white; }
.radioPlayerWrapper .addControls .avPlayerVolumeBar:before {
  background-color: white; }
.radioPlayerWrapper .addControls .avPlayerVolumeHandle {
  background-color: white; }
.radioPlayerWrapper .addControls .avPlayerVolumeProgress {
  background-color: white; }

.radioPlayer {
  background-color: #0062ae; }
  .radioPlayer .spinner {
    left: 20px !important;
    color: #0062ae; }
    .radioPlayer .spinner div {
      border-color: #48afff;
      background-color: #48afff; }
  .radioPlayer .radioPlayerControls {
    color: #0062ae;
    background-color: white; }
    .radioPlayer .radioPlayerControls:hover, .radioPlayer .radioPlayerControls:focus {
      color: #003e83;
      background-color: white; }
  .radioPlayer .playlistInfos {
    color: white; }
    .radioPlayer .playlistInfos span.info {
      color: white; }
  .radioPlayer .buttonBox {
    background-color: #0062ae; }
    .radioPlayer .buttonBox .radioPlayerMore::before {
      color: white; }
    .radioPlayer .buttonBox .radioPlayerChannels::before {
      color: white; }

.channelHeaderTeaser .mod .box.cssProgramHint .teaser .innerTeaser h4 .headline::before {
  content: none !important; }

.channelHeaderTeaser .mod .box.cssProgramHint .teaser .shortInfos h4 a.headline {
  font-size: 14px !important;
  font-weight: bold; }

.sectionChannelHeader .mod .box.cssProgramHint .headline {
  display: block !important; }

.sectionChannelHeader .section .channelHeaderTeaser .con {
  margin: 0 !important; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.channelTitle a.logolink {
  display: block;
  width: 300px;
  height: 0;
  left: 20px;
  overflow: hidden;
  padding-top: 90px;
  position: absolute;
  top: 60px; }
  .view-xs .channelTitle a.logolink, .view-s .channelTitle a.logolink {
    width: 100%;
    height: 100%;
    padding-top: 0;
    top: 0;
    left: 0;
    opacity: 0; }
  .channelTitle a.logolink.isScrolling {
    display: none; }

html body p, html body table {
  line-height: 1.625em !important; }

html body.pageProminent, html body.node-promi-klatsch {
  background-color: #690154; }
html body.pageRoyal, html body.node-koenigshaeuser {
  background-color: #430675; }
html body.pageClassix {
  background-color: #c7700f; }

html.view-xl body .bgWrapper, html.view-l body .bgWrapper, html.view-m body .bgWrapper {
  background: url("/resources/mdrde/channel/brisant/img/bg_home_graphic.svg") no-repeat center 20em, url("/resources/mdrde/channel/brisant/img/bg.jpg") no-repeat center top;
  background-size: cover, cover !important; }
html.view-m body .bgWrapper {
  background-position-y: 25em, top; }
html.view-xl body.pageProminent .bgWrapper, html.view-l body.pageProminent .bgWrapper, html.view-m body.pageProminent .bgWrapper, html.view-xl body.node-promi-klatsch .bgWrapper, html.view-l body.node-promi-klatsch .bgWrapper, html.view-m body.node-promi-klatsch .bgWrapper {
  background: url("/resources/mdrde/channel/brisant/img/bg_prominent_graphic.svg") no-repeat center 20em, url("/resources/mdrde/channel/brisant/img/bg_prominent.jpg") no-repeat center top;
  background-size: cover, cover !important; }
html.view-m body.pageProminent .bgWrapper, html.view-m body.node-promi-klatsch .bgWrapper {
  background-position-y: 25em, top; }
html.view-xl body.pageRoyal .bgWrapper, html.view-l body.pageRoyal .bgWrapper, html.view-m body.pageRoyal .bgWrapper, html.view-xl body.node-koenigshaeuser .bgWrapper, html.view-l body.node-koenigshaeuser .bgWrapper, html.view-m body.node-koenigshaeuser .bgWrapper {
  background: url("/resources/mdrde/channel/brisant/img/bg_royal_graphic.svg") no-repeat center 20em, url("/resources/mdrde/channel/brisant/img/bg_royal.jpg") no-repeat center top;
  background-size: cover, cover !important; }
html.view-m body.pageRoyal .bgWrapper, html.view-m body.node-koenigshaeuser .bgWrapper {
  background-position-y: 25em, top; }
html.view-xl body.pageClassix .bgWrapper, html.view-l body.pageClassix .bgWrapper, html.view-m body.pageClassix .bgWrapper {
  background: url("/resources/mdrde/channel/brisant/img/bg_royal_graphic.svg") no-repeat center 20em, url("/resources/mdrde/channel/brisant/img/bg_royal.jpg") no-repeat center top;
  background-size: cover, cover !important; }
html.view-m body.pageClassix .bgWrapper {
  background-position-y: 25em, top; }

html.view-m .section .channelTitle .cssBoxTeaserStandard h3.conHeadline, html.view-m .section .channelTitle .cssBoxTeaserStage h3.conHeadline {
  display: none; }
html.view-s body .sectionChannelHeader .section .channelTitle, html.view-xs body .sectionChannelHeader .section .channelTitle {
  padding: 0;
  min-height: unset;
  background-image: url("/resources/mdrde/channel/brisant/img/head_s-xs.svg"), url("/resources/mdrde/channel/brisant/img/bg_s-xs.jpg");
  background-size: 480px, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center top; }
html.view-m body .sectionChannelHeader .section .channelTitle {
  background-size: 90%;
  min-height: 150px;
  background-position: center left; }
html.view-xl body.pageProminent .sectionChannelHeader .section .channelTitle, html.view-xl body.node-promi-klatsch .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_xl_prominent.svg"); }
html.view-l body.pageProminent .sectionChannelHeader .section .channelTitle, html.view-l body.node-promi-klatsch .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_l_prominent.svg"); }
html.view-m body.pageProminent .sectionChannelHeader .section .channelTitle, html.view-m body.node-promi-klatsch .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_m_prominent.svg"); }
html.view-s body.pageProminent .sectionChannelHeader .section .channelTitle, html.view-xs body.pageProminent .sectionChannelHeader .section .channelTitle, html.view-s body.node-promi-klatsch .sectionChannelHeader .section .channelTitle, html.view-xs body.node-promi-klatsch .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_s-xs_prominent.svg"), url("/resources/mdrde/channel/brisant/img/bg_prominent_s-xs.jpg"); }
html.view-xl body.pageRoyal .sectionChannelHeader .section .channelTitle, html.view-xl body.node-koenigshaeuser .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_xl_royal.svg"); }
html.view-l body.pageRoyal .sectionChannelHeader .section .channelTitle, html.view-l body.node-koenigshaeuser .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_l_royal.svg"); }
html.view-m body.pageRoyal .sectionChannelHeader .section .channelTitle, html.view-m body.node-koenigshaeuser .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_m_royal.svg"); }
html.view-s body.pageRoyal .sectionChannelHeader .section .channelTitle, html.view-xs body.pageRoyal .sectionChannelHeader .section .channelTitle, html.view-s body.node-koenigshaeuser .sectionChannelHeader .section .channelTitle, html.view-xs body.node-koenigshaeuser .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_s-xs_royal.svg"), url("/resources/mdrde/channel/brisant/img/bg_royal_s-xs.jpg"); }
html.view-xl body.pageClassix .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_xl_classix.svg"); }
html.view-l body.pageClassix .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_l_classix.svg"); }
html.view-m body.pageClassix .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_m_classix.svg"); }
html.view-s body.pageClassix .sectionChannelHeader .section .channelTitle, html.view-xs body.pageClassix .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/brisant/img/head_s-xs_classix.svg"), url("/resources/mdrde/channel/brisant/img/bg_classix_s-xs.jpg"); }

html #content * h1, html #content * h2, html #content * h3, html #content * h4, html #content * h5, html #content * h6, html #content * .mod .moreBtn, html #content * .mod .moreBtn .linktext {
  font-family: 'Hurme Brisant Titling' , 'Open Sans', Helvetica, Arial, sans-serif; }

html body.cssArticle .mod h1 .headline, html body.cssMultiGroup .mod h1 .headline, html body.cssMultimediaGallery .mod h1 .headline, html body.cssArticle .mod h1 .dachzeile, html body.cssMultiGroup .mod h1 .dachzeile, html body.cssMultimediaGallery .mod h1 .dachzeile {
  font-family: 'Hurme Brisant Titling' , 'Open Sans', Helvetica, Arial, sans-serif; }

*,
.view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds > .nav-toggle:after,
.view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds > .nav-toggle:after,
.av-playerContainer .playlistBtn,
.box.cssBroadcast .teaser .progressContainer .icon-font:before {
  font-family: 'Open Sans'; }

html.view-xs .wrapper, html.view-s .wrapper {
  padding: 0; }
html.view-xs .wrapper .sectionWrapper:not(.sectionChannelHeader), html.view-s .wrapper .sectionWrapper:not(.sectionChannelHeader) {
  background-color: #fafafa !important;
  margin-bottom: 2em; }

html.view-xs .sectionChannelHeader .section .channelNavigation, html.view-s .sectionChannelHeader .section .channelNavigation {
  padding: 0; }

html.view-xl body.mainPage #content, html.view-l body.mainPage #content, html.view-m body.mainPage #content {
  background: url("/resources/mdrde/channel/brisant/img/bg_topteaser.svg") no-repeat top center;
  background-size: 2400px; }

html .section h2.pageAreaTitle {
  text-align: left;
  border-bottom: none;
  font-weight: 600;
  letter-spacing: -0.05em;
  padding-right: 2em;
  padding-left: 1em;
  font-size: 1.1875em;
  letter-spacing: 0.001em; }
  html .section h2.pageAreaTitle a:after {
    display: none; }
html.view-xl .section h2.pageAreaTitle, html.view-l .section h2.pageAreaTitle, html.view-m .section h2.pageAreaTitle {
  font-size: 1.666em; }
html.view-xl .section h2.pageAreaTitle, html.view-l .section h2.pageAreaTitle, html.view-m .section h2.pageAreaTitle, html.view-xs .section h2.pageAreaTitle, html.view-s .section h2.pageAreaTitle {
  padding: 8px 16px;
  padding-left: 20px; }
html .topteaserArea .section h2.pageAreaTitle {
  padding: 16px 0.75em 0 16px;
  letter-spacing: -0.05em; }
html.view-xl .topteaserArea .section h2.pageAreaTitle, html.view-l .topteaserArea .section h2.pageAreaTitle {
  font-size: 7.75em;
  font-size: 6em; }
html.view-m .topteaserArea .section h2.pageAreaTitle {
  font-size: 7em;
  font-size: 6em; }
html.view-xs .topteaserArea .section h2.pageAreaTitle, html.view-s .topteaserArea .section h2.pageAreaTitle {
  font-size: 2em;
  font-weight: normal;
  border: 0;
  letter-spacing: -0.05em;
  padding: 4px 16px; }

html .sectionWrapper .section.sectionA.sectionTitle {
  border-top: solid 2em #2e2e2c;
  margin-top: 0;
  padding-top: 17px; }
  html .sectionWrapper .section.sectionA.sectionTitle .hidden {
    border: none;
    padding-top: 0; }
html.view-xs .sectionWrapper .section.sectionA.sectionTitle, html.view-s .sectionWrapper .section.sectionA.sectionTitle {
  padding-top: 24px; }
html .sectionWrapper .section.sectionA.sectionTitle .con {
  position: absolute;
  z-index: 9;
  width: auto;
  top: -1em;
  background-color: #fafafa; }
html.view-xl .sectionWrapper .sectionA .con:not(.conPinboard) .modA .boxBig .mediaCon, html.view-l .sectionWrapper .sectionA .con:not(.conPinboard) .modA .boxBig .mediaCon, html.view-m .sectionWrapper .sectionA .con:not(.conPinboard) .modA .boxBig .mediaCon, html.view-xl .sectionWrapper .sectionZ .con:not(.conPinboard) .modA .boxBig .mediaCon, html.view-l .sectionWrapper .sectionZ .con:not(.conPinboard) .modA .boxBig .mediaCon, html.view-m .sectionWrapper .sectionZ .con:not(.conPinboard) .modA .boxBig .mediaCon {
  padding: 16px;
  padding-bottom: 0; }
html.view-xl .sectionWrapper .sectionA .con:not(.conPinboard) .modA .boxBig .mediaCon .imageWrapper:before, html.view-l .sectionWrapper .sectionA .con:not(.conPinboard) .modA .boxBig .mediaCon .imageWrapper:before, html.view-m .sectionWrapper .sectionA .con:not(.conPinboard) .modA .boxBig .mediaCon .imageWrapper:before, html.view-xl .sectionWrapper .sectionZ .con:not(.conPinboard) .modA .boxBig .mediaCon .imageWrapper:before, html.view-l .sectionWrapper .sectionZ .con:not(.conPinboard) .modA .boxBig .mediaCon .imageWrapper:before, html.view-m .sectionWrapper .sectionZ .con:not(.conPinboard) .modA .boxBig .mediaCon .imageWrapper:before {
  padding-top: 56.25%; }
html #content .sectionWrapper.topteaserArea.noDistance {
  margin-bottom: 0; }
html .sectionWrapper.topteaserArea .section.sectionA.sectionTitle {
  border: none;
  padding-top: 0; }
html.view-xs .sectionWrapper.topteaserArea .section.sectionA.sectionTitle .con, html.view-s .sectionWrapper.topteaserArea .section.sectionA.sectionTitle .con {
  top: 0; }

html.view-s .topteaserArea .section .con:not(.conPinboard) .modA .boxBig .imageWrapper:before, html.view-xs .topteaserArea .section .con:not(.conPinboard) .modA .boxBig .imageWrapper:before {
  padding-top: 56.25%; }

html.view-m .section .con .mod .box.boxSmall .innerTeaser .mediaCon, html.view-s .section .con .mod .box.boxSmall .innerTeaser .mediaCon, html.view-xs .section .con .mod .box.boxSmall .innerTeaser .mediaCon, html.view-m .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, html.view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, html.view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon {
  margin-bottom: 8px; }

html.view-s .sectionWrapper.topteaserArea .mod .boxBig .teaser .teaserInfoWrapper, html.view-xs .sectionWrapper.topteaserArea .mod .boxBig .teaser .teaserInfoWrapper, html.view-s .sectionWrapper .mod .boxBig .teaser .teaserInfoWrapper, html.view-xs .sectionWrapper .mod .boxBig .teaser .teaserInfoWrapper {
  padding-left: 8px;
  padding-right: 8px; }

html.view-m .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper, html.view-s .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper, html.view-xs .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper, html.view-m .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper, html.view-s .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper, html.view-xs .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper {
  padding: 0;
  padding-bottom: 60px;
  position: relative; }

html.view-xl .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-l .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-m .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-xl .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-l .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-m .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-xl .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-l .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-m .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-xl .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-l .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-m .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-xl .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-l .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-m .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-xl .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-l .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-m .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-xl .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-l .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-m .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-xl .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-l .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-m .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext {
  width: 66%;
  min-height: 54px; }
html.view-xs .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-s .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-xs .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-s .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-xs .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-s .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-xs .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-s .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .shortInfos, html.view-xs .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-s .sectionWrapper.section1er .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-xs .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-s .sectionWrapper.section1er.topteaserArea .sectionA .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-xs .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-s .sectionWrapper.section1er .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-xs .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext, html.view-s .sectionWrapper.section1er.topteaserArea .sectionZ .mod.modA .box.boxBig:not(.cssVideo) .teaser .teaserInfoWrapper .teasertext {
  width: 100%; }

html.view-m .mod:not(.modA) .box:not(.cssImageGallery) .shortInfos, html.view-l .mod:not(.modA) .box:not(.cssImageGallery) .shortInfos, html.view-xl .mod:not(.modA) .box:not(.cssImageGallery) .shortInfos {
  margin-top: 16px;
  margin-bottom: 10px; }

html .mod h4 .headline {
  text-transform: uppercase;
  line-height: 1.125em;
  font-weight: 600; }
html .topteaserArea .mod h4 .headline {
  font-size: 2em;
  line-height: 1em; }
html.view-s .topteaserArea .mod h4 .headline, html.view-xs .topteaserArea .mod h4 .headline {
  font-size: 1.5em; }

html .section .mod .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn {
  display: block !important;
  width: 100%;
  background-color: #2e2e2c;
  color: #fafafa;
  font-weight: normal;
  padding: 1.333333em 16px;
  text-transform: uppercase;
  margin-bottom: 0; }
  html .section .mod .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn::after {
    display: none; }
html.view-s .section .mod .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn, html.view-xs .section .mod .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn {
  padding: 0.75em 16px; }
html.view-xl .section .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn, html.view-l .section .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn, html.view-m .section .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn {
  width: calc(33% - 18px);
  position: absolute;
  margin-bottom: 16px;
  right: 16px;
  bottom: 0; }
html.view-s .section .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn, html.view-xs .section .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn {
  width: 100%;
  margin-bottom: 8px; }
html.view-xl .topteaserArea .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn, html.view-l .topteaserArea .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn, html.view-m .topteaserArea .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn {
  width: calc(33% - 18px);
  position: absolute;
  margin-bottom: 16px;
  right: 16px;
  bottom: 0; }
html.view-s .topteaserArea .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn, html.view-xs .topteaserArea .mod.modA .box:not(.boxImage):not(.cssAv) .teaser .teaserInfoWrapper a.moreBtn {
  width: 100%;
  margin-bottom: 8px; }
html .section .mod.modA .box.cssAv .teaser .teaserInfoWrapper a.moreBtn {
  width: calc(50%);
  position: relative;
  margin-right: 0; }
html.no-touch .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html.no-touch .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: #db00db;
  color: #fafafa !important; }
html.no-touch .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html.no-touch .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: red;
  color: #fafafa !important; }
html.no-touch body.pageProminent .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html.no-touch body.pageProminent .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover, html.no-touch body.node-promi-klatsch .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html.no-touch body.node-promi-klatsch .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: #df00b1; }
html.no-touch body.pageRoyal .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html.no-touch body.pageRoyal .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover, html.no-touch body.node-koenigshaeuser .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html.no-touch body.node-koenigshaeuser .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: #8d00f9; }
html.no-touch body.pageClassix .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html.no-touch body.pageClassix .section .mod .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: #ffbe00; }
html .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: #ff2302; }
html body.pageProminent .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html body.pageProminent .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover, html body.node-promi-klatsch .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html body.node-promi-klatsch .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: #df00b1; }
html body.pageRoyal .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html body.pageRoyal .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover, html body.node-koenigshaeuser .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html body.node-koenigshaeuser .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: #8d00f9; }
html body.pageClassix .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn, html body.pageClassix .topteaserArea .mod.modA .boxCon .box:hover .teaser .teaserInfoWrapper a.moreBtn:hover {
  background-color: #ffbe00; }
html .section .mod .channelBtn a.moreBtn {
  color: #2e2e2c;
  border-radius: 0;
  padding: 15px 16px;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 600;
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
  min-height: 54px; }
html.view-xs .section .mod .channelBtn a.moreBtn, html.view-xs .section .mod .channelBtn a.moreBtn {
  font-size: 1.125em;
  padding: 16px; }
html.no-touch body .section .mod .channelBtn a.moreBtn:hover, html.no-touch body .section .mod .channelBtn a.moreBtn:focus {
  color: #880707;
  background: rgba(0, 0, 0, 0.075); }
html.no-touch body.pageProminent .section .mod .channelBtn a.moreBtn:hover, html.no-touch body.pageProminent .section .mod .channelBtn a.moreBtn:focus, html.no-touch body.node-promi-klatsch .section .mod .channelBtn a.moreBtn:hover, html.no-touch body.node-promi-klatsch .section .mod .channelBtn a.moreBtn:focus {
  color: #690154; }
html.no-touch body.pageRoyal .section .mod .channelBtn a.moreBtn:hover, html.no-touch body.pageRoyal .section .mod .channelBtn a.moreBtn:focus, html.no-touch body.node-koenigshaeuser .section .mod .channelBtn a.moreBtn:hover, html.no-touch body.node-koenigshaeuser .section .mod .channelBtn a.moreBtn:focus {
  color: #430675; }
html.no-touch body.pageClassix .section .mod .channelBtn a.moreBtn:hover, html.no-touch body.pageClassix .section .mod .channelBtn a.moreBtn:focus {
  color: #c7700f; }

html .section .mod .channelBtn {
  padding: 16px;
  padding-top: 8px; }
html.view-s .section .mod .channelBtn, html.view-xs .section .mod .channelBtn {
  padding: 8px; }

html body .section .mod .box:not(.cssMultimediaGallery):not(.cssImageGallery):not(.boxImage):not(.boxBig):hover .teaser .mediaCon .media:after {
  display: block;
  content: '';
  background: red;
  height: 8px;
  width: 100%;
  position: absolute;
  bottom: 0; }
html body.pageProminent .section .mod .box:not(.cssMultimediaGallery):not(.cssImageGallery):not(.boxImage):not(.boxBig):hover .teaser .mediaCon .media:after, html body.node-promi-klatsch .section .mod .box:not(.cssMultimediaGallery):not(.cssImageGallery):not(.boxImage):not(.boxBig):hover .teaser .mediaCon .media:after {
  background-color: #df00b1; }
html body.pageRoyal .section .mod .box:not(.cssMultimediaGallery):not(.cssImageGallery):not(.boxImage):not(.boxBig):hover .teaser .mediaCon .media:after, html body.node-koenigshaeuser .section .mod .box:not(.cssMultimediaGallery):not(.cssImageGallery):not(.boxImage):not(.boxBig):hover .teaser .mediaCon .media:after {
  background-color: #8d00f9; }
html body.pageClassix .section .mod .box:not(.cssMultimediaGallery):not(.cssImageGallery):not(.boxImage):not(.boxBig):hover .teaser .mediaCon .media:after {
  background-color: #ffbe00; }
html body .section .mod .box.cssMultimediaGallery .teaser:hover .mediaCon .media:after {
  display: block;
  content: '';
  background: red;
  height: 8px;
  width: 100%;
  position: absolute;
  bottom: 0; }
html body.pageProminent .section .mod .box.cssMultimediaGallery .teaser:hover .mediaCon .media:after, html body.node-promi-klatsch .section .mod .box.cssMultimediaGallery .teaser:hover .mediaCon .media:after {
  background-color: #df00b1; }
html body.pageRoyal .section .mod .box.cssMultimediaGallery .teaser:hover .mediaCon .media:after, html body.node-koenigshaeuser .section .mod .box.cssMultimediaGallery .teaser:hover .mediaCon .media:after {
  background-color: #8d00f9; }
html body.pageClassix .section .mod .box.cssMultimediaGallery .teaser:hover .mediaCon .media:after {
  background-color: #ffbe00; }

html body .section .mod .box.cssImageGallery .teaser.galleryTeaserSlider .mediaCon .media .imageWrapper:hover:after {
  display: block;
  content: '';
  background: red;
  height: 8px;
  width: 100%;
  position: absolute;
  bottom: 0; }
html body.pageProminent .section .mod .box.cssImageGallery .teaser.galleryTeaserSlider .mediaCon .media .imageWrapper:hover:after, html body.node-promi-klatsch .section .mod .box.cssImageGallery .teaser.galleryTeaserSlider .mediaCon .media .imageWrapper:hover:after {
  background-color: #df00b1; }
html body.pageRoyal .section .mod .box.cssImageGallery .teaser.galleryTeaserSlider .mediaCon .media .imageWrapper:hover:after, html body.node-koenigshaeuser .section .mod .box.cssImageGallery .teaser.galleryTeaserSlider .mediaCon .media .imageWrapper:hover:after {
  background-color: #8d00f9; }
html body.pageClassix .section .mod .box.cssImageGallery .teaser.galleryTeaserSlider .mediaCon .media .imageWrapper:hover:after {
  background-color: #ffbe00; }

html .section .mod .box.boxSmall:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink) .teaser, html.no-touch .section .mod .box.boxSmall:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink) .teaser, html .section .mod .box.boxSmall:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser, html.no-touch .section .mod .box.boxSmall:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser, html .section .mod .box.boxBig:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink) .teaser, html.no-touch .section .mod .box.boxBig:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink) .teaser, html .section .mod .box.boxBig:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser, html.no-touch .section .mod .box.boxBig:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser, html .section .mod .box.boxNormal:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink) .teaser, html.no-touch .section .mod .box.boxNormal:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink) .teaser, html .section .mod .box.boxNormal:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser, html.no-touch .section .mod .box.boxNormal:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser {
  background-color: transparent; }

html .mod.modB .teaser, html .mod.modC .teaser, html .mod.modD .teaser, html .mod.modE .teaser {
  background-color: transparent; }
html .mod:not(.modA) .box .teaser .teaserInfoWrapper {
  padding: 0 !important;
  padding-top: 8px !important; }
  html .mod:not(.modA) .box .teaser .teaserInfoWrapper:after {
    display: none; }

html .ui-social-fixed.stayInPlace {
  background-color: #2e2e2c; }

html .controls .owl-dot {
  border-radius: 0;
  border: 2px solid #2e2e2c;
  background: #2e2e2c; }
html .controls .owl-dot.active, html .controls .owl-dot:focus {
  background-color: #880707;
  border-color: #880707; }
html body.pageProminent .controls .owl-dot.active, html body.node-promi-klatsch .controls .owl-dot.active, html body.pageProminent .controls .owl-dot:focus, html body.node-promi-klatsch .controls .owl-dot:focus {
  background-color: #690154;
  border-color: #690154; }
html body.pageRoyal .controls .owl-dot.active, html body.node-koenigshaeuser .controls .owl-dot.active, html body.pageRoyal .controls .owl-dot:focus, html body.node-koenigshaeuser .controls .owl-dot:focus {
  background-color: #430675;
  border-color: #430675; }
html body.pageClassix .controls .owl-dot.active, html body.pageClassix .controls .owl-dot:focus {
  background-color: #c7700f;
  border-color: #c7700f; }
html.no-touch .controls .owl-dot:hover {
  background-color: #ff2302;
  border-color: #ff2302; }
html.no-touch body.pageProminent .controls .owl-dot:hover {
  background-color: #df00b1;
  border-color: #df00b1; }
html.no-touch body.pageRoyal .controls .owl-dot:hover, html.no-touch body.node-koenigshaeuser .controls .owl-dot:hover {
  background-color: #8d00f9;
  border-color: #8d00f9; }
html.no-touch body.pageClassix .controls .owl-dot:hover {
  background-color: #ffbe00;
  border-color: #ffbe00; }

html .sectionWrapper .sectionWrapperMain .mod.modA:not(.owl-isSlider) .box.boxSmall .teaser, html .sectionWrapper .sectionWrapperMain .mod.modB:not(.owl-isSlider) .box.boxSmall .teaser, html .sectionWrapper .sectionWrapperMain .mod.modC:not(.owl-isSlider) .box.boxSmall .teaser, html .sectionWrapper .sectionWrapperMain .mod.modD:not(.owl-isSlider) .box.boxSmall .teaser, html .sectionWrapper .sectionWrapperMain .mod.modE:not(.owl-isSlider) .box.boxSmall .teaser {
  padding: 0;
  padding-bottom: 60px; }
  html .sectionWrapper .sectionWrapperMain .mod.modA:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser, html .sectionWrapper .sectionWrapperMain .mod.modB:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser, html .sectionWrapper .sectionWrapperMain .mod.modC:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser, html .sectionWrapper .sectionWrapperMain .mod.modD:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser, html .sectionWrapper .sectionWrapperMain .mod.modE:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser {
    position: static; }
    html .sectionWrapper .sectionWrapperMain .mod.modA:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper, html .sectionWrapper .sectionWrapperMain .mod.modB:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper, html .sectionWrapper .sectionWrapperMain .mod.modC:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper, html .sectionWrapper .sectionWrapperMain .mod.modD:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper, html .sectionWrapper .sectionWrapperMain .mod.modE:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper {
      position: static; }
      html .sectionWrapper .sectionWrapperMain .mod.modA:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn, html .sectionWrapper .sectionWrapperMain .mod.modB:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn, html .sectionWrapper .sectionWrapperMain .mod.modC:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn, html .sectionWrapper .sectionWrapperMain .mod.modD:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn, html .sectionWrapper .sectionWrapperMain .mod.modE:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn {
        max-height: 52px;
        position: absolute;
        bottom: 0;
        left: 0; }
        html .sectionWrapper .sectionWrapperMain .mod.modA:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn .linktext, html .sectionWrapper .sectionWrapperMain .mod.modB:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn .linktext, html .sectionWrapper .sectionWrapperMain .mod.modC:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn .linktext, html .sectionWrapper .sectionWrapperMain .mod.modD:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn .linktext, html .sectionWrapper .sectionWrapperMain .mod.modE:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn .linktext {
          font-weight: 600;
          letter-spacing: 0.125em; }
html .sectionWrapper .sectionWrapperMain .mod.modA:not(.owl-isSlider) .box.boxSmall .teaser {
  padding-top: 20px; }
  html .sectionWrapper .sectionWrapperMain .mod.modA:not(.owl-isSlider) .box.boxSmall .teaser .innerTeaser .teaserInfoWrapper a.moreBtn {
    left: auto; }

html.view-s .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .moreBtn, html.view-xs .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .moreBtn, html.view-s
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .moreBtn, html.view-xs
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .moreBtn, html.view-s
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .moreBtn, html.view-xs
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .moreBtn, html.view-s
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .moreBtn, html.view-xs
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .moreBtn {
  overflow: hidden; }

html .sectionWrapper .sectionWrapperMain .modThumbs .owl-carousel .owl-stage-outer .owl-item a.moreBtn {
  position: absolute;
  bottom: 0;
  left: 0; }
html .sectionWrapper .sectionWrapperMain .modThumbs .owl-carousel .owl-stage-outer .owl-item .teaser {
  padding-bottom: 48px; }
html .sectionWrapper .sectionWrapperMain .modThumbs .owl-carousel .owl-stage-outer .owl-item h4, html .sectionWrapper .sectionWrapperMain .modThumbs .owl-carousel .owl-stage-outer .owl-item h4 .shortInfos {
  font-size: 1em; }

html.view-m .sectionChannelHeader .section .channelHeaderTeaser {
  width: 240px; }
html.view-m .sectionChannelHeader .section .channelHeaderTeaser .con, html.view-l .sectionChannelHeader .section .channelHeaderTeaser .con, html.view-xl .sectionChannelHeader .section .channelHeaderTeaser .con {
  position: absolute;
  top: 44px; }
html.view-m .sectionChannelHeader .section .channelHeaderTeaser .con {
  top: 28px; }
html .sectionChannelHeader .section .channelHeaderTeaser .mod .box.cssProgramHint .teaser .innerTeaser .shortInfos h4 span.headline, html .sectionChannelHeader .section .channelHeaderTeaser .mod .box.cssProgramHint .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent {
  color: #fafafa;
  font-size: 1.1875em !important;
  text-transform: unset;
  font-weight: normal; }

html body.cssArticle .mod h1 .headline, html body.cssMultiGroup .mod h1 .headline, html body.cssMultimediaGallery .mod h1 .headline {
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.05em;
  font-kerning: normal; }
html.view-m body.cssArticle .mod h1 .headline, html.view-l body.cssArticle .mod h1 .headline, html.view-xl body.cssArticle .mod h1 .headline, html.view-m body.cssMultiGroup .mod h1 .headline, html.view-l body.cssMultiGroup .mod h1 .headline, html.view-xl body.cssMultiGroup .mod h1 .headline, html.view-m body.cssMultimediaGallery .mod h1 .headline, html.view-l body.cssMultimediaGallery .mod h1 .headline, html.view-xl body.cssMultimediaGallery .mod h1 .headline {
  font-size: 3em; }

html body .mod.modParagraph p.subtitle {
  font-size: 1em;
  color: #880707; }
html body.pageProminent .mod.modParagraph p.subtitle, html body.node-promi-klatsch .mod.modParagraph p.subtitle {
  color: #690154; }
html body.pageRoyal .mod.modParagraph p.subtitle, html body.node-koenigshaeuser .mod.modParagraph p.subtitle {
  color: #430675; }
html body.pageClassix .mod.modParagraph p.subtitle {
  color: #c7700f; }

html .modParagraph .subtitle {
  font-weight: 600; }

html.view-xl body.cssArticle .sectionWrapper.hasSectionDetail, html.view-l body.cssArticle .sectionWrapper.hasSectionDetail {
  background-color: #fafafa; }
html.view-xl body.cssArticle .sectionWrapper.hasSectionDetail.section1er.hasSectionDetail .mod.modParagraph .einleitung, html.view-l body.cssArticle .sectionWrapper.hasSectionDetail.section1er.hasSectionDetail .mod.modParagraph .einleitung {
  margin-bottom: 32px;
  font-size: 1.33333em;
  line-height: 1.5em !important;
  font-weight: normal; }
html.view-xl body.cssArticle .sectionWrapper.hasSectionDetail.section1er .sectionDetailPage, html.view-l body.cssArticle .sectionWrapper.hasSectionDetail.section1er .sectionDetailPage {
  position: relative; }
html.view-xl body.cssArticle .sectionWrapper.hasSectionDetail.section1er .sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry), html.view-l body.cssArticle .sectionWrapper.hasSectionDetail.section1er .sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry) {
  padding-top: 48px;
  position: relative;
  left: calc(-168px + 64px);
  width: calc(100% + 168px - 64px); }

html.view-xl body.cssMultiGroup .sectionWrapper.hasSectionDetail, html.view-l body.cssMultiGroup .sectionWrapper.hasSectionDetail {
  background-color: #fafafa; }
html.view-xl body.cssMultiGroup .sectionWrapper.hasSectionDetail.section1er.hasSectionDetail .mod.modParagraph .einleitung, html.view-l body.cssMultiGroup .sectionWrapper.hasSectionDetail.section1er.hasSectionDetail .mod.modParagraph .einleitung {
  margin-bottom: 32px;
  font-size: 1.33333em;
  line-height: 1.5em !important;
  font-weight: normal; }
html.view-xl body.cssMultiGroup .sectionWrapper.hasSectionDetail.section1er .sectionDetailPage, html.view-l body.cssMultiGroup .sectionWrapper.hasSectionDetail.section1er .sectionDetailPage {
  position: relative; }
html.view-xl body.cssMultiGroup .sectionWrapper.hasSectionDetail.section1er .sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry), html.view-l body.cssMultiGroup .sectionWrapper.hasSectionDetail.section1er .sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry) {
  padding-top: 48px;
  position: relative; }

html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.hasChilds > span:hover, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.hasChilds > span:active, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.hasChilds > span:focus, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li ul.level2 li a:hover, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li ul.level2 li a:active, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li a:focus {
  text-decoration: unset;
  background-color: rgba(0, 0, 0, 0.05); }

html .mod .moreBtn:after {
  margin-top: -0.13333333em; }

html .conMultiGroupWrapper .modCon {
  border: none; }

html.view-xl .sectionA .modA .boxNormal .teaser .teasertext, html.view-l .sectionA .modA .boxNormal .teaser .teasertext, html.view-m .sectionA .modA .boxNormal .teaser .teasertext {
  margin-bottom: 68px; }

html.view-xl .section1er.hasSectionDetail .sectionA.sectionDetailPage .modA .boxNormal:not(.cssSocialMediaEmbed) .teaser, html.view-l .section1er.hasSectionDetail .sectionA.sectionDetailPage .modA .boxNormal:not(.cssSocialMediaEmbed) .teaser, html.view-m .section1er.hasSectionDetail .sectionA.sectionDetailPage .modA .boxNormal:not(.cssSocialMediaEmbed) .teaser {
  padding: 0; }
html.view-s .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxSmall:not(.cssSocialMediaEmbed) .teaser, html.view-xs .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxSmall:not(.cssSocialMediaEmbed) .teaser, html.view-s .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal:not(.cssSocialMediaEmbed) .teaser, html.view-xs .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal:not(.cssSocialMediaEmbed) .teaser {
  padding: 0;
  padding-bottom: 48px; }

html body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er {
  background-color: #fafafa; }
html.view-xl body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionWrapperRelated, html.view-l body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionWrapperRelated, html.view-m body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionWrapperRelated {
  display: none; }
html.view-xl body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionWrapperMain, html.view-l body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionWrapperMain, html.view-m body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionWrapperMain {
  width: 100%; }
html.view-xl body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionDetailPage, html.view-l body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionDetailPage {
  max-width: 672px;
  margin: 0 auto; }
html.view-xl body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry), html.view-l body.brisantEinerStyle .sectionWrapper.hasSectionDetail.section21er .sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry) {
  padding-top: 48px;
  position: relative;
  left: calc(-168px + 64px);
  width: calc(100% + 168px - 64px); }

html .mod .box.boxImage.blackLayer .teaserInfoWrapper .shortInfos, html .blackLayer .mod .box.boxImage .teaserInfoWrapper .shortInfos, html .mod .box.boxImageSquare.blackLayer .teaserInfoWrapper .shortInfos, html .blackLayer .mod .box.boxImageSquare .teaserInfoWrapper .shortInfos {
  padding-left: 16px;
  padding-bottom: 4px;
  margin-top: 8px !important; }