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

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

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

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

.sectionChannelHeader.isScrolling .section {
  background-color: #2568b4; }
  .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: 82px;
    position: relative; }
    .sectionChannelHeader .section .channelTitle h2 {
      text-indent: -999em; }
  .sectionChannelHeader .section .channelNavigation {
    border-color: transparent;
    background-color: #2568b4;
    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: #0f2754 !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 #2568b4; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li > span, .sectionChannelHeader .section .channelNavigation ul.level1 > li > a {
          color: white; }
        .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: #084e99;
          background-color: #eef4f9; }
        .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: #eef4f9 !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: #084e99 !important;
          background-color: #eef4f9; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 {
          border: 1px solid #2568b4;
          padding: 4px;
          border-top: none !important;
          background-color: #eef4f9 !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 #2787cb; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li .nav-toggle:before {
            color: #084e99 !important; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > span, .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > a {
            color: #084e99 !important;
            border-top: 1px solid #2787cb; }
          .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: #084e99;
            background-color: #f9fbfd; }
          .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 #2787cb; }
            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: #f9fbfd; }
    .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: #f9fbfd; }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .ui-tabs-tagView .ui-tabs ul li a {
      border: 1px solid #2787cb !important; }
    .sectionChannelHeader .section .channelNavigation .layeredNavigation .ui-tabs-tagView .ui-tabs ul li:first-child > * {
      border: 1px solid #2787cb !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: white; }
    .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: 1px solid white; }
    .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/thueringen/img/head_xl.svg");
  background-repeat: no-repeat; }
.view-l .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/thueringen/img/head_l.svg");
  background-repeat: no-repeat; }
.view-m .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/thueringen/img/head_m.svg");
  background-repeat: no-repeat; }
.view-xs .sectionChannelHeader .section .channelTitle, .view-s .sectionChannelHeader .section .channelTitle {
  background: transparent url("/resources/mdrde/channel/thueringen/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: rgba(255, 255, 255, 0.5); }
  .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: #434343 !important;
  border-color: #434343 !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: #5c8ec7 !important;
  color: white !important; }

.section .cssBoxTeaserStandard h3.conHeadline a,
.section .cssBoxTeaserStage h3.conHeadline a {
  color: white !important; }

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

.radioPlayer .spinner {
  color: #084e99; }

.radioPlayer .spinner div {
  border-color: #084e99 !important;
  background-color: #084e99 !important; }

.radioPlayer .radioPlayerControls {
  color: #084e99;
  background-color: white; }

.radioPlayerWrapper .addControls {
  background-color: rgba(255, 255, 255, 0.75); }

.radioPlayerWrapper .addControls .btn {
  color: #084e99; }

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

.radioPlayerWrapper .addControls .avPlayerVolumeProgress, .radioPlayerWrapper .addControls .avPlayerVolumeHandle {
  background-color: #084e99; }
.radioPlayerWrapper .addControls .avPlayerVolumeBar:before {
  background-color: #003e83; }

html.js .radioPlayerWrapper .ui-selectbox {
  color: white;
  background-color: #084e99; }

.radioPlayerWrapper .radioLabel {
  background-color: #084e99;
  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: #003e83; }

.radioPlayer .radioPlayerControls:focus, .radioPlayerWrapper .addControls .btn:focus {
  color: white !important;
  background-color: #084e99; }

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

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

.wrapperChannelNavigation {
  background-color: #2568b4; }

.view-xs .channelNavigation, .view-s .channelNavigation {
  background-color: #2787cb !important; }

.view-xs .sectionChannelHeader .section .channelTitle, .view-s .sectionChannelHeader .section .channelTitle {
  min-height: 81px;
  background-color: #2568b4; }
.sectionChannelHeader .section .channelTitle {
  height: 97px; }
  .view-xs .sectionChannelHeader .section .channelTitle, .view-s .sectionChannelHeader .section .channelTitle {
    height: auto; }
.sectionChannelHeader.isScrolling .section .channelTitle {
  height: auto !important; }
  .sectionChannelHeader.isScrolling .section .channelTitle h2 {
    position: static; }

.channelHeaderTeaser {
  bottom: 24px !important; }
  .channelHeaderTeaser .con {
    margin-bottom: 0 !important;
    margin-top: 14px !important; }
  .view-m .channelHeaderTeaser {
    bottom: 30px !important; }

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

.sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span, .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > a {
  color: #084e99 !important;
  background-color: #fff !important;
  height: 38px !important; }
  html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span:hover, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > a:hover {
    color: #084e99 !important;
    background-color: #eef4f9 !important; }
  html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span:focus, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > a:focus {
    background-color: #eef4f9 !important; }

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

.view-l .sectionChannelHeader .channelHeaderTeaser, .view-xl .sectionChannelHeader .channelHeaderTeaser {
  width: 414px; }

.view-m .smallPlayer .radioPlayerWrapper .radioLabel, .view-m .smallPlayer .radioPlayerWrapper .avPlayerVolumeBar, .view-l .smallPlayer .radioPlayerWrapper .radioLabel, .view-l .smallPlayer .radioPlayerWrapper .avPlayerVolumeBar, .view-xl .smallPlayer .radioPlayerWrapper .radioLabel, .view-xl .smallPlayer .radioPlayerWrapper .avPlayerVolumeBar, .view-m .smallPlayer .radioPlayerWrapper .radioPlayer .playlistInfos {
  display: none; }

.view-m .smallPlayer .radioPlayerWrapper .radioPlayer {
  width: 45px;
  float: left; }

.view-l .smallPlayer .radioPlayerWrapper .radioPlayer, .view-xl .smallPlayer .radioPlayerWrapper .radioPlayer {
  width: 238px;
  float: left; }

.view-m .smallPlayer .radioPlayerWrapper .addControls, .view-l .smallPlayer .radioPlayerWrapper .addControls, .view-xl .smallPlayer .radioPlayerWrapper .addControls {
  width: 176px;
  margin-top: 0px; }

.view-xs .staticRadioPlayer, .view-s .staticRadioPlayer {
  display: none; }