body {
  background-color: #fffdf8; }
  .view-xs body, .view-s body {
    background: none;
    background-color: #fffdf8; }

.bgWrapper {
  background: url("") 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: #fffdf8; }

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

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

.sectionChannelHeader.isScrolling .section {
  background-color: #235c7a; }
  .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: 88px;
    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: #fffdf8 !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: #235c7a; }
        .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: #fffdf8;
          background-color: #235c7a; }
        .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: #235c7a !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: #fffdf8 !important;
          background-color: #235c7a; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 {
          border: 8px solid none;
          padding: 4px;
          border-top: none !important;
          background-color: #235c7a !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: #fffdf8 !important; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > span,
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > a {
            color: #fffdf8 !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: #fffdf8;
            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: #235c7a; }
    .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/mdraktuell/img/head_xl.svg");
  background-repeat: no-repeat; }
.view-l .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/mdraktuell/img/head_l.svg");
  background-repeat: no-repeat; }
.view-m .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/mdraktuell/img/head_m.svg");
  background-repeat: no-repeat; }
.view-xs .sectionChannelHeader .section .channelTitle, .view-s .sectionChannelHeader .section .channelTitle {
  background: transparent url("/resources/mdrde/channel/mdraktuell/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: #fffdf8; }
  .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle,
  .sectionWrapper:not(.hasSectionDetail) .pageAreaTitle a {
    color: #fffdf8;
    background-color: #235c7a !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: #313131 !important;
  border-color: #313131 !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: transparent;
  color: #235c7a; }

.section .cssBoxTeaserStandard h3.conHeadline a,
.section .cssBoxTeaserStage h3.conHeadline a {
  color: #235c7a; }

.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: #235c7a; }
.cssIpgSearchSlider .box.currentDay a {
  border: 1px solid #235c7a; }
  .cssIpgSearchSlider .box.currentDay a .day,
  .cssIpgSearchSlider .box.currentDay a .date {
    background-color: #235c7a !important;
    color: #fff !important; }
  html.no-touch .cssIpgSearchSlider .box.currentDay a:hover, html.no-touch .cssIpgSearchSlider .box.currentDay a:focus {
    border: 1px solid #235c7a; }
.cssIpgSearchSlider .box.currentDay:after {
  border-top-color: #235c7a !important; }
.cssIpgSearchSlider .box.currentDay:before {
  border-top-color: #235c7a !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: #fffdf8;
  background-color: #235c7a; }
  .radioPlayerWrapper .playerTools li:hover,
  .radioPlayerWrapper .playerChannels li:hover {
    background-color: #1c4b64; }
.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: #1c4b64; }
.radioPlayerWrapper .playerTools li::before,
.radioPlayerWrapper .playerChannels li::before {
  color: #fffdf8; }
.radioPlayerWrapper .addControls:hover {
  background-color: #1c4b64; }
.radioPlayerWrapper .addControls button {
  color: #fffdf8; }
.radioPlayerWrapper .addControls .avPlayerVolumeProgress,
.radioPlayerWrapper .addControls .avPlayerVolumeHandle {
  background-color: #fffdf8; }
.radioPlayerWrapper .addControls .btn {
  color: #fffdf8; }
  html.no-touch .radioPlayerWrapper .addControls .btn:hover {
    color: #fffdf8; }
.radioPlayerWrapper .addControls .avPlayerVolumeBar:before {
  background-color: #fffdf8; }
.radioPlayerWrapper .addControls .avPlayerVolumeHandle {
  background-color: #fffdf8; }
.radioPlayerWrapper .addControls .avPlayerVolumeProgress {
  background-color: #fffdf8; }

.radioPlayer {
  background-color: #235c7a; }
  .radioPlayer .spinner {
    left: 20px !important;
    color: #fffdf8; }
    .radioPlayer .spinner div {
      border-color: white;
      background-color: white; }
  .radioPlayer .radioPlayerControls {
    color: #fffdf8;
    background-color: #921136; }
    .radioPlayer .radioPlayerControls:hover, .radioPlayer .radioPlayerControls:focus {
      color: #fffdf8;
      background-color: #640e23; }
  .radioPlayer .playlistInfos {
    color: #fffdf8; }
    .radioPlayer .playlistInfos span.info {
      color: #fffdf8; }
  .radioPlayer .buttonBox {
    background-color: #235c7a; }
    .radioPlayer .buttonBox .radioPlayerMore::before {
      color: #fffdf8; }
    .radioPlayer .buttonBox .radioPlayerChannels::before {
      color: #fffdf8; }

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

html body, html body p, html body a, html body h1, html body h2, html body h3, html body h4, html body label, html body td, html body th, html body tr, html body legend, html body input, html body div.entry.active, html body ul li, html body ol li {
  color: #235c7a; }
html body p, html body table {
  line-height: 1.625em !important; }

html .sectionWrapper .dachzeile, html .sectionWrapper .date:not(input), html
.sectionWrapper .channel, html .sectionWrapper .broadcastSeriesTitle {
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  font-size: 0.75em;
  margin-bottom: 4px; }
html.view-xs .sectionWrapper .dachzeile, html.view-s .sectionWrapper .dachzeile, html.view-xs .sectionWrapper .date:not(input), html.view-s .sectionWrapper .date:not(input), html.view-xs
.sectionWrapper .channel, html.view-s
.sectionWrapper .channel, html.view-xs .sectionWrapper .broadcastSeriesTitle, html.view-s .sectionWrapper .broadcastSeriesTitle {
  font-size: 0.6375em;
  line-height: 1.86; }
html .sectionWrapper.hasSectionDetail .dachzeile {
  color: #921136;
  font-weight: bold; }

html .sectionWrapper h1 .headline, html .sectionWrapper h1.headline {
  font-weight: 400;
  font-size: 2.5em;
  line-height: 1.28; }
html.view-s .sectionWrapper h1 .headline, html.view-xs .sectionWrapper h1 .headline, html.view-s .sectionWrapper h1.headline, html.view-xs .sectionWrapper h1.headline {
  font-size: 1.5em;
  line-height: 1.33;
  margin-bottom: 20px; }
html.view-s .sectionWrapper .con .mod h3.headline, html.view-xs .sectionWrapper .con .mod h3.headline, html.view-s .sectionWrapper .con .mod h3.subtitle, html.view-xs .sectionWrapper .con .mod h3.subtitle {
  font-size: 1.125em;
  margin-bottom: 16px; }
html .sectionWrapper h4 .headline, html .sectionWrapper h4.headline {
  font-weight: bold; }
html .sectionWrapper .section .mod .boxCon .box .teaserInfoWrapper h4 > *, html .sectionWrapper .section .mod .boxCon .box .teaserInfoWrapper:after {
  color: #235c7a; }
html.view-xs .sectionWrapper.section1er .mod .shortInfos h4 .headline, html.view-s .sectionWrapper.section1er .mod .shortInfos h4 .headline {
  font-size: 1.25em; }
html.view-l .sectionWrapper.section1er .modA .shortInfos h4 .headline, html.view-xl .sectionWrapper.section1er .modA .shortInfos h4 .headline {
  font-size: 2em; }
html.view-xs .sectionWrapper.section1er .modA .shortInfos h4 .headline, html.view-s .sectionWrapper.section1er .modA .shortInfos h4 .headline {
  font-size: 1.25em; }
html.view-m .sectionWrapper.section1er .modA .box.boxNormal:not(.boxSpecial) h4 .headline, html.view-l .sectionWrapper.section1er .modA .box.boxNormal:not(.boxSpecial) h4 .headline, html.view-xl .sectionWrapper.section1er .modA .box.boxNormal:not(.boxSpecial) h4 .headline {
  font-size: 1.33em; }
html.view-m .sectionWrapper.section1er .modC h4 .headline, html.view-l .sectionWrapper.section1er .modC h4 .headline, html.view-xl .sectionWrapper.section1er .modC h4 .headline {
  font-size: 1.25em; }

html .section .conHeadline, html .section .con.conFlexLoad .conHeadline, html .section .con.conPinboard .conHeadline {
  padding: 12px 8px; }

html .sectionWrapper {
  background-color: transparent !important; }
html .sectionWrapper .section .con .mod .boxCon {
  background-color: transparent !important; }
html .sectionWrapper .section .con .mod .boxCon .box, html.no-touch .sectionWrapper .section .con .mod .boxCon .box, html .sectionWrapper .section .con .mod .boxCon .box .teaser, html.no-touch .sectionWrapper .section .con .mod .boxCon .box .teaser, html .sectionWrapper .section .con .mod .boxCon .box .boxCon, html.no-touch .sectionWrapper .section .con .mod .boxCon .box .boxCon, html .sectionWrapper .section .con .mod .boxCon .box:hover, html.no-touch .sectionWrapper .section .con .mod .boxCon .box:hover, html .sectionWrapper .section .con .mod .boxCon .box:hover .teaser, html.no-touch .sectionWrapper .section .con .mod .boxCon .box:hover .teaser, html .sectionWrapper .section .con .mod .boxCon .box:hover .boxCon, html.no-touch .sectionWrapper .section .con .mod .boxCon .box:hover .boxCon {
  background-color: transparent !important; }
.sectionWrapper .section .con .mod .boxCon .box.cssImageGallery .teaser.special .ui-thumbSlider {
  background-color: transparent; }
html .sectionWrapper .section .con.conFlexLoad, html .sectionWrapper .section .con.conPinboard {
  background-color: transparent !important; }

html .conStagebox .modStage .boxCon {
  background-color: #e9e4d9;
  border: none; }

html .mod .controls.sliding {
  background-color: transparent;
  border: none; }
  html .mod .controls.sliding .owl-dot {
    border-color: #235c7a; }
    html .mod .controls.sliding .owl-dot.active, html .mod .controls.sliding .owl-dot:focus, html .mod .controls.sliding .owl-dot:hover {
      background-color: #235c7a; }

html.view-m #header, html.view-l #header, html.view-xl #header {
  margin-bottom: 0; }

html.view-xs .wrapper, html.view-s .wrapper {
  padding-left: 4px;
  padding-right: 4px; }
html.view-m .wrapper {
  padding-left: 16px;
  padding-right: 16px; }

html.view-s .sectionWrapper, html.view-xs .sectionWrapper {
  margin-top: 8px;
  margin-bottom: 8px; }

html.view-m .section, html.view-l .section, html.view-xl .section {
  padding: 0; }

html.view-m .sectionA .con:not(.conPinboard) .modA .boxBig, html.view-l .sectionA .con:not(.conPinboard) .modA .boxBig, html.view-xl .sectionA .con:not(.conPinboard) .modA .boxBig, html.view-m
.sectionZ .con:not(.conPinboard) .modA .boxBig, html.view-l
.sectionZ .con:not(.conPinboard) .modA .boxBig, html.view-xl
.sectionZ .con:not(.conPinboard) .modA .boxBig {
  padding: 8px; }
html.view-xs .sectionA .con:not(.conPinboard) .modA .boxBig, html.view-s .sectionA .con:not(.conPinboard) .modA .boxBig, html.view-xs
.sectionZ .con:not(.conPinboard) .modA .boxBig, html.view-s
.sectionZ .con:not(.conPinboard) .modA .boxBig {
  padding: 8px 0; }

html.view-m .teaser, html.view-l .teaser, html.view-xl .teaser {
  padding: 0; }

html.view-m .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaser, html.view-l .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaser, html.view-xl .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaser, html.view-m .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaser, html.view-l .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaser, html.view-xl .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaser, html.view-m .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaser, html.view-l .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaser, html.view-xl .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaser, html.view-m .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaser, html.view-l .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaser, html.view-xl .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaser {
  padding: 0; }

html.view-m .boxCon, html.view-l .boxCon, html.view-xl .boxCon {
  padding: 0 !important; }

html .modCon .mod .teaserInfoWrapper, html .modCon .mod
.time {
  padding: 0; }

html .mod .shortInfos {
  margin-top: 8px;
  margin-bottom: 6px; }

html.view-l body .con.noStandardFallback .mod.modC .box.boxImage .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modC .box.boxImage .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modC .box.boxImageSquare .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modC .box.boxImageSquare .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modC .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modC .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modD .box.boxImage .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modD .box.boxImage .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modD .box.boxImageSquare .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modD .box.boxImageSquare .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modD .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modD .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modE .box.boxImage .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modE .box.boxImage .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modE .box.boxImageSquare .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modE .box.boxImageSquare .teaserInfoWrapper, html.view-l body .con.noStandardFallback .mod.modE .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, html.view-xl body .con.noStandardFallback .mod.modE .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper {
  padding: 8px 0 !important;
  padding-right: 32px !important; }

html.view-m .mod .boxBig .teaser .teaserInfoWrapper, html.view-l .mod .boxBig .teaser .teaserInfoWrapper, html.view-xl .mod .boxBig .teaser .teaserInfoWrapper, html.view-m .mod .image1xN .teaser .teaserInfoWrapper, html.view-l .mod .image1xN .teaser .teaserInfoWrapper, html.view-xl .mod .image1xN .teaser .teaserInfoWrapper {
  padding-left: 0;
  padding-right: 0; }
html.view-xs .mod .boxBig .teaser .teaserInfoWrapper, html.view-s .mod .boxBig .teaser .teaserInfoWrapper, html.view-xs .mod .image1xN .teaser .teaserInfoWrapper, html.view-s .mod .image1xN .teaser .teaserInfoWrapper {
  padding-left: 8px;
  padding-right: 8px; }

html body .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .modA .box.boxImage .teaser {
  padding: 0 !important; }

html.view-xs body .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .modA .box.boxImage:not(.cssIndexPage) .teaser, html.view-s body .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .modA .box.boxImage:not(.cssIndexPage) .teaser {
  padding: 8px !important; }

html.view-xs .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry), html.view-s .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry) {
  padding-top: 0; }
html.view-xs .sectionWrapper.hasSectionDetail, html.view-s .sectionWrapper.hasSectionDetail {
  margin-top: 0; }

html.view-xs .mod .box.boxImage .innerTeaser .teaserInfoWrapper, html.view-s .mod .box.boxImage .innerTeaser .teaserInfoWrapper, html.view-xs .mod .box.boxImageSquare .innerTeaser .teaserInfoWrapper, html.view-s .mod .box.boxImageSquare .innerTeaser .teaserInfoWrapper {
  padding-left: 0px !important; }

html.view-xs .sectionChannelHeader .section .channelTitle, html.view-s .sectionChannelHeader .section .channelTitle {
  background-size: auto;
  min-height: 66px;
  height: 66px; }
html .sectionChannelHeader .section .channelTitle a.logolink.isScrolling {
  display: none; }
html .sectionChannelHeader .section .channelTitle a.logolink {
  height: 0;
  left: 0px;
  overflow: hidden;
  padding-top: 80px;
  position: absolute;
  top: 15px;
  width: 296px; }
html.view-xs .sectionChannelHeader .section .channelTitle a.logolink, html.view-s .sectionChannelHeader .section .channelTitle a.logolink {
  width: 100%;
  height: 100%;
  padding-top: 0;
  top: 0;
  left: 0;
  opacity: 0; }
html .sectionChannelHeader .section .channelNavigation li span, html .sectionChannelHeader .section .channelNavigation li a {
  text-transform: uppercase !important; }
html.no-touch .sectionChannelHeader .section .channelNavigation li span:hover, html.no-touch .sectionChannelHeader .section .channelNavigation li a:hover {
  text-decoration: none !important; }
html .sectionChannelHeader .section .channelNavigation ul.level1 {
  border-color: #d7d2c6; }
html.view-m .sectionChannelHeader .section .channelNavigation ul.level1, html.view-l .sectionChannelHeader .section .channelNavigation ul.level1, html.view-xl .sectionChannelHeader .section .channelNavigation ul.level1 {
  border-bottom-style: solid;
  border-bottom-width: 6px; }
html.view-s .sectionChannelHeader .section .channelNavigation ul.level1, html.view-xs .sectionChannelHeader .section .channelNavigation ul.level1 {
  border-top-style: solid;
  border-top-width: 2px; }
html .sectionChannelHeader .section .channelNavigation ul.level1 > li {
  bottom: -6px; }
html.view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li, html.view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li {
  bottom: 0; }
html .sectionChannelHeader .section .channelNavigation ul.level1 > li > span, html .sectionChannelHeader .section .channelNavigation ul.level1 > li > a {
  padding: 8px; }
html .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span, html .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > a {
  border-bottom: 6px #921136 solid;
  background: transparent;
  color: #235c7a; }
html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span:hover, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > a:hover {
  border-color: #235c7a; }
html .sectionChannelHeader.isScrolling .section {
  background-color: #235c7a; }
html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 {
  border-bottom: 6px #235c7a solid;
  background-color: transparent !important; }
html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li > span, html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li > a {
  color: #fffdf8; }
html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li > span:hover, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li > span:focus, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li > a:hover, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li > a:focus {
  background-color: #921136 !important;
  border-bottom: 6px #921136 solid; }
html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li.open > span, html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li.open > a {
  background-color: #921136 !important;
  border-bottom: 6px #921136 solid; }
html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 {
  background-color: #921136 !important; }
html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li > span:hover, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li > span:hover, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li > span:active, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li > span:focus, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li > a:hover, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li > a:hover, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li > a:active, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li > a:focus {
  background: #640e23;
  text-decoration: none; }
html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li.active > span, html.no-touch .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 li.active > a {
  background: #640e23;
  text-decoration: none; }

html body #breadcrumb > ul {
  padding: 12px 8px; }

html .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle {
  padding-top: 2.5px;
  line-height: 1rem;
  padding-bottom: 6px;
  letter-spacing: 3px;
  border-bottom: none;
  text-align: left;
  max-height: 22px;
  padding-left: 2em; }
html.view-m .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle, html.view-l .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle, html.view-xl .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle {
  font-size: .9em; }
html.view-xs .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle, html.view-s .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle {
  font-size: 0.75em;
  max-height: 20px; }
html .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle a::after {
  display: none; }
html .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle:before {
  display: block;
  content: '';
  background: #921136;
  position: absolute;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  float: left; }
html.view-xs .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle:before, html.view-s .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle:before {
  width: 20px;
  height: 20px; }

html .section .con h3.conHeadline, html .section .con.cssBoxTeaserStandard h3.conHeadline, html .section .con.cssBoxTeaserStage h3.conHeadline {
  border-bottom: none !important;
  text-align: left;
  text-transform: none;
  font-size: 1.5em; }
html .section .con h3.conHeadline a[href]::after, html .section .con.cssBoxTeaserStandard h3.conHeadline a[href]::after, html .section .con.cssBoxTeaserStage h3.conHeadline a[href]::after {
  display: none; }

html .box:not(.linkToRessort) .linklist {
  padding: 0; }
.box:not(.linkToRessort) .linklist .list {
  /*& ,*/ }
  html .box:not(.linkToRessort) .linklist .list {
    border: none;
    background-color: transparent; }
  html .box:not(.linkToRessort) .linklist .list li, html.no-touch .box:not(.linkToRessort) .linklist .list li, html .box:not(.linkToRessort) .linklist .list li:hover, html.no-touch .box:not(.linkToRessort) .linklist .list li:hover {
    border: none;
    background-color: transparent;
    border-bottom: 1px #5d97b5 solid;
    background-color: transparent;
    left: 0px; }
  html .box:not(.linkToRessort) .linklist .list li:last-child, html.no-touch .box:not(.linkToRessort) .linklist .list li:last-child, html .box:not(.linkToRessort) .linklist .list li:hover:last-child, html.no-touch .box:not(.linkToRessort) .linklist .list li:hover:last-child {
    border-color: #235c7a;
    border-width: 2px; }
  html .box:not(.linkToRessort) .linklist .list li a, html .box:not(.linkToRessort) .linklist .list li > span, html .box:not(.linkToRessort) .linklist .list li > div, html .box:not(.linkToRessort) .linklist .list li:hover a, html .box:not(.linkToRessort) .linklist .list li:hover > span, html .box:not(.linkToRessort) .linklist .list li:hover > div {
    padding: 8px;
    margin: 8px 0; }
  html .box:not(.linkToRessort) .linklist .list li a, html .box:not(.linkToRessort) .linklist .list li:hover a {
    padding-left: 21px !important; }
    html .box:not(.linkToRessort) .linklist .list li a::before, html .box:not(.linkToRessort) .linklist .list li:hover a::before {
      color: #235c7a;
      top: 9px;
      left: 0; }
html .box:not(.linkToRessort) .linklist.cssBoxTeaserLink {
  padding: 0 !important;
  margin-bottom: 8px; }
html .box:not(.linkToRessort) .linklist.cssBoxTeaserLink .list li, html .box:not(.linkToRessort) .linklist.cssBoxTeaserLink .list li:hover, html .box:not(.linkToRessort) .linklist.cssBoxTeaserLink .list li:last-child, html .box:not(.linkToRessort) .linklist.cssBoxTeaserLink .list li:hover:last-child {
  border-bottom: none;
  border-top: none;
  padding-left: 8px; }

html #content .sectionDetailPage .con.cssBoxTeaserLink .box {
  padding: 0 8px;
  margin-bottom: 10px; }
html #content .sectionDetailPage .con.cssBoxTeaserLink .box .linklist {
  margin-bottom: 0; }
html #content .sectionDetailPage .con.cssBoxTeaserLink .box .linklist .list li {
  border-bottom: none; }

html .sectionDetailPage .mod.modTable .box .table table tr, html .sectionDetailPage .mod.modTable .box .table table th, html .sectionDetailPage .mod.modTable .box .table table td, html .sectionDetailPage .mod.modTable .box .table table tr.headlines th {
  border-color: #d7d2c6; }
html .sectionDetailPage .mod.modTable .box .table table thead tr, html .sectionDetailPage .mod.modTable .box .table table thead th {
  background-color: #d7d2c6; }
html .sectionDetailPage .mod.modTable .box .table table tbody tr, html .sectionDetailPage .mod.modTable .box .table table tbody th, html .sectionDetailPage .mod.modTable .box .table table tbody td {
  background-color: #e9e4d9; }

html .teaser .teaserInfoWrapper .moreBtn {
  text-align: left;
  display: inline-block; }
html .teaser .teaserInfoWrapper .moreBtn .linktext {
  padding-left: 8px; }

html #content .boxCon .box:not(.linkToRessort):not(.boxImage):not(.boxImageSquare):not(.cssArticleShortNews):not(.weather):not(.cssBoxTeaserBundle) .teaser {
  border-bottom: 2px solid #e9e4d9;
  padding-bottom: 8px !important; }

html.view-m .sectionWrapperRelated .section, html.view-l .sectionWrapperRelated .section, html.view-xl .sectionWrapperRelated .section {
  padding-right: 8px !important;
  padding-left: 32px !important; }
html.view-xs .sectionWrapperRelated .section, html.view-s .sectionWrapperRelated .section {
  padding-left: 0;
  padding-right: 0; }
html.view-m .sectionWrapperRelated .section h3.conHeadline, html.view-l .sectionWrapperRelated .section h3.conHeadline, html.view-xl .sectionWrapperRelated .section h3.conHeadline {
  padding: 12px 8px; }

html .sectionWrapper.hasSectionDetail .sectionWrapperMain, html .sectionWrapper.hasSectionDetail .sectionWrapperMain .box, html .sectionWrapper.hasSectionDetail .sectionWrapperRelated, html .sectionWrapper.hasSectionDetail .sectionWrapperRelated .box {
  background-color: transparent;
  border: none !important; }
html .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .voiceReaderButton, html.no-touch .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .voiceReaderButton {
  color: #235c7a; }
html .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .mod .timestamp {
  border-top: 2px solid #e9e4d9;
  padding-top: 16px;
  margin-top: 16px;
  font-size: 0.875em; }
html.view-l .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .modA .box:not(.dossierNavigation):not(.firstMediaFull), html.view-xl .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .modA .box:not(.dossierNavigation):not(.firstMediaFull) {
  padding: 8px; }
html .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .box:not(.boxImage):not(.boxImageSquare):not(.cssAudio):not(.cssVideo) .teaser, html .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .box:not(.boxImage):not(.boxImageSquare):not(.cssAudio):not(.cssVideo):hover .teaser {
  padding: 8px !important;
  background-color: #e9e4d9 !important; }
html .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .box.boxImage .teaser {
  padding: 8px !important;
  background-color: #e9e4d9 !important; }
html.view-xl .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .box.boxImage .teaser, html.view-l .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .box.boxImage .teaser, html.view-m .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .box.boxImage .teaser {
  padding: 0 !important; }

html .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxSmall .teaser, html .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal .teaser {
  padding: 0; }

html .sectionDetailPage .con .mod.modParagraph .mediaInfo {
  background-color: transparent;
  padding: 10px 0;
  border-bottom: 2px solid #e9e4d9; }
html .sectionDetailPage .con .mod.modParagraph .mediaInfo .mediaSubtitle {
  margin-bottom: 0; }
html .sectionDetailPage .con .mod.modParagraph .mediaInfo .mediaRights {
  line-height: 1.86;
  letter-spacing: 2.1px;
  text-transform: uppercase; }
html.view-m .sectionDetailPage .con .mod.modParagraph .mediaInfo .mediaRights, html.view-l .sectionDetailPage .con .mod.modParagraph .mediaInfo .mediaRights, html.view-xl .sectionDetailPage .con .mod.modParagraph .mediaInfo .mediaRights {
  font-size: 0.6rem; }

html.view-m .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-m .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-s .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-xs .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-m .section .con .mod .box.boxSmall .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-s .section .con .mod .box.boxSmall .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-xs .section .con .mod .box.boxSmall .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-m .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-s .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before, html.view-xs .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon:not(.cssImage):not(.mediaFull) .imageWrapper::before {
  padding-top: 56.25%; }
html.view-s .box:not(.boxBig):not(.image1xN):not(.cssIndexPage):not(.mediaFull):not(.cssLink):not(.donotshrink) .mediaCon:not(.cssImage):not(.mediaFull), html.view-xs .box:not(.boxBig):not(.image1xN):not(.cssIndexPage):not(.mediaFull):not(.cssLink):not(.donotshrink) .mediaCon:not(.cssImage):not(.mediaFull) {
  max-width: 100%; }
html.view-s .box:not(.boxBig):not(.image1xN):not(.cssIndexPage):not(.mediaFull):not(.cssLink):not(.donotshrink) .mediaCon:not(.cssImage):not(.mediaFull) .media, html.view-xs .box:not(.boxBig):not(.image1xN):not(.cssIndexPage):not(.mediaFull):not(.cssLink):not(.donotshrink) .mediaCon:not(.cssImage):not(.mediaFull) .media {
  width: 66%; }

html .sectionA .con:not(.conPinboard) .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, html .sectionA .con.spezial .mod .mediaCon, html
.sectionZ .con:not(.conPinboard) .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, html
.sectionZ .con.spezial .mod .mediaCon {
  margin-bottom: 8px; }
html .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, html
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon {
  margin-bottom: 8px !important;
  padding-right: 16px !important; }

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

html .section .mod .cssAv .teaser .innerTeaser .cssProgramHintBox, html .sectionA .modA .mod .cssAv .teaser .innerTeaser .cssProgramHintBox {
  border: none;
  background-color: #e9e4d9;
  margin-bottom: 0; }
html .section .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, html .section .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, html .sectionA .modA .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, html .sectionA .modA .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
  border-left: 1px solid #fffdf8; }
html .section .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, html .sectionA .modA .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
  border-bottom: none;
  border-top: none; }
html .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .avInfos {
  border-top: 1px solid #fffdf8; }
html .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .avInfos.hasDownload .avDownload .avDownloadTitle {
  border-right: 1px solid #fffdf8; }
.mod .cssAv .teaser .innerTeaser .cssProgramHintBox p .cssProgramHintBroadcast {
  border-bottom: 1px solid #fffdf8; }
.mod .cssAv .teaser .innerTeaser .cssProgramHintBox p .broadcastDuration {
  border-top: 1px solid #fffdf8; }

html #infothek li.detail div.details {
  background-color: #e9e4d9;
  padding: 16px; }
html #infothek li.detail:hover div.details, html #infothek li.detail:hover .cssAudio, html #infothek li.detail:hover .cssAv .teaser, html #infothek li.detail:active div.details, html #infothek li.detail:active .cssAudio, html #infothek li.detail:active .cssAv .teaser {
  background-color: #e9e4d9; }

html .mod div:not(.cssBroadcastHintStyleProperties) .definition {
  border-color: #e9e4d9; }
html .mod div.cssBroadcastHintStyleProperties .definition {
  border: none;
  padding: 0 !important; }

html body #content .sectionWrapper .section .ui-collapsible.conWrapper {
  padding: 0 8px; }
html body #content .sectionWrapper .section .ui-collapsible.conWrapper .ui-collapsible-entry {
  border: 1px solid #e9e4d9; }
html body #content .sectionWrapper .section .ui-collapsible.conWrapper .ui-collapsible-entry h3.conHeadline {
  font-size: 1.125em; }
html.js .sectionWrapper .section .ui-collapsible.conWrapper .ui-collapsible-entry .ui-collapsible-trigger:before {
  color: #235c7a; }

html body #content .sectionWrapper .section .ui-collapsible .ui-collapsible-entry .ui-collapsible-body, html body #content .sectionWrapper .section .ui-collapsible .ui-collapsible-entry .ui-collapsible-trigger, html body #content .sectionWrapper .section .ui-collapsible .ui-collapsible-entry .ui-collapsible-trigger:focus {
  background-color: transparent !important; }

html body .mod.modParagraph .jumpLabelList ul li a {
  border-color: #e9e4d9; }

html body .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .linklist li, html body .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .controls.sliding {
  border-color: #e9e4d9; }

html .noText .teaserInfoWrapper {
  display: none; }

html.view-m .con .mod .box.linkToRessort, html.view-l .con .mod .box.linkToRessort, html.view-xl .con .mod .box.linkToRessort {
  padding: 8px calc(33.3333% / 2);
  margin-bottom: 32px; }
html.view-xs .con .mod .box.linkToRessort, html.view-s .con .mod .box.linkToRessort {
  margin-bottom: 16px; }
html .box.linkToRessort .linklist ul.list {
  border: none; }
html .box.linkToRessort .linklist ul.list li {
  background: #e9e4d9;
  border: none; }
html.no-touch .box.linkToRessort .linklist ul.list li:hover {
  background: #e9e4d9; }
html .box.linkToRessort .linklist ul.list li a {
  padding: 8px !important; }
html.view-m .box.linkToRessort .linklist ul.list li a, html.view-l .box.linkToRessort .linklist ul.list li a, html.view-xl .box.linkToRessort .linklist ul.list li a {
  margin: 9px 0; }
html.view-s .box.linkToRessort .linklist ul.list li a, html.view-xs .box.linkToRessort .linklist ul.list li a {
  font-size: 0.66666666em; }
html .box.linkToRessort .linklist ul.list li a .linktext {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.559em;
  text-align: center;
  font-weight: bold; }
html.view-s .box.linkToRessort .linklist ul.list li a .linktext, html.view-xs .box.linkToRessort .linklist ul.list li a .linktext {
  font-weight: normal; }
html .box.linkToRessort .linklist ul.list li a::before {
  display: none; }

html .mod .channelBtn {
  background-color: transparent; }
html.view-m .mod .channelBtn, html.view-l .mod .channelBtn, html.view-xl .mod .channelBtn {
  padding: 8px calc(33.3333% / 2);
  margin-bottom: 32px; }
html.view-xs .mod .channelBtn, html.view-s .mod .channelBtn {
  margin-bottom: 16px; }
html .mod .channelBtn .moreBtn {
  padding: 16px !important;
  color: #235c7a;
  background: #e9e4d9;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.559em;
  text-align: center;
  font-weight: bold;
  width: 100%;
  border-radius: 0; }
  html .mod .channelBtn .moreBtn:hover, html .mod .channelBtn .moreBtn:focus {
    color: #0673b8 !important; }
html.view-m .mod .channelBtn .moreBtn, html.view-l .mod .channelBtn .moreBtn, html.view-xl .mod .channelBtn .moreBtn {
  margin: 9px 0; }
html.view-s .mod .channelBtn .moreBtn, html.view-xs .mod .channelBtn .moreBtn {
  font-weight: normal;
  font-size: 1em; }
html .mod .channelBtn .moreBtn::after {
  display: none; }

html body #content .sectionWrapper.section1er.gefahreninformation {
  padding: 8px;
  margin-top: inherit; }
html.view-xs body #content .sectionWrapper.section1er.gefahreninformation, html.view-s body #content .sectionWrapper.section1er.gefahreninformation {
  padding: 0; }
html body #content .sectionWrapper.section1er.gefahreninformation .section {
  padding: 0 16px !important; }
html body #content .sectionWrapper.section1er.gefahreninformation .section .box {
  padding: 8px 0 !important; }
html body #content .sectionWrapper.section1er.gefahreninformation .sectionWrapperMain {
  background-color: #e9e4d9;
  border: none; }
html body #content .sectionWrapper.section1er.gefahreninformation .mod .linklist .list li:last-child {
  border-bottom: none; }
html body #content .sectionWrapper.section1er.gefahreninformation .mod .linklist .list li a, html body #content .sectionWrapper.section1er.gefahreninformation .mod .linklist .list li a::before {
  color: #921136 !important;
  margin-top: 0;
  margin-bottom: 0; }
html body #content .sectionWrapper.section1er.gefahreninformation .mod .linklist .list li a:hover {
  color: #640e23; }
html body #content .sectionWrapper.section1er.gefahreninformation:not(.hasSectionDetail) h2.pageAreaTitle, html body #content
.sectionWrapper.section1er.gefahreninformation:not(.hasSectionDetail) .section .cssBoxTeaserStandard h3.conHeadline {
  color: #921136 !important;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-align: center;
  font-weight: normal;
  border-bottom: 2px solid #921136 !important; }

html body #content .sectionWrapper.section1er.pageAreaNewsFlash {
  padding: 8px; }
html.view-xs body #content .sectionWrapper.section1er.pageAreaNewsFlash, html.view-s body #content .sectionWrapper.section1er.pageAreaNewsFlash {
  padding: 0px; }
html body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon {
  background: #921136 !important;
  padding: 0; }
html body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon h3.newsFlashTitle {
  font-size: 1em;
  font-style: normal;
  letter-spacing: 2px;
  color: white;
  border-bottom: 2px white solid;
  margin: 16px;
  padding: 0;
  padding-bottom: 10px; }
html.view-s body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon h3.newsFlashTitle, html.view-xs body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon h3.newsFlashTitle {
  width: 100%;
  padding: 0;
  padding-bottom: 10px;
  background-color: transparent; }
html body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon .box.cssNewsFlash {
  background: transparent; }
html body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon .box.cssNewsFlash .teaser {
  background: transparent;
  padding: 0; }
html body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon .box.cssNewsFlash .teaser .teaserInfoWrapper {
  padding: 0 32px;
  padding-bottom: 8px; }
html body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon .box.cssNewsFlash .teaser .teaserInfoWrapper h4.headline {
  font-weight: 400;
  font-size: 1.5625em;
  line-height: 1.2;
  font-style: normal;
  margin-bottom: 0;
  color: white; }
html body #content .sectionWrapper.section1er.pageAreaNewsFlash .section .conNewsFlash .boxCon .box.cssNewsFlash .teaser .teaserInfoWrapper p.teasertext {
  color: white; }

html .sectionChannelHeader .channelHeaderTeaser {
  height: 90px !important;
  right: 0 !important;
  width: 360px;
  overflow: visible; }
html.view-m .sectionChannelHeader .channelHeaderTeaser {
  width: 360px; }

.radioPlayer .radioPlayerChannels {
  display: none; }
.radioPlayer .playlistInfos {
  right: 90px; }

html body .con.spezial {
  background: #235c7a; }
html body .con.spezial .mod .boxCon {
  background: transparent; }
html body .con.spezial .mod .boxCon p, html body .con.spezial .mod .boxCon a, html body .con.spezial .mod .boxCon h1, html body .con.spezial .mod .boxCon h2, html body .con.spezial .mod .boxCon h3, html body .con.spezial .mod .boxCon h4, html body .con.spezial .mod .boxCon label, html body .con.spezial .mod .boxCon td, html body .con.spezial .mod .boxCon th, html body .con.spezial .mod .boxCon tr, html body .con.spezial .mod .boxCon legend, html body .con.spezial .mod .boxCon input, html body .con.spezial .mod .boxCon div.entry.active, html body .con.spezial .mod .boxCon ul li, html body .con.spezial .mod .boxCon ol li, html body .con.spezial .mod .boxCon .teaserInfoWrapper h4 > *, html body .con.spezial .mod .boxCon h3.conHeadline, html body .con.spezial .mod .boxCon .box.boxImage.noImage:not(.noStandardFallback), html body .con.spezial .mod .boxCon .box.boxImageSquare.noImage:not(.noStandardFallback) {
  color: #fffdf8; }
html body .con.spezial .mod .boxCon .box .teaser {
  border-color: #35708d; }
html body .con.spezial .mod .boxCon .box .moreBtn {
  color: #e9e4d9; }
html.no-touch body .con.spezial .mod .boxCon .box:hover .moreBtn {
  color: #d7d2c6; }
html body .con.spezial .mod .boxCon .box.linkToRessort .linklist .list li {
  background: #35708d; }
html.no-touch body .con.spezial .mod .boxCon .box.linkToRessort .linklist .list li:hover {
  background: #35708d !important; }
  html.no-touch body .con.spezial .mod .boxCon .box.linkToRessort .linklist .list li:hover .linktext {
    color: #e9e4d9 !important; }

html .sectionWrapper .section .modCon .boxCon .box.boxstil-petrol .teaser, html .sectionWrapper .section .modCon .boxCon
.box.mediathek .teaser, html .sectionWrapper .section .modCon .boxCon
.box.boxstil-sand .teaser {
  background-color: #e9e4d9; }
html .sectionWrapper .section .modCon .boxCon .box.boxstil-petrol .teaser .teaserInfoWrapper, html .sectionWrapper .section .modCon .boxCon
.box.mediathek .teaser .teaserInfoWrapper, html .sectionWrapper .section .modCon .boxCon
.box.boxstil-sand .teaser .teaserInfoWrapper {
  color: #235c7a;
  padding: 16px 0 !important; }
  html .sectionWrapper .section .modCon .boxCon .box.boxstil-petrol .teaser .teaserInfoWrapper::after, html .sectionWrapper .section .modCon .boxCon
  .box.mediathek .teaser .teaserInfoWrapper::after, html .sectionWrapper .section .modCon .boxCon
  .box.boxstil-sand .teaser .teaserInfoWrapper::after {
    right: 16px; }
html .sectionWrapper .section .modCon .boxCon .box.boxstil-petrol .teaser .teaserInfoWrapper h4 > *, html .sectionWrapper .section .modCon .boxCon
.box.mediathek .teaser .teaserInfoWrapper h4 > *, html .sectionWrapper .section .modCon .boxCon
.box.boxstil-sand .teaser .teaserInfoWrapper h4 > * {
  color: #235c7a;
  padding: 0 16px;
  padding-right: 48px;
  margin-bottom: 0px; }

html .modCon .boxCon .box.boxstil-petrol .teaser, html .modCon .boxCon
.box.mediathek .teaser {
  background-color: #235c7a; }
html .modCon .boxCon .box.boxstil-petrol .teaser .teaserInfoWrapper::after, html .modCon .boxCon
.box.mediathek .teaser .teaserInfoWrapper::after {
  color: #fffdf8; }
html .modCon .boxCon .box.boxstil-petrol .teaser .teaserInfoWrapper, html .modCon .boxCon .box.boxstil-petrol .teaser .teaserInfoWrapper h4 > *, html .modCon .boxCon
.box.mediathek .teaser .teaserInfoWrapper, html .modCon .boxCon
.box.mediathek .teaser .teaserInfoWrapper h4 > * {
  color: #fffdf8; }

html .sectionWrapper .section .mod .cssAv.boxImage .teaserInfoWrapper::after, html .sectionWrapper .section .mod .cssAv.boxImageSquare .teaserInfoWrapper::after {
  color: #fff; }

html.view-xl #content .radiowellenTeaserBox .mod .box, html.view-l #content .radiowellenTeaserBox .mod .box, html.view-m #content .radiowellenTeaserBox .mod .box {
  min-width: calc(99.9% / 8);
  width: calc(99.9% / 8); }
html.view-xs #content .radiowellenTeaserBox .mod .box, html.view-s #content .radiowellenTeaserBox .mod .box {
  min-width: calc(99.9% / 6);
  width: calc(99.9% / 6); }
html #content .radiowellenTeaserBox .mod .box .teaser .teaserInfoWrapper {
  padding: 8px 0 !important; }
html.view-xs #content .radiowellenTeaserBox .mod .box .teaser .teaserInfoWrapper h4 .headline, html.view-xs #content .radiowellenTeaserBox .mod .box .teaser .teaserInfoWrapper h4 .headline {
  font-size: 1em; }

html.view-xl #content .radiowellenTeaserBox.service.socialmedia .mod .box, html.view-l #content .radiowellenTeaserBox.service.socialmedia .mod .box, html.view-m #content .radiowellenTeaserBox.service.socialmedia .mod .box {
  min-width: calc(99.9% / 7);
  width: calc(99.9% / 7); }
html.view-xs #content .radiowellenTeaserBox.service.socialmedia .mod .box, html.view-s #content .radiowellenTeaserBox.service.socialmedia .mod .box {
  min-width: calc(99.9% / 4);
  width: calc(99.9% / 4); }

html .weather-teaser .teaser {
  padding: 0 !important; }
html.view-s .weather-teaser .teaser, html.view-xs .weather-teaser .teaser {
  padding: 8px 0 !important; }
html.view-m .weather-teaser .teaser .staticHtml, html.view-l .weather-teaser .teaser .staticHtml, html.view-xl .weather-teaser .teaser .staticHtml {
  padding: 0; }
html .weather-teaser .weatherInnerWrapper li, html.view-s .weather-teaser .weatherInnerWrapper li, html.view-xs .weather-teaser .weatherInnerWrapper li {
  border-bottom: 1px #5d97b5 solid; }
  html .weather-teaser .weatherInnerWrapper li:last-child, html.view-s .weather-teaser .weatherInnerWrapper li:last-child, html.view-xs .weather-teaser .weatherInnerWrapper li:last-child {
    border-bottom: 2px #235c7a solid; }

html .section .lottozahlen {
  display: block !important; }
html .section .lottozahlen .boxCon .headline {
  font-size: 1em !important;
  font-weight: normal !important; }
html .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"], html .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] {
  padding: 0 8px; }
html .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser, html .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser {
  border-bottom: 1px #5d97b5 solid;
  margin-bottom: 3px; }
html .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper, html.view-xl .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper, html.view-l .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper, html.view-m .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper, html.view-s .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper, html.view-xs .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper, html .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper, html.view-xl .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper, html.view-l .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper, html.view-m .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper, html.view-s .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper, html.view-xs .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper {
  font-size: 1em;
  font-size: 0.875em !important;
  margin-bottom: 0 !important;
  padding: 0 8px !important; }
html .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper::after, html .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper::after {
  font-size: 1em;
  color: #235c7a; }
html .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-xl .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-l .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-m .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-s .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-xs .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser .teaserInfoWrapper h4.shortHeadline, html .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-xl .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-l .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-m .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-s .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper h4.shortHeadline, html.view-xs .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] .teaser .teaserInfoWrapper h4.shortHeadline {
  height: 48px;
  top: 0px;
  left: 0px;
  padding: 17px 0 0;
  width: 100%;
  display: block;
  margin-bottom: 3px; }
html .section .lottozahlen .boxCon .box[data-id="lottoamsamstag100"] {
  padding-top: 8px; }
html .section .lottozahlen .boxCon .box[data-id="lottoammittwoch100"] .teaser {
  border-bottom: 2px #235c7a solid; }

html body #content .blackLayer .teaserInfoWrapper {
  background-color: rgba(35, 91, 122, 0.8); }
  html body #content .blackLayer .teaserInfoWrapper h4 > *, html body #content .blackLayer .teaserInfoWrapper:after, html body #content .blackLayer .teaserInfoWrapper .teasertext > *,
  html body #content .blackLayer .teaserInfoWrapper .moreBtn {
    color: #fffdf8; }
html body #content .sectionWrapper .section .blackLayer .mod .boxCon .box .teaser {
  background-color: #235b7a !important; }

html #content .sectionDetailPage .con.cssBoxTeaserLink .box {
  margin: 0; }
html #content .sectionDetailPage .con.cssBoxTeaserLink .box .linklist .list li a, html #content .sectionDetailPage .con.cssBoxTeaserLink .box .linklist .list li > span, html #content .sectionDetailPage .con.cssBoxTeaserLink .box .linklist .list li > div, html #content .sectionDetailPage .con.cssBoxTeaserLink .box .linklist .list li:hover a, html #content .sectionDetailPage .con.cssBoxTeaserLink .box .linklist .list li:hover > span, html #content .sectionDetailPage .con.cssBoxTeaserLink .box .linklist .list li:hover > div {
  margin: 0; }
html #content .sectionDetailPage .box.floatBox .shortInfos h4 .headline {
  font-size: 1.125em; }