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

.bgWrapper {
  background: url("/resources/mdrde/channel/unternehmen/img/bg_2.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: #0064ae; }

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

.sectionChannelHeader.isScrolling .channelTitle h2 {
  color: white; }

.sectionChannelHeader.isScrolling .section {
  background-color: #0064ae; }
  .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: 186px;
    position: relative; }
    .sectionChannelHeader .section .channelTitle h2 {
      text-indent: -999em; }
  .sectionChannelHeader .section .channelNavigation {
    border-color: transparent;
    background-color: #0064ae;
    padding: 1px 0 1px 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: #e9e9ea !important; }
      .sectionChannelHeader .section .channelNavigation ul.level1 > li > ul, .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation ul.level2 {
        top: 37px;
        left: -1px; }
      .sectionChannelHeader .section .channelNavigation ul.level1 > li {
        border-right: 1px solid #0064ae; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li > span, .sectionChannelHeader .section .channelNavigation ul.level1 > li > a {
          color: #434343; }
        .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: #434343;
          background-color: #f9f9f9; }
        .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: #f9f9f9 !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: #434343 !important;
          background-color: #f9f9f9; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 {
          border: 1px solid #0064ae;
          padding: 4px;
          border-top: none !important;
          background-color: #f9f9f9 !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: 1px solid #434343; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li .nav-toggle:before {
            color: #434343 !important; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > span, .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > a {
            color: #434343 !important;
            border-top: 1px solid #434343; }
          .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: #434343;
            background-color: rgba(0, 0, 0, 0.05); }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li.hasChilds > span, .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li a {
            border-top: 1px solid #434343; }
            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(0, 0, 0, 0.05); }
    .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(0, 0, 0, 0.05); }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .ui-tabs-tagView .ui-tabs ul li a {
      border: 1px solid #434343 !important; }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .ui-tabs-tagView .ui-tabs ul li:first-child > * {
      border: 1px solid #434343 !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: rgba(255, 255, 255, 0.5); }
    .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: black; }
    .sectionChannelHeader .section .channelHeaderTeaser .con .box {
      background-color: rgba(255, 255, 255, 0.5) !important; }
    html.no-touch .sectionChannelHeader .section .channelHeaderTeaser .con .box .teaser:hover {
      background-color: rgba(255, 255, 255, 0.5) !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: 1px solid; }
    .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("");
  background-repeat: no-repeat; }
.view-l .sectionChannelHeader .section .channelTitle {
  background-image: url("");
  background-repeat: no-repeat; }
.view-m .sectionChannelHeader .section .channelTitle {
  background-image: url("");
  background-repeat: no-repeat; }
.view-xs .sectionChannelHeader .section .channelTitle, .view-s .sectionChannelHeader .section .channelTitle {
  background: transparent url("") 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: #e0e0e0 !important; }
  .sectionWrapper:not(.hasSectionDetail) h2.pageAreaTitle, .sectionWrapper:not(.hasSectionDetail) .pageAreaTitle a {
    color: #434343;
    background-color: transparent !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: white !important;
  border-color: white !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: #f9f9f9;
  color: #434343; }

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

.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: #666666; }
.cssIpgSearchSlider .box.currentDay a {
  border: 1px solid #666666; }
  .cssIpgSearchSlider .box.currentDay a .day, .cssIpgSearchSlider .box.currentDay a .date {
    background-color: #666666 !important;
    color: #fff !important; }
  html.no-touch .cssIpgSearchSlider .box.currentDay a:hover, html.no-touch .cssIpgSearchSlider .box.currentDay a:focus {
    border: 1px solid #666666; }
.cssIpgSearchSlider .box.currentDay:after {
  border-top-color: #666666 !important; }
.cssIpgSearchSlider .box.currentDay:before {
  border-top-color: #666666 !important; }

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

.radioPlayer {
  background-color: #4f4f4f; }

.radioPlayer .spinner {
  color: #4f4f4f; }

.radioPlayer .spinner div {
  border-color: #4f4f4f !important;
  background-color: #4f4f4f !important; }

.radioPlayer .radioPlayerControls {
  color: #4f4f4f;
  background-color: white; }

.radioPlayerWrapper .addControls {
  background-color: #c4c4c4; }

.radioPlayerWrapper .addControls .btn {
  color: #4f4f4f; }

.radioPlayerWrapper .addControls .btn.popoutBtn,
.radioPlayerWrapper .addControls .btn.playlistBtn,
.radioPlayerWrapper .addControls .btn.infoBtn {
  border-left: 1px solid #4f4f4f; }

.radioPlayerWrapper .addControls .avPlayerVolumeProgress, .radioPlayerWrapper .addControls .avPlayerVolumeHandle {
  background-color: #4f4f4f; }
.radioPlayerWrapper .addControls .avPlayerVolumeBar:before {
  background-color: #fefefe; }

html.js .radioPlayerWrapper .ui-selectbox {
  color: white;
  background-color: #4f4f4f; }

.radioPlayerWrapper .radioLabel {
  background-color: #4f4f4f;
  color: white; }

.sectionChannelHeader .mod .box.radiolivestreamplayer {
  padding: 0 !important; }
  .sectionChannelHeader .mod .box.radiolivestreamplayer .teaser {
    padding-bottom: 0 !important;
    background-color: transparent; }

html.no-touch .radioPlayerWrapper .addControls .btn:hover,
html.no-touch .radioPlayerControls:hover,
html.no-touch .avPlayerVolumeHandle:hover {
  color: #fefefe; }

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

h2.pageAreaTitle {
  color: #434343; }

h2.pageAreaTitle a:after {
  content: "\e632";
  font-family: "mdricons";
  font-size: 0.875em;
  margin-left: 2px;
  text-decoration: none;
  vertical-align: middle; }

h2.pageAreaTitle a:focus:after {
  text-decoration: none; }

.sectionArticle h2.pageAreaTitle {
  color: #fff; }

#breadcrumb {
  visibility: hidden;
  height: 0; }
  .view-xs #breadcrumb, .view-s #breadcrumb {
    height: 4px; }

.channelTitle a.logolink {
  display: block;
  width: 282px;
  height: 0;
  left: 34px;
  overflow: hidden;
  padding-top: 87px;
  position: absolute;
  top: 50px; }
  .view-xs .channelTitle a.logolink, .view-s .channelTitle a.logolink {
    width: 100%;
    height: 100%;
    padding-top: 0;
    position: static;
    opacity: 0; }
  .channelTitle a.logolink.isScrolling {
    display: none; }

.view-xl .sectionWrapper.noborder,
.view-l .sectionWrapper.noborder,
.view-m .sectionWrapper.noborder,
.view-xl .sectionWrapper:not(.hasSectionDetail).noborder,
.view-l .sectionWrapper:not(.hasSectionDetail).noborder,
.view-m .sectionWrapper:not(.hasSectionDetail).noborder {
  background-color: transparent !important; }

.noborder .sectionWrapperMain,
.noborder .sectionWrapperRelated {
  margin-top: 0; }

.noborder .section {
  padding: 0; }

.noborder .con {
  margin: 0; }

.noborder .mod.modA .box {
  margin-bottom: 0; }

.view-xl .noborder .mod.modA .box,
.view-l .noborder .mod.modA .box,
.view-m .noborder .mod.modA .box {
  background-color: transparent; }

.noborder .box {
  padding: 0; }

/* IPG Slider Homepage */
.homepageTvNow, .homepageTvNow .modCon, .homepageTvNow .modA, .homepageTvNowStyle .sectionWrapperRelated, .homepageBroadcastAway, .homepageBroadcastAway .modCon, .homepageBroadcastAway .modA, .homepageTvNowStyle .sectionWrapperMain {
  -moz-box-flex: 1;
  align-content: flex-start;
  display: flex;
  flex: 1 1 auto;
  flex-flow: column wrap; }

.homepageBroadcastAway .mod .moreBtn {
  display: none !important; }

.sectionWrapper:not(.hasSectionDetail).homepageTvNowStyle {
  background-color: #0064ae !important; }

.sectionWrapper:not(.hasSectionDetail).homepageTvNowStyle h2.pageAreaTitle,
.sectionWrapper:not(.hasSectionDetail).homepageTvNowStyle .pageAreaTitle a,
.view-s h2.pageAreaTitle,
.view-xs h2.pageAreaTitle,
.view-s .pageAreaTitle a,
.view-xs .pageAreaTitle a {
  color: #fff !important; }