/*$cTeaserBorder: 1px solid $white;*/
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: 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: transparent !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: #2568b4; }
        .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: white;
          background-color: #0f2754; }
        .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: transparent !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: white !important;
          background-color: #0f2754; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 {
          border: none;
          padding: 4px;
          border-top: none !important;
          background-color: #0f2754 !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: white !important; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > span,
          .sectionChannelHeader .section .channelNavigation ul.level1 > li ul.level2 li > a {
            color: white !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: white;
            background-color: rgba(255, 255, 255, 0.1); }
          .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.1); }
    .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.1); }
    .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: 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: 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/thueringen/img/head_xl_blue.svg");
  background-repeat: no-repeat; }
.view-l .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/thueringen/img/head_l_blue.svg");
  background-repeat: no-repeat; }
.view-m .sectionChannelHeader .section .channelTitle {
  background-image: url("/resources/mdrde/channel/thueringen/img/head_m_blue.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_blue.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: #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: #f9f9f9 !important;
  color: #2568b4 !important; }

.section .cssBoxTeaserStandard h3.conHeadline a,
.section .cssBoxTeaserStage h3.conHeadline a {
  color: #2568b4 !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; }

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

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

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

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

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

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

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

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

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

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

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

html .channelTitle a.logolink {
  left: 2px;
  padding-top: 28px;
  top: 34px;
  width: 258px; }

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.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: #f9f9f9; }
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.open > span, html .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > a {
  color: white;
  background-color: #0f2754 !important; }
html .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span, html .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > a {
  border-bottom: 6px #0f2754 solid;
  background: transparent;
  color: #2568b4; }
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: #0f2754; }
html .sectionChannelHeader.isScrolling .section {
  background-color: #2568b4; }
html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 {
  border-bottom: 6px #2568b4 solid;
  background-color: transparent !important; }
html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li > span, html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li > a {
  color: white; }
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: #0f2754 !important;
  border-bottom: 6px #0f2754 solid; }
html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li.open > span, html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li.open > a {
  background-color: #0f2754 !important;
  border-bottom: 6px #0f2754 solid; }
html .sectionChannelHeader.isScrolling .section .channelNavigation ul.level1 > li ul.level2 {
  background-color: #0f2754 !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: #0f2754;
  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: #0f2754;
  text-decoration: none; }

/* keine Grenzen*/
html .section .pageAreaTitle, html .section
h3.conHeadline {
  border: none; }