@charset "UTF-8";
.mod.modParagraph .definition, .mod.modParagraph .paragraph {
  *zoom: 1; }
  .mod.modParagraph .definition:before, .mod.modParagraph .paragraph:before, .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after {
    display: table;
    content: '';
    line-height: 0; }
  .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after {
    clear: both; }

.sectionChannelHeader .section .channelTitle, .mod.modParagraph .jumpLabelList,
.mod.modParagraph .jumpLabelList ul,
.mod.modParagraph .jumpLabelTitle, .mod.modParagraph .authorWrapper, .section .con .mod.modParagraph .box.cssArticleShortNews .teaser .teaserInfoWrapper, .mod .box.cssImageGallery .teaser.special .gallery-bigImage, .mod .cssMultimediaGallery .mmgContent, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails p, .cssIpgMenuContent, .cssIpgMenuCalSlider .cssIpgMenuCalItem, .box.cssBroadcast .teaser p.seasonInfo, .sportResults .matchesResults h3, .sportResults .modTable .legende, body.cssTickerPopup .conSports .tickerMatches h3,
body.cssTickerPopup .conSports .tickerMatches h2, body.cssTickerPopup .conSports .tickerMatches p, .ticketLink, .conComments .comments, .conComments .comments .comment, .conComments .modForm .formWrapper {
  float: left;
  width: 100%; }

html.js .ui-tabs-layered .ui-tabs, html.js .ui-collapsible.ui-collapsible-tabsified:not(.ui-tabs-layered) h3.ui-collapsible-trigger, .sectionWrapperTabbed:not(.ui-tabs-layered) h3.conHeadline, html.js .conMultiGroupWrapper:not(.ui-tabs-layered) .ui-collapsible-trigger, .sportResults .modTable:not(.matches):not(.ui-tabs-layered) h3.ui-collapsible-trigger {
  left: -999em !important;
  position: absolute !important;
  padding: 0 !important;
  height: 0 !important; }

.controls::selection, html.js #content .ui-collapsible .ui-collapsible-trigger::selection, .ui-lightbox-footer ul.avCollapse li a.toggle::selection,
.controls *::selection,
html.js #content .ui-collapsible .ui-collapsible-trigger *::selection,
.ui-lightbox-footer ul.avCollapse li a.toggle *::selection {
  background: transparent; }

.controls::-moz-selection, html.js #content .ui-collapsible .ui-collapsible-trigger::-moz-selection, .ui-lightbox-footer ul.avCollapse li a.toggle::-moz-selection,
.controls *::-moz-selection,
html.js #content .ui-collapsible .ui-collapsible-trigger *::-moz-selection,
.ui-lightbox-footer ul.avCollapse li a.toggle *::-moz-selection {
  background: transparent; }

.mod .shortInfos, .mod .shortInfos h4.headline,
.mod .shortInfos p,
.mod .teasertext,
.mod .shortInfos h4.shortHeadline, .ui-lightbox-footer ul.avCollapse li span.avCollapseBody.avLink, .mod .linklist .list li a .linktext,
.mod .linklist .list li > span .linktext,
.mod .linklist .list li > div .linktext, .mod .cssProgramHintRepeat .cssProgramHintDate, .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody {
  text-overflow: ellipsis;
  overflow: hidden;
  /*overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
*/
  padding-bottom: 1px; }

.mod h4 .headline,
.mod h4 .dachzeile,
.mod h4 .shortHeadline, .modLightbox .modLightbox-galleryInfos, .modLightbox .modLightbox-galleryInfos h2, .modLightbox .modLightbox-galleryInfos p, body.cssLivestream .conLivestreamLinks .linklist li span.linkUrl {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden; }

.mod .cssVoting .formElement > div,
.mod .cssVoting .form-success-values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .teaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.mod .cssVoting .formElement > div .form-button,
.mod .cssVoting .form-success-values .form-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.ui-thumbSlider .controls,
.ui-thumbSlider .buttons {
  position: static;
  border: 0 !important;
  padding: 0;
  height: 0; }

.ui-thumbSlider .owl-dots,
.ui-thumbSlider .owl-pages {
  display: none !important; }

.ui-thumbSlider a.prev,
.ui-thumbSlider a.next {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  position: absolute !important;
  top: 50%;
  left: 0;
  width: 32px;
  height: 96px;
  margin-top: -48px;
  background-color: #fff;
  cursor: pointer;
  opacity: 0; }
  .ui-thumbSlider a.prev:before, .ui-thumbSlider a.prev:after,
  .ui-thumbSlider a.next:before,
  .ui-thumbSlider a.next:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -14px;
    left: 50%;
    margin-left: -12px; }


.ui-thumbSlider a.next {
  right: 0;
  left: auto; }
  
  .ui-thumbSlider a.next:after {
    margin-left: -8px !important; }

html.no-touch .ui-thumbSlider a.prev:hover,
html.no-touch .ui-thumbSlider a.next:hover {
  opacity: 1; }

.ui-infolayer-src {
  display: none; }

.ui-infolayer-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 110;
  display: none;
  top: 0;
  left: 0; }

.layerOpen {
  z-index: 110 !important;
  position: relative;
  opacity: 0.7; }

.ui-infolayer {
  position: absolute;
  max-width: 768px;
  text-align: center;
  display: none;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
  position: absolute;
  width: auto;
  left: 50%;
  padding: 10px;
  bottom: 100%;
  margin-bottom: 30px;
  z-index: 120 !important; }
  .ui-infolayer h3,
  .ui-infolayer h4,
  .ui-infolayer span,
  .ui-infolayer div,
  .ui-infolayer p,
  .ui-infolayer a {
    color: #000; }
  .ui-infolayer .mod .moreBtn {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    padding: 16px;
    border: 0;
    cursor: pointer; }
  .ui-infolayer .closeBtn {
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 1;
    display: inline-block;
    margin-right: 8px; }
    .ui-infolayer .closeBtn.moreBtn {
      position: relative;
      top: auto;
      right: auto; }
  .ui-infolayer h4.title,
  .ui-infolayer span.title {
    font-size: 1.2em;
    width: 100%;
    padding-right: 30px;
    text-align: left;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: block; }
  .ui-infolayer p,
  .ui-infolayer span.text {
    display: block;
    text-align: left; }
  .ui-infolayer .ui-arrow {
    position: absolute;
    top: 100%;
    width: 32px;
    height: 32px;
    left: 50%;
    margin: 0 0 0 -16px; }
    .ui-infolayer .ui-arrow:after {
      top: 0;
      left: 0;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(0, 0, 0, 0);
      border-top-color: #fff;
      border-width: 10px; }
  .ui-infolayer.pos-n {
    bottom: auto; }
    .ui-infolayer.pos-n .ui-arrow {
      top: auto;
      bottom: 100%;
      left: 50%; }
      .ui-infolayer.pos-n .ui-arrow:after {
        top: auto;
        bottom: 0;
        border-bottom-color: #fff;
        border-top-color: transparent; }
  .ui-infolayer.pos-e:after {
    left: auto;
    right: 20px; }
  .ui-infolayer.pos-w:after {
    left: 20px;
    right: auto; }
  .ui-infolayer.linkLayer {
    width: 300px; }
    .ui-infolayer.linkLayer .closeBtn {
      display: none; }
  .ui-infolayer .mod.modD .box {
    width: 177px;
    padding: 0;
    margin-right: 13px; }
    .ui-infolayer .mod.modD .box.last {
      margin-right: 0; }

.ui-infolayer-content {
  display: none; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

.inv {
  position: absolute;
  left: -999em; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 1.01em;
  font-size: 100.01%;
  vertical-align: baseline;
  outline: none;
  box-sizing: border-box;
  line-height: 145%; }

pre {
  white-space: normal; }

noscript img {
  height: 0; }

select,
option,
optgroup {
  font: -moz-pull-down-menu; }

html,
body {
  width: 100%; }

html.touch {
  overflow-x: hidden; }
  html.touch body {
    overflow-x: hidden; }

h1,
h2,
h3,
h4,
h5 {
  font-weight: bold; }

a {
  text-decoration: none;
  color: #24324c;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit; }

p {
  line-height: 135%; }

html,
body {
  width: 100%; }

body {
  line-height: 1;
  color: black;
  background: white; }

a:focus {
  text-decoration: none; }
  a:focus .linktext {
    text-decoration: underline; }

ol,
ul {
  list-style: none; }

i {
  font-style: italic; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption,
th,
td {
  text-align: left;
  font-weight: normal; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ''; }

blockquote,
q {
  quotes: '' ''; }

li,
h1,
h2,
h3,
h4,
h5 {
  line-height: 125%; }

img {
  display: block; }

strong,
b {
  font-weight: bold; }

button {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  margin: 0; }

.hidden {
  visibility: hidden;
  height: 0;
  left: -999em;
  width: 0;
  line-height: 0;
  padding: 0;
  margin: 0; }

.responsive-img {
  display: none;
  position: absolute; }

html.js .responsive-img {
  display: block;
  position: relative; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.wrapper {
  overflow: hidden;
  width: 100%;
  max-width: 1008px;
  margin: 0 auto;
  position: relative; }

.con {
  margin: 0;
  display: flex;
  width: 100%;
  flex-direction: column; }

.conAccordion,
.conWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto; }
  .conAccordion .mod .controls.sliding,
  .conWrapper .mod .controls.sliding {
    margin-bottom: 0; }
  .conAccordion > h3.conHeadline,
  .conWrapper > h3.conHeadline {
    padding-bottom: 0.5rem; }

.boxCon,
.modCon,
.boxConWrapper,
.sectionWrapper,
.lineWrapper,
.sectionWrapperMain,
.sectionWrapperRelated {
  position: relative;
  width: 100%; }

.boxCon {
  display: flex; }

.modCon {
  width: 100%;
  display: flex;
  flex-direction: column; }

.conWrapper {
  margin-bottom: 1rem; }

.lineWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.sectionWrapper {
  padding: 0;
  background-color: #f9f9f9; }
  .sectionWrapper > div {
    margin-bottom: 0.5rem; }

.sectionWrapper,
.sectionWrapperMain,
.sectionWrapperRelated {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
  flex: 1 1 auto; }

/* SECTION LAYOUT */
@media (min-width: 0) and (max-width: 767px) {
  .sectionWrapperMain,
  .sectionWrapperRelated {
    margin-top: 0; } }

.pageAreaTitle {
  padding: 0.75rem 1rem;
  font-size: 1.1875rem;
  text-transform: uppercase; }

.section {
  padding: 0;
  position: relative;
  flex-direction: column;
  flex: 1 1 auto;
  display: flex; }
  .section.sectionTitle .con {
    margin-top: 0;
    margin-bottom: 0; }

.section21er,
.section12er {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }
  .section21er .sectionWrapperMain,
  .section12er .sectionWrapperMain {
    max-width: 100%;
    width: calc(66.666% - 0.25rem);
    min-width: calc(66.666% - 0.25rem); }
    .section21er .sectionWrapperMain .section,
    .section12er .sectionWrapperMain .section {
      min-width: 100%;
      max-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .section21er .sectionWrapperMain,
      .section12er .sectionWrapperMain {
        width: 100%; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .section21er .sectionWrapperMain,
      .section12er .sectionWrapperMain {
        width: 100%; } }
    .section21er .sectionWrapperMain .section,
    .section12er .sectionWrapperMain .section {
      width: 100%; }
  .section21er .sectionWrapperRelated,
  .section12er .sectionWrapperRelated {
    max-width: calc(33.333% - 0.25rem);
    width: calc(33.333% - 0.25rem);
    min-width: calc(33.333% - 0.25rem); }
    .section21er .sectionWrapperRelated .section,
    .section12er .sectionWrapperRelated .section {
      min-width: 100%;
      max-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .section21er .sectionWrapperRelated,
      .section12er .sectionWrapperRelated {
        width: 100%; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .section21er .sectionWrapperRelated,
      .section12er .sectionWrapperRelated {
        width: 100%; } }
    .section21er .sectionWrapperRelated .section,
    .section12er .sectionWrapperRelated .section {
      max-width: 100%;
      min-width: 100%;
      width: 100%; }

.section12er .sectionWrapperMain {
  padding: 0 0.5rem 0 0;
  max-width: calc(33.333% - 0.25rem);
  min-width: calc(33.333% - 0.25rem); }
  @media (min-width: 0) and (max-width: 767px) {
    .section12er .sectionWrapperMain {
      width: 100%; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .section12er .sectionWrapperMain {
      width: 100%; } }

.section12er .sectionWrapperRelated {
  max-width: calc(66.666% - 0.25rem);
  min-width: calc(66.666% - 0.25rem);
  padding: 0; }
  @media (min-width: 0) and (max-width: 767px) {
    .section12er .sectionWrapperRelated {
      width: 100%; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .section12er .sectionWrapperRelated {
      width: 100%; } }

.section.sectionDetailPage {
  padding: 1rem; }
  @media (min-width: 0) and (max-width: 767px) {
    .section.sectionDetailPage {
      padding: 0; } }

.section21er:not(.hasSectionDetail) .sectionWrapperRelated {
  padding-left: 0.5rem; }

.section12er:not(.hasSectionDetail) .sectionWrapperRelated {
  padding-right: 0.5rem; }

@media (min-width: 0) and (max-width: 767px) {
  .sectionWrapper.hasSectionDetail {
    padding: 0 0.5rem; } }

.section .mod.modSlideable:not(.owl-disabled) .boxCon {
  flex-wrap: nowrap;
  overflow: scroll;
  justify-content: flex-start; }

.section .mod .boxCon {
  padding: 0.5rem; }

.section .mod .box {
  padding: 0; }

.unitA {
  width: 100%;
  display: flex;
  flex-direction: column; }

.unitB {
  width: calc(50% - 0.25rem);
  max-width: calc(50% - 0.25rem);
  display: flex;
  flex-direction: column; }

.unitC {
  width: calc(33.33% - 0.375rem);
  max-width: calc(33.33% - 0.375rem);
  display: flex;
  flex-direction: column; }

.unitD {
  width: calc(25% - 0.5rem);
  max-width: calc(25% - 0.5rem);
  min-width: calc(25% - 0.5rem);
  display: flex;
  flex-direction: column; }

.unitE {
  width: calc(20% - 0.5rem);
  max-width: calc(20% - 0.5rem);
  display: flex;
  flex-direction: column; }

.unitX {
  width: 79.97%;
  max-width: 79.97%; }

.unitY {
  width: 74.97%;
  max-width: 74.97%; }

.unitZ {
  width: 66.63%;
  max-width: 66.63%; }

/* Elements */
img {
  display: block; }

.box {
  position: relative;
  margin-bottom: 0.5rem;
  background-color: #f9f9f9; }
  .box .teaser {
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column; }
  .box .innerTeaser {
    display: flex;
    width: 100%;
    flex-direction: column; }
  .box.staticHTML {
    width: 100%; }

.section .conAccordion .mod {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.section .conAccordion > h3.conHeadline,
.section .conWrapper > h3.conHeadline {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.sectionA {
  width: 100%; }
  .sectionA .modA .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionA .modA .box {
        width: 100%;
        max-width: 100%;
        min-width: 100%; } }
  .sectionA .modB .box,
  .sectionA .modC .box,
  .sectionA .modD .box,
  .sectionA .modE .box,
  .sectionA .modZ .box {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem; }
  .sectionA .modB .box {
    width: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
    min-width: calc(50% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionA .modB .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionA .modC .box {
    width: calc(33.333% - 0.5rem);
    max-width: calc(33.333% - 0.5rem);
    min-width: calc(33.333% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionA .modC .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionA .modD .box {
    width: calc(25% - 0.5rem);
    max-width: calc(25% - 0.5rem);
    min-width: calc(25% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionA .modD .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionA .modE .box {
    width: calc(20% - 0.5rem);
    max-width: calc(20% - 0.5rem);
    min-width: calc(20% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionA .modE .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionA .modZ .box {
    width: calc(66.667% - 0.5rem);
    max-width: calc(66.667% - 0.5rem);
    min-width: calc(66.667% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionA .modZ .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

.sectionB {
  max-width: calc(50% - 0.25rem);
  min-width: calc(50% - 0.25rem); }
  .sectionB .modA .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionB .modA .box {
        width: 100%;
        max-width: 100%;
        min-width: 100%; } }
  .sectionB .modB .box,
  .sectionB .modC .box,
  .sectionB .modD .box,
  .sectionB .modE .box,
  .sectionB .modZ .box {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem; }
  .sectionB .modB .box {
    width: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
    min-width: calc(50% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionB .modB .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionB .modC .box {
    width: calc(33.333% - 0.5rem);
    max-width: calc(33.333% - 0.5rem);
    min-width: calc(33.333% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionB .modC .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionB .modD .box {
    width: calc(25% - 0.5rem);
    max-width: calc(25% - 0.5rem);
    min-width: calc(25% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionB .modD .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionB .modE .box {
    width: calc(20% - 0.5rem);
    max-width: calc(20% - 0.5rem);
    min-width: calc(20% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionB .modE .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionB .modZ .box {
    width: calc(66.667% - 0.5rem);
    max-width: calc(66.667% - 0.5rem);
    min-width: calc(66.667% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionB .modZ .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

.sectionC {
  max-width: calc(33.333% - 0.375rem);
  min-width: calc(33.333% - 0.375rem); }
  .sectionC .modA .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionC .modA .box {
        width: 100%;
        max-width: 100%;
        min-width: 100%; } }
  .sectionC .modB .box,
  .sectionC .modC .box,
  .sectionC .modD .box,
  .sectionC .modE .box,
  .sectionC .modZ .box {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem; }
  .sectionC .modB .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionC .modB .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionC .modC .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionC .modC .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionC .modD .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionC .modD .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionC .modE .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionC .modE .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionC .modZ .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionC .modZ .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionC .mod .boxCon {
    padding: 0;
    background-color: transparent; }
    .sectionC .mod .boxCon .box {
      padding: 0.5rem; }

.sectionZ {
  max-width: calc(66.667% - 0.25rem);
  min-width: calc(66.667% - 0.25rem); }
  .sectionZ .modA .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionZ .modA .box {
        width: 100%;
        max-width: 100%;
        min-width: 100%; } }
  .sectionZ .modB .box,
  .sectionZ .modC .box,
  .sectionZ .modD .box,
  .sectionZ .modE .box,
  .sectionZ .modZ .box {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem; }
  .sectionZ .modB .box {
    width: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
    min-width: calc(50% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionZ .modB .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionZ .modC .box {
    width: calc(33.333% - 0.5rem);
    max-width: calc(33.333% - 0.5rem);
    min-width: calc(33.333% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionZ .modC .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionZ .modD .box {
    width: calc(25% - 0.5rem);
    max-width: calc(25% - 0.5rem);
    min-width: calc(25% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionZ .modD .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionZ .modE .box {
    width: calc(20% - 0.5rem);
    max-width: calc(20% - 0.5rem);
    min-width: calc(20% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionZ .modE .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }
  .sectionZ .modZ .box {
    width: calc(66.667% - 0.5rem);
    max-width: calc(66.667% - 0.5rem);
    min-width: calc(66.667% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .sectionZ .modZ .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 768px) {
  .sectionA .modB .boxCon,
  .sectionA .modC .boxCon,
  .sectionA .modD .boxCon,
  .sectionA .modE .boxCon,
  .sectionB .modB .boxCon,
  .sectionB .modC .boxCon,
  .sectionB .modD .boxCon,
  .sectionB .modE .boxCon,
  .sectionZ .modB .boxCon,
  .sectionZ .modC .boxCon,
  .sectionZ .modD .boxCon,
  .sectionZ .modE .boxCon {
    padding-right: 0; } }

@media (min-width: 768px) and (max-width: 1007px) {
  .wrapper {
    width: 100%;
    max-width: 1008px; } }

@media (min-width: 1008px) {
  .wrapper {
    width: 100%;
    max-width: 1008px; } }

@media (min-width: 0) and (max-width: 767px) {
  .wrapper {
    width: 100%;
    max-width: 480px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .wrapper {
    width: 100%;
    max-width: 768px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  .wrapper {
    width: 100%;
    max-width: 1008px; }
  .section {
    padding: 0; }
  .section .conAccordion .mod {
    padding-left: 12px;
    padding-right: 12px; }
  .section .conAccordion > h3.conHeadline,
  .section .conWrapper > h3.conHeadline {
    padding-left: 12px;
    padding-right: 12px; } }

@media (min-width: 1901px) {
  .wrapper {
    width: 1480px; }
  .section {
    padding: 0; }
  .section .conAccordion .mod {
    padding-left: 1rem;
    padding-right: 1rem; }
  .section .conAccordion > h3.conHeadline,
  .section .conWrapper > h3.conHeadline {
    padding-left: 1rem;
    padding-right: 1rem; }
  .sectionA {
    width: 100%; }
    .sectionA .modA .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }
    @media (min-width: 1901px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modA .box {
        width: 100%;
        max-width: 100%;
        min-width: 100%; } }

@media (min-width: 1901px) {
    .sectionA .modB .box,
    .sectionA .modC .box,
    .sectionA .modD .box,
    .sectionA .modE .box,
    .sectionA .modZ .box {
      margin-bottom: 0.5rem;
      margin-right: 0.5rem; }
    .sectionA .modB .box {
      width: calc(50% - 0.5rem);
      max-width: calc(50% - 0.5rem);
      min-width: calc(50% - 0.5rem); } }
    @media (min-width: 1901px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modB .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 1901px) {
    .sectionA .modC .box {
      width: calc(33.333% - 0.5rem);
      max-width: calc(33.333% - 0.5rem);
      min-width: calc(33.333% - 0.5rem); } }
    @media (min-width: 1901px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modC .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 1901px) {
    .sectionA .modD .box {
      width: calc(25% - 0.5rem);
      max-width: calc(25% - 0.5rem);
      min-width: calc(25% - 0.5rem); } }
    @media (min-width: 1901px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modD .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 1901px) {
    .sectionA .modE .box {
      width: calc(20% - 0.5rem);
      max-width: calc(20% - 0.5rem);
      min-width: calc(20% - 0.5rem); } }
    @media (min-width: 1901px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modE .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 1901px) {
    .sectionA .modZ .box {
      width: calc(66.667% - 0.5rem);
      max-width: calc(66.667% - 0.5rem);
      min-width: calc(66.667% - 0.5rem); } }
    @media (min-width: 1901px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modZ .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 0) and (max-width: 767px) {
  .section {
    padding: 0; }
    .section .conAccordion .mod {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    .section .conAccordion > h3.conHeadline,
    .section .conWrapper > h3.conHeadline {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
  .lineWrapper {
    justify-content: flex-start;
    flex-direction: column; }
  .sectionA,
  .sectionZ,
  .sectionB,
  .sectionC,
  .sectionD {
    min-width: 100%;
    max-width: 100%; }
    .sectionA .modA .box,
    .sectionZ .modA .box,
    .sectionB .modA .box,
    .sectionC .modA .box,
    .sectionD .modA .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }
    @media (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modA .box,
      .sectionZ .modA .box,
      .sectionB .modA .box,
      .sectionC .modA .box,
      .sectionD .modA .box {
        width: 100%;
        max-width: 100%;
        min-width: 100%; } }

@media (min-width: 0) and (max-width: 767px) {
    .sectionA .modB .box,
    .sectionA .modC .box,
    .sectionA .modD .box,
    .sectionA .modE .box,
    .sectionA .modZ .box,
    .sectionZ .modB .box,
    .sectionZ .modC .box,
    .sectionZ .modD .box,
    .sectionZ .modE .box,
    .sectionZ .modZ .box,
    .sectionB .modB .box,
    .sectionB .modC .box,
    .sectionB .modD .box,
    .sectionB .modE .box,
    .sectionB .modZ .box,
    .sectionC .modB .box,
    .sectionC .modC .box,
    .sectionC .modD .box,
    .sectionC .modE .box,
    .sectionC .modZ .box,
    .sectionD .modB .box,
    .sectionD .modC .box,
    .sectionD .modD .box,
    .sectionD .modE .box,
    .sectionD .modZ .box {
      margin-bottom: 0.5rem;
      margin-right: 0.5rem; }
    .sectionA .modB .box,
    .sectionZ .modB .box,
    .sectionB .modB .box,
    .sectionC .modB .box,
    .sectionD .modB .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }
    @media (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modB .box,
      .sectionZ .modB .box,
      .sectionB .modB .box,
      .sectionC .modB .box,
      .sectionD .modB .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 0) and (max-width: 767px) {
    .sectionA .modC .box,
    .sectionZ .modC .box,
    .sectionB .modC .box,
    .sectionC .modC .box,
    .sectionD .modC .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }
    @media (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modC .box,
      .sectionZ .modC .box,
      .sectionB .modC .box,
      .sectionC .modC .box,
      .sectionD .modC .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 0) and (max-width: 767px) {
    .sectionA .modD .box,
    .sectionZ .modD .box,
    .sectionB .modD .box,
    .sectionC .modD .box,
    .sectionD .modD .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }
    @media (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modD .box,
      .sectionZ .modD .box,
      .sectionB .modD .box,
      .sectionC .modD .box,
      .sectionD .modD .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 0) and (max-width: 767px) {
    .sectionA .modE .box,
    .sectionZ .modE .box,
    .sectionB .modE .box,
    .sectionC .modE .box,
    .sectionD .modE .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }
    @media (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modE .box,
      .sectionZ .modE .box,
      .sectionB .modE .box,
      .sectionC .modE .box,
      .sectionD .modE .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 0) and (max-width: 767px) {
    .sectionA .modZ .box,
    .sectionZ .modZ .box,
    .sectionB .modZ .box,
    .sectionC .modZ .box,
    .sectionD .modZ .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }
    @media (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
      .sectionA .modZ .box,
      .sectionZ .modZ .box,
      .sectionB .modZ .box,
      .sectionC .modZ .box,
      .sectionD .modZ .box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        min-width: 100%; } }

@media (min-width: 0) and (max-width: 479px) {
  .wrapper {
    width: 100%;
    max-width: 480px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .wrapper {
    width: 100%;
    max-width: 768px; } }

@media (min-width: 0) and (max-width: 767px) {
  .unitA,
  .unitB,
  .unitC,
  .unitD,
  .unitE,
  .unitX,
  .unitY,
  .unitZ {
    width: 100%;
    max-width: 100%; }
  .section12er .sectionWrapperMain,
  .section12er .sectionWrapperRelated,
  .section21er .sectionWrapperMain,
  .section21er .sectionWrapperRelated {
    width: 100%;
    max-width: 100%;
    padding: 0; } }

@media (min-width: 768px) {
  .section .mod .box.viewA,
  .section .con.viewA,
  .section .conWrapper.viewA {
    width: 100%; }
  .section .mod .box.viewB,
  .section .con.viewB,
  .section .conWrapper.viewB {
    width: 49.97%; }
  .section .mod .box.viewC,
  .section .con.viewC,
  .section .conWrapper.viewC {
    width: 28.667%; }
  .section .mod .box.viewZ,
  .section .con.viewZ,
  .section .conWrapper.viewZ {
    width: 71.333%; } }

@media (min-width: 0) and (max-width: 767px) {
  #content > .wrapper {
    overflow: hidden; }
  .section .mod .box.viewA,
  .section .con.viewA,
  .section .conWrapper.viewA {
    max-width: 100%;
    min-width: 100%; }
  .section .mod .box.viewB,
  .section .con.viewB,
  .section .conWrapper.viewB {
    max-width: 100%;
    min-width: 100%; }
  .section .mod .box.viewC,
  .section .con.viewC,
  .section .conWrapper.viewC {
    max-width: 100%;
    min-width: 100%; }
  .section .mod .box.viewZ,
  .section .con.viewZ,
  .section .conWrapper.viewZ {
    max-width: 100%;
    min-width: 100%; } }

.owl-dots {
  margin: auto;
  visibility: visible;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex; }
  .hasPageNumbers .owl-dots {
    display: none; }

.owl-pages {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  display: none; }
  .hasPageNumbers .owl-pages {
    display: flex; }

.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Core Owl Carousel CSS File
 */
.owl-isSlider,
.owl-noSlider {
  overflow: hidden; }

.owl-carousel {
  display: none;
  width: 100.19%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.owl-carousel.owl-loading {
  visibility: hidden; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  width: 100%;
  transform: translate3d(0, 0, 0); }

.owl-carousel .owl-stage:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  transform: translate3d(0, 0, 0); }

.owl-noSlider .owl-stage-outer {
  margin-right: 0;
  overflow: visible; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  user-select: none; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  display: none; }

.owl-carousel.owl-drag .owl-item {
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.hidden {
  position: absolute;
  left: -999em;
  height: 0; }

.hiddenWithHeight {
  position: absolute;
  left: -10000px;
  top: auto;
  overflow: hidden; }

.ui-spinner:after {
  background: #666;
  width: 96px !important;
  height: 96px !important;
  position: absolute;
  content: '';
  display: block;
  top: -48px;
  left: -48px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.ui-spinner > div {
  z-index: 1; }

hr {
  width: auto;
  display: block;
  clear: both;
  margin: 10px 0;
  background: #dfdfdf;
  padding: 0;
  height: 4px;
  border: none; }

.blocker {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7); }

/* Base Layout */
.conHeadline {
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 120%;
  margin: 0;
  width: 100%;
  padding: 0.75rem 1rem;
  font-weight: bold; }

.collapseArrow {
  width: 20px;
  height: 20px;
  position: absolute;
  margin: -12px 0 0 0;
  right: 8px;
  top: 50%; }

/************ MODULE-CONTROLS: SLIDER/PAGING ************/
.controls {
  position: relative;
  width: 100%;
  min-height: 54px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .controls .buttons {
    margin: 0;
    display: flex;
    min-width: 100%;
    position: relative;
    padding: 0 0.5rem; }
  .controls a.prev,
  .controls a.next {
    cursor: pointer; }
  .controls.paging .buttons {
    display: none; }
  .owl-noSlider .controls.sliding {
    display: none !important; }
  .owl-noSlider .controls .buttons,
  .owl-noSlider .controls .owl-nav {
    display: none; }
  .isAutoslide .controls {
    display: block; }

/*****  VIEW M ****/
@media (min-width: 0) and (max-width: 767px) {
  .conHeadline {
    margin: 0;
    padding: 12px; } }

/** MODULE DESIGN BASE **/
.mod {
  position: relative;
  width: 100%; }
  .mod .teaser {
    position: relative;
    width: 100%; }
  .mod .shortInfos {
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
    flex-direction: column; }
  .mod .text {
    line-height: 145%; }
  .mod .shortInfos h4.headline,
  .mod .shortInfos p,
  .mod .teasertext,
  .mod .shortInfos h4.shortHeadline {
    overflow: hidden; }
  .mod .shortHeadline {
    display: none; }
  .mod .mediaCon {
    margin: 0;
    width: 100%;
    position: relative; }
    .mod .mediaCon .media {
      position: relative; }
      .mod .mediaCon .media .imageWrapper {
        position: relative;
        overflow: hidden; }
        .mod .mediaCon .media .imageWrapper:before {
          content: '';
          display: block;
          padding-top: 56.25%;
          /* initial ratio of 1:1*/ }
        .mod .mediaCon .media .imageWrapper img,
        .mod .mediaCon .media .imageWrapper > span:not(.icon-font) {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          overflow: hidden; }
    .mod .mediaCon.media1xN .media .imageWrapper {
      overflow: visible; }
      .mod .mediaCon.media1xN .media .imageWrapper:before {
        display: none;
        padding-top: 0; }
      .mod .mediaCon.media1xN .media .imageWrapper img,
      .mod .mediaCon.media1xN .media .imageWrapper div {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        overflow: hidden; }
    .mod .mediaCon .mediaSubtitle {
      display: block; }
    .mod .mediaCon .imageWrapper {
      width: 100%; }
      .mod .mediaCon .imageWrapper .icon-font {
        display: none; }
  .mod .media {
    width: 100%; }
    .mod .media img {
      width: 100%; }
  .mod .linkAll {
    background: transparent url(/resources/global/img/base/background/trans.gif) repeat 0 0; }
  .mod .icon {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 46px;
    min-width: 46px; }
  .mod .icon.hint,
  .mod .icon.audioHint {
    left: auto;
    right: 0;
    top: 0;
    bottom: auto; }
  .mod .dachzeile,
  .mod .teasertext {
    margin: 0 0 0.5rem 0;
    display: block; }
  .mod .linklist {
    width: 100%; }
    .mod .linklist p.more {
      margin: 0 0 6px 0;
      width: 100%; }
      .mod .linklist p.more strong {
        font-weight: bold; }
    .mod .linklist a strong {
      font-weight: normal; }
    .mod .linklist .list {
      width: 100%;
      margin: 0; }
      .mod .linklist .list li {
        width: 100%;
        display: flex;
        flex-direction: column; }
        .mod .linklist .list li.noLink {
          padding: 0.5rem; }
        .mod .linklist .list li a {
          padding: 0.5rem;
          display: flex; }

.modParagraph .paragraph {
  width: 100%;
  margin-bottom: 1rem; }
  .modParagraph .paragraph .mediaCon {
    margin-bottom: 0; }

.modParagraph .mediaCon.mediaRight {
  width: 50%;
  float: right;
  clear: right; }
  @media (min-width: 0) and (max-width: 479px) {
    .modParagraph .mediaCon.mediaRight {
      min-width: 100%; } }

.modParagraph .mediaCon.mediaLeft {
  width: 50%;
  float: left;
  clear: left; }
  @media (min-width: 0) and (max-width: 479px) {
    .modParagraph .mediaCon.mediaLeft {
      min-width: 100%; } }

.modParagraph .mediaCon.mediaSizeC {
  width: 33.333%; }

.modParagraph .mediaCon.mediaSizeB {
  width: 50%; }

.modParagraph .mediaCon.mediaSizeA {
  width: 100%; }

.modParagraph .media {
  width: 100%; }
  .modParagraph .media a.mediaLink {
    position: relative; }

.modParagraph .mediaA {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

.modParagraph .mediaB {
  width: 48%; }

.modParagraph .modParagraph .mediaC {
  width: 31.33%; }

.modParagraph .modParagraph .mediaD {
  width: 23%; }

/* @todo Refactor */
.form {
  width: 100%;
  position: relative; }
  .form .unitD {
    min-width: 24.97%;
    width: auto; }
  .form .formElement {
    position: relative;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: row; }
  .form .textInput {
    width: 100%; }
  .form textarea {
    width: 100%;
    height: 150px; }
  .form legend {
    padding: 0; }
  .form select {
    border: 0 none;
    padding: 0;
    width: 100%; }
  .form textarea:focus,
  .form input:focus,
  .form select:focus {
    outline: 0; }
  .form .form-errormsg {
    position: relative;
    background-color: #082552;
    top: 0;
    width: 100%;
    max-width: 300px;
    padding: 8px;
    margin: 16px 0 24px 0;
    color: #fff;
    display: flex;
    line-height: 145%;
    flex-direction: column; }
    .form .form-errormsg:after {
      bottom: 100%;
      color: #fff;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom-color: #082552;
      border-width: 10px;
      left: 20%;
      margin-left: -10px; }
  .form input.contentApfoh {
    display: none !important; }

@media (min-width: 0) and (max-width: 767px) {
  .box.cssForm .formElement {
    flex-direction: column; }
  .box.cssForm .unitD,
  .box.cssForm .unitY {
    width: 100%;
    max-width: 100%; } }

.sectionC .box.cssForm .formElement {
  flex-direction: column; }

.sectionC .box.cssForm .unitD,
.sectionC .box.cssForm .unitY {
  width: 100%;
  max-width: 100%; }

.form-heading {
  font-size: 1.1em; }

.form-tab-header {
  display: flex; }
  @media (min-width: 0) and (max-width: 767px) {
    .form-tab-header {
      flex-direction: column; } }

.form-tab-element {
  border: 1px solid #c4c4c4;
  background-color: #fefefe;
  margin-right: 23px;
  padding: 1rem; }
  .form-tab-element .formElement {
    padding: 0; }
  @media (min-width: 0) and (max-width: 767px) {
    .form-tab-element {
      margin: 0; } }

.form-tab-button {
  padding: 0.5rem;
  display: flex;
  margin: 0 0.25rem;
  border: 1px solid #c4c4c4;
  top: 1px;
  position: relative;
  border-bottom: 1px solid #f9f9f9;
  border-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 1;
  cursor: pointer; }
  @media (min-width: 0) and (max-width: 767px) {
    .form-tab-button {
      margin: 0; } }

.form-tab-button:hover {
  background-color: #cbcbcb; }

.form-tab-button.active {
  background-color: #fefefe;
  color: #0062ae; }

.form-tab-content {
  padding: 6px 12px; }

.table {
  clear: both;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden; }
  .table table {
    width: 100%;
    float: none; }
    .table table td {
      padding: 6px 4px 6px 4px;
      vertical-align: middle; }
      .table table td img {
        display: block;
        margin: 0 auto; }
    .table table th {
      padding: 6px 4px 6px 6px;
      text-align: left; }
    .table table caption {
      padding: 8px 0;
      line-height: 135%; }
    .table table .td.ttxt,
    .table table th.ttxt {
      text-align: left; }
    .table table td.tnr,
    .table table th.tnr {
      text-align: right;
      padding-right: 8px; }
    .table table td.tpic,
    .table table th.tpic {
      text-align: center; }
    .table table th {
      padding: 6px 4px 6px 6px;
      text-align: left; }
    .table table.fixed {
      width: auto;
      float: left; }

html.lightboxOpen {
  overflow: hidden; }
  html.lightboxOpen body {
    overflow: hidden; }

.modLightbox {
  z-index: 101;
  display: none;
  position: absolute;
  top: 0;
  left: 0; }
  .modLightbox .modLightbox-contentWrapper {
    min-height: 128px; }
  .modLightbox .modLightbox-close {
    position: fixed;
    right: 0;
    top: 0;
    height: 44px;
    width: 44px;
    z-index: 101;
    cursor: pointer; }
  .modLightbox .ui-galleryControlsHidden {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 1; }
    .modLightbox .ui-galleryControlsHidden.right {
      right: 0;
      left: auto; }
  .modLightbox .ui-galleryControls,
  .modLightbox .modLightbox-galleryInfos {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 101;
    left: 0; }
  .modLightbox .ui-galleryControls {
    background-color: #000; }
  .modLightbox .modLightbox-galleryInfos {
    bottom: auto;
    top: 0;
    text-align: center; }
    .modLightbox .modLightbox-galleryInfos h2 {
      color: #fff;
      margin: 8px 0; }
  .modLightbox .modLightbox-content {
    display: none;
    width: 1280px;
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
    margin: 0; }
    .modLightbox .modLightbox-content.loading {
      width: 128px !important;
      height: 128px !important;
      top: 50% !important;
      left: 50% !important;
      margin-left: -64px !important;
      margin-top: -64px !important; }
      .modLightbox .modLightbox-content.loading .ui-spinner:after {
        background-color: transparent !important; }
      .modLightbox .modLightbox-content.loading .mediaInfo {
        display: none !important; }
      .modLightbox .modLightbox-content.loading .mediaRights {
        display: none !important; }
      .modLightbox .modLightbox-content.loading .con {
        width: 128px !important;
        height: 128px !important; }
      .modLightbox .modLightbox-content.loading .teaser,
      .modLightbox .modLightbox-content.loading .controls,
      .modLightbox .modLightbox-content.loading .closeBtn,
      .modLightbox .modLightbox-content.loading .av-playerContainer,
      .modLightbox .modLightbox-content.loading .mediaInfo {
        display: none !important; }
    .modLightbox .modLightbox-content.playerLayer {
      position: fixed; }
      .modLightbox .modLightbox-content.playerLayer .mediaInfo {
        display: none; }
    .modLightbox .modLightbox-content .gallery-bigImage .mediaCon .media .imageWrapper {
      overflow: visible; }
      .modLightbox .modLightbox-content .gallery-bigImage .mediaCon .media .imageWrapper:before {
        display: none;
        padding-top: 0; }
      .modLightbox .modLightbox-content .gallery-bigImage .mediaCon .media .imageWrapper img,
      .modLightbox .modLightbox-content .gallery-bigImage .mediaCon .media .imageWrapper div {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        overflow: hidden; }
      .modLightbox .modLightbox-content .gallery-bigImage .mediaCon .media .imageWrapper .icon-font {
        display: none; }
    .modLightbox .modLightbox-content .closeBtn {
      font-size: 1em; }
    .modLightbox .modLightbox-content .box {
      width: 100%;
      padding: 0; }
    .modLightbox .modLightbox-content .mod .mediaInfo {
      display: block; }
  .modLightbox .modLightbox-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99;
    display: none;
    top: 0;
    left: 0; }
  .modLightbox .item-delegated-lightbox {
    cursor: pointer; }
  .modLightbox .lightbox-link {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1; }
  .modLightbox .view-s .lightbox-link {
    display: none; }

.mod.modParagraph .definition, .mod.modParagraph .paragraph {
  *zoom: 1; }
  .mod.modParagraph .definition:before, .mod.modParagraph .paragraph:before, .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after {
    display: table;
    content: '';
    line-height: 0; }
  .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after {
    clear: both; }

.sectionChannelHeader .section .channelTitle, .mod.modParagraph .jumpLabelList,
.mod.modParagraph .jumpLabelList ul,
.mod.modParagraph .jumpLabelTitle, .mod.modParagraph .authorWrapper, .section .con .mod.modParagraph .box.cssArticleShortNews .teaser .teaserInfoWrapper, .mod .box.cssImageGallery .teaser.special .gallery-bigImage, .mod .cssMultimediaGallery .mmgContent, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails p, .cssIpgMenuContent, .cssIpgMenuCalSlider .cssIpgMenuCalItem, .box.cssBroadcast .teaser p.seasonInfo, .sportResults .matchesResults h3, .sportResults .modTable .legende, body.cssTickerPopup .conSports .tickerMatches h3,
body.cssTickerPopup .conSports .tickerMatches h2, body.cssTickerPopup .conSports .tickerMatches p, .ticketLink, .conComments .comments, .conComments .comments .comment, .conComments .modForm .formWrapper {
  float: left;
  width: 100%; }

html.js .ui-tabs-layered .ui-tabs, html.js .ui-collapsible.ui-collapsible-tabsified:not(.ui-tabs-layered) h3.ui-collapsible-trigger, .sectionWrapperTabbed:not(.ui-tabs-layered) h3.conHeadline, html.js .conMultiGroupWrapper:not(.ui-tabs-layered) .ui-collapsible-trigger, .sportResults .modTable:not(.matches):not(.ui-tabs-layered) h3.ui-collapsible-trigger {
  left: -999em !important;
  position: absolute !important;
  padding: 0 !important;
  height: 0 !important; }

.controls::selection, html.js #content .ui-collapsible .ui-collapsible-trigger::selection, .ui-lightbox-footer ul.avCollapse li a.toggle::selection,
.controls *::selection,
html.js #content .ui-collapsible .ui-collapsible-trigger *::selection,
.ui-lightbox-footer ul.avCollapse li a.toggle *::selection {
  background: transparent; }

.controls::-moz-selection, html.js #content .ui-collapsible .ui-collapsible-trigger::-moz-selection, .ui-lightbox-footer ul.avCollapse li a.toggle::-moz-selection,
.controls *::-moz-selection,
html.js #content .ui-collapsible .ui-collapsible-trigger *::-moz-selection,
.ui-lightbox-footer ul.avCollapse li a.toggle *::-moz-selection {
  background: transparent; }

.mod .shortInfos, .mod .shortInfos h4.headline,
.mod .shortInfos p,
.mod .teasertext,
.mod .shortInfos h4.shortHeadline, .ui-lightbox-footer ul.avCollapse li span.avCollapseBody.avLink, .mod .linklist .list li a .linktext,
.mod .linklist .list li > span .linktext,
.mod .linklist .list li > div .linktext, .mod .cssProgramHintRepeat .cssProgramHintDate, .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody {
  text-overflow: ellipsis;
  overflow: hidden;
  /*overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
*/
  padding-bottom: 1px; }

.mod h4 .headline,
.mod h4 .dachzeile,
.mod h4 .shortHeadline, .modLightbox .modLightbox-galleryInfos, .modLightbox .modLightbox-galleryInfos h2, .modLightbox .modLightbox-galleryInfos p, body.cssLivestream .conLivestreamLinks .linklist li span.linkUrl {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden; }

.mod .cssVoting .formElement > div,
.mod .cssVoting .form-success-values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .teaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.mod .cssVoting .formElement > div .form-button,
.mod .cssVoting .form-success-values .form-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.ui-thumbSlider .controls,
.ui-thumbSlider .buttons {
  position: static;
  border: 0 !important;
  padding: 0;
  height: 0; }

.ui-thumbSlider .owl-dots,
.ui-thumbSlider .owl-pages {
  display: none !important; }

.ui-thumbSlider a.prev,
.ui-thumbSlider a.next {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  position: absolute !important;
  top: 50%;
  left: 0;
  width: 32px;
  height: 96px;
  margin-top: -48px;
  background-color: #fff;
  cursor: pointer;
  opacity: 0; }
  .ui-thumbSlider a.prev:before, .ui-thumbSlider a.prev:after,
  .ui-thumbSlider a.next:before,
  .ui-thumbSlider a.next:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -14px;
    left: 50%;
    margin-left: -12px; }


.ui-thumbSlider a.next {
  right: 0;
  left: auto; }
  
  .ui-thumbSlider a.next:after {
    margin-left: -8px !important; }

html.no-touch .ui-thumbSlider a.prev:hover,
html.no-touch .ui-thumbSlider a.next:hover {
  opacity: 1; }

#header .searchLayerToggle.open:before, #header .searchLayerToggle:before, #header button.nav-toggle:before, #footer .footer-bottom li a:after, #footer .footer-bottom h3:after, .closeBtn:before, .ui-checkbox.checked:after, html.js .ui-selectbox:after, .the-datepicker__container .the-datepicker__month:not(.deactivated) span:after,
.the-datepicker__container .the-datepicker__year:not(.deactivated) span:after, .the-datepicker__container .the-datepicker__reset:after,
.the-datepicker__container .the-datepicker__close a:after, .the-datepicker__container .the-datepicker__go-previous a:after, .the-datepicker__container .the-datepicker__go-next a:after, #breadcrumb ul li:before, .searchLayerForm .formElement.checkbox input:checked + label:after, .ui-pieProgressWrapper .ui-pieProgress .icon-font:before, .ui-galleryControls.controls .galleryBtn, .ui-galleryControlsHidden:before, .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:before, .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:after, .ui-social-btn, html.js #content .ui-collapsible .ui-collapsible-trigger:after, .ui-cal-menu ul li.search > *:before, .cssIpgMenu ul li.search > *:before, .ui-cal-menu ul li.cal > *:before, .cssIpgMenu ul li.cal > *:before, .ui-lightbox-footer ul li a:after, .ui-lightbox-footer ul.avCollapse li a.toggle:after, .av-playerContainer .playlistBtn:before, .modLightbox.mmg .ui-playlist .playlistHeader button:before, .ui-socialembed input:checked + label:after, .ui-reloadPageBtn:after, .ui-reloadPageBtn.scrollToLastEntry:after, .icon-font, .section .pageAreaTitle a:after,
.section h3.conHeadline a:after, .mod .box.boxImage .teaserInfoWrapper .shortHeadline:after, .mod .box.boxImageSquare .teaserInfoWrapper .shortHeadline:after, .mod .collapseArrow:before, .mod .retentionInfo a:before, .mod .moreBtn:after, .mod .linklist li.facebook a .linktext:before, .mod .linklist li.twitter a .linktext:before, .mod .linklist li a:before, .mod .media .imageWrapper .icon-font, .mod .linklist .list li a .linktext:before,
.mod .linklist .list li > span .linktext:before,
.mod .linklist .list li > div .linktext:before, .controls a.prev:before, .controls a.next:after, .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger:before, form .formElement .form-button input:checked + label:after, .modLightbox .mediaInfo.ui-collapsible:before, .modLightbox .modLightbox-close, .modLightbox .mediaCon:not(.brav-ready) .av-playerContainer .imageWrapper:after, .modLightbox.mmg .modLightbox-galleryInfos h2:before, .mod .box .downloadInfo a.moreBtn:after, .mod .box.cssImageGallery .teaser.special .innerTeaser h4 .headline:before, .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper .icon-font:before, .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter h4 .headline:before, body.cssImageGallery h1 .headline:before, .mod .box.cssProgramHint .teaser .innerTeaser h4 .headline:before, .box.cssAvPlus .themes li.cssVideo button.moreBtn:before, .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after, .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:before, .mod .cssAv .teaser .innerTeaser .cssProgramHintBox a:after, .mod .cssMultimediaGallery .boxNormal:not(.boxSpecial) h4 .headline:before, .mod .cssMultimediaGallery .mmgTeaserTitle:before, .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .teaserInfoWrapper:after, .mod .cssMultimediaGallery .mmgContent p:before, .mod .cssMultimediaGallery .mmgContent p.mmgAudios:before, .mod .cssAudio.form-button label:before,
.mod .cssAudioLivestream.form-button label:before, .mod .cssAudio > .teaser > .innerTeaser h4 .headline:before,
.mod .cssAudioLivestream > .teaser > .innerTeaser h4 .headline:before, .mod .cssVideo .innerTeaser h4 .headline:before, .mod .cssVideo.form-button label:before, .mod .cssAudioSlideShow h4 .headline:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage h1 .headline:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn:after, body.cssVideo h1 .headline:before, body.cssAudio h1 .headline:before, body.cssAudioSlideShow h1 .headline:before, #content .box.cssIpgHeader h2 .headline a:after,
#content .box.cssIpgHeader h1 .headline a:after,
#content .box.cssIpgFooter h2 .headline a:after,
#content .box.cssIpgFooter h1 .headline a:after, #content .box.cssIpgHeader > a.prev:before,
#content .box.cssIpgFooter > a.prev:before, #content .box.cssIpgHeader > a.next:after,
#content .box.cssIpgFooter > a.next:after, #content .mod.cssBroadcastList.dayView h3.title:after, #content .mod.cssBroadcastList.dayView h3.title.collapsed:after, .form.cssIpgSearchForm.cssIpgDownload .moreBtn .form-buttontext:after, .box.cssBroadcast .teaser .cssIpgLink:after, .box.cssBroadcast .teaser .broadcastSpecs li.hd:before, .box.cssBroadcast .teaser .broadcastSpecs li.HD:before, .box.cssBroadcast .teaser .broadcastSpecs li.dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:before, .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:before, .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:before, .box.cssBroadcast .teaser .broadcastSpecs li.live:before, .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:before, .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:before, .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after, .mod .box.boxIpgTeaser .ipgHint a:after, .conMultiGroupWrapper .controls:not(.reload) a.back:before, .conMultiGroupWrapper .controls:not(.reload) a:after, .sportResults .conSports a.moreBtn:after, .sportResults .conSports a.moreBtn.reload:after, .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:before, .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before, .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:before, .sportResults .modTable .table table.spielplan a.pfeil:after, .sportResults .modTable .table table tr th a:after, .sportResults .modTable .table table tr td.mannschaft a:after, body.cssCalendar #content h1 .headline:before,
body.cssConcertCalendar #content h1 .headline:before, .box.cssCalendar.boxNormal > .teaser > .innerTeaser h4 .headline:before,
.box.cssCalendar.boxSpecial > .teaser > .innerTeaser h4 .headline:before, .section .conCalendar .ui-cal-menu li.currentCal a:before, .section .conCalendar .ui-cal-menu li.calBackLink a:before, .concertTickets li:nth-child(2) a:after,
.conDetailHeader .concertTickets li a:after,
.conConcertDetails .concertTickets li a:after, .conComments .comments p.commentTitle > span:first-child:before, .radioPlayer .radioPlayerControls:before, .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:before, .radioPlayerWrapper .addControls .btn.popoutBtn:before, .radioPlayerWrapper.brav-playing .radioPlayerControls:before, .radioPlayerWrapper.brav-paused .radioPlayerControls:before, #content .weatherInnerWrapper li:after, #content .weatherInnerWrapper li.link:after, #content .weather-teaser .weatherInnerWrapper li:after, h3.conHeadline a[href]:after {
  font-family: 'mdricons';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal; }

.av-playerContainer .playlistBtn, .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger, .mod.modParagraph .authorWrapper .articleMeta-social:not(.ui-social-collapsing) .ui-social-btn.ui-social-trigger, .box.cssBroadcast .teaser .progressContainer .icon-font:before, * {
  font-family: 'Open Sans'; }

.table table tr,
.table table td,
.table table th, .table table tr.headlines th, .sportResults .conSports.live .controls, .sportResults .sportsForm > div, .sportResults .matchesResults h3 span, body.cssTickerPopup .conSports .tickerMatches h3,
body.cssTickerPopup .conSports .tickerMatches h2, body.cssTickerPopup .conSports .tickerMatches p, body.cssTickerPopup .conSports.konferenz .confAnsetzung h2.tickerTitle span.league {
  margin-bottom: 1px !important;
  border-bottom: 1px solid #dcdcdc;
  /*&:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: $white;
    content: " ";
    left: 0;
    bottom: -2px;
  }
  */ }

.mod .moreBtn.solidBtn, .controls.reload a.moreBtn, .form .submitfield button,
.form .submitfield a.moreBtn,
.form-success .submitfield button,
.form-success .submitfield a.moreBtn, .mod .box .downloadInfo a.moreBtn, .conComments .controls.reload a.moreBtn {
  text-align: center;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent;
  padding: 8px 24px;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
  width: auto;
  float: none; }
  .mod .moreBtn.solidBtn:not(.disabled):focus, .controls.reload a.moreBtn:not(.disabled):focus, .form .submitfield button:not(.disabled):focus,
  .form .submitfield a.moreBtn:not(.disabled):focus,
  .form-success .submitfield button:not(.disabled):focus,
  .form-success .submitfield a.moreBtn:not(.disabled):focus, .mod .box .downloadInfo a.moreBtn:not(.disabled):focus {
    color: #0062ae;
    text-decoration: none; }
  html.no-touch .mod .moreBtn.solidBtn:hover, .mod html.no-touch .moreBtn.solidBtn:hover, html.no-touch .controls.reload a.moreBtn:hover, .controls.reload html.no-touch a.moreBtn:hover, html.no-touch .form .submitfield button:hover, .form .submitfield html.no-touch button:hover,
  html.no-touch .form .submitfield a.moreBtn:hover, .form .submitfield html.no-touch a.moreBtn:hover,
  html.no-touch .form-success .submitfield button:hover, .form-success .submitfield html.no-touch button:hover,
  html.no-touch .form-success .submitfield a.moreBtn:hover, .form-success .submitfield html.no-touch a.moreBtn:hover, html.no-touch .mod .box .downloadInfo a.moreBtn:hover, .mod .box .downloadInfo html.no-touch a.moreBtn:hover {
    border-color: rgba(0, 0, 0, 0.8); }

.sportResults .modTable.matches .lastEvent.level2, .sportResults .modTable.matches .lastEvent.level1, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10001000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event110000 {
  width: 32px;
  height: 16px;
  display: inline-block;
  background-position: 0 0;
  background-image: url(/resources/global/img/mdrde/sport/tickericons.svg?2019); }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1 {
  background-position: 0 -16px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100100 {
  background-position: 0 -32px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10010 {
  background-position: 0 -48px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1001 {
  background-position: 0 -64px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1100 {
  background-position: 0 -78px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1010 {
  background-position: 0 -94px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000 {
  background-position: 0 -112px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000 {
  background-position: 0 -128px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000000 {
  background-position: 0 -144px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000010 {
  background-position: 0 -160px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000001 {
  background-position: 0 -177px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100100 {
  background-position: 0 -194px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100000 {
  background-position: 0 -210px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000000 {
  background-position: 0 -226px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event110000 {
  background-position: 0 -242px; }

.jumpBoxShadowStandard, .sectionSongindicator .songIndicator.mplToggle .livePlayButton:hover, .sectionSongindicator .songIndicator.mplToggle .livePlayButton:focus, .sectionSongindicator .launchLivestreamplayer .livePlayButton:hover, .sectionSongindicator .launchLivestreamplayer .livePlayButton:focus, .headerBottomItems .songIndicator.mplToggle .livePlayButton:hover, .headerBottomItems .songIndicator.mplToggle .livePlayButton:focus, .headerBottomItems .launchLivestreamplayer .livePlayButton:hover, .headerBottomItems .launchLivestreamplayer .livePlayButton:focus, .mpl .mplSectionThree .mplSongNow a.livePlayButton:hover, .mpl .mplSectionThree .mplSongNow a.livePlayButton:focus {
  box-shadow: 0 0 6px rgba(51, 51, 52, 0.2); }

@media (min-width: 0) and (max-width: 767px) {
  #headerReact > .mdr-header {
    padding: 0 1rem; } }

.mdr-header {
  background-color: #0062ae;
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  transition: all 0.3s ease-out;
  transition-delay: 0.3s; }
  .mdr-header:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(0deg, rgba(6, 6, 30, 0.25) 0%, rgba(6, 6, 30, 0) 6px); }
  .mdr-header.openTopLevelNavi {
    min-height: 127px; }
    .mdr-header.openTopLevelNavi .mdr-header-row {
      height: 70px;
      margin: 0 0 3.5rem 0;
      border-bottom: 1px solid #fff; }
    @media (min-width: 0) and (max-width: 767px) {
      .mdr-header.openTopLevelNavi {
        min-height: 48px; }
        .mdr-header.openTopLevelNavi .mdr-header-row {
          height: 48px;
          margin: 0;
          border: 0; } }
  @media (min-width: 0) and (max-width: 767px) {
    .mdr-header {
      min-height: 48px;
      max-height: 100%; } }
  .mdr-header .mdr-logo {
    margin: 0 auto 0 0;
    min-width: 3.125rem;
    width: 3.125rem;
    top: 0;
    left: 0;
    min-height: 100%;
    height: 100%;
    position: relative; }
    .mdr-header .mdr-logo > * {
      width: 100%;
      height: 100%;
      max-height: 70px; }
    @media (min-width: 0) and (max-width: 767px) {
      .mdr-header .mdr-logo {
        margin: 0 auto; } }
  .mdr-header .mdr-header-bar {
    display: none; }
  .mdr-header .mdr-header-row {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    padding: 0; }
    @media (min-width: 0) and (max-width: 767px) {
      .mdr-header .mdr-header-row {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: 70px;
        justify-content: center; } }
  .mdr-header .mdr-header-button {
    border: 0.0625rem solid;
    border-radius: 0.125rem;
    background: none;
    padding: 0.25rem 0.5rem;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 8.25rem;
    min-height: 2rem;
    margin-left: auto; }
    @media (max-width: 1024px) {
      .mdr-header .mdr-header-button {
        border: 0;
        width: auto;
        margin-left: 0;
        position: absolute;
        right: 0;
        padding: 0;
        font-size: 1.25rem; }
        .mdr-header .mdr-header-button span:not(.icon-font) {
          display: none; } }
  .mdr-header .mdr-header-navi {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative; }
    @media (max-width: 768px) {
      .mdr-header .mdr-header-navi {
        display: none; } }
  .mdr-header .mdr-header-subnavi {
    position: relative;
    width: 100%;
    height: 2.75rem;
    display: flex;
    overflow: scroll;
    color: #fff;
    display: none;
    align-items: center; }
    .mdr-header .mdr-header-subnavi > * {
      white-space: nowrap;
      margin-right: 1rem; }
      .mdr-header .mdr-header-subnavi > * > * {
        color: #fff; }
  .mdr-header .mdr-header-bar {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #80b0d6; }
  .mdr-header .mdr-header-navi-item {
    display: flex;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.875rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: 0.1175rem;
    margin: 0 2rem;
    white-space: nowrap; }
    @media (max-width: 1024px) {
      .mdr-header .mdr-header-navi-item {
        margin: 0 1rem; } }
    .mdr-header .mdr-header-navi-item a {
      color: #fff; }
  .mdr-header .mdr-header-inner,
  .mdr-header #reactify-mdr-root {
    display: flex;
    width: 100%;
    max-width: 1008px;
    flex-direction: column; }

#header {
  text-align: center;
  position: relative;
  top: 0;
  z-index: 12;
  padding: 0;
  background-color: #f1f1f1;
  border-bottom: 3px solid #e0e0e0;
  min-height: 41px;
  margin-bottom: 32px; }
  html.isApp #header {
    display: none; }
  @media (min-width: 0) and (max-width: 767px) {
    #header {
      margin-bottom: 0; } }
  #header .logo {
    display: flex;
    align-items: center;
    height: 41px;
    position: relative;
    left: 0; }
    #header .logo span {
      color: #084e99;
      font-weight: bold;
      display: block;
      margin-left: 16px;
      position: relative;
      margin-top: 0 !important; }
    #header .logo img {
      width: 70px; }
  #header .searchLayerToggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
    color: #666;
    background-color: transparent;
    cursor: pointer;
    padding: 8px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
    #header .searchLayerToggle.open {
      color: #666;
      background: none;
      top: 0.25rem;
      margin-left: 0; }
      @media (min-width: 768px) {
        #header .searchLayerToggle.open {
          transform: translate3d(0, 16px, 0); } }
      #header .searchLayerToggle.open:focus {
        background: none; }
      #header .searchLayerToggle.open:before {
        content: "";
        color: #827e7c; }
    #header .searchLayerToggle:before {
      content: '\e629';
      color: #827e7c; }
  #header.ui-preferFixScrolling .navigation {
    position: fixed; }
  #header button.nav-toggle {
    width: 50px;
    height: 48px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    color: #666;
    background-color: transparent;
    display: none;
    position: absolute;
    left: 0;
    top: 0; }
    #header button.nav-toggle:before {
      position: relative;
      top: -4px; }
    #header button.nav-toggle:before {
      content: "";
      font-size: 1.5em; }
    #header button.nav-toggle.open {
      background-color: #333;
      color: #fff; }
    @media (min-width: 0) and (max-width: 767px) {
      #header button.nav-toggle {
        display: block; } }
  #header .navigation {
    font-size: 0.85em;
    z-index: 12;
    width: 100%;
    max-width: 1008px;
    margin: 0 auto;
    text-align: center; }
    #header .navigation ul.navigationTopClone {
      display: none; }
    @media (min-width: 1901px) {
      #header .navigation {
        max-width: 1440px; } }
    #header .navigation.navigationTop {
      background-color: #f5f5fa;
      padding: 0 6px;
      width: 100%;
      max-width: 100% !important;
      text-align: right;
      border-bottom: 1px solid #e1e1e1; }
      #header .navigation.navigationTop .navigationTopInner {
        margin: 0 auto;
        display: flex;
        width: 100%;
        max-width: 1008px; }
        @media (min-width: 1901px) {
          #header .navigation.navigationTop .navigationTopInner {
            max-width: 1440px; } }
      #header .navigation.navigationTop ul {
        width: 50%;
        margin-left: auto;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 40px; }
        #header .navigation.navigationTop ul li {
          width: auto;
          display: inline-block; }
          #header .navigation.navigationTop ul li a {
            padding-left: 12px !important;
            padding-right: 12px !important;
            border: 0 !important; }
            #header .navigation.navigationTop ul li a.searchLayerToggle {
              font-size: 1.25rem;
              padding: 0; }
              #header .navigation.navigationTop ul li a.searchLayerToggle:before {
                position: relative; }
              #header .navigation.navigationTop ul li a.searchLayerToggle:focus:before {
                color: #d40028; }
      @media (min-width: 0) and (max-width: 767px) {
        #header .navigation.navigationTop .tv,
        #header .navigation.navigationTop .radio,
        #header .navigation.navigationTop .mediathek {
          display: none; }
        #header .navigation.navigationTop ul {
          width: auto; }
        #header .navigation.navigationTop a.logo {
          left: calc(50% - 35px); }
          #header .navigation.navigationTop a.logo span {
            display: none; } }
      @media (min-width: 480px) and (max-width: 767px) {
        #header .navigation.navigationTop .tv,
        #header .navigation.navigationTop .radio,
        #header .navigation.navigationTop .mediathek {
          display: none; }
        #header .navigation.navigationTop ul {
          width: auto; }
        #header .navigation.navigationTop a.logo {
          left: 50%;
          margin-left: -35px; }
          #header .navigation.navigationTop a.logo span {
            display: none; } }
      @media (min-width: 0) and (max-width: 767px) {
        #header .navigation.navigationTop ul {
          width: auto; }
        #header .navigation.navigationTop .tv,
        #header .navigation.navigationTop .radio,
        #header .navigation.navigationTop .mediathek {
          display: none; } }
    #header .navigation .mehrLayer {
      display: none;
      position: absolute;
      left: 0;
      width: 100%;
      bottom: 0;
      background-color: white;
      transform: translate3d(0, 100%, 0);
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); }
      #header .navigation .mehrLayer > ul {
        display: flex;
        flex-direction: column;
        text-align: left; }
        #header .navigation .mehrLayer > ul li {
          display: flex;
          flex-direction: row;
          padding: 2rem; }
          #header .navigation .mehrLayer > ul li:nth-child(even) {
            background-color: #dcdcdc; }
          #header .navigation .mehrLayer > ul li > a {
            min-width: 20%;
            text-transform: uppercase;
            font-weight: bold;
            background-color: transparent;
            pointer-events: none; }
            #header .navigation .mehrLayer > ul li > a:after {
              display: none; }
          #header .navigation .mehrLayer > ul li div {
            margin-left: 2rem; }
            #header .navigation .mehrLayer > ul li div > a {
              margin: 0 1rem 0.5rem 0;
              display: inline-block;
              padding: 4px;
              font-weight: bold; }
              html.no-touch #header .navigation .mehrLayer > ul li div > a:hover {
                color: #d40028;
                background-color: transparent; }
                html.no-touch #header .navigation .mehrLayer > ul li div > a:hover:after {
                  display: none; }
    #header .navigation .active .mehrLayer {
      min-height: 3rem;
      display: block; }
    #header .navigation > ul {
      display: flex;
      width: 100%;
      position: relative; }
      #header .navigation > ul > li {
        width: 10.9%; }
        #header .navigation > ul > li.sachsen-anhalt {
          width: 17.5%; }
        #header .navigation > ul > li.sport {
          width: 7.8%; }
        #header .navigation > ul > li.geschichte {
          width: 12%; }
        #header .navigation > ul > li.thueringen {
          width: 11.2%; }
        #header .navigation > ul > li.kultur {
          width: 8.5%; }
        #header .navigation > ul > li.nachrichten {
          width: 15%; }
        #header .navigation > ul > li.mehr {
          width: 8%; }
        #header .navigation > ul > li.wissen {
          width: 9%; }
        #header .navigation > ul > li:first-of-type a {
          border-left: 1px solid #e1e1e1; }
        #header .navigation > ul > li a:after {
          position: absolute;
          width: 100%;
          height: 3px;
          bottom: -3px;
          left: 0;
          content: ''; }
        #header .navigation > ul > li.active:after {
          background-color: #ff9900; }
        #header .navigation > ul > li.active.radio:after {
          background-color: #48a2dc; }
        #header .navigation > ul > li a:focus {
          text-decoration: none; }
        #header .navigation > ul > li.active > a {
          background-color: #f5f5fa;
          color: #313131; }
        html.no-touch #header .navigation > ul > li a:not(.open):hover,
        html.no-touch #header .navigation > ul > li a:focus {
          background-color: #f5f5fa;
          color: #313131; }
          html.no-touch #header .navigation > ul > li a:not(.open):hover:after,
          html.no-touch #header .navigation > ul > li a:focus:after {
            background-color: #333; }
        html.no-touch #header .navigation > ul > li.sport a:hover:after,
        html.no-touch #header .navigation > ul > li.sport a:focus:after {
          background-color: #18478e; }
        html.no-touch #header .navigation > ul > li.geschichte a:hover:after,
        html.no-touch #header .navigation > ul > li.geschichte a:focus:after {
          background-color: #434343; }
        html.no-touch #header .navigation > ul > li.sachsen a:hover:after,
        html.no-touch #header .navigation > ul > li.sachsen a:focus:after, html.no-touch #header .navigation > ul > li.sachsen-anhalt a:hover:after,
        html.no-touch #header .navigation > ul > li.sachsen-anhalt a:focus:after, html.no-touch #header .navigation > ul > li.thueringen a:hover:after,
        html.no-touch #header .navigation > ul > li.thueringen a:focus:after {
          background-color: #1b2159; }
    #header .navigation.navigationTop ul a:after {
      bottom: -1px; }
    #header .navigation > ul > li > a,
    #header .navigation.navigationTop ul li a {
      position: relative;
      color: #313131;
      text-transform: uppercase;
      display: block;
      font-weight: bold;
      padding: 13px 0 12px 0;
      border-right: 1px solid #e1e1e1;
      line-height: 1em; }
    @media (min-width: 0) and (max-width: 767px) {
      #header .navigation:not(.navigationTop) {
        display: none; } }
    @media (min-width: 480px) and (max-width: 767px) {
      #header .navigation:not(.navigationTop) {
        display: none; } }
    @media (min-width: 0) and (max-width: 767px) {
      #header .navigation {
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out; }
        #header .navigation:not(.navigationTop) {
          position: absolute;
          left: -300px;
          display: block;
          background-color: #333;
          padding-left: 0;
          padding-right: 0;
          top: 48px;
          width: 240px;
          text-align: left;
          z-index: 10; }
          #header .navigation:not(.navigationTop) ul {
            overflow: hidden;
            flex-direction: column; }
            #header .navigation:not(.navigationTop) ul > li {
              width: 100% !important; }
          #header .navigation:not(.navigationTop):after {
            position: absolute;
            width: 768px;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            content: '';
            opacity: 0;
            left: 240px;
            top: 0;
            display: none; }
          #header .navigation:not(.navigationTop).offcanvas {
            left: 0; }
            #header .navigation:not(.navigationTop).offcanvas:after {
              opacity: 1;
              display: block; }
          #header .navigation:not(.navigationTop) .navigationTopClone {
            display: block; }
          #header .navigation:not(.navigationTop) .mehr > a:after {
            content: "";
            right: 0;
            margin-right: 4px;
            font-size: 1em;
            left: auto;
            height: auto;
            background: none !important;
            bottom: auto;
            width: auto; }
          #header .navigation:not(.navigationTop) .mehr.active > a:after {
            content: ""; }
          #header .navigation:not(.navigationTop) .mehrLayer {
            position: relative;
            transform: none;
            display: none; }
            #header .navigation:not(.navigationTop) .mehrLayer > ul,
            #header .navigation:not(.navigationTop) .mehrLayer > ul > li,
            #header .navigation:not(.navigationTop) .mehrLayer > ul > li > div {
              overflow: visible;
              display: block;
              cursor: pointer;
              padding: 0;
              margin: 0;
              background-color: transparent; }
            #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a {
              display: block;
              font-weight: bold;
              padding: 13px 8px 12px 8px;
              pointer-events: all; }
              #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a:after {
                content: "";
                right: 0;
                margin-right: 4px;
                font-size: 1em;
                left: auto;
                height: auto;
                background: none !important;
                bottom: auto;
                width: auto; }
            #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItemLinks {
              display: none; }
            #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItemTitle {
              cursor: pointer; }
            #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItem.active > a:after {
              content: ""; }
            #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks {
              display: block;
              background-color: white; }
              #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks a {
                color: #313131; }
              #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks a:hover {
                color: #d40028; }
          #header .navigation:not(.navigationTop) .active > a {
            color: #313131;
            background-color: white; }
          #header .navigation:not(.navigationTop) .active .mehrLayer {
            display: block;
            box-shadow: none;
            background-color: transparent; }
          #header .navigation:not(.navigationTop) ul li a {
            color: white;
            border: 0;
            padding-left: 8px;
            padding-right: 8px; } }
  #header .searchLayer {
    width: auto;
    margin-bottom: 0;
    background-color: transparent; }
    #header .searchLayer.open .searchLayerContent {
      transform: translate3d(0, 0, 0); }
    #header .searchLayer .searchLayerContent {
      position: absolute;
      transition: transform 0.3s ease-out;
      transform: translate3d(0, -150%, 0);
      top: 0;
      left: 0;
      width: 100%;
      z-index: 11;
      background-color: white;
      padding: 0;
      border-top: 1px solid #c4c4c4;
      -webkit-box-shadow: 0px 9px 8px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 9px 8px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 9px 8px rgba(0, 0, 0, 0.1); }
      #header .searchLayer .searchLayerContent .searchInnerLayerWrapper {
        margin: 0 auto; }
      #header .searchLayer .searchLayerContent .searchLayerResult {
        max-width: 1008px;
        padding-left: 1rem; }
        #header .searchLayer .searchLayerContent .searchLayerResult .box .mediaCon {
          max-width: 30%; }
        #header .searchLayer .searchLayerContent .searchLayerResult .controls.reload {
          margin-top: 16px; }

#skiplink ul li {
  display: inline; }

#skiplink a:link,
#skiplink a:visited {
  display: inline;
  left: -1000px;
  overflow: hidden;
  position: absolute; }

#skiplink a:hover,
#skiplink a:focus,
#skiplink a:active {
  background-color: #fff;
  font-size: 0.75em;
  left: 0;
  padding: 0.33em 0 0.5833em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 14.5833em;
  z-index: 1000; }

/* Finetuning Position Font "MITTELDEUTSCHER RUNDFUNK" */
#header .logo span {
  color: #0062ae;
  margin-left: 11px;
  margin-top: 9px; }

/* Temp miteinanderstark */
#header .logoClaim {
  font-weight: bold;
  position: relative;
  float: left;
  color: #0062ae;
  margin-left: 11px;
  margin-top: 7px;
  font-size: 1.2em;
  height: 33px;
  top: 8px; }

/* Mehr Layer */
@media (min-width: 1008px) {
  #header .navigation .mehrLayer {
    bottom: -2px;
    border: 2px solid #acacac;
    border-bottom: 1px; }
  #header .navigation .mehrLayer > ul li {
    border-bottom: 1px solid #acacac;
    padding-bottom: 1rem; }
  #header .navigation .mehrLayer > ul li div > a {
    padding-top: 0;
    padding-bottom: 12px;
    font-weight: normal; }
  #header .navigation .mehrLayer > ul li div a:not(:last-child):after {
    position: relative;
    content: '|';
    bottom: 0;
    left: 12px;
    color: #666;
    display: inline;
    background-color: transparent; } }

@media (min-width: 0) and (max-width: 767px) {
  #header .navigation:not(.navigationTop) ul li a,
  #header .navigation:not(.navigationTop) ul li a {
    border-bottom: 1px solid #e1e1e1;
    display: block;
    margin-bottom: 0; }
  #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a,
  #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a {
    padding-left: 16px; }
  #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItemLinks,
  #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItemLinks {
    padding-left: 16px; }
  #header .navigation:not(.navigationTop) ul li .mehrLayerItemLinks a,
  #header .navigation:not(.navigationTop) ul li .mehrLayerItemLinks a {
    padding: 10px;
    border: 0;
    display: block;
    margin: 0 0 1px 0;
    font-weight: normal; } }

/*
 * MDR JUMP Header
 * alles ganz oben mit Logo, Sidebar-Toggles, Play-Button, Titelanzeige und Webchannelnavi (bei aufgeklapptem MPL)
 * Stand 24.03.2021
 * Axel Kohout
 */
@media (min-width: 0) and (max-width: 479px) {
  #jumpHeader, #jumpHeader .sectionChannelHeader .section .channelTitle.back, #jumpHeader .sectionChannelHeader .section .channelTitle.front {
    height: 107px; } }

@media (min-width: 480px) and (max-width: 767px) {
  #jumpHeader, #jumpHeader .sectionChannelHeader .section .channelTitle.back, #jumpHeader .sectionChannelHeader .section .channelTitle.front {
    height: 115px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  #jumpHeader, #jumpHeader .sectionChannelHeader .section .channelTitle.back, #jumpHeader .sectionChannelHeader .section .channelTitle.front {
    height: 128px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  #jumpHeader, #jumpHeader .sectionChannelHeader .section .channelTitle.back, #jumpHeader .sectionChannelHeader .section .channelTitle.front {
    height: 142px; } }

@media (min-width: 1008px) {
  #jumpHeader, #jumpHeader .sectionChannelHeader .section .channelTitle.back, #jumpHeader .sectionChannelHeader .section .channelTitle.front {
    height: 152px; } }

html.isScrolling #jumpHeader, html.isScrolling #jumpHeader .sectionChannelHeader .section .channelTitle.back, #jumpHeader .sectionChannelHeader .section html.isScrolling .channelTitle.back, html.isScrolling #jumpHeader .sectionChannelHeader .section .channelTitle.front, #jumpHeader .sectionChannelHeader .section html.isScrolling .channelTitle.front {
  height: 107px; }

@media (min-width: 0) and (max-width: 479px) {
  #jumpHeader .sectionChannelHeader .section .channelTitle.back .top, #jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    height: 65px; } }

@media (min-width: 480px) and (max-width: 767px) {
  #jumpHeader .sectionChannelHeader .section .channelTitle.back .top, #jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    height: 71px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  #jumpHeader .sectionChannelHeader .section .channelTitle.back .top, #jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    height: 80px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  #jumpHeader .sectionChannelHeader .section .channelTitle.back .top, #jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    height: 92px; } }

@media (min-width: 1008px) {
  #jumpHeader .sectionChannelHeader .section .channelTitle.back .top, #jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    height: 100px; } }

html.isScrolling #jumpHeader .sectionChannelHeader .section .channelTitle.back .top, #jumpHeader .sectionChannelHeader .section .channelTitle.back html.isScrolling .top, html.isScrolling #jumpHeader .sectionChannelHeader .section .channelTitle.front .top, #jumpHeader .sectionChannelHeader .section .channelTitle.front html.isScrolling .top, html.isScrolling .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item, .sectionChannelHeader .section .channelTitle.front html.isScrolling .top > .headerTopItems > .item {
  height: 65px; }

@media (min-width: 0) and (max-width: 479px) {
  #jumpHeader .sectionChannelHeader .section .bottom, .mpl .mplSectionThree .mplTop .mplSongNowInset, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton {
    height: 42px; } }

@media (min-width: 480px) and (max-width: 767px) {
  #jumpHeader .sectionChannelHeader .section .bottom, .mpl .mplSectionThree .mplTop .mplSongNowInset, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton {
    height: 44px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  #jumpHeader .sectionChannelHeader .section .bottom, .mpl .mplSectionThree .mplTop .mplSongNowInset, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton {
    height: 48px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  #jumpHeader .sectionChannelHeader .section .bottom, .mpl .mplSectionThree .mplTop .mplSongNowInset, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton {
    height: 50px; } }

@media (min-width: 1008px) {
  #jumpHeader .sectionChannelHeader .section .bottom, .mpl .mplSectionThree .mplTop .mplSongNowInset, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton {
    height: 52px; } }

html.isScrolling #jumpHeader .sectionChannelHeader .section .bottom, #jumpHeader .sectionChannelHeader .section html.isScrolling .bottom, html.isScrolling .mpl .mplSectionThree .mplTop .mplSongNowInset, .mpl .mplSectionThree .mplTop html.isScrolling .mplSongNowInset, html.isScrolling .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow html.isScrolling a.linkPlaylistButton {
  height: 42px; }

@media (min-width: 0) and (max-width: 479px) {
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    width: 65px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    width: 71px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    width: 80px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    width: 92px; } }

@media (min-width: 1008px) {
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
    width: 100px; } }

html.isScrolling .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item, .sectionChannelHeader .section .channelTitle.front html.isScrolling .top > .headerTopItems > .item {
  width: 65px; }

@media (min-width: 0) and (max-width: 479px) {
  .sectionSongindicator .songIndicator.mplToggle .livePlayButton, .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon, .mpl .mplSectionThree .mplSongNow a.livePlayButton {
    width: 42px;
    height: 42px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .sectionSongindicator .songIndicator.mplToggle .livePlayButton, .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon, .mpl .mplSectionThree .mplSongNow a.livePlayButton {
    width: 44px;
    height: 44px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  .sectionSongindicator .songIndicator.mplToggle .livePlayButton, .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon, .mpl .mplSectionThree .mplSongNow a.livePlayButton {
    width: 48px;
    height: 48px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  .sectionSongindicator .songIndicator.mplToggle .livePlayButton, .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon, .mpl .mplSectionThree .mplSongNow a.livePlayButton {
    width: 50px;
    height: 50px; } }

@media (min-width: 1008px) {
  .sectionSongindicator .songIndicator.mplToggle .livePlayButton, .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon, .mpl .mplSectionThree .mplSongNow a.livePlayButton {
    width: 52px;
    height: 52px; } }

html.isScrolling .sectionSongindicator .songIndicator.mplToggle .livePlayButton, .sectionSongindicator .songIndicator.mplToggle html.isScrolling .livePlayButton, html.isScrolling .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon, .sectionSongindicator .songIndicator.mplToggle html.isScrolling .mplToggleBtn > span.icon, html.isScrolling .sectionSongindicator .launchLivestreamplayer .livePlayButton, .sectionSongindicator .launchLivestreamplayer html.isScrolling .livePlayButton, html.isScrolling .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon, .sectionSongindicator .launchLivestreamplayer html.isScrolling .mplToggleBtn > span.icon, html.isScrolling .headerBottomItems .songIndicator.mplToggle .livePlayButton, .headerBottomItems .songIndicator.mplToggle html.isScrolling .livePlayButton, html.isScrolling .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon, .headerBottomItems .songIndicator.mplToggle html.isScrolling .mplToggleBtn > span.icon, html.isScrolling .headerBottomItems .launchLivestreamplayer .livePlayButton, .headerBottomItems .launchLivestreamplayer html.isScrolling .livePlayButton, html.isScrolling .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon, .headerBottomItems .launchLivestreamplayer html.isScrolling .mplToggleBtn > span.icon, html.isScrolling .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow html.isScrolling a.livePlayButton {
  width: 42px;
  height: 42px; }

@media (min-width: 0) and (max-width: 479px) {
  .sectionChannelHeader .section .channelLogo {
    height: 65px;
    width: 122.2px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .sectionChannelHeader .section .channelLogo {
    height: 71px;
    width: 133.48px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  .sectionChannelHeader .section .channelLogo {
    height: 80px;
    width: 150.4px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  .sectionChannelHeader .section .channelLogo {
    height: 92px;
    width: 172.96px; } }

@media (min-width: 1008px) {
  .sectionChannelHeader .section .channelLogo {
    height: 100px;
    width: 188px; } }

html.isScrolling .sectionChannelHeader .section .channelLogo, .sectionChannelHeader .section html.isScrolling .channelLogo {
  height: 65px;
  width: 122.2px; }

.sectionChannelHeader {
  background-color: transparent;
  position: relative;
  z-index: 10; }
  .sectionChannelHeader.placeHolderClone {
    display: none !important; }
  .sectionChannelHeader.isScrolling {
    display: block !important;
    left: 0;
    top: 0;
    float: none;
    text-align: center; }
    .sectionChannelHeader.isScrolling .section {
      text-align: left;
      display: inline-block !important;
      float: none; }
      .sectionChannelHeader.isScrolling .section .channelNavigation, .sectionChannelHeader.isScrolling .section .channelHeaderTeaser {
        display: none; }
      .sectionChannelHeader.isScrolling .section .channelTitle {
        padding: 10px 16px; }
        .sectionChannelHeader.isScrolling .section .channelTitle h2 {
          text-align: left;
          font-size: 2.25em; }
          .sectionChannelHeader.isScrolling .section .channelTitle h2:before {
            font-family: 'mdricons';
            content: "";
            margin-right: 8px;
            font-weight: 200;
            cursor: pointer; }
  .sectionChannelHeader .section {
    background-color: #666;
    padding: 0; }
    .sectionChannelHeader .section .channelTitle {
      padding: 16px; }
      .sectionChannelHeader .section .channelTitle h2 {
        color: #fff;
        font-size: 3em;
        text-transform: uppercase; }

/*
 * Ein- und Ausblenden der Sidebars
 */
#jumpHeader, #content, #footer {
  transition: transform 320ms;
  padding: 0;
  margin: 0;
  width: 100%; }
  .show-sidebar-left #jumpHeader, .show-sidebar-left #content, .show-sidebar-left #footer {
    -ms-transform: translate(320px, 0);
    /* IE 9 */
    -webkit-transform: translate(320px, 0);
    /* Chrome, Safari, Opera */
    transform: translate(320px, 0); }
  .show-sidebar-left.view-xs #jumpHeader, .show-sidebar-left.view-xs #content, .show-sidebar-left.view-xs #footer {
    -ms-transform: translate(256px, 0);
    /* IE 9 */
    -webkit-transform: translate(256px, 0);
    /* Chrome, Safari, Opera */
    transform: translate(256px, 0); }
  .show-sidebar-right #jumpHeader, .show-sidebar-right #content, .show-sidebar-right #footer {
    -ms-transform: translate(-320px, 0);
    /* IE 9 */
    -webkit-transform: translate(-320px, 0);
    /* Chrome, Safari, Opera */
    transform: translate(-320px, 0); }
  .show-sidebar-right.view-xs #jumpHeader, .show-sidebar-right.view-xs #content, .show-sidebar-right.view-xs #footer {
    -ms-transform: translate(-256px, 0);
    /* IE 9 */
    -webkit-transform: translate(-256px, 0);
    /* Chrome, Safari, Opera */
    transform: translate(-256px, 0); }

#jumpHeader {
  position: fixed;
  z-index: 1; }

#jumpHeader {
  min-height: 0;
  overflow: visible; }
  html.isScrolling #jumpHeader {
    box-shadow: 0px 3px 5px rgba(157, 157, 162, 0.5);
    border-bottom: 1px solid #4cab19; }
  html.view-xs #jumpHeader .sectionChannelHeader, html.view-s #jumpHeader .sectionChannelHeader {
    margin-bottom: inherit; }
  #jumpHeader .sectionChannelHeader .section {
    background-color: inherit; }
    #jumpHeader .sectionChannelHeader .section .channelTitle {
      padding: inherit; }
      #jumpHeader .sectionChannelHeader .section .channelTitle.back, #jumpHeader .sectionChannelHeader .section .channelTitle.front {
        transition: height 320ms; }
        #jumpHeader .sectionChannelHeader .section .channelTitle.back .top, #jumpHeader .sectionChannelHeader .section .channelTitle.front .top {
          transition: height 320ms;
          z-index: 0; }
      #jumpHeader .sectionChannelHeader .section .channelTitle.xxx_back {
        position: absolute;
        overflow: hidden;
        background-color: #2aa315; }
        #jumpHeader .sectionChannelHeader .section .channelTitle.xxx_back img.whirl {
          position: absolute;
          top: -25%;
          left: -454%;
          width: 1060%;
          height: auto; }
      #jumpHeader .sectionChannelHeader .section .channelTitle.front {
        position: relative; }
        #jumpHeader .sectionChannelHeader .section .channelTitle.front .top {
          position: relative;
          padding: 0;
          width: 100%; }
        #jumpHeader .sectionChannelHeader .section .channelTitle.front .bottom {
          position: relative;
          width: 100%; }
    #jumpHeader .sectionChannelHeader .section .bottom {
      width: 100%;
      transition: height 320ms; }
    #jumpHeader .sectionChannelHeader .section .songIndicator, #jumpHeader .sectionChannelHeader .section .sectionChannelSwitcher, #jumpHeader .sectionChannelHeader .section .sectionSongindicator {
      height: inherit; }

/*
 * Header Top Front
 */
.sectionChannelHeader .section .channelTitle.front .top {
  z-index: 3;
  position: relative; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems {
    position: relative;
    height: inherit;
    display: flex;
    flex-direction: row; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems.left {
      float: left; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems.right {
      float: right; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
      display: flex;
      flex-direction: row;
      align-items: center;
      transition: height 320ms, width 320ms, background-color 320ms;
      cursor: pointer; }
      .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .inset {
        position: relative;
        margin: 0 auto;
        background-color: transparent; }
      .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .icon {
        display: block;
        text-align: center;
        font-size: 2em; }
      .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .text {
        display: none; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarLeftToggle:hover, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarLeftToggle:focus, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarRightToggle:hover, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarRightToggle:focus, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.searchformHeaderToggle:hover, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.searchformHeaderToggle:focus, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .channelLogo:hover, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .channelLogo:focus {
    background-color: rgba(255, 255, 255, 0.4);
    text-decoration: none; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarLeftToggle > .inset > .icon:before {
    font-family: 'mdricons';
    content: ""; }
  .show-sidebar-left .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarLeftToggle > .inset > .icon:before {
    font-family: 'mdricons';
    content: ""; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarRightToggle .icon {
    position: relative; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarRightToggle .verkehrIndicator {
    position: absolute;
    background-color: #a1da18;
    color: black;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.35em 0.85em 0.3em 0.42em;
    border-bottom-left-radius: 0.3em;
    border-top-left-radius: 0.3em;
    top: 32%;
    right: 61%;
    -ms-transform: translate(0, -0.36em);
    /* IE 9 */
    -webkit-transform: translate(0, -0.36em);
    /* Chrome, Safari, Opera */
    transform: translate(0, -0.36em);
    -webkit-transition: all 160ms ease-out;
    -moz-transition: all 160ms ease-out;
    -o-transition: all 160ms ease-out;
    transition: all 160ms ease-out; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarRightToggle .verkehrIndicator.hide {
      font-size: 0; }
    .show-sidebar-right .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarRightToggle .verkehrIndicator {
      opacity: 0; }
  html.show-searchform-header .sectionChannelHeader .section .channelTitle.front .top .searchformHeaderToggle > .inset > .icon {
    font-size: 1.3em;
    text-align: left;
    margin-left: 0.3em; }
  .sectionChannelHeader .section .channelTitle.front .top .searchformHeaderToggle > .inset > .icon:before {
    font-family: 'mdricons';
    content: ""; }
  html.show-searchform-header .sectionChannelHeader .section .channelTitle.front .top .searchformHeaderToggle {
    display: none; }
  .sectionChannelHeader .section .channelTitle.front .top .sidebarRightToggle > .inset > .icon:before {
    font-family: 'mdricons';
    font-size: 1.1em;
    content: ""; }
  .show-sidebar-right .sectionChannelHeader .section .channelTitle.front .top .sidebarRightToggle {
    margin-right: 0; }
    .show-sidebar-right .sectionChannelHeader .section .channelTitle.front .top .sidebarRightToggle > .inset > .icon:before {
      font-family: 'mdricons';
      content: ""; }

/*
 * MDR JUMP Logo und Whirl
 */
.sectionChannelHeader .section {
  padding: 0;
  margin: 0; }
  .sectionChannelHeader .section .channelLogo {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transition: height 320ms, width 320ms; }
    .sectionChannelHeader .section .channelLogo > a.homeLink {
      height: inherit;
      width: inherit;
      display: flex;
      flex-direction: row;
      justify-content: center;
      -webkit-transition: background-color 160ms ease-out;
      -moz-transition: background-color 160ms ease-out;
      -o-transition: background-color 160ms ease-out;
      transition: background-color 160ms ease-out; }
      .sectionChannelHeader .section .channelLogo > a.homeLink > img.logo {
        width: 100%;
        height: 100%;
        padding: 6%; }
      .sectionChannelHeader .section .channelLogo > a.homeLink:hover, .sectionChannelHeader .section .channelLogo > a.homeLink:focus {
        background-color: rgba(255, 255, 255, 0.4); }
  .sectionChannelHeader .section .channelTitle.back {
    position: absolute;
    overflow: hidden;
    background-color: #2aa315; }
    .sectionChannelHeader .section .channelTitle.back img.whirl {
      position: absolute;
      top: -21%;
      left: -426%;
      width: 1000%;
      height: auto; }

/*
 * Suchformular im Header oder in der Sidebar anzeigen (je nach View)
 */
.view-xs .sectionSidebar .searchformHeader, .view-s .sectionSidebar .searchformHeader, .view-m .sectionSidebar .searchformHeader, .view-xs .sectionSidebar .searchformHeaderToggle, .view-s .sectionSidebar .searchformHeaderToggle, .view-m .sectionSidebar .searchformHeaderToggle, .view-xs .sectionChannelHeader .searchformHeader, .view-s .sectionChannelHeader .searchformHeader, .view-m .sectionChannelHeader .searchformHeader, .view-xs .sectionChannelHeader .searchformHeaderToggle, .view-s .sectionChannelHeader .searchformHeaderToggle, .view-m .sectionChannelHeader .searchformHeaderToggle {
  display: none !important; }

.view-l .sectionSidebar .searchformSidebar, .view-xl .sectionSidebar .searchformSidebar, .view-l .sectionChannelHeader .searchformSidebar, .view-xl .sectionChannelHeader .searchformSidebar {
  display: none !important; }

.sectionChannelHeader .searchformHeader {
  position: relative;
  transition: left 160ms, width 160ms, background-color 160ms;
  width: 320px; }
  .sectionChannelHeader .searchformHeader.hidden {
    display: none; }

/*
 * Suchformular
 */
.searchformSidebar, .searchformHeader {
  padding: 1em;
  -webkit-transition: background-color 160ms ease-out;
  -moz-transition: background-color 160ms ease-out;
  -o-transition: background-color 160ms ease-out;
  transition: background-color 160ms ease-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 320px; }
  .searchformSidebar form.searchForm, .searchformHeader form.searchForm {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative; }
    .searchformSidebar form.searchForm .searchInput, .searchformHeader form.searchForm .searchInput {
      display: flex;
      flex-direction: row;
      width: 100%; }
      .searchformSidebar form.searchForm .searchInput input, .searchformHeader form.searchForm .searchInput input {
        padding: 0.7em 1.2em;
        border-radius: 3em;
        flex: 1 1 100%;
        border: 2px solid transparent; }
        .searchformSidebar form.searchForm .searchInput input:focus, .searchformHeader form.searchForm .searchInput input:focus {
          border-color: #d40028; }
      .searchformSidebar form.searchForm .searchInput button, .searchformHeader form.searchForm .searchInput button {
        background-color: transparent;
        color: #313131;
        cursor: pointer;
        height: 100%;
        position: absolute;
        right: 0.8em; }
        .searchformSidebar form.searchForm .searchInput button > span.text, .searchformHeader form.searchForm .searchInput button > span.text {
          display: none; }
        .searchformSidebar form.searchForm .searchInput button > span.icon, .searchformHeader form.searchForm .searchInput button > span.icon {
          display: flex;
          font-size: 1.4em;
          justify-content: center; }
          .searchformSidebar form.searchForm .searchInput button > span.icon:after, .searchformHeader form.searchForm .searchInput button > span.icon:after {
            font-family: 'mdricons';
            content: ""; }
        .searchformSidebar form.searchForm .searchInput button:focus, .searchformSidebar form.searchForm .searchInput button:hover, .searchformHeader form.searchForm .searchInput button:focus, .searchformHeader form.searchForm .searchInput button:hover {
          color: #d40028;
          transform: scale(1.3); }
  .searchformSidebar:hover, .searchformHeader:hover {
    background-color: rgba(255, 255, 255, 0.4); }

/*
 * Umschalter Songindicator/Channelnavigation
 */
html #jumpHeader .sectionSongindicator {
  display: block; }

html #jumpHeader .sectionChannelSwitcher {
  display: none; }

html.isLivestreamplayer #jumpHeader .sectionSongindicator, html.show-mpl #jumpHeader .sectionSongindicator {
  display: none;
  border-bottom: 1px solid transparent; }

html.isLivestreamplayer #jumpHeader .sectionChannelSwitcher, html.show-mpl #jumpHeader .sectionChannelSwitcher {
  display: block;
  border-bottom: 1px solid #2aa315; }

/*
 * Header - unterer Teil eingeklappt (ohne MPL)
 * enthält Anzeige aktueller Song und aktueller Moderator
 * oder alternativ die Channelnavigation (bei aufgeklappter MPL)
 */
.sectionSongindicator, .headerBottomItems {
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 0, 0.2); }
  .sectionSongindicator .songIndicator.mplToggle, .sectionSongindicator .launchLivestreamplayer, .headerBottomItems .songIndicator.mplToggle, .headerBottomItems .launchLivestreamplayer {
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-transition: background-color 160ms ease-out;
    -moz-transition: background-color 160ms ease-out;
    -o-transition: background-color 160ms ease-out;
    transition: background-color 160ms ease-out;
    cursor: pointer; }
    .sectionSongindicator .songIndicator.mplToggle:hover, .sectionSongindicator .launchLivestreamplayer:hover, .headerBottomItems .songIndicator.mplToggle:hover, .headerBottomItems .launchLivestreamplayer:hover {
      background-color: rgba(255, 255, 255, 0.4); }
    .sectionSongindicator .songIndicator.mplToggle .inset, .sectionSongindicator .launchLivestreamplayer .inset, .headerBottomItems .songIndicator.mplToggle .inset, .headerBottomItems .launchLivestreamplayer .inset {
      height: 100%;
      position: relative;
      margin: 0 auto;
      white-space: nowrap;
      width: 100%; }
      @media (min-width: 1008px) and (max-width: 1007px) {
        .sectionSongindicator .songIndicator.mplToggle .inset, .sectionSongindicator .launchLivestreamplayer .inset, .headerBottomItems .songIndicator.mplToggle .inset, .headerBottomItems .launchLivestreamplayer .inset {
          width: 1008px; } }
      @media (min-width: 1008px) {
        .sectionSongindicator .songIndicator.mplToggle .inset, .sectionSongindicator .launchLivestreamplayer .inset, .headerBottomItems .songIndicator.mplToggle .inset, .headerBottomItems .launchLivestreamplayer .inset {
          width: 1008px; } }
    .sectionSongindicator .songIndicator.mplToggle .livePlayButton, .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon {
      height: 100%;
      display: flex;
      transition: height 320ms, width 320ms; }
    .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn, .headerBottomItems .launchLivestreamplayer .mplToggleBtn {
      position: absolute;
      height: 100%;
      width: 100%; }
      .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon {
        right: 0;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center; }
        .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.icon:after, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.icon:after, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.icon:after, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.icon:after {
          font-family: 'mdricons';
          text-align: center;
          content: "";
          font-size: 1.6em; }
      .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn > span.text, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn > span.text, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn > span.text, .headerBottomItems .launchLivestreamplayer .mplToggleBtn > span.text {
        display: none; }
    .sectionSongindicator .songIndicator.mplToggle .livePlayButton, .sectionSongindicator .launchLivestreamplayer .livePlayButton, .headerBottomItems .songIndicator.mplToggle .livePlayButton, .headerBottomItems .launchLivestreamplayer .livePlayButton {
      float: left;
      background-color: #d40028;
      color: white;
      text-align: center;
      margin: 0;
      transition: transform 160ms, height 160ms, box-shadow 160ms;
      position: absolute !important;
      z-index: 2; }
      .sectionSongindicator .songIndicator.mplToggle .livePlayButton span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton span.icon {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .sectionSongindicator .songIndicator.mplToggle .livePlayButton span.icon:after, .sectionSongindicator .launchLivestreamplayer .livePlayButton span.icon:after, .headerBottomItems .songIndicator.mplToggle .livePlayButton span.icon:after, .headerBottomItems .launchLivestreamplayer .livePlayButton span.icon:after {
          font-family: 'mdricons';
          content: "";
          font-size: 1.9em; }
      .sectionSongindicator .songIndicator.mplToggle .livePlayButton span.text, .sectionSongindicator .launchLivestreamplayer .livePlayButton span.text, .headerBottomItems .songIndicator.mplToggle .livePlayButton span.text, .headerBottomItems .launchLivestreamplayer .livePlayButton span.text {
        display: none; }
      .sectionSongindicator .songIndicator.mplToggle .livePlayButton:hover, .sectionSongindicator .songIndicator.mplToggle .livePlayButton:focus, .sectionSongindicator .launchLivestreamplayer .livePlayButton:hover, .sectionSongindicator .launchLivestreamplayer .livePlayButton:focus, .headerBottomItems .songIndicator.mplToggle .livePlayButton:hover, .headerBottomItems .songIndicator.mplToggle .livePlayButton:focus, .headerBottomItems .launchLivestreamplayer .livePlayButton:hover, .headerBottomItems .launchLivestreamplayer .livePlayButton:focus {
        z-index: 2;
        transform: scale(1.2); }
    .sectionSongindicator .songIndicator.mplToggle .currentSongBox, .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox, .sectionSongindicator .launchLivestreamplayer .currentSongBox, .sectionSongindicator .launchLivestreamplayer .currentModeratorBox, .headerBottomItems .songIndicator.mplToggle .currentSongBox, .headerBottomItems .songIndicator.mplToggle .currentModeratorBox, .headerBottomItems .launchLivestreamplayer .currentSongBox, .headerBottomItems .launchLivestreamplayer .currentModeratorBox {
      position: absolute;
      left: 50px;
      max-width: 80%;
      height: auto;
      top: 50%;
      transform: translateY(-50%);
      opacity: 0;
      transition: opacity 320ms;
      margin-left: 1em;
      z-index: 3; }
      .sectionSongindicator .songIndicator.mplToggle .currentSongBox.isShowing, .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox.isShowing, .sectionSongindicator .launchLivestreamplayer .currentSongBox.isShowing, .sectionSongindicator .launchLivestreamplayer .currentModeratorBox.isShowing, .headerBottomItems .songIndicator.mplToggle .currentSongBox.isShowing, .headerBottomItems .songIndicator.mplToggle .currentModeratorBox.isShowing, .headerBottomItems .launchLivestreamplayer .currentSongBox.isShowing, .headerBottomItems .launchLivestreamplayer .currentModeratorBox.isShowing {
        opacity: 1; }
      .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret, .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title, .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung, .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator, .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret, .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title, .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung, .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator, .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret, .sectionSongindicator .launchLivestreamplayer .currentSongBox .title, .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung, .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator, .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret, .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title, .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung, .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator, .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret, .headerBottomItems .songIndicator.mplToggle .currentSongBox .title, .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung, .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator, .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret, .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title, .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung, .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator, .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret, .headerBottomItems .launchLivestreamplayer .currentSongBox .title, .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung, .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator, .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret, .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title, .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung, .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator {
        display: table-row;
        font-size: 0.875em;
        font-weight: bold;
        white-space: nowrap;
        height: 1.15em; }
        .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .title, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .title, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .title, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .title, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .title, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .title, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .title, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .title, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .title, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator {
          display: table-cell; }
          .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.sendung, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.interpret, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.sendung, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.interpret, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.sendung, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.interpret, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.sendung, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.interpret, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.sendung, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.interpret, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.sendung, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.interpret, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.sendung, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.interpret, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.sendung, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.interpret, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.sendung, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.interpret, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .title.interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .title.sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .title.interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .title.sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .title.interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .title.sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.sendung, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.interpret, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.sendung, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.interpret, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.sendung, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.interpret, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.sendung {
            padding-left: 0.3em; }
          .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.title:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.title:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.title:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.title:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.title:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.title:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.title:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.title:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.title:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.title:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.title:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.title:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.title:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.title:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.title:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.title:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.title:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.title:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.title:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.title:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.title:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.title:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.title:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.title:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.title:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.title:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.title:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.title:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.title:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.title:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.title:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.title:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.title:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.title:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.title:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.title:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.title:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.title:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.title:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.title:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.title:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.title:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.title:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.title:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.title:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.title:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.title:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.title:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.title:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.title:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.title:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.title:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.title:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.title:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.title:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.title:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.title:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.title:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.title:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.title:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.title:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.title:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.title:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.title:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.title:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.title:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.title:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.title:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.title:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.title:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.title:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.title:before, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.title:before, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.title:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.title:before, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .title.title:before, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .title.title:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .title.title:before, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.title:before, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.title:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.title:before, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.title:before, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.title:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.title:before, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.title:before, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.title:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.title:before, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.title:before, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.title:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.title:before, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.title:before, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.title:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.title:before, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.title:before, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.title:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.title:before {
            content: "|";
            padding: 0 0.7em; }
          .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.moderator:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.moderator:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .interpret.moderator:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.moderator:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.moderator:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .title.moderator:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.moderator:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.moderator:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .sendung.moderator:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.moderator:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.moderator:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentSongBox .moderator.moderator:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.moderator:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.moderator:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .interpret.moderator:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.moderator:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.moderator:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .title.moderator:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.moderator:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.moderator:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .sendung.moderator:before, .view-m .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.moderator:before, .view-l .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.moderator:before, .view-xl .sectionSongindicator .songIndicator.mplToggle .currentModeratorBox .moderator.moderator:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.moderator:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.moderator:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .interpret.moderator:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.moderator:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.moderator:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .title.moderator:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.moderator:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.moderator:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .sendung.moderator:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.moderator:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.moderator:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentSongBox .moderator.moderator:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.moderator:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.moderator:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .interpret.moderator:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.moderator:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.moderator:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .title.moderator:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.moderator:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.moderator:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .sendung.moderator:before, .view-m .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.moderator:before, .view-l .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.moderator:before, .view-xl .sectionSongindicator .launchLivestreamplayer .currentModeratorBox .moderator.moderator:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.moderator:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.moderator:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .interpret.moderator:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.moderator:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.moderator:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .title.moderator:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.moderator:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.moderator:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .sendung.moderator:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.moderator:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.moderator:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentSongBox .moderator.moderator:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.moderator:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.moderator:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .interpret.moderator:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.moderator:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.moderator:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .title.moderator:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.moderator:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.moderator:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .sendung.moderator:before, .view-m .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.moderator:before, .view-l .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.moderator:before, .view-xl .headerBottomItems .songIndicator.mplToggle .currentModeratorBox .moderator.moderator:before, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.moderator:before, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.moderator:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .interpret.moderator:before, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .title.moderator:before, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .title.moderator:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .title.moderator:before, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.moderator:before, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.moderator:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .sendung.moderator:before, .view-m .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.moderator:before, .view-l .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.moderator:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentSongBox .moderator.moderator:before, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.moderator:before, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.moderator:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .interpret.moderator:before, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.moderator:before, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.moderator:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .title.moderator:before, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.moderator:before, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.moderator:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .sendung.moderator:before, .view-m .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.moderator:before, .view-l .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.moderator:before, .view-xl .headerBottomItems .launchLivestreamplayer .currentModeratorBox .moderator.moderator:before {
            content: "\00a0"; }
    .sectionSongindicator .songIndicator.mplToggle .progressBar, .sectionSongindicator .launchLivestreamplayer .progressBar, .headerBottomItems .songIndicator.mplToggle .progressBar, .headerBottomItems .launchLivestreamplayer .progressBar {
      position: absolute;
      top: 0;
      height: 1px;
      width: 0;
      background-color: #d40028; }
    .sectionSongindicator .songIndicator.mplToggle:hover, .sectionSongindicator .songIndicator.mplToggle.focus-on-mplToggleBtn, .sectionSongindicator .launchLivestreamplayer:hover, .sectionSongindicator .launchLivestreamplayer.focus-on-mplToggleBtn, .headerBottomItems .songIndicator.mplToggle:hover, .headerBottomItems .songIndicator.mplToggle.focus-on-mplToggleBtn, .headerBottomItems .launchLivestreamplayer:hover, .headerBottomItems .launchLivestreamplayer.focus-on-mplToggleBtn {
      background-color: rgba(255, 255, 255, 0.4); }
      .sectionSongindicator .songIndicator.mplToggle:hover .progressBar, .sectionSongindicator .songIndicator.mplToggle.focus-on-mplToggleBtn .progressBar, .sectionSongindicator .launchLivestreamplayer:hover .progressBar, .sectionSongindicator .launchLivestreamplayer.focus-on-mplToggleBtn .progressBar, .headerBottomItems .songIndicator.mplToggle:hover .progressBar, .headerBottomItems .songIndicator.mplToggle.focus-on-mplToggleBtn .progressBar, .headerBottomItems .launchLivestreamplayer:hover .progressBar, .headerBottomItems .launchLivestreamplayer.focus-on-mplToggleBtn .progressBar {
        height: 3px; }
      .sectionSongindicator .songIndicator.mplToggle:hover .mplToggleBtn .icon, .sectionSongindicator .songIndicator.mplToggle.focus-on-mplToggleBtn .mplToggleBtn .icon, .sectionSongindicator .launchLivestreamplayer:hover .mplToggleBtn .icon, .sectionSongindicator .launchLivestreamplayer.focus-on-mplToggleBtn .mplToggleBtn .icon, .headerBottomItems .songIndicator.mplToggle:hover .mplToggleBtn .icon, .headerBottomItems .songIndicator.mplToggle.focus-on-mplToggleBtn .mplToggleBtn .icon, .headerBottomItems .launchLivestreamplayer:hover .mplToggleBtn .icon, .headerBottomItems .launchLivestreamplayer.focus-on-mplToggleBtn .mplToggleBtn .icon {
        transform: scale(1.4); }

/*
 * Channelnavigation
 */
#jumpHeader .sectionChannelSwitcher.slide .channelSwitcherTab {
  height: 0;
  overflow: hidden; }

#jumpHeader .sectionChannelSwitcher.tab .channelSwitcherSlide {
  height: 0;
  overflow: hidden; }

#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide, #jumpHeader .sectionChannelSwitcher .channelSwitcherTab {
  position: absolute;
  clear: both;
  overflow: hidden;
  background-color: rgba(255, 255, 0, 0.2);
  margin: 0 auto;
  width: 100%;
  color: #313131;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center; }

#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .channelIndicator {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 60%; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .channelIndicator .tray {
    position: relative;
    left: 0;
    transition: left 160ms; }
    #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .channelIndicator .tray .slider {
      top: 48%;
      transform: translateY(-50%);
      position: relative;
      float: left; }

#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack {
  position: absolute;
  top: 0;
  width: 20%;
  cursor: pointer;
  -webkit-transition: all 160ms ease-out;
  -moz-transition: all 160ms ease-out;
  -o-transition: all 160ms ease-out;
  transition: all 160ms ease-out; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward .text, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack .text {
    display: none; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward .icon, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack .icon {
    height: auto;
    font-family: 'mdricons';
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
    font-size: 1.3em; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward:hover, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack:hover {
    background-color: rgba(255, 255, 255, 0.4); }

#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward {
  right: 0; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward .icon:after {
    content: ""; }

#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack {
  left: 0; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack .icon:after {
    content: ""; }

#jumpHeader .sectionChannelSwitcher .channelSwitcherTab {
  position: relative;
  height: inherit;
  overflow: visible; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul {
    position: relative;
    height: inherit;
    display: table;
    margin: 1px auto 0 auto; }
    #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul li {
      position: relative;
      height: inherit;
      float: left;
      padding: 0 1.6em;
      border: 1px solid transparent;
      -webkit-transition: background-color 160ms ease-out;
      -moz-transition: background-color 160ms ease-out;
      -o-transition: background-color 160ms ease-out;
      transition: background-color 160ms ease-out;
      cursor: pointer; }
      #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul li.active {
        border-bottom-color: #78c105;
        border-left-color: #2aa315;
        border-top-color: #2aa315;
        border-right-color: #2aa315;
        background-color: #78c105; }
      #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul li:hover {
        background-color: rgba(255, 255, 255, 0.4); }
      #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul li span {
        display: block;
        top: 48%;
        transform: translateY(-50%);
        position: relative; }

#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .channelIndicator, #jumpHeader .sectionChannelSwitcher .channelIndicator .tray {
  height: inherit; }

/*
 * MDR JUMP
 * Multiple Playlist
 * Ausspielung unterm Header
 *  Einblenden durch Klick auf Songbar oder initial durch CSS-Anfasser "showMpl"
 *  Ausblenden durch Scrollen der Seite
 * Axel Kohout
 */
@media (min-width: 0) and (max-width: 479px) {
  .mpl, .mpl .front, .mpl .back {
    height: 190px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .mpl, .mpl .front, .mpl .back {
    height: 220px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  .mpl, .mpl .front, .mpl .back {
    height: 250px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  .mpl, .mpl .front, .mpl .back {
    height: 280px; } }

@media (min-width: 1008px) {
  .mpl, .mpl .front, .mpl .back {
    height: 300px; } }

@media (min-width: 0) and (max-width: 479px) {
  .mpl .inset .mplSectionTwo {
    width: 190px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .mpl .inset .mplSectionTwo {
    width: 220px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  .mpl .inset .mplSectionTwo {
    width: 250px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  .mpl .inset .mplSectionTwo {
    width: 280px; } }

@media (min-width: 1008px) {
  .mpl .inset .mplSectionTwo {
    width: 300px; } }

.mpl {
  overflow: hidden;
  position: relative;
  background-color: #78c105;
  border-bottom: 1px solid #4cab19;
  display: block;
  border: none;
  color: black; }
  .mpl .front {
    display: flex;
    position: relative;
    flex-direction: row; }
  .mpl .back {
    display: flex;
    position: absolute;
    flex-direction: column; }
  .mpl .front, .mpl .back {
    width: 100%; }
    .mpl .front .mplTop, .mpl .back .mplTop {
      flex: 0.78; }
    .mpl .front .mplBottom, .mpl .back .mplBottom {
      flex: 0.22;
      background-color: #4cab19; }
    .mpl .front .space, .mpl .back .space {
      flex: 1 0 auto; }
      .mpl .front .space.left, .mpl .back .space.left {
        background-color: rgba(120, 193, 5, 0.8); }
    .mpl .front .inset, .mpl .back .inset {
      height: inherit;
      z-index: 1;
      width: 100%; }
      @media (min-width: 1008px) and (max-width: 1007px) {
        .mpl .front .inset, .mpl .back .inset {
          width: 1008px; } }
      @media (min-width: 1008px) {
        .mpl .front .inset, .mpl .back .inset {
          width: 1008px; } }

.mpl .inset {
  display: flex;
  position: relative;
  flex-direction: row; }
  .mpl .inset .mplSectionThree {
    flex-grow: 1;
    z-index: -1; }
  .mpl .inset .mplSectionTwo, .mpl .inset .mplSectionThree, .mpl .inset .mplSectionSpace {
    display: flex;
    flex-direction: column;
    align-items: stretch; }
    .mpl .inset .mplSectionTwo .mplTop, .mpl .inset .mplSectionThree .mplTop, .mpl .inset .mplSectionSpace .mplTop {
      flex: 0.78;
      display: flex;
      flex-direction: column;
      align-items: stretch; }
    .mpl .inset .mplSectionTwo .mplBottom, .mpl .inset .mplSectionThree .mplBottom, .mpl .inset .mplSectionSpace .mplBottom {
      flex: 0.22; }
  .mpl .inset .mplSectionSpace {
    width: 100%; }
  .mpl .inset .mplSectionOne {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2;
    flex: 0 1 0; }
  .mpl .inset .mplSectionTwo {
    margin-left: 2.8em;
    flex: 0 0 auto; }
  @media (min-width: 480px) and (max-width: 767px) {
    .mpl .inset .mplSectionThree {
      width: inherit;
      margin-left: 3.8em; } }
  @media (min-width: 0) and (max-width: 479px) {
    .mpl .inset .mplSectionThree {
      width: inherit; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .mpl .inset .mplSectionTwo {
      display: none; } }
  @media (min-width: 0) and (max-width: 479px) {
    .mpl .inset .mplSectionOne, .mpl .inset .mplSectionTwo {
      display: none; } }
  .mpl .inset.hideModeratorImage .mplSectionOne {
    position: relative; }
  .mpl .inset.hideModeratorImage .mplSectionTwo {
    display: none; }

/*
 * Section One (Kontakt, Sudiocam)
 */
.mpl .mplSectionOne {
  background-color: rgba(120, 193, 5, 0.8); }
  .mpl .mplSectionOne a.mplKontakt, .mpl .mplSectionOne a.mplWhatsapp, .mpl .mplSectionOne a.mplHotline, .mpl .mplSectionOne a.mplStudiocam {
    display: table;
    padding: 0.4em 0.2em;
    color: black; }
    .mpl .mplSectionOne a.mplKontakt .icon, .mpl .mplSectionOne a.mplWhatsapp .icon, .mpl .mplSectionOne a.mplHotline .icon, .mpl .mplSectionOne a.mplStudiocam .icon {
      display: table-cell;
      vertical-align: middle;
      padding: 0 1em; }
      .mpl .mplSectionOne a.mplKontakt .icon > span, .mpl .mplSectionOne a.mplWhatsapp .icon > span, .mpl .mplSectionOne a.mplHotline .icon > span, .mpl .mplSectionOne a.mplStudiocam .icon > span {
        display: block;
        position: relative;
        font-family: 'mdricons';
        font-size: 1.5em; }
    .mpl .mplSectionOne a.mplKontakt .text, .mpl .mplSectionOne a.mplWhatsapp .text, .mpl .mplSectionOne a.mplHotline .text, .mpl .mplSectionOne a.mplStudiocam .text {
      display: table-cell;
      vertical-align: middle; }
      .mpl .mplSectionOne a.mplKontakt .text > span, .mpl .mplSectionOne a.mplWhatsapp .text > span, .mpl .mplSectionOne a.mplHotline .text > span, .mpl .mplSectionOne a.mplStudiocam .text > span {
        display: block;
        white-space: nowrap;
        width: 0;
        padding: 0.1em 0;
        -webkit-transition: width 160ms ease-out;
        -moz-transition: width 160ms ease-out;
        -o-transition: width 160ms ease-out;
        transition: width 160ms ease-out;
        overflow: hidden;
        line-height: 115%; }
        .mpl .mplSectionOne a.mplKontakt .text > span.strong, .mpl .mplSectionOne a.mplWhatsapp .text > span.strong, .mpl .mplSectionOne a.mplHotline .text > span.strong, .mpl .mplSectionOne a.mplStudiocam .text > span.strong {
          font-weight: bold; }
    .mpl .mplSectionOne a.mplKontakt:hover, .mpl .mplSectionOne a.mplKontakt:focus, .mpl .mplSectionOne a.mplWhatsapp:hover, .mpl .mplSectionOne a.mplWhatsapp:focus, .mpl .mplSectionOne a.mplHotline:hover, .mpl .mplSectionOne a.mplHotline:focus, .mpl .mplSectionOne a.mplStudiocam:hover, .mpl .mplSectionOne a.mplStudiocam:focus {
      background-color: rgba(255, 255, 255, 0.4);
      text-decoration: none; }
  .mpl .mplSectionOne:hover a .text span {
    width: 180px; }
  .mpl .mplSectionOne:focus-within a .text span {
    width: 180px; }
  .mpl .mplSectionOne a.mplKontakt .icon > span:after {
    content: "\e618"; }
  .mpl .mplSectionOne a.mplWhatsapp .icon > span:after {
    content: "\e900"; }
  .mpl .mplSectionOne a.mplHotline .icon > span:after {
    content: "\e611"; }
  .mpl .mplSectionOne a.mplStudiocam .icon > span:after {
    content: "\e60e"; }

/*
 * Section Two (Moderatorbild)
 */
.mpl .mplSectionTwo {
  background: radial-gradient(ellipse closest-side at center, rgba(255, 255, 255, 0.5), #78c105); }
  .mpl .mplSectionTwo > a {
    position: absolute;
    display: block;
    top: 0;
    width: inherit;
    height: inherit; }
    .mpl .mplSectionTwo > a .imageWrapper, .mpl .mplSectionTwo > a img {
      -webkit-transition: transform 160ms ease-out;
      -moz-transition: transform 160ms ease-out;
      -o-transition: transform 160ms ease-out;
      transition: transform 160ms ease-out;
      width: inherit;
      height: inherit; }
    .mpl .mplSectionTwo > a:hover > .imageWrapper, .mpl .mplSectionTwo > a:focus > .imageWrapper, .mpl .mplSectionTwo > a:focus-within > .imageWrapper {
      transform: scale(1.1); }
    .mpl .mplSectionTwo > a .mplOnAirFlag {
      position: absolute;
      right: -1.2em;
      bottom: 1.8em; }
      @media (min-width: 768px) and (max-width: 1007px) {
        .mpl .mplSectionTwo > a .mplOnAirFlag {
          bottom: 1.6em; } }
      .mpl .mplSectionTwo > a .mplOnAirFlag > span.text {
        display: block;
        color: white;
        background-color: #d40028;
        text-transform: uppercase;
        padding: 0.16em 0.3em;
        font-size: 0.85em;
        font-weight: bold; }

/*
 * Section Three (SongNow, Playlist und Social)
 */
.mpl .mplSectionThree .mplTop {
  width: 100%;
  display: flex;
  flex-direction: column; }
  .mpl .mplSectionThree .mplTop .mplSongsSpace {
    flex: 0.05;
    align-items: center; }
  .mpl .mplSectionThree .mplTop .mplSongNow {
    display: flex;
    flex: 0.26;
    align-items: center;
    flex-direction: row;
    justify-content: space-between; }
  .mpl .mplSectionThree .mplTop .mplSongsBefore {
    display: flex;
    flex: 0.64;
    align-items: center; }
  .mpl .mplSectionThree .mplTop .mplSongNowInset {
    top: 50%;
    transform: translateY(-50%);
    position: relative; }

.mpl .mplSectionThree .mplBottom {
  background-color: #4cab19;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  position: relative; }
  .mpl .mplSectionThree .mplBottom a.mplModerator {
    position: relative;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 160ms ease-out;
    -moz-transition: all 160ms ease-out;
    -o-transition: all 160ms ease-out;
    transition: all 160ms ease-out; }
    .mpl .mplSectionThree .mplBottom a.mplModerator .text {
      display: table-cell;
      vertical-align: middle;
      font-size: 0.9858em;
      position: relative; }
      .mpl .mplSectionThree .mplBottom a.mplModerator .text > span {
        line-height: 1.3em;
        font-size: 0.93em;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .mpl .mplSectionThree .mplBottom a.mplModerator .text > span.sendung {
          font-weight: bold;
          padding-right: 0.5em; }
    .mpl .mplSectionThree .mplBottom a.mplModerator:hover, .mpl .mplSectionThree .mplBottom a.mplModerator:focus {
      background-color: rgba(255, 255, 255, 0.4);
      padding-left: 1em;
      padding-right: 1em; }
  .mpl .mplSectionThree .mplBottom ul.mplSocials {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex: 0 1 auto;
    float: right;
    align-self: stretch; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li a {
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0 0.38em;
      -webkit-transition: all 160ms ease-out;
      -moz-transition: all 160ms ease-out;
      -o-transition: all 160ms ease-out;
      transition: all 160ms ease-out; }
      .mpl .mplSectionThree .mplBottom ul.mplSocials li a span.text {
        display: none; }
      .mpl .mplSectionThree .mplBottom ul.mplSocials li a span.icon {
        display: flex; }
        .mpl .mplSectionThree .mplBottom ul.mplSocials li a span.icon:before {
          font-family: 'mdricons';
          color: black; }
      .mpl .mplSectionThree .mplBottom ul.mplSocials li a:hover, .mpl .mplSectionThree .mplBottom ul.mplSocials li a:focus {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.8em; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.facebook span.icon:before {
      font-size: 1.65em;
      content: ""; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.twitter span.icon:before {
      font-size: 1.92em;
      content: "";
      margin: 0 -4px; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.googleplus span.icon:before {
      font-size: 1.65em;
      content: ""; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.instagram span.icon:before {
      font-size: 1.545em;
      content: ""; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.youtube span.icon:before {
      font-size: 1.455em;
      content: ""; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.whatsapp span.icon:before {
      font-size: 1.65em;
      content: ""; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.pinterest span.icon {
      display: flex; }

/*
 * Song now
 */
.mpl .mplSectionThree .mplSongNow {
  position: relative;
  height: 100%; }
  .mpl .mplSectionThree .mplSongNow .currentSongBox {
    position: relative;
    float: left;
    flex: 1 1 auto;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden; }
  .mpl .mplSectionThree .mplSongNow .initText .interpret, .mpl .mplSectionThree .mplSongNow .initText .title {
    display: block;
    font-size: 0.93em;
    white-space: nowrap;
    line-height: 1.3em;
    text-overflow: ellipsis;
    overflow: hidden; }
  .mpl .mplSectionThree .mplSongNow .initText .interpret {
    font-weight: bold; }
  .mpl .mplSectionThree .mplSongNow a.livePlayButton {
    display: block;
    position: relative;
    float: left;
    background-color: #d40028;
    color: white;
    text-align: center;
    font-size: 1.8em;
    margin: 0 0.6em 0 0;
    transition: transform 160ms, height 320ms, box-shadow 160ms; }
    .mpl .mplSectionThree .mplSongNow a.livePlayButton > span.icon {
      display: block;
      position: absolute;
      font-family: 'mdricons';
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Chrome, Safari, Opera */
      transform: translate(-50%, -50%); }
      .mpl .mplSectionThree .mplSongNow a.livePlayButton > span.icon:after {
        content: ""; }
    .mpl .mplSectionThree .mplSongNow a.livePlayButton > span.text {
      display: none; }
    .mpl .mplSectionThree .mplSongNow a.livePlayButton:hover, .mpl .mplSectionThree .mplSongNow a.livePlayButton:focus {
      z-index: 2;
      transform: scale(1.2); }
  .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton {
    cursor: pointer;
    display: flex;
    align-items: center;
    align-self: center;
    text-decoration: none;
    font-size: 0.93em;
    color: black; }
    .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton > span.icon {
      padding: 0 0.2em;
      -webkit-transition: padding 160ms ease-out;
      -moz-transition: padding 160ms ease-out;
      -o-transition: padding 160ms ease-out;
      transition: padding 160ms ease-out;
      display: block;
      position: relative;
      font-size: 1.65em;
      font-family: 'mdricons'; }
      .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton > span.icon:after {
        content: ""; }
    .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton > span.text {
      width: 0;
      -webkit-transition: width 320ms ease-out;
      -moz-transition: width 320ms ease-out;
      -o-transition: width 320ms ease-out;
      transition: width 320ms ease-out;
      overflow: hidden;
      white-space: nowrap;
      text-align: right;
      margin-right: 0.3em;
      padding: 0.3em 0;
      font-weight: bold; }
    .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton:hover, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton:focus {
      background-color: rgba(255, 255, 255, 0.4); }
      .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton:hover > span.text, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton:focus > span.text {
        width: 8em; }

/*
 * Songs before (scrollbar)
 */
.mpl .mplSongsBefore {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row; }
  .mpl .mplSongsBefore .mplPlaylistStageOuter {
    flex: 1;
    overflow: hidden;
    position: relative; }
    .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage {
      display: block;
      position: absolute;
      left: 0;
      height: 100%;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transition: left 320ms ease-out;
      -moz-transition: left 320ms ease-out;
      -o-transition: left 320ms ease-out;
      transition: left 320ms ease-out; }
      .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li {
        display: block;
        position: relative;
        height: 100%;
        width: 0;
        -webkit-transition: width 320ms ease-out;
        -moz-transition: width 320ms ease-out;
        -o-transition: width 320ms ease-out;
        transition: width 320ms ease-out;
        margin: 0;
        padding-left: 7px;
        padding-right: 7px;
        float: left;
        overflow: hidden; }
        .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem {
          position: absolute;
          margin: 0;
          padding: 0;
          height: 100%;
          width: 100%;
          background-color: rgba(255, 255, 255, 0.4);
          overflow: hidden; }
          .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem .img {
            width: 100%;
            height: 100%;
            opacity: 0;
            -webkit-transition: opacity 1600ms ease-out;
            -moz-transition: opacity 1600ms ease-out;
            -o-transition: opacity 1600ms ease-out;
            transition: opacity 1600ms ease-out; }
            .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem .img > img {
              width: 100%;
              height: 100%; }
          .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem .text {
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.8);
            position: absolute;
            top: 100%;
            font-size: 0.74em;
            line-height: 1.2em;
            padding: 0.5em;
            -webkit-transition: top 320ms ease-out;
            -moz-transition: top 320ms ease-out;
            -o-transition: top 320ms ease-out;
            transition: top 320ms ease-out; }
            .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem .text span {
              display: block;
              padding-bottom: 0.12em; }
              .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem .text span.interpret {
                font-weight: bold;
                color: #d40028; }
              .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem .text span.title {
                font-weight: bold; }
          .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem .progressBar {
            position: absolute;
            bottom: 0;
            height: 3px;
            width: 0;
            background-color: #d40028;
            transition: height 320ms; }
          .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem:hover .progressBar {
            height: 4px; }
          .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem:hover .text {
            top: 0; }
          .mpl .mplSongsBefore .mplPlaylistStageOuter ul.mplPlaylistStage > li .mplItem.now {
            box-shadow: 0 0 4px 4px rgba(39, 39, 40, 0.5); }
  .mpl .mplSongsBefore .mplPlaylistBtnBack, .mpl .mplSongsBefore .mplPlaylistBtnForward {
    flex: 0;
    padding: 0.6em;
    position: relative;
    color: black;
    text-align: center;
    font-size: 1.6em;
    cursor: pointer;
    -webkit-transition: background-color 160ms ease-out;
    -moz-transition: background-color 160ms ease-out;
    -o-transition: background-color 160ms ease-out;
    transition: background-color 160ms ease-out; }
    .mpl .mplSongsBefore .mplPlaylistBtnBack:hover, .mpl .mplSongsBefore .mplPlaylistBtnBack:focus, .mpl .mplSongsBefore .mplPlaylistBtnForward:hover, .mpl .mplSongsBefore .mplPlaylistBtnForward:focus {
      background-color: rgba(255, 255, 255, 0.4); }
    .mpl .mplSongsBefore .mplPlaylistBtnBack > span.icon, .mpl .mplSongsBefore .mplPlaylistBtnForward > span.icon {
      display: block;
      position: absolute;
      font-family: 'mdricons';
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Chrome, Safari, Opera */
      transform: translate(-50%, -50%); }
    .mpl .mplSongsBefore .mplPlaylistBtnBack > span.text, .mpl .mplSongsBefore .mplPlaylistBtnForward > span.text {
      display: none; }
  .mpl .mplSongsBefore .mplPlaylistBtnBack > span.icon:after {
    content: ""; }
  .mpl .mplSongsBefore .mplPlaylistBtnForward span.icon:after {
    content: ""; }

#footer {
  width: 100%; }
  #footer .footer-top {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 0;
    border-right: 0;
    padding: 1.375rem 1rem; }
    #footer .footer-top .wrapper {
      display: flex; }
    #footer .footer-top .mdr {
      width: 60%;
      display: flex;
      align-items: center; }
      #footer .footer-top .mdr span {
        margin-left: 16px;
        position: relative;
        line-height: 1.21; }
        #footer .footer-top .mdr span a {
          color: #d40028; }
    #footer .footer-top ul {
      margin-left: auto;
      width: 40%;
      line-height: 2em;
      text-align: right; }
      #footer .footer-top ul li {
        display: inline-block;
        border-right: 1px solid #e5e5e8;
        padding-right: 8px;
        margin-right: 4px;
        line-height: 1em; }
        #footer .footer-top ul li:last-child {
          border: 0;
          padding-right: 0;
          margin-right: 0; }
    @media (min-width: 0) and (max-width: 1007px) {
      #footer .footer-top .mdr,
      #footer .footer-top ul {
        width: 100% !important; }
      #footer .footer-top .wrapper {
        align-items: center;
        padding: 0;
        flex-direction: column;
        padding-bottom: 1rem; }
      #footer .footer-top .mdr {
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        #footer .footer-top .mdr img {
          margin-bottom: 1rem; }
      #footer .footer-top ul {
        margin-top: 1rem;
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 1rem;
        border-top: 1px solid #e5e5e8; } }
  #footer .footer-bottom {
    width: 100%;
    background-color: #f3f3f3; }
    #footer .footer-bottom .wrapper {
      display: flex; }
      @media (min-width: 0) and (max-width: 767px) {
        #footer .footer-bottom .wrapper {
          flex-direction: column; } }
    #footer .footer-bottom .unitC {
      width: auto;
      min-width: 33.3%;
      max-width: 33.3%;
      border-left: 1px solid #e5e5e8;
      padding: 16px 12px 32px 12px; }
    #footer .footer-bottom h3 {
      font-size: 1em;
      padding-bottom: 7px;
      margin-bottom: 24px;
      border-bottom: 1px solid #e5e5e8;
      display: block;
      text-align: left; }
    #footer .footer-bottom li a {
      padding-bottom: 7px;
      margin-bottom: 8px;
      border-bottom: 1px solid #e5e5e8;
      font-size: 0.875em;
      display: flex;
      width: 100%; }
      #footer .footer-bottom li a:after {
        content: "";
        font-size: 1em;
        margin-left: 16px;
        text-decoration: none;
        display: inline-block; }
      #footer .footer-bottom li a:focus:after {
        text-decoration: none; }
      #footer .footer-bottom li a:after {
        margin-left: auto; }
    @media (min-width: 0) and (max-width: 767px) {
      #footer .footer-bottom .unitC {
        padding: 0;
        border: 0;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100%; }
        #footer .footer-bottom .unitC h3 {
          padding: 10px 16px;
          margin-bottom: 0; }
        #footer .footer-bottom .unitC ul {
          margin-top: 16px;
          padding-left: 16px;
          padding-right: 16px;
          margin-bottom: 32px; }
        #footer .footer-bottom .unitC:not(.collapsed) {
          background-color: rgba(255, 255, 255, 0.5); }
      #footer .footer-bottom h3 {
        font-size: 1em;
        margin-bottom: 8px;
        border: 0; }
        #footer .footer-bottom h3:after {
          content: "";
          font-size: 1em;
          margin-left: 16px;
          text-decoration: none;
          display: inline-block; }
        #footer .footer-bottom h3:focus:after {
          text-decoration: none; }
        #footer .footer-bottom h3.collapsed {
          border-bottom: 1px solid #e5e5e8; }
          #footer .footer-bottom h3.collapsed:after {
            content: ""; }
        #footer .footer-bottom h3:after {
          float: right;
          color: #adadad;
          font-weight: normal; } }
  html.no-touch #footer a:hover {
    color: #d40028; }

.ui-siteShad {
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 102;
  display: none;
  top: 0;
  left: 0;
  opacity: 0; }

.closeBtn {
  position: absolute;
  right: 0;
  top: 9px;
  cursor: pointer; }
  .closeBtn:before {
    content: "";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .closeBtn:focus:before {
    text-decoration: none; }

.ui-checkbox {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px; }
  .ui-checkbox input {
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    position: absolute; }
  .ui-checkbox input:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 1px solid #e5e5e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .ui-checkbox.checked:after {
    content: "";
    font-size: 0.875em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  .ui-checkbox.checked:focus:after {
    text-decoration: none; }
  .ui-checkbox.checked:after {
    position: absolute;
    left: 2px;
    top: 0; }
  .ui-checkbox.focus:before {
    border-color: #313131; }

html.js #content .ui-selectbox.focus {
  background-color: #d40028 !important;
  color: #fff; }

html.js .ui-selectbox {
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  padding: 4px 8px;
  min-height: 31px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  html.js .ui-selectbox:after {
    display: block;
    content: "";
    margin-left: 0.5rem; }
  html.js .ui-selectbox button {
    display: none; }
  html.js .ui-selectbox span.label {
    font-weight: normal; }
  html.js .ui-selectbox select {
    opacity: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }

.ui-smallSpinner {
  width: 20px;
  height: 20px;
  display: none !important;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  right: auto !important;
  margin: -10px 0 0 -10px;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out; }
  .loading .ui-smallSpinner {
    display: block !important; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

.the-datepicker__container {
  top: 2rem; }
  .the-datepicker__container.the-datepicker__container--over {
    top: 1rem; }
  .the-datepicker__container .the-datepicker__main {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    padding: 0.4em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    box-sizing: border-box;
    overflow: hidden;
    min-width: 320px;
    width: 320px;
    max-width: 320px; }
  .the-datepicker__container .the-datepicker__body {
    margin-top: 1em; }
  .the-datepicker__container .the-datepicker__month,
  .the-datepicker__container .the-datepicker__year {
    position: relative;
    margin: 0 0.25rem; }
    .the-datepicker__container .the-datepicker__month select,
    .the-datepicker__container .the-datepicker__year select {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1; }
    .the-datepicker__container .the-datepicker__month span,
    .the-datepicker__container .the-datepicker__year span {
      position: relative;
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      border: 1px solid rgba(0, 0, 0, 0.3);
      background-color: rgba(255, 255, 255, 0.1);
      padding: 0 1rem;
      min-height: 2.25rem;
      border-radius: 4px; }
    .the-datepicker__container .the-datepicker__month:not(.deactivated) span:after,
    .the-datepicker__container .the-datepicker__year:not(.deactivated) span:after {
      content: "";
      font-size: 1em;
      margin-left: 0.5rem;
      text-decoration: none;
      display: inline-block; }
    .the-datepicker__container .the-datepicker__month:not(.deactivated) span:focus:after,
    .the-datepicker__container .the-datepicker__year:not(.deactivated) span:focus:after {
      text-decoration: none; }
  .the-datepicker__container th.the-datepicker__week-day {
    width: 2.1em;
    min-width: 2.1em;
    max-width: 2.1em;
    padding: 0.5em 0;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    color: #666;
    font-size: 0.85em; }
  .the-datepicker__container a.the-datepicker__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    min-width: 2.25rem;
    max-width: 2.25rem;
    min-height: 2.25rem;
    max-height: 2.25rem;
    text-decoration: none;
    text-align: center;
    color: #d40028;
    border-radius: 0.3em; }
  .the-datepicker__container a.the-datepicker__button:hover {
    background-color: #d1e8ff;
    text-decoration: none; }
  .the-datepicker__container .the-datepicker__title {
    display: inline-block;
    width: 70%; }
  .the-datepicker__container .the-datepicker__title-content {
    display: inline-block;
    padding: 0.5em; }
  .the-datepicker__container .the-datepicker__control {
    display: inline-block;
    width: 30%;
    text-align: right; }
  .the-datepicker__container .the-datepicker__hint {
    padding: 2rem 1rem 0 2rem;
    line-height: 1.333;
    text-align: center;
    font-weight: bold;
    display: block; }
  .the-datepicker__container .the-datepicker__reset:after,
  .the-datepicker__container .the-datepicker__close a:after {
    content: "";
    font-size: 1em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  .the-datepicker__container .the-datepicker__reset:focus:after,
  .the-datepicker__container .the-datepicker__close a:focus:after {
    text-decoration: none; }
  .the-datepicker__container .the-datepicker__close {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem; }
  .the-datepicker__container .the-datepicker__navigation {
    margin-top: 0.3em;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .the-datepicker__container .the-datepicker__go {
    display: flex;
    align-items: center;
    justify-content: center; }
  .the-datepicker__container .the-datepicker__state {
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center; }
  .the-datepicker__container .the-datepicker__go-previous a:after {
    content: "";
    font-size: 1em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  .the-datepicker__container .the-datepicker__go-previous a:focus:after {
    text-decoration: none; }
  .the-datepicker__container .the-datepicker__go-next a:after {
    content: "";
    font-size: 1em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  .the-datepicker__container .the-datepicker__go-next a:focus:after {
    text-decoration: none; }
  .the-datepicker__container .the-datepicker__month-year {
    text-align: center; }
  .the-datepicker__container select.the-datepicker__select {
    font-size: 0.9em;
    margin: 0;
    padding: 0; }
  .the-datepicker__container table.the-datepicker__calendar {
    display: table;
    width: 100%;
    border-collapse: collapse; }
  .the-datepicker__container table.the-datepicker__calendar thead {
    display: table-header-group; }
  .the-datepicker__container table.the-datepicker__calendar tbody {
    display: table-row-group; }
  .the-datepicker__container table.the-datepicker__calendar tr {
    display: table-row; }
  .the-datepicker__container table.the-datepicker__calendar tr td,
  .the-datepicker__container table.the-datepicker__calendar tr th {
    display: table-cell; }
  .the-datepicker__container td.the-datepicker__cell {
    padding: 0; }
  .the-datepicker__container td.the-datepicker__cell a.the-datepicker__button {
    padding: 0.1em; }
  .the-datepicker__container td.the-datepicker__cell a.the-datepicker__button .the-datepicker__day-content {
    display: block;
    padding: 0.6em 0; }
  .the-datepicker__container td.the-datepicker__day a.the-datepicker__button .the-datepicker__day-content {
    text-align: center;
    border-radius: 4px;
    width: 100%; }
  .the-datepicker__container td.the-datepicker__day a.the-datepicker__button:hover {
    background-color: transparent; }
  .the-datepicker__container td.the-datepicker__day a.the-datepicker__button:hover .the-datepicker__day-content {
    background-color: #d1e8ff; }
  .the-datepicker__container td.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
    background-color: #d1e8ff; }
  .the-datepicker__container td.the-datepicker__day--outside a.the-datepicker__button {
    color: #8ac4ff; }
  .the-datepicker__container td.the-datepicker__day--unavailable a.the-datepicker__button {
    color: #aaa; }
  .the-datepicker__container td.the-datepicker__day--unavailable a.the-datepicker__button:hover .the-datepicker__day-content {
    background-color: transparent; }
  .the-datepicker__container td.the-datepicker__day--selected a.the-datepicker__button,
  .the-datepicker__container td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button {
    color: #fff; }
  .the-datepicker__container td.the-datepicker__day--selected a.the-datepicker__button .the-datepicker__day-content,
  .the-datepicker__container .the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
    background-color: #d40028; }
  .the-datepicker__container td.the-datepicker__day--selected a.the-datepicker__button:hover .the-datepicker__day-content,
  .the-datepicker__container .the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button:hover .the-datepicker__day-content {
    background-color: #d40028; }
  .the-datepicker__container .the-datepicker__day--weekend,
  .the-datepicker__container .the-datepicker__week-day--weekend,
  .the-datepicker__container td.the-datepicker__day--today {
    font-weight: bold; }
  .the-datepicker__container .the-datepicker__animated {
    animation-duration: 0.1s;
    animation-fill-mode: both; }
  .the-datepicker__container .the-datepicker__deselect-button {
    text-decoration: none;
    color: #d40028;
    font-weight: bold;
    display: none; }
  .the-datepicker__container .the-datepicker__deselect-button:hover {
    text-decoration: none; }
  .the-datepicker__container .the-datepicker__fade-out-left {
    animation-name: the-datepicker-fade-out-left; }
  .the-datepicker__container .the-datepicker__fade-out-right {
    animation-name: the-datepicker-fade-out-right; }
  .the-datepicker__container .the-datepicker__fade-in-left {
    animation-name: the-datepicker-fade-in-left; }
  .the-datepicker__container .the-datepicker__fade-in-right {
    animation-name: the-datepicker-fade-in-right; }

@keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    transform: translate3d(-100%, 0, 0); } }

@keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    transform: translate3d(100%, 0, 0); } }

@keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

#breadcrumb {
  width: 100%;
  font-size: 0.875em; }
  #breadcrumb > span {
    left: -999em;
    height: 0;
    position: relative;
    display: block; }
  #breadcrumb ul {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
    padding: 0.75rem 0.5rem; }
    #breadcrumb ul li {
      display: flex;
      align-items: center; }
      #breadcrumb ul li:before {
        content: "";
        font-size: 0.8em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      #breadcrumb ul li:focus:before {
        text-decoration: none; }
      #breadcrumb ul li:before {
        margin: 0 0.25rem; }
      #breadcrumb ul li:first-child:before {
        display: none; }
      #breadcrumb ul li:before {
        color: #fff; }
      #breadcrumb ul li a,
      #breadcrumb ul li span {
        color: #fff; }

.mod.modParagraph .definition, .mod.modParagraph .paragraph {
  *zoom: 1; }
  .mod.modParagraph .definition:before, .mod.modParagraph .paragraph:before, .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after {
    display: table;
    content: '';
    line-height: 0; }
  .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after {
    clear: both; }

.sectionChannelHeader .section .channelTitle, .mod.modParagraph .jumpLabelList,
.mod.modParagraph .jumpLabelList ul,
.mod.modParagraph .jumpLabelTitle, .mod.modParagraph .authorWrapper, .section .con .mod.modParagraph .box.cssArticleShortNews .teaser .teaserInfoWrapper, .mod .box.cssImageGallery .teaser.special .gallery-bigImage, .mod .cssMultimediaGallery .mmgContent, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails p, .cssIpgMenuContent, .cssIpgMenuCalSlider .cssIpgMenuCalItem, .box.cssBroadcast .teaser p.seasonInfo, .sportResults .matchesResults h3, .sportResults .modTable .legende, body.cssTickerPopup .conSports .tickerMatches h3,
body.cssTickerPopup .conSports .tickerMatches h2, body.cssTickerPopup .conSports .tickerMatches p, .ticketLink, .conComments .comments, .conComments .comments .comment, .conComments .modForm .formWrapper {
  float: left;
  width: 100%; }

html.js .ui-tabs-layered .ui-tabs, html.js .ui-collapsible.ui-collapsible-tabsified:not(.ui-tabs-layered) h3.ui-collapsible-trigger, .sectionWrapperTabbed:not(.ui-tabs-layered) h3.conHeadline, html.js .conMultiGroupWrapper:not(.ui-tabs-layered) .ui-collapsible-trigger, .sportResults .modTable:not(.matches):not(.ui-tabs-layered) h3.ui-collapsible-trigger {
  left: -999em !important;
  position: absolute !important;
  padding: 0 !important;
  height: 0 !important; }

.controls::selection, html.js #content .ui-collapsible .ui-collapsible-trigger::selection, .ui-lightbox-footer ul.avCollapse li a.toggle::selection,
.controls *::selection,
html.js #content .ui-collapsible .ui-collapsible-trigger *::selection,
.ui-lightbox-footer ul.avCollapse li a.toggle *::selection {
  background: transparent; }

.controls::-moz-selection, html.js #content .ui-collapsible .ui-collapsible-trigger::-moz-selection, .ui-lightbox-footer ul.avCollapse li a.toggle::-moz-selection,
.controls *::-moz-selection,
html.js #content .ui-collapsible .ui-collapsible-trigger *::-moz-selection,
.ui-lightbox-footer ul.avCollapse li a.toggle *::-moz-selection {
  background: transparent; }

.mod .shortInfos, .mod .shortInfos h4.headline,
.mod .shortInfos p,
.mod .teasertext,
.mod .shortInfos h4.shortHeadline, .ui-lightbox-footer ul.avCollapse li span.avCollapseBody.avLink, .mod .linklist .list li a .linktext,
.mod .linklist .list li > span .linktext,
.mod .linklist .list li > div .linktext, .mod .cssProgramHintRepeat .cssProgramHintDate, .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody {
  text-overflow: ellipsis;
  overflow: hidden;
  /*overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
*/
  padding-bottom: 1px; }

.mod h4 .headline,
.mod h4 .dachzeile,
.mod h4 .shortHeadline, .modLightbox .modLightbox-galleryInfos, .modLightbox .modLightbox-galleryInfos h2, .modLightbox .modLightbox-galleryInfos p, body.cssLivestream .conLivestreamLinks .linklist li span.linkUrl {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden; }

.mod .cssVoting .formElement > div,
.mod .cssVoting .form-success-values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .teaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.mod .cssVoting .formElement > div .form-button,
.mod .cssVoting .form-success-values .form-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.ui-thumbSlider .controls,
.ui-thumbSlider .buttons {
  position: static;
  border: 0 !important;
  padding: 0;
  height: 0; }

.ui-thumbSlider .owl-dots,
.ui-thumbSlider .owl-pages {
  display: none !important; }

.ui-thumbSlider a.prev,
.ui-thumbSlider a.next {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  position: absolute !important;
  top: 50%;
  left: 0;
  width: 32px;
  height: 96px;
  margin-top: -48px;
  background-color: #fff;
  cursor: pointer;
  opacity: 0; }
  .ui-thumbSlider a.prev:before, .ui-thumbSlider a.prev:after,
  .ui-thumbSlider a.next:before,
  .ui-thumbSlider a.next:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -14px;
    left: 50%;
    margin-left: -12px; }


.ui-thumbSlider a.next {
  right: 0;
  left: auto; }
  
  .ui-thumbSlider a.next:after {
    margin-left: -8px !important; }

html.no-touch .ui-thumbSlider a.prev:hover,
html.no-touch .ui-thumbSlider a.next:hover {
  opacity: 1; }

#header .searchLayerToggle.open:before, #header .searchLayerToggle:before, #header button.nav-toggle:before, #footer .footer-bottom li a:after, #footer .footer-bottom h3:after, .closeBtn:before, .ui-checkbox.checked:after, html.js .ui-selectbox:after, .the-datepicker__container .the-datepicker__month:not(.deactivated) span:after,
.the-datepicker__container .the-datepicker__year:not(.deactivated) span:after, .the-datepicker__container .the-datepicker__reset:after,
.the-datepicker__container .the-datepicker__close a:after, .the-datepicker__container .the-datepicker__go-previous a:after, .the-datepicker__container .the-datepicker__go-next a:after, #breadcrumb ul li:before, .searchLayerForm .formElement.checkbox input:checked + label:after, .ui-pieProgressWrapper .ui-pieProgress .icon-font:before, .ui-galleryControls.controls .galleryBtn, .ui-galleryControlsHidden:before, .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:before, .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:after, .ui-social-btn, html.js #content .ui-collapsible .ui-collapsible-trigger:after, .ui-cal-menu ul li.search > *:before, .cssIpgMenu ul li.search > *:before, .ui-cal-menu ul li.cal > *:before, .cssIpgMenu ul li.cal > *:before, .ui-lightbox-footer ul li a:after, .ui-lightbox-footer ul.avCollapse li a.toggle:after, .av-playerContainer .playlistBtn:before, .modLightbox.mmg .ui-playlist .playlistHeader button:before, .ui-socialembed input:checked + label:after, .ui-reloadPageBtn:after, .ui-reloadPageBtn.scrollToLastEntry:after, .icon-font, .section .pageAreaTitle a:after,
.section h3.conHeadline a:after, .mod .box.boxImage .teaserInfoWrapper .shortHeadline:after, .mod .box.boxImageSquare .teaserInfoWrapper .shortHeadline:after, .mod .collapseArrow:before, .mod .retentionInfo a:before, .mod .moreBtn:after, .mod .linklist li.facebook a .linktext:before, .mod .linklist li.twitter a .linktext:before, .mod .linklist li a:before, .mod .media .imageWrapper .icon-font, .mod .linklist .list li a .linktext:before,
.mod .linklist .list li > span .linktext:before,
.mod .linklist .list li > div .linktext:before, .controls a.prev:before, .controls a.next:after, .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger:before, form .formElement .form-button input:checked + label:after, .modLightbox .mediaInfo.ui-collapsible:before, .modLightbox .modLightbox-close, .modLightbox .mediaCon:not(.brav-ready) .av-playerContainer .imageWrapper:after, .modLightbox.mmg .modLightbox-galleryInfos h2:before, .mod .box .downloadInfo a.moreBtn:after, .mod .box.cssImageGallery .teaser.special .innerTeaser h4 .headline:before, .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper .icon-font:before, .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter h4 .headline:before, body.cssImageGallery h1 .headline:before, .mod .box.cssProgramHint .teaser .innerTeaser h4 .headline:before, .box.cssAvPlus .themes li.cssVideo button.moreBtn:before, .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after, .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:before, .mod .cssAv .teaser .innerTeaser .cssProgramHintBox a:after, .mod .cssMultimediaGallery .boxNormal:not(.boxSpecial) h4 .headline:before, .mod .cssMultimediaGallery .mmgTeaserTitle:before, .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .teaserInfoWrapper:after, .mod .cssMultimediaGallery .mmgContent p:before, .mod .cssMultimediaGallery .mmgContent p.mmgAudios:before, .mod .cssAudio.form-button label:before,
.mod .cssAudioLivestream.form-button label:before, .mod .cssAudio > .teaser > .innerTeaser h4 .headline:before,
.mod .cssAudioLivestream > .teaser > .innerTeaser h4 .headline:before, .mod .cssVideo .innerTeaser h4 .headline:before, .mod .cssVideo.form-button label:before, .mod .cssAudioSlideShow h4 .headline:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage h1 .headline:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn:after, body.cssVideo h1 .headline:before, body.cssAudio h1 .headline:before, body.cssAudioSlideShow h1 .headline:before, #content .box.cssIpgHeader h2 .headline a:after,
#content .box.cssIpgHeader h1 .headline a:after,
#content .box.cssIpgFooter h2 .headline a:after,
#content .box.cssIpgFooter h1 .headline a:after, #content .box.cssIpgHeader > a.prev:before,
#content .box.cssIpgFooter > a.prev:before, #content .box.cssIpgHeader > a.next:after,
#content .box.cssIpgFooter > a.next:after, #content .mod.cssBroadcastList.dayView h3.title:after, #content .mod.cssBroadcastList.dayView h3.title.collapsed:after, .form.cssIpgSearchForm.cssIpgDownload .moreBtn .form-buttontext:after, .box.cssBroadcast .teaser .cssIpgLink:after, .box.cssBroadcast .teaser .broadcastSpecs li.hd:before, .box.cssBroadcast .teaser .broadcastSpecs li.HD:before, .box.cssBroadcast .teaser .broadcastSpecs li.dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:before, .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:before, .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:before, .box.cssBroadcast .teaser .broadcastSpecs li.live:before, .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:before, .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:before, .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after, .mod .box.boxIpgTeaser .ipgHint a:after, .conMultiGroupWrapper .controls:not(.reload) a.back:before, .conMultiGroupWrapper .controls:not(.reload) a:after, .sportResults .conSports a.moreBtn:after, .sportResults .conSports a.moreBtn.reload:after, .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:before, .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before, .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:before, .sportResults .modTable .table table.spielplan a.pfeil:after, .sportResults .modTable .table table tr th a:after, .sportResults .modTable .table table tr td.mannschaft a:after, body.cssCalendar #content h1 .headline:before,
body.cssConcertCalendar #content h1 .headline:before, .box.cssCalendar.boxNormal > .teaser > .innerTeaser h4 .headline:before,
.box.cssCalendar.boxSpecial > .teaser > .innerTeaser h4 .headline:before, .section .conCalendar .ui-cal-menu li.currentCal a:before, .section .conCalendar .ui-cal-menu li.calBackLink a:before, .concertTickets li:nth-child(2) a:after,
.conDetailHeader .concertTickets li a:after,
.conConcertDetails .concertTickets li a:after, .conComments .comments p.commentTitle > span:first-child:before, .radioPlayer .radioPlayerControls:before, .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:before, .radioPlayerWrapper .addControls .btn.popoutBtn:before, .radioPlayerWrapper.brav-playing .radioPlayerControls:before, .radioPlayerWrapper.brav-paused .radioPlayerControls:before, #content .weatherInnerWrapper li:after, #content .weatherInnerWrapper li.link:after, #content .weather-teaser .weatherInnerWrapper li:after, h3.conHeadline a[href]:after {
  font-family: 'mdricons';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal; }

.av-playerContainer .playlistBtn, .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger, .mod.modParagraph .authorWrapper .articleMeta-social:not(.ui-social-collapsing) .ui-social-btn.ui-social-trigger, .box.cssBroadcast .teaser .progressContainer .icon-font:before, * {
  font-family: 'Open Sans'; }

.table table tr,
.table table td,
.table table th, .table table tr.headlines th, .sportResults .conSports.live .controls, .sportResults .sportsForm > div, .sportResults .matchesResults h3 span, body.cssTickerPopup .conSports .tickerMatches h3,
body.cssTickerPopup .conSports .tickerMatches h2, body.cssTickerPopup .conSports .tickerMatches p, body.cssTickerPopup .conSports.konferenz .confAnsetzung h2.tickerTitle span.league {
  margin-bottom: 1px !important;
  border-bottom: 1px solid #dcdcdc;
  /*&:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: $white;
    content: " ";
    left: 0;
    bottom: -2px;
  }
  */ }

.mod .moreBtn.solidBtn, .controls.reload a.moreBtn, .form .submitfield button,
.form .submitfield a.moreBtn,
.form-success .submitfield button,
.form-success .submitfield a.moreBtn, .mod .box .downloadInfo a.moreBtn, .conComments .controls.reload a.moreBtn {
  text-align: center;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent;
  padding: 8px 24px;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
  width: auto;
  float: none; }
  .mod .moreBtn.solidBtn:not(.disabled):focus, .controls.reload a.moreBtn:not(.disabled):focus, .form .submitfield button:not(.disabled):focus,
  .form .submitfield a.moreBtn:not(.disabled):focus,
  .form-success .submitfield button:not(.disabled):focus,
  .form-success .submitfield a.moreBtn:not(.disabled):focus, .mod .box .downloadInfo a.moreBtn:not(.disabled):focus {
    color: #0062ae;
    text-decoration: none; }
  html.no-touch .mod .moreBtn.solidBtn:hover, .mod html.no-touch .moreBtn.solidBtn:hover, html.no-touch .controls.reload a.moreBtn:hover, .controls.reload html.no-touch a.moreBtn:hover, html.no-touch .form .submitfield button:hover, .form .submitfield html.no-touch button:hover,
  html.no-touch .form .submitfield a.moreBtn:hover, .form .submitfield html.no-touch a.moreBtn:hover,
  html.no-touch .form-success .submitfield button:hover, .form-success .submitfield html.no-touch button:hover,
  html.no-touch .form-success .submitfield a.moreBtn:hover, .form-success .submitfield html.no-touch a.moreBtn:hover, html.no-touch .mod .box .downloadInfo a.moreBtn:hover, .mod .box .downloadInfo html.no-touch a.moreBtn:hover {
    border-color: rgba(0, 0, 0, 0.8); }

.sportResults .modTable.matches .lastEvent.level2, .sportResults .modTable.matches .lastEvent.level1, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10001000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event110000 {
  width: 32px;
  height: 16px;
  display: inline-block;
  background-position: 0 0;
  background-image: url(/resources/global/img/mdrde/sport/tickericons.svg?2019); }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1 {
  background-position: 0 -16px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100100 {
  background-position: 0 -32px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10010 {
  background-position: 0 -48px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1001 {
  background-position: 0 -64px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1100 {
  background-position: 0 -78px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1010 {
  background-position: 0 -94px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000 {
  background-position: 0 -112px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000 {
  background-position: 0 -128px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000000 {
  background-position: 0 -144px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000010 {
  background-position: 0 -160px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000001 {
  background-position: 0 -177px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100100 {
  background-position: 0 -194px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100000 {
  background-position: 0 -210px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000000 {
  background-position: 0 -226px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event110000 {
  background-position: 0 -242px; }

@keyframes load {
  from {
    transform: translate3d(-100%, 0, 0); }
  to {
    transform: translate3d(100%, 0, 0); } }

.linear-progress {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: #ffcc00; */
  top: 0;
  left: 0;
  overflow: hidden; }
  .linear-progress:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1), transparent 100%);
    animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite; }

/*Doppeltes X in Suche */
#headerSearchInput::-ms-clear {
  display: none; }

.searchLayerResult,
.searchLayerForm {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: left; }

div.modSearch-series {
  position: absolute;
  left: 0;
  top: 48px;
  width: calc(100% - 124px);
  z-index: 3;
  background-color: #fff;
  text-align: left;
  box-shadow: 0 16px 27px 0 rgba(0, 0, 0, 0.2); }
  @media (min-width: 0) and (max-width: 767px) {
    div.modSearch-series {
      width: 100%; } }
  div.modSearch-series ul {
    flex-wrap: wrap;
    padding: 0.5rem;
    flex: 1 1 auto;
    box-sizing: border-box;
    display: flex; }
  div.modSearch-series li.active a,
  div.modSearch-series a:focus {
    background-color: #0062ae;
    text-decoration: none; }
    div.modSearch-series li.active a p,
    div.modSearch-series a:focus p {
      color: #fff; }
  html.no-touch div.modSearch-series li a:hover p {
    color: #0062ae; }
  div.modSearch-series.hasSearchResults li {
    width: 100%; }
  div.modSearch-series li {
    position: relative; }
    div.modSearch-series li.modSearch-lastTitle {
      width: 100%; }
    div.modSearch-series li span.imageWrapper {
      position: relative;
      min-width: 64px;
      min-height: 64px;
      overflow: hidden;
      margin-right: 0.5rem;
      display: block; }
      div.modSearch-series li span.imageWrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    div.modSearch-series li .closeBtn {
      color: #ebebeb; }
  div.modSearch-series a {
    padding: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center; }
  div.modSearch-series img {
    width: 3rem;
    margin-right: 1rem; }

.modConSearch {
  position: relative;
  overflow: hidden; }
  .modConSearch.modSearch-hidden {
    height: 0 !important; }

.modSearch-results {
  margin-top: 16px;
  width: 100%;
  overflow: hidden; }
  .modSearch-results h3 {
    display: none;
    letter-spacing: 2px;
    text-align: center;
    color: #313131;
    font-size: 0.8125rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-weight: bold; }
    .open .modSearch-results h3 {
      display: block; }
  .modSearch-results p {
    font-size: 0.8125rem; }
  .modSearch-results.loading h3 {
    display: none; }

.modSearch-results ul {
  display: flex;
  /* flex: 1 1 auto; */
  width: 100%;
  padding-bottom: 1rem;
  flex-wrap: wrap;
  justify-content: center; }
  .modSearch-results ul li {
    width: auto;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem; }
    .modSearch-results ul li a {
      display: block; }
  .modSearch-results ul.modSearch-liked li {
    display: block;
    overflow: hidden;
    min-width: 128px;
    width: 128px; }
    .modSearch-results ul.modSearch-liked li span {
      width: 128px;
      padding-top: 56.25%;
      position: relative;
      overflow: hidden;
      display: block; }
      .modSearch-results ul.modSearch-liked li span img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .modSearch-results ul.modSearch-liked li a {
      text-overflow: ellipsis;
      overflow: hidden; }
    html.no-touch .modSearch-results ul.modSearch-liked li a:hover p {
      color: #0062ae; }
    .modSearch-results ul.modSearch-liked li p {
      margin-top: 0.25rem;
      text-align: left; }
  .modSearch-results ul.modSearch-terms li a {
    padding: 0.375rem 0.75rem;
    border-radius: 0;
    white-space: nowrap;
    background-color: #e6e5e5;
    color: #313131; }
    html.no-touch .modSearch-results ul.modSearch-terms li a:hover {
      background-color: #0062ae;
      color: #fff; }

.searchLayerForm {
  text-align: center;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative; }
  .searchLayerForm::-ms-clear {
    display: none; }
  .searchLayerForm input.searchInput {
    padding: 0.5rem;
    max-width: 100%;
    height: 49px;
    width: 100%;
    border-radius: 0 !important;
    border: 0 !important;
    color: rgba(0, 0, 0, 0.5); }
  .searchLayerForm form {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 632px; }
    @media (min-width: 0) and (max-width: 767px) {
      .searchLayerForm form {
        max-width: 100%;
        flex-direction: column; } }
  .searchLayerForm .formElement {
    display: flex;
    /* flex: 1 1 auto; */
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%; }
    .searchLayerForm .formElement.checkbox {
      text-align: center;
      max-width: 320px;
      width: 100%;
      margin: 0 auto;
      margin-bottom: 16px; }
      .searchLayerForm .formElement.checkbox input {
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0 !important;
        position: absolute;
        border: 0; }
      .searchLayerForm .formElement.checkbox input:checked + label:after {
        content: "";
        font-size: 0.875em;
        margin-left: 0;
        text-decoration: none;
        display: inline-block; }
      .searchLayerForm .formElement.checkbox input:checked + label:focus:after {
        text-decoration: none; }
      .searchLayerForm .formElement.checkbox input:checked + label:after {
        position: absolute;
        left: 2px;
        top: 0; }
      .searchLayerForm .formElement.checkbox input:focus + label:before {
        border-color: #000; }
      .searchLayerForm .formElement.checkbox input:checked + label:after {
        content: "";
        font-size: 0.875em;
        margin-left: 0;
        text-decoration: none;
        display: inline-block; }
      .searchLayerForm .formElement.checkbox input:checked + label:focus:after {
        text-decoration: none; }
      .searchLayerForm .formElement.checkbox input:checked + label:after {
        position: absolute;
        left: 6px;
        top: 1px; }
      .searchLayerForm .formElement.checkbox label {
        position: relative;
        padding-left: 32px; }
      .searchLayerForm .formElement.checkbox label:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 2px;
        left: 4px;
        border: 1px solid #c4c4c4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px; }
      .searchLayerForm .formElement.checkbox input[type='radio']:checked + label:after {
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        content: '';
        background-color: #313131;
        left: 8px;
        top: 6px; }
      .searchLayerForm .formElement.checkbox input[type='radio'] + label:before {
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        -ms-border-radius: 32px;
        border-radius: 32px; }
      .searchLayerForm .formElement.checkbox input:checked + label:after {
        left: 7px;
        top: 5px; }
    .searchLayerForm .formElement input[type='text'] {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
      .searchLayerForm .formElement input[type='text']::-ms-clear {
        display: none; }
    .searchLayerForm .formElement label {
      font-size: 0.875em; }
  .searchLayerForm button {
    min-width: 120px;
    max-width: 200px;
    padding: 13px 16px;
    background-color: #827e7c;
    color: #fff;
    font-weight: bold;
    border-radius: 0;
    margin-left: 0.25rem;
    cursor: pointer; }
    html.no-touch .searchLayerForm button:hover {
      background-color: #0062ae;
      color: #fff; }
    .searchLayerForm button:focus {
      background-color: #0062ae;
      color: #fff;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5); }
  @media (min-width: 0) and (max-width: 767px) {
    .searchLayerForm {
      width: 100%; }
      .searchLayerForm input[type='text'] {
        width: 100%;
        margin: 0 auto;
        margin-right: 0; }
      .searchLayerForm button {
        margin: 1rem 0 0 0; } }

.searchLayerForm .focused button.submitBtn {
  background-color: #0062ae;
  color: #fff; }

.searchLayerForm .focused input.searchInput {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  color: #313131; }
  @media (min-width: 0) and (max-width: 767px) {
    .searchLayerForm .focused input.searchInput {
      box-shadow: none; } }

.sectionDetailPage .searchLayerForm form .modSearch-clearBtn {
  left: calc(100% - 152px); }

@media (min-width: 0) and (max-width: 1007px) {
  .modSearch-results ul {
    flex-wrap: nowrap;
    justify-content: flex-start; } }

.modSearch-lastTitle {
  padding: 0.5rem;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #606060;
  font-weight: bold; }

/*
 * Styles für Suchformulare
 */
.xxx_sectionDetailPage form.searchForm {
  padding: 0.5em 1.2em; }
  .xxx_sectionDetailPage form.searchForm input.searchInput {
    padding: 0.9em 1.2em;
    border-radius: 3em; }
  .xxx_sectionDetailPage form.searchForm button.submitBtn {
    width: auto;
    position: absolute;
    font-size: 1.4em;
    right: 1.2em;
    background-color: transparent;
    color: #313131;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    border-radius: 3em; }
    .xxx_sectionDetailPage form.searchForm button.submitBtn > span {
      display: none; }
    .xxx_sectionDetailPage form.searchForm button.submitBtn:focus, .xxx_sectionDetailPage form.searchForm button.submitBtn:hover {
      color: #d40028;
      transform: scale(1.3); }
    .xxx_sectionDetailPage form.searchForm button.submitBtn:after {
      font-family: 'mdricons';
      content: "";
      padding: 0.4em; }

/*
 * Suchformular in der Detailseite
 */
.xxx_sectionDetailPage .searchLayerForm {
  position: relative;
  margin: 0 auto; }
  .view-xs .xxx_sectionDetailPage .searchLayerForm, .view-s .xxx_sectionDetailPage .searchLayerForm {
    width: 100%; }
  .view-m .xxx_sectionDetailPage .searchLayerForm, .view-l .xxx_sectionDetailPage .searchLayerForm, .view-xl .xxx_sectionDetailPage .searchLayerForm {
    width: 74%; }
  .xxx_sectionDetailPage .searchLayerForm input.searchInput {
    width: 100%; }

.mod.modParagraph .definition, .mod.modParagraph .paragraph {
  *zoom: 1; }
  .mod.modParagraph .definition:before, .mod.modParagraph .paragraph:before, .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after {
    display: table;
    content: '';
    line-height: 0; }
  .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after {
    clear: both; }

.sectionChannelHeader .section .channelTitle, .mod.modParagraph .jumpLabelList,
.mod.modParagraph .jumpLabelList ul,
.mod.modParagraph .jumpLabelTitle, .mod.modParagraph .authorWrapper, .section .con .mod.modParagraph .box.cssArticleShortNews .teaser .teaserInfoWrapper, .mod .box.cssImageGallery .teaser.special .gallery-bigImage, .mod .cssMultimediaGallery .mmgContent, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails p, .cssIpgMenuContent, .cssIpgMenuCalSlider .cssIpgMenuCalItem, .box.cssBroadcast .teaser p.seasonInfo, .sportResults .matchesResults h3, .sportResults .modTable .legende, body.cssTickerPopup .conSports .tickerMatches h3,
body.cssTickerPopup .conSports .tickerMatches h2, body.cssTickerPopup .conSports .tickerMatches p, .ticketLink, .conComments .comments, .conComments .comments .comment, .conComments .modForm .formWrapper {
  float: left;
  width: 100%; }

html.js .ui-tabs-layered .ui-tabs, html.js .ui-collapsible.ui-collapsible-tabsified:not(.ui-tabs-layered) h3.ui-collapsible-trigger, .sectionWrapperTabbed:not(.ui-tabs-layered) h3.conHeadline, html.js .conMultiGroupWrapper:not(.ui-tabs-layered) .ui-collapsible-trigger, .sportResults .modTable:not(.matches):not(.ui-tabs-layered) h3.ui-collapsible-trigger {
  left: -999em !important;
  position: absolute !important;
  padding: 0 !important;
  height: 0 !important; }

.controls::selection, html.js #content .ui-collapsible .ui-collapsible-trigger::selection, .ui-lightbox-footer ul.avCollapse li a.toggle::selection,
.controls *::selection,
html.js #content .ui-collapsible .ui-collapsible-trigger *::selection,
.ui-lightbox-footer ul.avCollapse li a.toggle *::selection {
  background: transparent; }

.controls::-moz-selection, html.js #content .ui-collapsible .ui-collapsible-trigger::-moz-selection, .ui-lightbox-footer ul.avCollapse li a.toggle::-moz-selection,
.controls *::-moz-selection,
html.js #content .ui-collapsible .ui-collapsible-trigger *::-moz-selection,
.ui-lightbox-footer ul.avCollapse li a.toggle *::-moz-selection {
  background: transparent; }

.mod .shortInfos, .mod .shortInfos h4.headline,
.mod .shortInfos p,
.mod .teasertext,
.mod .shortInfos h4.shortHeadline, .ui-lightbox-footer ul.avCollapse li span.avCollapseBody.avLink, .mod .linklist .list li a .linktext,
.mod .linklist .list li > span .linktext,
.mod .linklist .list li > div .linktext, .mod .cssProgramHintRepeat .cssProgramHintDate, .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody {
  text-overflow: ellipsis;
  overflow: hidden;
  /*overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
*/
  padding-bottom: 1px; }

.mod h4 .headline,
.mod h4 .dachzeile,
.mod h4 .shortHeadline, .modLightbox .modLightbox-galleryInfos, .modLightbox .modLightbox-galleryInfos h2, .modLightbox .modLightbox-galleryInfos p, body.cssLivestream .conLivestreamLinks .linklist li span.linkUrl {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden; }

.mod .cssVoting .formElement > div,
.mod .cssVoting .form-success-values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .teaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.mod .cssVoting .formElement > div .form-button,
.mod .cssVoting .form-success-values .form-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.ui-thumbSlider .controls,
.ui-thumbSlider .buttons {
  position: static;
  border: 0 !important;
  padding: 0;
  height: 0; }

.ui-thumbSlider .owl-dots,
.ui-thumbSlider .owl-pages {
  display: none !important; }

.ui-thumbSlider a.prev,
.ui-thumbSlider a.next {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  position: absolute !important;
  top: 50%;
  left: 0;
  width: 32px;
  height: 96px;
  margin-top: -48px;
  background-color: #fff;
  cursor: pointer;
  opacity: 0; }
  .ui-thumbSlider a.prev:before, .ui-thumbSlider a.prev:after,
  .ui-thumbSlider a.next:before,
  .ui-thumbSlider a.next:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -14px;
    left: 50%;
    margin-left: -12px; }


.ui-thumbSlider a.next {
  right: 0;
  left: auto; }
  
  .ui-thumbSlider a.next:after {
    margin-left: -8px !important; }

html.no-touch .ui-thumbSlider a.prev:hover,
html.no-touch .ui-thumbSlider a.next:hover {
  opacity: 1; }

#header .searchLayerToggle.open:before, #header .searchLayerToggle:before, #header button.nav-toggle:before, #footer .footer-bottom li a:after, #footer .footer-bottom h3:after, .closeBtn:before, .ui-checkbox.checked:after, html.js .ui-selectbox:after, .the-datepicker__container .the-datepicker__month:not(.deactivated) span:after,
.the-datepicker__container .the-datepicker__year:not(.deactivated) span:after, .the-datepicker__container .the-datepicker__reset:after,
.the-datepicker__container .the-datepicker__close a:after, .the-datepicker__container .the-datepicker__go-previous a:after, .the-datepicker__container .the-datepicker__go-next a:after, #breadcrumb ul li:before, .searchLayerForm .formElement.checkbox input:checked + label:after, .ui-pieProgressWrapper .ui-pieProgress .icon-font:before, .ui-galleryControls.controls .galleryBtn, .ui-galleryControlsHidden:before, .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:before, .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:after, .ui-social-btn, html.js #content .ui-collapsible .ui-collapsible-trigger:after, .ui-cal-menu ul li.search > *:before, .cssIpgMenu ul li.search > *:before, .ui-cal-menu ul li.cal > *:before, .cssIpgMenu ul li.cal > *:before, .ui-lightbox-footer ul li a:after, .ui-lightbox-footer ul.avCollapse li a.toggle:after, .av-playerContainer .playlistBtn:before, .modLightbox.mmg .ui-playlist .playlistHeader button:before, .ui-socialembed input:checked + label:after, .ui-reloadPageBtn:after, .ui-reloadPageBtn.scrollToLastEntry:after, .icon-font, .section .pageAreaTitle a:after,
.section h3.conHeadline a:after, .mod .box.boxImage .teaserInfoWrapper .shortHeadline:after, .mod .box.boxImageSquare .teaserInfoWrapper .shortHeadline:after, .mod .collapseArrow:before, .mod .retentionInfo a:before, .mod .moreBtn:after, .mod .linklist li.facebook a .linktext:before, .mod .linklist li.twitter a .linktext:before, .mod .linklist li a:before, .mod .media .imageWrapper .icon-font, .mod .linklist .list li a .linktext:before,
.mod .linklist .list li > span .linktext:before,
.mod .linklist .list li > div .linktext:before, .controls a.prev:before, .controls a.next:after, .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger:before, form .formElement .form-button input:checked + label:after, .modLightbox .mediaInfo.ui-collapsible:before, .modLightbox .modLightbox-close, .modLightbox .mediaCon:not(.brav-ready) .av-playerContainer .imageWrapper:after, .modLightbox.mmg .modLightbox-galleryInfos h2:before, .mod .box .downloadInfo a.moreBtn:after, .mod .box.cssImageGallery .teaser.special .innerTeaser h4 .headline:before, .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper .icon-font:before, .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter h4 .headline:before, body.cssImageGallery h1 .headline:before, .mod .box.cssProgramHint .teaser .innerTeaser h4 .headline:before, .box.cssAvPlus .themes li.cssVideo button.moreBtn:before, .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after, .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:before, .mod .cssAv .teaser .innerTeaser .cssProgramHintBox a:after, .mod .cssMultimediaGallery .boxNormal:not(.boxSpecial) h4 .headline:before, .mod .cssMultimediaGallery .mmgTeaserTitle:before, .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .teaserInfoWrapper:after, .mod .cssMultimediaGallery .mmgContent p:before, .mod .cssMultimediaGallery .mmgContent p.mmgAudios:before, .mod .cssAudio.form-button label:before,
.mod .cssAudioLivestream.form-button label:before, .mod .cssAudio > .teaser > .innerTeaser h4 .headline:before,
.mod .cssAudioLivestream > .teaser > .innerTeaser h4 .headline:before, .mod .cssVideo .innerTeaser h4 .headline:before, .mod .cssVideo.form-button label:before, .mod .cssAudioSlideShow h4 .headline:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage h1 .headline:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn:before, body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn:after, body.cssVideo h1 .headline:before, body.cssAudio h1 .headline:before, body.cssAudioSlideShow h1 .headline:before, #content .box.cssIpgHeader h2 .headline a:after,
#content .box.cssIpgHeader h1 .headline a:after,
#content .box.cssIpgFooter h2 .headline a:after,
#content .box.cssIpgFooter h1 .headline a:after, #content .box.cssIpgHeader > a.prev:before,
#content .box.cssIpgFooter > a.prev:before, #content .box.cssIpgHeader > a.next:after,
#content .box.cssIpgFooter > a.next:after, #content .mod.cssBroadcastList.dayView h3.title:after, #content .mod.cssBroadcastList.dayView h3.title.collapsed:after, .form.cssIpgSearchForm.cssIpgDownload .moreBtn .form-buttontext:after, .box.cssBroadcast .teaser .cssIpgLink:after, .box.cssBroadcast .teaser .broadcastSpecs li.hd:before, .box.cssBroadcast .teaser .broadcastSpecs li.HD:before, .box.cssBroadcast .teaser .broadcastSpecs li.dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:before, .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:before, .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:before, .box.cssBroadcast .teaser .broadcastSpecs li.live:before, .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:before, .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:before, .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after, .mod .box.boxIpgTeaser .ipgHint a:after, .conMultiGroupWrapper .controls:not(.reload) a.back:before, .conMultiGroupWrapper .controls:not(.reload) a:after, .sportResults .conSports a.moreBtn:after, .sportResults .conSports a.moreBtn.reload:after, .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:before, .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before, .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:before, .sportResults .modTable .table table.spielplan a.pfeil:after, .sportResults .modTable .table table tr th a:after, .sportResults .modTable .table table tr td.mannschaft a:after, body.cssCalendar #content h1 .headline:before,
body.cssConcertCalendar #content h1 .headline:before, .box.cssCalendar.boxNormal > .teaser > .innerTeaser h4 .headline:before,
.box.cssCalendar.boxSpecial > .teaser > .innerTeaser h4 .headline:before, .section .conCalendar .ui-cal-menu li.currentCal a:before, .section .conCalendar .ui-cal-menu li.calBackLink a:before, .concertTickets li:nth-child(2) a:after,
.conDetailHeader .concertTickets li a:after,
.conConcertDetails .concertTickets li a:after, .conComments .comments p.commentTitle > span:first-child:before, .radioPlayer .radioPlayerControls:before, .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:before, .radioPlayerWrapper .addControls .btn.popoutBtn:before, .radioPlayerWrapper.brav-playing .radioPlayerControls:before, .radioPlayerWrapper.brav-paused .radioPlayerControls:before, #content .weatherInnerWrapper li:after, #content .weatherInnerWrapper li.link:after, #content .weather-teaser .weatherInnerWrapper li:after, h3.conHeadline a[href]:after {
  font-family: 'mdricons';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal; }

.av-playerContainer .playlistBtn, .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger, .mod.modParagraph .authorWrapper .articleMeta-social:not(.ui-social-collapsing) .ui-social-btn.ui-social-trigger, .box.cssBroadcast .teaser .progressContainer .icon-font:before, * {
  font-family: 'Open Sans'; }

.table table tr,
.table table td,
.table table th, .table table tr.headlines th, .sportResults .conSports.live .controls, .sportResults .sportsForm > div, .sportResults .matchesResults h3 span, body.cssTickerPopup .conSports .tickerMatches h3,
body.cssTickerPopup .conSports .tickerMatches h2, body.cssTickerPopup .conSports .tickerMatches p, body.cssTickerPopup .conSports.konferenz .confAnsetzung h2.tickerTitle span.league {
  margin-bottom: 1px !important;
  border-bottom: 1px solid #dcdcdc;
  /*&:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: $white;
    content: " ";
    left: 0;
    bottom: -2px;
  }
  */ }

.mod .moreBtn.solidBtn, .controls.reload a.moreBtn, .form .submitfield button,
.form .submitfield a.moreBtn,
.form-success .submitfield button,
.form-success .submitfield a.moreBtn, .mod .box .downloadInfo a.moreBtn, .conComments .controls.reload a.moreBtn {
  text-align: center;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent;
  padding: 8px 24px;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
  width: auto;
  float: none; }
  .mod .moreBtn.solidBtn:not(.disabled):focus, .controls.reload a.moreBtn:not(.disabled):focus, .form .submitfield button:not(.disabled):focus,
  .form .submitfield a.moreBtn:not(.disabled):focus,
  .form-success .submitfield button:not(.disabled):focus,
  .form-success .submitfield a.moreBtn:not(.disabled):focus, .mod .box .downloadInfo a.moreBtn:not(.disabled):focus {
    color: #0062ae;
    text-decoration: none; }
  html.no-touch .mod .moreBtn.solidBtn:hover, .mod html.no-touch .moreBtn.solidBtn:hover, html.no-touch .controls.reload a.moreBtn:hover, .controls.reload html.no-touch a.moreBtn:hover, html.no-touch .form .submitfield button:hover, .form .submitfield html.no-touch button:hover,
  html.no-touch .form .submitfield a.moreBtn:hover, .form .submitfield html.no-touch a.moreBtn:hover,
  html.no-touch .form-success .submitfield button:hover, .form-success .submitfield html.no-touch button:hover,
  html.no-touch .form-success .submitfield a.moreBtn:hover, .form-success .submitfield html.no-touch a.moreBtn:hover, html.no-touch .mod .box .downloadInfo a.moreBtn:hover, .mod .box .downloadInfo html.no-touch a.moreBtn:hover {
    border-color: rgba(0, 0, 0, 0.8); }

.sportResults .modTable.matches .lastEvent.level2, .sportResults .modTable.matches .lastEvent.level1, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10001000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event110000 {
  width: 32px;
  height: 16px;
  display: inline-block;
  background-position: 0 0;
  background-image: url(/resources/global/img/mdrde/sport/tickericons.svg?2019); }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1 {
  background-position: 0 -16px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100100 {
  background-position: 0 -32px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10010 {
  background-position: 0 -48px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1001 {
  background-position: 0 -64px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1100 {
  background-position: 0 -78px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1010 {
  background-position: 0 -94px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000 {
  background-position: 0 -112px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000 {
  background-position: 0 -128px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000000 {
  background-position: 0 -144px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000010 {
  background-position: 0 -160px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000001 {
  background-position: 0 -177px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100100 {
  background-position: 0 -194px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100000 {
  background-position: 0 -210px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000000 {
  background-position: 0 -226px; }

body.cssTickerPopup .conSports .tickerMatches .lastEvent.event110000 {
  background-position: 0 -242px; }

.jumpBoxShadowStandard, .sectionSongindicator .songIndicator.mplToggle .livePlayButton:hover, .sectionSongindicator .songIndicator.mplToggle .livePlayButton:focus, .sectionSongindicator .launchLivestreamplayer .livePlayButton:hover, .sectionSongindicator .launchLivestreamplayer .livePlayButton:focus, .headerBottomItems .songIndicator.mplToggle .livePlayButton:hover, .headerBottomItems .songIndicator.mplToggle .livePlayButton:focus, .headerBottomItems .launchLivestreamplayer .livePlayButton:hover, .headerBottomItems .launchLivestreamplayer .livePlayButton:focus, .mpl .mplSectionThree .mplSongNow a.livePlayButton:hover, .mpl .mplSectionThree .mplSongNow a.livePlayButton:focus {
  box-shadow: 0 0 6px rgba(51, 51, 52, 0.2); }

.ui-thumbSlider {
  background-color: white;
  padding: 0.5rem;
  padding-right: 0;
  position: relative; }
  .ui-thumbSlider .controls {
    min-height: 0; }
  .ui-thumbSlider.owl-isSlider, .ui-thumbSlider.owl-noSlider,
  .owl-isSlider .ui-thumbSlider,
  .owl-noSlider .ui-thumbSlider {
    max-height: 100%;
    overflow: hidden; }
    .ui-thumbSlider.owl-isSlider .mediaCon, .ui-thumbSlider.owl-noSlider .mediaCon,
    .owl-isSlider .ui-thumbSlider .mediaCon,
    .owl-noSlider .ui-thumbSlider .mediaCon {
      width: 100%; }
  .galleryTeaserSlider.owl-disabled .ui-thumbSlider .thumbSliderContainer {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden !important; }
  .ui-thumbSlider .thumbSliderContainer {
    display: flex;
    overflow: hidden; }
    .ui-thumbSlider .thumbSliderContainer .owl-stage-outer {
      overflow: visible; }
    .ui-thumbSlider .thumbSliderContainer a {
      display: block; }
    .ui-thumbSlider .thumbSliderContainer .mediaCon {
      cursor: pointer;
      margin-bottom: 0 !important;
      margin-right: 0.5rem;
      min-width: 10%; }
      .ui-thumbSlider .thumbSliderContainer .mediaCon.isLoaded {
        opacity: 1; }
        .ui-thumbSlider .thumbSliderContainer .mediaCon.isLoaded .media {
          background-color: #fff; }
      .ui-thumbSlider .thumbSliderContainer .mediaCon .imageWrapper:before {
        padding-top: 100%; }
    html.no-touch .ui-thumbSlider .thumbSliderContainer a:hover {
      opacity: 1; }
      html.no-touch .ui-thumbSlider .thumbSliderContainer a:hover .media {
        background-color: #fff; }
    .ui-thumbSlider .thumbSliderContainer a:focus .media {
      background-color: #fff; }
  .ui-thumbSlider.owl-disabled .thumbSliderContainer a {
    width: calc(12.5% - 0.5rem);
    min-width: calc(12.5% - 0.5rem);
    max-width: calc(12.5% - 0.5rem); }
    @media (min-width: 0) and (max-width: 767px) {
      .ui-thumbSlider.owl-disabled .thumbSliderContainer a {
        width: calc(33.333% - 0.5rem);
        min-width: calc(33.333% - 0.5rem);
        max-width: calc(33.333% - 0.5rem); } }
    .sectionC .ui-thumbSlider.owl-disabled .thumbSliderContainer a,
    .modD .ui-thumbSlider.owl-disabled .thumbSliderContainer a,
    .modC .ui-thumbSlider.owl-disabled .thumbSliderContainer a {
      width: calc(33.333% - 0.5rem);
      min-width: calc(33.333% - 0.5rem);
      max-width: calc(33.333% - 0.5rem); }
  .ui-thumbSlider .mediaInfo {
    display: none !important; }

.ui-pieProgressWrapper {
  position: absolute;
  right: 50px;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  z-index: 4;
  padding-right: 8px;
  border-right: 1px solid #e5e5e8;
  line-height: 0; }
  .ui-pieProgressWrapper .ui-pieProgress {
    text-align: center;
    background-color: transparent;
    display: inline-block;
    position: relative;
    line-height: 1em; }
    .ui-pieProgressWrapper .ui-pieProgress:focus {
      outline: 1px dotted #e5e5e8; }
    .ui-pieProgressWrapper .ui-pieProgress .icon-font {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .ui-pieProgressWrapper .ui-pieProgress .icon-font:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0); }
      .ui-pieProgressWrapper .ui-pieProgress .icon-font.ui-pieProgress-start {
        display: none !important; }
        .ui-pieProgressWrapper .ui-pieProgress .icon-font.ui-pieProgress-start:before {
          content: ""; }
      .ui-pieProgressWrapper .ui-pieProgress .icon-font.ui-pieProgress-pause:before {
        content: ""; }
    .ui-pieProgressWrapper .ui-pieProgress.paused .ui-pieProgress-start {
      display: block !important; }
    .ui-pieProgressWrapper .ui-pieProgress.paused .ui-pieProgress-pause {
      display: none !important; }
  .owl-noSlider .ui-pieProgressWrapper {
    right: 0;
    border-right: 0; }

.ui-galleryControls.controls {
  text-align: center;
  padding: 0;
  display: flex !important;
  justify-content: center !important;
  height: 50px; }
  .ui-galleryControls.controls a.prev,
  .ui-galleryControls.controls a.next,
  .ui-galleryControls.controls .galleryBtn,
  .ui-galleryControls.controls .counter {
    position: relative;
    right: auto;
    top: auto;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    color: #666; }
  .ui-galleryControls.controls .ui-pieProgressWrapper {
    border-color: #666; }
  .ui-galleryControls.controls a.next {
    margin-left: 0; }
  .ui-galleryControls.controls a.prev,
  .ui-galleryControls.controls a.next,
  .ui-galleryControls.controls .galleryBtn {
    display: flex;
    align-items: center;
    justify-content: center; }
  .ui-galleryControls.controls .galleryBtn {
    cursor: pointer;
    font-size: 2em;
    border-right: 1px solid #666;
    margin-right: 8px; }
    .ui-galleryControls.controls .galleryBtn.sliderBtn {
      margin-left: 20px; }
    .ui-galleryControls.controls .galleryBtn.gridBtn {
      border-left: 1px solid #666; }
    .ui-galleryControls.controls .galleryBtn.gridBtn:before, .ui-galleryControls.controls .galleryBtn.sliderBtn:before {
      content: ""; }
    .ui-galleryControls.controls .galleryBtn.sliderBtn {
      border-right: 0; }
      .ui-galleryControls.controls .galleryBtn.sliderBtn:before {
        height: 7px;
        overflow: hidden;
        margin-top: -2px;
        line-height: 0.7; }
    .ui-galleryControls.controls .galleryBtn.open {
      color: #fff; }
  .ui-galleryControls.controls .counter {
    border: 1px solid #666;
    border-top: 0;
    border-bottom: 0;
    width: 100px;
    padding-top: 15px; }
  .ui-galleryControls.controls a.next.skip:after {
    content: "" !important; }
  .ui-galleryControls.controls a.prev.skip:before {
    content: "" !important; }
  .ui-gallery-small .ui-galleryControls.controls {
    padding-left: 0;
    padding-right: 0; }
    .ui-gallery-small .ui-galleryControls.controls a.skip,
    .ui-gallery-small .ui-galleryControls.controls .ui-pieProgress {
      display: none; }
    .ui-gallery-small .ui-galleryControls.controls .ui-pieProgressWrapper {
      border-right: 0; }

.ui-galleryControlsHidden {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
  cursor: pointer; }
  html.js #content .ui-galleryControlsHidden {
    display: none; }
  .loading .ui-galleryControlsHidden {
    display: none !important; }
  .ui-galleryControlsHidden:before {
    content: "";
    font-size: 2em;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 0;
    z-index: 1; }
  .ui-galleryControlsHidden:after {
    background-color: #f5f5fa;
    width: 32px;
    height: 96px;
    margin-top: -48px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0; }
  .ui-galleryControlsHidden.right {
    right: 0;
    left: auto; }
    .ui-galleryControlsHidden.right:before {
      left: auto;
      content: "";
      right: 0; }
    .ui-galleryControlsHidden.right:after {
      left: auto;
      right: 0;
      -webkit-border-radius: 3px 0 0 3px;
      -moz-border-radius: 3px 0 0 3px;
      -ms-border-radius: 3px 0 0 3px;
      border-radius: 3px 0 0 3px; }
  .ui-galleryControlsHidden.zoom {
    width: 33.33%;
    left: 50%;
    margin-left: -16.667%;
    color: #f5f5fa; }
    .ui-galleryControlsHidden.zoom:before {
      left: 50%;
      content: "";
      font-size: 4em;
      margin-left: -32px;
      right: auto; }
    .ui-galleryControlsHidden.zoom:after {
      display: none; }
  #content .gallery-bigImage .mediaCon:hover .ui-galleryControlsHidden {
    display: block; }

g:focus,
path:focus,
circle:focus {
  opacity: 0.5; }

.ui-social-fixed {
  position: fixed;
  text-align: left;
  display: none;
  font-size: 1em;
  color: #333;
  left: auto;
  z-index: 10;
  top: auto;
  bottom: 0;
  padding: 4px;
  display: flex; }
  body.preview .ui-social-fixed:not(.stayInPlace) {
    bottom: 48px; }
  @media (min-width: 0) and (max-width: 767px) {
    .wrapper > .ui-social-fixed:not(.stayInPlace) {
      left: -999em; } }
  .loading .ui-social-fixed {
    display: none; }
  .ui-social-fixed.stayInPlace {
    position: absolute;
    width: 100%;
    margin-left: 0 !important;
    padding: 8px;
    text-align: center;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.2); }
    .ui-social-fixed.stayInPlace .ui-social-btn {
      border: 0; }
      @media (min-width: 0) and (max-width: 479px) {
        .ui-social-fixed.stayInPlace .ui-social-btn {
          margin-right: 4px; } }
      .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop {
        position: absolute;
        top: -43px;
        line-height: 1.2;
        left: 50%;
        margin-left: -16px;
        display: block;
        background-color: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #313131;
        width: 32px;
        height: 32px; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:before {
          content: "";
          font-size: 0.6em;
          margin-right: 0;
          text-decoration: none;
          vertical-align: middle;
          display: inline-block; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:focus:before {
          text-decoration: none; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:after {
          content: "";
          font-size: 0.6em;
          margin-left: 0;
          text-decoration: none;
          display: inline-block; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:focus:after {
          text-decoration: none; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:before {
          position: absolute;
          top: 0;
          left: 6px;
          color: #313131; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:focus {
          text-decoration: none;
          -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:after {
          position: absolute;
          top: 7px;
          left: 6px;
          color: #313131; }
      .ui-social-fixed.stayInPlace .ui-social-btn.ui-social-trigger {
        color: #e5e5e8;
        background-color: #fefefe;
        cursor: text;
        display: none; }
      .ui-social-fixed.stayInPlace .ui-social-btn.mail:before {
        left: 3px; }
  .ui-social-fixed.open:not(.stayInPlace) .ui-social-trigger:before {
    content: "";
    left: 1px; }

.ui-social-btn * {
  background-color: #fefefe;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  .ui-social-btn *.ui-scrollToTop {
    display: none; }

.ui-social-links {
  opacity: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 15.75rem; }

.ui-social-btn {
  cursor: pointer;
  display: inline-block;
  font-size: 2em;
  text-align: center;
  font-weight: normal;
  border: 0; }
  .ui-social-btn a {
    padding: 4px;
    width: 44px;
    height: 44px;
    display: inline-block;
    color: #fefefe;
    line-height: 1em; }
    .ui-social-btn a:before {
      position: relative;
      left: 0;
      top: 0;
      text-align: center;
      font-size: 34px;
      line-height: 1.15; }
    .ui-social-btn a:focus {
      text-decoration: none;
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
  .ui-social-btn.facebook a {
    background-color: #1877f2; }
    .ui-social-btn.facebook a:before {
      content: ""; }
  .ui-social-btn.twitter a {
    background-color: #1da1f2; }
    .ui-social-btn.twitter a:before {
      content: ""; }
  .ui-social-btn.pinterest a {
    background-color: #bd081c; }
    .ui-social-btn.pinterest a:before {
      content: ""; }
  .ui-social-btn.instagram a {
    background-color: #c32aa3; }
    .ui-social-btn.instagram a:before {
      content: ""; }
  .ui-social-btn.mail a {
    background-color: #666; }
    .ui-social-btn.mail a:before {
      content: "";
      line-height: 1; }
  .ui-social-btn.print a {
    background-color: #666; }
    .ui-social-btn.print a:before {
      content: "";
      line-height: 1; }
  .ui-social-btn.whatsapp a {
    background-color: #5fad2f; }
    .ui-social-btn.whatsapp a:before {
      left: 1px;
      top: -1px;
      content: ""; }
  .ui-social-btn.ui-social-trigger {
    color: #333;
    z-index: 1;
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    line-height: 1.2em;
    border: 1px solid #313131;
    background-color: #fefefe; }
    .ui-social-btn.ui-social-trigger:before {
      content: ""; }
    .ui-social-btn.ui-social-trigger:focus {
      text-decoration: none;
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

body.magicSharing #content .ui-social-fixed {
  padding: 32px;
  transform: translate3d(0, -50%, 0) matrix(1.5, 0, 0, 1.5, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  left: 0;
  bottom: auto;
  marginleft: 0 !important; }
  body.magicSharing #content .ui-social-fixed .ui-scrollToTop {
    display: none; }

@media (min-width: 0) and (max-width: 767px) {
  body.magicSharing #content .ui-social-fixed {
    transform: translate3d(0, -50%, 0) !important; } }

#content .ui-collapsible {
  border: 1px solid #c4c4c4;
  display: flex;
  flex-direction: column; }
  #content .ui-collapsible.paragraphsCollapsible .con .modA .box {
    padding: 4px 16px !important; }
  #content .ui-collapsible .collapseArrow {
    display: none !important; }
  html.js #content .ui-collapsible .ui-collapsible-body {
    display: none; }
  html.js #content .ui-collapsible .ui-collapsible-trigger {
    display: flex;
    flex-wrap: nowrap; }
    html.js #content .ui-collapsible .ui-collapsible-trigger.headline {
      font-size: 1.1875em; }
    html.js #content .ui-collapsible .ui-collapsible-trigger:before {
      display: none; }
    html.js #content .ui-collapsible .ui-collapsible-trigger a:after {
      display: none; }
    html.js #content .ui-collapsible .ui-collapsible-trigger:after {
      color: #313131;
      margin-left: auto;
      content: ""; }
    html.js #content .ui-collapsible .ui-collapsible-trigger:focus {
      background-color: #fefefe !important; }
    html.js #content .ui-collapsible .ui-collapsible-trigger .linktext {
      padding-right: 1.75em; }
  #content .ui-collapsible .ui-collapsible-entry {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: auto !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: #fefefe;
    border-bottom: 1px solid #e5e5e8; }
    #content .ui-collapsible .ui-collapsible-entry:last-of-type {
      border-bottom: 0; }
    #content .ui-collapsible .ui-collapsible-entry:first-of-type {
      border-bottom: 1px solid #e5e5e8; }
    #content .ui-collapsible .ui-collapsible-entry .ui-collapsible-trigger {
      padding: 8px;
      width: 100%;
      background-color: #fefefe; }
    #content .ui-collapsible .ui-collapsible-entry .ui-collapsible-body {
      background-color: #fefefe !important; }
      #content .ui-collapsible .ui-collapsible-entry .ui-collapsible-body .boxCon {
        background-color: transparent; }
    #content .ui-collapsible .ui-collapsible-entry.collapsed {
      background-color: transparent; }
      #content .ui-collapsible .ui-collapsible-entry.collapsed h3.title {
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        border-color: #e5e5e8 !important;
        background-color: #f5f5fa; }
      #content .ui-collapsible .ui-collapsible-entry.collapsed .ui-collapsible-trigger {
        background-color: transparent; }
        #content .ui-collapsible .ui-collapsible-entry.collapsed .ui-collapsible-trigger:after {
          content: ""; }
      #content .ui-collapsible .ui-collapsible-entry.collapsed .ui-collapsible-body {
        background-color: transparent; }
    #content .ui-collapsible .ui-collapsible-entry.disabled .ui-collapsible-trigger:before {
      display: none; }

.ui-cal.mod .box.open form {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .ui-cal.mod .box.open form fieldset {
    background-color: transparent;
    max-width: 66.666%; }
    .ui-cal.mod .box.open form fieldset.submitfield {
      padding: 0; }

.ui-cal table {
  border-spacing: 0;
  border-top: 1px solid #e5e5e8;
  border-left: 1px solid #e5e5e8; }
  .ui-cal table td > span > * {
    display: block;
    padding: 12px;
    border: 1px solid #e5e5e8;
    background-color: white;
    border-left: 0;
    border-top: 0;
    color: #313131;
    font-weight: bold;
    text-align: center; }
    @media (min-width: 0) and (max-width: 767px) {
      .ui-cal table td > span > * {
        padding: 8px; } }
    .sectionC .ui-cal table td > span > * {
      padding: 8px; }
  .ui-cal table td > span > a {
    color: #d40028; }
  html.no-touch .ui-cal table td:not(.inactive) > span > a:hover {
    color: #d40028; }
  .ui-cal table td.inactive > span > * {
    color: #e5e5e8; }
  .ui-cal table td.today > span > * {
    color: #313131;
    background-color: #fff; }
  .ui-cal table td.active > span > * {
    color: #d40028; }

.ui-cal-slider, .cssIpgSearchSlider {
  max-height: 170px;
  overflow: hidden;
  padding: 0 64px; }
  .ui-cal-slider .owl-item, .cssIpgSearchSlider .owl-item {
    padding: 16px 8px 16px 8px; }
  .ui-cal-slider .controls.layered .buttons a.prev, .cssIpgSearchSlider .controls.layered .buttons a.prev {
    left: 24px; }
  .ui-cal-slider .controls.layered .buttons a.next, .cssIpgSearchSlider .controls.layered .buttons a.next {
    right: 24px; }
  .ui-cal-slider .box, .cssIpgSearchSlider .box {
    background-color: #fff;
    margin: 0;
    margin-bottom: 8px !important;
    padding: 0 !important; }
    .ui-cal-slider .box .today, .cssIpgSearchSlider .box .today {
      position: absolute;
      top: -36px;
      font-size: 0.8em;
      text-transform: uppercase;
      display: block;
      width: 100%;
      text-align: center;
      color: #666; }
    .ui-cal-slider .box.currentDay a, .cssIpgSearchSlider .box.currentDay a {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .ui-cal-slider .box.currentDay a span.day, .cssIpgSearchSlider .box.currentDay a span.day {
      background-color: #fff9c9;
      color: #313131; }
    .ui-cal-slider .box.currentDay:before, .cssIpgSearchSlider .box.currentDay:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-top-color: #fff;
      border-width: 12px;
      margin-left: -12px;
      z-index: 1;
      top: 99%; }
    .ui-cal-slider .box.currentDay:after, .cssIpgSearchSlider .box.currentDay:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-top-color: #313131;
      border-width: 12px;
      margin-left: -12px;
      top: 100%; }
    .ui-cal-slider .box a, .cssIpgSearchSlider .box a {
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      overflow: hidden;
      border: 1px solid #313131; }
      html.no-touch .ui-cal-slider .box a:hover, html.no-touch .cssIpgSearchSlider .box a:hover {
        border-color: #313131; }
      .ui-cal-slider .box a:focus, .cssIpgSearchSlider .box a:focus {
        border-color: #313131; }
    .ui-cal-slider .box span, .cssIpgSearchSlider .box span {
      padding: 14px 0;
      display: block;
      font-weight: bold;
      color: #313131;
      font-size: 1.5em; }
      .ui-cal-slider .box span.day, .cssIpgSearchSlider .box span.day {
        background-color: #313131;
        color: white; }
      .ui-cal-slider .box span.date, .cssIpgSearchSlider .box span.date {
        color: #313131;
        background-color: #fff;
        margin-bottom: 0;
        font-weight: normal;
        font-size: 1.5em; }

.ui-cal-slider {
  opacity: 1; }
  html.js .ui-cal-slider {
    opacity: 0; }

.ui-cal-menu, .cssIpgMenu {
  display: flex;
  position: relative; }
  .ui-cal-menu:after, .cssIpgMenu:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #dcdcdc;
    height: 1px;
    content: ''; }
  .ui-cal-menu ul, .cssIpgMenu ul {
    justify-content: center;
    display: flex; }
    .ui-cal-menu ul li, .cssIpgMenu ul li {
      text-transform: uppercase;
      display: flex;
      font-size: 0.875em;
      margin: 0 0.215rem; }
      .ui-cal-menu ul li > *, .cssIpgMenu ul li > * {
        display: inline-block;
        padding: 0.75rem 0.95rem;
        position: relative;
        z-index: 2;
        border: 1px solid #e5e5e8;
        background-color: transparent; }
      .ui-cal-menu ul li.active > *, .cssIpgMenu ul li.active > * {
        border: 1px solid #e5e5e8;
        border-bottom-color: white;
        background-color: white;
        z-index: 3; }
      .ui-cal-menu ul li.search > *:before, .cssIpgMenu ul li.search > *:before {
        content: "";
        font-size: 1em;
        margin-right: 0.5rem;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .ui-cal-menu ul li.search > *:focus:before, .cssIpgMenu ul li.search > *:focus:before {
        text-decoration: none; }
      .ui-cal-menu ul li.cal > *:before, .cssIpgMenu ul li.cal > *:before {
        content: "";
        font-size: 1em;
        margin-right: 0.5rem;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .ui-cal-menu ul li.cal > *:focus:before, .cssIpgMenu ul li.cal > *:focus:before {
        text-decoration: none; }
      .ui-cal-menu ul li.today > *:before, .cssIpgMenu ul li.today > *:before {
        display: none; }
      .ui-cal-menu ul li.today, .cssIpgMenu ul li.today {
        position: absolute;
        right: 32px;
        line-height: 1.4em; }
        .ui-cal-menu ul li.today span, .cssIpgMenu ul li.today span {
          background-color: transparent;
          border: 1px solid #e5e5e8; }
      @media (min-width: 0) and (max-width: 767px) {
        .ui-cal-menu ul li.today, .cssIpgMenu ul li.today {
          position: relative;
          right: 0; } }
      .ui-cal-menu ul li .collapseArrow, .cssIpgMenu ul li .collapseArrow {
        display: none !important; }

.ui-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap; }
  .ui-tabs ul {
    display: inline-block;
    display: flex;
    flex-wrap: nowrap; }
    .ui-tabs ul li {
      display: inline-block;
      padding: 0 4px; }
      .ui-tabs ul li a {
        padding: 8px;
        display: inline-block;
        border: 1px solid #e5e5e8;
        top: 1px;
        position: relative;
        border-bottom: 1px solid #f5f5fa;
        border-bottom: 0;
        color: #d40028;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #fefefe;
        z-index: 1;
        cursor: pointer; }
        .ui-tabs ul li a.collapsed {
          background-color: transparent;
          position: relative;
          z-index: 0;
          color: #313131; }
        html.no-touch .ui-tabs ul li a:hover, html.no-touch .ui-tabs ul li a:focus {
          background-color: #fefefe;
          text-decoration: none; }
  .ui-tabs-tagView .ui-tabs {
    border: 1px solid #e5e5e8;
    border-bottom: 0;
    padding: 16px;
    text-align: left; }
    .ui-tabs-tagView .ui-tabs ul li a {
      border: 1px solid #e5e5e8;
      margin-bottom: 8px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }

.ui-tabs-tagView .section .con {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

html.js .ui-collapsible.ui-collapsible-tabsified:not(.ui-tabs-layered) .ui-collapsible-entry.collapsed {
  margin-bottom: 0;
  border: 0; }

.sectionWrapperTabbed {
  padding: 16px 8px 16px 8px;
  background-color: #f5f5fa; }
  .sectionWrapperTabbed .section {
    width: 100% !important; }
  .sectionWrapperTabbed .section .cssBoxTeaserStandard.conTabbed h3.conHeadline {
    background-color: #fefefe; }
  .sectionWrapperTabbed .section .cssBoxTeaserStandard.conTabbed h3.conHeadline a {
    color: #313131; }
  .sectionWrapperTabbed .section .cssBoxTeaserStandard.conTabbed h3.conHeadline a[href]:after {
    content: none; }
  .sectionWrapperTabbed .con {
    margin-bottom: 0; }
  .sectionWrapperTabbed:not(.ui-tabs-layered) .ui-collapsible-entry.collapsed {
    border: 0; }
  .sectionWrapperTabbed .ui-collapsible-trigger {
    border: 0 !important; }
  .sectionWrapperTabbed .ui-collapsible-trigger.collapsed {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }

#content .ui-collapsible.ui-tabs-loaded:not(.ui-tabs-layered) {
  border: 0; }
  #content .ui-collapsible.ui-tabs-loaded:not(.ui-tabs-layered) .boxCon {
    background-color: #fefefe;
    border: 1px solid #c4c4c4; }

#content .ui-collapsible.ui-tabs-loaded:not(.ui-tabs-layered) .ui-collapsible-entry {
  border: 0; }

.ui-lightbox-footer {
  position: fixed;
  bottom: 0;
  background-color: #313131;
  width: 100%;
  margin: 0 auto;
  z-index: 101;
  left: 0;
  text-align: center; }
  .ui-lightbox-footer ul {
    display: inline-block;
    border-right: 1px solid #000; }
    .ui-lightbox-footer ul li {
      color: #fefefe;
      display: inline-block;
      padding: 8px 16px;
      border-right: 1px solid #585858;
      font-weight: bold; }
      .ui-lightbox-footer ul li a {
        color: #fefefe; }
        .ui-lightbox-footer ul li a:after {
          content: "";
          font-size: 1em;
          margin-left: 8px;
          text-decoration: none;
          display: inline-block; }
        .ui-lightbox-footer ul li a:focus:after {
          text-decoration: none; }
        html.no-touch .ui-lightbox-footer ul li a:hover {
          color: #fff; }
      .ui-lightbox-footer ul li span:after,
      .ui-lightbox-footer ul li a:after {
        position: relative;
        top: -2px; }
      .ui-lightbox-footer ul li:last-of-type {
        border-right: 0; }
    .ui-lightbox-footer ul.avCollapse li {
      padding: 0; }
      html.no-touch .ui-lightbox-footer ul.avCollapse li:hover {
        background-color: #222; }
      .ui-lightbox-footer ul.avCollapse li.open {
        background-color: #222; }
        .ui-lightbox-footer ul.avCollapse li.open span.avCollapseBody {
          display: block; }
      .ui-lightbox-footer ul.avCollapse li a.toggle {
        cursor: pointer;
        padding: 8px 16px;
        display: block; }
        .ui-lightbox-footer ul.avCollapse li a.toggle:after {
          content: "";
          font-size: 1.1875em;
          margin-left: 16px;
          text-decoration: none;
          display: inline-block; }
        .ui-lightbox-footer ul.avCollapse li a.toggle:focus:after {
          text-decoration: none; }
      .ui-lightbox-footer ul.avCollapse li span.avCollapseBody {
        position: absolute;
        bottom: 38px;
        left: 0;
        background-color: #222;
        width: 100%;
        padding: 24px;
        font-weight: normal;
        display: none; }
        .ui-lightbox-footer ul.avCollapse li span.avCollapseBody p {
          color: #fefefe;
          padding: 4px 0; }
        .ui-lightbox-footer ul.avCollapse li span.avCollapseBody a {
          color: #d40028;
          margin-bottom: 0.5rem;
          display: block; }
          .ui-lightbox-footer ul.avCollapse li span.avCollapseBody a:visited {
            text-decoration: none; }
          html.no-touch .ui-lightbox-footer ul.avCollapse li span.avCollapseBody a:hover {
            color: #fefefe; }
        .ui-lightbox-footer ul.avCollapse li span.avCollapseBody.avLink {
          white-space: nowrap;
          overflow: hidden; }

.ui-recommendLayer {
  padding: 0 !important;
  position: fixed;
  width: 640px;
  height: 90%;
  max-height: 650px;
  overflow: hidden;
  z-index: 102;
  top: 32px;
  left: 50%;
  margin-left: -320px;
  background-color: white; }
  .ui-recommendLayer h2 {
    padding: 12px 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e8; }
  .ui-recommendLayer .form-success .moreBtn {
    display: none !important; }
  .ui-recommendLayer .form-sent h3.headline {
    display: none; }
  .ui-recommendLayer .ui-recommendForm {
    position: relative;
    padding: 8px;
    width: 100%;
    height: 84%;
    margin-bottom: 32px;
    overflow-y: scroll; }

@keyframes animationFrames {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes animationFrames {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes animationFrames {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes animationFrames {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes animationFrames {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ui-tooltipWrapper {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 2;
  margin: 0 auto;
  width: 100%;
  min-height: 32px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
  margin-top: 16px; }
  .ui-tooltipWrapper.loading {
    width: 90px;
    max-height: 90px;
    overflow: hidden; }

#content .ui-tooltipWrapper {
  padding: 24px 4px 4px 4px; }
  #content .ui-tooltipWrapper .closeBtn {
    right: 0;
    top: 3px;
    background-color: transparent; }
    #content .ui-tooltipWrapper .closeBtn:focus {
      color: #d40028; }
    html.no-touch #content .ui-tooltipWrapper .closeBtn:hover {
      color: #d40028; }
  #content .ui-tooltipWrapper h1 .headline {
    margin-bottom: 0; }
  #content .ui-tooltipWrapper .con {
    opacity: 0;
    animation: animationFrames ease-in 0.2s 0.3s forwards;
    transform-origin: 50% 50%; }
  #content .ui-tooltipWrapper .con,
  #content .ui-tooltipWrapper .box {
    padding: 8px; }
  #content .ui-tooltipWrapper .con.conDetailHeader {
    padding-bottom: 0;
    margin-bottom: -7px; }

.ui-tags {
  display: flex;
  margin-bottom: 16px;
  margin-top: 12px;
  position: relative;
  z-index: 1;
  flex-direction: column;
  width: 100%; }
  .ui-tags ul {
    display: flex;
    flex-wrap: wrap; }
  .ui-tags ul li {
    display: flex;
    margin-right: 4px;
    margin-top: 4px; }
    .ui-tags ul li a {
      display: block;
      font-size: 0.75em;
      border: 1px solid rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      text-align: center;
      vertical-align: middle;
      padding: 6px 12px;
      color: #313131;
      line-height: 1em;
      font-weight: bold; }
      html.no-touch .ui-tags ul li a:hover {
        background-color: #d40028;
        color: #fff;
        border-color: #d40028; }

.moreBtn + .ui-tags,
h3 + .ui-tags {
  margin-top: 0; }

.av-playerContainer .playlistBtn {
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  float: left;
  display: block;
  bottom: auto;
  height: 32px;
  padding: 4px 8px;
  margin-left: 12px;
  margin-top: 6px;
  font-size: 0.875em;
  line-height: 1em;
  background: #e8ebec;
  border: 0;
  border-radius: 4px;
  font-weight: bold; }
  @media (min-width: 0) and (max-width: 767px) {
    .av-playerContainer .playlistBtn {
      display: none; } }
  .avPlayerSmallSize .av-playerContainer .playlistBtn {
    display: none; }
  .av-playerContainer .playlistBtn:focus {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff; }
  html.no-touch .av-playerContainer .playlistBtn:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff; }

.modLightbox.mmg .ui-playlist {
  width: 60%;
  left: auto;
  right: 0;
  transition: all 0.6s ease-out;
  transform: translate3d(100%, 0, 0);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 5;
  padding: 0;
  display: flex; }
  @media (min-width: 0) and (max-width: 1007px) {
    .modLightbox.mmg .ui-playlist .teaserPlaylist h4 {
      font-size: 0.875em; } }
  .modLightbox.mmg .ui-playlist.open {
    transform: translate3d(0, 0, 0); }
  .modLightbox.mmg .ui-playlist .teaserPlaylist {
    cursor: pointer;
    padding: 4px;
    margin-bottom: 0; }
    .modLightbox.mmg .ui-playlist .teaserPlaylist a {
      position: relative;
      z-index: 0;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      -o-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      display: flex; }
    .modLightbox.mmg .ui-playlist .teaserPlaylist .mediaCon {
      height: 100%;
      width: 40%; }
    .modLightbox.mmg .ui-playlist .teaserPlaylist .ui-pieProgressWrapper {
      z-index: 1;
      border: 0;
      right: 0;
      left: 0;
      bottom: 0;
      top: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0; }
    .modLightbox.mmg .ui-playlist .teaserPlaylist .ui-pieProgress {
      position: relative; }
      .modLightbox.mmg .ui-playlist .teaserPlaylist .ui-pieProgress .icon-font {
        font-size: 1em;
        background-color: transparent;
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        padding: 0;
        width: 34px;
        height: 100%;
        color: #fff;
        margin: 0;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        justify-items: center;
        line-height: 1; }
      .modLightbox.mmg .ui-playlist .teaserPlaylist .ui-pieProgress.paused .ui-pieProgress-start {
        display: flex !important; }
      .modLightbox.mmg .ui-playlist .teaserPlaylist .ui-pieProgress circle {
        stroke: #fefefe; }
      .modLightbox.mmg .ui-playlist .teaserPlaylist .ui-pieProgress path {
        stroke: #0673b8; }
    .avPlayerBigSize .modLightbox.mmg .ui-playlist .teaserPlaylist .autoplayCounter {
      display: block; }
    .modLightbox.mmg .ui-playlist .teaserPlaylist .autoplayCounter {
      position: absolute;
      top: 0;
      left: 0;
      padding: 8px;
      text-align: left;
      font-size: 0.75em;
      line-height: 1.21;
      display: none;
      z-index: 1; }
    .modLightbox.mmg .ui-playlist .teaserPlaylist h4 {
      position: relative;
      bottom: 0;
      z-index: 2;
      width: 100%;
      padding: 0 8px;
      color: white;
      align-content: flex-start;
      display: flex;
      text-align: left;
      font-size: 1em;
      margin-bottom: 0; }
    .modLightbox.mmg .ui-playlist .teaserPlaylist.next .mediaCon img {
      opacity: 0.5; }
    .modLightbox.mmg .ui-playlist .teaserPlaylist a.active,
    .modLightbox.mmg .ui-playlist .teaserPlaylist a:focus {
      text-decoration: none;
      background-color: #0682d1; }
      .modLightbox.mmg .ui-playlist .teaserPlaylist a.active h4,
      .modLightbox.mmg .ui-playlist .teaserPlaylist a:focus h4 {
        text-decoration: none;
        color: #fff; }
      .modLightbox.mmg .ui-playlist .teaserPlaylist a.active .mediaCon img,
      .modLightbox.mmg .ui-playlist .teaserPlaylist a:focus .mediaCon img {
        opacity: 0.5; }
    html.no-touch .modLightbox.mmg .ui-playlist .teaserPlaylist a:hover {
      background-color: #0682d1; }
      html.no-touch .modLightbox.mmg .ui-playlist .teaserPlaylist a:hover h4 {
        color: #fff; }
      html.no-touch .modLightbox.mmg .ui-playlist .teaserPlaylist a:hover .mediaCon img {
        opacity: 0.5; }
  .modLightbox.mmg .ui-playlist .playlistHeader button {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 7px 0 0 7px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    left: -32px;
    top: 50%;
    bottom: auto;
    font-size: 1.5em;
    margin-top: -30px;
    padding: 4px;
    height: 44px;
    width: 32px;
    line-height: 1em;
    display: flex;
    border: 0;
    justify-content: center; }
    .modLightbox.mmg .ui-playlist .playlistHeader button:focus {
      color: #0682d1; }
    html.no-touch .modLightbox.mmg .ui-playlist .playlistHeader button:hover {
      color: #0682d1; }
    .modLightbox.mmg .ui-playlist .playlistHeader button:before {
      content: "";
      font-size: 1em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .modLightbox.mmg .ui-playlist .playlistHeader button:focus:before {
      text-decoration: none; }
  .modLightbox.mmg .ui-playlist .playlistWrapper {
    border-left: 4px solid rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%; }

.modLightbox.mmg .avPlayerBigSize .ui-playlist .autoplayCounter {
  display: block; }

.ui-socialembed {
  padding: 0.5rem;
  margin-bottom: 0;
  min-width: 100%;
  width: 100%;
  min-height: 200px;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .ui-socialembed .form-button {
    display: flex;
    width: 100%;
    cursor: pointer; }
  .ui-socialembed label {
    text-align: left;
    width: 100%;
    cursor: pointer; }
  .ui-socialembed input {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    position: absolute;
    border: 0; }
  .ui-socialembed input:checked + label:after {
    content: "";
    font-size: 0.875em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  .ui-socialembed input:checked + label:focus:after {
    text-decoration: none; }
  .ui-socialembed input:checked + label:after {
    position: absolute;
    left: 2px;
    top: 0; }
  .ui-socialembed input:focus + label:before {
    border-color: #000; }
  .ui-socialembed input:checked + label:after {
    content: "";
    font-size: 0.875em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  .ui-socialembed input:checked + label:focus:after {
    text-decoration: none; }
  .ui-socialembed input:checked + label:after {
    position: absolute;
    left: 6px;
    top: 1px; }
  .ui-socialembed label {
    position: relative;
    padding-left: 32px; }
  .ui-socialembed label:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 4px;
    border: 1px solid #e5e5e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .ui-socialembed .ui-socialembed-disclaimer {
    margin-top: 1em;
    display: none;
    width: 100%; }
  .ui-socialembed .ui-button {
    background-color: #0682d1;
    color: #fff;
    border-radius: 8px;
    padding: 4px 16px;
    border: 1px solid #313131;
    margin-bottom: 32px;
    margin-top: 32px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold; }
  .ui-socialembed a {
    color: #0682d1;
    font-weight: bold; }

.ui-socialembed-remove {
  min-width: 100%; }
  .ui-socialembed-remove p {
    margin-bottom: 1rem;
    font-weight: bold; }
  .ui-socialembed-remove .ui-socialembed-removeItem {
    display: flex;
    margin-bottom: 0.5rem;
    cursor: pointer; }
    .ui-socialembed-remove .ui-socialembed-removeItem span {
      display: flex;
      margin-left: auto;
      font-size: 0.75em;
      border: 1px solid rgba(0, 0, 0, 0.3);
      border-radius: 8px;
      text-align: center;
      vertical-align: middle;
      padding: 6px 12px;
      color: #313131;
      line-height: 1em;
      font-weight: bold; }
    html.no-touch .ui-socialembed-remove .ui-socialembed-removeItem:hover span {
      background-color: #d40028;
      color: #fff;
      border-color: #d40028; }

#content .box.cssSocialMediaEmbed .teaser {
  background-color: #f5f5fa;
  border: 1px solid #e5e5e8; }
  #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint {
    width: 100%;
    position: relative;
    color: #666;
    font-weight: bold;
    font-size: 1.125em;
    border-bottom: 1px solid #666;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    padding-left: 0; }
    #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint span,
    #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint span:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 4rem;
      height: 4rem; }
    #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint span:before {
      background: transparent url(/resources/global/img/mdrde/socialembed/icons.svg) no-repeat 0 0;
      background-size: 100% auto;
      content: '';
      display: none; }
    html.no-touch #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hintspan {
      position: relative;
      max-height: 3.6rem; }
  #content .box.cssSocialMediaEmbed .teaser input:focus + label:before,
  #content .box.cssSocialMediaEmbed .teaser label:before {
    background-color: #fefefe;
    border-color: #666; }
  #content .box.cssSocialMediaEmbed .teaser label {
    color: #666; }
  #content .box.cssSocialMediaEmbed .teaser.loaded {
    background: none;
    background-color: #f5f5fa; }
    #content .box.cssSocialMediaEmbed .teaser.loaded .ui-socialembed-hint {
      font-size: 0.875em;
      text-decoration: none;
      font-weight: normal;
      padding-left: 0;
      border-bottom: 0;
      padding-top: 1rem;
      border-top: 1px solid #666;
      margin-top: 1rem; }
      #content .box.cssSocialMediaEmbed .teaser.loaded .ui-socialembed-hint span {
        display: none; }
    #content .box.cssSocialMediaEmbed .teaser.loaded .ui-socialembed {
      cursor: inherit; }
      #content .box.cssSocialMediaEmbed .teaser.loaded .ui-socialembed .ui-socialembed-disclaimer {
        display: block; }

@media (min-width: 0) and (max-width: 767px) {
  #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint span {
    max-height: 3.6rem; }
  #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint {
    padding-left: 0; } }

.sectionC #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint span {
  max-height: 3.6rem; }

.sectionC #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint {
  padding-left: 0; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedFacebook .teaser .ui-socialembed-hint {
  padding-left: 4rem; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedFacebook .teaser .ui-socialembed-hint span:before {
  display: block;
  background-position: 0 0; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedTwitter .teaser .ui-socialembed-hint {
  padding-left: 4rem; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedTwitter .teaser .ui-socialembed-hint span:before {
  display: block;
  background-position: 0 -4rem; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedInstagram .teaser .ui-socialembed-hint {
  padding-left: 4rem; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedInstagram .teaser .ui-socialembed-hint span:before {
  display: block;
  background-position: 0 -11.8rem; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedYoutube .teaser .ui-socialembed-hint {
  padding-left: 4rem; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedYoutube .teaser .ui-socialembed-hint span:before {
  display: block;
  background-position: 0 -16rem; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedSoundcloud .teaser .ui-socialembed-hint {
  border-color: #ccc;
  padding-left: 4rem; }

#content .cssSocialMediaEmbed.cssSocialMediaEmbedSoundcloud .teaser .ui-socialembed-hint span:before {
  display: block;
  background-position: 0 -8rem;
  max-height: 3rem;
  overflow: hidden; }

/* Tweets zentrieren */
.twitter-embed iframe,
.staticHtml iframe.twitter-tweet {
  margin: auto; }

/* Facebook-Feed */
.fbFeed .likes {
  display: inline-block;
  font-size: 14px;
  color: #666666; }

#content .ui-tickerArticle-title {
  position: relative;
  left: -7rem;
  margin-bottom: -1.8125rem;
  /*margin-left: -7rem;*/
  background: #e5e5e8;
  width: 6rem;
  font-size: 1rem;
  margin-right: 1rem;
  text-align: center; }
  #content .ui-tickerArticle-title span {
    padding: 0.5rem;
    display: block;
    z-index: 1;
    position: relative; }
  @media (min-width: 0) and (max-width: 767px) {
    #content .ui-tickerArticle-title {
      width: 100%;
      display: block;
      margin: 1rem 0;
      left: 0;
      background-color: transparent; }
      #content .ui-tickerArticle-title:before {
        display: block;
        content: '';
        background: #e5e5e8;
        width: 100%;
        height: 2px;
        position: absolute;
        top: calc(50% - 2px); }
      #content .ui-tickerArticle-title span {
        background-color: #e5e5e8;
        margin: 0 auto;
        width: 6rem; } }

.ui-tickerArticle #content .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline:not(.ui-tickerArticle-con-last) {
  padding-bottom: 16px;
  margin-bottom: 0; }

.ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con {
  padding-left: 7rem;
  position: relative; }
  .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con:before {
    display: block;
    content: '';
    background-color: #e5e5e8;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 6rem; }
  @media (min-width: 0) and (max-width: 767px) {
    .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con {
      padding-left: 0; }
      .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con:before {
        display: none; } }
  @media (min-width: 1008px) {
    body.cssArticle .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con:before {
      left: 4rem; } }

.ui-reloadPageBtn {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  min-width: 600px;
  background-color: #d40028;
  padding: 1rem;
  transform: translate3d(-50%, 200%, 0);
  color: #fff;
  font-weight: bold;
  z-index: 200;
  border-radius: 4px;
  cursor: pointer;
  padding-right: 1rem; }
  .ui-reloadPageBtn span {
    position: relative; }
  .ui-reloadPageBtn span:after {
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    left: 0;
    content: ''; }
  .ui-reloadPageBtn:after {
    content: "";
    font-size: 1.5em;
    margin-left: 1rem;
    text-decoration: none;
    display: inline-block; }
  .ui-reloadPageBtn:focus:after {
    text-decoration: none; }
  .ui-reloadPageBtn.scrollToLastEntry:after {
    content: "";
    font-size: 1.5em;
    margin-left: 1rem;
    text-decoration: none;
    display: inline-block; }
  .ui-reloadPageBtn.scrollToLastEntry:focus:after {
    text-decoration: none; }
  .ui-reloadPageBtn.active.ready {
    animation: scaleIn 0.3s ease-out;
    animation-fill-mode: forwards; }
  @media (min-width: 0) and (max-width: 767px) {
    .ui-reloadPageBtn {
      bottom: 0;
      min-width: 100%;
      border-radius: 0; } }

@keyframes scaleIn {
  0% {
    transform: translate3d(-50%, 200%, 0); }
  100% {
    transform: translate3d(-50%, 0, 0); } }

/* START CHATPROTOKOLLE */
p.chatmoderator {
  color: #c60000; }

p.chatgast {
  color: #006600; }

/* protokoll generell */
.chatprotokoll {
  background-color: #ffffff;
  margin: -8px;
  padding: 1em; }

/* protokoll in html-Detailseite*/
body.cssHtml .chatprotokoll {
  padding: 1em;
  border: 1px solid #e4e2d8; }

.chatprotokoll li {
  margin-bottom: 1.5em;
  list-style: outside none none; }

.chatprotokoll li span {
  font-weight: bold; }

.chatprotokoll li.question {
  margin-bottom: 0.5em; }

#chatprotokoll .moderator,
.chatprotokoll li.moderator {
  color: #cc0000; }

#chatprotokoll .experte,
.chatprotokoll li.answer,
.chatprotokoll li.guest {
  color: #006600; }

/* END CHATPROTOKOLLE */
/*Timeline*/
.cssTimeline.hideDateTime .calEntriesList .dachzeile {
  display: none; }

.cssTimeline.useShorttitle .calEntriesList h4 {
  display: none; }

.cssTimeline.useShorttitle .calEntriesList h4.shortHeadline {
  display: block; }

/* VR Player */
.vrwebStart,
.vrweb_player_main {
  display: none; }

body .vrweb_player_main {
  display: block;
  position: absolute; }

.vrweb_player {
  margin-left: -90px !important;
  margin-top: -25px !important;
  position: fixed !important;
  z-index: 100; }

.VR15S_subtitle,
.vrweb_settings_wrapper,
#markedPlayerContainer_0,
#markedPlayerContainer_1 {
  z-index: 100 !important; }

/* Fix doppelte Icons Kommentare */
.VR15S::before {
  content: none !important; }

/* Fix Button mehrseitige Artikel */
.cssArticle h1.headline .voiceReaderButton {
  display: none; }

/* Schriftfarbe bei vergrössertem Text */
.VR15S_Color_Black.VR15S_subtitle {
  color: #fff !important; }

/* beim Drucken ausblenden */
@media print {
  .voiceReaderButton,
  .vrweb_player_main,
  .modLightbox-close,
  .conComments .modForm,
  #header_ard {
    display: none !important; }
  .conDetailHeader {
    left: 0 !important; } }

@font-face {
  font-family: 'mdricons';
  src: url("/resources/global/fonts/icons/MDR-Icons.eot") format("eot"), url("/resources/global/fonts/icons/MDR-Icons.woff") format("woff"), url("/resources/global/fonts/icons/MDR-Icons.svg") format("svg"), url("/resources/global/fonts/icons/MDR-Icons.ttf") format("ttf"); }

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-regular.eot");
  src: url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), local("Open Sans"), local("OpenSans"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-regular.woff") format("woff"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-regular.ttf") format("truetype"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-regular.svg") format("svg"); }

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  src: url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-italic.eot");
  src: url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-italic.eot?#iefix") format("embedded-opentype"), local("Open Sans Italic"), local("OpenSans-Italic"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-italic.woff") format("woff"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-italic.ttf") format("truetype"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-italic.svg") format("svg"); }

@font-face {
  font-family: 'Open Sans';
  font-weight: bold;
  src: url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600.eot");
  src: url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600.eot?#iefix") format("embedded-opentype"), local("Open Sans Semibold"), local("OpenSans-Semibold"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600.woff") format("woff"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600.ttf") format("truetype"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600.svg#OpenSans") format("svg"); }

@font-face {
  font-family: 'Open Sans';
  font-weight: bold;
  font-style: italic;
  src: url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600italic.eot");
  src: url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600italic.eot?#iefix") format("embedded-opentype"), local("Open Sans Semibold"), local("OpenSans-Semibold"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600italic.woff") format("woff"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600italic.ttf") format("truetype"), url("/resources/global/fonts/openSans/open-sans-v13-latin-ext_latin-600italic.svg#OpenSans") format("svg"); }

/*
 * JUMP
 * Open Sans Bold (800) zufügen
 */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  src: url("/resources/jump/fonts/openSans/OpenSans-Bold.eot");
  src: url("/resources/jump/fonts/openSans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), local("Open Sans Bold"), local("OpenSans-Bold"), url("/resources/jump/fonts/openSans/OpenSans-Bold.woff") format("woff"), url("/resources/jump/fonts/openSans/OpenSans-Bold.ttf") format("truetype"), url("/resources/jump/fonts/openSans/OpenSans-Bold.svg#OpenSans") format("svg"); }

body #content .wrapper {
  padding-bottom: 121px; }

.section.sectionTitle {
  padding: 0; }

.section .con {
  /*
		&.conPinboard {
			.boxCon {
				display: block;
				column-count: 3;
				column-gap: 0.5rem;
				padding: 0.5rem;
				.box {
					margin:0;
					
					width: 100%;
					min-width: 100%;
					max-width: 100%;
					&:nth-child(4) {
						clear: both;
					}
				}
			}
		}
		*/ }
  .section .con.noDistance .mod.modA .box:last-child {
    padding-bottom: 0.5rem;
    margin-bottom: 1px; }
  .section .con.conFlexLoad, .section .con.conPinboard {
    background-color: white; }
  .section .con.conFlexLoad .controls.reload {
    display: none; }

.section .pageAreaTitle,
.section h3.conHeadline {
  font-size: 1.0475em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  text-align: center; }
  .hasSectionDetail .section .pageAreaTitle, .hasSectionDetail
  .section h3.conHeadline {
    border-bottom: 0; }
  .section .pageAreaTitle a:after,
  .section h3.conHeadline a:after {
    content: "";
    font-size: 1em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  .section .pageAreaTitle a:focus:after,
  .section h3.conHeadline a:focus:after {
    text-decoration: none; }

.section h3.conHeadline {
  background-color: white; }

.section3er .sectionC .con,
.section2er .sectionB .con,
.section21er .sectionZ .con {
  flex-direction: column;
  flex: 1 1 auto;
  display: flex; }

.sectionWrapper {
  margin-bottom: 0.5rem; }

.section21er:not(.hasSectionDetail),
.section12er:not(.hasSectionDetail) {
  flex-wrap: wrap;
  flex: 1 1 auto; }
  .section21er:not(.hasSectionDetail) .sectionWrapperMain .lineWrapper,
  .section21er:not(.hasSectionDetail) .lineWrapper .sectionZ,
  .section21er:not(.hasSectionDetail) .sectionWrapperMain,
  .section12er:not(.hasSectionDetail) .sectionWrapperMain .lineWrapper,
  .section12er:not(.hasSectionDetail) .lineWrapper .sectionZ,
  .section12er:not(.hasSectionDetail) .sectionWrapperMain {
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1 1 auto; }

.con:not(.conPinboard) .mod .boxCon,
.con:not(.conPinboard) .mod .owl-stage {
  flex-wrap: wrap;
  flex: 1 1 auto;
  display: flex; }
  .con:not(.conPinboard) .mod .boxCon .box,
  .con:not(.conPinboard) .mod .boxCon .owl-item,
  .con:not(.conPinboard) .mod .owl-stage .box,
  .con:not(.conPinboard) .mod .owl-stage .owl-item {
    flex-wrap: wrap;
    flex: 1 1 auto;
    display: flex; }

.section .mod.modSlideable:not(.owl-disabled) .box {
  margin-bottom: 0; }

.section .mod .boxCon {
  background-color: #f9f9f9; }

@media (min-width: 0) and (max-width: 767px) {
  .hideInSmallViews {
    display: none !important; } }

.ui-infolayer .closeBtn.icon-font:before {
  content: ""; }

.state > *:after {
  content: ' | '; }

.state > *:last-child:after {
  display: none; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .conDetailHeader .box {
  flex-direction: column; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry) {
  padding-top: 1rem; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline,
.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conRelatedLinks {
  margin-bottom: 1rem; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible {
  margin-bottom: 1rem; }
  .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .con .modA .box .box {
    margin-bottom: 1.1px; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi {
  background-color: #dfe3e5;
  margin-bottom: 32px;
  border-bottom: 1px solid #e5e5e8;
  border-top: 1px solid #e5e5e8;
  padding-top: 16px !important;
  padding-bottom: 32px !important; }
  .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .controls.sliding {
    padding: 0;
    border-bottom: 1px solid #e5e5e8;
    min-height: 41px;
    border-top: 0;
    background-color: transparent; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .controls.sliding a.next {
      text-align: center; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .controls.sliding .labels {
      display: table;
      margin: auto;
      visibility: visible;
      padding: 0;
      position: absolute;
      top: 50%;
      margin-top: -15px;
      width: 100%;
      text-align: center;
      font-weight: bold; }
  .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .linklist {
    background-color: transparent;
    padding: 0; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .linklist ul {
      border-top: 0; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .linklist li {
      background-color: transparent;
      border-bottom-color: #e5e5e8; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .box.cssArticleRelated {
  margin-bottom: 16px;
  margin-top: 16px; }
  .sectionWrapper.hasSectionDetail .section.sectionDetailPage .box.cssArticleRelated .linklist {
    padding: 0; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.cssBoxTeaserLink .linklist {
  padding: 0;
  margin-bottom: 20px; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .teaser {
  background-color: #f5f5fa; }

.sectionWrapper.hasSectionDetail .section .con:not(.ui-collapsible-entry) h3.conHeadline {
  border-bottom: 1px solid #e5e5e8; }

.sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry {
  overflow: hidden; }
  .sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry .box {
    background-color: transparent; }
    .sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry .box .box {
      padding: 0;
      margin-bottom: 1.1px; }
  .sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry h3.conHeadline {
    text-align: left;
    margin-bottom: 0;
    text-transform: none; }

.sectionWrapper.hasSectionDetail .sectionTitle {
  background-color: #f5f5fa;
  border-bottom: 1px solid #e5e5e8;
  padding: 0; }

.sectionWrapper.hasSectionDetail.section21er .sectionWrapperRelated {
  border-left: 1px solid #e5e5e8; }

@media (min-width: 1008px) {
  .sectionWrapper.hasSectionDetail.section1er body.cssArticle.hasSectionDetail .mod.modParagraph .authorWrapper {
    margin-bottom: 2rem;
    margin-top: 0;
    display: flex;
    align-items: center; }
  .sectionWrapper.hasSectionDetail.section1er body.cssArticle.hasSectionDetail .mod.modParagraph .author {
    margin-bottom: 0.5rem; }
  .sectionWrapper.hasSectionDetail.section1er body.cssArticle.hasSectionDetail .mod.modParagraph .einleitung {
    margin-bottom: 2rem; } }

.sectionWrapper.hasSectionDetail .sectionWrapperMain,
.sectionWrapper.hasSectionDetail .sectionWrapperRelated {
  margin-top: 0;
  background-color: white; }
  .sectionWrapper.hasSectionDetail .sectionWrapperMain .con,
  .sectionWrapper.hasSectionDetail .sectionWrapperRelated .con {
    background-color: transparent; }

@media (min-width: 1008px) {
  body.cssArticle .sectionDetailPage {
    max-width: 672px;
    margin: 0 auto; }
    body.cssArticle .sectionDetailPage .con .modA .box:not(.dossierNavigation) {
      padding: 0; }
    body.cssArticle .sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry) {
      padding-top: 3rem; } }

@media (min-width: 1901px) {
  body.cssArticle .sectionDetailPage {
    max-width: 672px;
    margin: 0 auto; }
    body.cssArticle .sectionDetailPage .con .modA .box:not(.dossierNavigation) {
      padding: 0; }
    body.cssArticle .sectionDetailPage .con:first-of-type:not(.ui-collapsible-entry) {
      padding-top: 3rem; } }

.mod .channelBtn {
  background-color: white;
  padding: 0 0.5rem 1rem;
  display: flex;
  justify-content: flex-end; }
  .mod .channelBtn .moreBtn {
    width: auto;
    margin: 0;
    color: #fff;
    border-radius: 0.125rem;
    padding: 8px 12px 8px 16px;
    background-color: #d40028; }

noscript .error,
.wrapper.browserupgrade {
  padding: 32px !important;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  border: 1px solid #313131;
  background-color: #fefefe;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 32px;
  margin-top: 32px; }
  noscript .error p span,
  .wrapper.browserupgrade p span {
    font-style: italic; }

@media (min-width: 0) and (max-width: 479px) {
  #content {
    padding-top: 107px; }
    .show-mpl #content {
      padding-top: 297px; } }

@media (min-width: 480px) and (max-width: 767px) {
  #content {
    padding-top: 115px; }
    .show-mpl #content {
      padding-top: 335px; } }

@media (min-width: 768px) and (max-width: 1007px) {
  #content {
    padding-top: 128px; }
    .show-mpl #content {
      padding-top: 378px; } }

@media (min-width: 1008px) and (max-width: 1007px) {
  #content {
    padding-top: 142px; }
    .show-mpl #content {
      padding-top: 422px; } }

@media (min-width: 1008px) {
  #content {
    padding-top: 152px; }
    .show-mpl #content {
      padding-top: 452px; } }

body {
  background-color: #f5f5fa;
  position: absolute;
  z-index: 0; }
  .view-xs body {
    font-size: 0.85em; }
  .view-s body {
    font-size: 0.94em; }

/*
 * in Webviews Sidebars, Header & Footer ausblenden
 */
html.isApp #jumpHeader, html.isApp #footer, html.isApp #sidebarLeft, html.isApp #sidebarRight {
  display: none; }

.sidebarLeft, .sidebarRight {
  position: fixed;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  width: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateZ(0);
  background-color: #333334;
  color: white; }
  .view-xs .sidebarLeft, .view-xs .sidebarRight {
    width: 256px; }

.sidebarLeft {
  left: -320px;
  transition: left 320ms; }
  .sidebarLeft .searchformSidebar, .sidebarLeft .channelNavigation {
    display: none; }
  .show-sidebar-left .sidebarLeft {
    left: 0; }
    .show-sidebar-left .sidebarLeft .searchformSidebar, .show-sidebar-left .sidebarLeft .channelNavigation {
      width: 100%;
      display: block; }

.sidebarRight {
  right: -320px;
  transition: right 320ms; }
  .sidebarRight .sectionSidebar {
    display: none; }
  .show-sidebar-right .sidebarRight {
    right: 0; }
    .show-sidebar-right .sidebarRight .sectionSidebar {
      display: block; }

.wrapper {
  overflow: visible; }

#content {
  position: relative;
  z-index: 0;
  background-color: #eeeef7;
  margin-top: 12px; }
  .isApp #content {
    padding-top: 12px;
    margin-top: 0; }
  #content .sectionTitle .con {
    background-color: transparent; }

/*
 * Detailseite
 * Hintergrund nicht grau sondern weiß
 */
.sectionWrapper.hasSectionDetail .section .con.conInline .teaser {
  background-color: #f5f5fa; }

.sectionWrapper.hasSectionDetail .sectionWrapperMain,
.sectionWrapper.hasSectionDetail .sectionWrapperRelated {
  margin-top: 0;
  background-color: white; }
  .sectionWrapper.hasSectionDetail .sectionWrapperMain .con,
  .sectionWrapper.hasSectionDetail .sectionWrapperRelated .con {
    background-color: transparent; }

.mod .boxCon {
  background-color: transparent !important; }

.xxx_ui-infolayer .closeBtn.icon-font:before {
  content: ""; }

.mod .box.offline:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 2px dashed red !important; }

.mod .box.offline.cssAv:before {
  z-index: -1 !important; }

.mod .box li.offline:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 2px dashed red !important; }

.mod .box .teaserInfoWrapper {
  padding: 16px; }

.mod .box > a {
  width: 100%; }

.mod .box .imageWrapper {
  background-color: rgba(0, 0, 0, 0.05); }
  .mod .box .imageWrapper.error {
    overflow: scroll;
    padding: 16px;
    color: #e2001a;
    font-weight: bold; }
    .mod .box .imageWrapper.error:before {
      padding-top: 0 !important; }

.mod .box.noImage .innerTeaser .mediaCon,
.mod .box .noImage .innerTeaser .mediaCon {
  display: none; }

.mod .box.cssVideo.noImage .mediaCon,
.mod .box.cssVideo .noImage .mediaCon, .mod .box.cssAudio.noImage .mediaCon,
.mod .box.cssAudio .noImage .mediaCon, .mod .box.cssMultimediaGallery.noImage .mediaCon,
.mod .box.cssMultimediaGallery .noImage .mediaCon, .mod .box.cssAudioSlideShow.noImage .mediaCon,
.mod .box.cssAudioSlideShow .noImage .mediaCon {
  display: block; }

.mod .box.boxSmall .linklist,
.mod .box.boxSmall .teasertext {
  display: none; }

.mod .box.boxSpecial .teaser.standard {
  display: none; }

.mod .box.boxImage, .mod .box.boxImageSquare {
  overflow: hidden; }
  .mod .box.boxImage .moreBtn,
  .mod .box.boxImage .teasertext,
  .mod .box.boxImage h4 .headline,
  .mod .box.boxImage .linklist,
  .mod .box.boxImage .cssProgramHintBox,
  .mod .box.boxImage .dachzeile,
  .mod .box.boxImage .mediaInfo,
  .mod .box.boxImage .avDetails, .mod .box.boxImageSquare .moreBtn,
  .mod .box.boxImageSquare .teasertext,
  .mod .box.boxImageSquare h4 .headline,
  .mod .box.boxImageSquare .linklist,
  .mod .box.boxImageSquare .cssProgramHintBox,
  .mod .box.boxImageSquare .dachzeile,
  .mod .box.boxImageSquare .mediaInfo,
  .mod .box.boxImageSquare .avDetails {
    display: none !important; }
  .mod .box.boxImage h4.shortHeadline, .mod .box.boxImageSquare h4.shortHeadline {
    display: block;
    margin-bottom: 0; }
    .mod .box.boxImage h4.shortHeadline .headline, .mod .box.boxImageSquare h4.shortHeadline .headline {
      display: block !important;
      margin-bottom: 0; }
  .mod .box.boxImage .shortInfos, .mod .box.boxImageSquare .shortInfos {
    margin-bottom: 0;
    margin-top: 0; }
  .mod .box.boxImage .innerTeaser, .mod .box.boxImageSquare .innerTeaser {
    width: 100%;
    position: relative; }
  .mod .box.boxImage .mediaCon.brav-playing + .teaserInfoWrapper,
  .mod .box.boxImage .mediaCon.brav-ready + .teaserInfoWrapper, .mod .box.boxImageSquare .mediaCon.brav-playing + .teaserInfoWrapper,
  .mod .box.boxImageSquare .mediaCon.brav-ready + .teaserInfoWrapper {
    display: none; }
  .mod .box.boxImage:not(.layerTopRight) .mediaCon.brav-ready + .teaserInfoWrapper, .mod .box.boxImageSquare:not(.layerTopRight) .mediaCon.brav-ready + .teaserInfoWrapper {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    bottom: 52px; }
  .mod .box.boxImage:not(.layerTopRight) .mediaCon.brav-menuOpen + .teaserInfoWrapper, .mod .box.boxImageSquare:not(.layerTopRight) .mediaCon.brav-menuOpen + .teaserInfoWrapper {
    opacity: 0;
    pointer-events: none; }
  .mod .box.boxImage .teaserInfoWrapper, .mod .box.boxImageSquare .teaserInfoWrapper {
    position: absolute;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    bottom: 0;
    top: auto;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    width: 100%; }
    .mod .box.boxImage .teaserInfoWrapper .shortHeadline, .mod .box.boxImageSquare .teaserInfoWrapper .shortHeadline {
      display: flex;
      align-items: center;
      width: 100%; }
      .mod .box.boxImage .teaserInfoWrapper .shortHeadline:after, .mod .box.boxImageSquare .teaserInfoWrapper .shortHeadline:after {
        content: "";
        font-size: 1.1875em;
        margin-left: 0;
        text-decoration: none;
        display: inline-block; }
      .mod .box.boxImage .teaserInfoWrapper .shortHeadline:focus:after, .mod .box.boxImageSquare .teaserInfoWrapper .shortHeadline:focus:after {
        text-decoration: none; }
      .mod .box.boxImage .teaserInfoWrapper .shortHeadline .headline, .mod .box.boxImageSquare .teaserInfoWrapper .shortHeadline .headline {
        padding-right: 1rem; }
      .mod .box.boxImage .teaserInfoWrapper .shortHeadline:after, .mod .box.boxImageSquare .teaserInfoWrapper .shortHeadline:after {
        margin-left: auto; }
    .mod .box.boxImage .teaserInfoWrapper h4 .headline, .mod .box.boxImageSquare .teaserInfoWrapper h4 .headline {
      font-size: 1.1875em; }
  .mod .box.boxImage.cssInfoTeaser .teaserInfoWrapper:after, .mod .box.boxImageSquare.cssInfoTeaser .teaserInfoWrapper:after {
    display: none; }
  @media (min-width: 0) and (max-width: 767px) {
    .mod .box.boxImage:not(.noStandardFallback).layerTopRight .teaserInfoWrapper, .mod .box.boxImageSquare:not(.noStandardFallback).layerTopRight .teaserInfoWrapper {
      top: 0; }
    .mod .box.boxImage:not(.noStandardFallback) .avDetails, .mod .box.boxImageSquare:not(.noStandardFallback) .avDetails {
      display: block !important; }
    .mod .box.boxImage:not(.noStandardFallback).avActivePlay button.icon-font, .mod .box.boxImageSquare:not(.noStandardFallback).avActivePlay button.icon-font {
      display: block !important; }
    .mod .box.boxImage:not(.noStandardFallback) .shortInfos h4:after, .mod .box.boxImageSquare:not(.noStandardFallback) .shortInfos h4:after {
      display: none; }
    .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper {
      position: relative;
      width: 100%;
      top: 0;
      background-color: transparent;
      color: #313131;
      z-index: 0; }
      .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4, .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 {
        padding-right: 0; }
      .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > * {
        color: #313131; } }
  .sectionC .mod .box.boxImage:not(.noStandardFallback).layerTopRight .teaserInfoWrapper,
  .sectionB .mod .box.boxImage:not(.noStandardFallback).layerTopRight .teaserInfoWrapper, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback).layerTopRight .teaserInfoWrapper,
  .sectionB .mod .box.boxImageSquare:not(.noStandardFallback).layerTopRight .teaserInfoWrapper {
    top: 0; }
  .sectionC .mod .box.boxImage:not(.noStandardFallback) .avDetails,
  .sectionB .mod .box.boxImage:not(.noStandardFallback) .avDetails, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback) .avDetails,
  .sectionB .mod .box.boxImageSquare:not(.noStandardFallback) .avDetails {
    display: block !important; }
  .sectionC .mod .box.boxImage:not(.noStandardFallback).avActivePlay button.icon-font,
  .sectionB .mod .box.boxImage:not(.noStandardFallback).avActivePlay button.icon-font, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback).avActivePlay button.icon-font,
  .sectionB .mod .box.boxImageSquare:not(.noStandardFallback).avActivePlay button.icon-font {
    display: block !important; }
  .sectionC .mod .box.boxImage:not(.noStandardFallback) .shortInfos h4:after,
  .sectionB .mod .box.boxImage:not(.noStandardFallback) .shortInfos h4:after, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback) .shortInfos h4:after,
  .sectionB .mod .box.boxImageSquare:not(.noStandardFallback) .shortInfos h4:after {
    display: none; }
  .sectionC .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper,
  .sectionB .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper,
  .sectionB .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper {
    position: relative;
    width: 100%;
    top: 0;
    background-color: transparent;
    color: #313131;
    z-index: 0; }
    .sectionC .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4,
    .sectionB .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4,
    .sectionB .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 {
      padding-right: 0; }
    .sectionC .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *,
    .sectionB .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *,
    .sectionB .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > * {
      color: #313131; }
  .mod .box.boxImage.noImage:not(.noStandardFallback).layerTopRight .teaserInfoWrapper, .mod .box.boxImageSquare.noImage:not(.noStandardFallback).layerTopRight .teaserInfoWrapper {
    top: 0; }
  .mod .box.boxImage.noImage:not(.noStandardFallback) .avDetails, .mod .box.boxImageSquare.noImage:not(.noStandardFallback) .avDetails {
    display: block !important; }
  .mod .box.boxImage.noImage:not(.noStandardFallback).avActivePlay button.icon-font, .mod .box.boxImageSquare.noImage:not(.noStandardFallback).avActivePlay button.icon-font {
    display: block !important; }
  .mod .box.boxImage.noImage:not(.noStandardFallback) .shortInfos h4:after, .mod .box.boxImageSquare.noImage:not(.noStandardFallback) .shortInfos h4:after {
    display: none; }
  .mod .box.boxImage.noImage:not(.noStandardFallback) .teaserInfoWrapper, .mod .box.boxImageSquare.noImage:not(.noStandardFallback) .teaserInfoWrapper {
    position: relative;
    width: 100%;
    top: 0;
    background-color: transparent;
    color: #313131;
    z-index: 0; }
    .mod .box.boxImage.noImage:not(.noStandardFallback) .teaserInfoWrapper h4, .mod .box.boxImageSquare.noImage:not(.noStandardFallback) .teaserInfoWrapper h4 {
      padding-right: 0; }
    .mod .box.boxImage.noImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod .box.boxImageSquare.noImage:not(.noStandardFallback) .teaserInfoWrapper h4 > * {
      color: #313131; }
  .mod .box.boxImage.noText .teaserInfoWrapper,
  .mod .box.boxImage.noText .time,
  .noText .mod .box.boxImage .teaserInfoWrapper,
  .noText .mod .box.boxImage .time, .mod .box.boxImageSquare.noText .teaserInfoWrapper,
  .mod .box.boxImageSquare.noText .time,
  .noText .mod .box.boxImageSquare .teaserInfoWrapper,
  .noText .mod .box.boxImageSquare .time {
    display: none !important; }
  .mod .box.boxImage .fullHeadlineText .teaserInfoWrapper .shortInfos .headline,
  .mod .box.boxImage .fullHeadlineText .teaserInfoWrapper .shortInfos .dachzeile,
  .fullHeadlineText .mod .box.boxImage .teaserInfoWrapper .shortInfos .headline,
  .fullHeadlineText .mod .box.boxImage .teaserInfoWrapper .shortInfos .dachzeile, .mod .box.boxImageSquare .fullHeadlineText .teaserInfoWrapper .shortInfos .headline,
  .mod .box.boxImageSquare .fullHeadlineText .teaserInfoWrapper .shortInfos .dachzeile,
  .fullHeadlineText .mod .box.boxImageSquare .teaserInfoWrapper .shortInfos .headline,
  .fullHeadlineText .mod .box.boxImageSquare .teaserInfoWrapper .shortInfos .dachzeile {
    display: flex !important; }
  .mod .box.boxImage .fullHeadlineText .teaserInfoWrapper .shortInfos .shortHeadline,
  .fullHeadlineText .mod .box.boxImage .teaserInfoWrapper .shortInfos .shortHeadline, .mod .box.boxImageSquare .fullHeadlineText .teaserInfoWrapper .shortInfos .shortHeadline,
  .fullHeadlineText .mod .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline {
    display: none !important; }
  .mod .box.boxImage.blackLayer .teaserInfoWrapper,
  .blackLayer .mod .box.boxImage .teaserInfoWrapper, .mod .box.boxImageSquare.blackLayer .teaserInfoWrapper,
  .blackLayer .mod .box.boxImageSquare .teaserInfoWrapper {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8); }
    .mod .box.boxImage.blackLayer .teaserInfoWrapper h4 > *,
    .blackLayer .mod .box.boxImage .teaserInfoWrapper h4 > *, .mod .box.boxImageSquare.blackLayer .teaserInfoWrapper h4 > *,
    .blackLayer .mod .box.boxImageSquare .teaserInfoWrapper h4 > * {
      color: #fff; }
  .mod .box.boxImage.layerBottomLeft .teaserInfoWrapper,
  .layerBottomLeft .mod .box.boxImage .teaserInfoWrapper, .mod .box.boxImageSquare.layerBottomLeft .teaserInfoWrapper,
  .layerBottomLeft .mod .box.boxImageSquare .teaserInfoWrapper {
    width: auto;
    left: 0;
    bottom: 32px; }
  .mod .box.boxImage.layerTopRight .teaserInfoWrapper,
  .layerTopRight .mod .box.boxImage .teaserInfoWrapper, .mod .box.boxImageSquare.layerTopRight .teaserInfoWrapper,
  .layerTopRight .mod .box.boxImageSquare .teaserInfoWrapper {
    width: auto;
    left: auto;
    bottom: auto;
    top: 44px;
    right: 0; }
  .mod .box.boxImage.layerTopRight.cssBroadcast .teaserInfoWrapper,
  .layerTopRight .mod .box.boxImage.cssBroadcast .teaserInfoWrapper, .mod .box.boxImageSquare.layerTopRight.cssBroadcast .teaserInfoWrapper,
  .layerTopRight .mod .box.boxImageSquare.cssBroadcast .teaserInfoWrapper {
    max-width: 50%; }
  .mod .box.boxImage.image1xN .imageWrapper,
  .image1xN .mod .box.boxImage .imageWrapper, .mod .box.boxImageSquare.image1xN .imageWrapper,
  .image1xN .mod .box.boxImageSquare .imageWrapper {
    overflow: visible; }
    .mod .box.boxImage.image1xN .imageWrapper:before,
    .image1xN .mod .box.boxImage .imageWrapper:before, .mod .box.boxImageSquare.image1xN .imageWrapper:before,
    .image1xN .mod .box.boxImageSquare .imageWrapper:before {
      display: none;
      padding-top: 0; }
    .mod .box.boxImage.image1xN .imageWrapper img,
    .mod .box.boxImage.image1xN .imageWrapper div,
    .image1xN .mod .box.boxImage .imageWrapper img,
    .image1xN .mod .box.boxImage .imageWrapper div, .mod .box.boxImageSquare.image1xN .imageWrapper img,
    .mod .box.boxImageSquare.image1xN .imageWrapper div,
    .image1xN .mod .box.boxImageSquare .imageWrapper img,
    .image1xN .mod .box.boxImageSquare .imageWrapper div {
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      overflow: hidden; }
  .mod .box.boxImage.image24x9 .imageWrapper:before,
  .image24x9 .mod .box.boxImage .imageWrapper:before, .mod .box.boxImageSquare.image24x9 .imageWrapper:before,
  .image24x9 .mod .box.boxImageSquare .imageWrapper:before {
    padding-top: 37.5%; }

.mod .box.boxImageSquare .imageWrapper:before {
  padding-top: 100%; }

.mod .box.boxImageSquare .mediaCon {
  margin-bottom: 0; }

.mod .box.boxImage .imageWrapper:before {
  padding-top: 56.25%; }

.mod .box.boxImage .imageWrapper:after {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  display: none;
  background-image: -moz-linear-gradient(78deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
  background-image: -webkit-linear-gradient(78deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
  background-image: linear-gradient(12deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%); }

.mod .box.boxImage .time {
  top: 32px;
  width: 150px;
  max-width: 50%;
  z-index: 4; }
  .mod .box.boxImage .time > span {
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    padding: 4px;
    margin-bottom: 1px !important;
    text-align: left;
    width: 100%; }

.mod .box.cssBoxTeaserBundle .teaserInfoWrapper {
  margin: 0; }

.mod .box.cssBoxTeaserBundle .teaser {
  background-color: transparent; }

.mod .box.cssBoxTeaserBundle .innerTeaser .ressort {
  padding: 8px; }

.showRessort .mod .box.cssBoxTeaserBundle .innerTeaser .ressort + .teaserInfoWrapper {
  margin-top: -12px; }

.mod .box.cssBoxTeaserBundle .innerTeaser .shortInfos {
  margin-bottom: 0;
  margin-top: 0; }

.mod .box.cssBoxTeaserBundle .headline {
  margin-bottom: 0;
  font-size: 0.875em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold; }

.mod .modA .box.boxSmall .innerTeaser {
  flex-direction: row; }
  @media (min-width: 0) and (max-width: 1007px) {
    .mod .modA .box.boxSmall .innerTeaser {
      flex-direction: column; } }

.mod.modC .box .innerTeaser, .mod.modD .box .innerTeaser, .mod.modE .box .innerTeaser {
  flex-direction: column; }

.mod.modC .box.boxImageSquare:not(.noStandardFallback).layerTopRight .teaserInfoWrapper,
.mod.modC .box.boxImage:not(.noStandardFallback).layerTopRight .teaserInfoWrapper, .mod.modD .box.boxImageSquare:not(.noStandardFallback).layerTopRight .teaserInfoWrapper,
.mod.modD .box.boxImage:not(.noStandardFallback).layerTopRight .teaserInfoWrapper, .mod.modE .box.boxImageSquare:not(.noStandardFallback).layerTopRight .teaserInfoWrapper,
.mod.modE .box.boxImage:not(.noStandardFallback).layerTopRight .teaserInfoWrapper {
  top: 0; }

.mod.modC .box.boxImageSquare:not(.noStandardFallback) .avDetails,
.mod.modC .box.boxImage:not(.noStandardFallback) .avDetails, .mod.modD .box.boxImageSquare:not(.noStandardFallback) .avDetails,
.mod.modD .box.boxImage:not(.noStandardFallback) .avDetails, .mod.modE .box.boxImageSquare:not(.noStandardFallback) .avDetails,
.mod.modE .box.boxImage:not(.noStandardFallback) .avDetails {
  display: block !important; }

.mod.modC .box.boxImageSquare:not(.noStandardFallback).avActivePlay button.icon-font,
.mod.modC .box.boxImage:not(.noStandardFallback).avActivePlay button.icon-font, .mod.modD .box.boxImageSquare:not(.noStandardFallback).avActivePlay button.icon-font,
.mod.modD .box.boxImage:not(.noStandardFallback).avActivePlay button.icon-font, .mod.modE .box.boxImageSquare:not(.noStandardFallback).avActivePlay button.icon-font,
.mod.modE .box.boxImage:not(.noStandardFallback).avActivePlay button.icon-font {
  display: block !important; }

.mod.modC .box.boxImageSquare:not(.noStandardFallback) .shortInfos h4:after,
.mod.modC .box.boxImage:not(.noStandardFallback) .shortInfos h4:after, .mod.modD .box.boxImageSquare:not(.noStandardFallback) .shortInfos h4:after,
.mod.modD .box.boxImage:not(.noStandardFallback) .shortInfos h4:after, .mod.modE .box.boxImageSquare:not(.noStandardFallback) .shortInfos h4:after,
.mod.modE .box.boxImage:not(.noStandardFallback) .shortInfos h4:after {
  display: none; }

.mod.modC .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper,
.mod.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modD .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper,
.mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modE .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper,
.mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper {
  position: relative;
  width: 100%;
  top: 0;
  background-color: transparent;
  color: #313131;
  z-index: 0; }
  .mod.modC .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4,
  .mod.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4, .mod.modD .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4,
  .mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4, .mod.modE .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4,
  .mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 {
    padding-right: 0; }
  .mod.modC .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *,
  .mod.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod.modD .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *,
  .mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod.modE .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *,
  .mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > * {
    color: #313131; }

.mod.modD .box.boxImageSquare:not(.cssAv) .teaserInfoWrapper:after,
.mod.modD .box.boxImage:not(.cssAv) .teaserInfoWrapper:after, .mod.modE .box.boxImageSquare:not(.cssAv) .teaserInfoWrapper:after,
.mod.modE .box.boxImage:not(.cssAv) .teaserInfoWrapper:after {
  display: none; }

.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser,
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser {
  display: block; }

.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper .shortInfos,
.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper .moreBtn,
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper .shortInfos,
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper .moreBtn {
  width: auto; }

.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaser,
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaser {
  padding: .5rem; }

.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon,
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon {
  max-width: 50%;
  float: left;
  min-width: 50%;
  padding-right: 1rem; }

@media (min-width: 0) and (max-width: 767px) {
  .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper,
  .sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper {
    padding: 0.5rem; }
  .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser,
  .sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser {
    flex-direction: column; }
    .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon,
    .sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon {
      max-width: 100%;
      min-width: 100%;
      padding-right: 0; } }

.sectionA .con:not(.conPinboard) .modA .boxBig,
.sectionZ .con:not(.conPinboard) .modA .boxBig {
  padding: 0; }
  .sectionA .con:not(.conPinboard) .modA .boxBig .imageWrapper:before,
  .sectionZ .con:not(.conPinboard) .modA .boxBig .imageWrapper:before {
    padding-top: 37.5%; }
  .sectionA .con:not(.conPinboard) .modA .boxBig .mediaCon,
  .sectionZ .con:not(.conPinboard) .modA .boxBig .mediaCon {
    max-width: 100%;
    padding-right: 0; }
  .sectionA .con:not(.conPinboard) .modA .boxBig .shortInfos,
  .sectionZ .con:not(.conPinboard) .modA .boxBig .shortInfos {
    width: 100%; }

.sectionA .con:not(.conPinboard) .modA .boxSmall,
.sectionZ .con:not(.conPinboard) .modA .boxSmall {
  flex-direction: row; }
  .sectionA .con:not(.conPinboard) .modA .boxSmall .innerTeaser,
  .sectionZ .con:not(.conPinboard) .modA .boxSmall .innerTeaser {
    flex-direction: row;
    padding: 0.5rem; }
  .sectionA .con:not(.conPinboard) .modA .boxSmall .mediaCon,
  .sectionZ .con:not(.conPinboard) .modA .boxSmall .mediaCon {
    max-width: 30%;
    padding-right: 24px;
    margin-bottom: 0; }
  .sectionA .con:not(.conPinboard) .modA .boxSmall .imageWrapper:before,
  .sectionZ .con:not(.conPinboard) .modA .boxSmall .imageWrapper:before {
    padding-top: 56.25%; }
  .sectionA .con:not(.conPinboard) .modA .boxSmall .teaserInfoWrapper,
  .sectionZ .con:not(.conPinboard) .modA .boxSmall .teaserInfoWrapper {
    margin-top: 0; }

.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper {
  padding: 0; }
  .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
  .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .teasertext,
  .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
  .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .teasertext,
  .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
  .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .teasertext,
  .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
  .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .teasertext {
    overflow: visible; }

.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .mediaCon,
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .mediaCon,
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .mediaCon,
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .mediaCon {
  margin-bottom: 1rem; }

.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .shortInfos,
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .teasertext,
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .moreBtn,
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .ui-tags,
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .shortInfos,
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .teasertext,
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .moreBtn,
.sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .ui-tags,
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .shortInfos,
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .teasertext,
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .moreBtn,
.sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial):not(.noImage) .ui-tags,
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper,
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .shortInfos,
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .teaserInfoWrapper > .teasertext,
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .moreBtn,
.sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial):not(.noImage) .ui-tags {
  text-align: left; }

.sectionA .con:not(.conPinboard) .modA .box.floatBox .mediaCon,
.sectionZ .con:not(.conPinboard) .modA .box.floatBox .mediaCon {
  max-width: 100%;
  padding-right: 0; }

.sectionA .con:not(.conPinboard) .modA .box.floatBox .teaserInfoWrapper,
.sectionZ .con:not(.conPinboard) .modA .box.floatBox .teaserInfoWrapper {
  padding: 8px; }

.sectionA .con:not(.conPinboard) .modA .box.floatBox .shortInfos,
.sectionZ .con:not(.conPinboard) .modA .box.floatBox .shortInfos {
  width: 100%; }

/* */
.sectionZ .mod.modA .boxSmall .mediaCon {
  max-width: 35%; }

.sectionZ .mod.modA .boxSmall .imageWrapper:before {
  padding-top: 56.25%; }

@media (min-width: 0) and (max-width: 767px) {
  .con.noStandardFallback .mod .box.boxImage .teaserInfoWrapper,
  .con.noStandardFallback .mod .box.boxImageSquare .teaserInfoWrapper {
    position: absolute;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    bottom: 0;
    top: auto;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    width: 100%; }
  .con.noStandardFallback .mod .box.boxImage.noImage .teaserInfoWrapper,
  .con.noStandardFallback .mod .box.boxImageSquare.noImage .teaserInfoWrapper {
    position: absolute;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    bottom: 0;
    top: auto;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    width: 100%; }
  .con.noStandardFallback .mod .box.boxImage.cssAv .mediaCon .icon-font,
  .con.noStandardFallback .mod .box.boxImage .avDetails,
  .con.noStandardFallback .mod .box.boxImageSquare.cssAv .mediaCon .icon-font,
  .con.noStandardFallback .mod .box.boxImageSquare .avDetails {
    display: none !important; } }

.sectionC .con.noStandardFallback .mod .box.boxImage .teaserInfoWrapper,
.sectionC .con.noStandardFallback .mod .box.boxImageSquare .teaserInfoWrapper,
.sectionB .con.noStandardFallback .mod .box.boxImage .teaserInfoWrapper,
.sectionB .con.noStandardFallback .mod .box.boxImageSquare .teaserInfoWrapper {
  position: absolute;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  bottom: 0;
  top: auto;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  width: 100%; }

.sectionC .con.noStandardFallback .mod .box.boxImage.noImage .teaserInfoWrapper,
.sectionC .con.noStandardFallback .mod .box.boxImageSquare.noImage .teaserInfoWrapper,
.sectionB .con.noStandardFallback .mod .box.boxImage.noImage .teaserInfoWrapper,
.sectionB .con.noStandardFallback .mod .box.boxImageSquare.noImage .teaserInfoWrapper {
  position: absolute;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  bottom: 0;
  top: auto;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  width: 100%; }

.sectionC .con.noStandardFallback .mod .box.boxImage.cssAv .mediaCon .icon-font,
.sectionC .con.noStandardFallback .mod .box.boxImage .avDetails,
.sectionC .con.noStandardFallback .mod .box.boxImageSquare.cssAv .mediaCon .icon-font,
.sectionC .con.noStandardFallback .mod .box.boxImageSquare .avDetails,
.sectionB .con.noStandardFallback .mod .box.boxImage.cssAv .mediaCon .icon-font,
.sectionB .con.noStandardFallback .mod .box.boxImage .avDetails,
.sectionB .con.noStandardFallback .mod .box.boxImageSquare.cssAv .mediaCon .icon-font,
.sectionB .con.noStandardFallback .mod .box.boxImageSquare .avDetails {
  display: none !important; }

.con.noStandardFallback .mod.modC .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper,
.con.noStandardFallback .mod.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .con.noStandardFallback .mod.modD .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper,
.con.noStandardFallback .mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .con.noStandardFallback .mod.modE .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper,
.con.noStandardFallback .mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper {
  position: absolute;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  bottom: 0;
  top: auto;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  width: 100%; }

.con.noStandardFallback .mod.modC .box.boxImageSquare:not(.noStandardFallback).noImage .teaserInfoWrapper,
.con.noStandardFallback .mod.modC .box.boxImage:not(.noStandardFallback).noImage .teaserInfoWrapper, .con.noStandardFallback .mod.modD .box.boxImageSquare:not(.noStandardFallback).noImage .teaserInfoWrapper,
.con.noStandardFallback .mod.modD .box.boxImage:not(.noStandardFallback).noImage .teaserInfoWrapper, .con.noStandardFallback .mod.modE .box.boxImageSquare:not(.noStandardFallback).noImage .teaserInfoWrapper,
.con.noStandardFallback .mod.modE .box.boxImage:not(.noStandardFallback).noImage .teaserInfoWrapper {
  position: absolute;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  bottom: 0;
  top: auto;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  width: 100%; }

.con.noStandardFallback .mod.modC .box.boxImageSquare:not(.noStandardFallback).cssAv .mediaCon .icon-font,
.con.noStandardFallback .mod.modC .box.boxImageSquare:not(.noStandardFallback) .avDetails,
.con.noStandardFallback .mod.modC .box.boxImage:not(.noStandardFallback).cssAv .mediaCon .icon-font,
.con.noStandardFallback .mod.modC .box.boxImage:not(.noStandardFallback) .avDetails, .con.noStandardFallback .mod.modD .box.boxImageSquare:not(.noStandardFallback).cssAv .mediaCon .icon-font,
.con.noStandardFallback .mod.modD .box.boxImageSquare:not(.noStandardFallback) .avDetails,
.con.noStandardFallback .mod.modD .box.boxImage:not(.noStandardFallback).cssAv .mediaCon .icon-font,
.con.noStandardFallback .mod.modD .box.boxImage:not(.noStandardFallback) .avDetails, .con.noStandardFallback .mod.modE .box.boxImageSquare:not(.noStandardFallback).cssAv .mediaCon .icon-font,
.con.noStandardFallback .mod.modE .box.boxImageSquare:not(.noStandardFallback) .avDetails,
.con.noStandardFallback .mod.modE .box.boxImage:not(.noStandardFallback).cssAv .mediaCon .icon-font,
.con.noStandardFallback .mod.modE .box.boxImage:not(.noStandardFallback) .avDetails {
  display: none !important; }

.sectionB .modA .boxNormal:not(.boxSpecial) .imageWrapper:before,
.sectionB .modA .boxSmall .imageWrapper:before {
  padding-top: 37.5%; }

.mod .boxSmall .imageWrapper:before {
  padding-top: 37.5%; }

.section .mod .box.boxSpecial.ui-threshold-hidden .teaser.special {
  display: none; }

.section .mod .box.boxSpecial.ui-threshold-hidden .teaser.standard {
  display: block; }

@media (min-width: 0) and (max-width: 1007px) {
  .mod .box.boxSpecial.standardTeaserLteM .teaser.special {
    display: none; }
  .mod .box.boxSpecial.standardTeaserLteM .teaser.standard {
    display: block; } }

@media (min-width: 768px) and (max-width: 1007px) {
  .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.special,
  .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserTitle,
  .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserList {
    display: none; }
  .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.standard {
    display: block; } }

#content .mod .cssArticleShortNews .extended .ui-collapsible-entry {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  border-radius: 0; }

mod.modB .teaser,
.mod.modC .teaser,
.mod.modD .teaser,
.mod.modE .teaser {
  background-color: rgba(0, 0, 0, 0.05); }

@media (min-width: 0) and (max-width: 767px) {
  #content .section .con .mod .box.boxSpecial.standardTeaserLteS .teaser.special,
  #content .section .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserTitle,
  #content .section .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserList, #content .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.special,
  #content .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserTitle,
  #content .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserList {
    display: none; }
  #content .section .con .mod .box.boxSpecial.standardTeaserLteS .teaser.standard, #content .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.standard {
    display: block; }
  #content .section .con .mod .box.boxSmall .innerTeaser,
  #content .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser {
    flex-direction: column; }
    #content .section .con .mod .box.boxSmall .innerTeaser .mediaCon,
    #content .section .con .mod .box.boxSmall .innerTeaser .teaserInfoWrapper,
    #content .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon,
    #content .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teaserInfoWrapper {
      max-width: 100%;
      width: 100%; }
    #content .section .con .mod .box.boxSmall .innerTeaser .mediaCon,
    #content .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon {
      padding-right: 0;
      margin-bottom: 16px; }
    #content .section .con .mod .box.boxSmall .innerTeaser .mediaCon .imageWrapper:before,
    #content .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon .imageWrapper:before {
      padding-top: 37.5%; }
    #content .section .con .mod .box.boxSmall .innerTeaser .shortInfos,
    #content .section .con .mod .box.boxSmall .innerTeaser .teasertext,
    #content .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .shortInfos,
    #content .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teasertext {
      width: 100%; } }

@media (min-width: 768px) and (max-width: 1007px) {
  #content .sectionC .con .mod .box.boxSpecial.standardTeaserLteS .teaser.special,
  #content .sectionC .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserTitle,
  #content .sectionC .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserList, #content .sectionC .con .mod .box.boxSpecial.standardTeaserLteM .teaser.special,
  #content .sectionC .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserTitle,
  #content .sectionC .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserList {
    display: none; }
  #content .sectionC .con .mod .box.boxSpecial.standardTeaserLteS .teaser.standard, #content .sectionC .con .mod .box.boxSpecial.standardTeaserLteM .teaser.standard {
    display: block; }
  #content .sectionC .con .mod .box.boxSmall .innerTeaser,
  #content .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser {
    flex-direction: column; }
    #content .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon,
    #content .sectionC .con .mod .box.boxSmall .innerTeaser .teaserInfoWrapper,
    #content .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon,
    #content .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teaserInfoWrapper {
      max-width: 100%;
      width: 100%; }
    #content .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon,
    #content .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon {
      padding-right: 0;
      margin-bottom: 16px; }
    #content .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon .imageWrapper:before,
    #content .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon .imageWrapper:before {
      padding-top: 37.5%; }
    #content .sectionC .con .mod .box.boxSmall .innerTeaser .shortInfos,
    #content .sectionC .con .mod .box.boxSmall .innerTeaser .teasertext,
    #content .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .shortInfos,
    #content .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teasertext {
      width: 100%; } }

.mod .box.boxImage, .mod .box.boxImageSquare {
  overflow: initial; }

/*
 * Quadratische Bildteaser
 * TODO werden die noch gebraucht? -> erstmal rausgeschmissen
 */
/*
.mod, .section .mod, html.view-xs .mod, html.view-s .mod {

  &.modA, &.modB, &.modC, &.modD, &.modE {
    .box.boxImageSquare {

      //@extend %smallImageTeaser;

      // Teaserinfos
      // Dachzeile und Titel statt Kurztitel anzeigen; Weiter-Pfeil ausblenden
      .teaserInfoWrapper {
        position: absolute;
        top: auto;
        bottom: 0;
        background-color: $jumpColorTeaserInfoWrapperBackground;
        z-index: 2;
        padding: 1em !important;
        padding-right: 1em !important;

        &:after {
          display: none; // Weiter-Pfeil verbergen
        }

        .shortInfos {
          .shortHeadline {
            display: none; // Kurztitel verbergen
          }
        }

        // Dachzeile und Titel anzeigen
        h4 > * {
          display: block !important;
          font-size: $fontSizeMedium * 0.86;
          font-weight: bold;

          &.dachzeile {
            color: $jumpColorRed;
            font-size: $fontSizeMedium * 0.78;
          }

          &.headline {
            color: $fontColor;
          }
        }
      }

      // roter Playbutton bei AV-Teasern
      &.cssAv, &.cssVideo, &.cssAudio { // &.cssAv.cssVideo, &.cssAv.cssAudio,

        // originalen Playbutton verbergen (weil im imageWrapper nicht oberhalb des teaserInfoWrapper platzierbar)
        .mediaCon .imageWrapper {
          .icon-font {
            display: none !important;
          }
        }

        // neuen Button oberhalb teaserInfoWrapper
        .teaserInfoWrapper:after {
          background-color: $fontColor; //$jumpColorRed; //$jumpColorGreenLight;
          color: #fff;
          top: 0;
          bottom: 0;
          left: 0;
          right: auto;
          height: 44px;
          width: 44px;
          padding: 0;
          text-align: center;
          line-height: 45px;
          border: 0;
          content: $playIcon;
          position: absolute;
          display: block;
          float: right;
          margin-top: -44px;
          font-size: 26px;
        }

      }

      // wenn Player läuft, den neuen Button verbergen
      .hideTeaserInfoWrapper {
        .teaserInfoWrapper:after {
          display: none;
        }
      }

    }
  }

  // Playbutton bei AV-Teasern bei :hover rot
  .box {
    &:hover {
      button.icon-font, .teaserInfoWrapper:after {
        background-color: $jumpColorRed !important;
      }
    }
  }

  .boxBig .teaser {
    padding-bottom: 0;
  }

  .moreBtn {
    text-align: right !important;
  }
}

*/
html.flexbox .mod.modSlideable:not(.owl-disabled) .boxCon:not(.owl-carousel) {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  overflow-x: scroll; }

.mod {
  /* Fix Sendungsbezug Bildergalerie */ }
  .mod .headline,
  .mod .dachzeile {
    width: 100%;
    margin-bottom: 0.5rem;
    margin-bottom: 10px; }
  .mod .docName {
    margin-left: 2px; }
  .mod .staticHtml {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column; }
    .mod .staticHtml > * {
      min-width: 100%; }
  .mod sup {
    font-size: 0.8em;
    vertical-align: super; }
  .mod sub {
    font-size: 0.8em;
    vertical-align: sub; }
  .mod .mod .definition {
    border: 1px solid #d5d5da;
    padding: 16px;
    margin: 16px 0; }
  .mod .mod .definition dfn {
    display: block;
    font-weight: bold;
    font-size: 1.0625em;
    margin-bottom: 10px; }
  .mod h1 .headline,
  .mod h1.headline {
    font-size: 2em;
    margin-bottom: 1.25rem;
    font-weight: 500;
    line-height: 1.21;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word; }
    @media (min-width: 0) and (max-width: 767px) {
      .mod h1 .headline,
      .mod h1.headline {
        font-size: 1.5em; } }
  .mod .controls.sliding {
    background-color: white; }
  .mod hr.divider {
    margin: 1rem 0;
    background-color: #e5e5e8;
    height: 1px;
    width: 100%; }
  .mod .timestamp {
    border-top: 1px solid #e5e5e8;
    padding-top: 1rem;
    margin-top: 1rem;
    font-size: 0.875em;
    width: 100%; }
  .mod .collapseArrow {
    margin-top: -0.5rem; }
    .mod .collapseArrow:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .mod .collapseArrow:focus:before {
      text-decoration: none; }
  .mod h1 .headline {
    display: block; }
  .mod .dachzeile,
  .mod .date:not(input),
  .mod .channel {
    margin-bottom: 7px;
    font-size: 0.9375em;
    font-weight: normal;
    display: block;
    position: relative; }
  .mod .teasertext {
    margin-bottom: 1rem; }
  .mod .shortInfos {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .mod p.author span,
  .mod p.webtime span {
    margin-right: 0.25rem; }
  .mod .webtime {
    font-size: 0.85rem;
    margin-top: 0.25rem;
    margin-bottom: 1rem;
    opacity: 0.6;
    display: block; }
  @media (min-width: 0) and (max-width: 479px) {
    .mod p.author {
      font-size: 0.75rem;
      font-weight: 700; }
    .mod p.webtime {
      font-size: 0.75rem; }
    .mod .mediaCon {
      margin-right: 0.5rem; } }
  .mod h4 .headline {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.33em;
    display: block;
    margin-bottom: 4px; }
    .sectionC .mod h4 .headline,
    .modC .mod h4 .headline,
    .modD .mod h4 .headline,
    .modE .mod h4 .headline {
      font-size: 1.333rem; }
    .mod h4 .headline a {
      display: block; }
  .mod .mediaInfo {
    display: none;
    padding: 0.3125px 0.4375rem 0.4375rem 0.4375rem;
    background-color: #f5f5fa;
    font-size: 0.875em; }
  .mod .ressort {
    margin-bottom: 0;
    font-size: 1em;
    padding: 0.5rem;
    background-color: rgba(0, 0, 0, 0.01);
    display: none; }
    .showRessort .mod .ressort {
      display: block; }
  .mod .retentionInfo {
    font-size: 0.875em;
    display: inline-block;
    color: #313131;
    font-weight: bold;
    position: relative;
    z-index: 1;
    padding: 0.5rem 0.5rem 0 0.5rem;
    margin: 0.6875rem 0 0.615rem 0;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    border-radius: 0.25rem;
    line-height: 1.21; }
    .mod .retentionInfo a {
      margin-left: 0.25rem;
      color: #313131;
      line-height: 0; }
      .mod .retentionInfo a:before {
        content: "";
        font-size: 1.21rem;
        margin-right: 0.25rem;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .mod .retentionInfo a:focus:before {
        text-decoration: none; }
      .mod .retentionInfo a .linktext {
        text-indent: -999em;
        display: block; }
    .mod .retentionInfo.urgent {
      color: #ff6708;
      background-color: #fefefe; }
      .mod .retentionInfo.urgent a {
        color: #ff6708; }
  .mod .dossierNavigation .ui-collapsible-entry {
    background-color: transparent;
    border: 0; }
    .mod .dossierNavigation .ui-collapsible-entry.collapsed .ui-collapsible-trigger {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      border-bottom-color: #e5e5e8; }
  .mod .dossierNavigation .ui-collapsible-trigger {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border: 1px solid #e5e5e8;
    color: #313131;
    text-transform: uppercase;
    font-size: 1.1875em;
    border-bottom-color: #e5e5e8; }
  .mod .dossierNavigation .ui-collapsible-body {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    border: 1px solid #e5e5e8;
    border-top: 0;
    background-color: #f0f0f0;
    padding: 16px; }
    .mod .dossierNavigation .ui-collapsible-body .linklist {
      background-color: transparent; }
      .mod .dossierNavigation .ui-collapsible-body .linklist a {
        padding: 8px 12px;
        font-weight: bold; }
  .mod .dossierNavigation .linklist ul.list {
    border: 0; }
  .mod .filterBtn {
    background-color: #f5f5fa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e5e5e8;
    padding: 4px 32px;
    display: inline-block;
    font-size: 0.875em; }
  .mod .av-playerContainer .mediaInfo {
    display: none !important; }
  .mod .moreBtn {
    position: relative;
    display: flex;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1rem;
    align-items: center;
    justify-content: center;
    color: #d40028; }
    .mod .moreBtn:focus {
      text-decoration: none; }
      .mod .moreBtn:focus .linktext {
        text-decoration: underline; }
    .mod .moreBtn:after {
      margin-left: 2px;
      content: "";
      font-weight: normal;
      display: inline-block; }
    .mod .moreBtn:focus {
      color: #d40028;
      text-decoration: none; }
  .mod .teaser,
  .mod .linklist li a {
    position: relative;
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out; }
  .mod .linklist li.facebook a .linktext:before {
    content: "";
    font-size: 1.2em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .mod .linklist li.facebook a .linktext:focus:before {
    text-decoration: none; }
  .mod .linklist li.twitter a .linktext:before {
    content: "";
    font-size: 1.2em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .mod .linklist li.twitter a .linktext:focus:before {
    text-decoration: none; }
  .mod .linklist li a {
    padding-left: 2rem; }
    .mod .linklist li a:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .mod .linklist li a:focus:before {
      text-decoration: none; }
    .mod .linklist li a.active a:after {
      display: block; }
    .mod .linklist li a:before {
      color: #e5e5e8;
      top: 0.0625rem;
      position: relative; }
    .mod .linklist li a .linkTextAdditional {
      font-size: 0.875em;
      display: block;
      margin-top: 4px; }
    html.no-touch .mod .linklist li a:hover .docName:before {
      background-color: #d40028; }
    html.no-touch .mod .linklist li a:hover:after {
      display: block;
      color: #d40028; }
  .mod .linklist li.active a:after {
    display: block; }
  .mod .docName {
    font-size: 0.875em;
    margin-left: 2px;
    padding-left: 6px;
    white-space: nowrap;
    position: relative; }
    .mod .docName:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 1px;
      background-color: #313131; }
  .mod .media .imageWrapper .icon-font {
    font-size: 1.5rem;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px;
    display: none; }
  .mod .mediaCon {
    z-index: 2; }
    .mod .mediaCon .media .imageWrapper > span.avDetails {
      right: 0.5rem;
      bottom: 0.5rem;
      left: auto;
      top: auto;
      margin: 0;
      padding: 4px 8px;
      color: #fff;
      background-color: #0682d1; }
    .mod .mediaCon a:focus .imageWrapper {
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
    .mod .mediaCon.item-delegated-lightbox .imageWrapper .icon-font {
      right: 0;
      left: auto;
      background-color: transparent;
      color: #fff;
      font-size: 1.2em;
      padding: 8px;
      display: block; }
      .mod .mediaCon.item-delegated-lightbox .imageWrapper .icon-font:before {
        content: ""; }
  .mod .linklist {
    position: relative;
    z-index: 3;
    margin-bottom: 0;
    padding: 0; }
    .mod .linklist ul {
      display: flex;
      flex-direction: column; }
    .mod .linklist ul.ui-collapsible {
      background-color: #fefefe; }
    .mod .linklist p.more,
    .mod .linklist h4.headline {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.875em;
      letter-spacing: 1px; }
    .mod .linklist .list {
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 0; }
      .mod .linklist .list li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background-color: #fff; }
        .mod .linklist .list li.active a {
          font-weight: bold; }
        .mod .linklist .list li > span {
          display: block; }
        .mod .linklist .list li a,
        .mod .linklist .list li > span,
        .mod .linklist .list li > div {
          padding: 8px;
          flex-wrap: wrap; }
          .mod .linklist .list li a .linktext,
          .mod .linklist .list li > span .linktext,
          .mod .linklist .list li > div .linktext {
            display: block;
            position: relative;
            overflow: hidden;
            width: calc(100% - 2rem); }
          .mod .linklist .list li a .linktext:before,
          .mod .linklist .list li > span .linktext:before,
          .mod .linklist .list li > div .linktext:before {
            float: right;
            margin-left: 8px; }
        .mod .linklist .list li > div {
          padding-left: 8px;
          padding-right: 8px; }
    .mod .linklist .cssVideo a .linktext:before {
      content: ""; }
    .mod .linklist .cssAudio a .linktext:before {
      content: ""; }
    .mod .linklist .cssLink.cssLinkExternal a .linktext:before {
      content: ""; }
    .mod .linklist .cssLink.cssLinkArd a .linktext:before {
      content: ""; }
    .mod .linklist .cssMultimediaGallery a .linktext:before {
      content: ""; }
    .mod .linklist .cssImageGallery a .linktext:before {
      content: ""; }
    .mod .linklist .cssProgramHint a .linktext:before {
      content: ""; }
    .mod .linklist .cssAudioSlideShow a .linktext:before {
      content: ""; }
  .mod .linkAll {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .mod .time {
    padding: 1rem; }

.controls {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.5rem 0;
  min-height: 48px; }
  .controls.layered {
    position: static;
    min-height: 0;
    padding: 0;
    background-color: transparent;
    height: 0;
    border-top: 0; }
    .controls.layered .buttons {
      position: static; }
      .controls.layered .buttons a.prev,
      .controls.layered .buttons a.next {
        position: absolute;
        top: 50%;
        left: 16px;
        margin-top: -10px; }
        @media (min-width: 0) and (max-width: 767px) {
          .controls.layered .buttons a.prev,
          .controls.layered .buttons a.next {
            left: 8px; } }
      .controls.layered .buttons a.next {
        left: auto;
        right: 16px; }
        @media (min-width: 0) and (max-width: 767px) {
          .controls.layered .buttons a.next {
            left: auto;
            right: 8px; } }
    .controls.layered .owl-nav,
    .controls.layered .owl-pages {
      display: none !important; }
  .controls.reload {
    padding: 0;
    margin-top: 16px;
    border-top: 0;
    text-align: center; }
    .controls.reload a.moreBtn {
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      width: auto; }
      .controls.reload a.moreBtn .ui-smallSpinner {
        display: none; }
      .controls.reload a.moreBtn:after {
        content: ""; }
    .controls.reload.loading a.moreBtn {
      width: 32px;
      height: 32px;
      padding: 0; }
      .controls.reload.loading a.moreBtn .ui-smallSpinner {
        display: block; }
      .controls.reload.loading a.moreBtn .linktext {
        opacity: 0; }
      .controls.reload.loading a.moreBtn:after {
        display: none; }
  .controls a.prev,
  .controls a.next {
    z-index: 2;
    position: relative;
    min-width: 34px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .controls a.prev:focus,
    .controls a.next:focus {
      color: #d40028;
      text-decoration: none; }
    html.no-touch .controls a.prev:hover, html.no-touch
    .controls a.next:hover {
      color: #d40028; }
  .controls a.prev:before {
    content: "";
    font-size: 1.21em;
    margin-right: 0;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .controls a.prev:focus:before {
    text-decoration: none; }
  .controls a.next {
    margin-left: auto;
    justify-content: flex-end; }
    .controls a.next:after {
      content: "";
      font-size: 1.21em;
      margin-left: 0;
      text-decoration: none;
      display: inline-block; }
    .controls a.next:focus:after {
      text-decoration: none; }
  .controls .owl-dot {
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: none;
    border: 2px solid #313131;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer; }
    .controls .owl-dot.active, .controls .owl-dot:focus {
      background-color: #313131; }
    html.no-touch .controls .owl-dot:hover {
      background-color: #313131; }

/* static html */
.section.sectionDetailPage .con.conInline div.cssHtml.transparentBg div.teaser.special {
  background-color: transparent; }

.section.sectionDetailPage .con.conInline div.cssHtml.noPadding div.teaser.special {
  padding: 0; }

.section.sectionDetailPage .con.conInline div.cssHtml.eightPadding div.teaser.special {
  padding: 8px; }

/* 16:9 Seitenverhältnis für iFrame */
.boxSpecial.aspectRatio169 .teaser.special,
body.aspectRatio169 .modParagraph .boxCon .box.cssHtml {
  position: relative;
  width: 100%; }

/* Hintergrund weiss for static html */
.bgWhite .dataWrapper .teaser {
  background-color: white !important; }

.boxSpecial.aspectRatio169 .teaser.special .staticHtml,
body.aspectRatio169 .modParagraph .boxCon .box.cssHtml .staticHtml {
  position: relative;
  padding-bottom: 56.25%; }

.boxSpecial.aspectRatio169 .teaser.special .staticHtml iframe,
body.aspectRatio169 .modParagraph .box.cssHtml .staticHtml iframe {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1px;
  height: 1px;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  height: 1px;
  float: left; }

/* 2:3 Seitenverhältnis für iFrame in xs */
@media (min-width: 0) and (max-width: 767px) {
  .boxSpecial.aspectRatio23xs .teaser.special,
  body.aspectRatio169 .modParagraph .boxCon .box.cssHtml {
    position: relative;
    width: 100%; }
  .boxSpecial.aspectRatio23xs .teaser.special .staticHtml,
  body.aspectRatio23xs .modParagraph .boxCon .box.cssHtml .staticHtml {
    position: relative;
    padding-bottom: 150%; }
  .boxSpecial.aspectRatio23xs .teaser.special .staticHtml iframe,
  body.aspectRatio23xs .modParagraph .box.cssHtml .staticHtml iframe {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1px;
    height: 1px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    height: 1px;
    float: left; } }

/* Amp-Ausspiel: Alles um das StaticHtml ausblenden wenn appIframe gesetzt */
html.appIframe #promo,
html.appIframe #header,
html.appIframe #channelNav,
html.appIframe #breadcrumb,
html.appIframe #footer,
html.appIframe h1,
html.appIframe .ui-social-fixed {
  display: none !important; }

.owl-limitLeft .controls:not(.ui-galleryControls) a.prev {
  opacity: 0.5; }

.owl-limitRight .controls:not(.ui-galleryControls) a.next {
  opacity: 0.5; }

.sectionDetailPage .con .mod.modParagraph .mediaInfo {
  display: block;
  border-bottom: 1px solid #e5e5e8; }

.sectionC .mod .box h4 .headline,
.sectionC .mod .box h4 .shortHeadline,
.mod.modC .box h4 .headline,
.mod.modC .box h4 .shortHeadline,
.mod.modD .box h4 .headline,
.mod.modD .box h4 .shortHeadline,
.mod.modE .box h4 .headline,
.mod.modE .box h4 .shortHeadline {
  font-size: 1.1875em; }

.sectionC .mod .box .teasertext,
.mod.modC .box .teasertext,
.mod.modD .box .teasertext,
.mod.modE .box .teasertext {
  font-size: 0.9375em; }

.no-touch .section .mod .moreBtn:hover {
  color: #d40028;
  text-decoration: none !important; }

.no-touch .section .mod .channelBtn .moreBtn:hover,
.no-touch .section .mod .channelBtn .moreBtn:focus {
  color: #fff;
  text-decoration: none !important; }

.no-touch .section .mod .box .linklist ul li:hover {
  background-color: #fff; }
  .no-touch .section .mod .box .linklist ul li:hover a {
    color: #d40028; }

#content .pinboardWrapper .boxCon {
  flex-direction: column; }

#content .pinboardWrapper .box {
  margin-right: 0;
  width: calc(33.333% - 0.333rem);
  max-width: calc(33.333% - 0.333rem);
  min-width: calc(33.333% - 0.333rem); }
  @media (min-width: 0) and (max-width: 767px) {
    #content .pinboardWrapper .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%; } }

.mod.modParagraph {
  /* SHARING */ }
  .mod.modParagraph .firstMediaFull {
    display: none; }
  .mod.modParagraph .dachzeile {
    margin-bottom: 10px;
    margin-top: 8px; }
  .mod.modParagraph .einleitung,
  .mod.modParagraph .jumpLabelList,
  .mod.modParagraph .authorWrapper {
    margin-bottom: 33px; }
  .mod.modParagraph .einleitung {
    font-weight: bold; }
  .mod.modParagraph .authorWrapper {
    margin-bottom: 1rem;
    display: flex;
    align-items: center; }
  .mod.modParagraph .authorWrapper .mediaCon {
    margin-right: 1rem; }
  .mod.modParagraph .authorWrapper .mediaCon {
    width: auto; }
    .mod.modParagraph .authorWrapper .mediaCon .mediaInfo {
      display: none; }
  .mod.modParagraph .authorWrapper a {
    color: #d40028;
    font-weight: bold; }
    html.no-touch .mod.modParagraph .authorWrapper a:hover {
      text-decoration: underline; }
  .mod.modParagraph .authorWrapper .imageWrapper {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden; }
    .mod.modParagraph .authorWrapper .imageWrapper:before {
      padding-top: 100%; }
  .mod.modParagraph .authorWrapper .articleMeta {
    line-height: 125% !important;
    display: flex;
    flex-direction: column;
    margin-right: 1rem; }
    .mod.modParagraph .authorWrapper .articleMeta p.author {
      margin-bottom: 0 !important; }
  .mod.modParagraph .authorWrapper .articleMeta-social {
    position: relative;
    display: flex;
    margin-left: auto;
    align-items: center;
    margin-bottom: auto;
    justify-content: flex-end;
    padding-top: 1px;
    min-width: 240px; }
    .mod.modParagraph .authorWrapper .articleMeta-social.ui-social-collapsing {
      min-width: 0; }
    .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn {
      font-size: 1rem; }
      .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn:focus {
        box-shadow: none; }
    .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger {
      background-color: transparent;
      border: 0;
      margin: 0;
      margin-bottom: auto;
      height: auto;
      width: auto;
      padding: 0.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.025);
      margin-right: 0.25em;
      margin-top: 0.125em; }
      html.no-touch .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger:hover {
        text-decoration: none; }
      .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger:before {
        font-weight: 400;
        font-size: 1.5rem;
        content: 'teilen ';
        letter-spacing: 0.125em;
        color: #9d9da2;
        font-feature-settings: 'liga', 'dlig'; }
      .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn.ui-social-trigger:after {
        font-weight: 800;
        font-size: 0.6rem;
        content: 'TEILEN';
        letter-spacing: 0.125em;
        color: #9d9da2; }
    .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn a {
      color: #9d9da2;
      background: none;
      border: 0;
      padding: 0.075em 0.167em;
      text-align: center;
      vertical-align: middle;
      margin: 0;
      margin-left: 0.125em;
      width: auto;
      height: auto;
      transition: all 0.2s ease-out;
      border-radius: 0.125rem;
      height: 1.75em;
      width: 1.75em; }
      .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn a:before {
        font-weight: 400;
        font-feature-settings: 'liga', 'dlig';
        font-size: 1.5rem; }
      html.no-touch .mod.modParagraph .authorWrapper .articleMeta-social .ui-social-btn a:hover {
        text-decoration: none;
        background: rgba(0, 0, 0, 0.075);
        color: #313131; }
    html.no-touch .mod.modParagraph .authorWrapper .articleMeta-social li.ui-social-btn.facebook a:hover {
      color: #1877f2; }
    html.no-touch .mod.modParagraph .authorWrapper .articleMeta-social li.ui-social-btn.twitter a:hover {
      color: #1da1f2; }
    html.no-touch .mod.modParagraph .authorWrapper .articleMeta-social li.ui-social-btn.pinterest a:hover {
      color: #bd081c; }
    .mod.modParagraph .authorWrapper .articleMeta-social.ui-social-collapsing .ui-social-links {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      position: absolute;
      right: 0;
      z-index: 100;
      top: 100%;
      padding: 0.5rem;
      border-radius: 4px;
      background-color: #f9f9f9; }
    .mod.modParagraph .authorWrapper .articleMeta-social:not(.ui-social-collapsing) .ui-social-links {
      display: flex !important;
      opacity: 1 !important;
      width: auto; }
    .mod.modParagraph .authorWrapper .articleMeta-social:not(.ui-social-collapsing) .ui-social-btn.ui-social-trigger {
      pointer-events: none;
      background-color: transparent;
      border: 0;
      margin-bottom: auto;
      height: auto;
      width: auto;
      padding: 0; }
      .mod.modParagraph .authorWrapper .articleMeta-social:not(.ui-social-collapsing) .ui-social-btn.ui-social-trigger:before {
        display: none !important; }
      .mod.modParagraph .authorWrapper .articleMeta-social:not(.ui-social-collapsing) .ui-social-btn.ui-social-trigger:after {
        font-weight: 400;
        font-size: 0.6rem;
        content: 'TEILEN VIA';
        letter-spacing: 0.1rem;
        color: #9d9da2; }
    .mod.modParagraph .authorWrapper .articleMeta-social .articleMeta-broadcast {
      font-size: 0.95em; }
  .mod.modParagraph .sharingWrapper {
    padding: 0.5em 0;
    padding: calc(0.5em + 4px) 0;
    padding-top: 4px;
    /*padding-bottom: calc(0.5em + 14px + 1em);*/ }
  .mod.modParagraph .sharingLabel,
  .mod.modParagraph .sharingPlattform {
    background: rgba(0, 0, 0, 0);
    padding: 0.33333em 1.5em;
    border-radius: 0.125rem;
    font-size: 0.666em;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    color: #999;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out; }
  .mod.modParagraph .sharingLabel {
    text-align: right;
    font-size: 0.6em;
    font-weight: 700;
    padding: 0; }
  .mod.modParagraph .sharing.mobile .sharingLabel {
    padding: 0 0.33333em; }
  .mod.modParagraph .sharing.desktop .sharingLabel {
    width: 7em;
    padding: 0.33333em 0; }
  .mod.modParagraph .sharingPlattform {
    padding: 0.166666em;
    font-size: 1.5em;
    text-align: center;
    margin-left: 0.125em; }
  .mod.modParagraph .sharingPlattform.all {
    align-items: center;
    margin: 0;
    margin-top: 0.25em;
    background-color: #f9f9f9; }
  .mod.modParagraph .sharingPlattform:hover {
    background: rgba(0, 0, 0, 0.075);
    color: #313131; }
  .mod.modParagraph .sharingPlattform.all:hover .sharingLabel {
    color: #313131; }
  .mod.modParagraph .sharingPlattform .iconStyle {
    font-family: 'mdricons';
    font-feature-settings: 'liga', 'dlig';
    text-transform: none;
    width: 1em;
    height: 1em;
    line-height: 1; }
  .mod.modParagraph body.node-ratgeber .sharingLabel,
  .mod.modParagraph body.node-ratgeber .sharingPlattform {
    color: #c6c3b9; }
  .mod.modParagraph body.node-ratgeber .sharingPlattform:hover {
    background: #e9e4d9; }
  .mod.modParagraph body.node-ratgeber .sharing,
  .mod.modParagraph body.node-ratgeber .sharingPlattform.all:hover {
    color: #235c7a; }
  .mod.modParagraph .sharingPlattform.twitter:hover {
    color: #1da1f2; }
  .mod.modParagraph .sharingPlattform.facebook:hover {
    color: #1877f2; }
  .mod.modParagraph .sharingPlattform.pintarest:hover {
    color: #bd081c; }
  @media only screen and (min-width: 481px) {
    .mod.modParagraph .sharingPlattform.all .sharingLabel {
      display: flex; } }
  @media only screen and (max-width: 768px) {
    .mod.modParagraph .sharing.desktop {
      display: none; }
    .mod.modParagraph .sharing.mobile {
      display: flex; } }
  @media only screen and (min-width: 769px) {
    .mod.modParagraph .sharing.mobile {
      display: none; }
    .mod.modParagraph .sharing.desktop {
      display: flex; } }
  .mod.modParagraph p.text + .mediaCon {
    margin-top: 16px; }
  .mod.modParagraph p.subtitle {
    margin-bottom: 20px;
    font-size: 1.3em; }
  .mod.modParagraph h3.headline,
  .mod.modParagraph h3.subtitle {
    font-size: 1.3em;
    margin-bottom: 16px;
    width: 100%; }
  .mod.modParagraph .mediaCon {
    padding-right: 0; }
    .mod.modParagraph .mediaCon.mediaFull {
      max-width: 100% !important;
      width: 100% !important;
      margin-bottom: 16px; }
  .mod.modParagraph .definition {
    border: 1px solid #e5e5e8;
    padding: 16px;
    margin-bottom: 1rem; }
    .mod.modParagraph .definition dfn {
      display: block;
      font-weight: bold;
      font-size: 1.0625em;
      margin-bottom: 10px; }
  .mod.modParagraph .quote {
    padding: 16px;
    margin-bottom: 24px; }
    .mod.modParagraph .quote blockquote {
      border-left: 2px solid #c4c4c4;
      border-right: medium none;
      padding: 0 0 0 21px;
      border-left: 1px solid #e5e5e8;
      border-right: 1px solid #e5e5e8;
      padding: 0 21px; }
      .mod.modParagraph .quote blockquote p {
        font-size: 1.5em;
        margin-bottom: 16px; }
        .mod.modParagraph .quote blockquote p:before {
          content: '„'; }
        .mod.modParagraph .quote blockquote p:after {
          content: '“'; }
      .mod.modParagraph .quote blockquote p,
      .mod.modParagraph .quote blockquote footer {
        font-style: italic; }
    .mod.modParagraph .quote cite span.quoteAuthor + span.quoteSource:before {
      content: ' | '; }
  .mod.modParagraph cite {
    display: inline;
    font-style: normal;
    margin-top: 8px; }
  .mod.modParagraph .paragraph {
    margin-bottom: 24px; }
    .mod.modParagraph .paragraph > *:last-child {
      margin-bottom: 0 !important; }
    .mod.modParagraph .paragraph > ul.small,
    .mod.modParagraph .paragraph > ol,
    .mod.modParagraph .paragraph > ul {
      margin: 0 0 8px 24px;
      list-style-type: square; }
      .mod.modParagraph .paragraph > ul.small li,
      .mod.modParagraph .paragraph > ol li,
      .mod.modParagraph .paragraph > ul li {
        margin-bottom: 8px; }
    .mod.modParagraph .paragraph > ol {
      list-style-type: decimal; }
    .mod.modParagraph .paragraph p.text > a,
    .mod.modParagraph .paragraph li > a {
      color: #d40028;
      font-weight: bold; }
      html.no-touch .mod.modParagraph .paragraph p.text > a:hover, html.no-touch
      .mod.modParagraph .paragraph li > a:hover {
        text-decoration: underline; }
    .mod.modParagraph .paragraph p.text > a[name] {
      color: #313131;
      font-weight: normal;
      text-decoration: none !important; }
  .mod.modParagraph .jumpLabelList p {
    margin-bottom: 8px;
    font-weight: bold;
    text-transform: uppercase; }
  .mod.modParagraph .jumpLabelList ul li a {
    display: block;
    padding: 13px 8px;
    border-top: 1px solid #e5e5e8; }
    html.no-touch .mod.modParagraph .jumpLabelList ul li a:hover {
      background-color: #fff;
      color: #d40028; }
  .mod.modParagraph .jumpLabelList ul li:last-child a {
    border-bottom: 1px solid #e5e5e8; }
  .mod.modParagraph .mediaCon.mediaLeft, .mod.modParagraph .mediaCon.mediaRight {
    margin-bottom: 24px;
    margin-top: 5px; }
  .mod.modParagraph .mediaCon.mediaLeft {
    margin-right: 24px; }
  .mod.modParagraph .mediaCon.mediaRight {
    margin-left: 24px; }
  @media (min-width: 0) and (max-width: 767px) {
    .mod.modParagraph .mediaCon.mediaSizeA {
      margin-right: 0;
      margin-left: 0; } }
  .mod.modParagraph .mediaCon.mediaTop:first-child .imageWrapper {
    overflow: visible; }
    .mod.modParagraph .mediaCon.mediaTop:first-child .imageWrapper:before {
      display: none;
      padding-top: 0; }
    .mod.modParagraph .mediaCon.mediaTop:first-child .imageWrapper img,
    .mod.modParagraph .mediaCon.mediaTop:first-child .imageWrapper div {
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      overflow: hidden; }
  .mod.modParagraph .mediaCon.mediaTop:last-of-type .imageWrapper:before {
    padding-top: 37.5%; }
  .mod.modParagraph .box.floatBox {
    float: left;
    padding: 0 !important;
    margin-bottom: 1rem;
    width: 100%; }
    .mod.modParagraph .box.floatBox.right {
      margin-left: 24px; }
    .mod.modParagraph .box.floatBox.left {
      margin-right: 24px; }
    .mod.modParagraph .box.floatBox .mediaCon {
      margin-bottom: 0;
      padding-right: 0 !important; }
    .mod.modParagraph .box.floatBox.viewB {
      width: 50%;
      min-width: 50%; }
    .mod.modParagraph .box.floatBox.viewC {
      width: 33.333%;
      min-width: 33.333%; }
    .mod.modParagraph .box.floatBox.right {
      float: right; }
    @media (min-width: 0) and (max-width: 1007px) {
      .mod.modParagraph .box.floatBox {
        width: 100%;
        min-width: 100%; } }

.section .con .mod .box.cssArticleRelated .linklist a span.date {
  font-size: 0.9em;
  margin-bottom: 4px;
  display: block;
  float: none; }

.section .con .mod.modParagraph .box.cssArticleShortNews .teaser .teaserInfoWrapper {
  padding: 16px;
  padding-bottom: 0; }

.cssArticleShortNews .mod.modParagraph hr.divider:first-of-type {
  display: none; }

.mod .cssArticleShortNews .extended .list .text a {
  color: #d40028;
  display: inline;
  padding: 0 !important; }
  .mod .cssArticleShortNews .extended .list .text a:before {
    display: none; }

.mod .cssArticleShortNews .extended .ui-collapsible-entry {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0; }
  .mod .cssArticleShortNews .extended .ui-collapsible-entry strong {
    font-weight: bold; }
  .mod .cssArticleShortNews .extended .ui-collapsible-entry a:after {
    display: none; }
  html.no-touch .mod .cssArticleShortNews .extended .ui-collapsible-entry a:hover:after {
    display: none; }

#content .sectionWrapper.hasSectionDetail .mod.modParagraph .box.floatBox:not(.boxImage) .mediaCon {
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 16px !important; }

#content .sectionWrapper.hasSectionDetail .mod.modParagraph .box.floatBox:not(.boxImage) .innerTeaser {
  flex-direction: column; }

.conDetailHeader .modParagraph .mediaTop:first-child {
  display: none; }

/* Sprungmarken ausblenden */
.hideAnchorGroup .jumpLabelList {
  display: none; }

.cssForm .teaser.special {
  background-color: transparent;
  padding: 8px; }

form {
  width: 100%; }
  .sectionDetailPage form {
    margin-bottom: 32px; }
  form .formElement {
    display: flex; }
    form .formElement > .unitA {
      width: auto;
      padding: 0.5rem; }
  form .unitD {
    margin-bottom: 12px;
    padding-right: 16px; }
  form fieldset,
  form .form-hint {
    background-color: #f5f5fa;
    padding: 16px; }
  form .form-hint,
  form .formElement,
  form .formElement.error {
    border: 0;
    border-bottom: 1px solid #e5e5e8; }
  form .form-hint {
    border-bottom-color: #e5e5e8; }
  form .form-global-msg {
    background-color: #ec0000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    html.js form .form-global-msg {
      display: none; }
    form .form-global-msg p {
      color: #fff; }
  form fieldset.securityFieldset {
    background-color: #f9f2b4;
    margin-top: 1px; }
    form fieldset.securityFieldset .formElement {
      flex-direction: column;
      border: 0; }
      form fieldset.securityFieldset .formElement label {
        font-weight: bold;
        margin-bottom: 8px;
        display: block; }
      form fieldset.securityFieldset .formElement p.text {
        margin-bottom: 4px; }
      form fieldset.securityFieldset .formElement .form-button {
        width: 100%; }
  form fieldset.acceptAgb {
    background-color: #e5e5e8;
    border-top: 1px solid #e5e5e8; }
    form fieldset.acceptAgb .formElement {
      border-bottom: 0;
      background-color: transparent; }
      form fieldset.acceptAgb .formElement .form-button {
        width: 100%; }
  form .formElement {
    padding: 0;
    padding-bottom: 12px;
    padding-right: 23px; }
    form .formElement .form-button {
      padding-bottom: 8px;
      position: relative; }
      form .formElement .form-button input {
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0 !important;
        position: absolute;
        border: 0; }
      form .formElement .form-button input:checked + label:after {
        content: "";
        font-size: 0.875em;
        margin-left: 0;
        text-decoration: none;
        display: inline-block; }
      form .formElement .form-button input:checked + label:focus:after {
        text-decoration: none; }
      form .formElement .form-button input:checked + label:after {
        position: absolute;
        left: 2px;
        top: 0; }
      form .formElement .form-button input:focus + label:before {
        border-color: #000; }
      form .formElement .form-button input:checked + label:after {
        content: "";
        font-size: 0.875em;
        margin-left: 0;
        text-decoration: none;
        display: inline-block; }
      form .formElement .form-button input:checked + label:focus:after {
        text-decoration: none; }
      form .formElement .form-button input:checked + label:after {
        position: absolute;
        left: 6px;
        top: 1px; }
      form .formElement .form-button label {
        position: relative;
        padding-left: 32px; }
      form .formElement .form-button label:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 2px;
        left: 4px;
        border: 1px solid #e5e5e8;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px; }
      form .formElement .form-button input[type='radio']:checked + label:after {
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        content: '';
        background-color: #313131;
        left: 8px;
        top: 6px; }
      form .formElement .form-button input[type='radio'] + label:before {
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        -ms-border-radius: 32px;
        border-radius: 32px; }
    form .formElement p.ui-collapsible-body.text {
      padding-left: 8px;
      padding-right: 8px;
      padding-bottom: 8px; }
    form .formElement.error .textInput {
      border-color: #ec0000; }
    form .formElement.error .form-errormsg {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      background-color: #ec0000; }
      form .formElement.error .form-errormsg:after {
        border-bottom-color: #ec0000; }
    form .formElement.error.required:after {
      color: #ec0000; }
    form .formElement.valid .textInput {
      border-color: #009900; }
    form .formElement.valid.required:after {
      color: #009900; }
    form .formElement.required:after {
      position: absolute;
      right: 0;
      font-size: 1.5em;
      top: 16px;
      content: '*'; }
    form .formElement .textInput,
    form .formElement select,
    form .formElement .agbContent {
      border: 1px solid #e5e5e8;
      padding: 4px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    form .formElement .agbContent {
      width: 100%;
      background-color: white;
      margin-bottom: 16px; }
      form .formElement .agbContent .ui-collapsible-body.text.open {
        padding: 8px; }
      form .formElement .agbContent label {
        font-weight: bold;
        display: block; }
    form .formElement input.radio,
    form .formElement input.checkbox {
      margin-right: 4px;
      cursor: pointer; }
    form .formElement input:focus,
    form .formElement textarea:focus,
    form .formElement select:focus {
      border-color: #313131; }
    form .formElement textarea {
      resize: vertical; }
    form .formElement .ui-selectbox.focus {
      border-color: #313131; }
    form .formElement .checkbox label {
      cursor: pointer; }
    form .formElement select {
      padding: 0; }
      form .formElement select option {
        padding: 8px;
        background-color: #f5f5fa;
        margin-bottom: 1px; }
  form button.form-errorSkips {
    position: relative;
    top: -999em;
    left: -999em;
    height: 0;
    padding: 0;
    margin: 0 !important;
    text-transform: none;
    font-weight: bold;
    width: 0;
    border: 0; }
  form form button.form-errorSkips:focus {
    top: 0;
    left: 0;
    height: auto;
    padding: 16px;
    border-color: #e2001a;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    color: #ec0000;
    font-weight: bold;
    width: 100%; }

.mod .cssVoting.form-noAbsoluteValues .votes {
  display: none; }

.mod .cssVoting.form-noAbsoluteValues .votingTime:after {
  display: none; }

.mod .cssVoting.form-noIntermediateResults a.moreBtn.submitButton {
  display: none; }

.form-noIntermediateResults .mod .cssVoting a.moreBtn.submitButton {
  display: none; }

.mod .cssVoting h4.headline {
  margin-bottom: 16px; }

.mod .cssVoting .form .mediaCon {
  margin-bottom: 16px;
  padding: 0; }
  .mod .cssVoting .form .mediaCon .mediaInfo {
    display: none; }

.mod .cssVoting .cssAv .mediaCon,
.mod .cssVoting .cssAv label,
.mod .cssVoting .cssAv .form-voteText,
.mod .cssVoting .cssImage .mediaCon,
.mod .cssVoting .cssImage label,
.mod .cssVoting .cssImage .form-voteText {
  width: 50%; }

.mod .cssVoting .cssAv .mediaCon,
.mod .cssVoting .cssImage .mediaCon {
  padding-right: 8px; }

.mod .cssVoting .moreBtn.submitButton {
  margin-top: 20px; }

.mod .cssVoting .formElement {
  padding-right: 0;
  border-bottom: 0; }
  .mod .cssVoting .formElement.required {
    margin-bottom: -16px; }
    .mod .cssVoting .formElement.required:after {
      display: none; }
  .mod .cssVoting .formElement.error .form-button {
    border: 1px solid #ec0000; }

.mod .cssVoting .moreBtn.submitButton.intermediateResult {
  font-size: 1em;
  margin-right: 24px;
  margin-bottom: 0; }
  html.no-touch .mod .cssVoting .moreBtn.submitButton.intermediateResult:not(.disabled):hover {
    color: #d40028; }

.mod .cssVoting .form-errormsg {
  max-width: 100%;
  margin-bottom: 0; }

.mod .cssVoting fieldset:not(.securityFieldset) {
  padding: 0; }

.mod .cssVoting .form fieldset:not(.securityFieldset),
.mod .cssVoting .form .form-hint {
  background-color: transparent; }

.mod .cssVoting .form-voteThanks {
  color: #009900;
  font-weight: bold;
  font-size: 1.1875em;
  text-align: center;
  padding: 16px; }

.mod .cssVoting .votingDisclaimer {
  font-weight: bold;
  display: block;
  margin-top: 4px; }

.mod .cssVoting .formElement > div,
.mod .cssVoting .form-success-values {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-right: 0; }
  .mod .cssVoting .formElement > div.form-success-values,
  .mod .cssVoting .form-success-values.form-success-values {
    padding: 0; }
  .mod .cssVoting .formElement > div .form-button,
  .mod .cssVoting .form-success-values .form-button {
    position: relative;
    width: 100%;
    margin-right: 0;
    background-color: #f5f5fa;
    padding: 16px;
    margin-bottom: 2px; }
    .mod .cssVoting .formElement > div .form-button input,
    .mod .cssVoting .form-success-values .form-button input {
      margin-right: 16px;
      margin-top: 3px; }
    .mod .cssVoting .formElement > div .form-button label,
    .mod .cssVoting .form-success-values .form-button label {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
    .mod .cssVoting .formElement > div .form-button .form-votePercent,
    .mod .cssVoting .form-success-values .form-button .form-votePercent {
      font-size: 0.875em;
      margin-bottom: 8px;
      display: block;
      width: 100%; }
      .mod .cssVoting .formElement > div .form-button .form-votePercent .votes:before,
      .mod .cssVoting .form-success-values .form-button .form-votePercent .votes:before {
        content: '('; }
      .mod .cssVoting .formElement > div .form-button .form-votePercent .votes:after,
      .mod .cssVoting .form-success-values .form-button .form-votePercent .votes:after {
        content: ')'; }
    .mod .cssVoting .formElement > div .form-button .form-voteValue,
    .mod .cssVoting .form-success-values .form-button .form-voteValue {
      position: relative;
      width: 100%;
      height: 16px;
      background-color: #fff;
      margin-bottom: 16px; }
      .mod .cssVoting .formElement > div .form-button .form-voteValue span,
      .mod .cssVoting .form-success-values .form-button .form-voteValue span {
        height: 16px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #666; }

.mod .cssForm.cssSendForm h3.headline,
.mod .cssVoting.cssSendForm h3.headline {
  font-weight: normal;
  margin-bottom: 16px; }

.mod .cssForm.cssSendForm .sendTitle,
.mod .cssVoting.cssSendForm .sendTitle {
  display: block;
  margin: 8px 0;
  font-weight: bold; }

.mod .cssForm .teaser.special .innerTeaser .mediaCon,
.mod .cssForm .teaser.special .innerTeaser .shortInfos,
.mod .cssForm .teaser.special .innerTeaser .teasertext,
.mod .cssForm .teaser.special .innerTeaser .linklist,
.mod .cssVoting .teaser.special .innerTeaser .mediaCon,
.mod .cssVoting .teaser.special .innerTeaser .shortInfos,
.mod .cssVoting .teaser.special .innerTeaser .teasertext,
.mod .cssVoting .teaser.special .innerTeaser .linklist {
  display: none; }

.mod .cssForm .teaser.special .innerTeaser .teaserInfoWrapper,
.mod .cssVoting .teaser.special .innerTeaser .teaserInfoWrapper {
  padding: 0; }

.mod .cssForm .teaser.special .innerTeaser .leadText,
.mod .cssVoting .teaser.special .innerTeaser .leadText {
  margin-bottom: 16px; }

.form-sent .innerTeaser .shortHeadline,
.form-sent .innerTeaser .teasertext,
.form-sent .innerTeaser .leadText,
.form-sent .innerTeaser .mediaCon {
  display: none; }

.form,
.form-success {
  width: 100%; }
  .form .form-hint,
  .form .state,
  .form-success .form-hint,
  .form-success .state {
    font-size: 0.875em;
    font-style: italic; }
  .form .submitfield,
  .form-success .submitfield {
    text-align: center; }
    .form .submitfield .form-hint,
    .form-success .submitfield .form-hint {
      padding: 0;
      background-color: transparent;
      border: 0;
      text-align: center; }
    .form .submitfield .unitA,
    .form-success .submitfield .unitA {
      text-align: center; }
    .form .submitfield button,
    .form .submitfield a.moreBtn,
    .form-success .submitfield button,
    .form-success .submitfield a.moreBtn {
      text-transform: uppercase;
      margin: 24px auto 16px auto;
      font-size: 1em;
      line-height: 1em;
      min-height: 36px; }
      html.no-touch .form .submitfield button:not(.disabled):hover, html.no-touch
      .form .submitfield a.moreBtn:not(.disabled):hover, html.no-touch
      .form-success .submitfield button:not(.disabled):hover, html.no-touch
      .form-success .submitfield a.moreBtn:not(.disabled):hover {
        color: #d40028;
        background-color: #fff; }
      .form .submitfield button:after,
      .form .submitfield a.moreBtn:after,
      .form-success .submitfield button:after,
      .form-success .submitfield a.moreBtn:after {
        display: none; }

.form-success.form-error p.successText,
.form-success.form-error div.unitA {
  color: #ff0000;
  border-bottom: 0;
  margin-bottom: 0; }

.form-success p.successText {
  color: #009900;
  font-size: 1.5em;
  margin-bottom: 32px;
  font-weight: bold; }

.form-success h3.subtitle {
  width: 100%;
  padding-bottom: 16px;
  margin-bottom: 0; }

.form-success .form-success-values .unitY,
.form-success .form-success-values .unitD {
  margin-bottom: 0; }

.form-success .form-success-values .unitA {
  padding: 16px 12px; }

.sectionC .cssVoting .form .formElement,
.section .modC .cssVoting .form .formElement {
  padding-right: 0; }
  .sectionC .cssVoting .form .formElement .unitD,
  .section .modC .cssVoting .form .formElement .unitD {
    padding-right: 16px; }

.sectionC .cssVoting .cssAv .mediaCon,
.sectionC .cssVoting .cssAv label,
.section .modC .cssVoting .cssAv .mediaCon,
.section .modC .cssVoting .cssAv label {
  width: 100%;
  padding-right: 0; }

.sectionC .cssVoting .moreBtn.submitButton.intermediateResult,
.section .modC .cssVoting .moreBtn.submitButton.intermediateResult {
  margin-right: 0; }

@media (min-width: 0) and (max-width: 767px) {
  .cssVoting .form .formElement {
    padding-right: 0; }
    .cssVoting .form .formElement .unitD {
      padding-right: 16px; }
  .cssVoting .cssAv .mediaCon,
  .cssVoting .cssAv label {
    width: 100%;
    padding-right: 0; }
  .cssVoting .moreBtn.submitButton.intermediateResult {
    margin-right: 0; } }

.force100Percent .formElement {
  flex-direction: column; }
  .force100Percent .formElement .unitD,
  .force100Percent .formElement .unitY {
    width: 100%;
    min-width: 100%;
    max-width: 100%; }

.dz-uploadtitle {
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1001;
  color: #fefefe;
  margin-bottom: 1rem;
  font-size: 1.5rem; }

#content .error .dropzone {
  border-color: #ec0000; }

#content .valid .dropzone {
  border-color: #009900; }

#content .dropzone {
  border: 1px solid #e5e5e8;
  padding: 8px;
  border-radius: 3px; }
  #content .dropzone .dz-details {
    position: relative;
    color: #313131;
    opacity: 1 !important; }
    #content .dropzone .dz-details div,
    #content .dropzone .dz-details span {
      background: none !important;
      border: 0 !important; }
  #content .dropzone .dz-remove {
    font-weight: bold;
    color: #d40028;
    font-size: 1rem; }
  #content .dropzone .dz-image {
    margin: 0 auto;
    border-radius: 0;
    width: 50%;
    height: auto;
    position: relative;
    display: block;
    max-width: 480px; }
    #content .dropzone .dz-image .ui-smallSpinner {
      background-color: rgba(255, 255, 255, 0.8);
      background-color: white;
      z-index: 1000;
      display: block !important;
      width: 64px;
      height: 64px;
      margin: -32px 0 0 -32px; }
    #content .dropzone .dz-image img {
      width: 100%;
      transform: none !important;
      filter: none !important; }
  #content .dropzone .dz-progress {
    pointer-events: none;
    position: relative;
    height: 16px;
    left: 0;
    top: 0;
    margin-top: 0;
    width: 50%;
    max-width: 480px;
    margin-left: 0;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 1rem; }
  #content .dropzone .dz-upload {
    background: none;
    background-color: #d40028; }
  #content .dropzone .dz-error-message {
    display: none !important; }
  #content .dropzone .dz-processing {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    #content .dropzone .dz-processing .dz-remove {
      display: none; }
    #content .dropzone .dz-processing .dz-details {
      color: #fefefe; }
    #content .dropzone .dz-processing .dz-image {
      z-index: 10; }
  #content .dropzone .dz-preview {
    width: 100%;
    padding: 16px;
    margin: 0; }
  #content .dropzone .dz-error-mark {
    display: none !important; }
  #content .dropzone .dz-message span:not(.form-errormsg) {
    font-weight: bold;
    color: #d40028;
    border: 1px solid transparent; }
  #content .dropzone .dz-message .form-errormsg {
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  #content .dropzone .dz-message span button:focus {
    color: #d40028; }
  #content .dropzone .dz-error-message {
    position: relative;
    top: 0;
    margin: 1rem 0;
    left: 0;
    width: 100%;
    background: none;
    opacity: 1 !important;
    background-color: #ec0000; }
    #content .dropzone .dz-error-message:after {
      display: none; }

/* Fix Voting Fragen nebeneinander */
@media (min-width: 1008px) {
  .section1er .modA.mod .cssVoting .form-button,
  .sectionZ .modA.mod .cssVoting .form-button,
  .section1er .modA.mod .cssVoting .form-button {
    max-width: none; } }

/* Datenschutz in Formularen */
.form .acceptDatenschutz .unitD label {
  font-weight: bold; }

.form .acceptDatenschutz .dsgvoCheckbox label {
  max-width: none; }

.form .acceptDatenschutz .unitD,
.form .acceptDatenschutz .unitY {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.form fieldset.acceptDatenschutz {
  background-color: #dcdcdc;
  border-top: 1px solid #c4c4c4; }

.form fieldset.acceptDatenschutz .formElement {
  border-bottom: 0;
  flex-direction: column;
  background-color: transparent; }

.form fieldset.acceptDatenschutz .formElement .form-button {
  width: 100%; }

.form fieldset.acceptDatenschutz .dsgvoLink {
  font-weight: bold;
  color: #0673b8; }

/* Upload-Formular */
.cssHtml.uploadForm form div:last-of-type .unitD {
  max-width: 100%;
  width: 100% !important; }

/* Fix Quizfrage kl view */
.view-xs .sectionWrapper .quiz-wrapper h2.pageAreaTitle,
.view-s .sectionWrapper .quiz-wrapper h2.pageAreaTitle {
  color: #313131 !important; }

/* Checkbox-Ausrichtung im Formular */
html.view-l .unitY.checkbox,
html.view-xl .unitY.checkbox {
  max-width: unset;
  width: 100%; }

/* Checkbox-Kontrast im Formular */
html .form .formElement .form-button label:before {
  border: 1px solid #313131;
  background: #f9f9f9; }

/*
 * Formular Spezialteaser
 * Vorspanntext mit Padding versehen, sonst klatscht er am Rand
 */
.modLightbox.gallery-audioSlideshow .ui-galleryControlsHidden {
  display: none !important; }

.modLightbox .hasPlayer:focus {
  -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.5); }

.modLightbox .hasPlayer .modLightbox-content {
  margin-top: 25px; }

.modLightbox .modLightbox-galleryInfos {
  background-color: rgba(0, 0, 0, 0.9); }
  .modLightbox .modLightbox-galleryInfos h2 {
    color: #fefefe;
    font-size: 1.1875em;
    padding: 16px 24px 8px 8px;
    background-color: rgba(0, 0, 0, 0.9);
    margin: 0; }
  .modLightbox .modLightbox-galleryInfos p {
    color: #fefefe;
    width: 75%;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 16px; }

.modLightbox.with-controls .mediaInfo {
  bottom: 50px; }

.modLightbox .lastLightboxLink {
  text-indent: -999em;
  display: block;
  height: 0; }

.modLightbox .mediaInfo {
  position: fixed;
  padding: 7px 8px 8px 8px;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  max-height: 40%;
  overflow-y: auto;
  z-index: 101;
  display: block;
  left: 0;
  color: #fff;
  text-align: center; }
  .modLightbox .mediaInfo span {
    display: block; }
    .modLightbox .mediaInfo span.mediaSubtitleTitle {
      font-weight: bold; }
  .modLightbox .mediaInfo.ui-collapsible {
    cursor: pointer;
    padding-right: 24px; }
    .modLightbox .mediaInfo.ui-collapsible:before {
      content: "";
      position: absolute;
      right: 8px; }
    .modLightbox .mediaInfo.ui-collapsible.open:before {
      content: ""; }

.modLightbox .modLightbox-close {
  font-size: 1.1875em;
  color: #666; }
  .modLightbox .modLightbox-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin: -12px 0 0 -7px; }
  .modLightbox .modLightbox-close:focus {
    color: #fff; }
  html.no-touch .modLightbox .modLightbox-close:hover {
    color: #fff; }

.modLightbox .ui-social-fixed {
  position: absolute;
  left: 16px;
  top: 16px;
  bottom: auto !important;
  height: auto !important;
  background-color: transparent;
  padding: 0; }
  .modLightbox .ui-social-fixed .ui-social-btn {
    margin-left: 0; }

.modLightbox .controls.ui-galleryControls {
  padding-top: 0;
  z-index: 102; }
  .modLightbox .controls.ui-galleryControls .ui-pieProgressWrapper {
    display: inline-block;
    position: relative;
    right: auto;
    top: auto;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    color: #666; }
  .modLightbox .controls.ui-galleryControls .ui-pieProgressWrapper {
    margin-top: 0; }
    .modLightbox .controls.ui-galleryControls .ui-pieProgressWrapper .ui-pieProgress {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -17px 0 0 -20px;
      color: #fefefe; }

.modLightbox .ui-galleryControlsHidden {
  position: fixed;
  left: 0;
  width: 0;
  display: block;
  z-index: 101;
  color: #666; }
  .modLightbox .ui-galleryControlsHidden:before {
    left: 0;
    display: block; }
  .modLightbox .ui-galleryControlsHidden:after {
    background-color: rgba(0, 0, 0, 0.9);
    width: 44px; }
  .modLightbox .ui-galleryControlsHidden.right {
    right: 0;
    left: auto; }
    .modLightbox .ui-galleryControlsHidden.right:before {
      left: auto;
      right: 0; }

.modLightbox .ui-thumbSlider {
  position: fixed;
  bottom: 44px;
  left: 0;
  width: 100%;
  max-height: 80%;
  overflow: auto;
  background-color: black;
  padding: 8px;
  z-index: 101; }
  .modLightbox .ui-thumbSlider.owl-isSlider {
    max-height: 100%;
    overflow: hidden; }
    .modLightbox .ui-thumbSlider.owl-isSlider .mediaCon {
      width: 100%;
      padding-top: 8px; }
  .modLightbox .ui-thumbSlider .thumbSliderContainer {
    width: 100%; }
  .modLightbox .ui-thumbSlider.owl-isSlider .mediaCon.isLoaded:before, .modLightbox .ui-thumbSlider.owl-noSlider .mediaCon.isLoaded:before {
    top: -14px;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 14px;
    margin-left: -14px; }
  html.no-touch .modLightbox .ui-thumbSlider.owl-isSlider .mediaCon:hover:before, html.no-touch .modLightbox .ui-thumbSlider.owl-noSlider .mediaCon:hover:before {
    top: -14px;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 14px;
    margin-left: -14px; }
  .modLightbox .ui-thumbSlider .mediaCon .imageWrapper:before {
    padding-top: 100%; }

.modLightbox .mediaCon:not(.brav-ready) .av-playerContainer {
  cursor: pointer; }
  .modLightbox .mediaCon:not(.brav-ready) .av-playerContainer .imageWrapper:after {
    content: "";
    font-size: 1.1875em;
    margin-left: 16px;
    text-decoration: none;
    display: inline-block; }
  .modLightbox .mediaCon:not(.brav-ready) .av-playerContainer .imageWrapper:focus:after {
    text-decoration: none; }
  .modLightbox .mediaCon:not(.brav-ready) .av-playerContainer .imageWrapper:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    color: rgba(255, 255, 255, 0.9);
    font-size: 8em;
    margin-left: -64px;
    line-height: 0; }

.modLightbox .ui-galleryPlayer {
  position: fixed;
  z-index: 101;
  bottom: 0;
  top: auto;
  width: 100%;
  left: 0; }
  .modLightbox .ui-galleryPlayer.av-playerContainer.ready {
    height: 55px !important; }
  .modLightbox .ui-galleryPlayer video,
  .modLightbox .ui-galleryPlayer audio {
    opacity: 0; }

.modLightbox .modLightbox-content.loading .ui-social-fixed {
  display: none !important; }

.modLightbox .modLightbox-contentWrapper {
  padding: 8px; }
  .modLightbox .modLightbox-contentWrapper .mediaCon {
    margin-bottom: 0; }
  .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaCon {
    overflow: hidden; }
    .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaCon.noFullDesc .mediaInfo span:after {
      display: none; }
    .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaCon.noDesc .mediaInfo {
      display: none !important; }
  .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaRights {
    margin-top: 8px;
    display: block;
    font-size: 0.875em;
    padding: 4px;
    color: #666;
    text-align: center; }
  .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaSubtitleTitle {
    font-weight: bold;
    display: block;
    margin-bottom: 4px; }
  .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaSubtitle a {
    color: #d40028; }

.modLightbox.hover .controls {
  display: block !important; }

.modLightbox.mmg .modLightbox-galleryInfos {
  text-align: left; }
  .modLightbox.mmg .modLightbox-galleryInfos h2 {
    padding: 16px;
    text-align: center;
    color: #fefefe; }
    .modLightbox.mmg .modLightbox-galleryInfos h2:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .modLightbox.mmg .modLightbox-galleryInfos h2:focus:before {
      text-decoration: none; }
  .modLightbox.mmg .modLightbox-galleryInfos h3 {
    text-align: center;
    display: block;
    margin-top: 0;
    color: #fefefe;
    margin-bottom: 16px; }

.modLightbox.mmg.playerActive .ui-galleryControlsHidden {
  margin-top: -50px; }
  .modLightbox.mmg.playerActive .ui-galleryControlsHidden:before {
    margin-top: 50px; }

html.no-touch .modLightbox .ui-galleryControlsHidden:hover {
  color: #fff; }

html.no-touch .modLightbox .ui-galleryControls a.prev:hover, html.no-touch .modLightbox .ui-galleryControls a.prev:focus,
html.no-touch .modLightbox .ui-galleryControls a.next:hover,
html.no-touch .modLightbox .ui-galleryControls a.next:focus,
html.no-touch .modLightbox .ui-galleryControls .galleryBtn:hover,
html.no-touch .modLightbox .ui-galleryControls .galleryBtn:focus,
html.no-touch .modLightbox .ui-galleryControls .ui-pieProgress:hover,
html.no-touch .modLightbox .ui-galleryControls .ui-pieProgress:focus {
  color: #fff; }

/* Tables */
.table {
  overflow-x: auto;
  margin-bottom: 24px; }
  .table caption {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 6px; }
  .table a {
    color: #d40028;
    font-weight: bold; }
    html.no-touch .table a:hover {
      text-decoration: underline; }
  .table a[name] {
    color: #313131;
    font-weight: normal; }
    html.no-touch .table a[name]:hover {
      text-decoration: none; }
  .table .tableFooter {
    border-bottom: 1px solid #e5e5e8;
    padding: 8px; }
  .table table {
    border-spacing: 0;
    overflow: hidden; }
    .table table tr,
    .table table td,
    .table table th {
      position: relative;
      background-color: #f5f5fa; }
    .table table th.tcol1 {
      background-color: #e5e5e5;
      font-weight: bold; }
    .table table tr:not(.headlines) td,
    .table table tr:not(.headlines) th.tcol1 {
      padding: 8px; }
      .table table tr:not(.headlines) td.last,
      .table table tr:not(.headlines) th.tcol1.last {
        border-right: 0; }
    .table table tr {
      background-color: #e5e5e5; }
      .table table tr.headlines th {
        background-color: #e5e5e5;
        font-weight: bold; }
    .table table tr.vert {
      background-color: transparent !important; }
      .table table tr.vert.last td {
        border-bottom: none; }
    .table table tfoot tr {
      background-color: transparent; }
      .table table tfoot tr td {
        background-color: transparent;
        border-right: 0 !important; }
    .table table .table-header td,
    .table table td.table-header,
    .table table th,
    .table table tr:not(.table-header) th.col1:first-child {
      background-color: #e5e5e5;
      font-weight: bold; }
    .table table .table-header {
      vertical-align: top; }

.mod .box.cssDownload .teaser,
.conDownload .mod .box .teaser {
  background-color: transparent; }

.mod .box.cssDownload .ui-collapsible-body,
.conDownload .mod .box .ui-collapsible-body {
  padding: 16px; }

.mod .box .ui-collapsible-trigger {
  margin-bottom: 0;
  font-size: 1em !important; }

.mod .box .downloadSpecs li:nth-child(2) {
  padding: 8px;
  display: flex;
  flex-direction: column; }

.mod .box .downloadInfo {
  display: flex;
  flex-direction: column;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.05);
  width: 100%;
  margin-bottom: 2rem; }
  .mod .box .downloadInfo ul.downloadSpecs {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 16px; }
  .mod .box .downloadInfo .collapseArrow {
    display: none !important; }
  .mod .box .downloadInfo a.moreBtn {
    margin: 0 auto;
    display: block;
    width: 210px;
    margin-bottom: 32px;
    clear: both; }
    .mod .box .downloadInfo a.moreBtn:after {
      content: "";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      display: inline-block; }
    .mod .box .downloadInfo a.moreBtn:focus:after {
      text-decoration: none; }

.mod .box.boxSpecial.cssDownload .teasertext,
.mod .box.boxSpecial.cssDownload .mediaCon {
  display: none; }

.conStagebox {
  position: relative; }
  .conStagebox .modStage .boxCon {
    background-color: white; }
  .conStagebox.conStageboxWithThumbs .modStage .controls.sliding {
    display: none !important; }
  .conStagebox.conStageboxWithThumbs .modSlideable.owl-noSlider .owl-stage {
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center; }
  .conStagebox.conStageboxWithThumbs .owl-stage-outer {
    margin-top: -16px;
    padding-top: 16px; }
  .conStagebox.conStageboxWithThumbs .modThumbs .teasertext,
  .conStagebox.conStageboxWithThumbs .modThumbs .moreBtn,
  .conStagebox.conStageboxWithThumbs .modThumbs .dachzeile,
  .conStagebox.conStageboxWithThumbs .modThumbs .headline,
  .conStagebox.conStageboxWithThumbs .modThumbs .cssProgramHintBox,
  .conStagebox.conStageboxWithThumbs .modThumbs .avRights,
  .conStagebox.conStageboxWithThumbs .modThumbs h3.rubric {
    display: none; }
  .conStagebox.conStageboxWithThumbs .modThumbs .shortHeadline,
  .conStagebox.conStageboxWithThumbs .modThumbs .shortHeadline .headline {
    display: block !important; }
  .conStagebox.conStageboxWithThumbs .modThumbs .boxCon {
    background-color: #e5e5e8;
    padding: 24px !important; }
    .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box {
      padding: 2px; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .teaser {
        padding: 4px; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box:before {
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        top: -14px;
        left: 50%;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #f5f5fa;
        border-width: 14px;
        margin-left: -14px;
        opacity: 0;
        top: 0; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .shortInfos {
        margin-top: 0; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .mediaCon {
        margin-bottom: 0; }
        .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .mediaCon .icon-font {
          display: none !important; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box.active .teaser, .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box:focus .teaser {
        background-color: white; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box.active:before, .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box:focus:before {
        opacity: 1;
        top: -24px; }
      html.no-touch .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box:hover .teaser {
        background-color: white; }
      html.no-touch .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box:hover:before {
        opacity: 1;
        top: -24px; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsText .modThumbs .box .mediaCon, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .box .mediaCon {
    display: none; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsText .modThumbs .box .innerTeaser, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .box .innerTeaser {
    padding-top: 8px;
    padding-bottom: 8px; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsText .modThumbs .box .teaserInfoWrapper, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .box .teaserInfoWrapper {
    padding-top: 0; }
    .conStagebox.conStageboxWithThumbs.conStageboxThumbsText .modThumbs .box .teaserInfoWrapper .shortInfos, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .box .teaserInfoWrapper .shortInfos {
      margin-bottom: 0; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .dachzeile,
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .headline,
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .teasertext,
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .shortHeadline {
    display: none; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs h3.rubric {
    display: block; }
  .conStagebox.conStageboxWithThumbs .modThumbs .box:not(.active) .teaser {
    background-color: rgba(255, 255, 255, 0.5); }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsImg .modThumbs .teaserInfoWrapper {
    display: none; }

.sectionC .conStagebox .modStage.owl-isSlider .controls.sliding {
  display: flex !important; }

.sectionC .conStagebox .modC.modSlideable {
  display: none; }

.mod .box.cssImageGallery .teaser.special .linkAll {
  display: none; }

.mod .box.cssImageGallery .teaser.special .innerTeaser .mediaCon {
  display: none; }

.mod .box.cssImageGallery .teaser.special .innerTeaser h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }

.mod .box.cssImageGallery .teaser.special .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }

.mod .box.cssImageGallery .teaser.special .moreBtn {
  margin-top: 16px; }

.mod .box.cssImageGallery .teaser.special .ui-thumbSlider {
  background-color: #e1e1e1; }
  .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper:before {
    padding-top: 100%; }
  .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper .icon-font {
    background-color: transparent;
    font-size: 1.1875em;
    left: auto;
    right: 0;
    color: #fff;
    display: block; }
    .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper .icon-font:before {
      content: ""; }

.mod .box.cssImageGallery .teaser.special .gallery-bigImage {
  overflow: hidden; }
  .mod .box.cssImageGallery .teaser.special .gallery-bigImage .imageWrapper:before {
    padding-top: 66.667%; }
  .mod .box.cssImageGallery .teaser.special .gallery-bigImage .mediaSubtitleTitle {
    font-weight: bold;
    display: block;
    margin-bottom: 4px; }
  .mod .box.cssImageGallery .teaser.special .gallery-bigImage .mediaInfo {
    display: block;
    padding-bottom: 8px; }
  .mod .box.cssImageGallery .teaser.special .gallery-bigImage .mediaRights {
    float: left;
    width: 100%;
    margin-top: 8px;
    display: block;
    font-size: 0.875em;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e8; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter h4 .headline:focus:before {
  text-decoration: none; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .ui-thumbSlider,
.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .moreBtn {
  display: none !important; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon {
  display: block; }
  .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon .mediaInfo {
    display: block; }
    .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon .mediaInfo .mediaSubtitle {
      display: none; }
  .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon .imageWrapper:not(.twentytwenty-container) img:nth-child(1) {
    position: relative;
    bottom: auto;
    right: auto; }
  .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon .imageWrapper:before {
    display: none; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserGrid .ui-thumbSlider .thumbSliderContainer {
  width: 100%; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserBig .innerTeaser .gallery-bigImage .imageWrapper {
  padding: 8px; }

html.flexbox .mod .box.cssImageGallery .teaser.special.galleryTeaserBig .innerTeaser .mediaCon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserBig .innerTeaser .mediaCon.isLoaded:before {
  top: -14px;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 14px;
  margin-left: -14px;
  top: -22px; }

html.no-touch .mod .box.cssImageGallery .teaser.special.galleryTeaserBig .innerTeaser .ui-thumbSlider .mediaCon:hover:before {
  top: -14px;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 14px;
  margin-left: -14px;
  top: -22px; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserBig a.moreBtn {
  display: none; }

.mod .box.cssImageGallery .teaser.special.galleryTeaserBig .thumbSliderContainer {
  max-height: 100px;
  overflow: hidden;
  padding-top: 8px; }
  .mod .box.cssImageGallery .teaser.special.galleryTeaserBig .thumbSliderContainer .imageWrapper .icon-font {
    display: none; }
  .mod .box.cssImageGallery .teaser.special.galleryTeaserBig .thumbSliderContainer.owl-loaded {
    max-height: 100%; }

.mod .box.cssImageGallery .teaser.special .ui-galleryControls {
  border-bottom: 1px solid #e5e5e8;
  padding-top: 0;
  padding-bottom: 0; }
  .mod .box.cssImageGallery .teaser.special .ui-galleryControls a.prev,
  .mod .box.cssImageGallery .teaser.special .ui-galleryControls a.next {
    float: none; }
  .mod .box.cssImageGallery .teaser.special .ui-galleryControls a.prev:before,
  .mod .box.cssImageGallery .teaser.special .ui-galleryControls a.next:after {
    line-height: 1.333em; }

@media (min-width: 0) and (max-width: 767px) {
  .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon {
    width: calc(25% - 0.5rem);
    max-width: calc(25% - 0.5rem);
    min-width: calc(25% - 0.5rem); } }

.sectionB .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon,
.sectionC .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon {
  width: calc(25% - 0.5rem);
  max-width: calc(25% - 0.5rem);
  min-width: calc(25% - 0.5rem); }

.section .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon {
  width: calc(20% - 0.5rem);
  max-width: calc(20% - 0.5rem);
  min-width: calc(20% - 0.5rem); }

@media (min-width: 768px) and (max-width: 1007px) {
  .mod .box.cssImageGallery.sectionB.boxSpecial.standardTeaserLteS .teaser.special {
    display: none; }
  .mod .box.cssImageGallery.sectionB.boxSpecial.standardTeaserLteS .teaser.standard {
    display: block; } }

.sectionC .mod .box.cssImageGallery.boxSpecial.standardTeaserLteS .teaser.special {
  display: none; }

.sectionC .mod .box.cssImageGallery.boxSpecial.standardTeaserLteS .teaser.standard {
  display: block; }

/* Bildergalerie */
.mod .box.cssImageGallery .teaser.special .gallery-bigImage .mediaRights {
  font-size: 0.75em !important; }

body.cssImageGallery .mod .cssImageGallery.box .special.teaser .gallery-bigImage .mediaInfo {
  padding: 5px 0 7px 0 !important; }

/* Programmbezug in Bildergalerie-Teasern ausblenden können */
.box.noBroadcastHint.cssImageGallery .cssBroadcastHintStyleProperties {
  display: none; }

/* Bildergalerie spezial ohne Controls */
.boxSpecial.cssImageGallery.hideControls .ui-galleryControls,
.boxSpecial.cssImageGallery.hideControls .ui-thumbSlider {
  display: none !important; }

.boxSpecial.cssImageGallery.hideControls .mediaRights {
  padding-left: 7px; }

body.cssImageGallery h1 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }

body.cssImageGallery h1 .headline:focus:before {
  text-decoration: none; }

body.cssImageGallery .sectionDetailPage .mod .box.cssImageGallery .teaser {
  padding: 0; }
  body.cssImageGallery .sectionDetailPage .mod .box.cssImageGallery .teaser .teaserInfoWrapper {
    padding-top: 0; }

.mod.modSearchHeader {
  text-align: center;
  background-color: #f5f5fa;
  border: 1px solid #e5e5e8;
  border-left: 0;
  border-right: 0;
  padding: 1rem; }

.mod.modSearchFilter .searchInfos {
  font-size: 1.25em;
  flex-direction: column; }
  .mod.modSearchFilter .searchInfos .searchCount {
    margin-right: 0; }

.mod.modSearchFilter > div {
  padding: 16px;
  border-bottom: 1px solid #e5e5e8;
  display: flex; }

.mod.modSearchFilter p {
  margin-right: 16px;
  margin-top: 3px;
  margin-bottom: 8px; }

.mod.modSearchFilter ul {
  display: flex; }

.mod.modSearchFilter ul li {
  padding: 4px;
  padding-top: 0; }
  .mod.modSearchFilter ul li:first-of-type {
    padding-left: 0; }
  .mod.modSearchFilter ul li a {
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e5e5e8; }
    .mod.modSearchFilter ul li a.active {
      background-color: #fff; }
    .mod.modSearchFilter ul li a.disabled {
      color: #e5e5e8;
      pointer-events: none; }
    html.no-touch .mod.modSearchFilter ul li a:hover {
      background-color: #fff; }

.mod.modSearchFilter .ui-selectbox {
  max-width: 280px; }

@media (min-width: 0) and (max-width: 1007px) {
  .mod.modSearchFilter ul {
    width: 100%; }
    .mod.modSearchFilter ul li {
      width: 50%; }
      .mod.modSearchFilter ul li:nth-of-type(2n + 1) {
        padding-left: 0; }
      .mod.modSearchFilter ul li:nth-of-type(2n + 2) {
        padding-right: 0; }
      .mod.modSearchFilter ul li a {
        width: 100%;
        text-align: center; } }

.section .con .mod.modSearch .box .teaser .highlight {
  font-weight: bold;
  font-style: italic; }

.section .con .mod.modSearch .box .moreBtn {
  display: none; }

.section .con .mod.modSearch .box .mediaInfo {
  display: none; }

.section .con .mod.modSearch .box.boxEmptySearchResult .teaser {
  padding: 8px; }

.section .con .mod.modSearch .box.boxEmptySearchResult .shortInfos,
.section .con .mod.modSearch .box.boxEmptySearchResult h4 {
  margin-bottom: 0; }

body.cssSearch #content .sectionWrapper {
  background-color: #f5f5fa; }
  body.cssSearch #content .sectionWrapper .sectionTitle {
    border-bottom: 0;
    background-color: transparent; }
  body.cssSearch #content .sectionWrapper .con {
    background-color: transparent;
    padding-top: 0; }

body.cssSearch #content .sectionWrapperMain {
  margin-top: 0; }

body.cssSearch #content .section {
  padding: 0; }
  body.cssSearch #content .section .modSearchFilter {
    padding: 16px; }
    body.cssSearch #content .section .modSearchFilter > div {
      padding-left: 0;
      padding-right: 0; }
  body.cssSearch #content .section .modSearch {
    padding: 8px !important; }
    body.cssSearch #content .section .modSearch .boxCon {
      padding: 0 !important; }

body.hasSearchword #content .mod.modSearchFilter,
body.hasSearchword #content .mod.modSearch {
  display: block; }

.mod .box.cssProgramHint .teaser .innerTeaser h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }

.mod .box.cssProgramHint .teaser .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }

.sectionChannelHeader .mod .box.cssProgramHint {
  padding: 0;
  border-bottom: 1px solid #e5e5e8; }
  .sectionChannelHeader .mod .box.cssProgramHint .moreBtn {
    display: none; }
  .sectionChannelHeader .mod .box.cssProgramHint .cssProgramHintCurrent > p .broadcastDate:after {
    content: ', ';
    margin-left: -4px; }
  .sectionChannelHeader .mod .box.cssProgramHint .cssProgramHintCurrent > p .cssProgramHintBroadcast {
    display: none; }
  .sectionChannelHeader .mod .box.cssProgramHint h3 {
    font-size: 1.1875em;
    margin-bottom: 8px; }
  .sectionChannelHeader .mod .box.cssProgramHint .shortInfos {
    width: 100% !important;
    margin-bottom: 0; }
  .sectionChannelHeader .mod .box.cssProgramHint .mediaCon,
  .sectionChannelHeader .mod .box.cssProgramHint .teasertext,
  .sectionChannelHeader .mod .box.cssProgramHint .headline,
  .sectionChannelHeader .mod .box.cssProgramHint .dachzeile,
  .sectionChannelHeader .mod .box.cssProgramHint .teaser.standard {
    display: none; }
  .sectionChannelHeader .mod .box.cssProgramHint .shortHeadline .headline {
    display: flex;
    margin-bottom: 4px; }

.mod li.cssProgramHint a {
  flex-wrap: wrap; }

.mod li.cssProgramHint .linktext {
  font-weight: bold; }

.mod li.cssProgramHint .broadcastDateTime span:before {
  content: ' '; }

.mod li.cssProgramHint span.weekDay:after,
.mod li.cssProgramHint span.broadcastDateTime:after {
  content: ', '; }

.mod li.cssProgramHint .docName {
  display: none; }

.mod li.cssProgramHint .cssProgramHintBox {
  margin-top: 4px;
  width: 100%;
  font-size: 0.875em; }

.mod .cssProgramHintRepeat {
  display: flex; }
  .mod .cssProgramHintRepeat .cssProgramHintDate {
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 8px; }

.mod .innerTeaser .cssProgramHintBox {
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column; }
  .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime span:before, .mod .innerTeaser .cssProgramHintBox .cssProgramHintRepeat p.cssProgramHintDate .broadcastDateTime span:before {
    content: ' '; }
  .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p span.broadcastDate:before, .mod .innerTeaser .cssProgramHintBox .cssProgramHintRepeat p.cssProgramHintDate span.broadcastDate:before {
    content: ', ';
    margin-left: -4px;
    position: relative; }
  .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p span.broadcastYear, .mod .innerTeaser .cssProgramHintBox .cssProgramHintRepeat p.cssProgramHintDate span.broadcastYear {
    display: none; }
  .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent.cssProgramHintFree {
    background-color: rgba(0, 0, 0, 0.05); }
  .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent.cssProgramHintFree {
      background-color: rgba(0, 0, 0, 0.05); }
  .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
    width: 100%;
    font-weight: bold; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal,
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime {
      width: 25%;
      background-color: rgba(0, 0, 0, 0.05); }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime .vps {
      color: #e2001a; }
      .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime .vps:before {
        content: ' ('; }
      .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime .vps:after {
        content: ')'; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p.cssProgramHintDate {
      padding: 0; }
      .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p.cssProgramHintDate > span {
        padding: 12px 16px; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime,
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast,
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
      border-left: 1px solid white; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
      width: 50%;
      background-color: rgba(0, 0, 0, 0.05);
      text-transform: uppercase; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintText {
      font-weight: bold; }
    @media (min-width: 0) and (max-width: 767px) {
      .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
        width: 100%; }
        .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast,
        .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
          margin-top: 1px;
          width: 100%; }
        .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast,
        .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
          border-left: 0; }
        .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal,
        .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime {
          width: 50%; } }
    .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
      width: 100%; }
      .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast,
      .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
        margin-top: 1px;
        width: 100%; }
      .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast,
      .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
        border-left: 0; }
      .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal,
      .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime {
        width: 50%; }
  .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent {
    display: block;
    font-size: 1.1875em; }
    .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent > p {
      padding: 0;
      background-color: transparent;
      width: 100%; }
      html.flexbox .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent > p,
      html .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent > p {
        display: inline; }
      .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent > p .broadcastDateTotal,
      .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent > p .broadcastDateTime,
      .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent > p .cssProgramHintBroadcast,
      .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent > p .broadcastDuration {
        background-color: transparent;
        width: auto;
        padding: 0; }
    .sectionChannelHeader .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent.cssBroadcastWithDetails > p .cssProgramHintBroadcast:after {
      content: ' | '; }
  .mod .innerTeaser .cssProgramHintBox .cssProgramHintRepeat {
    width: 100%;
    margin-top: 1px;
    padding: 12px 16px;
    background-color: #f5f5fa;
    display: block; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintRepeat p.cssProgramHintDate {
      display: inline; }

.box.cssAvPlus .teaser {
  background-color: transparent !important;
  padding: 0; }

.box.cssAvPlus .ui-thumbSlider {
  padding: 8px 60px;
  background-color: #e5e5e8;
  border-top: 1px solid #e5e5e8; }
  .box.cssAvPlus .ui-thumbSlider a.prev,
  .box.cssAvPlus .ui-thumbSlider a.next {
    opacity: 1;
    background-color: transparent;
    top: 50%; }
  .box.cssAvPlus .ui-thumbSlider a.prev {
    margin-left: 16px; }
  .box.cssAvPlus .ui-thumbSlider a.next {
    margin-right: 16px; }

.box.cssAvPlus .thumbSliderContainer {
  min-height: 48px; }
  .box.cssAvPlus .thumbSliderContainer .owl-stage {
    display: flex; }
  .box.cssAvPlus .thumbSliderContainer .owl-item {
    display: flex; }
  .box.cssAvPlus .thumbSliderContainer .chapter {
    display: flex;
    width: 25%;
    padding: 2px; }
    .box.cssAvPlus .thumbSliderContainer .chapter .chapterInner {
      display: flex;
      background-color: white;
      border: 1px solid white;
      padding: 16px; }
      html.no-touch .box.cssAvPlus .thumbSliderContainer .chapter .chapterInner:hover {
        background-color: #fefefe;
        border: 1px solid #313131; }
    .box.cssAvPlus .thumbSliderContainer .chapter.currentChapter .chapterInner {
      background-color: #fefefe;
      border: 1px solid #313131;
      text-decoration: none; }
  .box.cssAvPlus .thumbSliderContainer .owl-item .chapter {
    width: 100%; }

.box.cssAvPlus .themes {
  /*position: absolute;
    z-index: 4;

    right: 16px;
    top: 16px;
    text-align: right;
    */ }
  .box.cssAvPlus .themes li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 100px 200px;
    height: 100%; }
    .box.cssAvPlus .themes li button.moreBtn {
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      -o-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      position: absolute;
      z-index: 4;
      overflow: visible;
      right: 16px;
      top: 16px;
      width: 150px;
      padding: 8px;
      text-align: left;
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid #313131; }
      .box.cssAvPlus .themes li button.moreBtn:after {
        display: none; }
      .box.cssAvPlus .themes li button.moreBtn.active {
        background-color: #fefefe; }
      .box.cssAvPlus .themes li button.moreBtn span {
        position: absolute;
        border-radius: 50%;
        border: 1px solid #313131;
        background-color: #fefefe;
        top: -10px;
        right: -10px;
        width: 24px;
        height: 24px;
        padding: 4px 0 0 0;
        line-height: 1em;
        text-align: center;
        color: #313131; }
    .box.cssAvPlus .themes li.cssVideo button.moreBtn:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssAvPlus .themes li.cssVideo button.moreBtn:focus:before {
      text-decoration: none; }
  @media (min-width: 0) and (max-width: 767px) {
    .box.cssAvPlus .themes {
      position: relative;
      right: auto;
      top: auto;
      text-align: left;
      margin-top: 16px; }
      .box.cssAvPlus .themes li {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0; }
        .box.cssAvPlus .themes li .teaser {
          background-color: transparent !important; }
        .box.cssAvPlus .themes li h3,
        .box.cssAvPlus .themes li .closeBtn,
        .box.cssAvPlus .themes li .mediaCon {
          display: none; }
        .box.cssAvPlus .themes li button.moreBtn {
          width: 100%;
          margin: 0;
          background-color: #e5e5e8;
          border-color: #e5e5e8;
          position: relative;
          z-index: 0;
          right: auto;
          top: auto; }
        .box.cssAvPlus .themes li.open {
          margin-bottom: 16px; }
          .box.cssAvPlus .themes li.open button.moreBtn {
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            -ms-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            border-bottom: 0; } }

.box.cssAvPlus .avPlus-teaser {
  display: none; }
  .box.cssAvPlus .avPlus-teaser.active {
    display: block; }

.box.cssAvPlus .avPlus-content {
  display: none;
  position: relative;
  z-index: 4;
  top: 0;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 4px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  overflow-y: auto; }
  .box.cssAvPlus .avPlus-content h3 {
    padding: 16px;
    font-size: 1.1875em;
    text-transform: uppercase;
    display: block;
    text-align: center; }
  .box.cssAvPlus .avPlus-content .box {
    padding: 8px !important; }
    .box.cssAvPlus .avPlus-content .box .teaser {
      margin-bottom: 0 !important;
      background-color: #f5f5fa !important;
      margin-bottom: 8px; }
      .box.cssAvPlus .avPlus-content .box .teaser .shortInfos {
        margin-bottom: 0 !important; }
      html.no-touch .box.cssAvPlus .avPlus-content .box .teaser:hover {
        background-color: #fefefe !important; }
      .box.cssAvPlus .avPlus-content .box .teaser .teaserInfoWrapper {
        padding: 16px; }
      .box.cssAvPlus .avPlus-content .box .teaser .mediaCon {
        margin-bottom: 0 !important; }
    .box.cssAvPlus .avPlus-content .box .headline,
    .box.cssAvPlus .avPlus-content .box .dachzeile,
    .box.cssAvPlus .avPlus-content .box .teasertext,
    .box.cssAvPlus .avPlus-content .box .linklist,
    .box.cssAvPlus .avPlus-content .box .cssProgramHintBox,
    .box.cssAvPlus .avPlus-content .box .moreBtn {
      display: none; }
    .box.cssAvPlus .avPlus-content .box .shortHeadline,
    .box.cssAvPlus .avPlus-content .box .shortHeadline .headline {
      display: block; }
    .box.cssAvPlus .avPlus-content .box.cssImage .mediaCon {
      z-index: 4; }
  @media (min-width: 0) and (max-width: 767px) {
    .box.cssAvPlus .avPlus-content {
      border: 1px solid #e5e5e8;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -ms-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px; }
      .box.cssAvPlus .avPlus-content .box .shortHeadline {
        font-size: 1em; }
        .box.cssAvPlus .avPlus-content .box .shortHeadline:before {
          display: none !important; }
      .box.cssAvPlus .avPlus-content .box .moreBtn {
        display: none; } }

/* AVPlus Player */
.cssAvPlus.box .avPlusThemaShowTeasertext .avPlus-content .box .teasertext {
  display: block; }

.mod {
  /*Livestreamteaser LinkAll*/ }
  .mod .quiz-question .mediaCon .icon-font,
  .mod .quiz-answers__wrapper.media-wrapper .icon-font,
  .mod > .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font,
  .mod .pinboardWrapper .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font,
  .mod > .boxCon .box.cssBroadcast.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font,
  .mod > .boxCon .box.cssAv.cssVoting > .teaser .form-button .mediaCon > .media .imageWrapper .icon-font,
  .mod > .boxCon .box .form-button.cssAv .mediaCon > .media .imageWrapper .icon-font,
  .mod > .boxCon .box .cssAv.mediaCon > .media .imageWrapper .icon-font, .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after {
    background-color: #0682d1;
    color: #fff;
    /*      height: 32px;
      width: 46px;
      line-height: 0.25em;
*/
    left: 0.5rem;
    height: 44px;
    width: 44px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    align-items: center;
    justify-content: center;
    border: 0;
    content: "";
    position: absolute;
    display: none;
    bottom: 0.5rem;
    top: auto; }
    .mod .quiz-question .mediaCon .icon-font:before,
    .mod .quiz-answers__wrapper.media-wrapper .icon-font:before,
    .mod > .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font:before,
    .mod .pinboardWrapper .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font:before,
    .mod > .boxCon .box.cssBroadcast.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font:before,
    .mod > .boxCon .box.cssAv.cssVoting > .teaser .form-button .mediaCon > .media .imageWrapper .icon-font:before,
    .mod > .boxCon .box .form-button.cssAv .mediaCon > .media .imageWrapper .icon-font:before,
    .mod > .boxCon .box .cssAv.mediaCon > .media .imageWrapper .icon-font:before {
      content: ""; }
    .mod .quiz-question .mediaCon .icon-font:focus,
    .mod .quiz-answers__wrapper.media-wrapper .icon-font:focus,
    .mod > .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font:focus,
    .mod .pinboardWrapper .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font:focus,
    .mod > .boxCon .box.cssBroadcast.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font:focus,
    .mod > .boxCon .box.cssAv.cssVoting > .teaser .form-button .mediaCon > .media .imageWrapper .icon-font:focus,
    .mod > .boxCon .box .form-button.cssAv .mediaCon > .media .imageWrapper .icon-font:focus,
    .mod > .boxCon .box .cssAv.mediaCon > .media .imageWrapper .icon-font:focus, .mod .cssAv.boxImage .teaserInfoWrapper:focus:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:focus:after {
      background-color: #0682d1; }
  .mod > .boxCon .box.cssAv.cssLivestream > .teaser .mediaCon > .media .imageWrapper:after {
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    margin: 0.3125rem;
    padding: 4px 8px;
    color: #fff;
    background-color: #0682d1;
    content: 'Livestream';
    position: absolute; }
  .mod .cssAv .ardplayer-external-wrapper {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    min-height: 108px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .mod .cssAv .showNotes {
    z-index: 3;
    position: relative; }
    .mod .cssAv .showNotes > * {
      margin-bottom: 1rem; }
    .mod .cssAv .showNotes > ul.small,
    .mod .cssAv .showNotes > ol,
    .mod .cssAv .showNotes > ul {
      margin: 0 0 1rem 1.5rem;
      list-style-type: square; }
      .mod .cssAv .showNotes > ul.small li,
      .mod .cssAv .showNotes > ol li,
      .mod .cssAv .showNotes > ul li {
        margin-bottom: 0.5rem; }
    .mod .cssAv .showNotes p > a {
      color: #d40028;
      font-weight: bold; }
  .mod .cssAv .mediaCon {
    cursor: pointer; }
    .mod .cssAv .mediaCon .media {
      position: relative; }
      .mod .cssAv .mediaCon .media a:focus .icon-font {
        background-color: #0682d1 !important; }
      .mod .cssAv .mediaCon .media html.no-touch a:hover .icon-font {
        background-color: #0682d1; }
    .mod .cssAv .mediaCon.avInline .media .icon-font {
      background-color: #0682d1; }
  .mod .cssAv.modA .teaserInfoWrapper {
    padding-left: 0;
    padding-right: 0; }
  .mod .cssAv.modC .avInfos .avLinkTitle,
  .mod .cssAv.modC .avInfos .avDownloadTitle, .mod .cssAv.modD .avInfos .avLinkTitle,
  .mod .cssAv.modD .avInfos .avDownloadTitle {
    padding-right: 32px; }
  .mod .cssAv.modC .avInfos .avLink,
  .mod .cssAv.modC .avInfos .avDownload, .mod .cssAv.modD .avInfos .avLink,
  .mod .cssAv.modD .avInfos .avDownload {
    min-width: 100%; }
  .mod .cssAv.modC .avInfos .avDownload, .mod .cssAv.modD .avInfos .avDownload {
    border-top: 1px solid #d7dcde; }
  .mod .cssAv.modC .avInfos .avLinkTitle, .mod .cssAv.modD .avInfos .avLinkTitle {
    border-left: 0; }
  .mod .cssAv .avRights {
    display: none;
    margin-top: 16px;
    font-size: 0.875em;
    margin-bottom: 16px; }
  .mod .cssAv .cssProgramHintBox .avInfos {
    left: -999em;
    height: 0;
    display: none !important; }
  .mod .cssAv .embedCode {
    padding: 8px;
    z-index: 1;
    position: relative; }
    .mod .cssAv .embedCode textarea {
      font-size: 0.6875em;
      margin-bottom: 8px;
      padding: 8px;
      position: relative;
      z-index: 1;
      color: #666; }
  .mod .cssAv .moreBtn.embedBtn {
    cursor: pointer;
    display: block !important;
    position: relative;
    width: 100%;
    height: 32px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    max-width: 100%;
    line-height: 1em;
    right: 0;
    top: 0;
    padding-top: 8px; }
    .mod .cssAv .moreBtn.embedBtn:after {
      display: none; }
  .mod .cssAv.short .teasertext,
  .mod .cssAv.short .headline,
  .mod .cssAv.short .dachzeile,
  .mod .cssAv.short .cssProgramHintBox,
  .mod .cssAv.short .moreBtn,
  .short .mod .cssAv .teasertext,
  .short .mod .cssAv .headline,
  .short .mod .cssAv .dachzeile,
  .short .mod .cssAv .cssProgramHintBox,
  .short .mod .cssAv .moreBtn, .mod .cssAv.floatBox .teasertext,
  .mod .cssAv.floatBox .headline,
  .mod .cssAv.floatBox .dachzeile,
  .mod .cssAv.floatBox .cssProgramHintBox,
  .mod .cssAv.floatBox .moreBtn,
  .floatBox .mod .cssAv .teasertext,
  .floatBox .mod .cssAv .headline,
  .floatBox .mod .cssAv .dachzeile,
  .floatBox .mod .cssAv .cssProgramHintBox,
  .floatBox .mod .cssAv .moreBtn {
    display: none; }
  .mod .cssAv.short .shortHeadline,
  .mod .cssAv.short .shortHeadline .headline,
  .short .mod .cssAv .shortHeadline,
  .short .mod .cssAv .shortHeadline .headline, .mod .cssAv.floatBox .shortHeadline,
  .mod .cssAv.floatBox .shortHeadline .headline,
  .floatBox .mod .cssAv .shortHeadline,
  .floatBox .mod .cssAv .shortHeadline .headline {
    display: block; }
  .mod .cssAv.short .teaser.empty .teasertext,
  .mod .cssAv.short .teaser.empty .dachzeile {
    display: block; }
  .mod .cssAv.noBroadcast .cssProgramHintBox .cssProgramHintBroadcast,
  .noBroadcast .mod .cssAv .cssProgramHintBox .cssProgramHintBroadcast {
    display: none !important; }
  .mod .cssAv.noBroadcastTime .cssProgramHintBox .broadcastDateTotal,
  .mod .cssAv.noBroadcastTime .cssProgramHintBox .broadcastDateTime,
  .noBroadcastTime .mod .cssAv .cssProgramHintBox .broadcastDateTotal,
  .noBroadcastTime .mod .cssAv .cssProgramHintBox .broadcastDateTime {
    display: none !important; }
  .mod .cssAv.noBroadcastDuration .cssProgramHintBox .broadcastDuration,
  .mod .cssAv.noBroadcastDuration .cssProgramHintBox .broadcastDuration,
  .noBroadcastDuration .mod .cssAv .cssProgramHintBox .broadcastDuration,
  .noBroadcastDuration .mod .cssAv .cssProgramHintBox .broadcastDuration {
    display: none !important; }
  .mod .cssAv.noProgramInfos .cssProgramHintBox,
  .noProgramInfos .mod .cssAv .cssProgramHintBox {
    display: none !important; }
  .mod .cssAv.extended .cssProgramHintBox .avInfos,
  .extended .mod .cssAv .cssProgramHintBox .avInfos {
    left: 0;
    height: auto; }
  .mod .cssAv.extended .avRights,
  .mod .cssAv.extended .cssProgramHintBox,
  .mod .cssAv.extended .cssProgramHintBox .avInfos,
  .extended .mod .cssAv .avRights,
  .extended .mod .cssAv .cssProgramHintBox,
  .extended .mod .cssAv .cssProgramHintBox .avInfos {
    display: flex !important; }
  .sectionDetailPage .mod .cssAv.extended .moreBtn, .sectionDetailPage
  .extended .mod .cssAv .moreBtn {
    display: none !important; }
  .mod .cssAv.avRightsHidden .avRights {
    display: none; }
  .mod .cssAv.boxImage .retentionInfo,
  .mod .cssAv.boxImage .mediaCon .icon-font,
  .mod .cssAv.boxImage .avDetails, .mod .cssAv.boxImageSquare .retentionInfo,
  .mod .cssAv.boxImageSquare .mediaCon .icon-font,
  .mod .cssAv.boxImageSquare .avDetails {
    display: none !important; }
  .mod .cssAv.boxImage .mediaCon.brav-playing + .teaserInfoWrapper,
  .mod .cssAv.boxImage .mediaCon.brav-ready + .teaserInfoWrapper, .mod .cssAv.boxImageSquare .mediaCon.brav-playing + .teaserInfoWrapper,
  .mod .cssAv.boxImageSquare .mediaCon.brav-ready + .teaserInfoWrapper {
    display: none; }
  .mod .cssAv.boxImage .teaserInfoWrapper, .mod .cssAv.boxImageSquare .teaserInfoWrapper {
    padding-right: 16px !important; }
    .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after {
      position: absolute;
      display: flex;
      float: right;
      left: 0.5rem !important;
      top: -0.5rem;
      margin-top: -44px;
      font-size: 1.5rem; }
  .mod .cssAv.boxImage .brav-ready + .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .brav-ready + .teaserInfoWrapper:after {
    display: none; }
  .mod .cssAv.noImage > .teaser > .innerTeaser > .mediaCon > .media > .imageWrapper {
    background-color: #f5f5fa; }
    .mod .cssAv.noImage > .teaser > .innerTeaser > .mediaCon > .media > .imageWrapper img {
      display: none !important; }
  .mod .cssAv .mediaCon.missingVariants .imageWrapper {
    background-color: #f5f5fa; }
  .mod .cssAv .teaser .innerTeaser .avInfos {
    border-top: 1px solid #d7dcde;
    position: relative;
    background-color: #e8ebec;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLink,
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownload {
      min-width: 50%;
      display: flex;
      flex: 1 1 auto;
      flex-direction: column; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownload {
      border-left: 1px solid #d7dcde; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLink {
      order: 0; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody {
      order: 1; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownload {
      order: 2; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody {
      order: 3; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLink:not(.collapsed) .avLinkTitle,
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownload:not(.collapsed) .avDownloadTitle {
      background-color: #f5f5fa; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLink .avLinkTitle,
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownload .avDownloadTitle {
      top: 1px;
      margin-top: -1px;
      z-index: 2;
      min-height: 44px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle span {
      font-size: 0.875em; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLink > *,
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownload > *,
    .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink {
      padding: 12px 16px; }
    .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink {
      width: 100%;
      border-bottom: 1px solid #d7dcde; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody,
    .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle,
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody,
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle {
      width: 100%; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody:focus,
      .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle:focus,
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody:focus,
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle:focus {
        text-decoration: underline; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody,
    .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody {
      background-color: #f5f5fa;
      padding: 8px;
      border-top: 1px solid #d7dcde; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody {
      overflow: hidden; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a {
      width: 100%;
      text-align: center;
      display: flex;
      justify-content: center;
      padding: 8px;
      border: 1px solid #d7dcde;
      border-bottom: 0; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:before {
        content: "";
        font-size: 1em;
        margin-right: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:focus:before {
        text-decoration: none; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:after {
        display: none; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a span {
        display: block;
        margin-left: 4px;
        font-size: 0.875em; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:after {
        content: ''; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:last-child {
        border: 1px solid #d7dcde; }
      html.no-touch .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:hover {
        background-color: #fff; }
    @media (min-width: 0) and (max-width: 1007px) {
      .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle,
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle {
        padding-right: 32px; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avLink,
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownload {
        min-width: 100%; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownload {
        border-top: 1px solid #d7dcde; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle {
        border-left: 0; } }
    .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle,
    .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle {
      padding-right: 32px; }
    .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avLink,
    .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avDownload {
      min-width: 100%; }
    .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avDownload {
      border-top: 1px solid #d7dcde; }
    .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle {
      border-left: 0; }
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox {
    font-size: 0.875em;
    border: 1px solid #d7dcde;
    margin-bottom: 16px;
    font-weight: bold;
    z-index: 3;
    position: relative;
    background-color: #e8ebec; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox a:after {
      content: " "; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast,
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime,
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
      background-color: transparent;
      border: 0; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
      border-bottom: 1px solid #d7dcde;
      width: 100%; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast a:after {
      display: none; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime,
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
      width: auto; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime {
      padding-left: 0; }
      .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime:before {
        content: ', '; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
      padding-right: 0; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
      width: auto;
      border-color: #d7dcde; }
  .mod .cssMultimediaGallery .boxNormal:not(.boxSpecial) h4 .headline:before {
    content: "";
    font-size: 1em;
    margin-left: 16px;
    text-decoration: none;
    display: inline-block;
    float: right; }
  .mod .cssMultimediaGallery .boxNormal:not(.boxSpecial) h4 .headline:focus:before {
    text-decoration: none; }
  .mod .cssMultimediaGallery .mmgTeaserTitle {
    font-size: 1.1875em;
    margin-bottom: 24px;
    border-bottom: 1px solid #e5e5e8;
    padding-bottom: 16px; }
    .mod .cssMultimediaGallery .mmgTeaserTitle:before {
      content: "";
      font-size: 1em;
      margin-left: 16px;
      text-decoration: none;
      display: inline-block;
      float: right; }
    .mod .cssMultimediaGallery .mmgTeaserTitle:focus:before {
      text-decoration: none; }
  .mod .cssMultimediaGallery .mmgTeaserList > .moreBtn {
    margin-top: 12px; }
  .mod .cssMultimediaGallery .mmgTeaserList .teaser {
    padding: 0.5rem;
    min-height: 50px;
    margin-bottom: 8px;
    background-color: #fff; }
    .mod .cssMultimediaGallery .mmgTeaserList .teaser .teasertext,
    .mod .cssMultimediaGallery .mmgTeaserList .teaser .cssProgramHintBox,
    .mod .cssMultimediaGallery .mmgTeaserList .teaser .moreBtn {
      display: none; }
    .mod .cssMultimediaGallery .mmgTeaserList .teaser .teaserInfoWrapper {
      padding: 0; }
    .mod .cssMultimediaGallery .mmgTeaserList .teaser.special .shortInfos {
      margin-top: 0; }
    .mod .cssMultimediaGallery .mmgTeaserList .teaser .avInfos {
      display: none !important; }
    .sectionA .mod .cssMultimediaGallery .mmgTeaserList .teaser .innerTeaser,
    .sectionB .mod .cssMultimediaGallery .mmgTeaserList .teaser .innerTeaser,
    .sectionZ .mod .cssMultimediaGallery .mmgTeaserList .teaser .innerTeaser {
      flex-direction: row; }
    .sectionA .mod .cssMultimediaGallery .mmgTeaserList .teaser .mediaCon,
    .sectionB .mod .cssMultimediaGallery .mmgTeaserList .teaser .mediaCon,
    .sectionZ .mod .cssMultimediaGallery .mmgTeaserList .teaser .mediaCon {
      min-width: 30%;
      max-width: 30%;
      padding-right: 16px; }
    .sectionA .mod .cssMultimediaGallery .mmgTeaserList .teaser .shortInfos,
    .sectionB .mod .cssMultimediaGallery .mmgTeaserList .teaser .shortInfos,
    .sectionZ .mod .cssMultimediaGallery .mmgTeaserList .teaser .shortInfos {
      overflow: hidden;
      width: auto; }
    .mod .cssMultimediaGallery .mmgTeaserList .teaser .avRights {
      display: none; }
  .mod .cssMultimediaGallery.short .mmgTeaserList > .moreBtn {
    display: block !important; }
  .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .headline,
  .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .dachzeile,
  .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .mediaCon {
    display: none; }
  .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .shortInfos {
    padding-right: 44px; }
  .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .shortHeadline .headline {
    font-size: 1.1875em;
    display: block; }
  .mod .cssMultimediaGallery.short .mmgTeaserList .teaser .teaserInfoWrapper:after {
    background-color: #313131;
    color: #fff;
    left: auto;
    right: 8px;
    top: 50%;
    margin-top: -20px;
    content: "";
    height: 41px;
    width: 41px;
    padding: 0;
    text-align: center;
    line-height: 36px;
    display: block;
    font-size: 1.5rem;
    position: absolute; }
  .mod .cssMultimediaGallery.extended .mmgTeaserList .teaser .cssProgramHintBox {
    display: block;
    margin-top: 12px; }
  .mod .cssMultimediaGallery .mmgContent {
    padding: 4px 0; }
    .mod .cssMultimediaGallery .mmgContent p {
      width: 50%;
      padding: 8px 16px; }
      .mod .cssMultimediaGallery .mmgContent p:before {
        content: "";
        font-size: 1em;
        margin-left: 16px;
        text-decoration: none;
        display: inline-block;
        float: right; }
      .mod .cssMultimediaGallery .mmgContent p:focus:before {
        text-decoration: none; }
      .mod .cssMultimediaGallery .mmgContent p.mmgAudios:before {
        content: "";
        font-size: 1em;
        margin-left: 16px;
        text-decoration: none;
        display: inline-block;
        float: right; }
      .mod .cssMultimediaGallery .mmgContent p.mmgAudios:focus:before {
        text-decoration: none; }
      .mod .cssMultimediaGallery .mmgContent p:first-child {
        border-right: 1px solid #d7dcde; }
  .mod .boxSpecial.cssVideo .teaser .innerTeaser .mediaCon,
  .mod .boxSpecial.cssAudio .teaser .innerTeaser .mediaCon,
  .mod .boxSpecial.cssAudioSlideShow .teaser .innerTeaser .mediaCon {
    max-width: 100% !important;
    padding-right: 0 !important; }
  .mod .boxSpecial.cssVideo .teaser .innerTeaser .shortInfos,
  .mod .boxSpecial.cssAudio .teaser .innerTeaser .shortInfos,
  .mod .boxSpecial.cssAudioSlideShow .teaser .innerTeaser .shortInfos {
    width: 100% !important; }
  .mod .boxSpecial.cssVideo .teaser.standard .mediaCon .media .icon-font,
  .mod .boxSpecial.cssAudio .teaser.standard .mediaCon .media .icon-font,
  .mod .boxSpecial.cssAudioSlideShow .teaser.standard .mediaCon .media .icon-font {
    background-color: #313131; }
  .mod .boxSpecial.squareVideo .imageWrapper:before {
    padding-top: 100%; }
  .cssAv .sectionDetailPage .mod .box.squareVideo .imageWrapper:before {
    padding-top: 100%; }
  .mod .cssAudio.form-button label,
  .mod .cssAudioLivestream.form-button label {
    padding-left: 64px; }
    .mod .cssAudio.form-button label:before,
    .mod .cssAudioLivestream.form-button label:before {
      content: "";
      font-size: 1em;
      margin-left: 16px;
      text-decoration: none;
      display: inline-block;
      float: right; }
    .mod .cssAudio.form-button label:focus:before,
    .mod .cssAudioLivestream.form-button label:focus:before {
      text-decoration: none; }
    .mod .cssAudio.form-button label:before,
    .mod .cssAudioLivestream.form-button label:before {
      text-indent: 32px;
      line-height: 0.9em;
      margin: 0; }
  .mod .cssAudio > .teaser > .innerTeaser h4 .headline:before,
  .mod .cssAudioLivestream > .teaser > .innerTeaser h4 .headline:before {
    content: "";
    font-size: 1em;
    margin-left: 16px;
    text-decoration: none;
    display: inline-block;
    float: right; }
  .mod .cssAudio > .teaser > .innerTeaser h4 .headline:focus:before,
  .mod .cssAudioLivestream > .teaser > .innerTeaser h4 .headline:focus:before {
    text-decoration: none; }
  .mod .cssAudio > .teaser > .innerTeaser .media,
  .mod .cssAudioLivestream > .teaser > .innerTeaser .media {
    height: auto !important; }
    .mod .cssAudio > .teaser > .innerTeaser .media .icon-font,
    .mod .cssAudioLivestream > .teaser > .innerTeaser .media .icon-font {
      bottom: auto; }
    .mod .cssAudio > .teaser > .innerTeaser .media object,
    .mod .cssAudioLivestream > .teaser > .innerTeaser .media object {
      max-height: 56px !important; }
    .mod .cssAudio > .teaser > .innerTeaser .media video,
    .mod .cssAudioLivestream > .teaser > .innerTeaser .media video {
      opacity: 0;
      position: absolute;
      left: -999em;
      visibility: hidden; }
  .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper,
  .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper {
    height: 54px;
    background-color: #d40028; }
    .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper:before,
    .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper:before {
      padding-top: 0; }
    .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper .icon-font,
    .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper .icon-font {
      top: 50% !important;
      transform: translate3d(0, -50%, 0);
      border: 1px solid #fff !important; }
    .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper img,
    .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper img {
      display: none; }
  .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon.ardplayer-loaded .imageWrapper,
  .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon.ardplayer-loaded .imageWrapper {
    height: 108px; }
  .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon.avInline .ui-social-fixed,
  .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon.avInline .ui-social-fixed {
    left: 96px;
    top: 0; }
    .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon.avInline .ui-social-fixed .ui-social-btn,
    .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon.avInline .ui-social-fixed .ui-social-btn {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      border: 0; }
  .mod .cssAudioLivestream .linkAll {
    height: 0; }
  .mod .cssAvAccessibleWrapper {
    background-color: #e5e5e8;
    display: flex;
    flex: 1 1 auto;
    position: relative; }
    .mod .cssAvAccessibleWrapper:after {
      position: absolute;
      content: '';
      width: 2px;
      height: calc(100% - 8px);
      top: 4px;
      left: 50%;
      margin-left: -1px;
      background-color: #fff;
      z-index: 1; }
    @media (min-width: 0) and (max-width: 479px) {
      .mod .cssAvAccessibleWrapper {
        flex-wrap: wrap; }
        .mod .cssAvAccessibleWrapper:after {
          display: none; } }
    .mod .cssAvAccessibleWrapper button {
      background-color: transparent;
      text-align: left;
      padding: 4px 8px;
      display: flex;
      align-items: center;
      font-size: 0.875em;
      font-weight: bold;
      color: #313131;
      cursor: pointer; }
      @media (min-width: 0) and (max-width: 767px) {
        .mod .cssAvAccessibleWrapper button {
          min-width: 100%; } }
      .mod .cssAvAccessibleWrapper button:focus:before, .mod .cssAvAccessibleWrapper button.active:before {
        background-color: #0682d1; }
      .mod .cssAvAccessibleWrapper button:before {
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.5rem;
        content: '';
        background-color: #fff;
        border-radius: 2px;
        display: block; }
  .mod .cssVideo .innerTeaser h4 .headline:before {
    content: "";
    font-size: 1em;
    margin-left: 16px;
    text-decoration: none;
    display: inline-block;
    float: right; }
  .mod .cssVideo .innerTeaser h4 .headline:focus:before {
    text-decoration: none; }
  .mod .cssVideo.form-button label {
    padding-left: 64px; }
    .mod .cssVideo.form-button label:before {
      content: "";
      font-size: 1em;
      margin-left: 16px;
      text-decoration: none;
      display: inline-block;
      float: right; }
    .mod .cssVideo.form-button label:focus:before {
      text-decoration: none; }
    .mod .cssVideo.form-button label:before {
      text-indent: 32px;
      line-height: 0.9em;
      margin: 0; }
  .mod .cssAudioSlideShow h4 .headline:before {
    content: "";
    font-size: 1em;
    margin-left: 16px;
    text-decoration: none;
    display: inline-block;
    float: right; }
  .mod .cssAudioSlideShow h4 .headline:focus:before {
    text-decoration: none; }
  .mod .cssAudioSlideShow:not(.avInline) .mediaCon .media .icon-font:before {
    background-color: #0682d1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    line-height: 32px; }
  .mod .cssAudioSlideShow .teaserInfoWrapper:before {
    background-color: #313131; }
  .mod .cssAudioSlideShow .playerHolder {
    background-color: white;
    display: block; }
    .mod .cssAudioSlideShow .playerHolder .imageWrapper img {
      opacity: 0; }
    .mod .cssAudioSlideShow .playerHolder .imageWrapper.loading {
      position: absolute;
      left: -999em; }
  .mod .cssAudioSlideShow .mediaCon > .mediaInfo {
    background-color: #f5f5fa;
    max-height: 100px;
    overflow-y: scroll;
    padding: 16px; }
  .mod .cssAudioSlideShow:not(.avInline) .mediaCon .media .icon-font:before {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin: -17px 0 0 -17px; }
  .mod .cssLivestream .cssProgramHintCurrent {
    width: 50%; }
  .mod .cssLivestream .avInfos {
    display: flex !important;
    height: auto;
    left: 0 !important; }
  @media (min-width: 0) and (max-width: 767px) {
    .mod .cssLivestream .cssProgramHintCurrent {
      width: 100%; }
    .mod .cssLivestream .avDownload {
      width: 100% !important; }
      .mod .cssLivestream .avDownload .avDownloadTitle {
        border-right: 0 !important; } }
  .sectionC .mod .cssLivestream .cssProgramHintCurrent, .mod.modB .cssLivestream .cssProgramHintCurrent, .mod.modC .cssLivestream .cssProgramHintCurrent, .mod.modD .cssLivestream .cssProgramHintCurrent {
    width: 100%; }
  .sectionC .mod .cssLivestream .avDownload, .mod.modB .cssLivestream .avDownload, .mod.modC .cssLivestream .avDownload, .mod.modD .cssLivestream .avDownload {
    width: 100% !important; }
    .sectionC .mod .cssLivestream .avDownload .avDownloadTitle, .mod.modB .cssLivestream .avDownload .avDownloadTitle, .mod.modC .cssLivestream .avDownload .avDownloadTitle, .mod.modD .cssLivestream .avDownload .avDownloadTitle {
      border-right: 0 !important; }
  .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p,
  .mod.modD .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
    width: 100%; }
    .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast,
    .mod.modD .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
      border-bottom: 1px solid #d7dcde;
      border-left: 0;
      width: 100%; }
    .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal,
    .mod.modD .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
      border-left: 0; }
    .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration,
    .mod.modD .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
      border-top: 1px solid #d7dcde;
      border-left: 0;
      width: 100%; }

@media (min-width: 0) and (max-width: 1007px) {
  .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
    width: 100%; }
    .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
      border-bottom: 1px solid #d7dcde;
      border-left: 0;
      width: 100%; }
    .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
      border-left: 0; }
    .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
      border-top: 1px solid #d7dcde;
      border-left: 0;
      width: 100%; } }

.sectionC .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
  width: 100%; }
  .sectionC .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
    border-bottom: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }
  .sectionC .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
    border-left: 0; }
  .sectionC .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
    border-top: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }

.cssAv.floatBox .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
  width: 100%; }
  .cssAv.floatBox .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
    border-bottom: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }
  .cssAv.floatBox .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
    border-left: 0; }
  .cssAv.floatBox .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
    border-top: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }

.cssAv.floatBox .teaser .innerTeaser .avInfos .avLinkTitle,
.cssAv.floatBox .teaser .innerTeaser .avInfos .avDownloadTitle {
  padding-right: 32px; }

.cssAv.floatBox .teaser .innerTeaser .avInfos .avLink,
.cssAv.floatBox .teaser .innerTeaser .avInfos .avDownload {
  min-width: 100%; }

.cssAv.floatBox .teaser .innerTeaser .avInfos .avDownload {
  border-top: 1px solid #d7dcde; }

.cssAv.floatBox .teaser .innerTeaser .avInfos .avLinkTitle {
  border-left: 0; }

#content .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
  width: 100%; }
  #content .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
    border-bottom: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }
  #content .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
    border-left: 0; }
  #content .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
    border-top: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }

#content .mod.modC .cssAv .teaser .innerTeaser .avInfos .avLinkTitle,
#content .mod.modC .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle {
  padding-right: 32px; }

#content .mod.modC .cssAv .teaser .innerTeaser .avInfos .avLink,
#content .mod.modC .cssAv .teaser .innerTeaser .avInfos .avDownload {
  min-width: 100%; }

#content .mod.modC .cssAv .teaser .innerTeaser .avInfos .avDownload {
  border-top: 1px solid #d7dcde; }

#content .mod.modC .cssAv .teaser .innerTeaser .avInfos .avLinkTitle {
  border-left: 0; }

#content .av-playerContainer.init .imageWrapper:before {
  padding-top: 56.25%; }

#content .squareVideo .av-playerContainer.init .imageWrapper:before {
  padding-top: 100%; }

#content .box .teaser .avActivePlay .icon-font {
  display: flex; }

#content .sectionDetailPage .conDetailHeader .hasMediaFull {
  margin-bottom: 1rem; }
  #content .sectionDetailPage .conDetailHeader .hasMediaFull > .mediaCon {
    display: block; }
  #content .sectionDetailPage .conDetailHeader .hasMediaFull > .mediaCon .mediaCon {
    margin: 0;
    padding: 0;
    max-width: 100%; }
  #content .sectionDetailPage .conDetailHeader .hasMediaFull > .mediaCon > * {
    padding: 0; }
  #content .sectionDetailPage .conDetailHeader .hasMediaFull .mediaCon .imageWrapper:before {
    padding-top: 37.5%; }
  #content .sectionDetailPage .conDetailHeader .hasMediaFull .cssVideo .av-playerContainer.init .imageWrapper:before,
  #content .sectionDetailPage .conDetailHeader .hasMediaFull .cssVideoLivestream .av-playerContainer.init .imageWrapper:before {
    padding-top: 56.25%; }
  #content .sectionDetailPage .conDetailHeader .hasMediaFull .box:not(.boxImage) .teaserInfoWrapper {
    display: none; }

body.cssMultimediaGallery .conDetailHeader .box {
  flex-direction: column; }
  body.cssMultimediaGallery .conDetailHeader .box .mmgContent .podcastInfo {
    margin-bottom: 1rem; }

body.cssMultimediaGallery #content h3.subtitle {
  display: none; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .box,
body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .boxCon {
  background-color: transparent; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage h1 .headline:before {
  content: "";
  font-size: 1em;
  margin-left: 16px;
  text-decoration: none;
  display: inline-block;
  float: right; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage h1 .headline:focus:before {
  text-decoration: none; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .moreBtn {
  display: none; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .mmgContentDetails p {
  display: inline;
  font-size: 1.1875em;
  font-weight: bold; }
  body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .mmgContentDetails p:nth-child(2):before {
    content: ' | '; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails {
  background-color: #f0f0f0;
  padding: 8px;
  margin-bottom: 16px; }
  body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails p {
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 16px; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastLinkTitle {
  font-weight: bold; }
  body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastLinkTitle span {
    background-color: #fff;
    display: block;
    padding: 8px;
    font-weight: normal;
    margin-top: 8px; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn {
  float: right;
  padding: 8px;
  font-size: 0.875em;
  background-color: #f0f0f0;
  color: #666;
  border: 1px solid #e5e5e8;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold; }
  body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn:before {
    content: "";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn:focus:before {
    text-decoration: none; }
  body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn .collapseArrow {
    display: none !important; }
  body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.collapsed {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn {
    display: inline-block;
    text-transform: none;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #666;
    border: 0; }
    body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn:before {
      display: none; }
    body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn:after {
      content: ""; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .box {
  margin-bottom: 0.5rem; }

body.cssMultimediaGallery #content .sectionWrapper.hasSectionDetail .sectionDetailPage .teaser {
  background-color: #fff;
  padding: 0.5rem; }

body.cssVideo h1 .headline:before {
  content: "";
  font-size: 1em;
  margin-left: 16px;
  text-decoration: none;
  display: inline-block;
  float: right; }

body.cssVideo h1 .headline:focus:before {
  text-decoration: none; }

body.cssAudio h1 .headline:before {
  content: "";
  font-size: 1em;
  margin-left: 16px;
  text-decoration: none;
  display: inline-block;
  float: right; }

body.cssAudio h1 .headline:focus:before {
  text-decoration: none; }

body.cssAudioSlideShow h1 .headline:before {
  content: "";
  font-size: 1em;
  margin-left: 16px;
  text-decoration: none;
  display: inline-block;
  float: right; }

body.cssAudioSlideShow h1 .headline:focus:before {
  text-decoration: none; }

body.cssLivestream .sectionDetailPage .cssProgramHintBox {
  display: none !important; }

body.cssLivestream .sectionDetailPage .conDetailHeader + .conInline .cssLivestream .teaserInfoWrapper {
  display: none !important; }

body.cssLivestream .conLivestreamLinks .linklist li span.linkUrl {
  padding-top: 0;
  font-size: 0.875em;
  display: block; }

/* Bildteaser mit Text Textpositionierung beim Audio */
.con.noStandardFallback .mod.modC .box.boxImageSquare:not(.noStandardFallback) .brav-ready + .teaserInfoWrapper {
  bottom: 52px; }

/*prevent overflow ellipsis icons */
.mod .cssVideo .innerTeaser h4 .headline:before,
.mod .cssAudio .innerTeaser h4 .headline:before,
.mod .linklist .list li.cssAudio a .linktext:before,
.mod .linklist .list li.cssVideo a .linktext:before {
  max-height: 1.12em; }

/*nur AV-Downloads */
.con.onlyMediaDownload .cssAv .teaserInfoWrapper .cssProgramHintBox .cssProgramHintDate {
  display: none !important; }

.con.onlyMediaDownload .cssAv .teaserInfoWrapper .cssProgramHintBox .avInfos.hasDownload {
  display: block !important;
  left: 0;
  height: auto; }

.con.onlyMediaDownload .cssAv .teaserInfoWrapper .cssProgramHintBox .avInfos.hasDownload .avLink,
.con.onlyMediaDownload .cssAv .teaserInfoWrapper .cssProgramHintBox .avInfos.hasDownload .cssBroadcastInfoLink {
  display: none; }

.con.onlyMediaDownload .cssAv .teaser .innerTeaser .avInfos.hasDownload .avDownload,
.con.onlyMediaDownload .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avDownload {
  width: 100%; }

.con.onlyMediaDownload .cssAv .teaser .innerTeaser .avInfos.hasDownload .avDownload .avDownloadTitle,
.con.onlyMediaDownload .cssAv .teaser .innerTeaser .avInfos {
  border: 0; }

.mod .box.cssAv .teaser .innerTeaser .mediaCon .media .imageWrapper .icon-font {
  background-color: #313131 !important; }

.mod .box.cssAv:hover .teaser .innerTeaser .mediaCon .media .imageWrapper .icon-font {
  background-color: #d40028 !important; }

.cssIpgMenuContent {
  padding: 24px 50px 32px 50px;
  position: relative;
  background-color: #f5f5fa;
  border: 1px solid #e5e5e8;
  border-top: 0; }
  @media (min-width: 0) and (max-width: 1007px) {
    .cssIpgMenuContent {
      padding: 0; } }

html.flexbox .cssIpgMenuCalSlider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.cssIpgMenuCalSlider .cssIpgMenuCalItem table {
  margin: 0 auto;
  text-align: center; }
  @media (min-width: 0) and (max-width: 1007px) {
    .cssIpgMenuCalSlider .cssIpgMenuCalItem table {
      margin-top: 32px;
      margin-bottom: 32px; } }
  .cssIpgMenuCalSlider .cssIpgMenuCalItem table caption,
  .cssIpgMenuCalSlider .cssIpgMenuCalItem table td,
  .cssIpgMenuCalSlider .cssIpgMenuCalItem table th {
    text-align: center; }
  .cssIpgMenuCalSlider .cssIpgMenuCalItem table caption {
    text-transform: uppercase;
    padding-bottom: 8px; }
  .cssIpgMenuCalSlider .cssIpgMenuCalItem table thead {
    position: absolute;
    left: -999em;
    height: 0; }

.cssIpgMenu {
  margin-bottom: 0;
  display: block !important; }
  .cssIpgMenu .boxCon {
    padding: 0; }
  .cssIpgMenu:after {
    display: none; }
  .cssIpgMenu ul {
    position: relative; }
  .cssIpgMenu ul li span {
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb;
    border-bottom-color: #ebebeb; }
  .cssIpgMenu ul li.collapsed span {
    background-color: transparent;
    border-bottom-color: #e5e5e8; }
  .cssIpgMenu ul:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    height: 1px;
    width: 100%;
    background-color: #e5e5e8; }

body.cssIpg #content .box.cssIpgHeader a,
body.cssProgramDayBundle #content .box.cssIpgHeader a {
  display: none; }

#content .box.cssIpgHeader,
#content .box.cssIpgFooter {
  min-height: 44px;
  flex-wrap: nowrap; }
  body.cssBroadcast .sectionDetailPage #content .box.cssIpgHeader, body.cssBroadcast .sectionDetailPage
  #content .box.cssIpgFooter {
    margin-bottom: 32px; }
  #content .box.cssIpgHeader h2,
  #content .box.cssIpgHeader h1,
  #content .box.cssIpgFooter h2,
  #content .box.cssIpgFooter h1 {
    display: flex;
    text-transform: uppercase;
    width: 100%;
    align-items: center; }
    #content .box.cssIpgHeader h2 .headline,
    #content .box.cssIpgHeader h1 .headline,
    #content .box.cssIpgFooter h2 .headline,
    #content .box.cssIpgFooter h1 .headline {
      font-size: 1.8em;
      border-bottom: 1px solid #313131;
      padding-bottom: 16px;
      display: flex;
      align-items: center;
      flex-direction: column; }
      #content .box.cssIpgHeader h2 .headline a,
      #content .box.cssIpgHeader h1 .headline a,
      #content .box.cssIpgFooter h2 .headline a,
      #content .box.cssIpgFooter h1 .headline a {
        display: inline-block;
        font-size: 0.5em;
        margin-top: 16px; }
        #content .box.cssIpgHeader h2 .headline a:after,
        #content .box.cssIpgHeader h1 .headline a:after,
        #content .box.cssIpgFooter h2 .headline a:after,
        #content .box.cssIpgFooter h1 .headline a:after {
          content: "";
          font-size: 1.1875em;
          margin-left: 16px;
          text-decoration: none;
          display: inline-block; }
        #content .box.cssIpgHeader h2 .headline a:focus:after,
        #content .box.cssIpgHeader h1 .headline a:focus:after,
        #content .box.cssIpgFooter h2 .headline a:focus:after,
        #content .box.cssIpgFooter h1 .headline a:focus:after {
          text-decoration: none; }
        #content .box.cssIpgHeader h2 .headline a.open:after,
        #content .box.cssIpgHeader h1 .headline a.open:after,
        #content .box.cssIpgFooter h2 .headline a.open:after,
        #content .box.cssIpgFooter h1 .headline a.open:after {
          content: ""; }
  #content .box.cssIpgHeader > a,
  #content .box.cssIpgFooter > a {
    display: flex; }
    #content .box.cssIpgHeader > a.prev:before,
    #content .box.cssIpgFooter > a.prev:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    #content .box.cssIpgHeader > a.prev:focus:before,
    #content .box.cssIpgFooter > a.prev:focus:before {
      text-decoration: none; }
    #content .box.cssIpgHeader > a.next,
    #content .box.cssIpgFooter > a.next {
      justify-content: flex-end; }
      #content .box.cssIpgHeader > a.next:after,
      #content .box.cssIpgFooter > a.next:after {
        content: "";
        font-size: 1em;
        margin-left: 8px;
        text-decoration: none;
        display: inline-block; }
      #content .box.cssIpgHeader > a.next:focus:after,
      #content .box.cssIpgFooter > a.next:focus:after {
        text-decoration: none; }
    @media (min-width: 0) and (max-width: 767px) {
      #content .box.cssIpgHeader > a,
      #content .box.cssIpgFooter > a {
        color: rgba(255, 255, 255, 0); }
        #content .box.cssIpgHeader > a:after, #content .box.cssIpgHeader > a:before,
        #content .box.cssIpgFooter > a:after,
        #content .box.cssIpgFooter > a:before {
          color: #313131; } }
    .sectionC #content .box.cssIpgHeader > a, .sectionC
    #content .box.cssIpgFooter > a {
      color: rgba(255, 255, 255, 0); }
      .sectionC #content .box.cssIpgHeader > a:after, .sectionC #content .box.cssIpgHeader > a:before, .sectionC
      #content .box.cssIpgFooter > a:after, .sectionC
      #content .box.cssIpgFooter > a:before {
        color: #313131; }

#content .box.cssIpgFooter {
  margin-top: 2rem; }

body.cssBroadcast #content .sectionWrapper.hasSectionDetail .section.sectionDetailPage {
  padding-bottom: 0; }
  body.cssBroadcast #content .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con:not(.conInline) .box .teaser {
    background-color: transparent; }
  body.cssBroadcast #content .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conInline .box .cssProgramHintBroadcast,
  body.cssBroadcast #content .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conInline .box .broadcastDateTotal,
  body.cssBroadcast #content .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conInline .box .broadcastDateTime {
    display: none; }

body.cssIpgDay #content .ui-collapsible {
  border: 0; }

#content .mod.cssBroadcastList .boxCon {
  background-color: #fefefe; }

#content .mod.cssBroadcastList.dayView .time .date,
#content .mod.cssBroadcastList.dayView .time .channel, #content .mod.cssBroadcastList.axisView .time .date,
#content .mod.cssBroadcastList.axisView .time .channel, #content .mod.cssBroadcastList.noCatView .time .date,
#content .mod.cssBroadcastList.noCatView .time .channel {
  display: none !important; }

#content .mod.cssBroadcastList.noCatView.searchView .time .date {
  display: block !important; }

#content .mod.cssBroadcastList.dayView .ui-collapsible-entry {
  margin-bottom: 0.5rem;
  border: 1px solid #c4c4c4;
  border-radius: 0.25rem; }

#content .mod.cssBroadcastList.dayView h3.title {
  justify-content: center; }
  #content .mod.cssBroadcastList.dayView h3.title:before {
    display: none; }
  #content .mod.cssBroadcastList.dayView h3.title:after {
    position: absolute;
    right: 1rem; }
  #content .mod.cssBroadcastList.dayView h3.title:after {
    content: "";
    font-size: 1.1875em;
    margin-left: 16px;
    text-decoration: none;
    display: inline-block; }
  #content .mod.cssBroadcastList.dayView h3.title:focus:after {
    text-decoration: none; }
  #content .mod.cssBroadcastList.dayView h3.title.collapsed:after {
    content: "";
    font-size: 1.1875em;
    margin-left: 16px;
    text-decoration: none;
    display: inline-block; }
  #content .mod.cssBroadcastList.dayView h3.title.collapsed:focus:after {
    text-decoration: none; }
  #content .mod.cssBroadcastList.dayView h3.title:after {
    float: right; }

#content .mod.cssBroadcastList.noCatView div .boxCon {
  padding-top: 16px !important; }

#content .cssBroadcastList > div {
  background-color: #f5f5fa;
  padding: 0; }
  #content .cssBroadcastList > div .boxCon {
    padding: 16px !important;
    padding-top: 0 !important; }
  #content .cssBroadcastList > div h3.title {
    text-transform: uppercase;
    margin-bottom: 0; }
  #content .cssBroadcastList > div .box.cssBroadcast {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #e5e5e8;
    border-bottom-color: #e5e5e8; }
    #content .cssBroadcastList > div .box.cssBroadcast .innerTeaser {
      padding: 0.5rem; }
    .ui-collapsible #content .cssBroadcastList > div .box.cssBroadcast {
      border-bottom-color: transparent; }
    #content .cssBroadcastList > div .box.cssBroadcast .broadcastSpecs {
      display: block; }
    #content .cssBroadcastList > div .box.cssBroadcast .broadcastLinks {
      overflow: hidden;
      display: flex; }
    #content .cssBroadcastList > div .box.cssBroadcast .time {
      order: 0;
      min-width: 150px;
      justify-content: center;
      font-weight: bold;
      font-size: 1.5rem; }
    @media (min-width: 768px) {
      #content .cssBroadcastList > div .box.cssBroadcast .mediaCon {
        order: 1;
        min-width: 30%;
        max-width: 30%;
        padding-right: 0;
        margin-bottom: 0; }
      #content .cssBroadcastList > div .box.cssBroadcast .teaserInfoWrapper,
      #content .cssBroadcastList > div .box.cssBroadcast .time {
        order: 2;
        max-width: 70%;
        margin-left: auto;
        padding-left: 1rem;
        justify-content: flex-start; } }
    #content .cssBroadcastList > div .box.cssBroadcast p.subtitle {
      font-size: 1em; }
    #content .cssBroadcastList > div .box.cssBroadcast .teaser .shortInfos {
      position: static;
      padding-right: 100px; }

.modA.cssBroadcastList > div .time {
  text-align: center; }

.cssIpgSearchInfo {
  margin-bottom: 0 !important;
  flex-direction: column; }
  .cssIpgSearchInfo p {
    float: left;
    font-size: 1.1875em; }
    .cssIpgSearchInfo p span {
      font-weight: bold; }
    .cssIpgSearchInfo p.cssIpgSearchCount {
      float: right; }

.cssIpgDownload .boxEmptySearchResult h4 {
  color: #ec0000; }

.form.cssIpgSearchForm .form-helpmsg {
  display: none; }

.form.cssIpgSearchForm label,
.form.cssIpgSearchForm .unitD .label {
  font-weight: bold;
  text-transform: uppercase; }

.form.cssIpgSearchForm span {
  text-align: left;
  line-height: 1.21; }

.form.cssIpgSearchForm .formElement {
  padding-right: 0; }

.form.cssIpgSearchForm .submitfield {
  margin-top: 0; }

.form.cssIpgSearchForm .submitfield {
  padding-top: 0;
  padding-bottom: 0; }

.form.cssIpgSearchForm fieldset {
  padding-bottom: 0;
  background-color: transparent; }

.form.cssIpgSearchForm .form-hint {
  background-color: transparent; }

.form.cssIpgSearchForm.cssIpgDownload {
  margin-bottom: 16px; }
  .form.cssIpgSearchForm.cssIpgDownload fieldset:first-child {
    border-top: 1px solid #e5e5e8; }
  .form.cssIpgSearchForm.cssIpgDownload .moreBtn {
    background-color: transparent; }
    .form.cssIpgSearchForm.cssIpgDownload .moreBtn .form-buttontext:after {
      content: "";
      font-size: 4;
      margin-left: 16px;
      text-decoration: none;
      display: inline-block; }
    .form.cssIpgSearchForm.cssIpgDownload .moreBtn .form-buttontext:focus:after {
      text-decoration: none; }

.form.cssIpgSearchForm .cssIpgRange select {
  width: 120px;
  margin-right: 16px; }

.form.cssIpgSearchForm .cssIpgRange .ui-selectbox {
  width: 150px;
  margin-left: 50px;
  margin-right: 16px; }
  .form.cssIpgSearchForm .cssIpgRange .ui-selectbox select {
    width: 100%;
    margin: 0; }

.form.cssIpgSearchForm .cssIpgRange .cssIpgRangeStart {
  position: absolute;
  left: -50px;
  text-align: right;
  text-transform: none;
  font-weight: normal; }

.form.cssIpgSearchForm .cssIpgRange .unitY {
  text-align: left; }
  .form.cssIpgSearchForm .cssIpgRange .unitY .ui-selectbox {
    margin-bottom: 8px;
    float: left; }
  .form.cssIpgSearchForm .cssIpgRange .unitY span {
    margin-right: 0;
    min-width: 45px;
    display: inline-block;
    vertical-align: middle;
    text-align: left; }

.form.cssIpgSearchForm .unitY.checkbox .form-button {
  margin-bottom: 16px;
  width: 50%;
  text-align: left;
  margin-right: 0;
  padding: 0;
  padding-right: 16px; }
  .form.cssIpgSearchForm .unitY.checkbox .form-button label {
    max-width: 100%;
    text-transform: none; }

body.cssIpg .cssIpgSearchSlider {
  opacity: 1; }
  html.js body.cssIpg .cssIpgSearchSlider {
    opacity: 0; }

.cssIpgSearchSlider .owl-stage {
  padding-top: 1rem; }

.box.cssBroadcast.hasAvContent .teaser .broadcastSpecs li.VideoOnDemand {
  color: #0a73b8; }

.box.cssBroadcast .teaser.now {
  -webkit-box-shadow: inset 0px 0px 0px 1px #e2001a;
  -moz-box-shadow: inset 0px 0px 0px 1px #e2001a;
  box-shadow: inset 0px 0px 0px 1px #e2001a; }
  .box.cssBroadcast .teaser.now .cssIpgLink.livestreamLink {
    display: block;
    color: #e2001a;
    border-color: #e2001a;
    overflow: hidden;
    text-overflow: ellipsis; }
    html.no-touch .box.cssBroadcast .teaser.now .cssIpgLink.livestreamLink:hover {
      background-color: #e2001a;
      color: #fff;
      text-decoration: none; }

.box.cssBroadcast .teaser .progressContainer {
  position: absolute;
  bottom: -4px;
  width: 100%;
  height: 4px;
  left: 0;
  background-color: #ccc;
  z-index: 1; }
  .box.cssBroadcast .teaser .progressContainer .icon-font {
    display: inline-block;
    font-size: 16px;
    width: auto;
    height: auto;
    text-align: left;
    background-color: #e2001a;
    color: #fff;
    bottom: auto;
    top: -28px;
    padding: 4px;
    line-height: 1.21em;
    position: absolute; }
    .box.cssBroadcast .teaser .progressContainer .icon-font:before {
      content: 'LIVE';
      font-weight: bold; }
  .box.cssBroadcast .teaser .progressContainer .progress {
    position: absolute;
    width: 0;
    left: 0;
    top: 0;
    height: 4px;
    background-color: #e2001a; }

.box.cssBroadcast .teaser .media.av-playerContainer .progressContainer .icon-font {
  display: none; }

.box.cssBroadcast .teaser .broadcastSeriesTitle {
  font-weight: normal; }

.box.cssBroadcast .teaser .cssIpgLink {
  padding: 4px;
  border: 1px solid #666;
  font-weight: bold;
  font-size: 0.875em;
  color: #666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  display: block;
  z-index: 1;
  margin-bottom: 8px; }
  .box.cssBroadcast .teaser .cssIpgLink:after {
    content: "";
    font-size: 0.875em;
    margin-left: 4px;
    text-decoration: none;
    display: inline-block; }
  .box.cssBroadcast .teaser .cssIpgLink:focus:after {
    text-decoration: none; }
  .box.cssBroadcast .teaser .cssIpgLink.livestreamLink {
    display: none; }

.box.cssBroadcast .teaser .broadcastSpecs {
  width: 84px;
  position: absolute;
  top: 16px;
  right: 24px;
  z-index: 1;
  display: none; }
  .box.cssBroadcast .teaser .broadcastSpecs li {
    float: left;
    position: relative;
    margin-bottom: 1px;
    color: #313131;
    text-align: right; }
    .box.cssBroadcast .teaser .broadcastSpecs li span,
    .box.cssBroadcast .teaser .broadcastSpecs li a {
      text-indent: -999em;
      text-align: left;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .box.cssBroadcast .teaser .broadcastSpecs li.hd:before, .box.cssBroadcast .teaser .broadcastSpecs li.HD:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.hd:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.HD:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.dolby:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.teletext:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.stereo:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.live:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.live:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand {
      color: transparent; }
      .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:before {
        content: "";
        font-size: 1.5em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:focus:before {
        text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:focus:before {
      text-decoration: none; }

.box.cssBroadcast .teaser p.seasonInfo {
  margin-bottom: 8px; }
  .box.cssBroadcast .teaser p.seasonInfo .season:after {
    content: ','; }

.box.cssBroadcast .teaser .time {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0; }
  .box.cssBroadcast .teaser .time .date,
  .box.cssBroadcast .teaser .time .startTime {
    font-size: 1.1875em; }
  .box.cssBroadcast .teaser .time > span.date:after {
    content: ' | '; }
  .box.cssBroadcast .teaser .time > span.channel:not(.date) {
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 100%; }
  .box.cssBroadcast .teaser .time .endTime {
    display: none !important; }

.box.cssBroadcast.noImage {
  padding-bottom: 32px !important; }

.box.cssBroadcast.boxImage .time, .box.cssBroadcast.boxImageSquare .time {
  position: absolute;
  width: 160px; }

.box.cssBroadcast.boxImage .time .date:after, .box.cssBroadcast.boxImageSquare .time .date:after {
  display: none; }

.box.cssBroadcast.boxImage .time .startTime, .box.cssBroadcast.boxImageSquare .time .startTime {
  font-weight: bold; }

.box.cssBroadcast.boxImage .mediaCon, .box.cssBroadcast.boxImageSquare .mediaCon {
  width: 100%;
  padding-right: 0; }

@media (min-width: 0) and (max-width: 767px) {
  .box.cssBroadcast.boxImage .time, .box.cssBroadcast.boxImageSquare .time {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 100%; }
    .box.cssBroadcast.boxImage .time span, .box.cssBroadcast.boxImageSquare .time span {
      background-color: transparent; } }

.sectionC .box.cssBroadcast.boxImage .time,
.modC .box.cssBroadcast.boxImage .time, .sectionC .box.cssBroadcast.boxImageSquare .time,
.modC .box.cssBroadcast.boxImageSquare .time {
  position: relative;
  top: 0;
  width: 100%;
  max-width: 100%; }
  .sectionC .box.cssBroadcast.boxImage .time span,
  .modC .box.cssBroadcast.boxImage .time span, .sectionC .box.cssBroadcast.boxImageSquare .time span,
  .modC .box.cssBroadcast.boxImageSquare .time span {
    background-color: transparent; }

.ui-collapsible-body .box.cssBroadcast .collapsed .teaser {
  background-color: rgba(0, 0, 0, 0.05); }

@media (min-width: 0) and (max-width: 767px) {
  .box.cssBroadcast .cssBroadcastList .imageWrapper:before {
    padding-top: 37.5%; } }

.sectionC .cssBroadcastList .box.cssBroadcast .imageWrapper:before {
  padding-top: 37.5%; }

html.view-xs .cssBroadcastList .box.cssBroadcast .broadcastSpecs,
html.view-s .cssBroadcastList .box.cssBroadcast .broadcastSpecs,
.sectionC .cssBroadcastList .box.cssBroadcast .broadcastSpecs,
.modC .box.cssBroadcast .broadcastSpecs {
  top: 0;
  right: 0;
  padding: 8px 0 0 0;
  margin-bottom: 16px;
  position: relative;
  display: flex;
  max-width: 100%; }
  html.view-xs .cssBroadcastList .box.cssBroadcast .broadcastSpecs li,
  html.view-s .cssBroadcastList .box.cssBroadcast .broadcastSpecs li,
  .sectionC .cssBroadcastList .box.cssBroadcast .broadcastSpecs li,
  .modC .box.cssBroadcast .broadcastSpecs li {
    float: left; }

.broadcastCount:before {
  content: ' | '; }

li.cssBroadcast .linktext {
  font-weight: bold; }

li.cssBroadcast .cssProgramHintBox {
  margin-top: 4px; }

li.cssBroadcast .broadcastDateTime span:before {
  content: ' '; }

li.cssBroadcast span.weekDay:after,
li.cssBroadcast span.broadcastDateTime:after {
  content: ', '; }

li.cssBroadcast .docName {
  display: none; }

li.cssBroadcast .cssProgramHintBox {
  font-size: 0.875em; }

body.cssBroadcast #content .sectionDetailPage .con h3.headline {
  font-size: 1em;
  border-bottom: 1px solid #e5e5e8;
  padding-bottom: 8px;
  margin-bottom: 16px;
  text-transform: uppercase; }

body.cssBroadcast #content .sectionDetailPage .con h1 .headline {
  margin-bottom: 12px; }

body.cssBroadcast #content .sectionDetailPage .con p.einleitung {
  font-weight: bold; }

body.cssBroadcast #content .sectionDetailPage .con p.subtitle {
  margin-bottom: 4px; }

body.cssBroadcast #content .sectionDetailPage .con p.seasonInfo {
  margin-bottom: 8px; }

body.cssBroadcast #content .sectionDetailPage .con p.einleitung {
  margin-bottom: 32px; }

body.cssBroadcast #content .sectionDetailPage .con .teaserInfoWrapper {
  margin-bottom: 32px; }

body.cssBroadcast #content .sectionDetailPage .con:not(.conInline) .box.cssImageGallery {
  margin-bottom: 16px; }
  body.cssBroadcast #content .sectionDetailPage .con:not(.conInline) .box.cssImageGallery .innerTeaser,
  body.cssBroadcast #content .sectionDetailPage .con:not(.conInline) .box.cssImageGallery .linklist {
    display: none; }

body.cssBroadcast #content .sectionDetailPage .con.hasAv .box.cssBroadcast .broadcastSpecs {
  display: block; }

body.cssBroadcast #content .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .broadcastSpecs {
  top: auto;
  right: auto;
  display: block;
  position: relative;
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 0; }

body.cssBroadcast #content .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .broadcastLinks {
  margin-top: 16px; }

body.cssBroadcast #content .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .mediaCon {
  margin-bottom: 16px !important; }

body.cssBroadcast #content .sectionDetailPage .con.conBroadcastSlider h3.headline {
  margin-bottom: 8px; }

body.cssBroadcast #content .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable {
  padding-left: 32px;
  padding-right: 32px; }
  body.cssBroadcast #content .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable .boxCon {
    background-color: #fefefe; }
  body.cssBroadcast #content .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable .box {
    padding: 8px !important; }

body.cssBroadcast #content .sectionDetailPage .con:not(.conInline) .teaser {
  padding: 0;
  border: 0; }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .teaser {
  padding: 0 !important; }

body.cssBroadcast #content .sectionDetailPage .cssBroadcastImageGallery {
  margin-top: 16px;
  margin-bottom: 32px; }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .teaser {
  display: block; }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .mediaCon {
  width: 33.333%; }
  @media (min-width: 0) and (max-width: 767px) {
    body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .mediaCon {
      width: 100%; } }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .shortInfos {
  float: left;
  width: 66.666%;
  padding-right: 0; }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast.cssAv .mediaCon {
  margin-bottom: 24px; }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast.cssAv .mediaCon,
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast.cssAv .shortInfos {
  width: 100%;
  min-width: 100%;
  padding-right: 0; }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast h1 a {
  font-size: 0.5em;
  padding: 4px;
  line-height: 1em;
  display: inline-block !important;
  margin: 0;
  float: none;
  vertical-align: middle;
  top: -3px;
  position: relative; }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcastContentInfos {
  display: block !important;
  margin-bottom: 32px !important; }

body.cssBroadcast #content .sectionDetailPage .box .teaser .time {
  display: none; }

body.cssBroadcast #content .sectionDetailPage .box .linklist {
  background-color: transparent;
  margin-bottom: 32px;
  padding: 0; }
  body.cssBroadcast #content .sectionDetailPage .box .linklist p.more {
    font-size: 0.875em;
    text-transform: uppercase;
    color: #666;
    font-weight: normal; }
  body.cssBroadcast #content .sectionDetailPage .box .linklist.address li {
    padding: 16px; }

body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
  width: 33.333%;
  background-color: #f5f5fa; }

body.cssBroadcast #content .sectionDetailPage .box.cssBroadcastContentInfos {
  margin-bottom: 16px;
  line-height: 1.5em; }

body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint {
  margin-bottom: 16px; }

body.cssBroadcast #content .sectionDetailPage .modIpg .box.cssBroadcast .teaser {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate {
  border-bottom: 1px solid #e5e5e8; }
  body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
    width: 33.333% !important;
    font-size: 1.1875em;
    background-color: transparent;
    border-right: 1px solid #e5e5e8;
    margin-bottom: 8px;
    padding: 12px 16px; }
    @media (min-width: 0) and (max-width: 767px) {
      body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
        font-size: 1em; } }
    body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span:last-of-type {
      border-right: 0; }

/* Sendungsteaser neue Elemente ausblenden */
.box.cssBroadcast .shortInfos .seasonInfo,
.box.cssBroadcast .shortInfos .subtitleTwo,
.box.cssBroadcast .teasertext {
  display: none; }

body.cssBroadcast .box.cssBroadcast .shortInfos .seasonInfo,
body.cssBroadcast .box.cssBroadcast .shortInfos .subtitleTwo {
  display: flex; }

.mod .box.boxIpgTeaser {
  margin-bottom: 0;
  background-color: #e5e5e8; }
  .mod .box.boxIpgTeaser .teaser {
    background-color: #fefefe; }
  .mod .box.boxIpgTeaser .controls.reload {
    background-color: #f5f5fa; }
    .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after {
      content: "";
      font-size: 1em;
      margin-left: 0;
      text-decoration: none;
      display: inline-block; }
    .mod .box.boxIpgTeaser .controls.reload a.moreBtn:focus:after {
      text-decoration: none; }
  .mod .box.boxIpgTeaser .ipgHint {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0; }
    .mod .box.boxIpgTeaser .ipgHint span.channel {
      display: block; }
    .mod .box.boxIpgTeaser .ipgHint .innerTeaser {
      position: relative; }
      html.flexbox .mod .box.boxIpgTeaser .ipgHint .innerTeaser {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
    .mod .box.boxIpgTeaser .ipgHint a {
      text-overflow: ellipsis;
      overflow: hidden;
      font-weight: bold;
      width: 100%;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      padding: 0.5rem;
      align-items: center; }
      .mod .box.boxIpgTeaser .ipgHint a:after {
        content: "";
        font-size: 1em;
        margin-left: 0;
        text-decoration: none;
        display: inline-block; }
      .mod .box.boxIpgTeaser .ipgHint a:focus:after {
        text-decoration: none; }
      .mod .box.boxIpgTeaser .ipgHint a:after {
        margin-top: 4px;
        border: 1px solid;
        display: inline-block;
        padding: 4px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        width: 20px;
        height: 20px; }
  .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .shortInfos {
    margin-top: 0; }
  .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .mediaCon {
    width: 30%; }
  @media (min-width: 0) and (max-width: 767px) {
    .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast {
      padding-left: 48px;
      padding-right: 48px; }
      .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser .innerTeaser {
        padding-left: 16px;
        padding-right: 16px; }
        .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser .innerTeaser .time {
          left: 30px;
          top: 16px; } }
  .mod .box.boxIpgTeaser.boxIpgTeaserListNoImages .teaser .mediaCon {
    display: none; }
  .mod .box.boxIpgTeaser.boxIpgTeaserButtons {
    background-color: white; }
    .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks {
      display: flex;
      flex-wrap: wrap; }
    .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons {
      text-align: center;
      background-color: #fefefe; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons .innerTeaser {
        display: flex;
        align-items: center;
        justify-content: center; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons .teaser {
        background-color: transparent;
        padding-bottom: 0; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons .moreBtn {
        padding: 14px 16px;
        background-color: #5b8fbe;
        width: 180px;
        height: 44px;
        text-align: center;
        margin: 0;
        border-right: 1px solid #fefefe;
        color: #fefefe; }
        .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons .moreBtn.today {
          -webkit-border-radius: 3px 0 0 3px;
          -moz-border-radius: 3px 0 0 3px;
          -ms-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px; }
        .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons .moreBtn.yesterday {
          -webkit-border-radius: 0 3px 3px 0;
          -moz-border-radius: 0 3px 3px 0;
          -ms-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
          border-right: 0; }
        html.no-touch .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons .moreBtn:hover {
          color: #fefefe; }
    .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) .teaser {
      padding: 0;
      border: 0; }
    .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) .innerTeaser {
      background-image: linear-gradient(135deg, #084e9e, #0099d7); }
    .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) ul.ipgLinks li {
      width: 33.333%;
      padding-right: 1px; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) ul.ipgLinks li:last-child {
        padding-right: 0; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) ul.ipgLinks li a.moreBtn {
        margin: 0;
        background-color: transparent;
        color: #fff;
        font-size: 1.5em;
        text-align: left;
        min-height: 78px;
        border: 0;
        padding: 0 16px; }
    @media (min-width: 0) and (max-width: 767px) {
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks {
        width: 100%;
        margin: 0; }
        .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li {
          width: 100%;
          padding-right: 0;
          padding-bottom: 0; }
          .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li a.moreBtn {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
            width: 100%;
            border-bottom: 1px solid #fefefe;
            border-right: 0; }
          .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child {
            padding-bottom: 0; }
            .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child a {
              border-bottom: 0; } }
    .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks,
    .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks {
      width: 100%;
      margin: 0; }
      .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li,
      .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0; }
        .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li a.moreBtn,
        .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li a.moreBtn {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          border-radius: 0;
          width: 100%;
          border-bottom: 1px solid #fefefe;
          border-right: 0; }
        .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child,
        .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child {
          padding-bottom: 0; }
          .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child a,
          .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child a {
            border-bottom: 0; }
  .mod .box.boxIpgTeaser.boxIpgTeaserList.boxIpgTeaserAnnouncement .teaser .time {
    width: 100%; }
    .mod .box.boxIpgTeaser.boxIpgTeaserList.boxIpgTeaserAnnouncement .teaser .time .date {
      display: inline;
      font-size: 1em; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider:before, .mod .box.boxIpgTeaser.boxIpgTeaserSlider:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: #e5e5e8; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider:after {
    top: auto;
    bottom: 0; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a {
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 38px;
    height: 100%; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a:before, .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a:after {
      position: absolute;
      top: 50%;
      margin-top: -22px;
      left: 7px; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a.prev {
      left: 0; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a.next {
      right: 0; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a.next:after {
        left: 11px; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a.prev:focus,
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a.next:focus {
    color: #fefefe; }
  html.no-touch .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a.prev:hover, html.no-touch
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider .controls.layered .buttons a.next:hover {
    color: #fefefe; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider .broadcastSpecs {
    width: 100%;
    position: relative;
    top: 0;
    right: auto;
    z-index: 1; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider .avDetails {
    display: none; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 38px; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .owl-stage {
      display: flex; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .owl-stage .owl-item {
        display: flex; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser {
      padding-top: 50px !important; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser .broadcastSeriesTitle {
        display: none; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser .time .date {
        display: none !important; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser .time .channel {
        display: none !important; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser .teasertext,
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser p.subtitle {
        display: none; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser h4 .headline,
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser p.teasertext,
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser p.subtitle {
        font-size: 0.875em; }
  .mod .box.boxIpgTeaser.boxIpgTeaserSlider.cssBroadcast .teaser {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 36px;
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    margin-right: 1px;
    z-index: 1;
    padding: 50px 0 14px 0 !important; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider.cssBroadcast .teaser .time {
      top: 12px;
      margin-bottom: 0;
      position: absolute;
      padding: 0 16px 0 16px; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider.cssBroadcast .teaser .mediaCon {
      margin-bottom: 0;
      padding: 8px; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider.cssBroadcast .teaser .innerTeaser {
      background-color: #fff;
      min-height: 100%; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider.cssBroadcast .teaser .teaserInfoWrapper {
      padding: 8px;
      position: static !important; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider.cssBroadcast .teaser .teaserInfoWrapper .broadcastLinks {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        padding: 8px; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider.cssBroadcast .teaser.now {
      border-color: #fff;
      background-color: #fff;
      margin-bottom: 0; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider.cssBroadcast .teaser.now .innerTeaser {
        background-color: transparent; }

.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial).cssBroadcast .mediaCon,
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial).cssBroadcast .mediaCon {
  order: 1; }

.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial).cssBroadcast .timer,
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial).cssBroadcast .timer {
  order: 0; }

.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial).cssBroadcast .teaserInfoWrapper,
.sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial).cssBroadcast .teaserInfoWrapper {
  order: 2; }

@media (min-width: 0) and (max-width: 1007px) {
  .sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial).cssBroadcast .mediaCon,
  .sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial).cssBroadcast .mediaCon {
    order: 0; } }

body.cssProgramDayBundle .sectionWrapper.hasSectionDetail .section.sectionDetailPage,
body.cssBroadcast .sectionWrapper.hasSectionDetail .section.sectionDetailPage {
  padding-bottom: 0; }

body.cssProgramDayBundle .cssIpgSearchSlider,
body.cssBroadcast .cssIpgSearchSlider {
  padding: 32px 100px;
  max-height: 100%; }
  body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a,
  body.cssBroadcast .cssIpgSearchSlider .controls.layered .buttons a {
    margin-top: -23px; }
    body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a.prev,
    body.cssBroadcast .cssIpgSearchSlider .controls.layered .buttons a.prev {
      left: 42px; }
    body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a.next,
    body.cssBroadcast .cssIpgSearchSlider .controls.layered .buttons a.next {
      right: 42px; }
  @media (min-width: 0) and (max-width: 767px) {
    body.cssProgramDayBundle .cssIpgSearchSlider,
    body.cssBroadcast .cssIpgSearchSlider {
      padding: 8px 16px; }
      body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a.prev,
      body.cssBroadcast .cssIpgSearchSlider .controls.layered .buttons a.prev {
        left: 0; }
      body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a.next,
      body.cssBroadcast .cssIpgSearchSlider .controls.layered .buttons a.next {
        right: 0; } }

body.cssProgramDayBundle .cssIpgHeader,
body.cssBroadcast .cssIpgHeader {
  background-color: transparent; }

body.cssProgramDayBundle .cssIpgHeader h1,
body.cssProgramDayBundle .cssIpgFooter h1,
body.cssProgramDayBundle .cssIpgFooter h2,
body.cssBroadcast .cssIpgHeader h1,
body.cssBroadcast .cssIpgFooter h1,
body.cssBroadcast .cssIpgFooter h2 {
  padding-top: 0; }

body.cssProgramDayBundle .cssProgramDayBundleHint p,
body.cssBroadcast .cssProgramDayBundleHint p {
  font-size: 0.875em;
  color: #666;
  padding: 32px 32px;
  text-align: center; }
  body.cssProgramDayBundle .cssProgramDayBundleHint p strong,
  body.cssBroadcast .cssProgramDayBundleHint p strong {
    display: block;
    margin-bottom: 8px; }

/* Untertitel Sendung in Mediathek A-Z und Sendung verpasst anzeigen */
body.cssBroadcastSeries.node-sendungen-a-z #content .box.cssBroadcast p.subtitle,
body.cssProgramDayBundle.node-fernsehen #content .box.cssBroadcast p.subtitle {
  display: flex; }

/* Radio IPG Suche Felder Genre und Attribut ausblenden */
.cssIpg.ipgRadio .cssIpgSearchForm .formElement.inline {
  display: none; }

/* IPG Day Radio Teaser Background*/
.cssIpg.ipgRadio .cssBroadcastList .cssBroadcast .teaser {
  background-color: rgba(0, 0, 0, 0.05); }

.cssIpg.ipgRadio .cssBroadcastList .cssBroadcast .teaser:hover {
  background-color: rgba(0, 0, 0, 0.03); }

.conMultiGroupWrapper {
  border: 0; }
  .conMultiGroupWrapper .modCon .boxCon > p.headline {
    padding: 16px;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0; }
  .conMultiGroupWrapper .modCon .boxCon .box {
    background-color: transparent;
    margin-bottom: 16px; }
    .conMultiGroupWrapper .modCon .boxCon .box .linklist {
      background-color: transparent;
      padding: 8px; }
  .conMultiGroupWrapper .modCon .modA .box {
    border-bottom: 1px solid #e5e5e8; }
    .conMultiGroupWrapper .modCon .modA .box:last-of-type {
      border-bottom: 0; }
  .conMultiGroupWrapper .conSub > h3.headline {
    font-size: 1.1875em;
    padding: 16px; }
  .conMultiGroupWrapper .conSub .boxCon {
    border: 1px solid #e5e5e8;
    border-top: 0;
    padding: 0; }
    .conMultiGroupWrapper .conSub .boxCon > h4 .headline {
      padding: 16px;
      padding-bottom: 0;
      font-size: 0.875em;
      font-weight: bold; }
  .conMultiGroupWrapper .controls:not(.reload) {
    background-color: #f5f5fa;
    text-transform: none;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #e5e5e8; }
    .conMultiGroupWrapper .controls:not(.reload) a.back:before {
      content: "";
      font-size: 1em;
      margin-right: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .conMultiGroupWrapper .controls:not(.reload) a.back:focus:before {
      text-decoration: none; }
    .conMultiGroupWrapper .controls:not(.reload) a:after {
      display: none; }
    .conMultiGroupWrapper .controls:not(.reload) a {
      border-top: 0; }
      .conMultiGroupWrapper .controls:not(.reload) a:after {
        content: "";
        font-size: 1.1875em;
        margin-left: 16px;
        text-decoration: none;
        display: inline-block; }
      .conMultiGroupWrapper .controls:not(.reload) a:focus:after {
        text-decoration: none; }
      html.no-touch .conMultiGroupWrapper .controls:not(.reload) a:hover {
        color: #d40028; }
  .conMultiGroupWrapper h3.conHeadline,
  .conMultiGroupWrapper .conSub > h3.headline {
    background-color: transparent;
    margin-bottom: 0 !important; }
    .conMultiGroupWrapper h3.conHeadline:not(.collapsed),
    .conMultiGroupWrapper .conSub > h3.headline:not(.collapsed) {
      border-bottom: 0 !important; }
  .conMultiGroupWrapper .conMultiGroupNavi .modCon {
    background-color: transparent;
    border-top: 1px solid #e5e5e8;
    border-bottom: 0; }
    .conMultiGroupWrapper .conMultiGroupNavi .modCon .boxCon .box {
      border: 0; }
  .conMultiGroupWrapper .conMultiGroupNavi .box {
    border: 0; }
  .conMultiGroupWrapper .con.conMultiGroup {
    padding-top: 0 !important; }
    .conMultiGroupWrapper .con.conMultiGroup.ui-collapsible-entry {
      border: 0;
      margin-bottom: 0; }
  .conMultiGroupWrapper.conMultiGroupCollapsed .modCon .boxCon .box,
  .conMultiGroupWrapper.conMultiGroupCollapsed .linklist,
  .conMultiGroupWrapper.conMultiGroupCollapsed .teaser {
    padding: 0 !important;
    margin-bottom: 0 !important; }
  .conMultiGroupWrapper.conMultiGroupCollapsed .linklist ul {
    border: 0; }
  .conMultiGroupWrapper.conMultiGroupCollapsed .linklist li {
    border-bottom-color: #e5e5e8; }
    .conMultiGroupWrapper.conMultiGroupCollapsed .linklist li a {
      display: block;
      padding: 16px;
      border-bottom-color: #e5e5e8;
      font-size: 1.1875em;
      font-weight: bold; }
    .conMultiGroupWrapper.conMultiGroupCollapsed .linklist li:last-child {
      border-bottom: 0; }

.multiGroupNaviItem {
  display: inline-block; }
  .conMultiGroupNavi .multiGroupNaviItem.active > * {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleA .multiGroupNaviItem.cssLetterTitleA a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleB .multiGroupNaviItem.cssLetterTitleB a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleC .multiGroupNaviItem.cssLetterTitleC a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleD .multiGroupNaviItem.cssLetterTitleD a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleE .multiGroupNaviItem.cssLetterTitleE a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleF .multiGroupNaviItem.cssLetterTitleF a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleG .multiGroupNaviItem.cssLetterTitleG a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleH .multiGroupNaviItem.cssLetterTitleH a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleI .multiGroupNaviItem.cssLetterTitleI a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleJ .multiGroupNaviItem.cssLetterTitleJ a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleK .multiGroupNaviItem.cssLetterTitleK a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleL .multiGroupNaviItem.cssLetterTitleL a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleM .multiGroupNaviItem.cssLetterTitleM a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleN .multiGroupNaviItem.cssLetterTitleN a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleO .multiGroupNaviItem.cssLetterTitleO a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleP .multiGroupNaviItem.cssLetterTitleP a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleQ .multiGroupNaviItem.cssLetterTitleQ a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleR .multiGroupNaviItem.cssLetterTitleR a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleS .multiGroupNaviItem.cssLetterTitleS a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleT .multiGroupNaviItem.cssLetterTitleT a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleU .multiGroupNaviItem.cssLetterTitleU a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleV .multiGroupNaviItem.cssLetterTitleV a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleW .multiGroupNaviItem.cssLetterTitleW a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleX .multiGroupNaviItem.cssLetterTitleX a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleY .multiGroupNaviItem.cssLetterTitleY a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  body.cssLetterTitleZ .multiGroupNaviItem.cssLetterTitleZ a {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  .multiGroupNaviItem.disabled > * {
    color: #e5e5e8; }
  html.no-touch .multiGroupNaviItem:not(.disabled) a:hover {
    background-color: #666;
    color: #fff;
    border-color: #666; }
  .multiGroupNaviItem > * {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e8;
    background-color: #f5f5fa;
    margin-bottom: 4px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0 0 0;
    color: #333;
    font-weight: bold;
    line-height: 1em; }

.box.boxSpecial .multiGroupNavi {
  background-color: #f5f5fa;
  padding: 16px;
  z-index: 1;
  position: relative; }
  .box.boxSpecial .multiGroupNavi select {
    width: 100%; }
  .box.boxSpecial .multiGroupNavi button.moreBtn {
    width: auto;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #666;
    background-color: transparent;
    border: 1px solid #e5e5e8; }
    html.js .box.boxSpecial .multiGroupNavi button.moreBtn {
      display: none; }
  .box.boxSpecial .multiGroupNavi.multiGroupNaviTags .multiGroupNaviItem > * {
    font-weight: normal;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px;
    width: auto;
    height: auto;
    padding: 8px 16px; }
  html.no-touch .box.boxSpecial .multiGroupNavi.multiGroupNaviTags .multiGroupNaviItem > a:hover {
    color: white;
    border-color: white; }

body.cssBroadcastSeries .wrapperAdditionalNavi .box {
  padding-top: 16px; }

body.cssBroadcastSeries #content .con .mod.modA .box .teaser {
  background-color: transparent !important; }

body.cssBroadcastSeries #content .sectionDetailPage > .con .mod .box .teaser,
body.cssBroadcastSeries #content .sectionDetailPage > .con .mod .box {
  padding: 0 !important; }

body.cssBroadcastSeries #content h1 span.headline {
  margin-bottom: 16px; }

body.cssBroadcastSeries #content h3.conHeadline {
  background-color: transparent;
  border: 0 !important;
  text-align: left;
  border-bottom: 1px solid #000 !important;
  font-size: 1.1875em;
  padding-bottom: 16px;
  margin-top: 24px !important;
  margin-bottom: 32px !important; }

body.cssBroadcastSeries #content .conMultiGroupWrapper {
  padding: 0; }
  body.cssBroadcastSeries #content .conMultiGroupWrapper h3.conHeadline {
    margin-bottom: 16px !important; }

body.cssBroadcastSeries #content .conMultiGroup .modCon {
  border: 0; }

.sportsForm > div {
  display: flex;
  width: 100%;
  align-items: center; }

.matchesResults > div {
  width: 100%;
  display: flex;
  flex-direction: column; }

.conWrapper.sportsStart {
  position: relative; }
  .conWrapper.sportsStart .conSub {
    max-width: 50%;
    width: 50%; }
    html.view-s .conWrapper.sportsStart .conSub,
    html.view-xs .conWrapper.sportsStart .conSub,
    .sectionC .conWrapper.sportsStart .conSub {
      max-width: 100%;
      width: 100%; }
    .conWrapper.sportsStart .conSub .boxCon,
    .conWrapper.sportsStart .conSub h3.headline {
      border: 0; }
    .conWrapper.sportsStart .conSub h3.headline {
      font-size: 1em;
      background-color: #c9e8e8;
      padding-top: 12px;
      padding-bottom: 12px;
      text-transform: uppercase; }
    .conWrapper.sportsStart .conSub .box,
    .conWrapper.sportsStart .conSub .linklist {
      padding: 0 !important;
      margin-bottom: 0 !important; }
  .conWrapper.sportsStart .cssBoxMultiGroupCatchline .linklist ul li .docName {
    display: none; }

body.sportsStart .section,
body.sportsStart .lineWrapper,
body.sportsStart .conWrapper,
body.sportsStart .modCon {
  position: static; }

body.sportsStart .conRelatedLinks {
  height: 0;
  padding: 0;
  margin: 0; }
  body.sportsStart .conRelatedLinks .modCon {
    border: 0; }
  body.sportsStart .conRelatedLinks .boxCon,
  body.sportsStart .conRelatedLinks .box,
  body.sportsStart .conRelatedLinks .mod,
  body.sportsStart .conRelatedLinks .linklist {
    position: static !important; }
  body.sportsStart .conRelatedLinks .linklist {
    padding: 0 !important; }
  body.sportsStart .conRelatedLinks ul,
  body.sportsStart .conRelatedLinks ul li {
    border: 0 !important;
    background-color: transparent !important; }
  body.sportsStart .conRelatedLinks .mod .box ul li a {
    position: absolute;
    top: 15px;
    right: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #313131;
    color: #313131; }
    body.sportsStart .conRelatedLinks .mod .box ul li a .linktext {
      width: auto; }
    body.sportsStart .conRelatedLinks .mod .box ul li a:after {
      color: #313131;
      right: 4px; }
    body.sportsStart .conRelatedLinks .mod .box ul li a:focus {
      background-color: transparent;
      color: #d40028;
      text-decoration: none !important; }
      body.sportsStart .conRelatedLinks .mod .box ul li a:focus a:after {
        color: #d40028; }
    html.no-touch body.sportsStart .conRelatedLinks .mod .box ul li a:hover {
      background-color: transparent;
      color: #d40028; }
      html.no-touch body.sportsStart .conRelatedLinks .mod .box ul li a:hover a:after {
        color: #d40028; }
  body.sportsStart .conRelatedLinks .mod .box ul li.hasLiveEvent a {
    padding: 0.5rem 1rem;
    background-color: #e2001a;
    border-color: #e2001a;
    color: #fefefe; }
    body.sportsStart .conRelatedLinks .mod .box ul li.hasLiveEvent a:after, body.sportsStart .conRelatedLinks .mod .box ul li.hasLiveEvent a:before {
      color: #fefefe; }
    html.no-touch body.sportsStart .conRelatedLinks .mod .box ul li.hasLiveEvent a:hover {
      background-color: #e2001a;
      color: #fefefe; }
      html.no-touch body.sportsStart .conRelatedLinks .mod .box ul li.hasLiveEvent a:hover:after {
        color: #fefefe; }

.sportResults .conRelatedLinks .box .linklist {
  padding: 0;
  text-align: center;
  background-color: transparent;
  border: 0;
  margin-top: 32px; }
  .sportResults .conRelatedLinks .box .linklist ul.list {
    border: 0;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    .sportResults .conRelatedLinks .box .linklist ul.list li {
      border: 0;
      background-color: transparent;
      width: auto; }
      .sportResults .conRelatedLinks .box .linklist ul.list li a {
        border: 1px solid #666;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        padding: 8px 24px;
        vertical-align: top; }
        .sportResults .conRelatedLinks .box .linklist ul.list li a:before {
          color: #313131; }
        .sportResults .conRelatedLinks .box .linklist ul.list li a span {
          width: auto; }
        .sportResults .conRelatedLinks .box .linklist ul.list li a:after {
          position: relative;
          display: inline-block;
          top: auto;
          margin-top: -2px;
          right: auto;
          color: #313131; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conSports {
  padding-top: 32px; }
  @media (min-width: 0) and (max-width: 767px) {
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conSports {
      padding-top: 8px; } }

.sportResults .conSports a.moreBtn {
  padding: 4px 8px;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #666;
  color: #333;
  float: right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  line-height: 1em;
  margin: 0;
  width: auto; }
  .sportResults .conSports a.moreBtn:after {
    content: "";
    font-size: 1em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  .sportResults .conSports a.moreBtn:focus:after {
    text-decoration: none; }
  @media (min-width: 0) and (max-width: 767px) {
    .sportResults .conSports a.moreBtn {
      margin-top: 8px;
      padding: 8px;
      width: 100%; } }
  .sportResults .conSports a.moreBtn:focus {
    color: #d40028 !important;
    text-decoration: none !important; }
  .sportResults .conSports a.moreBtn.reload {
    max-width: 280px;
    font-size: 1.1875em;
    background-color: #fff;
    margin: 0 auto;
    padding: 8px 16px; }
    .sportResults .conSports a.moreBtn.reload:after {
      content: "";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      display: inline-block; }
    .sportResults .conSports a.moreBtn.reload:focus:after {
      text-decoration: none; }
    @media (min-width: 0) and (max-width: 767px) {
      .sportResults .conSports a.moreBtn.reload {
        float: right;
        padding: 8px 12px;
        width: auto; } }

.sportResults tr.livematch a.moreBtn.livestream {
  border-color: #e2001a;
  color: #e2001a; }

.sportResults .conSports.live .controls {
  text-align: center;
  background-color: #e5e5e5;
  position: relative; }

.sportResults .conSports.live .box:not(.sportsForm) h3 {
  width: 100%; }

.sportResults .conSports.live .sportsNavi {
  text-align: center; }
  .sportResults .conSports.live .sportsNavi h2 {
    position: absolute;
    width: auto;
    top: 50%;
    margin-top: -12px; }
  .sportResults .conSports.live .sportsNavi div {
    min-height: 50px; }

.sportResults .controls {
  border: 0; }

.sportResults .sportsForm {
  margin-bottom: 0 !important; }
  .sportResults .sportsForm > div {
    padding: 0.5rem;
    position: relative;
    background-color: #e5e5e5;
    display: flex;
    justify-content: center; }
    .sportResults .sportsForm > div form {
      margin-bottom: 0; }
    .sportResults .sportsForm > div fieldset {
      padding: 0;
      background-color: transparent; }
  .sportResults .sportsForm h1,
  .sportResults .sportsForm h2,
  .sportResults .sportsForm h3,
  .sportResults .sportsForm h4 {
    font-size: 1.1875em;
    text-transform: uppercase;
    margin-bottom: 0; }
  @media (min-width: 0) and (max-width: 767px) {
    .sportResults .sportsForm h1,
    .sportResults .sportsForm h2,
    .sportResults .sportsForm h3,
    .sportResults .sportsForm h4 {
      width: 100%;
      font-size: 0.875em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .sportResults .sportsForm .ui-selectbox span.label {
      font-size: 0.875em;
      white-space: nowrap;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 99%; } }
  .sportResults .sportsForm .moreBtn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    float: right;
    margin: 0;
    margin-top: -4px;
    margin-left: 8px;
    padding: 0;
    display: none;
    text-align: center; }
    html:not(.js) .sportResults .sportsForm .moreBtn {
      display: block;
      width: 32px;
      height: 32px; }
    .sportResults .sportsForm .moreBtn:after {
      margin-left: 0; }
  .sportResults .sportsForm select {
    float: right;
    font-size: 0.875em;
    padding: 0 4px; }
    .sportResults .sportsForm select optgroup {
      font-weight: bold;
      color: #313131;
      padding: 0 2px; }
    .sportResults .sportsForm select option {
      font-weight: normal;
      padding: 4px 8px; }
  .sportResults .sportsForm.matchDayNavi div {
    background-color: #c9e8e8; }
  .sportResults .sportsForm.matchDayNavi .controls {
    display: none; }

.sportResults .matchDayTime .moreBtn {
  float: right; }

.sportResults .matchDayPageNavi {
  display: flex; }
  @media (min-width: 0) and (max-width: 1007px) {
    .sportResults .matchDayPageNavi {
      padding-left: 8px;
      padding-right: 8px; } }
  .sportResults .matchDayPageNavi a {
    text-transform: none;
    line-height: 1em;
    color: #313131; }
    html.flexbox .sportResults .matchDayPageNavi a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center; }
    html.no-touch .sportResults .matchDayPageNavi a:hover {
      color: #d40028; }
    .sportResults .matchDayPageNavi a:before, .sportResults .matchDayPageNavi a:after {
      font-size: 1em;
      line-height: 1em;
      top: 1px; }
  .sportResults .matchDayPageNavi a.next {
    float: right; }

.sportResults .matchesResults .table {
  margin-bottom: 0; }

.sportResults .matchesResults h3 {
  position: relative; }
  .sportResults .matchesResults h3 span {
    display: block;
    position: relative;
    padding: 8px;
    background-color: #daeeee; }
    .sportResults .matchesResults h3 span.matchDayTime {
      background-color: #e8f3f3; }

.sportResults .matchesResults tr td.links {
  text-align: left; }
  .sportResults .matchesResults tr td.links .matchTableLinks {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end; }
  .sportResults .matchesResults tr td.links a.moreBtn {
    margin-left: 0.25rem;
    margin-bottom: 0.25rem; }
  .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:before {
    content: "";
    font-size: 1em;
    margin-right: 4px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:focus:before {
    text-decoration: none; }

@media (min-width: 0) and (max-width: 767px) {
  .sportResults .matchesResults .table table tr {
    position: relative;
    display: block; }
    .sportResults .matchesResults .table table tr td {
      border: 0; }
  .sportResults .matchesResults .table table tr.collapsed td.links {
    padding-bottom: 8px; }
  .sportResults .matchesResults .table table tr td.links {
    display: block;
    position: static;
    width: 100%;
    padding-top: 0;
    padding-bottom: 21px; }
    .sportResults .matchesResults .table table tr td.links .collapseArrow {
      display: none !important; }
    .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger {
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      text-align: center; }
      .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before {
        content: "";
        font-size: 1em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:focus:before {
        text-decoration: none; }
      .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before {
        bottom: 0;
        top: auto;
        position: absolute;
        margin: -4px 0 0 -4px;
        left: 50%; }
    .sportResults .matchesResults .table table tr td.links .matchTableLinks {
      margin-bottom: 0;
      position: relative;
      left: 0;
      text-align: left; }
      .sportResults .matchesResults .table table tr td.links .matchTableLinks:after {
        bottom: -9px; }
      .sportResults .matchesResults .table table tr td.links .matchTableLinks a.moreBtn {
        margin-left: 0;
        margin-right: 0;
        float: none;
        width: 49%; }
  .sportResults .matchesResults .table table tr:not(.collapsed) {
    background-color: #fff; }
    .sportResults .matchesResults .table table tr:not(.collapsed) td {
      background-color: transparent; }
      .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:before {
        content: "";
        font-size: 1em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:focus:before {
        text-decoration: none; }
      .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:before {
        position: absolute !important;
        top: auto !important; } }

.sportResults .box.modus span {
  display: block;
  padding: 16px; }

.sportResults .modTable:not(.matches):not(.ui-tabs-layered) h3.ui-collapsible-trigger {
  display: none; }

.sportResults .modTable:not(.matches):not(.ui-tabs-layered) .ui-collapsible-entry.collapsed {
  margin-bottom: 0;
  border: 0; }

.sportResults .modTable.ui-tabs-layered .ui-tabs {
  display: none; }

.sportResults .modTable .legende {
  padding: 16px;
  font-size: 0.875em;
  background-color: #e5e5e5; }

.sportResults .modTable .box#vereinsspielplan h3 a {
  position: relative;
  left: 0;
  height: auto;
  visibility: visible;
  line-height: 1em; }

.sportResults .modTable .box#vereinsspielplan .table h3 {
  font-size: 1em;
  padding: 0 0 8px 0; }

.sportResults .modTable .table table.spielplan a.pfeil {
  font-weight: bold; }
  .sportResults .modTable .table table.spielplan a.pfeil:after {
    content: "";
    font-size: 1em;
    margin-left: 4px;
    text-decoration: none;
    display: inline-block; }
  .sportResults .modTable .table table.spielplan a.pfeil:focus:after {
    text-decoration: none; }

.sportResults .modTable .table table.spielplan tr td,
.sportResults .modTable .table table.spielplan tr th {
  text-align: left; }

@media (min-width: 0) and (max-width: 767px) {
  .sportResults .modTable .table table.spielplan tr {
    position: relative;
    display: block;
    background-color: white; }
    .sportResults .modTable .table table.spielplan tr td,
    .sportResults .modTable .table table.spielplan tr th {
      margin-bottom: 0;
      border-bottom: 0;
      padding: 4px;
      width: auto !important;
      display: inline-block; }
      .sportResults .modTable .table table.spielplan tr td.spieltag,
      .sportResults .modTable .table table.spielplan tr th.spieltag {
        width: 23.5% !important; }
      .sportResults .modTable .table table.spielplan tr td.ort,
      .sportResults .modTable .table table.spielplan tr th.ort {
        width: 11.5% !important; }
      .sportResults .modTable .table table.spielplan tr td.gegner,
      .sportResults .modTable .table table.spielplan tr th.gegner {
        width: 40% !important; }
      .sportResults .modTable .table table.spielplan tr td.ergebnis,
      .sportResults .modTable .table table.spielplan tr th.ergebnis {
        width: 25% !important; }
      .sportResults .modTable .table table.spielplan tr td.termin, .sportResults .modTable .table table.spielplan tr td.links,
      .sportResults .modTable .table table.spielplan tr th.termin,
      .sportResults .modTable .table table.spielplan tr th.links {
        display: none; }
    .sportResults .modTable .table table.spielplan tr td.links {
      display: block;
      position: static;
      width: 100%;
      padding-top: 8px;
      padding-bottom: 8px; } }

.sportResults .modTable .table table tr {
  text-align: center; }
  .sportResults .modTable .table table tr.tabellenkopf th.mannschaft {
    background-color: #f5f5fa; }
  .sportResults .modTable .table table tr.aufsteiger td,
  .sportResults .modTable .table table tr.aufsteiger th {
    background-color: #e0fed9 !important; }
  .sportResults .modTable .table table tr.absteiger td,
  .sportResults .modTable .table table tr.absteiger th {
    background-color: #fae5e5 !important; }
  .sportResults .modTable .table table tr.livematch td,
  .sportResults .modTable .table table tr.livematch td.mannschaft > *,
  .sportResults .modTable .table table tr.livematch th.mannschaft > * {
    color: #e2001a; }
  .sportResults .modTable .table table tr.livematch td.equal:before,
  .sportResults .modTable .table table tr.livematch td.equal:after {
    background-color: #e2001a !important; }
  .sportResults .modTable .table table tr.livematch td.up:before,
  .sportResults .modTable .table table tr.livematch td.up:after {
    border-bottom-color: #e2001a !important; }
  .sportResults .modTable .table table tr.livematch td.down:before,
  .sportResults .modTable .table table tr.livematch td.down:after {
    border-top-color: #e2001a !important; }
  .sportResults .modTable .table table tr td:first-of-type,
  .sportResults .modTable .table table tr th:first-of-type {
    width: 6%;
    text-align: left; }
  .sportResults .modTable .table table tr td:last-of-type,
  .sportResults .modTable .table table tr th:last-of-type {
    text-align: right; }
  .sportResults .modTable .table table tr th {
    background-color: #f5f5fa;
    text-align: center;
    border-bottom-color: #e5e5e8;
    padding: 8px;
    vertical-align: middle; }
    .sportResults .modTable .table table tr th.mannschaft {
      text-align: left;
      background-color: #f5f5fa; }
    .sportResults .modTable .table table tr th a:after {
      content: "";
      font-size: 1em;
      margin-left: 4px;
      text-decoration: none;
      display: inline-block; }
    .sportResults .modTable .table table tr th a:focus:after {
      text-decoration: none; }
  @media (min-width: 0) and (max-width: 767px) {
    .sportResults .modTable .table table tr td,
    .sportResults .modTable .table table tr th {
      padding: 4px;
      font-size: 0.875em; } }
  .sportResults .modTable .table table tr td {
    border-right: 0;
    text-align: center;
    background-color: #f5f5fa;
    padding: 8px; }
    .sportResults .modTable .table table tr td.gegner {
      font-weight: bold; }
    .sportResults .modTable .table table tr td.mannschaft {
      text-align: left;
      background-color: #f5f5fa; }
      .sportResults .modTable .table table tr td.mannschaft a {
        color: #313131;
        position: relative;
        display: block;
        font-weight: bold; }
        html.no-touch .sportResults .modTable .table table tr td.mannschaft a:hover {
          color: #d40028; }
        .sportResults .modTable .table table tr td.mannschaft a:after {
          content: "";
          font-size: 1em;
          margin-left: 0;
          text-decoration: none;
          display: inline-block; }
        .sportResults .modTable .table table tr td.mannschaft a:focus:after {
          text-decoration: none; }
        .sportResults .modTable .table table tr td.mannschaft a:after {
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -8px; }
  .sportResults .modTable .table table tr .mannschaft {
    width: 30%; }
  .sportResults .modTable .table table tr .pv {
    width: 9%;
    position: relative; }
    .sportResults .modTable .table table tr .pv.equal:before {
      display: inline-block;
      width: 6px;
      height: 6px;
      content: ' ';
      position: absolute;
      left: 8px;
      top: 50%;
      margin-top: -4px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-color: #313131; }
    .sportResults .modTable .table table tr .pv.up:before {
      top: -6px;
      left: 50%;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom-color: #000;
      border-width: 6px;
      margin-left: -6px; }
    .sportResults .modTable .table table tr .pv.down:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-top-color: #000;
      border-width: 6px;
      margin-left: -6px; }
    .sportResults .modTable .table table tr .pv.up:before, .sportResults .modTable .table table tr .pv.down:before {
      top: 50%;
      margin-left: 0;
      margin-top: -8px;
      left: 5px; }
    .sportResults .modTable .table table tr .pv.down:before {
      margin-top: -3px; }

@media (min-width: 0) and (max-width: 1007px) {
  .sportResults .modTable .table table tr th.pv,
  .sportResults .modTable .table table tr td.pv {
    display: none; } }

@media (min-width: 0) and (max-width: 767px) {
  .sportResults .modTable .table table tr th.gewonnen,
  .sportResults .modTable .table table tr th.unentschieden,
  .sportResults .modTable .table table tr td.gewonnen,
  .sportResults .modTable .table table tr td.unentschieden,
  .sportResults .modTable .table table tr th.verloren,
  .sportResults .modTable .table table tr td.verloren {
    display: none; } }

.sportResults .modTable.leagueTables h3 {
  padding: 8px;
  font-size: 1.1875em;
  margin: 0; }
  .sportResults .modTable.leagueTables h3 a {
    color: #313131; }

.sportResults .modTable.leagueTables caption {
  display: none; }

.sportResults .modTable.leagueTables .box {
  margin-bottom: 0 !important; }

.sportResults .modTable.matches tr {
  background-color: transparent; }

.sportResults .modTable.matches caption,
.sportResults .modTable.matches thead {
  display: none; }

.sportResults .modTable.matches .ui-collapsible-entry,
.sportResults .modTable.matches .ui-collapsible-body {
  border: 0;
  margin-bottom: 0;
  padding: 0; }

.sportResults .modTable.matches .ui-collapsible-trigger {
  padding: 16px; }

.sportResults .modTable.matches .lastEvent {
  position: absolute;
  top: -6px;
  right: -6px;
  font-size: 1.5em; }

.sportResults .modTable.matches .table table {
  border-spacing: 0; }
  .sportResults .modTable.matches .table table tr td:not(.links),
  .sportResults .modTable.matches .table table tr th {
    text-align: left; }
    .sportResults .modTable.matches .table table tr td:not(.links):before,
    .sportResults .modTable.matches .table table tr th:before {
      content: ' '; }
    .sportResults .modTable.matches .table table tr td:not(.links).heim, .sportResults .modTable.matches .table table tr td:not(.links).gast,
    .sportResults .modTable.matches .table table tr th.heim,
    .sportResults .modTable.matches .table table tr th.gast {
      width: 23%; }
    .sportResults .modTable.matches .table table tr td:not(.links).pause, .sportResults .modTable.matches .table table tr td:not(.links).ende,
    .sportResults .modTable.matches .table table tr th.pause,
    .sportResults .modTable.matches .table table tr th.ende {
      width: 8%; }
    .sportResults .modTable.matches .table table tr td:not(.links).gegen,
    .sportResults .modTable.matches .table table tr th.gegen {
      width: 2%; }
    .sportResults .modTable.matches .table table tr td:not(.links).links,
    .sportResults .modTable.matches .table table tr th.links {
      width: 35%; }
    .sportResults .modTable.matches .table table tr td:not(.links).zeit,
    .sportResults .modTable.matches .table table tr th.zeit {
      display: none;
      width: 15%; }
    @media (min-width: 0) and (max-width: 767px) {
      .sportResults .modTable.matches .table table tr td:not(.links).heim, .sportResults .modTable.matches .table table tr td:not(.links).gast,
      .sportResults .modTable.matches .table table tr th.heim,
      .sportResults .modTable.matches .table table tr th.gast {
        width: 33%; } }

@media (min-width: 0) and (max-width: 479px) {
  .sportResults tr th.spiele,
  .sportResults tr th.punkte,
  .sportResults tr th.platz,
  .sportResults tr th.diff {
    width: 38px;
    max-width: 38px;
    min-width: 38px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .sportResults tr th.mannschaft,
  .sportResults tr td.mannschaft {
    width: 50%; }
  .sportResults:not(.Fußball) tr th.tore,
  .sportResults:not(.Fußball) tr td.tore {
    display: none; }
  .sportResults:not(.Fußball) tr th.diff,
  .sportResults:not(.Fußball) tr td.diff {
    display: none; }
  .sportResults.Fußball tr th.tore,
  .sportResults.Fußball tr td.tore {
    display: table-cell; } }

body.cssTickerPopup {
  padding-top: 0;
  background: none;
  background-color: #91afd1 !important; }
  body.cssTickerPopup #promo,
  body.cssTickerPopup #breadcrumb {
    display: none; }
  body.cssTickerPopup .sectionWrapper {
    background-color: transparent !important; }
    body.cssTickerPopup .sectionWrapper .sectionA {
      padding: 0; }
  body.cssTickerPopup .sectionWrapper.hasSectionDetail .sectionTitle {
    border-bottom: 0; }
  body.cssTickerPopup #header,
  body.cssTickerPopup #headerReact,
  body.cssTickerPopup #footer,
  body.cssTickerPopup .wrapperChannelNavigation {
    display: none; }
  body.cssTickerPopup .coop {
    display: none; }
  body.cssTickerPopup .livematch .ansetzung .stand {
    color: #e2001a; }
  body.cssTickerPopup #content .koopdynamo .coop {
    text-align: center;
    background-color: #f5f5fa;
    padding: 8px;
    font-size: 0.875em;
    font-weight: bold;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: row; }
    body.cssTickerPopup #content .koopdynamo .coop:before {
      content: 'in Kooperation mit '; }
    body.cssTickerPopup #content .koopdynamo .coop:after {
      background: transparent url(/resources/global/img/mdrde/sport/logos/HansaRockstock.svg) no-repeat 0 0;
      background-size: 100% auto;
      width: 32px;
      height: 32px;
      content: '';
      position: relative;
      display: inline-block;
      line-height: 0;
      margin-left: 0.5rem; }
  body.cssTickerPopup .conSports .mod .box {
    margin-bottom: 0;
    flex-direction: column; }
  @media (min-width: 768px) {
    body.cssTickerPopup .conSports.hasLiveTicker.hasStatistics .tickerMatches .box, body.cssTickerPopup .conSports.konferenz .tickerMatches .box {
      width: 50%;
      max-width: 50%;
      min-width: 50%;
      padding: 0.5rem; }
    body.cssTickerPopup .conSports.hasLiveTicker.hasStatistics .moreBtn.stats, body.cssTickerPopup .conSports.konferenz .moreBtn.stats {
      display: none; } }
  body.cssTickerPopup .conSports .tickerDate,
  body.cssTickerPopup .conSports .tickerLeague {
    padding: 8px 16px;
    border-bottom: 1px solid #e5e5e8;
    font-weight: bold;
    float: left;
    width: 100%; }
  body.cssTickerPopup .conSports h2.conHeadline,
  body.cssTickerPopup .conSports h1.conHeadline {
    /* fallback/image non-cover color */
    background-color: transparent;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#6d90bc, #91afd1);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d90bc), to(#91afd1));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#6d90bc, #91afd1);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#6d90bc, #91afd1);
    /* Firefox 3.6+ */
    background-image: linear-gradient(#6d90bc, #91afd1);
    color: #fff; }
    body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload,
    body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload {
      font-size: 0.875em;
      float: right;
      padding-left: 16px;
      padding-right: 16px; }
    body.cssTickerPopup .conSports h2.conHeadline > span,
    body.cssTickerPopup .conSports h1.conHeadline > span {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.8em; }
    @media (min-width: 0) and (max-width: 767px) {
      body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload,
      body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload {
        padding-left: 8px;
        padding-right: 8px;
        width: 56px;
        font-size: 1.1875em;
        text-align: center; }
        body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload:after,
        body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload:after {
          margin-left: 0; }
        body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload span.linktext,
        body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload span.linktext {
          display: none; } }
  body.cssTickerPopup .conSports .ansetzung {
    display: flex;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 16px;
    width: 100%;
    align-items: center;
    justify-content: center; }
    body.cssTickerPopup .conSports .ansetzung > span {
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: center;
      max-width: 230px;
      justify-content: center; }
      body.cssTickerPopup .conSports .ansetzung > span.ergebnis {
        position: relative;
        top: 20px; }
        body.cssTickerPopup .conSports .ansetzung > span.ergebnis span {
          display: block; }
          body.cssTickerPopup .conSports .ansetzung > span.ergebnis span.stand {
            font-size: 3em;
            margin-bottom: 16px; }
          body.cssTickerPopup .conSports .ansetzung > span.ergebnis span.pause {
            font-size: 0.875em; }
  body.cssTickerPopup .conSports .tickerMatches h3,
  body.cssTickerPopup .conSports .tickerMatches h2 {
    position: relative;
    background-color: #e8f3f3;
    font-size: 1em;
    margin: 0;
    padding: 12px 16px; }
    body.cssTickerPopup .conSports .tickerMatches h3.tickerTitle,
    body.cssTickerPopup .conSports .tickerMatches h2.tickerTitle {
      background-color: #daeeee; }
  body.cssTickerPopup .conSports .tickerMatches .moreBtn {
    float: right;
    background-color: #fff; }
  @media (min-width: 0) and (max-width: 767px) {
    body.cssTickerPopup .conSports .tickerMatches .moreBtn {
      float: left;
      margin: 0 4px 8px 0;
      width: auto;
      max-width: 100%;
      display: block; }
    body.cssTickerPopup .conSports .tickerMatches .tickerTitle span {
      float: left;
      width: 100%;
      margin-bottom: 8px; } }
  body.cssTickerPopup .conSports .tickerMatches p {
    padding: 12px 16px;
    position: relative; }
  body.cssTickerPopup .conSports.konferenz .confAnsetzung h2.tickerTitle {
    background-color: #daeeee;
    padding: 0; }
    body.cssTickerPopup .conSports.konferenz .confAnsetzung h2.tickerTitle span {
      padding: 12px 16px;
      margin-bottom: 0;
      display: block; }
    body.cssTickerPopup .conSports.konferenz .confAnsetzung h2.tickerTitle span.league {
      position: relative;
      background-color: #c9e8e8;
      display: block; }
    body.cssTickerPopup .conSports.konferenz .confAnsetzung h2.tickerTitle span.zeit {
      display: block; }
  body.cssTickerPopup .conSports.konferenz .confAnsetzung p span.ergebnis {
    float: right; }
  body.cssTickerPopup .conSports.konferenz .confAnsetzung p.livematch {
    color: #e2001a; }
  body.cssTickerPopup .conSports.konferenz h2.confTitle {
    background-color: transparent;
    margin-bottom: -4px;
    border-bottom: 0;
    text-transform: uppercase;
    position: relative; }
  body.cssTickerPopup .conSports.konferenz h2.tickerTitle {
    background-color: #c9e8e8; }
  body.cssTickerPopup #content h1 {
    display: flex;
    width: 100%;
    flex-direction: column; }
  body.cssTickerPopup #content .tickerTeamLogo {
    max-width: 160px;
    display: flex;
    width: 100%; }
    body.cssTickerPopup #content .tickerTeamLogo .imageWrapper {
      background: none;
      position: relative;
      overflow: hidden;
      max-width: 90px;
      margin: 0 auto; }
      body.cssTickerPopup #content .tickerTeamLogo .imageWrapper:before {
        display: block;
        content: ''; }
      body.cssTickerPopup #content .tickerTeamLogo .imageWrapper img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        overflow: hidden; }
      body.cssTickerPopup #content .tickerTeamLogo .imageWrapper:before {
        padding-top: 100%; }
      body.cssTickerPopup #content .tickerTeamLogo .imageWrapper .icon-font {
        display: none; }

/* Sporttabellen */
@media (min-width: 0) and (max-width: 479px) {
  :not(.Fussball).sportResults tr th.tore,
  :not(.Fussball).sportResults tr td.tore,
  .sportResults.Fussball tr th.diff,
  .sportResults.Fussball tr td.diff {
    display: none; }
  .sportResults.Fussball tr th.tore,
  .sportResults.Fussball tr td.tore,
  :not(.placeholder).sportResults tr th.diff,
  :not(.placeholder).sportResults tr td.diff {
    display: table-cell; } }

/* Sportergbnisse */
#uebersicht100Body .ui-tabs ul li a {
  font-size: 0.9em; }

#wettbewerb100Body .Pferdesport pre {
  white-space: pre; }

/* Sport Programmbezug */
.node-ergebnisse .mod .box.programmbezug h4 .headline {
  border-top: 1px solid #c4c4c4;
  color: #666;
  font-size: 0.9em;
  padding-top: 10px; }

.node-ergebnisse .mod .box.programmbezug {
  padding: 0 16px !important; }

/* Regionalliga-Tabelle */
#wettbewerb2430Body .sportResults .modTable #tabelle .table table tr:nth-child(n + 15):nth-child(-n + 15) td,
#wettbewerb2430Body .sportResults .modTable #tabelle .table table tr:nth-child(n + 15):nth-child(-n + 15) th {
  background-color: #f0f0f0 !important; }

#vereine-und-teams-100Body .con.vereine .teaserInfoWrapper {
  display: none; }

.ticketLink {
  position: relative;
  z-index: 1;
  text-align: center; }
  .ticketLink .moreBtn {
    margin: 0;
    display: inline-block;
    float: none;
    border: 0;
    width: auto;
    max-width: 320px;
    width: 100%;
    padding: 8px;
    background-color: #e3ffca;
    border: 1px solid #c9eaac;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center; }

body.cssEvent .sectionDetailPage p.ticketLink {
  padding-bottom: 32px;
  border-bottom: 1px solid #e5e5e8;
  margin-bottom: 32px; }

.modTable.tableEvents .table table caption {
  background-color: #e3ffca;
  font-size: 1em;
  padding: 16px;
  border-bottom: 1px solid #c9eaac; }

.modTable.tableEvents .table table tr,
.modTable.tableEvents .table table tr.headlines th {
  background-color: transparent;
  border-bottom-width: 1px !important; }

.modTable.tableEvents .table table tr.headlines th {
  background-color: #eefce1; }

.modTable.tableEvents .table table tr td,
.modTable.tableEvents .table table tr th {
  border-right: 0 !important;
  background-color: transparent;
  border-bottom-color: #c9eaac;
  padding: 16px !important; }

.modTable.tableEvents .table .tableFooter {
  padding: 16px; }

body.cssCalendar #content,
body.cssConcertCalendar #content {
  /*.ui-cal .box:not(.ui-cal-menu) {
      display: none;
      &.open {
          display: flex;
      }
  }*/ }
  body.cssCalendar #content h1 .headline:before,
  body.cssConcertCalendar #content h1 .headline:before {
    content: "";
    font-size: 1em;
    margin-right: 0;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  body.cssCalendar #content h1 .headline:focus:before,
  body.cssConcertCalendar #content h1 .headline:focus:before {
    text-decoration: none; }
  body.cssCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperMain,
  body.cssCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperRelated,
  body.cssConcertCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperMain,
  body.cssConcertCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperRelated {
    background-color: #fff; }
    body.cssCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperMain .conDetailHeader,
    body.cssCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperRelated .conDetailHeader,
    body.cssConcertCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperMain .conDetailHeader,
    body.cssConcertCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperRelated .conDetailHeader {
      display: none; }
    body.cssCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperMain .conCalendar,
    body.cssCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperRelated .conCalendar,
    body.cssConcertCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperMain .conCalendar,
    body.cssConcertCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperRelated .conCalendar {
      margin-top: 1rem; }
    body.cssCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperMain .mod.modA .box,
    body.cssCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperRelated .mod.modA .box,
    body.cssConcertCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperMain .mod.modA .box,
    body.cssConcertCalendar #content .sectionWrapper.hasSectionDetail .sectionWrapperRelated .mod.modA .box {
      background-color: transparent;
      padding: 0; }

.box.cssCalendar.boxNormal > .teaser > .innerTeaser h4 .headline:before,
.box.cssCalendar.boxSpecial > .teaser > .innerTeaser h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 0;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }

.box.cssCalendar.boxNormal > .teaser > .innerTeaser h4 .headline:focus:before,
.box.cssCalendar.boxSpecial > .teaser > .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }

.calendarMonthNavigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  padding: 3rem 1rem;
  border: 0;
  background-color: white; }
  .calendarMonthNavigation a.next {
    margin: 0; }
  .calendarMonthNavigation > span {
    margin-left: 2rem;
    margin-right: 2rem;
    font-size: 1.5rem; }

.conCalendar .controls.sliding,
.conConcertDetails .controls.sliding {
  background-color: transparent;
  margin-top: 0;
  border: 0;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 1rem; }
  .conCalendar .controls.sliding a span,
  .conConcertDetails .controls.sliding a span {
    position: relative;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-left: 1rem; }
  .conCalendar .controls.sliding .currentDay,
  .conConcertDetails .controls.sliding .currentDay {
    font-weight: bold; }

.section .conCalendar .controls.reload a.moreBtn {
  margin-top: 32px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

.section .conCalendar .box .owl-stage-outer {
  background-color: white;
  text-align: center; }

.section .conCalendar .box .calTables {
  text-align: center;
  width: 100%; }

.section .conCalendar .box .calTables,
.section .conCalendar .box .form fieldset {
  background-color: white; }

.section .conCalendar .box .calTables,
.section .conCalendar .box .form {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.section .conCalendar .box .calSelector {
  max-width: 240px;
  margin: 1rem 0; }

.section .conCalendar .box .calTable {
  max-width: 66.666%;
  width: 100%;
  display: none; }
  @media (min-width: 0) and (max-width: 767px) {
    .section .conCalendar .box .calTable {
      min-width: 100%; } }
  .section .conCalendar .box .calTable.ui-cal-currentMonth {
    display: block;
    margin: 0 auto; }
  .section .conCalendar .box .calTable .datentabelle caption {
    display: none; }

.section .conCalendar .box table {
  border: 0;
  width: 100%;
  margin-bottom: 1rem; }
  .section .conCalendar .box table thead {
    display: none; }
  .section .conCalendar .box table caption {
    text-align: center;
    font-weight: bold;
    margin-bottom: 16px;
    margin-top: 16px; }

.section .conCalendar .ui-cal-menu {
  font-weight: bold;
  padding: 0; }
  .section .conCalendar .ui-cal-menu li.currentCal a:before {
    content: "";
    font-size: 1rem;
    margin-right: 0.5rem;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .section .conCalendar .ui-cal-menu li.currentCal a:focus:before {
    text-decoration: none; }
  .section .conCalendar .ui-cal-menu li.calBackLink a:before {
    content: "";
    font-size: 1rem;
    margin-right: 0.5rem;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .section .conCalendar .ui-cal-menu li.calBackLink a:focus:before {
    text-decoration: none; }
  @media (min-width: 0) and (max-width: 767px) {
    .section .conCalendar .ui-cal-menu li:not(.currentCal) a span {
      display: none; }
    .section .conCalendar .ui-cal-menu li:not(.currentCal) a:before {
      margin-right: 0; } }

.section .conCalendar .ui-cal table td > span > * {
  position: relative;
  border: 0; }
  .section .conCalendar .ui-cal table td > span > *:after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0.25rem;
    content: '';
    background-color: white; }
  .section .conCalendar .ui-cal table td > span > *:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.25rem;
    width: 100%;
    content: '';
    background-color: #e5e5e8; }

.section .conCalendar .ui-cal table td.inactive > span > * {
  opacity: 0.4; }

@media (min-width: 0) and (max-width: 1007px) {
  .section .conCalendar .ui-cal .box {
    padding: 0 !important; } }

.section .conCalendar .ui-cal .controls.layered .buttons a.prev {
  left: 60px; }

.section .conCalendar .ui-cal .controls.layered .buttons a.next {
  right: 60px; }

@media (min-width: 0) and (max-width: 1007px) {
  .section .conCalendar .ui-cal .controls.layered .buttons a.prev {
    left: 16px; }
  .section .conCalendar .ui-cal .controls.layered .buttons a.next {
    right: 16px; } }

.section .conCalendar .ui-cal .submitfield {
  margin-top: 0; }

.section .conCalendar.conConcertCalendar .form-button {
  width: 100%; }

html.js .section .conCalendar.conConcertCalendar .form {
  display: block; }

.modCalResults > .boxCon > .box {
  padding: 0.5rem 2rem !important;
  background-color: white !important; }
  @media (min-width: 0) and (max-width: 767px) {
    .modCalResults > .boxCon > .box {
      padding: 0.5rem !important;
      background-color: white !important; } }

.modCalResults .moreBtn.solidBtn {
  display: none; }

.modCalResults p.channel,
.modCalResults p.concertPlace {
  font-size: 0.875rem;
  margin-bottom: 0;
  font-weight: bold; }

.modCalResults p.concertDate {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: bold; }

.modCalResults h4 {
  margin-bottom: 0;
  display: block;
  font-size: 1.25rem; }
  .modCalResults h4 > * {
    color: #981f96;
    margin-bottom: 0 !important; }

.modCalResults h3.headline {
  text-align: center;
  padding: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem; }

.modCalResults .box:nth-child(1) > *:nth-child(1) {
  z-index: 2;
  position: relative; }

.modCalResults .box > * {
  background-color: white;
  margin-top: 0; }

.calFilter {
  border-top: 1px solid #e5e5e8;
  background-color: #f0f0f0;
  display: none !important; }
  .calFilter h3.headline {
    font-size: 1em;
    padding: 8px;
    margin-bottom: 0;
    letter-spacing: 0.125rem; }
  .calFilter .ui-tabs {
    display: none;
    border: 0;
    padding: 12px; }
    html.js .calFilter .ui-tabs {
      display: block; }
    .calFilter .ui-tabs ul li a {
      font-size: 1em;
      padding: 4px 12px; }

.calFooter {
  text-align: center;
  border-top: 1px solid #e5e5e8;
  margin-top: 16px;
  padding-top: 16px; }

.calEntriesList {
  position: relative;
  z-index: 1;
  width: 100%; }
  .calEntriesList.calResultsMonthView h3.headline .startTime {
    display: none; }
  .calEntriesList.calResultsDayView h3.headline .startTime {
    display: block; }
  .calEntriesList.calResultsDayView h3.headline .date {
    display: none; }

.ui-cal-slider .box {
  visibility: hidden; }
  .ui-cal-slider .box.currentDay,
  html.js .ui-cal-slider .box {
    visibility: visible; }

.concertTickets li:nth-child(2) a,
.conDetailHeader .concertTickets li a,
.conConcertDetails .concertTickets li a {
  display: flex;
  align-items: center;
  justify-content: center; }
  .concertTickets li:nth-child(2) a:after,
  .conDetailHeader .concertTickets li a:after,
  .conConcertDetails .concertTickets li a:after {
    content: "";
    font-size: 1em;
    margin-left: 0.25rem;
    text-decoration: none;
    display: inline-block; }
  .concertTickets li:nth-child(2) a:focus:after,
  .conDetailHeader .concertTickets li a:focus:after,
  .conConcertDetails .concertTickets li a:focus:after {
    text-decoration: none; }

p.concertDate span {
  font-size: 1em; }

.calEntriesGroup .box .teaser {
  padding-left: 150px !important; }

.calEntriesGroup {
  position: relative;
  padding: 0.5rem; }
  .calEntriesGroup.empty {
    display: none; }
  .calEntriesGroup .box {
    padding: 0 !important; }
  .calEntriesGroup h3.headline {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 150px;
    text-align: center;
    padding-top: 1rem;
    font-size: 3.25em;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
    .calEntriesGroup h3.headline .startTime {
      display: none; }
    .calEntriesGroup h3.headline span.month,
    .calEntriesGroup h3.headline span.startTime span {
      display: block;
      font-size: 0.25em;
      line-height: 1.21;
      letter-spacing: 0.125rem; }
  .calEntriesGroup span.day:after {
    content: ' '; }
  .calEntriesGroup span.date {
    font-size: 1.5em;
    line-height: 1.2; }
    @media (min-width: 0) and (max-width: 767px) {
      .calEntriesGroup span.date {
        font-size: 0.75em; }
        .calEntriesGroup span.date span.month {
          font-size: 0.5em; } }
  .calEntriesGroup p.concertDate span {
    font-size: 1em; }
  .calEntriesGroup span.trenner:after {
    content: ' '; }
  .calEntriesGroup.calDateRange .box .teaser {
    padding-left: 8px !important; }
  .calEntriesGroup .box {
    background-color: #fff !important; }
    .calEntriesGroup .box .teaser {
      background-color: #fff !important;
      border-bottom: 0 !important; }
      .calEntriesGroup .box .teaser .innerTeaser {
        border-bottom: 2px solid #e5e5e8; }
      .calEntriesGroup .box .teaser .moreBtn,
      .calEntriesGroup .box .teaser .cssProgramHintBox {
        display: none; }
    .calEntriesGroup .box:last-of-type .teaser .innerTeaser {
      border: 0; }
    html.no-touch .calEntriesGroup .box:hover {
      background-color: #fff; }
      html.no-touch .calEntriesGroup .box:hover .teaser {
        background-color: #fff !important; }
  @media (min-width: 0) and (max-width: 1007px) {
    .calEntriesGroup .box {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      padding: 0.5rem; }
      .calEntriesGroup .box .teaser {
        padding-left: 8px !important; }
    .calEntriesGroup h3.headline {
      position: relative;
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      padding: 0;
      height: auto;
      padding-top: 0.5rem; }
      .calEntriesGroup h3.headline > * {
        margin-bottom: 0; } }

.sectionC .calEntriesGroup .box,
.sectionB .calEntriesGroup .box,
.modB .calEntriesGroup .box,
.modC .calEntriesGroup .box {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0.5rem; }
  .sectionC .calEntriesGroup .box .teaser,
  .sectionB .calEntriesGroup .box .teaser,
  .modB .calEntriesGroup .box .teaser,
  .modC .calEntriesGroup .box .teaser {
    padding-left: 8px !important; }

.sectionC .calEntriesGroup h3.headline,
.sectionB .calEntriesGroup h3.headline,
.modB .calEntriesGroup h3.headline,
.modC .calEntriesGroup h3.headline {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0;
  height: auto;
  padding-top: 0.5rem; }
  .sectionC .calEntriesGroup h3.headline > *,
  .sectionB .calEntriesGroup h3.headline > *,
  .modB .calEntriesGroup h3.headline > *,
  .modC .calEntriesGroup h3.headline > * {
    margin-bottom: 0; }

body.cssConcert #content .sectionDetailPage {
  padding-bottom: 0 !important; }

body.cssConcert #content .conConcertDetails .box {
  flex-direction: column; }
  body.cssConcert #content .conConcertDetails .box ul,
  body.cssConcert #content .conConcertDetails .box p {
    margin-top: 16px;
    border-top: 1px solid #e5e5e8;
    padding-top: 16px;
    padding-left: 2rem;
    padding-right: 2rem; }
    @media (min-width: 0) and (max-width: 767px) {
      body.cssConcert #content .conConcertDetails .box ul,
      body.cssConcert #content .conConcertDetails .box p {
        padding-left: 0;
        padding-right: 0; } }
  body.cssConcert #content .conConcertDetails .box ul.pieces {
    border-top: 0; }
  body.cssConcert #content .conConcertDetails .box ul li {
    margin-bottom: 12px; }
  body.cssConcert #content .conConcertDetails .box ul.pieces li span {
    font-weight: bold;
    display: block; }
  body.cssConcert #content .conConcertDetails .box .concertTickets {
    display: flex;
    align-items: center;
    flex-direction: column; }

body.cssConcert #content .con .box .concertTickets {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  width: 100%; }
  body.cssConcert #content .con .box .concertTickets ul,
  body.cssConcert #content .con .box .concertTickets p {
    margin: 0;
    padding: 0;
    border: 0; }
  body.cssConcert #content .con .box .concertTickets .ui-tags {
    margin: 0;
    width: auto; }

body.cssConcert #content .ticketLink .moreBtn {
  border-color: #e5e5e8;
  background-color: transparent; }

body.cssConcert #content .conDetailHeader {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  body.cssConcert #content .conDetailHeader .dachzeile,
  body.cssConcert #content .conDetailHeader .headline,
  body.cssConcert #content .conDetailHeader .subtitle {
    padding: 0;
    margin: 0; }
  body.cssConcert #content .conDetailHeader .headline {
    font-size: 2.5rem; }
  body.cssConcert #content .conDetailHeader .subtitle {
    font-size: 1rem; }
  body.cssConcert #content .conDetailHeader .concertDate {
    font-size: 1.5rem; }
  body.cssConcert #content .conDetailHeader h1 {
    margin-bottom: 0.75rem; }
  body.cssConcert #content .conDetailHeader .boxCon {
    flex-direction: row; }
  @media (min-width: 0) and (max-width: 767px) {
    body.cssConcert #content .conDetailHeader {
      padding-left: 0;
      padding-right: 0;
      padding-top: 1rem; }
      body.cssConcert #content .conDetailHeader .headline {
        font-size: 1.5rem; }
      body.cssConcert #content .conDetailHeader .concertDate {
        font-size: 1rem; } }
  body.cssConcert #content .conDetailHeader .box.firstMediaFull {
    display: block;
    padding-right: 0 !important;
    width: 50%;
    min-width: auto;
    max-width: 320px; }
    @media (min-width: 0) and (max-width: 767px) {
      body.cssConcert #content .conDetailHeader .box.firstMediaFull {
        min-width: 50%;
        max-width: 75%;
        order: 1;
        margin: 0 auto; } }
    body.cssConcert #content .conDetailHeader .box.firstMediaFull .mediaCon {
      display: block; }
      body.cssConcert #content .conDetailHeader .box.firstMediaFull .mediaCon .imageWrapper:before {
        padding-top: 100%; }
  body.cssConcert #content .conDetailHeader .box:not(.firstMediaFull) {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
    padding-left: 16px !important; }
    @media (min-width: 0) and (max-width: 767px) {
      body.cssConcert #content .conDetailHeader .box:not(.firstMediaFull) {
        max-width: 100%;
        min-width: 100%; } }
    body.cssConcert #content .conDetailHeader .box:not(.firstMediaFull) .mediaCon {
      display: none; }

@media (min-width: 0) and (max-width: 479px) {
  body.cssConcert #content .conDetailHeader .boxCon {
    flex-direction: column;
    align-items: center; }
  body.cssConcert #content .box.firstMediaFull {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    width: 100%;
    max-width: 320px;
    min-width: auto;
    order: 1; }
  body.cssConcert #content .box:not(.firstMediaFull) {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-left: 1rem !important;
    padding-right: 1rem !important; } }

#concertSearch form .formElement {
  display: flex;
  flex-direction: column;
  border: 0;
  padding: 0; }
  #concertSearch form .formElement label {
    font-weight: bold; }
  #concertSearch form .formElement .unitY {
    min-width: 100%; }

.pageAreaNewsFlash .sectionWrapper {
  background-color: transparent !important; }
  .pageAreaNewsFlash .sectionWrapper .sectionWrapperMain {
    background-color: transparent;
    margin-top: 0; }
    .pageAreaNewsFlash .sectionWrapper .sectionWrapperMain .section {
      padding: 0 !important;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      overflow: hidden; }
    .pageAreaNewsFlash .sectionWrapper .sectionWrapperMain .con {
      margin-bottom: 0; }

.pageAreaNewsFlash .con {
  background-color: transparent; }
  .pageAreaNewsFlash .con h3.newsFlashTitle {
    color: #ff0000;
    font-size: 1.8em;
    text-transform: uppercase;
    top: 16px;
    left: 0;
    width: 256px;
    text-align: center;
    position: absolute;
    z-index: 1; }
    @media (min-width: 0) and (max-width: 767px) {
      .pageAreaNewsFlash .con h3.newsFlashTitle {
        position: relative;
        top: 0;
        width: 100%;
        padding: 16px;
        background-color: #f0f0f0;
        border-bottom: 1px solid #e5e5e8; } }

.pageAreaNewsFlash .box {
  padding: 0; }
  .pageAreaNewsFlash .box .teaser {
    padding: 16px 32px;
    padding-bottom: 0;
    background-color: white;
    font-style: italic; }
    .pageAreaNewsFlash .box .teaser .shortInfos {
      margin-bottom: 4px;
      margin-top: 0; }
    .pageAreaNewsFlash .box .teaser h4 {
      font-size: 1.8em; }
    .pageAreaNewsFlash .box .teaser .teasertext {
      margin-bottom: 0; }
  .pageAreaNewsFlash .box .teaserInfoWrapper {
    padding-left: 240px; }
    .pageAreaNewsFlash .box .teaserInfoWrapper > *:last-child {
      border-bottom: 1px solid #e5e5e8;
      padding-bottom: 23px; }
  .pageAreaNewsFlash .box:last-of-type .teaserInfoWrapper > *:last-child {
    border: 0; }
  @media (min-width: 0) and (max-width: 767px) {
    .pageAreaNewsFlash .box .teaserInfoWrapper {
      padding-left: 0; } }

/* Start +++ Gefahrenmeldung +++ */
html body .sectionWrapper.gefahreninformation:not(.hasSectionDetail) .section.sectionTitle {
  padding: 0;
  display: none; }

html body .sectionWrapper.section1er.gefahreninformation .sectionWrapperMain {
  margin: 0;
  border: solid 2px #d22;
  background-color: #f9f9f9; }

html body .sectionWrapper:not(.hasSectionDetail).gefahreninformation h2.pageAreaTitle,
html body .sectionWrapper:not(.hasSectionDetail).gefahreninformation .section .cssBoxTeaserStandard h3.conHeadline,
html body .sectionWrapper:not(.hasSectionDetail).gefahreninformation .box.cssBoxTeaserBundle.conInline.hasNoRessort.needs-homepageTracking {
  background: #f9f9f9; }

html body .sectionWrapper:not(.hasSectionDetail).gefahreninformation h2.pageAreaTitle,
html body .sectionWrapper:not(.hasSectionDetail).gefahreninformation .section .cssBoxTeaserStandard h3.conHeadline {
  color: #e00 !important;
  border-bottom: none;
  background-color: transparent !important; }

html body .sectionWrapper:not(.hasSectionDetail).gefahreninformation .con.cssBoxTeaserStandard {
  margin-bottom: 0; }

/* End +++ Gefahrenmeldung +++ */
/* Start +++ Eilmeldungen +++ */
.pageAreaNewsFlash .mod.modA .box {
  margin-bottom: 0; }

.pageAreaNewsFlash .box .teaserInfoWrapper {
  padding: 0; }

html body .pageAreaNewsFlash .con .boxCon {
  background: #f9f9f9 !important;
  padding: 0 8px 8px; }

html body .pageAreaNewsFlash .con h3.newsFlashTitle {
  color: #e00;
  font-size: 1.5em;
  width: 100%;
  position: static;
  padding: 12px 16px;
  font-style: normal; }

.newsFlashTitle::before,
.newsFlashTitle::after {
  content: '+ + +';
  margin: 0 0.75em;
  letter-spacing: 0.125em; }

html body .box.cssNewsFlash.hasNoRessort .teaser {
  background: rgba(0, 0, 0, 0.05);
  padding: 16px;
  padding-bottom: 0; }

.pageAreaNewsFlash .box .teaserInfoWrapper > :last-child {
  padding-bottom: 16px; }

html body .box.cssNewsFlash.hasNoRessort h4.headline {
  font-weight: 400;
  font-size: 1.5em;
  font-style: normal;
  margin-bottom: 4px; }

html body .box.cssNewsFlash.hasNoRessort p.teasertext {
  font-style: normal; }

html body .redBorder .teaser {
  border: solid 2px #d22; }

/* End +++ Eilmeldungen +++ */
.conComments h3.headline {
  font-size: 1em;
  border-bottom: 1px solid #e5e5e8;
  padding: 8px;
  background-color: #f5f5fa;
  margin-bottom: 0; }

.conComments .ui-collapsible-entry {
  border: 0;
  margin-bottom: 0 !important;
  background-color: transparent; }

.conComments .comments {
  background-color: #f5f5fa; }
  .conComments .comments .comment {
    margin-bottom: 4px;
    padding: 8px; }
  .conComments .comments p.commentTitle {
    padding: 4px;
    position: relative;
    padding-right: 40px; }
    .conComments .comments p.commentTitle > span:first-child:before {
      content: "";
      font-size: 1.1875em;
      margin-right: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .conComments .comments p.commentTitle > span:first-child:focus:before {
      text-decoration: none; }
    .conComments .comments p.commentTitle > span:first-child:before {
      vertical-align: text-top; }
    .conComments .comments p.commentTitle span.commentDate:after {
      content: ', '; }
    .conComments .comments p.commentTitle span.commentCount {
      float: right;
      font-size: 1.1875em;
      color: #e5e5e8;
      position: absolute;
      right: 0;
      top: 5px; }
    .conComments .comments p.commentTitle span.commentAuthor {
      font-weight: bold; }
      .conComments .comments p.commentTitle span.commentAuthor:before {
        content: ' | '; }
  .conComments .comments p.commentText {
    background-color: white;
    border-top: 1px solid #e5e5e8;
    padding: 16px;
    line-height: 145%;
    font-size: 0.875em; }

.conComments .controls.reload {
  text-align: center;
  min-height: 0;
  background-color: transparent;
  border: 0; }
  .conComments .controls.reload a.moreBtn {
    padding: 8px 32px 8px 8px;
    margin-bottom: 32px;
    margin-top: 0; }

.conComments .modForm .submitfield {
  margin-top: 0; }

.conComments .modForm .controls.reload a.moreBtn {
  margin-bottom: 32px; }
  .conComments .modForm .controls.reload a.moreBtn:after {
    display: none; }
  .conComments .modForm .controls.reload a.moreBtn:before {
    top: 50%;
    color: #313131;
    margin-left: 4px; }

.conComments #talk_community {
  padding-top: 16px; }
  .conComments #talk_community span.commentDate:after {
    content: ''; }
  .conComments #talk_community span.commentAuthor:before {
    content: ''; }

.conComments .talktext-box {
  width: 100%;
  padding: 16px 8px 8px 8px;
  clear: both; }

.conComments .talktext-box p {
  line-height: 1.5;
  font-size: 0.85em; }

/* Kommentare im 2:1er */
@media (min-width: 1008px) {
  .sectionWrapper.hasSectionDetail .sectionZ.sectionDetailPage .conComments .modA .boxCon {
    padding: 0 2rem; } }

.staticQuiz .quizProgress {
  height: 4px;
  position: relative;
  background-color: #e5e5e8;
  margin-bottom: 32px;
  margin-top: 44px; }
  .staticQuiz .quizProgress.ended .quizProgressText {
    margin-left: -108px; }
    .staticQuiz .quizProgress.ended .quizProgressText:after {
      margin-left: 32px; }
  .staticQuiz .quizProgress.start .quizProgressText {
    margin-left: 0; }
    .staticQuiz .quizProgress.start .quizProgressText:after {
      margin-left: -58px; }

.staticQuiz .leadText {
  margin-bottom: 16px; }

.staticQuiz .quizProgressBar {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background-color: #e2001a; }

.staticQuiz .quizProgressText {
  position: absolute;
  top: -42px;
  left: 0;
  font-size: 0.875em;
  background-color: #e5e5e8;
  padding: 6px;
  font-weight: bold;
  width: 120px;
  text-align: center;
  margin-left: -60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  .staticQuiz .quizProgressText:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e5e5e8;
    border-width: 8px;
    margin-left: -8px; }

.staticQuiz .formElement.required {
  margin-bottom: 0 !important; }

.staticQuiz .quizFormSend .formElement > div.unitD {
  max-width: 24.97%; }

.staticQuiz .quizFormSend .formElement > div.unitY {
  max-width: 74.97%; }

.staticQuiz .quizFormSend fieldset {
  padding: 16px !important; }
  .staticQuiz .quizFormSend fieldset label {
    width: 100%;
    margin-bottom: 16px; }
  .staticQuiz .quizFormSend fieldset .agbContent {
    border: 0; }
  .staticQuiz .quizFormSend fieldset .form-button {
    padding: 0 !important; }
  .staticQuiz .quizFormSend fieldset .form-errormsg {
    max-width: 300px !important; }
  .staticQuiz .quizFormSend fieldset .form-button {
    width: 100% !important;
    max-width: 100% !important;
    background-color: transparent !important; }

.quizSolution .nextQuestion {
  text-align: center; }

.quizSolution p {
  margin: 24px 0 24px 0; }

.quizSolution p.solution {
  font-weight: bold;
  font-size: 1.1875em; }

.quizSolution .solutionWrapper {
  position: relative;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 16px; }
  .quizSolution .solutionWrapper p.solutionText {
    margin: 0;
    padding-right: 64px; }
  .quizSolution .solutionWrapper .quizProgress {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    background-color: #fefefe; }
  .quizSolution .solutionWrapper .quizProgressText {
    right: 0;
    left: auto;
    width: 65px;
    top: 20px;
    background-color: transparent; }
    .quizSolution .solutionWrapper .quizProgressText:after {
      display: none; }
  .quizSolution .solutionWrapper .solutionBtn {
    text-align: center; }
    .quizSolution .solutionWrapper .solutionBtn a.moreBtn {
      border-color: rgba(0, 0, 0, 0.5);
      background-color: rgba(255, 255, 255, 0.2);
      color: rgba(0, 0, 0, 0.7); }

.quizSolution p.solutionText {
  padding: 16px;
  font-weight: bold;
  background-color: #e5e5e8; }

.quizSolution.right p.solution {
  color: #009900; }

.quizSolution.wrong p.solution {
  color: #ec0000; }

.mod .cssVoting.staticQuiz .form .mediaCon .mediaInfo {
  display: block !important; }

.mod .cssVoting .agbContent a {
  color: #d40028; }

.box.staticRadioPlayer {
  padding: 0 !important; }

.radioPlayer {
  position: relative;
  width: 100%;
  float: left;
  height: 60px !important;
  z-index: 0;
  background-color: #333334; }
  .radioPlayer .spinner {
    left: 32px !important;
    color: white;
    z-index: 10 !important; }
    .radioPlayer .spinner div {
      border-color: white;
      background-color: white; }
    .radioPlayer .spinner:after {
      display: none; }
  .radioPlayer .ui-social-fixed {
    display: none !important; }
  .radioPlayer .radioPlayerControls {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    color: white;
    background-color: #d40028;
    font-size: 2.4em;
    padding: 0;
    line-height: 40px;
    cursor: pointer;
    z-index: 1; }
    .radioPlayer .radioPlayerControls:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .radioPlayer .radioPlayerControls:focus:before {
      text-decoration: none; }
    .radioPlayer .radioPlayerControls:before {
      position: absolute;
      margin: 0;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Chrome, Safari, Opera */
      transform: translate(-50%, -50%); }
  .radioPlayer .playlistInfos {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px;
    width: 100%;
    padding-left: 80px;
    height: 100%;
    overflow-y: scroll;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .radioPlayer .playlistInfos p {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      .radioPlayer .playlistInfos p > span {
        display: block;
        color: white; }
        .radioPlayer .playlistInfos p > span.interpret {
          margin-bottom: 0.2em; }
  .radioPlayer .avPlayerAddControls, .radioPlayer .controls {
    display: none !important; }

.radioPlayerWrapper .addControls {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  background-color: #333334;
  margin-top: 1px;
  cursor: pointer; }
  .radioPlayerWrapper .addControls .btn {
    background-color: transparent;
    cursor: pointer;
    color: white;
    float: left;
    width: 44px;
    height: 44px;
    padding: 8px; }
    .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:focus:before {
      text-decoration: none; }
    .radioPlayerWrapper .addControls .btn.popoutBtn {
      float: right;
      border-left: 1px solid #272728;
      white-space: nowrap;
      width: auto;
      padding-right: 0.6em; }
      .radioPlayerWrapper .addControls .btn.popoutBtn:before {
        content: "";
        font-size: 1.5em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .radioPlayerWrapper .addControls .btn.popoutBtn:focus:before {
        text-decoration: none; }
      .radioPlayerWrapper .addControls .btn.popoutBtn:after {
        content: 'Playlist';
        padding-left: 0.4em; }
    html.no-touch .radioPlayerWrapper .addControls .btn:hover {
      color: #fefefe; }
  .radioPlayerWrapper .addControls .avPlayerVolumeBar {
    position: relative;
    width: 100px;
    height: 44px;
    display: inline-block;
    float: left;
    margin-left: 12px; }
    .radioPlayerWrapper .addControls .avPlayerVolumeBar:before {
      position: absolute;
      content: "";
      top: 23px;
      height: 2px;
      width: 100%;
      left: 0;
      background-color: #e5e5e8; }
  .radioPlayerWrapper .addControls .avPlayerVolumeHandle {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: white;
    left: 0;
    top: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  .radioPlayerWrapper .addControls .avPlayerVolumeProgress {
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: white;
    left: 0;
    top: 23px; }

html.js .radioPlayerWrapper .ui-selectbox {
  width: 100%;
  border: 0;
  color: #fefefe;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #d40028;
  margin-bottom: 1px; }

.radioPlayerWrapper.muted .addControls .btn.avPlayerVolumeBtn:before {
  content: ""; }

.radioPlayerWrapper.brav-buffer .radioPlayerControls:before {
  display: none; }

.radioPlayerWrapper.brav-playing .radioPlayerControls:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }

.radioPlayerWrapper.brav-playing .radioPlayerControls:focus:before {
  text-decoration: none; }

.radioPlayerWrapper.brav-paused .radioPlayerControls:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }

.radioPlayerWrapper.brav-paused .radioPlayerControls:focus:before {
  text-decoration: none; }

.weather-mitteldeutschland .weatherInnerWrapper li {
  position: absolute; }
  .weather-mitteldeutschland .weatherInnerWrapper li#SgMagdeburg {
    top: 23%;
    left: 27%; }
  .weather-mitteldeutschland .weatherInnerWrapper li#SgDresden {
    top: 60%;
    left: 60%; }
  .weather-mitteldeutschland .weatherInnerWrapper li#sachsen {
    top: 74%;
    left: 57%; }
  .weather-mitteldeutschland .weatherInnerWrapper li#sachsen-anhalt {
    top: 34%;
    left: 28%; }
  .weather-mitteldeutschland .weatherInnerWrapper li#SgErfurt {
    top: 62%;
    left: 20%; }
  .weather-mitteldeutschland .weatherInnerWrapper li#thueringen {
    top: 74%;
    left: 15%; }

.weather-sachsen .weatherInnerWrapper li {
  position: absolute; }
  .weather-sachsen .weatherInnerWrapper li#SgLeipzig {
    top: 27%;
    left: 0; }
  .weather-sachsen .weatherInnerWrapper li#SgDresden {
    top: 41%;
    left: 47%; }
  .weather-sachsen .weatherInnerWrapper li#SgChemnitz {
    top: 48%;
    left: 12%; }
  .weather-sachsen .weatherInnerWrapper li#SgZwickau {
    top: 58%;
    left: 2%; }
  .weather-sachsen .weatherInnerWrapper li#SgPlauen {
    top: 69%;
    left: -4%; }
  .weather-sachsen .weatherInnerWrapper li#SgBautzen {
    top: 31%;
    left: 60%; }
  .weather-sachsen .weatherInnerWrapper li#SgZittau {
    top: 51%;
    left: 65%; }
  .weather-sachsen .weatherInnerWrapper li#SgWeisswasser {
    top: 16%;
    left: 70%; }
  .weather-sachsen .weatherInnerWrapper li#SgTorgau {
    top: 16%;
    left: 30%; }
  .weather-sachsen .weatherInnerWrapper li#SgOberwiesenthal {
    top: 63%;
    left: 32%; }

.weather-sachsen-anhalt .weatherInnerWrapper li {
  position: absolute; }
  .weather-sachsen-anhalt .weatherInnerWrapper li#SgMagdeburg {
    top: 31%;
    left: 41%; }
  .weather-sachsen-anhalt .weatherInnerWrapper li#SgSalzwedel {
    top: 7%;
    left: 24%; }
  .weather-sachsen-anhalt .weatherInnerWrapper li#SgBrocken {
    top: 54%;
    left: 2%; }
  .weather-sachsen-anhalt .weatherInnerWrapper li#SgNaumburg {
    top: 90%;
    left: 32%; }
  .weather-sachsen-anhalt .weatherInnerWrapper li#SgJessen {
    top: 55%;
    left: 72%; }
  .weather-sachsen-anhalt .weatherInnerWrapper li#SgHalle {
    top: 71%;
    left: 50%; }
  .weather-sachsen-anhalt .weatherInnerWrapper li#SgDessau {
    top: 52%;
    left: 48%; }

.weather-thueringen .weatherInnerWrapper li {
  position: absolute; }
  .weather-thueringen .weatherInnerWrapper li#SgNordhausen {
    top: 20%;
    left: 34%; }
  .weather-thueringen .weatherInnerWrapper li#SgMuehlhausen {
    top: 38%;
    left: 4%; }
  .weather-thueringen .weatherInnerWrapper li#SgEisenach {
    top: 54%;
    left: 2%; }
  .weather-thueringen .weatherInnerWrapper li#SgSuhl {
    top: 64%;
    left: 19%; }
  .weather-thueringen .weatherInnerWrapper li#SgErfurt {
    top: 45%;
    left: 39%; }
  .weather-thueringen .weatherInnerWrapper li#SgSaalfeld {
    top: 60%;
    left: 43%; }
  .weather-thueringen .weatherInnerWrapper li#SgArtern {
    top: 31%;
    left: 48%; }
  .weather-thueringen .weatherInnerWrapper li#SgSonneberg {
    top: 72%;
    left: 46%; }
  .weather-thueringen .weatherInnerWrapper li#SgGera {
    top: 55%;
    left: 71%; }
  .weather-thueringen .weatherInnerWrapper li#SgAltenburg {
    top: 43%;
    left: 74%; }

.mod.modA .weather {
  margin-bottom: 0; }

.weather .teaser {
  background-color: transparent !important; }

.weather h3 {
  margin-bottom: 12px;
  line-height: 1.21; }
  .weather h3 .headline {
    font-size: 1.5em;
    font-weight: normal; }

.weather svg {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

.weather g.tag > g {
  display: none; }

.weather g.nacht > g {
  display: none; }

.weather g.tag,
.weather g.nacht {
  display: none; }

.weather span.icon.day g.tag {
  display: block; }

.weather span.icon.day svg {
  background-color: #2778c9; }

.weather span.icon.night g.nacht {
  display: block; }

.weather span.icon.night svg {
  background-color: #09102d; }

.weather span.icon.bedeckt g.bedeckt,
.weather span.icon.bedeckt g.bedeckt-nacht {
  display: block; }

.weather span.icon.wolkenlos g.wolkenlos,
.weather span.icon.wolkenlos g.wolkenlos-nacht {
  display: block; }

.weather span.icon.leicht-bewoelkt g.leicht-bewoelkt,
.weather span.icon.leicht-bewoelkt g.leicht-bewoelkt-nacht {
  display: block; }

.weather span.icon.stark-bewoelkt g.stark-bewoelkt,
.weather span.icon.stark-bewoelkt g.stark-bewoelkt-nacht {
  display: block; }

.weather span.icon.wolkig g.wolkig,
.weather span.icon.wolkig g.wolkig-nacht {
  display: block; }

.weather span.icon.leichter-regen g.leichter-regen,
.weather span.icon.leichter-regen g.leichter-regen-nacht {
  display: block; }

.weather span.icon.regenschauer g.regenschauer,
.weather span.icon.regenschauer g.regenschauer-nacht {
  display: block; }

.weather span.icon.regen g.regen,
.weather span.icon.regen g.regen-nacht {
  display: block; }

.weather span.icon.schneefall g.schneefall,
.weather span.icon.schneefall g.schneefall-nacht {
  display: block; }

.weather span.icon.schneeregen g.schneeregen,
.weather span.icon.schneeregen g.schneeregen-nacht {
  display: block; }

.weather span.icon.schneegewitter g.schneegewitter,
.weather span.icon.schneegewitter g.schneegewitter-nacht {
  display: block; }

.weather span.icon.etwas-schnee g.etwas-schnee,
.weather span.icon.etwas-schnee g.etwas-schnee-nacht {
  display: block; }

.weather span.icon.schneeschauer g.schneeschauer,
.weather span.icon.schneeschauer g.schneeschauer-nacht {
  display: block; }

.weather span.icon.etwas-schnee g.etwas-schnee,
.weather span.icon.etwas-schnee g.etwas-schnee-nacht {
  display: block; }

.weather span.icon.fallstreifen g.fallstreifen,
.weather span.icon.fallstreifen g.fallstreifen-nacht {
  display: block; }

.weather span.icon.schneefegen g.schneefegen,
.weather span.icon.schneefegen g.schneefegen-nacht {
  display: block; }

.weather span.icon.hagel-graupel g.hagel-graupel,
.weather span.icon.hagel-graupel g.hagel-graupel-nacht {
  display: block; }

.weather span.icon.wetterleuchten g.wetterleuchten,
.weather span.icon.wetterleuchten g.wetterleuchten-nacht {
  display: block; }

.weather span.icon.gewitter g.gewitter,
.weather span.icon.gewitter g.gewitter-nacht {
  display: block; }

.weather span.icon.schwere-boeen g.schwere-boeen,
.weather span.icon.schwere-boeen g.schwere-boeen-nacht {
  display: block; }

.weather span.icon.staubsturm g.staubsturm,
.weather span.icon.staubsturm g.staubsturm-nacht {
  display: block; }

.weather span.icon.glatteis g.glatteis,
.weather span.icon.glatteis g.glatteis-nacht {
  display: block; }

.weather span.icon.schwere-boeen g.schwere-boeen,
.weather span.icon.schwere-boeen g.schwere-boeen-nacht {
  display: block; }

.weather span.icon.nebel g.nebel,
.weather span.icon.nebel g.nebel-nacht {
  display: block; }

.weather span.icon.nicht-gemeldet g.nicht-gemeldet,
.weather span.icon.nicht-gemeldet g.nicht-gemeldet-nacht {
  display: block; }

.weather h4 .headline {
  margin-bottom: 16px; }

.weather div.weather-title {
  padding: 16px;
  display: block !important;
  background-color: #fefefe; }
  .weather div.weather-title h2 {
    font-size: 2em;
    font-weight: normal; }
  .weather div.weather-title h3 {
    margin-bottom: 0; }

.weather-infos .unitC {
  border-right: 1px solid #e5e5e8; }
  .modB .weather-infos .unitC,
  .modC .weather-infos .unitC {
    width: 50%;
    max-width: 50%;
    border-right: 0; }
    .modB .weather-infos .unitC.weather-2days,
    .modC .weather-infos .unitC.weather-2days {
      width: 100%;
      max-width: 100%; }
    .modB .weather-infos .unitC:first-of-type,
    .modC .weather-infos .unitC:first-of-type {
      border-right: 1px solid #e5e5e8; }
  .weather-infos .unitC:last-of-type {
    border-right: 0; }

.weather-infos .weather-currentInfos .value {
  font-size: 1.5em;
  margin-bottom: 16px;
  font-weight: bold;
  line-height: 1.333em; }

.weather-infos span.icon {
  position: relative;
  float: left;
  width: 164px;
  max-height: 164px;
  padding-right: 16px; }

.weather-search {
  display: flex;
  padding: 0.5rem;
  flex-wrap: wrap; }
  .weather-search .unitA {
    flex-direction: row; }
    @media (min-width: 0) and (max-width: 767px) {
      .weather-search .unitA {
        flex-direction: column; } }
    .weather-search .unitA > .unitB {
      align-items: center;
      justify-content: center; }
      .weather-search .unitA > .unitB:nth-child(2) {
        padding-left: 1rem; }
      @media (min-width: 0) and (max-width: 767px) {
        .weather-search .unitA > .unitB:nth-child(2) {
          padding-left: 0; } }
  .weather-search .weather-source {
    float: right;
    margin-top: 6px;
    font-size: 0.875em;
    width: 50%;
    text-align: right; }
  .weather-search h3 {
    width: 50%; }
  .weather-search fieldset {
    background-color: transparent;
    padding: 0; }
    .weather-search fieldset .formElement {
      border-bottom: 0;
      padding: 0; }
      .weather-search fieldset .formElement > div {
        padding: 0;
        align-items: center; }
        .weather-search fieldset .formElement > div.text, .weather-search fieldset .formElement > div.select {
          width: 200px;
          padding: 0 0.5rem 0 0.5rem; }
      @media (min-width: 0) and (max-width: 767px) {
        .weather-search fieldset .formElement {
          flex-direction: row;
          flex-wrap: wrap;
          align-items: center; }
          .weather-search fieldset .formElement > div.text, .weather-search fieldset .formElement > div.select {
            padding: 0 0.5rem 0 0; }
          .weather-search fieldset .formElement > div:first-of-type {
            width: 100%; } }
    .weather-search fieldset input {
      height: 33px; }
    .weather-search fieldset .ui-selectbox {
      width: 100%;
      height: 33px; }
    .weather-search fieldset .moreBtn.submitButton {
      width: 28px;
      right: 0;
      height: 33px;
      border: 1px solid #ccc;
      border-radius: 4px;
      background-color: #fefefe;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      padding: 0; }

.weather-day h3,
.weather-day h4 {
  margin-bottom: 16px; }
  .weather-day h3 .headline,
  .weather-day h4 .headline {
    font-size: 1em;
    font-weight: bold; }

.weather-day .line {
  display: flex;
  margin-bottom: 16px; }
  .weather-day .line > div {
    margin-bottom: 16px;
    width: 100%;
    float: left; }
    .weather-day .line > div .icon {
      width: 36px;
      height: 36px;
      top: 0;
      left: 0;
      position: absolute; }
    .weather-day .line > div .text {
      width: 100%; }

.weather-day .line > div {
  width: 50%; }

@media (min-width: 0) and (max-width: 1007px) {
  .weather-day .line > div {
    width: 100%; } }

.weather-day.weather-2days .line > div {
  width: 100%; }
  @media (min-width: 480px) and (max-width: 767px) {
    .weather-day.weather-2days .line > div {
      width: 50%; } }
  .modB .weather-day.weather-2days .line > div,
  .modC .weather-day.weather-2days .line > div {
    width: 50%; }

.weather-day .weather-currentInfos {
  position: relative;
  margin-bottom: 4px;
  min-height: 36px;
  float: left;
  width: 100%; }
  .weather-day .weather-currentInfos .icon {
    padding-right: 0;
    min-width: 0; }
  .weather-day .weather-currentInfos .text {
    float: none;
    line-height: 1; }
    .weather-day .weather-currentInfos .text .value {
      font-size: 1.1875em;
      margin-bottom: 0;
      padding-left: 44px;
      margin-top: 10px; }
    .weather-day .weather-currentInfos .text .state {
      font-size: 0.875em;
      margin-top: 14px; }

.weather-day .showers {
  font-size: 0.875em; }

.weather-text div div {
  margin-bottom: 32px; }

.weather-card,
.weather-text {
  padding: 0.5rem; }

.weather-cam {
  display: flex;
  padding: 0.5rem;
  flex-direction: revert;
  flex-wrap: wrap;
  justify-content: space-between; }
  .weather-cam div.weather-title {
    padding-bottom: 0; }
  .weather-cam > div .mediaCon {
    margin-bottom: 16px; }
    .weather-cam > div .mediaCon .media .imageWrapper:before {
      padding-top: 75%; }
  .weather-cam > div img {
    margin-bottom: 16px; }
  .weather-cam > div .weather-camweather p {
    font-weight: bold;
    margin-bottom: 16px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e5e5e8; }
  .weather-cam > div .weather-camweather ul li {
    margin-bottom: 8px;
    display: block; }
    .weather-cam > div .weather-camweather ul li span {
      float: right; }

.weather-tables .ui-collapsible-body {
  padding: 16px; }

.weather-tables .tableWrapper {
  margin-top: 16px;
  float: left;
  width: 100%; }

.weather-tables .tableFooter {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.875em; }

.weather-tables .timestamp {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 0; }

#content .weatherInnerWrapper {
  padding: 0.5rem;
  width: 100%; }
  #content .weatherInnerWrapper li {
    background-color: #fff;
    width: auto;
    position: absolute;
    padding: 2px;
    z-index: 1;
    cursor: pointer;
    font-size: 0.875em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #2778c9;
    display: flex;
    align-items: center; }
    #content .weatherInnerWrapper li > a {
      display: flex;
      width: 100%; }
    #content .weatherInnerWrapper li span.icon {
      position: relative;
      width: 36px;
      height: 36px;
      min-width: 36px;
      display: flex;
      margin-right: 0.5rem; }
    @media (min-width: 0) and (max-width: 767px) {
      #content .weatherInnerWrapper li {
        top: 0 !important;
        left: 0 !important;
        position: relative;
        padding: 0.5rem 0.5rem 0.5rem 0;
        border-radius: 0;
        border: 0;
        margin-bottom: 4px;
        border-bottom: 1px solid #e5e5e8;
        background-color: transparent; }
        #content .weatherInnerWrapper li:after {
          content: "";
          font-size: 1em;
          margin-left: 0;
          text-decoration: none;
          display: inline-block; }
        #content .weatherInnerWrapper li:focus:after {
          text-decoration: none; }
        #content .weatherInnerWrapper li:after {
          margin-left: auto; } }
    #content .weatherInnerWrapper li.link {
      line-height: 1em;
      padding: 8px; }
      #content .weatherInnerWrapper li.link:after {
        content: "";
        font-size: 1em;
        margin-left: 0;
        text-decoration: none;
        display: inline-block; }
      #content .weatherInnerWrapper li.link:focus:after {
        text-decoration: none; }

#content .weather-teaser .weatherInnerWrapper li {
  top: 0 !important;
  left: 0 !important;
  position: relative;
  padding: 0.5rem 0.5rem 0.5rem 0;
  border-radius: 0;
  border: 0;
  margin-bottom: 4px;
  border-bottom: 1px solid #e5e5e8;
  background-color: transparent; }
  #content .weather-teaser .weatherInnerWrapper li:after {
    content: "";
    font-size: 1em;
    margin-left: 0;
    text-decoration: none;
    display: inline-block; }
  #content .weather-teaser .weatherInnerWrapper li:focus:after {
    text-decoration: none; }
  #content .weather-teaser .weatherInnerWrapper li:after {
    margin-left: auto; }

.weather-card {
  position: relative;
  background-size: cover;
  display: block !important; }
  .weather-card .weatherInnerWrapper {
    position: relative;
    max-width: 768px;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    float: none; }
  .weather-card.weather-mitteldeutschland .weather-bg svg .mitteldeutschland {
    display: block; }
  .weather-card.weather-sachsen .weather-bg svg .sachsen {
    display: block; }
  .weather-card.weather-sachsen-anhalt .weather-bg svg .sachsen-anhalt {
    display: block; }
  .weather-card.weather-thueringen .weather-bg svg .thueringen {
    display: block; }
  .weather-card .weather-bg {
    height: 100%;
    position: relative;
    display: block !important; }
    .weather-card .weather-bg svg {
      display: block !important;
      min-height: 494px; }
    .weather-card .weather-bg g {
      display: none; }
      .weather-card .weather-bg g path.st0 {
        fill: #a6d7ec; }
    @media (min-width: 0) and (max-width: 767px) {
      .weather-card .weather-bg {
        display: none !important; } }

.weather-infos {
  display: flex;
  justify-content: space-between; }
  .weather-infos > div {
    margin-bottom: 1rem; }
  @media (min-width: 0) and (max-width: 767px) {
    .weather-infos {
      flex-direction: column; } }

.weather span.icon.day svg {
  /* fallback/image non-cover color */
  background-color: transparent;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#2778c9, #1d5994);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2778c9), to(#1d5994));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#2778c9, #1d5994);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#2778c9, #1d5994);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#2778c9, #1d5994); }

.weather span.icon.night svg {
  /* fallback/image non-cover color */
  background-color: transparent;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#1e5799, #09102d);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e5799), to(#09102d));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#1e5799, #09102d);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#1e5799, #09102d);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#1e5799, #09102d); }

.weather-current.unitC.day,
.weather-current.unitC.night {
  padding: 16px;
  border-right: none !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-top: 18px; }
  @media (min-width: 0) and (max-width: 767px) {
    .weather-current.unitC.day,
    .weather-current.unitC.night {
      margin-top: 0; } }
  .weather-current.unitC.day .weather-currentInfos,
  .weather-current.unitC.night .weather-currentInfos {
    text-align: center; }
  .weather-current.unitC.day span.icon.day svg,
  .weather-current.unitC.day span.icon.night svg,
  .weather-current.unitC.night span.icon.day svg,
  .weather-current.unitC.night span.icon.night svg {
    background-color: transparent;
    /* fallback/image non-cover color */
    background-color: transparent;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(rgba(105, 152, 198, 0), rgba(39, 120, 201, 0));
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(105, 152, 198, 0)), to(rgba(39, 120, 201, 0)));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(rgba(105, 152, 198, 0), rgba(39, 120, 201, 0));
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(rgba(105, 152, 198, 0), rgba(39, 120, 201, 0));
    /* Firefox 3.6+ */
    background-image: linear-gradient(rgba(105, 152, 198, 0), rgba(39, 120, 201, 0)); }
  .weather-current.unitC.day h4,
  .weather-current.unitC.night h4 {
    text-align: center;
    color: #fff; }
    .weather-current.unitC.day h4 > .headline,
    .weather-current.unitC.night h4 > .headline {
      margin-bottom: 0; }
  .weather-current.unitC.day .icon,
  .weather-current.unitC.night .icon {
    width: 140px;
    padding-right: 0;
    display: inline-block;
    float: none; }
  .weather-current.unitC.day .value,
  .weather-current.unitC.night .value {
    text-align: center;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 0; }

.weather-current.unitC.day {
  background-color: #2778c9 !important;
  /* fallback/image non-cover color */
  background-color: transparent;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#2778c9, #1d5994);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2778c9), to(#1d5994));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#2778c9, #1d5994);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#2778c9, #1d5994);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#2778c9, #1d5994); }

.weather-current.unitC.night {
  background-color: #09102d !important;
  /* fallback/image non-cover color */
  background-color: transparent;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#1e5799, #09102d);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e5799), to(#09102d));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#1e5799, #09102d);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#1e5799, #09102d);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#1e5799, #09102d); }

/* Unwetterwarnungen */
/* Karte */
.weatherWarningsMapFrame .ol-geocoder .gcd-txt-input,
.weatherWarningsMapFrame .ol-geocoder .gcd-txt-glass {
  z-index: 9; }

.weatherWarningsMapFrame .weatherWarningsMapModulContent {
  border-color: #cecece; }

@media (min-width: 0) and (max-width: 767px) {
  .box.unwetterMap {
    padding: 2px; } }

/* Warnlage-Text */
.weather-text.weather-warnlage h3 {
  margin-bottom: 0; }

.weather-text.weather-warnlage p {
  line-height: 145%;
  margin-bottom: 0.5em; }

.weather-text.weather-warnlage p.timestamp {
  border-top: 0 none;
  border-bottom: 1px solid #dcdcdc;
  margin: 0 0 1em;
  padding: 0 0 0.5em; }

.weather-infos .unitC {
  padding-bottom: 0; }
  @media (min-width: 0) and (max-width: 767px) {
    .weather-infos .unitC {
      border-right: none;
      border-bottom: 1px solid #dcdcdc; }
      .weather-infos .unitC:last-of-type {
        border-right: none;
        border-bottom: none; } }

@media (min-width: 0) and (max-width: 479px) {
  .weather-day .line > div {
    width: 50%; }
  .weather-day.weather-2days .line > div {
    width: 100%; } }

@media (min-width: 0) and (max-width: 767px) {
  .weather-day {
    width: 100%;
    max-width: 100%; } }

/* Wetter HP */
@media (min-width: 768px) and (max-width: 1007px) {
  .node-home .weather.weather-teaser {
    width: auto !important; } }

#content .pinboardWrapper .box.weather.cssHtml {
  min-width: 100%; }

@keyframes blink {
  0% {
    opacity: 0.3; }
  33% {
    opacity: 1; }
  66% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes transitionElementOut {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none; } }

.quiz-wrapper {
  width: 100%; }
  .quiz-wrapper .text.text-centered {
    text-align: center; }

.quiz-wrapper .conDetailHeader {
  margin-bottom: 0 !important; }

.quiz-wrapper .box {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0 !important; }

.sectionDetailPage .quiz-result .form {
  margin-bottom: 0; }

.cssQuiz .btn,
.cssQuizXoMat .btn {
  font-size: 0.8em;
  border-radius: 3px;
  background-color: transparent;
  border: 1px solid #8a8a86;
  padding: 5px;
  cursor: pointer;
  transition: 0.2s; }
  .cssQuiz .btn:hover, .cssQuiz .btn:focus,
  .cssQuizXoMat .btn:hover,
  .cssQuizXoMat .btn:focus {
    background-color: #bbccdc; }

.cssQuiz .form-success p.successText,
.cssQuizXoMat .form-success p.successText {
  padding: 28px 28px 0;
  margin-bottom: 0; }

.quiz-question.offline {
  border: 2px dashed red; }

@keyframes transitionElementIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.quiz-header::after {
  content: '';
  display: block;
  clear: both; }

.cssQuiz .pageAreaTitle:only-child {
  font-size: 1.2em;
  padding-top: 30px; }

.quiz-progress {
  height: 3px;
  width: 100%;
  display: flex;
  background-color: #efefee; }
  .quiz-progress.is-hidden {
    display: none; }

.quiz-progress__item {
  flex: 1 0 auto; }
  .quiz-progress__item::before, .quiz-progress__item::after {
    content: '';
    display: block;
    height: 100%;
    width: 0%;
    position: relative;
    z-index: 1;
    transition: width 0.2s, background-color 0s 1s; }
  .quiz-progress__item::before {
    background-color: #c9c9c7; }
  .quiz-progress__item::after {
    z-index: 2;
    width: 0;
    top: -3px; }
  .quiz-progress__item.is-current::before {
    background-color: #c9c9c7;
    width: 100%;
    transition: width 0.4s ease-out, background-color 0s 0s; }
  .quiz-progress__item.is-chosen::after {
    background-color: #0061ae;
    width: 100%;
    transition: width 0.4s ease-out, background-color 0s 0s; }
  .quiz-progress__item.is-correct::after {
    background-color: #8bc465;
    width: 100%;
    transition: width 0.4s ease-out, background-color 0s 0s; }
  .quiz-progress__item.is-wrong::after {
    background-color: #cc0000;
    width: 100%;
    transition: width 0.4s ease-out, background-color 0s 0s; }

.quiz-progress__item + .quiz-progress__item {
  padding-left: 3px; }

.quiz-count {
  background-color: #f4f3f2;
  padding: 15px 20px 0;
  font-size: 0.8em;
  font-weight: 600;
  text-align: center;
  transition: opacity 0.4s; }
  .quiz-count::after {
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    background-color: #cecece;
    margin: 10px auto 0;
    position: relative; }
  .quiz-count.is-invisible {
    opacity: 0; }

.quiz-infobox {
  background-color: #f4f3f2;
  padding: 0 20px 20px;
  transition: opacity 0.4s; }
  .quiz-infobox::after {
    content: '';
    display: block;
    clear: both; }
  .quiz-infobox.is-invisible {
    opacity: 0; }
  .answers-result .quiz-infobox {
    padding-top: 15px; }
  .quiz-infobox .mediaCon:not(.mediaLeft) + .text {
    margin-top: 10px; }
  .quiz-infobox .mediaCon + .text {
    margin-top: 0; }
  .quiz-infobox .mediaCon {
    margin-bottom: 10px; }
  .quiz-infobox .mediaCon.mediaLeft {
    float: left;
    margin: 5px 24px 24px 0; }
  .quiz-infobox .mediaCon.mediaSizeB {
    width: 50%; }
  .teaser .quiz-infobox .mediaInfo {
    display: block; }

.quiz-infobox h2 {
  text-transform: none; }

.progress-bar + .pageAreaTitle {
  margin-top: 10px; }

.quiz-infobox.quiz-error {
  padding: 20px;
  background-color: #ffcccb; }

.quiz-collapsable::before {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background-color: #cecece;
  margin: 20px auto; }

.quiz-collapsable::after {
  content: '';
  display: block;
  clear: both; }

.quiz-collapsable .wrapper {
  padding: 0 !important; }

.quiz-collapsable .unitA h3.headline {
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 1em;
  border: 0;
  float: none; }

.quiz-collapsable .headline::after {
  content: none; }

.quiz-collapsable .headline.collapsed::after {
  content: none; }

.quiz-collapsable .headline .headline .collapseArrow {
  margin-top: -12px;
  margin-right: 12px; }

.quiz-collapsable .collapse-body {
  margin-bottom: 32px; }

.quiz-collapsable .quiz-collapsable__unit {
  margin-bottom: 16px; }
  .quiz-collapsable .quiz-collapsable__unit.has-key-focus > div:focus .headline span {
    border-bottom: 2px solid; }

.quiz-collapsable .headline .collapseArrow::before,
.quiz-collapsable .xomat-progress + .collapseArrow::before {
  content: "";
  margin-left: 8px; }

.quiz-collapsable .hasArrow.collapsed .collapseArrow::before {
  content: ""; }

.quiz-collapsable .xomat-progress + .collapseArrow {
  right: 0;
  top: 7px;
  font-weight: 800;
  margin: 0 6px 0 0; }

.mod .box .quiz-wrapper .linklist li {
  background-color: transparent; }

.quiz-result .box {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.quiz-result .text {
  margin-bottom: 10px; }

.quiz-result .quizFormTitle {
  padding: 16px; }

.sectionDetailPage .quiz-result .form {
  margin-bottom: 0; }

.quiz-result .form-success .subtitle {
  padding: 32px 28px 0;
  margin: 0; }

.quiz-result .mediaCon:first-child {
  margin-top: 20px; }

.quiz-result .box {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.mod .quiz-result h3.headline {
  font-size: 1em;
  margin: 0;
  padding: 10px 0;
  border: 0;
  float: none; }

.cssQuizXoMat .quiz-result .pageAreaTitle {
  text-align: left;
  padding-left: 0; }

.xomat-progress {
  width: 100%;
  height: 25px;
  background-color: #b5b5b5;
  position: relative;
  margin-bottom: 8px;
  overflow: hidden; }
  .xomat-progress::after {
    content: attr(data-result-percent) "%";
    position: absolute;
    margin: 3px 10px;
    top: 0;
    color: #fff; }
  .xomat-progress span {
    content: '';
    background-color: #d40028;
    width: 100%;
    height: 100%;
    display: block;
    transform: translateX(-100%);
    transition: 1s cubic-bezier(0, 0, 0.07, 1); }

.xomat-progress h3 {
  float: none; }

.quiz-result__main + .quiz-result__main {
  margin-top: 30px; }

.quiz-result__main .linklist {
  padding-left: 0;
  padding-right: 0; }

.quiz-result__main::after {
  content: '';
  clear: both;
  display: table; }

.quiz-result__main + .box,
.quiz-collapsable + .box {
  margin-top: 60px; }

.quiz-result__main + .box::before,
.quiz-collapsable + .box::before {
  content: '';
  display: block;
  width: 60px;
  height: 2px;
  background-color: #cecece;
  margin: auto;
  position: absolute;
  top: -40px;
  z-index: 1;
  left: 0;
  right: 0; }

.quiz-controls {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  opacity: 1;
  transition: opacity 0.4s; }
  .quiz-controls.is-locked {
    opacity: 0.3;
    pointer-events: none; }
  .quiz-controls.is-invisible {
    opacity: 0;
    pointer-events: none; }

.quiz-controls .btn {
  min-width: 120px;
  display: none; }
  .quiz-controls .btn.is-shown {
    display: block; }
  .quiz-controls .btn.is-locked {
    opacity: 0.3;
    pointer-events: none; }
  .quiz-controls .btn + .btn {
    margin-left: 10px; }

.quiz-controls .btn-next::after {
  content: '\e632';
  font-family: 'mdricons';
  margin-left: 2px;
  vertical-align: middle; }

.quiz-controls .btn-newgame {
  min-width: 150px; }

.quiz-result .btn {
  margin: 15px auto 0;
  display: block;
  min-width: 150px; }

.quiz-loader {
  margin: 50px auto;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: linear-gradient(to right, #696969 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  animation: load3 1.4s infinite linear;
  transform: translateZ(0);
  transition: opacity 0.4s; }
  .quiz-loader.is-invisible {
    opacity: 0; }
  .quiz-loader::before, .quiz-loader::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0; }
  .quiz-loader::before {
    width: 50%;
    height: 50%;
    background: #696969;
    border-radius: 100% 0 0 0; }
  .quiz-loader::after {
    background: #f9f9f9;
    width: 75%;
    height: 75%;
    border-radius: 100%;
    margin: auto;
    bottom: 0;
    right: 0; }

.quiz-client {
  padding: 20px; }

.client-section + .client-section {
  margin-top: 50px; }

.client-section h3 {
  margin-bottom: 6px; }

.client-section h2 {
  font-size: 1.1875em;
  text-transform: uppercase;
  margin-bottom: 16px; }

.client-header__meta li {
  display: flex;
  align-items: center; }
  .client-header__meta li + li {
    margin-top: 10px; }
  .client-header__meta li b {
    font-weight: 600;
    margin-left: 16px; }

.client-result {
  font-size: 0.85em;
  max-height: 430px;
  overflow-y: auto; }

.client-result__item {
  display: flex;
  align-items: center;
  counter-increment: question-counter;
  margin-bottom: 4px;
  flex-basis: calc(50% - 2px);
  min-width: 200px; }
  .client-result__item::before {
    content: counter(question-counter) ")";
    font-weight: 200;
    font-size: 1.2em;
    margin-right: 15px; }
  .client-result__item .item-data li + li {
    margin-top: 6px; }
  .client-result__item b {
    font-weight: 600; }

.client-result .item-content {
  background-color: #e5e5e8;
  padding: 16px;
  width: 100%;
  overflow: hidden; }

.client-result .question {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.client-result__item .data {
  display: block;
  margin-top: 8px;
  margin-right: 15px; }
  .client-result__item .data:first-of-type {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.result-question {
  display: flex;
  align-items: center;
  margin-bottom: 6px; }

.client-data__meta {
  display: flex;
  flex-wrap: wrap;
  margin: 6px 0;
  font-size: 0.9em; }
  .client-data__meta span {
    background-color: #f5f5fa;
    padding: 5px 8px; }
  .client-data__meta span:last-child {
    margin-left: auto; }
  .client-data__meta b {
    font-weight: 600; }

.client-data__table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  margin-bottom: 16px; }

.client-data__table {
  font-size: 0.85em;
  border-collapse: collapse;
  min-width: 100%; }
  .client-data__table th {
    font-weight: bold;
    border-bottom: 1px solid #9d9da2; }
    .client-data__table th a {
      display: flex;
      align-items: center;
      justify-content: center; }
    .client-data__table th a::after {
      content: '\E630';
      font-family: 'mdricons';
      margin-left: 5px; }
    .client-data__table th a.is-sorted-highest::after {
      content: '\E633'; }
    .client-data__table th a.is-sorted-lowest::after {
      content: '\E630'; }
  .client-data__table th,
  .client-data__table td {
    padding: 10px;
    text-align: center;
    vertical-align: middle; }
  .client-data__table tr:nth-child(even) {
    background-color: #f5f5fa; }
  .client-data__table td:empty::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: #313131;
    margin: auto; }

.client-data__controls {
  display: flex;
  justify-content: space-between; }
  .client-data__controls [class*='btn-'] {
    display: inline-block;
    text-align: center;
    font-size: 0.8em;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #8a8a86;
    padding: 10px 5px;
    cursor: pointer;
    min-width: 100px;
    transition: 0.2s; }
    .client-data__controls [class*='btn-']::before, .client-data__controls [class*='btn-']::after {
      font-family: 'mdricons';
      margin-right: 2px;
      vertical-align: middle; }
    .client-data__controls [class*='btn-']:hover {
      background-color: #e5e5e8; }
  .client-data__controls .btn-previous::before {
    content: '\E631'; }
  .client-data__controls .btn-next::after {
    content: '\E632';
    margin-left: 2px; }
  .client-data__controls .btn-download::before {
    content: ""; }
  .client-data__controls .controls-warning {
    display: block;
    font-size: 0.65em;
    color: #ec0000;
    margin-top: 5px; }

.quiz-answers .quiz-answers__wrapper {
  display: flex;
  flex-direction: row;
  flex-basis: 100%; }

.quiz-answers .mediaCon {
  flex-basis: 66%;
  cursor: pointer; }

.quiz-answers .quiz-answers__wrapper.media-wrapper .quiz-answers__btn {
  text-align: left;
  padding-left: 45px;
  margin-bottom: 0; }

.quiz-answers:not(.col-1) .quiz-answers__wrapper {
  display: block; }

.mod .quiz-question .mediaCon .icon-font,
.mod .quiz-answers__wrapper.media-wrapper .icon-font {
  background-color: #0673b8; }

.quiz-wrapper .miniAudio img {
  display: none !important; }

@media (max-width: 580px) {
  .quiz-answers .quiz-answers__wrapper.media-wrapper {
    flex-direction: row; }
    .quiz-answers .quiz-answers__wrapper.media-wrapper .mediaCon {
      flex-basis: 66%; }
    .quiz-answers .quiz-answers__wrapper.media-wrapper .quiz-answers__btn {
      text-align: left;
      padding-left: 45px;
      margin-bottom: 0; }
    .quiz-answers .quiz-answers__wrapper.media-wrapper span {
      text-align: left;
      padding-left: 0; } }

@media (max-width: 479px) {
  .quiz-answers[class*='col-'] .quiz-answers__wrapper {
    display: block; } }

.quiz-answers {
  margin-top: 15px;
  opacity: 1;
  transition: opacity 0.4s; }
  .quiz-answers.is-invisible {
    opacity: 0;
    transition: opacity 0.4s; }
  .quiz-answers.is-hidden {
    opacity: 0;
    transition-delay: 0s; }

.quiz-answers__btn,
.quiz-answers__wrapper {
  margin-bottom: 12px; }

.quiz-answers:not(.col-1) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.quiz-answers__wrapper .quiz-answers__btn {
  width: 100%;
  margin-bottom: 0; }

.quiz-answers.col-2 .quiz-answers__wrapper {
  flex-basis: calc(100% / 2 - 1%); }

.quiz-answers.col-3 .quiz-answers__wrapper {
  flex-basis: calc(100% / 3 - 1%); }

.quiz-answers.col-4 .quiz-answers__wrapper {
  flex-basis: calc(100% / 4 - 1%); }

.mod.modParagraph .quiz-answers .mediaCon.mediaFull {
  margin-bottom: 0; }

@media (max-width: 580px) {
  .quiz-answers[class*='col-'] {
    display: block; }
  .quiz-answers[class*='col-'] .quiz-answers__wrapper {
    display: flex;
    margin-bottom: 10px; }
  .quiz-answers[class*='col-'] :not(.quiz-answers__wrapper) span {
    text-align: center; } }

@media (max-width: 479px) {
  .quiz-answers[class*='col-'] .quiz-answers__wrapper {
    display: block; } }

.quiz-answers__btn {
  flex-basis: 100%;
  padding: 10px 0;
  background-color: #efeeec;
  min-height: 42px;
  border: 0;
  border-radius: 0;
  position: relative;
  cursor: pointer; }
  .quiz-answers__btn::before {
    content: '';
    font-family: 'mdricons';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    border: 1px solid #393939;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: auto;
    text-decoration: none; }
  html.no-touch .quiz-answers__btn:hover {
    background-color: #bbccdc; }
    html.no-touch .quiz-answers__btn:hover::before {
      content: '\E608';
      color: #97a5b0; }
  .quiz-answers__btn:focus {
    background-color: #bbccdc; }
    .quiz-answers__btn:focus::before {
      content: '\E608';
      color: #97a5b0; }
  .quiz-answers__btn:empty::before {
    left: 0;
    right: 0; }
  .quiz-answers__btn[class*='is-'] {
    pointer-events: none; }
  .quiz-answers__btn.is-locked {
    opacity: 0.2; }
  .quiz-answers__btn.is-chosen {
    background-color: #0061ae;
    color: #fff;
    opacity: 1;
    transition: 0.2s; }
    .quiz-answers__btn.is-chosen::before {
      content: '\E608';
      border-color: #fff;
      color: #fff; }
  .quiz-answers__btn.is-correct {
    background-color: #8bc465;
    color: #006501;
    opacity: 1;
    transition: 0.2s; }
    .quiz-answers__btn.is-correct::before {
      content: '\E61A';
      color: #006501;
      border-color: #006501; }
  .quiz-answers__btn.is-wrong {
    background-color: #ffcccb;
    color: #cc0000;
    text-decoration: line-through;
    opacity: 1;
    transition: 0.2s; }
    .quiz-answers__btn.is-wrong::before {
      content: '\E608';
      opacity: 1;
      color: #cc0000;
      border-color: #cc0000; }
  .quiz-answers__btn.is-corrected {
    opacity: 1;
    transition: 0.2s; }
    .quiz-answers__btn.is-corrected::before {
      content: '\E61A';
      opacity: 0.2; }

.quiz-answers__wrapper:not(.media-wrapper) .quiz-answers__btn span {
  padding: 0 20px 0 46px;
  text-align: center;
  display: block; }

.mediaCon + .quiz-answers__btn {
  margin: 0 0 0 4px; }

.col-2 .mediaCon + .quiz-answers__btn,
.col-3 .mediaCon + .quiz-answers__btn,
.col-4 .mediaCon + .quiz-answers__btn {
  margin: 4px 0 0 0; }

@media (max-width: 580px) {
  [class*='col-'] .mediaCon + .quiz-answers__btn {
    margin: 0 0 0 4px; } }

@media (max-width: 479px) {
  [class*='col-'] .mediaCon + .quiz-answers__btn {
    margin: 4px 0 0 0; } }

.answers-result {
  margin-top: 15px;
  opacity: 1;
  transition: opacity 0.4s; }
  .answers-result.is-invisible {
    opacity: 0; }
  .answers-result.is-hidden {
    opacity: 0;
    display: none; }
  .answers-result .quiz-infobox {
    background-color: #efeeec; }
  .answers-result .quiz-infobox:empty {
    display: none; }

.answers-result .banner {
  padding: 5px 10px; }
  .answers-result .banner.is-correct {
    background-color: #8bc465; }
    .answers-result .banner.is-correct p {
      color: #006501; }
  .answers-result .banner.is-wrong {
    background-color: #ffcccb; }
    .answers-result .banner.is-wrong p {
      color: #cc0000; }

/*
 * MDR JUMP
 * allgemeine CSS-Anpassungen für jumpradio.de
 * in Ergänzung zu mdr.de
 *
 * Stand: 02.07.2020
 * Autor: Axel Kohout
 */
/*
 * TEST für Charles, ob diese CSS genutzt wird (für Live deaktivieren)
 */
/*
 * Absatzstyle Akkordeon auf volle Breite bringen (mdr rückt das in L und XL leicht ein)
 */
html.view-l .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible, html.view-xl .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible {
  padding: 0 !important; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .ui-collapsible-entry {
  border-radius: 0;
  background-color: #f5f5fa;
  margin-top: 5px;
  margin-bottom: 11px; }
  .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .ui-collapsible-entry.collapsed {
    border-color: #f5f5fa;
    transition: all 160ms; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .ui-collapsible-entry.collapsed:hover {
      box-shadow: 0 0 5px #272728;
      background-color: transparent; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .ui-collapsible-trigger:before {
  color: #313131; }

/*
 * Rubriktitel für Seitenbereiche und Boxen für JUMP stylen
 * linksbündig, ohne Hintergrundfarbe, ohne Rand unten, mit Weiter-Pfeil bei verlinkten Rubriktiteln
 */
.section .pageAreaTitle a, .section h3.conHeadline, .section h3.conHeadline:not(.hasArrow) {
  text-align: left; }

.section.sectionTitle {
  padding: 0; }

.section .con.conFlexLoad, .section .con.conPinboard {
  background-color: transparent; }

.section .con.conFlexLoad .controls.reload {
  display: none; }

.section .pageAreaTitle, .section h3.conHeadline:not(.hasArrow) {
  border-bottom: none !important;
  text-align: left; }
  .hasSectionDetail .section .pageAreaTitle, .hasSectionDetail .section h3.conHeadline:not(.hasArrow) {
    border-bottom: none !important; }
  .section .pageAreaTitle a, .section h3.conHeadline:not(.hasArrow) a {
    -webkit-transition: color 160ms ease-out;
    -moz-transition: color 160ms ease-out;
    -o-transition: color 160ms ease-out;
    transition: color 160ms ease-out; }
    .section .pageAreaTitle a:after, .section h3.conHeadline:not(.hasArrow) a:after {
      font-family: 'mdricons';
      content: "";
      margin-left: 0.5em;
      position: relative;
      vertical-align: bottom;
      font-size: 0.9em; }
    .section .pageAreaTitle a:hover, .section h3.conHeadline:not(.hasArrow) a:hover {
      color: #d40028; }

.section h3.conHeadline {
  background-color: transparent; }

/*
 * Play-Button an AV-Player rot einfärben
 */
.av-playerContainer > .controls .btn.avPlayerBtnPlayPause {
  background-color: #d40028 !important; }

.av-playerContainer > .controls .avPlayerProgressBar .avPlayerProgress {
  background-color: #d40028 !important; }

/*
 * Teaser Hintergrundfarbe
 */
.mod.modA .teaser,
.mod.modB .teaser,
.mod.modC .teaser,
.mod.modD .teaser,
.mod.modE .teaser,
.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .teaser,
.mod .box .imageWrapper {
  background-color: #f5f5fa; }

.box.cssArticle .teaser:not(.special), .box.cssIndexPage .teaser:not(.special), .box.cssImageGallery .teaser:not(.special), .box.cssEvent .teaser:not(.special) {
  background-color: #f5f5fa; }

/*
 * "weiter" an Teasern ausblenden
 */
.mod .teaser:not(.special) .moreBtn {
  display: none; }

/*
 * Sendungshinweis "Dieses Thema im Programm"
 * auf volle Breite bringen
 */
.cssBroadcastHintStyleProperties {
  width: 100%; }

/*
 * Absatzstil Definition
 * mit hellgrauem Hintergrund
 */
.mod.modParagraph .definition {
  padding: 1.3em 2.4em; }

.mod.modParagraph .definition > p > dfn {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.6em; }

/*
 * Badge mit Dauer des Audios/Videos an avDetails für JUMP stylen
 */
.mod .mediaCon .media .imageWrapper > span.avDetails {
  transition: all 160ms;
  background-color: #78c105; }

.teaser .mediaCon .avDetails {
  display: initial !important; }

/*
 * Schlagzeilenteaser
 * background-color bei hover nicht weiß (hat mdr.de so)
 */
.no-touch .section .mod .box .linklist ul li {
  transition: all 160ms; }
  .no-touch .section .mod .box .linklist ul li:hover {
    background-color: initial; }

/*
 * Sectionrahmen weiß
 */
.sectionWrapper:not(.hasSectionDetail) {
  background-color: transparent; }
  .sectionWrapper:not(.hasSectionDetail) .sectionWrapperMain, .sectionWrapper:not(.hasSectionDetail) .sectionWrapperRelated {
    margin-top: 0;
    padding-top: 8px;
    background-color: white; }

.sectionWrapper.hasSectionDetail .sectionWrapperMain .section {
  background-color: white; }

.sectionWrapper.hasSectionDetail .sectionWrapperRelated {
  border-left: none; }
  .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section > .con {
    background-color: white; }

.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .cssHtml .teaser.special {
  background-color: transparent; }

/*
 * Anpassungen für Detailseiten (Farben, Schriftgrößen, Abstände)
 * Original in /feature/mod/mdr-mod.scss
 */
.mod h1 .headline {
  font-weight: bold; }

.mod.modB .boxCon, .mod.modC .boxCon, .mod.modD .boxCon, .mod.modE .boxCon {
  background-color: transparent; }

.mod.modB .teaser, .mod.modC .teaser, .mod.modD .teaser, .mod.modE .teaser {
  background-color: transparent; }

.mod .timestamp {
  border-top: none;
  color: #e5e5e8; }

.mod .dachzeile, .mod .date:not(input), .mod .channel, .mod .broadcastSeriesTitle {
  font-size: 0.92625em;
  color: #d40028; }

.mod h4 .dachzeile {
  font-weight: bold; }

.mod h4 .headline {
  font-weight: bold;
  line-height: 1.27;
  margin-bottom: 0; }
  .sectionC .mod h4 .headline,
  .modC .mod h4 .headline,
  .modD .mod h4 .headline,
  .modE .mod h4 .headline {
    font-size: 1.1875em; }
  .mod h4 .headline :before {
    margin-left: 0.3em; }

.mod .moreBtn {
  text-align: right;
  color: #333334; }
  .mod .moreBtn:after {
    margin-left: 8px; }
  .mod .moreBtn:focus {
    color: #d40028; }

.mod .linklist .list {
  border: none; }
  .mod .linklist .list li {
    background-color: #f5f5fa;
    border: 1px solid transparent; }
    .mod .linklist .list li:hover {
      box-shadow: 0 0 5px #272728;
      position: relative;
      z-index: 1; }
      .mod .linklist .list li:hover a, .mod .linklist .list li:hover a:before, .mod .linklist .list li:hover a:after {
        color: #d40028; }

/*
 * Votings über volle Breite (auch in L- und XL-Views)
 */
.view-l .cssVoting .form-button, .view-xl .cssVoting .form-button {
  width: 100% !important;
  max-width: 100% !important; }

/*
 * Mediainfo (Bildrechte)
 * Original in feature/mod/mdr-mod.scss
 */
.sectionDetailPage .con .mod.modParagraph .mediaInfo {
  border: none; }
  .sectionDetailPage .con .mod.modParagraph .mediaInfo .mediaRights {
    color: #9d9da2; }

.mod .mediaInfo {
  padding: 0.4em 0;
  background-color: transparent; }

/*
 * Teasertextgrößen
 * Original in feature/mod/mdr-mod.scss
 */
.sectionC .mod .box h4 .headline,
.sectionC .mod .box h4 .shortHeadline,
.mod.modC .box h4 .headline,
.mod.modC .box h4 .shortHeadline,
.mod.modD .box h4 .headline,
.mod.modD .box h4 .shortHeadline,
.mod.modE .box h4 .headline,
.mod.modE .box h4 .shortHeadline {
  font-size: 1em; }

.sectionC .mod .box .teasertext,
.mod.modC .box .teasertext,
.mod.modD .box .teasertext,
.mod.modE .box .teasertext {
  font-size: 1em; }

/*
 * Teaser
 * Hovereffekt Schatten und Scale
 */
.section .con .mod .box.cssIndexPage .teaser:not(.special), .section .con .mod .box.cssArticle .teaser:not(.special), .section .con .mod .box.cssVideo .teaser:not(.special), .section .con .mod .box.cssAudio .teaser:not(.special), .section .con .mod .box.cssForm .teaser:not(.special), .section .con .mod .box.cssRssTeaser .teaser:not(.special), .section .con .mod .box.cssEvent .teaser:not(.special), .section .con .mod .box.cssImageGallery .teaser:not(.special), .section .con .mod .box.cssBroadcast .teaser:not(.special), .section .con .mod .box.cssLink .teaser:not(.special), .section .con .mod .box.cssIpg .teaser:not(.special) {
  transition: box-shadow 320ms, background-color 320ms; }
  .section .con .mod .box.cssIndexPage .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssArticle .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssVideo .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssAudio .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssForm .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssRssTeaser .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssEvent .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssImageGallery .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssBroadcast .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssLink .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssIpg .teaser:not(.special) .mediaCon .imageWrapper img {
    transition: transform 320ms; }

.teaser:not(.special) .section .con .mod .box.cssIndexPage:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssArticle:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssVideo:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssAudio:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssForm:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssRssTeaser:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssEvent:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssImageGallery:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssBroadcast:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssLink:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssIpg:not(.cssBoxContent) {
  box-shadow: 0 0 3px #e5e5e8; }

.section .con .mod .box.cssIndexPage:hover .teaser:not(.special), .section .con .mod .box.cssArticle:hover .teaser:not(.special), .section .con .mod .box.cssVideo:hover .teaser:not(.special), .section .con .mod .box.cssAudio:hover .teaser:not(.special), .section .con .mod .box.cssForm:hover .teaser:not(.special), .section .con .mod .box.cssRssTeaser:hover .teaser:not(.special), .section .con .mod .box.cssEvent:hover .teaser:not(.special), .section .con .mod .box.cssImageGallery:hover .teaser:not(.special), .section .con .mod .box.cssBroadcast:hover .teaser:not(.special), .section .con .mod .box.cssLink:hover .teaser:not(.special), .section .con .mod .box.cssIpg:hover .teaser:not(.special) {
  box-shadow: 0 0 5px #272728; }
  .section .con .mod .box.cssIndexPage:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssArticle:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssVideo:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssAudio:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssForm:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssRssTeaser:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssEvent:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssImageGallery:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssBroadcast:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssLink:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssIpg:hover .teaser:not(.special) .mediaCon .imageWrapper img {
    transform: scale(1.1); }

.section .con .mod .box.cssIndexPage:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssArticle:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssVideo:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssAudio:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssForm:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssRssTeaser:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssEvent:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssImageGallery:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssBroadcast:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssLink:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssIpg:hover .mediaCon .imageWrapper.hasPlayer span.icon-font {
  background-color: #d40028; }

.section .con .mod .box .mediaCon a .imageWrapper img {
  transition: transform 320ms; }
  .section .con .mod .box .mediaCon a .imageWrapper img:hover {
    transform: scale(1.1); }

/*
 * Social-Sharing-Buttons
 * _ui-socialFixed.scss
 */
.ui-social-fixed.stayInPlace.open .ui-social-trigger {
  display: none; }

.ui-social-fixed .ui-scrollToTop {
  border: none !important; }
  .ui-social-fixed .ui-scrollToTop:hover:after, .ui-social-fixed .ui-scrollToTop:hover:before {
    color: #d40028 !important; }
  .ui-social-fixed .ui-scrollToTop:focus {
    box-shadow: none !important; }

.ui-social-fixed .ui-social-btn, .ui-social-fixed .ui-social-btn.ui-social-trigger {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-right: 0.3em; }
  .ui-social-fixed .ui-social-btn *, .ui-social-fixed .ui-social-btn.ui-social-trigger * {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-right: 0.3em; }
  .ui-social-fixed .ui-social-btn a, .ui-social-fixed .ui-social-btn.ui-social-trigger a {
    width: auto;
    height: auto;
    display: block;
    padding: 0.2em;
    -webkit-transition: transform 160ms ease-out;
    -moz-transition: transform 160ms ease-out;
    -o-transition: transform 160ms ease-out;
    transition: transform 160ms ease-out; }
    .ui-social-fixed .ui-social-btn a:before, .ui-social-fixed .ui-social-btn.ui-social-trigger a:before {
      left: auto !important;
      top: auto !important; }
    .ui-social-fixed .ui-social-btn a:hover, .ui-social-fixed .ui-social-btn a:focus, .ui-social-fixed .ui-social-btn.ui-social-trigger a:hover, .ui-social-fixed .ui-social-btn.ui-social-trigger a:focus {
      transform: scale(1.2);
      box-shadow: 0 0 6px rgba(51, 51, 52, 0.5); }

/*
 * Programmschema
 * _ui-cal.scss
 */
.ui-cal-slider .box.currentDay a span.day, .cssIpgSearchSlider .box.currentDay a span.day {
  background-color: #d40028;
  color: white; }

/*
 * Livestream- und AV-Teaser
 * mdr-modAudioVideo.scss
 */
.mod .cssAv .teaser {
  background-color: #f5f5fa; }

/*
 * "Weiter" hinter Schlagzeilenteasern verbergen
 */
.linklist ul.list .linktext .docName {
  display: none; }

/*
 * Spezialteaser auf Detailseiten ohne Randabstand
 */
.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal .teaser.special .staticHtml {
  background-color: white; }

/* Zu grosse Flaeche der Box an Content Hoehe anpassen */
html:not(.no-flexbox) .sectionWrapper .section .mod .teaser .boxCon.owl-carousel {
  flex: 0 1 auto;
  /* 160330 @kon 1 1 auto */ }

/*
 * Formulare
 * mdr-modForm
 */
.form .fieldset, .form .formHint {
  background-color: #f5f5fa; }
  .form .fieldset.acceptAgb, .form .formHint.acceptAgb {
    background-color: #e5e5e8; }

.form .formHint, .form .formElement, .form .formElement.error {
  border-bottom: none; }

.form .formElement.required:after {
  color: rgba(49, 49, 49, 0.7); }

.form .ui-collapsible-entry .ui-collapsible-body.text.open p {
  padding: 0.6em; }

.form .ui-collapsible-entry .checkbox .form-button label:before {
  background-color: white; }

/*
 * Tabellen
 * mdr-modTable
 */
.table table, .modTable.tableEvents .table table {
  margin-bottom: 0.8em;
  font-size: 0.9em; }
  .table table caption, .modTable.tableEvents .table table caption {
    background-color: #e5e5e8;
    border: none;
    margin: 0; }
  .table table tr.headlines th, .table table th.tcol1, .table table .table-header td, .modTable.tableEvents .table table tr.headlines th, .modTable.tableEvents .table table th.tcol1, .modTable.tableEvents .table table .table-header td {
    background-color: #e5e5e8;
    border-bottom: 1px solid white;
    padding: 0.7em !important; }
  .table table tr td, .modTable.tableEvents .table table tr td {
    background-color: #f5f5fa;
    border-bottom: 1px solid white;
    vertical-align: top; }
  .table table tr td, .table table tr th, .table table caption, .modTable.tableEvents .table table tr td, .modTable.tableEvents .table table tr th, .modTable.tableEvents .table table caption {
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    padding: 0.7em !important; }

/*
 * Suche Detailseite Hintergrundfarbe
 * mdr-modSearch
 */
.section .con .mod.modSearch .box .teaser .highlight {
  background-color: #f9f2b4; }

/*
 * Verkehr
 * trafficmodul.jump.css
 */
#trafficList {
  max-height: none !important;
  overflow: auto !important; }
  #trafficList table {
    font-size: 1em !important; }
    #trafficList table thead {
      display: none; }

#trafficMap .trafficPanel {
  padding: 0.3em;
  opacity: 1; }
  #trafficMap .trafficPanel .infoLayerCheckboxen label {
    text-transform: none;
    letter-spacing: 0.02em; }

/*
 * Icons Bildergalerien etc. korrekt ausrichten
 * mdr-modLightbox
 */
.xx_modLightbox .icon-font {
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  margin: 0 !important;
  padding: 0 0 0.1em 0; }

/*
 * Artikel Detailseite, auch bei Veranstaltungen
 * mdr-modParagraph
 */
.mod.modParagraph {
  /* Unterzeile */
  /* Dachzeile */ }
  .mod.modParagraph .einleitung {
    margin-top: 0.3em;
    margin-bottom: 1.2em; }
  .mod.modParagraph .quote blockquote {
    border: none; }
    .mod.modParagraph .quote blockquote p {
      font-size: 1.2em;
      margin-bottom: 0.4em; }
      .mod.modParagraph .quote blockquote p:before {
        content: "\201e"; }
      .mod.modParagraph .quote blockquote p:after {
        content: "\201c"; }
  .mod.modParagraph p.subtitle {
    margin-top: -0.55em;
    margin-left: 0.05em;
    color: #9d9da2;
    font-weight: 200;
    font-size: 0.95em;
    line-height: 145%; }
  .mod.modParagraph .dachzeile {
    margin-bottom: 0;
    font-weight: bold; }

/*
 * Rechts Links Ausrichtung Fix
 *
 */
html.view-s .mod.modParagraph .box.floatBox, html.view-xs .mod.modParagraph .box.floatBox, html.view-m .mod.modParagraph .box.floatBox {
  width: 100%;
  min-width: 100%; }

html.view-xs .mod.modParagraph .box.floatBox.viewB,
html.view-s .mod.modParagraph .box.floatBox.viewB,
html.view-m .mod.modParagraph .box.floatBox.viewB {
  width: 50%;
  min-width: 50%; }

html.view-xs .mod.modParagraph .box.floatBox.viewC,
html.view-s .mod.modParagraph .box.floatBox.viewC,
html.view-m .mod.modParagraph .box.floatBox.viewC {
  width: 33.333%;
  min-width: 33.333%; }

.jump-twitter-embed {
  max-width: 550px;
  margin: 0.8em auto;
  position: relative; }
  .view-xs .jump-twitter-embed, .view-s .jump-twitter-embed {
    width: 96%; }
  .view-m .jump-twitter-embed {
    width: 85%; }
  .view-l .jump-twitter-embed {
    width: 80%; }
  .view-xl .jump-twitter-embed {
    width: 70%; }
  .jump-twitter-embed .inset {
    z-index: 0;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    color: #0084B4;
    transition: box-shadow 320ms;
    border: 1px solid #ccd6dd;
    overflow: hidden; }
    .jump-twitter-embed .inset:hover {
      box-shadow: 0 0 6px rgba(51, 51, 52, 0.5); }
      .jump-twitter-embed .inset:hover .head {
        background-color: #0084B4; }
      .jump-twitter-embed .inset:hover .body p.tweet_text {
        color: #0084B4; }
      .jump-twitter-embed .inset:hover .foot .loadbutton {
        color: #d40028; }
    .jump-twitter-embed .inset .head {
      cursor: pointer;
      padding: 1em 1.2em;
      background-color: #aab8c2;
      transition: all 320ms; }
      .jump-twitter-embed .inset .head .icon {
        margin: 0 auto;
        color: white;
        position: relative;
        display: block;
        font-size: 3em; }
        .jump-twitter-embed .inset .head .icon:before {
          font-family: 'mdricons';
          content: "";
          top: 50%;
          transform: translateY(-50%); }
    .jump-twitter-embed .inset .body {
      cursor: pointer;
      padding: 1.8em 15%;
      background-color: #f5f8fa;
      border-bottom: 1px solid #ccd6dd;
      transition: all 320ms; }
      .jump-twitter-embed .inset .body p {
        position: relative;
        margin: 0 auto;
        line-height: 145%;
        padding-bottom: 0.4em; }
        .jump-twitter-embed .inset .body p.tweet_text {
          color: #9d9da2;
          font-size: 1.3em;
          font-weight: bold;
          font-style: italic; }
          .jump-twitter-embed .inset .body p.tweet_text:before {
            content: "\201e"; }
          .jump-twitter-embed .inset .body p.tweet_text:after {
            content: "\201c"; }
        .jump-twitter-embed .inset .body p.tweet_autor {
          color: #313131; }
    .jump-twitter-embed .inset .foot {
      padding: 0 0.8em;
      color: #aab8c2;
      font-weight: bold; }
      .jump-twitter-embed .inset .foot .loadbutton {
        cursor: pointer;
        padding: 0.6em;
        float: right; }
        .jump-twitter-embed .inset .foot .loadbutton:after {
          padding-left: 0.6em;
          padding-bottom: 0.2em;
          font-family: 'mdricons';
          content: "\e61a"; }
        .jump-twitter-embed .inset .foot .loadbutton:hover {
          color: #d40028; }
      .jump-twitter-embed .inset .foot .infobutton {
        z-index: 2;
        cursor: pointer;
        padding: 0.6em;
        float: left;
        overflow: visible; }
        .jump-twitter-embed .inset .foot .infobutton:before {
          float: left;
          padding-right: 0.4em;
          font-weight: normal;
          font-size: 1.2em;
          font-family: 'mdricons';
          content: "\e63f"; }
        .jump-twitter-embed .inset .foot .infobutton:hover {
          color: #d40028; }
          .jump-twitter-embed .inset .foot .infobutton:hover span.text {
            display: inline; }
        .jump-twitter-embed .inset .foot .infobutton span.text {
          display: none;
          position: absolute;
          font-size: 0.9em;
          font-weight: normal; }
      .jump-twitter-embed .inset .foot .infobox {
        width: auto;
        height: auto;
        position: absolute;
        bottom: 2.7em;
        left: 1em;
        margin-right: 4em;
        padding: 1.3em;
        font-weight: normal;
        line-height: 150%;
        color: #333334;
        background-color: white;
        border: 1px solid #e5e5e8;
        box-shadow: 0 0 6px rgba(51, 51, 52, 0.5);
        border-radius: 5px;
        font-size: 0.9em; }
        .jump-twitter-embed .inset .foot .infobox a {
          color: #d40028; }
          .jump-twitter-embed .inset .foot .infobox a:hover {
            text-decoration: underline; }

/*
 * Programmhinweis an AV-Teasern ausschalten
 * mdr-modAudioVideo
 */
/*
 * Sendungsinfos (IPG)
 */
.box.cssBroadcastList .broadcastSpecs, .box.cssBroadcast .broadcastSpecs {
  display: none !important; }

.box.cssBroadcastList .progressContainer, .box.cssBroadcast .progressContainer {
  bottom: 0 !important; }
  .box.cssBroadcastList .progressContainer .icon-font, .box.cssBroadcast .progressContainer .icon-font {
    padding: 0 !important;
    top: -20px !important; }
    .box.cssBroadcastList .progressContainer .icon-font:before, .box.cssBroadcast .progressContainer .icon-font:before {
      content: "ON AIR" !important;
      padding: 0 4px !important; }

.box.cssBroadcastList .teaser.now, .box.cssBroadcast .teaser.now {
  box-shadow: none;
  background-color: #f5f5fa; }

.box.cssBroadcastList .teaser.now.active .teaserInfoWrapper, .box.cssBroadcast .teaser.now.active .teaserInfoWrapper {
  padding: 0.3em 1em 1em 0.5em !important; }

/*
 * Textlinks
 * rot, fett und mit kleinem Link-Icon davor
 */
.paragraph p.text:not(.teasertext) a {
  color: #d40028; }
  .paragraph p.text:not(.teasertext) a:hover {
    text-decoration: underline; }
  .paragraph p.text:not(.teasertext) a:before {
    font-family: 'mdricons';
    content: "";
    font-size: 0.9em;
    margin: 0 0.2em;
    vertical-align: bottom; }

/*
 * Footer Farbe anpassen
 */
#footer .footer-bottom {
  background-color: #f5f5fa; }

.wrapper:after, .wrapper:before {
  display: inherit; }

.box.noBroadcastHint.cssImageGallery .cssBroadcastHintStyleProperties {
  display: none; }

/*
 * More-Button an Teasern und Podcast-Abonnieren-Button
 */
.mod .channelBtn .moreBtn, body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.collapsed {
  background-color: #d40028;
  border-radius: unset;
  border: none; }

/*
 * Box Background nicht grau (neuerdings in grid.scss)
 */
.box {
  background-color: transparent; }

a:focus,
a:focus :first-child {
  text-decoration: underline; }

a:focus,
a:focus :first-child {
  text-decoration: underline; }

a.focus-outline:focus {
  text-decoration: none !important; }

a.focus-outline:focus :first-child,
button:focus {
  text-decoration: none !important;
  outline: 0.125rem solid;
  outline-offset: 0.125rem; }

html.mouse-active a:focus,
html.mouse-active a:focus :first-child,
html.mouse-active button:focus,
html.mouse-active button:focus :first-child {
  outline: 0 !important;
  text-decoration: none !important; }

html.touch * {
  text-rendering: optimizeSpeed; }

em {
  font-style: italic; }

abbr {
  text-decoration: none; }

p,
a,
h1,
h2,
h3,
h4,
label,
td,
th,
tr,
legend,
input,
div.entry.active,
ul li,
ol li {
  color: #313131; }

h3.conHeadline {
  color: #313131; }
  h3.conHeadline a[href] {
    margin-top: -1px; }
    h3.conHeadline a[href]:after {
      content: "";
      font-size: 0.875em;
      margin-left: 2px;
      text-decoration: none;
      display: inline-block; }
    h3.conHeadline a[href]:focus:after {
      text-decoration: none; }

.sectionArticle h3.conHeadline {
  color: #313131; }

input:-ms-clear {
  display: none !important;
  width: 0 !important;
  height: 0 !important; }

body {
  background-color: white;
  touch-action: manipulation; }

@media (min-width: 0) and (max-width: 767px) {
  .bgWrapper {
    display: none;
    position: absolute;
    z-index: 0; } }

.con.noConBackground {
  background-color: transparent !important; }

html.isAppV4 #content .cssAv .mediaCon .icon-font {
  display: none; }
  html.isAppV4 #content .cssAv .mediaCon .icon-font:before {
    display: none; }

html.isAppV4 #content .cssAv .teaserInfoWrapper:before {
  display: none; }

html.isAppV4 #content .cssAv .mediaCon .av-playerContainer .icon-font {
  display: block;
  width: 60%;
  /* height: 30px; */
  padding: 0;
  line-height: 0;
  font-weight: bold;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-radius: 4px;
  bottom: 4px;
  /* top: 50%; */
  position: absolute;
  margin: 0.25em auto;
  font-size: 1em; }
  html.isAppV4 #content .cssAv .mediaCon .av-playerContainer .icon-font span.hidden {
    position: relative;
    left: 0;
    height: auto;
    visibility: visible;
    width: 100%;
    display: block;
    line-height: 1;
    padding: 8px; }

/*
 * Styles der Hauptnavigation
 */
.channelNavigation {
  bottom: inherit;
  border-top: none;
  padding: 1em; }
  .channelNavigation ul.level1 {
    margin-top: 0.7em; }
  .channelNavigation ul.level1 .layeredNavigation {
    position: inherit; }
  .channelNavigation ul.level1 > li > ul {
    position: relative;
    width: 100%;
    max-width: 100%;
    top: auto;
    left: auto; }
  .channelNavigation ul.level1 > li > span, .channelNavigation ul.level1 > li > a {
    height: auto;
    font-weight: normal;
    text-transform: uppercase; }
  .channelNavigation ul.level2, .channelNavigation ul.level3 {
    padding-left: 1em; }
  .channelNavigation ul.level1, .channelNavigation ul.level2, .channelNavigation ul.level3 {
    background-color: transparent;
    display: block; }
    .channelNavigation ul.level1 li, .channelNavigation ul.level2 li, .channelNavigation ul.level3 li {
      float: none;
      width: 100%;
      padding: 0;
      margin: 0; }
      .channelNavigation ul.level1 li a, .channelNavigation ul.level1 li span, .channelNavigation ul.level2 li a, .channelNavigation ul.level2 li span, .channelNavigation ul.level3 li a, .channelNavigation ul.level3 li span {
        height: 0;
        transition: height 0.1s, padding 0.1s, border 0.1s, opacity 0.1s;
        padding: 0 0 0 0.7em;
        margin: 0;
        font-size: 1.1em;
        color: white;
        overflow: hidden;
        background-color: inherit;
        display: block;
        opacity: 0; }
      .channelNavigation ul.level1 li.hasChilds .nav-toggle:before, .channelNavigation ul.level2 li.hasChilds .nav-toggle:before, .channelNavigation ul.level3 li.hasChilds .nav-toggle:before {
        font-family: 'mdricons';
        content: "";
        margin-right: 0.8em;
        float: right; }
      .channelNavigation ul.level1 li.hasChilds > ul > li.first, .channelNavigation ul.level2 li.hasChilds > ul > li.first, .channelNavigation ul.level3 li.hasChilds > ul > li.first {
        display: none; }
    html.no-touch .channelNavigation ul.level1 li > .nav-toggle:hover, html.no-touch .channelNavigation ul.level1 li > a:hover,
    html.no-touch .channelNavigation ul.level1 li > .nav-toggle:focus, html.no-touch .channelNavigation ul.level1 li > a:focus, html.no-touch .channelNavigation ul.level2 li > .nav-toggle:hover, html.no-touch .channelNavigation ul.level2 li > a:hover,
    html.no-touch .channelNavigation ul.level2 li > .nav-toggle:focus, html.no-touch .channelNavigation ul.level2 li > a:focus, html.no-touch .channelNavigation ul.level3 li > .nav-toggle:hover, html.no-touch .channelNavigation ul.level3 li > a:hover,
    html.no-touch .channelNavigation ul.level3 li > .nav-toggle:focus, html.no-touch .channelNavigation ul.level3 li > a:focus {
      background-color: rgba(255, 255, 255, 0.4);
      color: white; }
    .channelNavigation ul.level1 > ul, .channelNavigation ul.level2 > ul, .channelNavigation ul.level3 > ul {
      position: initial;
      display: initial; }
  .channelNavigation ul.level1 > li > span, .channelNavigation ul.level1 > li.open > ul > li > span, .channelNavigation ul.level1 > li.open > ul.level2 > li.open > ul > li > span, .channelNavigation ul.level1 > li > a, .channelNavigation ul.level1 > li.open > ul > li > a, .channelNavigation ul.level1 > li.open > ul.level2 > li.open > ul > li > a {
    height: 2.6em;
    padding-top: 0.75em;
    opacity: 1;
    border-top: 1px solid #9d9da2; }
  .channelNavigation ul.level1 > li.hasChilds.open .nav-toggle:before, .channelNavigation ul.level1 > li.open > ul > li.hasChilds.open .nav-toggle:before, .channelNavigation ul.level1 > li.open > ul.level2 > li.open > ul > li.hasChilds.open .nav-toggle:before {
    content: ""; }
  .view-s .channelNavigation ul.level1 > li.hasChilds .nav-toggle:after, .view-xs .channelNavigation ul.level1 > li.hasChilds .nav-toggle:after {
    content: normal; }

/*
 * Sidebar Right - Wetter und Verkehr ...
 */
.sidebarRight > .sectionSidebar {
  /*
   * Suchformular für Ortssuche
   */
  /*
   * Sidebar Service Inhalt (Wetter und Verkehr)
   */ }
  .sidebarRight > .sectionSidebar .geoformSidebar {
    padding: 1em;
    -webkit-transition: background-color 160ms ease-out;
    -moz-transition: background-color 160ms ease-out;
    -o-transition: background-color 160ms ease-out;
    transition: background-color 160ms ease-out; }
    .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton {
        display: flex;
        flex-direction: row; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput input, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton input {
          padding: 0.7em 1.2em;
          border-radius: 3em; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button {
          background-color: transparent;
          color: #313131;
          cursor: pointer;
          height: 100%; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.text, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.text {
            display: none; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.icon, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.icon {
            display: flex;
            font-size: 1.4em;
            justify-content: center; }
            .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.icon:after, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.icon:after {
              font-family: 'mdricons'; }
      .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput {
        position: relative;
        flex: 0 1 100%; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput input {
          width: 100%;
          border: 2px solid transparent; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput input:focus {
            border-color: #d40028; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button {
          position: absolute;
          right: 0.8em;
          color: #313131; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.icon:after {
            content: ""; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button:focus, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button:hover {
            color: #d40028;
            transform: scale(1.3); }
      .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton {
        flex: 1 0 auto;
        padding-left: 1em; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button {
          font-size: 1.4em;
          color: white; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.icon:after {
            content: "\e904"; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button:focus, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button:hover {
            color: #d40028;
            transform: scale(1.3); }
    .sidebarRight > .sectionSidebar .geoformSidebar:hover {
      background-color: rgba(255, 255, 255, 0.4); }
  .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr {
    padding: 1em;
    transition: opacity 320ms; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather.inactive, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr.inactive {
      opacity: 0.2; }
  .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul {
    display: block; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li span, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li a, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li p, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li span, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li a, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li p {
      position: relative;
      width: 100%;
      margin: 0;
      display: block;
      color: #e5e5e8;
      padding: 0.6em; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li span.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li a.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li p.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li span.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li a.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li p.advice {
        font-size: 0.92em;
        font-style: italic;
        color: rgba(229, 229, 232, 0.7); }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li span.item-toggle, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li a, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li span.item-toggle, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li a {
      cursor: pointer; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li span.item-toggle:hover, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li a:hover, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li span.item-toggle:hover, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li a:hover {
        background-color: rgba(255, 255, 255, 0.4);
        color: white; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.open > span.item-toggle:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.open > span.item-toggle:after {
      content: ""; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.open > a.item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.open span.item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.open > a.item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.open span.item {
      display: block; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-title, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-title, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-title, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-title {
      background-color: #272728;
      font-weight: bold; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer {
      border-top: 1px solid #9d9da2; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer a.weather-full, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer a.verkehr-full, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer a.weather-full, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer a.verkehr-full {
      font-size: 0.98em;
      white-space: nowrap; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer a.weather-full:focus, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer a.verkehr-full:focus, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer a.weather-full:focus, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer a.verkehr-full:focus {
        background-color: rgba(255, 255, 255, 0.4);
        color: white; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer a.weather-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer a.verkehr-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer a.weather-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer a.verkehr-full:after {
        font-family: 'mdricons';
        font-size: 0.9em;
        padding-left: 0.8em;
        content: "";
        vertical-align: middle; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table {
      width: 100%; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td {
        color: #e5e5e8;
        padding: 0.6em;
        vertical-align: middle;
        text-align: center; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td img, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td img {
          padding: 0;
          margin: 0 auto; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td.icon, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td.icon {
          padding: 0.2em; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td:last-child, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td:last-child {
          text-align: right; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td:first-child, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td:first-child {
          text-align: left; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.temperature-now td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.temperature-now td {
      font-weight: bold; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage {
      padding: 0.4em; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute tr > td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr > td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute tr > td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr > td {
        text-align: center; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute tr.daytime td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr.daytime td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute tr.daytime td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr.daytime td {
        font-size: 0.8em;
        padding: 0.2em 0.2em; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute tr.nsw td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr.nsw td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute tr.nsw td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr.nsw td {
        font-size: 0.8em;
        color: #009ee0;
        padding: 0.2em 0.2em; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute tr.temperature td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr.temperature td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute tr.temperature td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr.temperature td {
        font-weight: bold;
        font-size: 1.2em;
        padding: 0.2em 0.2em; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr > td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr > td {
      font-size: 0.9em;
      font-weight: bold; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item {
      cursor: pointer;
      clear: both; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item-toggle, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item-toggle {
        width: 100%;
        display: block;
        padding: 0.8em 0.6em 0.8em 3em; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item-toggle:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item-toggle:after {
          float: right;
          font-family: 'mdricons';
          content: ""; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item-toggle:before, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item-toggle:before {
          position: absolute;
          font-family: 'mdricons';
          font-weight: normal;
          text-align: center;
          content: "";
          font-size: 1.5em;
          left: 0.5em;
          top: 49%;
          transform: translateY(-50%); }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item {
        padding-left: 3em;
        padding-top: 0.3em;
        width: 100%;
        font-size: 0.98em;
        display: none; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item.stoerung .item-toggle:before, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item.stoerung .item-toggle:before {
      color: #ff3737; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item.blitzer .item-toggle:before, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item.blitzer .item-toggle:before {
      color: #ffee2c; }
  .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerAdvice p {
    padding: 0.6em;
    font-size: 0.8em;
    color: #9d9da2;
    background-color: #e5e5e8; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerAdvice p.hidden {
      display: none; }

/*
 * MDR JUMP - CSS-Anfasser
 *
 * spezielle CSS-Anfasser für jumpradio.de
 * in Ergänzung zu mdr.de
 *
 * Stand: 04.05.2020
 * Autor: Axel Kohout
 */
/*
 * jumpTeaserSpecialNoPadding
 */
.jumpTeaserSpecialNoPadding {
  padding: 0 !important; }

/*
 * jumpSectionTeaserGreen
 * - anwendbar auf Seitenbereiche
 * - hinterlegt den gesamten Seitenbereich in grün und färbt Teasertexte weiß
 *
 * für html.view-xs und html.view-s noch mal einzeln, weil mdr.de das aus irgendeinem Grund mit !important gesetzt hat
 */
.jumpSectionTeaserGreen, html.view-xs .jumpSectionTeaserGreen, html.view-s .jumpSectionTeaserGreen {
  background-color: #78c105 !important; }
  .jumpSectionTeaserGreen .sectionWrapperMain, .jumpSectionTeaserGreen .sectionWrapperRelated, .jumpSectionTeaserGreen .teaser, .jumpSectionTeaserGreen .box, html.view-xs .jumpSectionTeaserGreen .sectionWrapperMain, html.view-xs .jumpSectionTeaserGreen .sectionWrapperRelated, html.view-xs .jumpSectionTeaserGreen .teaser, html.view-xs .jumpSectionTeaserGreen .box, html.view-s .jumpSectionTeaserGreen .sectionWrapperMain, html.view-s .jumpSectionTeaserGreen .sectionWrapperRelated, html.view-s .jumpSectionTeaserGreen .teaser, html.view-s .jumpSectionTeaserGreen .box {
    background-color: transparent !important; }
  .jumpSectionTeaserGreen .teaser, html.view-xs .jumpSectionTeaserGreen .teaser, html.view-s .jumpSectionTeaserGreen .teaser {
    background: rgba(0, 0, 0, 0.1) !important; }
  .jumpSectionTeaserGreen .conHeadline, .jumpSectionTeaserGreen .conHeadline > a, .jumpSectionTeaserGreen .teaser a, html.view-xs .jumpSectionTeaserGreen .conHeadline, html.view-xs .jumpSectionTeaserGreen .conHeadline > a, html.view-xs .jumpSectionTeaserGreen .teaser a, html.view-s .jumpSectionTeaserGreen .conHeadline, html.view-s .jumpSectionTeaserGreen .conHeadline > a, html.view-s .jumpSectionTeaserGreen .teaser a {
    color: white; }
  .jumpSectionTeaserGreen .shortInfos h4, .jumpSectionTeaserGreen .shortInfos h4 > a, html.view-xs .jumpSectionTeaserGreen .shortInfos h4, html.view-xs .jumpSectionTeaserGreen .shortInfos h4 > a, html.view-s .jumpSectionTeaserGreen .shortInfos h4, html.view-s .jumpSectionTeaserGreen .shortInfos h4 > a {
    color: white !important; }
  .jumpSectionTeaserGreen .mod .linklist .list li, html.view-xs .jumpSectionTeaserGreen .mod .linklist .list li, html.view-s .jumpSectionTeaserGreen .mod .linklist .list li {
    background-color: transparent; }

/*
 * jumpSectionTeaserDark
 * - anwendbar auf Seitenbereiche
 * - hinterlegt den gesamten Seitenbereich grau
 *
 * für html.view-xs und html.view-s noch mal einzeln, weil mdr.de das aus irgendeinem Grund mit !important gesetzt hat
 */
.jumpSectionTeaserGrey, html.view-xs .jumpSectionTeaserGrey, html.view-s .jumpSectionTeaserGrey {
  background-color: #e5e5e8 !important; }
  .jumpSectionTeaserGrey .sectionWrapperMain, .jumpSectionTeaserGrey .sectionWrapperRelated, .jumpSectionTeaserGrey .box, .jumpSectionTeaserGrey .channelBtn, html.view-xs .jumpSectionTeaserGrey .sectionWrapperMain, html.view-xs .jumpSectionTeaserGrey .sectionWrapperRelated, html.view-xs .jumpSectionTeaserGrey .box, html.view-xs .jumpSectionTeaserGrey .channelBtn, html.view-s .jumpSectionTeaserGrey .sectionWrapperMain, html.view-s .jumpSectionTeaserGrey .sectionWrapperRelated, html.view-s .jumpSectionTeaserGrey .box, html.view-s .jumpSectionTeaserGrey .channelBtn {
    background-color: transparent !important; }
  .jumpSectionTeaserGrey .teaser, html.view-xs .jumpSectionTeaserGrey .teaser, html.view-s .jumpSectionTeaserGrey .teaser {
    background: rgba(0, 0, 0, 0.1) !important; }

/*
 * owlNavigationTop
 * - an Slidern die Slider-Navigation statt unten oben platzieren
 * - nützlich z.B. für Slider mit Social Sharings, die immer unterschiedlich hoch sind
 */
.owlNavigationTop .modSlideable .controls {
  position: absolute;
  border-top: none; }

.owlNavigationTop .modSlideable .owl-carousel {
  margin-top: 48px; }

/*
 * hideTeaserTitle
 * - verbirgt die komplette Titlebox an Teasern
 */
.hideTeaserTitle .teaserInfoWrapper {
  display: none; }

/*
 * definitionBoldRed
 * - anwendbar auf Begriffserklärungen in Detailseiten
 * - sie werden fett mit weißer Schrift in knallig roter Box
 */
.mod.modParagraph .definitionBoldRed > .definition {
  background-color: #d40028;
  border: none;
  padding: 1.3em 2.4em; }

.mod.modParagraph .definitionBoldRed > *:last-child {
  margin-bottom: 16px !important; }

.mod.modParagraph .definitionBoldRed > .definition > p > dfn {
  color: white;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.6em;
  margin-bottom: 0; }

/*
 * alignInnerRight und alignInnerCenter
 * - Inhalt in HTML-Teasern ausrichten
 */
.alignInnerRight .twitter-embed .twitter-tweet *, .alignInnerRight .instagram-media *, .alignInnerRight .staticHtml * {
  float: right; }

.alignInnerCenter .twitter-embed .twitter-tweet, .alignInnerCenter .instagram-media, .alignInnerCenter .staticHtml {
  margin: 0 auto !important;
  position: relative;
  width: auto; }

/*
 * Promobox für Sendung „Tierisch tierisch“
 */
.con.jumpConTeaserTierisch {
  background-color: #339b4d !important;
  background: url(//www.mdr.de/resources/mdrde/channel/tierischtierisch2016/img/bgPattern.png) repeat center top !important; }
  .con.jumpConTeaserTierisch > h3.conHeadline {
    height: 90px;
    display: flex;
    flex-direction: row; }
    .con.jumpConTeaserTierisch > h3.conHeadline:before {
      content: " ";
      display: block;
      height: 90px;
      width: 100px;
      background-image: url(//www.mdr.de/resources/mdrde/channel/tierischtierisch2016/img/head_l.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: -20px; }
    .con.jumpConTeaserTierisch > h3.conHeadline > a {
      height: inherit;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 1.3em;
      font-weight: bold;
      text-transform: none; }
      .con.jumpConTeaserTierisch > h3.conHeadline > a:after {
        display: none; }
      .con.jumpConTeaserTierisch > h3.conHeadline > a:hover {
        color: white;
        text-decoration: underline; }
  .con.jumpConTeaserTierisch .sectionWrapperMain, .con.jumpConTeaserTierisch .sectionWrapperRelated, .con.jumpConTeaserTierisch .teaser, .con.jumpConTeaserTierisch .box {
    background-color: transparent !important; }
  .con.jumpConTeaserTierisch .teaser {
    background-color: #368645 !important;
    box-shadow: 0 0 8px rgba(54, 134, 69, 0.6); }
  .con.jumpConTeaserTierisch .conHeadline, .con.jumpConTeaserTierisch .conHeadline > a, .con.jumpConTeaserTierisch .teaser a {
    color: white; }
  .con.jumpConTeaserTierisch .shortInfos h4, .con.jumpConTeaserTierisch .shortInfos h4 > a, .con.jumpConTeaserTierisch .shortInfos .dachzeile {
    color: white !important; }
  .con.jumpConTeaserTierisch .cssProgramHint {
    padding: 0 8px 8px 8px !important; }
    .con.jumpConTeaserTierisch .cssProgramHint .shortInfos {
      margin-bottom: 0.4em; }
    .con.jumpConTeaserTierisch .cssProgramHint .cssProgramHintBox {
      margin-bottom: 0; }
    .con.jumpConTeaserTierisch .cssProgramHint .cssProgramHintCurrent.cssProgramHintFree {
      background-color: transparent !important; }
      .con.jumpConTeaserTierisch .cssProgramHint .cssProgramHintCurrent.cssProgramHintFree p {
        padding: 0;
        color: white;
        font-weight: normal;
        line-height: 135%; }
    .con.jumpConTeaserTierisch .cssProgramHint .cssProgramHintRepeat.cssProgramHintFree {
      margin: 0;
      padding: 0;
      background-color: transparent; }
      .con.jumpConTeaserTierisch .cssProgramHint .cssProgramHintRepeat.cssProgramHintFree p {
        color: white; }

/*# sourceMappingURL=jump-site.css.map */