@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.mod .box.offline:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#header .navigation, #header .navigation ul, #header .searchLayer .searchLayerContent .searchLayerResult, #breadcrumb, .wrapperChannelNavigation .sectionWrapper:not(.isScrolling), .ui-tabs, .ui-tooltipWrapper, .mod .box .teaserInfoWrapper, .mod .ressort, .mod .moreBtn, .mod.modParagraph .definition, .mod.modParagraph .paragraph, .mod .cssProgramHintRepeat, .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons ul, .weather h3, .weather p.subtitle, .weather-day .line, .weatherInnerWrapper, .weather-card .weatherInnerWrapper {
  *zoom: 1; }
  #header .navigation:before, #header .navigation ul:before, #header .searchLayer .searchLayerContent .searchLayerResult:before, #breadcrumb:before, .wrapperChannelNavigation .sectionWrapper:not(.isScrolling):before, .ui-tabs:before, .ui-tooltipWrapper:before, .mod .box .teaserInfoWrapper:before, .mod .ressort:before, .mod .moreBtn:before, .mod.modParagraph .definition:before, .mod.modParagraph .paragraph:before, .mod .cssProgramHintRepeat:before, .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons ul:before, .weather h3:before, .weather p.subtitle:before, .weather-day .line:before, .weatherInnerWrapper:before, .weather-card .weatherInnerWrapper:before, #header .navigation:after, #header .navigation ul:after, #header .searchLayer .searchLayerContent .searchLayerResult:after, #breadcrumb:after, .wrapperChannelNavigation .sectionWrapper:not(.isScrolling):after, .ui-tabs:after, .ui-tooltipWrapper:after, .mod .box .teaserInfoWrapper:after, .mod .ressort:after, .mod .moreBtn:after, .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after, .mod .cssProgramHintRepeat:after, .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons ul:after, .weather h3:after, .weather p.subtitle:after, .weather-day .line:after, .weatherInnerWrapper:after, .weather-card .weatherInnerWrapper:after {
    display: table;
    content: "";
    line-height: 0; }
  #header .navigation:after, #header .navigation ul:after, #header .searchLayer .searchLayerContent .searchLayerResult:after, #breadcrumb:after, .wrapperChannelNavigation .sectionWrapper:not(.isScrolling):after, .ui-tabs:after, .ui-tooltipWrapper:after, .mod .box .teaserInfoWrapper:after, .mod .ressort:after, .mod .moreBtn:after, .mod.modParagraph .definition:after, .mod.modParagraph .paragraph:after, .mod .cssProgramHintRepeat:after, .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons ul:after, .weather h3:after, .weather p.subtitle:after, .weather-day .line:after, .weatherInnerWrapper:after, .weather-card .weatherInnerWrapper:after {
    clear: both; }

#header, #header .navigation ul li a, .view-s #header .navigation:not(.navigationTop) ul li, .view-xs #header .navigation:not(.navigationTop) ul li, #footer, #footer .footer-top, #footer .footer-bottom, #footer .footer-bottom .linklist, .searchLayerForm .formElement, .ui-thumbSlider, .sectionChannelHeader .section .channelTitle, .sectionChannelHeader .section .channelNavigation, .ui-cal, .ui-cal-slider .box span, .cssIpgSearchSlider .box span, .ui-cal-menu ul, .cssIpgMenu ul, .mod .paragraph, .mod .innerTeaser, .mod .timestamp, .mod.modParagraph .jumpLabelList, .mod.modParagraph .jumpLabelList ul, .mod.modParagraph .jumpLabelTitle, .section .con .mod.modParagraph .box.cssArticleShortNews .teaser .teaserInfoWrapper, .form .formElement, .mod .cssForm .teaser.special .innerTeaser .leadText, .mod .cssVoting .teaser.special .innerTeaser .leadText, .mod .box.cssImageGallery .teaser.special .gallery-bigImage, .mod.modSearchFilter > div, .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, .box.cssAvPlus .thumbSliderContainer .chapter .chapterInner, .box.cssAvPlus .themes li button.moreBtn, html.view-xs .box.cssAvPlus .themes, html.view-s .box.cssAvPlus .themes, html.view-xs .box.cssAvPlus .themes li, html.view-s .box.cssAvPlus .themes li, .box.cssAvPlus .avPlus-content .avPlus-teaser, .mod .cssAv .avRights, .mod .cssMultimediaGallery .mmgTeaserList, .mod .cssMultimediaGallery .mmgContent, body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails, body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails p, .cssIpgMenuContent, .cssIpgMenuCalSlider .cssIpgMenuCalItem, .box.cssIpgHeader, .box.cssIpgFooter, .box.cssIpgHeader h3, .box.cssIpgFooter h3, .cssBroadcastList > div, .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser .innerTeaser, .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .innerTeaser, body.cssProgramDayBundle .ipgSliderWrapper, body.cssBroadcast .ipgSliderWrapper, .conMultiGroupWrapper .modCon .boxCon > p.headline, .conMultiGroupWrapper .conSub, .conMultiGroupWrapper .conSub .boxCon > h4 .headline, .box.boxSpecial .multiGroupNavi, .sportResults .sportsForm > div, .sportResults .matchDayPageNavi, .sportResults .matchesResults h3, .sportResults .modTable .legende, body.cssTickerPopup .conSports .tickerMatches h3, body.cssTickerPopup .conSports .tickerMatches h2, body.cssTickerPopup .conSports .tickerMatches p, .ticketLink, .conCalendar .box table, .calFilter, .calFooter, p.concertDate, p.concertPlace, .calEntriesGroup, .calEntriesGroup p.concertDate, .calEntriesGroup p.subtitle, .calEntriesGroup p.concertPlace, .calEntriesGroup .box .teaser .innerTeaser, html.view-xs .calEntriesGroup h3.headline, html.view-s .calEntriesGroup h3.headline, html.view-m .sectionZ .calEntriesGroup h3.headline, .sectionC .calEntriesGroup h3.headline, .sectionB .calEntriesGroup h3.headline, .modB .calEntriesGroup h3.headline, .modC .calEntriesGroup h3.headline, .conComments .comments, .conComments .comments .comment, .conComments .modForm .formWrapper, .staticQuiz, .quizSolution, .weather .teaser .staticHtml > div, .weather img, .weather > div > div, .weather-infos, .weather-infos .weather-current .weather-currentInfos, .weather-cam, .weather-cam .weather-camdetail, .weather-cam > div .weather-camweather, .weatherInnerWrapper ul, html.view-xs .weatherInnerWrapper li, html.view-s .weatherInnerWrapper li, .weather-teaser .weatherInnerWrapper li, .weather-card, .weather-card .weather-bg, .staticEcard form, .staticEcard .ecardContent .unitB > p, .staticEcard .ecardInner, .staticEcard .ecardContent, .staticEcard .ecardNavigation, .staticEcard .innerForm, .staticEcard fieldset {
  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; }

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

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

html.flexbox #footer .footer-bottom .wrapper, #footer .footer-bottom html.flexbox .wrapper, html.flexbox .sectionWrapper:not(.hasSectionDetail), html.flexbox .sectionMainWrapper, html.flexbox .sectionRelatedWrapper, html.flexbox .lineWrapper, html.flexbox .con:not(.conPinboard) .mod .boxCon, .con:not(.conPinboard) .mod html.flexbox .boxCon,
html.flexbox .con:not(.conPinboard) .mod .owl-stage,
.con:not(.conPinboard) .mod html.flexbox .owl-stage, html.flexbox .mod .cssVoting .formElement > div, .mod .cssVoting html.flexbox .formElement > div, html.flexbox .mod .cssVoting .form-success-values, .mod .cssVoting html.flexbox .form-success-values, html.flexbox .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent, .mod .innerTeaser .cssProgramHintBox html.flexbox .cssProgramHintCurrent, html.flexbox .box.cssAvPlus .thumbSliderContainer .owl-stage, .box.cssAvPlus .thumbSliderContainer html.flexbox .owl-stage, html.flexbox .mod .cssAv .teaser .innerTeaser .avInfos, .mod .cssAv .teaser .innerTeaser html.flexbox .avInfos, html.flexbox .mod .cssAv .teaser .innerTeaser .avInfos .avLink, .mod .cssAv .teaser .innerTeaser .avInfos html.flexbox .avLink, html.flexbox .mod .cssAv .teaser .innerTeaser .avInfos .avDownload, .mod .cssAv .teaser .innerTeaser .avInfos html.flexbox .avDownload, html.flexbox .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner, .mod .box.boxIpgTeaser.boxIpgTeaserSlider html.flexbox .ipgTeaserWrapperInner, html.flexbox .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .owl-stage, .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner html.flexbox .owl-stage, html.flexbox .weather-cam {
  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; }

html.flexbox .sectionWrapper:not(.hasSectionDetail) .section, .sectionWrapper:not(.hasSectionDetail) html.flexbox .section, html.flexbox .sectionMainWrapper .section, .sectionMainWrapper html.flexbox .section, html.flexbox .sectionRelatedWrapper .section, .sectionRelatedWrapper html.flexbox .section, html.flexbox .lineWrapper .section, .lineWrapper html.flexbox .section, html.flexbox .section3er .sectionC .con, .section3er .sectionC html.flexbox .con, html.flexbox .section3er .sectionC .modCon, .section3er .sectionC html.flexbox .modCon, html.flexbox .section3er .sectionC .modA, .section3er .sectionC html.flexbox .modA, html.flexbox .section3er .sectionC .modA .boxCon, .section3er .sectionC .modA html.flexbox .boxCon, html.flexbox .section2er .sectionB .con, .section2er .sectionB html.flexbox .con, html.flexbox .section2er .sectionB .modCon, .section2er .sectionB html.flexbox .modCon, html.flexbox .section2er .sectionB .modA, .section2er .sectionB html.flexbox .modA, html.flexbox .section2er .sectionB .modA .boxCon, .section2er .sectionB .modA html.flexbox .boxCon, html.flexbox .section21er .sectionZ .con, .section21er .sectionZ html.flexbox .con, html.flexbox .section21er .sectionZ .modCon, .section21er .sectionZ html.flexbox .modCon, html.flexbox .section21er .sectionZ .modA, .section21er .sectionZ html.flexbox .modA, html.flexbox .section21er .sectionZ .modA .boxCon, .section21er .sectionZ .modA html.flexbox .boxCon, html.flexbox .section21er:not(.hasSectionDetail), html.flexbox .section12er:not(.hasSectionDetail), html.flexbox .section21er:not(.hasSectionDetail) .sectionWrapperMain .lineWrapper, .section21er:not(.hasSectionDetail) .sectionWrapperMain html.flexbox .lineWrapper, html.flexbox .section21er:not(.hasSectionDetail) .lineWrapper .sectionZ, .section21er:not(.hasSectionDetail) .lineWrapper html.flexbox .sectionZ, html.flexbox .section21er:not(.hasSectionDetail) .sectionWrapperMain, .section21er:not(.hasSectionDetail) html.flexbox .sectionWrapperMain, html.flexbox .section12er:not(.hasSectionDetail) .sectionWrapperMain .lineWrapper, .section12er:not(.hasSectionDetail) .sectionWrapperMain html.flexbox .lineWrapper, html.flexbox .section12er:not(.hasSectionDetail) .lineWrapper .sectionZ, .section12er:not(.hasSectionDetail) .lineWrapper html.flexbox .sectionZ, html.flexbox .section12er:not(.hasSectionDetail) .sectionWrapperMain, .section12er:not(.hasSectionDetail) html.flexbox .sectionWrapperMain, html.flexbox .con:not(.conPinboard) .mod .boxCon .box, .con:not(.conPinboard) .mod .boxCon html.flexbox .box, html.flexbox .con:not(.conPinboard) .mod .boxCon .owl-item, .con:not(.conPinboard) .mod .boxCon html.flexbox .owl-item,
html.flexbox .con:not(.conPinboard) .mod .owl-stage .box,
.con:not(.conPinboard) .mod .owl-stage html.flexbox .box,
html.flexbox .con:not(.conPinboard) .mod .owl-stage .owl-item,
.con:not(.conPinboard) .mod .owl-stage html.flexbox .owl-item, html.flexbox .mod .box .teaser, .mod .box html.flexbox .teaser, html.flexbox .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .teaser, .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box html.flexbox .teaser, html.flexbox .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .innerTeaser, .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box html.flexbox .innerTeaser, html.flexbox .box.cssAvPlus .thumbSliderContainer .owl-item, .box.cssAvPlus .thumbSliderContainer html.flexbox .owl-item, html.flexbox .box.cssAvPlus .thumbSliderContainer .chapter, .box.cssAvPlus .thumbSliderContainer html.flexbox .chapter, html.flexbox .box.cssAvPlus .thumbSliderContainer .chapter .chapterInner, .box.cssAvPlus .thumbSliderContainer .chapter html.flexbox .chapterInner, html.flexbox .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .owl-stage .owl-item, .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .owl-stage html.flexbox .owl-item {
  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; }

html.flexbox .mod .box.boxImage.image1xN, .mod html.flexbox .box.boxImage.image1xN, html.flexbox .image1xN .mod .box.boxImage, .image1xN .mod html.flexbox .box.boxImage, html.flexbox .mod .box.boxImageSquare.image1xN, .mod html.flexbox .box.boxImageSquare.image1xN, html.flexbox .image1xN .mod .box.boxImageSquare, .image1xN .mod html.flexbox .box.boxImageSquare, html.flexbox .mod .cssVoting .formElement > div .form-button, .mod .cssVoting .formElement > div html.flexbox .form-button, html.flexbox .mod .cssVoting .form-success-values .form-button, .mod .cssVoting .form-success-values html.flexbox .form-button, html.flexbox .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent html.flexbox p {
  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; }

h3.conHeadline a[href]:after, #header .searchLayerToggle:before, #header button.nav-toggle:before, #footer .footer-bottom li a:after, html.view-xs #footer .footer-bottom h3:after, html.view-s #footer .footer-bottom h3:after, .closeBtn:before, .ui-checkbox.checked:after, html.js .ui-selectbox:before, #breadcrumb ul li:before, .searchLayerForm .formElement.checkbox input:checked + label:after, .sectionChannelHeader.isScrolling .section .channelTitle h2:before, .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds .nav-toggle:before, .ui-pieProgressWrapper .ui-pieProgress .icon-font:before, .ui-galleryControls .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-fixed .ui-social-btn, html.js .ui-collapsible .ui-collapsible-trigger:before, .ui-cal-menu ul li.search > *:before, .cssIpgMenu ul li.search > *:before, .ui-cal-menu ul li > *:before, .cssIpgMenu ul li > *:before, .ui-lightbox-footer ul li a:after, .ui-lightbox-footer ul.avCollapse li a.toggle:after, .icon-font, .mod .box.boxImage .teaserInfoWrapper:after, .mod .box.boxImageSquare .teaserInfoWrapper:after, .mod .collapseArrow:before, .mod .retentionInfo a:before, .mod .moreBtn:after, .mod .linklist li a:after, .mod .media .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, .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 .sectionWrapper.hasSectionDetail .sectionDetailPage h1 .headline:before, body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn:before, body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn:after, body.cssVideo h1 .headline:before, body.cssAudio h1 .headline:before, body.cssAudioSlideShow h1 .headline:before, .box.cssIpgHeader h2 .headline a:after, .box.cssIpgHeader h1 .headline a:after, .box.cssIpgFooter h2 .headline a:after, .box.cssIpgFooter h1 .headline a:after, .box.cssIpgHeader > a.prev:before, .box.cssIpgFooter > a.prev:before, .box.cssIpgHeader > a.next:after, .box.cssIpgFooter > a.next:after, .mod.cssBroadcastList.dayView h3.title:after, .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.dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before, .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before, .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before, .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before, .box.cssBroadcast .teaser .broadcastSpecs li.live:before, .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before, .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after, .mod .box.boxIpgTeaser .ipgHint a:after, .conMultiGroupWrapper .controls a.back:before, .conMultiGroupWrapper .controls a:after, .sportResults .conSports a.moreBtn:after, .sportResults .conSports a.moreBtn.reload:after, .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:before, html.view-xs .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before, html.view-s .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before, html.view-xs .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:before, html.view-s .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 h1 .headline:before, .box.cssCalendar.boxNormal > .teaser > .innerTeaser h4 .headline:before,
.box.cssCalendar.boxSpecial > .teaser > .innerTeaser h4 .headline:before, .conComments .comments p.commentTitle span:first-child:before, .radioPlayer .radioPlayerControls:before, .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:before, .radioPlayerWrapper .addControls .btn.popoutBtn:before, .radioPlayerWrapper .addControls .btn.infoBtn:before, .radioPlayerWrapper .addControls .btn.playlistBtn:before, .radioPlayerWrapper.brav-playing .radioPlayerControls:before, .radioPlayerWrapper.brav-paused .radioPlayerControls:before, html.view-xs .weatherInnerWrapper li:after, html.view-s .weatherInnerWrapper li:after, .weather-teaser .weatherInnerWrapper li:after, .weatherInnerWrapper li.link:after {
  font-family: 'mdricons';
  vertical-align: middle;
  display: inline-block; }

*, .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds > .nav-toggle:after, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds > .nav-toggle:after, .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: #0673b8;
    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.event100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000 {
  width: 32px;
  height: 16px;
  display: inline-block;
  background-position: 0 0;
  background-image: url(/resources/global/img/mdrde/sport/tickericons.svg); }

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

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

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

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

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

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

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

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

* {
  text-rendering: optimizeLegibility; }

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: #4f4f4f; }
  h3.conHeadline a[href] {
    margin-top: -1px; }
    h3.conHeadline a[href]:after {
      content: "";
      font-size: 0.875em;
      margin-left: 2px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    h3.conHeadline a[href]:focus:after {
      text-decoration: none; }

.sectionArticle h3.conHeadline {
  color: #313131; }

#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; }
  html.view-xs #header, html.view-s #header {
    margin-bottom: 0; }
  #header .logo {
    float: left;
    height: 41px;
    position: relative;
    left: 0;
    top: 8px; }
    #header .logo span {
      color: #084e99;
      font-weight: bold;
      display: block;
      margin-left: 16px;
      margin-top: 7px;
      float: left; }
    #header .logo img {
      float: left;
      width: 70px; }
  #header .searchLayerToggle {
    width: 50px;
    height: 41px;
    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 {
      background-color: #dfdfdf;
      color: #666; }
      #header .searchLayerToggle.open:before {
        content: ""; }
    #header .searchLayerToggle:before {
      content: "";
      font-size: 1.25em; }
  #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;
    float: left;
    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; }
    .view-s #header button.nav-toggle, .view-xs #header button.nav-toggle {
      display: block; }
  #header .navigation {
    float: none;
    font-size: 0.85em;
    z-index: 12;
    width: 100%;
    max-width: 1008px;
    margin: 0 auto;
    text-align: center; }
    #header .navigation ul.navigationTopClone {
      display: none; }
    html.view-xl #header .navigation {
      max-width: 1440px; }
    #header .navigation.navigationTop {
      background-color: #f9f9f9;
      padding: 0 6px;
      float: left;
      width: 100%;
      max-width: 100% !important;
      text-align: right;
      border-bottom: 1px solid #e1e1e1; }
      #header .navigation.navigationTop .navigationTopInner {
        margin: 0 auto;
        width: 100%;
        max-width: 1008px; }
        html.view-xl #header .navigation.navigationTop .navigationTopInner {
          max-width: 1440px; }
      #header .navigation.navigationTop ul {
        width: 50%;
        float: right;
        text-align: right; }
        #header .navigation.navigationTop ul li {
          width: auto;
          float: none;
          display: inline-block; }
          #header .navigation.navigationTop ul li a {
            padding-left: 12px;
            padding-right: 12px;
            border: 0 !important; }
            #header .navigation.navigationTop ul li a.searchLayerToggle {
              font-size: 1.1875em; }
              #header .navigation.navigationTop ul li a.searchLayerToggle:before {
                position: relative;
                top: -2px; }
      @media (min-width: 320px) and (max-width: 479px) {
        #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: 64px; }
          #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: 64px; }
          #header .navigation.navigationTop a.logo span {
            display: none; } }
      html.view-xs #header .navigation.navigationTop ul, html.view-s #header .navigation.navigationTop ul {
        width: auto; }
      html.view-xs #header .navigation.navigationTop .tv, html.view-xs #header .navigation.navigationTop .radio, html.view-xs #header .navigation.navigationTop .mediathek, html.view-s #header .navigation.navigationTop .tv, html.view-s #header .navigation.navigationTop .radio, html.view-s #header .navigation.navigationTop .mediathek {
        display: none; }
      html.view-xs #header .navigation.navigationTop a.logo {
        left: 64px; }
        html.view-xs #header .navigation.navigationTop a.logo span {
          display: none; }
    #header .navigation ul {
      display: inline-block;
      width: 100%;
      float: left; }
      #header .navigation ul li {
        float: left;
        position: relative;
        width: 11.9%; }
        #header .navigation ul li.sachsen-anhalt {
          width: 18.5%; }
        #header .navigation ul li.sport {
          width: 8.8%; }
        #header .navigation ul li.geschichte {
          width: 13%; }
        #header .navigation ul li.thueringen {
          width: 12.2%; }
        #header .navigation ul li.kultur {
          width: 9.5%; }
        #header .navigation ul li.nachrichten {
          width: 16%; }
        #header .navigation ul li.wissen {
          width: 10%; }
        #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; }
        html.no-touch #header .navigation ul li a:not(.open):hover, html.no-touch #header .navigation ul li a:focus {
          background-color: #f9f9f9;
          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 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: 320px) and (max-width: 479px) {
      #header .navigation:not(.navigationTop) {
        display: none; } }
    @media (min-width: 480px) and (max-width: 767px) {
      #header .navigation:not(.navigationTop) {
        display: none; } }
    .view-s #header .navigation, .view-xs #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; }
      .view-s #header .navigation:not(.navigationTop), .view-xs #header .navigation:not(.navigationTop) {
        position: absolute;
        left: -300px;
        display: block;
        background-color: #333;
        padding-left: 0;
        padding-right: 0;
        top: 48px;
        width: 200px;
        text-align: left;
        z-index: 10; }
        .view-s #header .navigation:not(.navigationTop) ul, .view-xs #header .navigation:not(.navigationTop) ul {
          overflow: hidden; }
        .view-s #header .navigation:not(.navigationTop):after, .view-xs #header .navigation:not(.navigationTop):after {
          position: absolute;
          width: 768px;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          content: "";
          opacity: 0;
          left: 200px;
          top: 0;
          display: none; }
        .view-s #header .navigation:not(.navigationTop).offcanvas, .view-xs #header .navigation:not(.navigationTop).offcanvas {
          left: 0; }
          .view-s #header .navigation:not(.navigationTop).offcanvas:after, .view-xs #header .navigation:not(.navigationTop).offcanvas:after {
            opacity: 1;
            display: block; }
        .view-s #header .navigation:not(.navigationTop) .navigationTopClone, .view-xs #header .navigation:not(.navigationTop) .navigationTopClone {
          display: block; }
        .view-s #header .navigation:not(.navigationTop) ul li:hover, .view-xs #header .navigation:not(.navigationTop) ul li:hover {
          background-color: #666; }
          .view-s #header .navigation:not(.navigationTop) ul li:hover:after, .view-xs #header .navigation:not(.navigationTop) ul li:hover:after {
            display: none; }
        .view-s #header .navigation:not(.navigationTop) ul li a, .view-xs #header .navigation:not(.navigationTop) ul li a {
          color: #f9f9f9;
          border: 0;
          padding-left: 8px;
          padding-right: 8px; }
  #header .searchLayer {
    float: right;
    width: auto;
    margin-bottom: 0;
    background-color: transparent; }
    #header .searchLayer .searchLayerContent {
      display: none;
      position: absolute;
      top: 39px;
      left: 0;
      width: 100%;
      z-index: 11;
      background-color: #dfdfdf;
      padding: 32px;
      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); }
      html.view-s #header .searchLayer .searchLayerContent, html.view-xs #header .searchLayer .searchLayerContent, html.view-m #header .searchLayer .searchLayerContent {
        padding: 8px; }
        html.view-s #header .searchLayer .searchLayerContent .searchLayerForm input.searchInput, html.view-xs #header .searchLayer .searchLayerContent .searchLayerForm input.searchInput, html.view-m #header .searchLayer .searchLayerContent .searchLayerForm input.searchInput {
          max-width: 380px;
          width: 100%;
          float: none;
          margin: 16px 16px 16px auto; }
      #header .searchLayer .searchLayerContent .searchInnerLayerWrapper {
        margin: 0 auto;
        max-width: 960px; }
      #header .searchLayer .searchLayerContent .searchLayerResult {
        margin-top: 24px;
        display: none;
        background-color: #ebebeb;
        min-height: 128px;
        padding: 0; }
        #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; }

#footer .footer-top {
  background-color: #f9f9f9;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 0;
  border-right: 0;
  padding: 22px 0; }
  #footer .footer-top .mdr {
    float: left;
    width: 60%; }
    #footer .footer-top .mdr img {
      float: left; }
    #footer .footer-top .mdr span {
      margin-left: 16px;
      margin-top: 8px;
      position: relative;
      top: 7px;
      line-height: 1.21; }
      #footer .footer-top .mdr span a {
        color: #0673b8; }
  #footer .footer-top ul {
    float: right;
    width: 40%;
    line-height: 2em;
    text-align: right; }
    #footer .footer-top ul li {
      display: inline-block;
      border-right: 1px solid #dcdcdc;
      padding-right: 8px;
      margin-right: 4px;
      line-height: 1em; }
      #footer .footer-top ul li:last-child {
        border: 0;
        padding-right: 0;
        margin-right: 0; }
  html.view-xs #footer .footer-top .mdr, html.view-xs #footer .footer-top ul, html.view-s #footer .footer-top .mdr, html.view-s #footer .footer-top ul, html.view-m #footer .footer-top .mdr, html.view-m #footer .footer-top ul {
    width: 100%;
    text-align: center; }
  html.view-xs #footer .footer-top .mdr img, html.view-s #footer .footer-top .mdr img, html.view-m #footer .footer-top .mdr img {
    float: none;
    display: inline-block;
    margin-left: 12px; }
  html.view-xs #footer .footer-top .mdr span, html.view-s #footer .footer-top .mdr span, html.view-m #footer .footer-top .mdr span {
    margin-top: 16px;
    display: block; }
  html.view-xs #footer .footer-top ul, html.view-s #footer .footer-top ul, html.view-m #footer .footer-top ul {
    margin-top: 32px;
    border-top: 1px solid #dcdcdc; }
#footer .footer-bottom {
  background-color: #f0f0f0; }
  #footer .footer-bottom .unitC {
    width: auto;
    min-width: 33.333%;
    border-left: 1px solid #c4c4c4;
    padding: 16px 12px 32px 12px; }
    #footer .footer-bottom .unitC:first-child {
      padding-left: 24px; }
    #footer .footer-bottom .unitC:last-child {
      padding-right: 24px;
      border-right: 1px solid #c4c4c4; }
  #footer .footer-bottom h3 {
    font-size: 1em;
    padding-bottom: 7px;
    margin-bottom: 24px;
    border-bottom: 1px solid #dcdcdc;
    display: block;
    text-align: left; }
  #footer .footer-bottom li a {
    padding-bottom: 7px;
    margin-bottom: 8px;
    border-bottom: 1px solid #dcdcdc;
    display: block;
    font-size: 0.875em; }
    #footer .footer-bottom li a:after {
      content: "";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    #footer .footer-bottom li a:focus:after {
      text-decoration: none; }
    #footer .footer-bottom li a:after {
      float: right; }
  html.view-xs #footer .footer-bottom .wrapper, html.view-s #footer .footer-bottom .wrapper {
    padding: 0;
    padding-bottom: 32px; }
  html.view-xs #footer .footer-bottom .unitC, html.view-s #footer .footer-bottom .unitC {
    padding: 0;
    border: 0;
    max-width: 100%;
    min-width: 100%;
    width: 100%; }
    html.view-xs #footer .footer-bottom .unitC h3, html.view-s #footer .footer-bottom .unitC h3 {
      padding: 10px 16px;
      margin-bottom: 0; }
    html.view-xs #footer .footer-bottom .unitC ul, html.view-s #footer .footer-bottom .unitC ul {
      margin-top: 16px;
      padding-left: 16px;
      padding-right: 16px;
      margin-bottom: 32px; }
    html.view-xs #footer .footer-bottom .unitC:not(.collapsed), html.view-s #footer .footer-bottom .unitC:not(.collapsed) {
      background-color: rgba(255, 255, 255, 0.5); }
  html.view-xs #footer .footer-bottom h3, html.view-s #footer .footer-bottom h3 {
    font-size: 1em;
    margin-bottom: 8px;
    border: 0; }
    html.view-xs #footer .footer-bottom h3:after, html.view-s #footer .footer-bottom h3:after {
      content: "";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    html.view-xs #footer .footer-bottom h3:focus:after, html.view-s #footer .footer-bottom h3:focus:after {
      text-decoration: none; }
    html.view-xs #footer .footer-bottom h3.collapsed, html.view-s #footer .footer-bottom h3.collapsed {
      border-bottom: 1px solid #dcdcdc; }
      html.view-xs #footer .footer-bottom h3.collapsed:after, html.view-s #footer .footer-bottom h3.collapsed:after {
        content: ""; }
    html.view-xs #footer .footer-bottom h3:after, html.view-s #footer .footer-bottom h3:after {
      float: right;
      color: #adadad;
      font-weight: normal; }
html.no-touch #footer a:hover {
  color: #0673b8; }

.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; }
  .closeBtn:focus:before {
    text-decoration: none; }

.ui-checkbox {
  position: relative;
  display: inline-block;
  float: left;
  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 #c4c4c4;
    -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;
    vertical-align: middle;
    display: inline; }
  .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 .ui-selectbox {
  position: relative;
  float: right;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
  padding: 4px 32px 4px 8px;
  min-height: 31px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  html.js .ui-selectbox:before {
    display: block;
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -12px; }
  html.js .ui-selectbox button {
    display: none; }
  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 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s 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; } }
#breadcrumb {
  clear: both;
  padding: 12px;
  font-size: 0.875em; }
  #breadcrumb > span {
    left: -999em;
    height: 0;
    position: relative;
    display: block; }
  #breadcrumb ul {
    display: inline-block; }
    #breadcrumb ul li {
      display: inline-block; }
      #breadcrumb ul li:before {
        content: "";
        font-size: 0.8em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      #breadcrumb ul li:focus:before {
        text-decoration: none; }
      #breadcrumb ul li:first-child:before {
        display: none; }
      #breadcrumb ul li:before {
        color: #fff; }
      #breadcrumb ul li a, #breadcrumb ul li span {
        color: #fff; }

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

.searchLayerForm {
  text-align: center; }
  .searchLayerForm input.searchInput {
    padding: 12px 16px;
    margin-right: 32px;
    margin-bottom: 16px;
    max-width: 632px;
    width: 100%;
    float: none; }
  .searchLayerForm .formElement {
    margin-bottom: 16px; }
    .searchLayerForm .formElement.checkbox {
      text-align: center;
      max-width: 320px;
      width: 100%;
      float: none;
      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;
        vertical-align: middle;
        display: inline; }
      .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;
        vertical-align: middle;
        display: inline; }
      .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 label {
      font-size: 0.875em; }
  .searchLayerForm button {
    float: none;
    width: 200px;
    padding: 12px 16px;
    background-color: #666;
    color: #fff;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer; }
    html.no-touch .searchLayerForm button:hover {
      background-color: #0673b8;
      color: #fff; }
    .searchLayerForm button:focus {
      background-color: #0673b8;
      color: #fff; }
  .view-xs .searchLayerForm, .view-s .searchLayerForm, .sectionC .searchLayerForm, .view-m .searchLayerForm, .sectionB .searchLayerForm {
    width: 100%; }
    .view-xs .searchLayerForm input[type="text"], .view-s .searchLayerForm input[type="text"], .sectionC .searchLayerForm input[type="text"], .view-m .searchLayerForm input[type="text"], .sectionB .searchLayerForm input[type="text"] {
      width: 100%;
      float: none;
      margin: 0 auto;
      margin-right: 0;
      max-width: 632px;
      margin-bottom: 16px; }
    .view-xs .searchLayerForm button, .view-s .searchLayerForm button, .sectionC .searchLayerForm button, .view-m .searchLayerForm button, .sectionB .searchLayerForm button {
      margin: 0 auto;
      float: none; }

.ui-thumbSlider {
  background-color: #f9f9f9;
  padding: 8px;
  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 {
    float: left;
    width: 100%;
    overflow: hidden !important; }
    html.flexbox .galleryTeaserSlider.owl-disabled .ui-thumbSlider .thumbSliderContainer {
      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; }
    .galleryTeaserSlider.owl-disabled .ui-thumbSlider .thumbSliderContainer .mediaCon {
      width: 12.5%;
      min-width: 12.5%;
      max-width: 12.5%; }
      html.view-xs .galleryTeaserSlider.owl-disabled .ui-thumbSlider .thumbSliderContainer .mediaCon, html.view-s .galleryTeaserSlider.owl-disabled .ui-thumbSlider .thumbSliderContainer .mediaCon, .sectionC .galleryTeaserSlider.owl-disabled .ui-thumbSlider .thumbSliderContainer .mediaCon, .modD .galleryTeaserSlider.owl-disabled .ui-thumbSlider .thumbSliderContainer .mediaCon, .modC .galleryTeaserSlider.owl-disabled .ui-thumbSlider .thumbSliderContainer .mediaCon {
        width: 33.333%;
        min-width: 33.333%;
        max-width: 33.333%; }
  .ui-thumbSlider .thumbSliderContainer {
    float: left;
    overflow: hidden; }
    .ui-thumbSlider .thumbSliderContainer .owl-stage-outer {
      overflow: visible; }
  .ui-thumbSlider .mediaCon {
    cursor: pointer;
    width: 10%;
    margin-bottom: 0 !important; }
    .ui-thumbSlider .mediaCon .media {
      padding: 8px; }
    .ui-thumbSlider .mediaCon.isLoaded {
      opacity: 1; }
      .ui-thumbSlider .mediaCon.isLoaded .media {
        background-color: #fff; }
    html.no-touch .ui-thumbSlider .mediaCon:hover {
      opacity: 1; }
      html.no-touch .ui-thumbSlider .mediaCon:hover .media {
        background-color: #fff; }
    .ui-thumbSlider .mediaCon .imageWrapper:before {
      padding-top: 100%; }
  .ui-thumbSlider .mediaInfo {
    display: none !important; }

.wrapperChannelNavigation {
  overflow: visible;
  width: 100% !important;
  max-width: 100% !important;
  float: left; }
  .wrapperChannelNavigation .sectionWrapper:not(.isScrolling) {
    background-color: transparent;
    float: none;
    margin: 0 auto !important; }
    html.view-l .wrapperChannelNavigation .sectionWrapper:not(.isScrolling) {
      width: 1008px !important; }
    html.view-xl .wrapperChannelNavigation .sectionWrapper:not(.isScrolling) {
      width: 1480px !important; }
    html.view-m .wrapperChannelNavigation .sectionWrapper:not(.isScrolling) {
      max-width: 1008px !important; }
    html.view-s .wrapperChannelNavigation .sectionWrapper:not(.isScrolling) {
      max-width: 768px !important; }
    html.view-xs .wrapperChannelNavigation .sectionWrapper:not(.isScrolling) {
      max-width: 480px !important; }
  .wrapperChannelNavigation.offcanvas {
    z-index: 1; }
  html.view-xs .wrapperChannelNavigation, html.view-s .wrapperChannelNavigation {
    min-height: 0;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none; }

.wrapper.additionalChannelNavigation .sectionWrapperMain {
  margin-top: 0; }
.wrapper.additionalChannelNavigation .sectionWrapper {
  margin-bottom: 0; }
.wrapper.additionalChannelNavigation .cssIpgSearchSlider {
  padding-top: 0;
  padding-bottom: 0; }
.wrapper.additionalChannelNavigation .con {
  margin-bottom: 0; }
.wrapper.additionalChannelNavigation .section {
  padding: 0; }
  .wrapper.additionalChannelNavigation .section .box .teaser {
    background-color: transparent;
    padding: 8px; }

body.isScrolling .sectionChannelHeader.placeHolderClone {
  display: block !important; }

.sectionChannelHeader {
  background-color: transparent;
  position: relative;
  z-index: 10; }
  .sectionChannelHeader.placeHolderClone {
    display: none !important; }
  .sectionChannelHeader .channelHeaderTeaser {
    position: absolute;
    text-indent: 0;
    right: 16px;
    top: 0;
    width: 290px;
    overflow: hidden;
    height: 100%;
    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; }
    .view-xs .sectionChannelHeader .channelHeaderTeaser, .view-s .sectionChannelHeader .channelHeaderTeaser {
      display: none; }
    .view-m .sectionChannelHeader .channelHeaderTeaser {
      width: 208px; }
    .view-xl .sectionChannelHeader .channelHeaderTeaser {
      width: 444px; }
  .sectionChannelHeader .box .teaser .teasertext, .sectionChannelHeader .box .teaser .moreBtn, .sectionChannelHeader .box .teaser .headline, .sectionChannelHeader .box .teaser .dachzeile {
    display: none; }
  .sectionChannelHeader .box .teaser .shortHeadline {
    display: block; }
  .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;
          cursor: pointer;
          font-size: 1.3em; }
          .sectionChannelHeader.isScrolling .section .channelTitle h2:before {
            content: "";
            margin-right: 8px;
            font-weight: 200;
            cursor: pointer;
            font-size: 1.1875em; }
      .sectionChannelHeader.isScrolling .section .cssProgramHintBox {
        display: none; }
  html.view-xs .sectionChannelHeader, html.view-s .sectionChannelHeader {
    top: 0;
    position: relative; }
  .sectionChannelHeader .section {
    background-color: #666;
    padding: 0; }
    .sectionChannelHeader .section .channelTitle {
      position: relative;
      padding: 16px; }
      .sectionChannelHeader .section .channelTitle h2 {
        color: #fff;
        font-size: 3em;
        text-transform: uppercase; }
    .sectionChannelHeader .section .channelNavigation {
      -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;
      border-top: 1px solid #666;
      border-left: 0;
      border-right: 0;
      position: relative !important;
      max-height: 37px;
      overflow: hidden; }
      html.js .sectionChannelHeader .section .channelNavigation {
        opacity: 0; }
        html.js .sectionChannelHeader .section .channelNavigation.ready {
          opacity: 1;
          position: relative !important; }
      .sectionChannelHeader .section .channelNavigation.ready {
        max-height: 100%;
        overflow: visible; }
      .sectionChannelHeader .section .channelNavigation ul.level1 {
        width: 100%;
        float: left;
        background-color: rgba(255, 255, 255, 0.5); }
        .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation {
          position: static; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .layerContentWrapper {
            position: relative;
            min-height: 200px; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .con a {
            border: 0;
            padding: 0; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .con .boxCon {
            padding-left: 64px;
            padding-right: 64px; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation ul.level2 {
            position: absolute;
            left: 0;
            top: 38px;
            width: 100%;
            background-color: #f9f9f9;
            display: none;
            max-width: 100%; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation.ui-tabs ul.level3 {
            display: block; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .ui-tabs {
            border: 0;
            border-bottom: 1px solid #dcdcdc; }
            .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .ui-tabs.collapsed {
              padding: 0; }
            .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .ui-tabs ul li a {
              padding: 8px;
              font-size: 1em; }
            .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .ui-tabs.layeredNaviBundle ul li a {
              -webkit-border-radius: 64px;
              -moz-border-radius: 64px;
              -ms-border-radius: 64px;
              border-radius: 64px;
              padding-left: 16px;
              padding-right: 16px; }
            .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .ui-tabs.layeredNaviBundleContent {
              background-color: #efefef;
              border-bottom: 1px solid #dcdcdc; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .layeredNavi ul {
            display: block;
            padding-left: 0; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation h3.conHeadline, .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .box .teasertext, .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .box .moreBtn, .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation h4, .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .linklist {
            display: none; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation h4.shortHeadline {
            display: block; }
          .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .controls.layered {
            padding: 0; }
            .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .controls.layered .owl-nav {
              display: block; }
          html.view-xs .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .layeredNaviBundleContent, html.view-xs .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .layerContentWrapper, html.view-s .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .layeredNaviBundleContent, html.view-s .sectionChannelHeader .section .channelNavigation ul.level1 .layeredNavigation .layerContentWrapper {
            display: none !important; }
        .sectionChannelHeader .section .channelNavigation ul.level1 > li {
          float: left;
          position: relative; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li > a, .sectionChannelHeader .section .channelNavigation ul.level1 > li > span {
            padding: 8px 16px;
            display: block;
            height: 37px;
            color: #000;
            font-weight: bold;
            text-transform: uppercase; }
            .sectionChannelHeader .section .channelNavigation ul.level1 > li > a:focus, .sectionChannelHeader .section .channelNavigation ul.level1 > li > span:focus {
              text-decoration: none; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > a, .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > span {
            background-color: #f9f9f9; }
            .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > a:after, .sectionChannelHeader .section .channelNavigation ul.level1 > li.open > span:after {
              position: absolute;
              bottom: -1px;
              left: 0;
              content: "";
              height: 1px;
              background-color: #f9f9f9;
              width: 100%;
              z-index: 1; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > a, .sectionChannelHeader .section .channelNavigation ul.level1 > li.active > span {
            background-color: #f9f9f9; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li.open ul.level2, .sectionChannelHeader .section .channelNavigation ul.level1 > li.open div.level2, .sectionChannelHeader .section .channelNavigation ul.level1 > li.open div.level2 ul {
            display: block; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li.open .nav-toggle {
            position: static;
            z-index: 0;
            border-bottom: 0; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li .nav-toggle {
            position: relative;
            z-index: 2;
            cursor: pointer;
            border-bottom: 1px solid #c4c4c4; }
            html.flexbox .sectionChannelHeader .section .channelNavigation ul.level1 > li .nav-toggle {
              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; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds .nav-toggle:before {
            content: "";
            margin-right: 4px;
            font-size: 0.875em; }
          .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds > .nav-toggle:after, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li.hasChilds > .nav-toggle:after {
            content: "Menü";
            position: absolute;
            top: 9px;
            left: 44px;
            height: auto;
            background-color: transparent; }
          .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn {
            border-left: 1px solid #c4c4c4;
            position: static;
            width: 50%; }
            .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn ul.level2, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn ul.level2 {
              width: 100%;
              max-width: 100%; }
              .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn ul.level2 .con, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn ul.level2 .con {
                margin-bottom: 0 !important; }
            .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn > .nav-toggle:after, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn > .nav-toggle:after {
              content: ""; }
            .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn > .nav-toggle:before, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li.infoBtn > .nav-toggle:before {
              content: ""; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li .active.hasChilds > .nav-toggle, .sectionChannelHeader .section .channelNavigation ul.level1 > li .active > a {
            background-color: #fff; }
          html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li li > .nav-toggle:hover, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 > li li > a:hover {
            background-color: #fff;
            text-decoration: none; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li li > .nav-toggle:focus, .sectionChannelHeader .section .channelNavigation ul.level1 > li li > a {
            text-decoration: none; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds.open > *:first-child {
            border-bottom: 1px solid #c4c4c4; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds.open > .nav-toggle:before {
            content: ""; }
            .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds.open > .nav-toggle:before, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds.open > .nav-toggle:before {
              content: ""; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds.open > ul, .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds.open > div.level2 {
            display: block; }
            .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds.open > ul li:first-child > *, .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds.open > div.level2 li:first-child > * {
              border-top: 0; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds .nav-toggle:before {
            color: #c4c4c4;
            content: "";
            float: right;
            margin-right: 0; }
            .view-xs .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds .nav-toggle:before, .view-s .sectionChannelHeader .section .channelNavigation ul.level1 > li .hasChilds .nav-toggle:before {
              content: ""; }
          .sectionChannelHeader .section .channelNavigation ul.level1 > li > ul {
            position: absolute;
            width: 318px;
            max-width: 318px;
            z-index: 1;
            top: 37px;
            left: 0;
            display: none;
            background-color: #f9f9f9;
            border-top: 0; }
            .sectionChannelHeader .section .channelNavigation ul.level1 > li > ul:not(.infoList) a, .sectionChannelHeader .section .channelNavigation ul.level1 > li > ul:not(.infoList) span.nav-toggle, .sectionChannelHeader .section .channelNavigation ul.level1 > li > ul:not(.infoList) span.noRef {
              border-top: 1px solid #c4c4c4;
              display: block;
              padding: 8px 16px; }
            .sectionChannelHeader .section .channelNavigation ul.level1 > li > ul > li:first-child > * {
              border-top: 0; }
            .sectionChannelHeader .section .channelNavigation ul.level1 > li > ul ul {
              padding-left: 20px;
              display: none; }
        html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 li > .nav-toggle:hover, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 li > a:hover,
        html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 li > .nav-toggle:focus, html.no-touch .sectionChannelHeader .section .channelNavigation ul.level1 li > a:focus {
          background-color: #f9f9f9;
          text-decoration: none; }
        .sectionChannelHeader .section .channelNavigation ul.level1 li > .nav-toggle:focus, .sectionChannelHeader .section .channelNavigation ul.level1 li > a {
          text-decoration: none; }
  .sectionChannelHeader.instantTeaserInSmall .moreToggle:not(.infoBtn) {
    width: 100% !important;
    z-index: 3; }
  .sectionChannelHeader.instantTeaserInSmall .infoBtn {
    width: 100% !important; }
  .sectionChannelHeader.instantTeaserInSmall .nav-infoToggle {
    display: none !important; }
  .sectionChannelHeader.instantTeaserInSmall ul.infoList {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    top: 0 !important; }
    .sectionChannelHeader.instantTeaserInSmall ul.infoList .con {
      margin-bottom: 0 !important; }

body.layeredNaviOpen .wrapperChannelNavigation {
  z-index: 102; }

.ui-pieProgressWrapper {
  position: absolute;
  right: 50px;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  z-index: 4;
  padding-right: 8px;
  border-right: 1px solid #c4c4c4;
  line-height: 0; }
  .ui-pieProgressWrapper .ui-pieProgress {
    text-align: center;
    background-color: transparent;
    display: inline-block;
    line-height: 1em; }
    .ui-pieProgressWrapper .ui-pieProgress:focus {
      outline: 1px dotted #c4c4c4; }
    .ui-pieProgressWrapper .ui-pieProgress .icon-font {
      width: 32px;
      height: auto;
      line-height: 1.1;
      top: 50%;
      margin-top: -11px;
      left: 50%;
      margin-left: -20px;
      position: absolute; }
      .ui-pieProgressWrapper .ui-pieProgress .icon-font:before {
        content: ""; }
      .ui-pieProgressWrapper .ui-pieProgress .icon-font.ui-pieProgress-start {
        display: none; }
        .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; }
    .ui-pieProgressWrapper .ui-pieProgress.paused .ui-pieProgress-pause {
      display: none; }
  .owl-noSlider .ui-pieProgressWrapper {
    right: 0;
    border-right: 0; }

.ui-galleryControls {
  text-align: center;
  padding: 0;
  height: 50px; }
  .ui-galleryControls a.prev, .ui-galleryControls a.next, .ui-galleryControls .galleryBtn, .ui-galleryControls .counter {
    display: inline-block;
    float: none !important;
    position: relative;
    right: auto;
    top: auto;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    color: #666; }
  .ui-galleryControls a.prev:before, .ui-galleryControls a.prev:after, .ui-galleryControls a.next:before, .ui-galleryControls a.next:after, .ui-galleryControls .galleryBtn:before, .ui-galleryControls .galleryBtn:after {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important; }
  .ui-galleryControls .galleryBtn {
    cursor: pointer;
    font-size: 2em;
    border-right: 1px solid #666;
    margin-right: 8px; }
    .ui-galleryControls .galleryBtn.sliderBtn {
      margin-left: 20px; }
    .ui-galleryControls .galleryBtn.gridBtn:before, .ui-galleryControls .galleryBtn.sliderBtn:before {
      content: "";
      margin: -11px 0 0 -16px; }
    .ui-galleryControls .galleryBtn.gridBtn {
      border-left: 1px solid #666; }
    .ui-galleryControls .galleryBtn.sliderBtn {
      border-right: 0; }
      .ui-galleryControls .galleryBtn.sliderBtn:before {
        height: 7px;
        overflow: hidden;
        margin-top: -2px; }
    .ui-galleryControls .galleryBtn.open {
      color: #fff; }
  .ui-galleryControls .counter {
    border: 1px solid #666;
    border-top: 0;
    border-bottom: 0;
    width: 100px;
    padding-top: 15px; }
  .ui-galleryControls a.next:after {
    margin: -13px 0 0 -14px; }
  .ui-galleryControls a.next.skip:after {
    content: "" !important; }
  .ui-galleryControls a.prev:before {
    margin: -13px 0 0 -18px; }
  .ui-galleryControls a.prev.skip:before {
    content: "" !important; }
  .ui-gallery-small .ui-galleryControls {
    padding-left: 0;
    padding-right: 0; }
    .ui-gallery-small .ui-galleryControls a.skip, .ui-gallery-small .ui-galleryControls .ui-pieProgress {
      display: none; }
    .ui-gallery-small .ui-galleryControls a.prev {
      float: left !important; }
    .ui-gallery-small .ui-galleryControls a.next {
      float: right !important; }
    .ui-gallery-small .ui-galleryControls .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: #f9f9f9;
    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: #f9f9f9; }
    .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: .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; }
  body.preview .ui-social-fixed:not(.stayInPlace) {
    bottom: 48px; }
  html.view-xs .wrapper > .ui-social-fixed:not(.stayInPlace), html.view-s .wrapper > .ui-social-fixed:not(.stayInPlace) {
    left: -999em; }
  .ui-social-fixed.stayInPlace {
    position: absolute;
    width: 100%;
    margin-left: 0 !important;
    padding: 8px;
    text-align: center;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5); }
    .ui-social-fixed.stayInPlace .ui-social-btn {
      border: 0; }
      html.view-xs .ui-social-fixed.stayInPlace .ui-social-btn {
        margin-right: 4px; }
      .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop {
        position: absolute;
        top: -43px;
        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; }
        .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;
          vertical-align: middle;
          display: inline; }
        .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: #c4c4c4;
        background-color: #fefefe;
        cursor: text;
        display: none; }
      .ui-social-fixed.stayInPlace .ui-social-btn.mail:before {
        left: 3px; }
  .ui-social-fixed .ui-social-btn * {
    background-color: #fefefe;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #313131;
    margin-right: 8px; }
    .ui-social-fixed .ui-social-btn *.ui-scrollToTop {
      display: none; }
  .loading .ui-social-fixed {
    display: none; }
  .ui-social-fixed .ui-social-links {
    opacity: 0;
    position: relative;
    display: inline-block; }
  .ui-social-fixed .ui-social-btn {
    cursor: pointer;
    display: inline-block;
    font-size: 2em;
    text-align: center;
    font-weight: normal; }
    .ui-social-fixed .ui-social-btn a {
      padding: 4px;
      width: 44px;
      height: 44px;
      display: inline-block;
      color: #fefefe;
      line-height: 1em; }
      .ui-social-fixed .ui-social-btn a:before {
        position: relative; }
      .ui-social-fixed .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-fixed .ui-social-btn.facebook a {
      background-color: #4c62a9;
      text-align: right; }
      .ui-social-fixed .ui-social-btn.facebook a:before {
        content: "";
        left: 4px; }
    .ui-social-fixed .ui-social-btn.twitter a {
      background-color: #30c2ff; }
      .ui-social-fixed .ui-social-btn.twitter a:before {
        content: "";
        left: 3px;
        top: -2px; }
    .ui-social-fixed .ui-social-btn.mail a {
      background-color: #666; }
      .ui-social-fixed .ui-social-btn.mail a:before {
        content: "";
        left: 1px;
        top: 1px; }
    .ui-social-fixed .ui-social-btn.print a {
      background-color: #666; }
      .ui-social-fixed .ui-social-btn.print a:before {
        content: "";
        left: 1px;
        top: 1px; }
    .ui-social-fixed .ui-social-btn.google a {
      background-color: #ea2222; }
      .ui-social-fixed .ui-social-btn.google a:before {
        content: "";
        left: 3px; }
    .ui-social-fixed .ui-social-btn.whatsapp a {
      background-color: #5fad2f; }
      .ui-social-fixed .ui-social-btn.whatsapp a:before {
        left: 1px;
        top: -1px;
        content: ""; }
    .ui-social-fixed .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-fixed .ui-social-btn.ui-social-trigger:before {
        content: ""; }
      .ui-social-fixed .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); }
  .ui-social-fixed.open:not(.stayInPlace) .ui-social-trigger:before {
    content: "";
    left: 1px; }

.ui-collapsible .collapseArrow {
  display: none !important; }
html.js .ui-collapsible .ui-collapsible-body {
  display: none; }
html.js .ui-collapsible .ui-collapsible-trigger {
  padding-right: 24px; }
  html.js .ui-collapsible .ui-collapsible-trigger.headline {
    font-size: 1.1875em; }
  html.js .ui-collapsible .ui-collapsible-trigger:before {
    position: absolute;
    color: #c4c4c4;
    right: 8px;
    margin-top: -1px;
    content: ""; }
  html.js .ui-collapsible .ui-collapsible-trigger:focus {
    background-color: #fefefe !important; }
.ui-collapsible .ui-collapsible-entry {
  float: left;
  width: 100%;
  margin-bottom: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #fefefe;
  border: 1px solid #c4c4c4; }
  .ui-collapsible .ui-collapsible-entry .ui-collapsible-trigger {
    padding: 8px;
    float: left;
    width: 100%;
    background-color: #fefefe; }
  .ui-collapsible .ui-collapsible-entry .ui-collapsible-body {
    background-color: #fefefe !important; }
    .ui-collapsible .ui-collapsible-entry .ui-collapsible-body .boxCon {
      background-color: transparent; }
  .ui-collapsible .ui-collapsible-entry.collapsed {
    background-color: transparent; }
    .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: #dcdcdc !important;
      background-color: #f0f0f0; }
    .ui-collapsible .ui-collapsible-entry.collapsed .ui-collapsible-trigger {
      background-color: transparent; }
      .ui-collapsible .ui-collapsible-entry.collapsed .ui-collapsible-trigger:before {
        content: ""; }
    .ui-collapsible .ui-collapsible-entry.collapsed .ui-collapsible-body {
      background-color: transparent; }
  .ui-collapsible .ui-collapsible-entry.disabled .ui-collapsible-trigger:before {
    display: none; }

.ui-cal.mod .box.open {
  top: -2px; }
  .ui-cal.mod .box.open form fieldset {
    background-color: #ebebeb; }
.ui-cal table {
  border-spacing: 0;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc; }
  .ui-cal table td > span > * {
    display: block;
    background-color: #f9f9f9;
    padding: 12px;
    border: 1px solid #dcdcdc;
    border-left: 0;
    border-top: 0;
    color: #313131;
    font-weight: bold;
    text-align: center; }
    html.view-xs .ui-cal table td > span > *, .sectionC .ui-cal table td > span > * {
      padding: 8px; }
    html.view-m .ui-cal table td > span > *, html.view-s .ui-cal table td > span > * {
      padding: 12px; }
  .ui-cal table td > span > a {
    color: #0673b8; }
  html.no-touch .ui-cal table td:not(.inactive) > span > a:hover {
    background-color: #fff;
    color: #0673b8; }
  .ui-cal table td.inactive > span > * {
    color: #dcdcdc; }
  .ui-cal table td.today > span > * {
    color: #313131;
    background-color: #dcdcdc; }
  .ui-cal table td.hasEntries > span > * {
    background-color: #f0f0f0; }
  .ui-cal table td.active > span > * {
    background-color: #fff;
    color: #0673b8; }

.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: .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: #f9f9f9; }
      .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 {
  text-align: center; }
  .boxCon.ui-cal-menu > ul, .boxCon.cssIpgMenu > ul {
    margin-bottom: 2px; }
  .ui-cal-menu ul, .cssIpgMenu ul {
    text-align: center;
    display: block; }
    .ui-cal-menu ul li, .cssIpgMenu ul li {
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.875em; }
      .ui-cal-menu ul li > *, .cssIpgMenu ul li > * {
        display: inline-block;
        background-color: #ebebeb;
        padding: 8px 12px;
        border: 1px solid #dcdcdc;
        border-bottom: 1px solid #ebebeb;
        position: relative;
        top: 1px;
        z-index: 2; }
        .ui-cal-menu ul li > *.collapsed, .cssIpgMenu ul li > *.collapsed {
          border: 1px solid #dcdcdc;
          background-color: transparent; }
      .ui-cal-menu ul li.search > *:before, .cssIpgMenu ul li.search > *:before {
        content: "";
        font-size: 1em;
        margin-right: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .ui-cal-menu ul li.search > *:focus:before, .cssIpgMenu ul li.search > *:focus:before {
        text-decoration: none; }
      .ui-cal-menu ul li > *:before, .cssIpgMenu ul li > *:before {
        content: "";
        font-size: 1em;
        margin-right: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .ui-cal-menu ul li > *:focus:before, .cssIpgMenu ul li > *: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 #dcdcdc; }
      .ui-cal-menu ul li .collapseArrow, .cssIpgMenu ul li .collapseArrow {
        display: none !important; }
  html.view-xs .ui-cal-menu, html.view-xs .cssIpgMenu, html.view-s .ui-cal-menu, html.view-s .cssIpgMenu {
    padding: 0 !important; }
    html.view-xs .ui-cal-menu ul, html.view-xs .cssIpgMenu ul, html.view-s .ui-cal-menu ul, html.view-s .cssIpgMenu ul {
      float: left;
      width: 100%; }
      html.view-xs .ui-cal-menu ul li, html.view-xs .cssIpgMenu ul li, html.view-s .ui-cal-menu ul li, html.view-s .cssIpgMenu ul li {
        width: 50%;
        float: left;
        display: table; }
        html.view-xs .ui-cal-menu ul li > *, html.view-xs .cssIpgMenu ul li > *, html.view-s .ui-cal-menu ul li > *, html.view-s .cssIpgMenu ul li > * {
          width: 100%;
          height: 38px;
          border-left: 0; }
        html.view-xs .ui-cal-menu ul li.cal > *, html.view-xs .cssIpgMenu ul li.cal > *, html.view-s .ui-cal-menu ul li.cal > *, html.view-s .cssIpgMenu ul li.cal > * {
          display: table-cell;
          vertical-align: middle; }
        html.view-xs .ui-cal-menu ul li.search > *, html.view-xs .cssIpgMenu ul li.search > *, html.view-s .ui-cal-menu ul li.search > *, html.view-s .cssIpgMenu ul li.search > * {
          border-left: 0;
          border-right: 0; }
        html.view-xs .ui-cal-menu ul li.today, html.view-xs .cssIpgMenu ul li.today, html.view-s .ui-cal-menu ul li.today, html.view-s .cssIpgMenu ul li.today {
          display: none; }

.ui-tabs {
  text-align: center; }
  .ui-tabs ul {
    display: inline-block; }
    .ui-tabs ul li {
      display: inline-block;
      padding: 0 4px; }
      .ui-tabs ul li a {
        padding: 8px;
        display: inline-block;
        border: 1px solid #c4c4c4;
        top: 1px;
        position: relative;
        border-bottom: 1px solid #f9f9f9;
        border-bottom: 0;
        color: #0673b8;
        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 #c4c4c4;
    border-bottom: 0;
    padding: 16px;
    text-align: left; }
    .ui-tabs-tagView .ui-tabs .section {
      padding: 0 !important; }
    .ui-tabs-tagView .ui-tabs ul li a {
      border: 1px solid #c4c4c4;
      margin-bottom: 8px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }

.ui-tabs-tagView .section {
  padding: 0 !important; }
  .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: #f9f9f9; }
  .sectionWrapperTabbed .section {
    width: 100% !important; }
  .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; }
  .sectionWrapperTabbed.ui-tabs-layered .ui-collapsible-entry {
    margin-bottom: 16px; }
  .sectionWrapperTabbed .ui-tabs ul li a:not(.collapsed) {
    background-color: #f9f9f9; }

.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;
          vertical-align: middle;
          display: inline; }
        .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: 8px;
          text-decoration: none;
          vertical-align: middle;
          display: inline; }
        .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: #0673b8; }
        .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: #f9f9f9; }
  .ui-recommendLayer h2 {
    padding: 12px 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #dcdcdc; }
  .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;
  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: #0673b8; }
    html.no-touch #content .ui-tooltipWrapper .closeBtn:hover {
      color: #0673b8; }
  #content .ui-tooltipWrapper h1 .headline {
    margin-bottom: 0; }
  #content .ui-tooltipWrapper .con {
    opacity: 0;
    animation: animationFrames ease-in .2s .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; }

@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"), local("OpenSans"), 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"); }
body #content {
  margin-bottom: 0; }
  body #content .wrapper {
    padding-bottom: 121px; }

.sectionWrapper {
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 16px; }
  html.view-xs .sectionWrapper, html.view-s .sectionWrapper {
    background-color: transparent !important;
    margin-bottom: 0; }
  .sectionWrapper .sectionTitle .con {
    background-color: transparent; }

.section.sectionTitle {
  padding: 0; }
.section .con.conFlexLoad, .section .con.conPinboard {
  background-color: #f9f9f9; }
.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 h3.conHeadline {
  background-color: #f9f9f9; }

html.flexbox .section21er:not(.hasSectionDetail), html.flexbox .section12er:not(.hasSectionDetail) {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

html.view-xs .hideInSmallViews, html.view-s .hideInSmallViews {
  display: none !important; }

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

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

.sectionWrapper.hasSectionDetail {
  background-color: transparent; }
  .sectionWrapper.hasSectionDetail .section.sectionDetailPage {
    padding: 0;
    padding-bottom: 40px; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage h3.conHeadline {
      margin-bottom: 24px; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con:not(.conInline) .box:not(.dossierNavigation) {
      margin-bottom: 0; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con:first-of-type {
      padding-top: 16px; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline {
      margin-bottom: 16px; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .modA .box:not(.dossierNavigation) {
      padding: 0 8px; }
      html.view-l .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .modA .box:not(.dossierNavigation), html.view-xl .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .modA .box:not(.dossierNavigation) {
        padding: 0 32px; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi {
      background-color: #dfe3e5;
      margin-bottom: 32px;
      border-bottom: 1px solid #c4c4c4;
      border-top: 1px solid #c4c4c4;
      padding-top: 16px !important;
      padding-bottom: 32px !important; }
      .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .controls.sliding {
        padding: 0;
        border-bottom: 1px solid #c4c4c4;
        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: #c4c4c4; }
    .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: #f0f0f0; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxSmall .teaser, .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal .teaser {
      padding: 20px; }
      html.view-xs .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxSmall .teaser, html.view-s .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxSmall .teaser, html.view-xs .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal .teaser, html.view-s .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal .teaser {
        padding: 8px; }
  .sectionWrapper.hasSectionDetail .section .con h3.conHeadline {
    border-bottom: 1px solid #c4c4c4; }
  .sectionWrapper.hasSectionDetail .sectionTitle {
    background-color: #e9e9ea;
    border-bottom: 1px solid #c4c4c4;
    padding: 0; }
  .sectionWrapper.hasSectionDetail .sectionWrapperRelated {
    border-left: 1px solid #c4c4c4; }
    .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section {
      padding-top: 8px; }
      html.view-xl .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section, html.view-l .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section {
        padding-right: 8px;
        padding-left: 8px; }
    html.view-xs .sectionWrapper.hasSectionDetail .sectionWrapperRelated, html.view-s .sectionWrapper.hasSectionDetail .sectionWrapperRelated {
      border-left: 0; }
      html.view-xs .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section, html.view-s .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section {
        padding-left: 8px;
        padding-right: 8px; }
  .sectionWrapper.hasSectionDetail .sectionWrapperMain, .sectionWrapper.hasSectionDetail .sectionWrapperRelated {
    margin-top: 0;
    background-color: #f9f9f9; }
    .sectionWrapper.hasSectionDetail .sectionWrapperMain .con, .sectionWrapper.hasSectionDetail .sectionWrapperRelated .con {
      background-color: transparent; }

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; }
  noscript .error p span, .wrapper.browserupgrade p span {
    font-style: italic; }

html.view-xs .mod .box.boxImage:not(.noStandardFallback), html.view-s .mod .box.boxImage:not(.noStandardFallback), .sectionC .mod .box.boxImage:not(.noStandardFallback), .sectionB .mod .box.boxImage:not(.noStandardFallback), html.view-xs .mod .box.boxImageSquare:not(.noStandardFallback), html.view-s .mod .box.boxImageSquare:not(.noStandardFallback), .sectionC .mod .box.boxImageSquare:not(.noStandardFallback), .sectionB .mod .box.boxImageSquare:not(.noStandardFallback), .mod .box.boxImage.noImage:not(.noStandardFallback), .mod .box.boxImageSquare.noImage:not(.noStandardFallback), .mod.modB .box.boxImageSquare:not(.noStandardFallback), .mod.modB .box.boxImage:not(.noStandardFallback), .mod.modC .box.boxImageSquare:not(.noStandardFallback), .mod.modC .box.boxImage:not(.noStandardFallback), .mod.modD .box.boxImageSquare:not(.noStandardFallback), .mod.modD .box.boxImage:not(.noStandardFallback), .mod.modE .box.boxImageSquare:not(.noStandardFallback), .mod.modE .box.boxImage:not(.noStandardFallback) {
  padding-bottom: 8px; }
  html.view-xs .mod .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-s .mod .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .sectionC .mod .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .sectionB .mod .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-xs .mod .layerTopRight.box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, html.view-s .mod .layerTopRight.box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .sectionC .mod .layerTopRight.box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .sectionB .mod .layerTopRight.box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .mod .layerTopRight.box.boxImage.noImage:not(.noStandardFallback) .teaserInfoWrapper, .mod .layerTopRight.box.boxImageSquare.noImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modB .layerTopRight.box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .mod.modB .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modC .layerTopRight.box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .mod.modC .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modD .layerTopRight.box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .mod.modD .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modE .layerTopRight.box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .mod.modE .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper {
    top: 0; }
  html.view-xs .mod .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, html.view-s .mod .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, .sectionC .mod .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, .sectionB .mod .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, html.view-xs .mod .cssAv.box.boxImageSquare:not(.noStandardFallback) .mediaCon .icon-font, html.view-s .mod .cssAv.box.boxImageSquare:not(.noStandardFallback) .mediaCon .icon-font, .sectionC .mod .cssAv.box.boxImageSquare:not(.noStandardFallback) .mediaCon .icon-font, .sectionB .mod .cssAv.box.boxImageSquare:not(.noStandardFallback) .mediaCon .icon-font, .mod .cssAv.box.boxImage.noImage:not(.noStandardFallback) .mediaCon .icon-font, .mod .cssAv.box.boxImageSquare.noImage:not(.noStandardFallback) .mediaCon .icon-font, .mod.modB .cssAv.box.boxImageSquare:not(.noStandardFallback) .mediaCon .icon-font, .mod.modB .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, .mod.modC .cssAv.box.boxImageSquare:not(.noStandardFallback) .mediaCon .icon-font, .mod.modC .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, .mod.modD .cssAv.box.boxImageSquare:not(.noStandardFallback) .mediaCon .icon-font, .mod.modD .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, .mod.modE .cssAv.box.boxImageSquare:not(.noStandardFallback) .mediaCon .icon-font, .mod.modE .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font {
    display: block !important; }
  html.view-xs .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-s .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .sectionC .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .sectionB .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, html.view-xs .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, html.view-s .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .sectionB .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .mod .box.boxImage.noImage:not(.noStandardFallback) .teaserInfoWrapper, .mod .box.boxImageSquare.noImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modB .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .mod.modB .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .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;
    float: left;
    width: 100%;
    top: 0;
    background-color: transparent;
    color: #313131;
    z-index: 0; }
    html.view-xs .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, html.view-s .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .sectionC .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .sectionB .mod .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, html.view-xs .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *, html.view-s .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .sectionB .mod .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod .box.boxImage.noImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod .box.boxImageSquare.noImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod.modB .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod.modB .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .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 .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 {
  float: none;
  margin-top: 0; }
.mod .box .linklist {
  padding: 8px; }
  .mod .box .linklist li {
    background-color: #fefefe; }
.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.boxSpecial .teaser .teaserInfoWrapper {
  margin: 0; }
.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.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 {
    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; }
  .mod .box.boxImage .shortInfos, .mod .box.boxImageSquare .shortInfos {
    margin-bottom: 0;
    margin-top: 0; }
  .mod .box.boxImage .teaser, .mod .box.boxImageSquare .teaser {
    padding: 0; }
  .mod .box.boxImage .innerTeaser, .mod .box.boxImageSquare .innerTeaser {
    float: left;
    width: 100%;
    position: relative; }
  .mod .box.boxImage .teaserInfoWrapper, .mod .box.boxImageSquare .teaserInfoWrapper {
    position: absolute;
    bottom: 0;
    padding: 16px !important;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    width: 100%;
    padding-right: 52px !important; }
    .mod .box.boxImage .teaserInfoWrapper:after, .mod .box.boxImageSquare .teaserInfoWrapper:after {
      content: "";
      font-size: 1.1875em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .mod .box.boxImage .teaserInfoWrapper:focus:after, .mod .box.boxImageSquare .teaserInfoWrapper:focus:after {
      text-decoration: none; }
    .mod .box.boxImage .teaserInfoWrapper:after, .mod .box.boxImageSquare .teaserInfoWrapper:after {
      position: absolute;
      right: 16px;
      top: 50%; }
    .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; }
  .mod .box.boxImage.noText .teaserInfoWrapper, .mod .box.boxImageSquare.noText .teaserInfoWrapper {
    display: none !important; }
  .mod .box.boxImage.fullHeadlineText .teaserInfoWrapper .shortInfos .headline, .mod .box.boxImage.fullHeadlineText .teaserInfoWrapper .shortInfos .dachzeile, .mod .box.boxImageSquare.fullHeadlineText .teaserInfoWrapper .shortInfos .headline, .mod .box.boxImageSquare.fullHeadlineText .teaserInfoWrapper .shortInfos .dachzeile {
    display: block !important; }
  .mod .box.boxImage.fullHeadlineText .teaserInfoWrapper .shortInfos .shortHeadline, .mod .box.boxImageSquare.fullHeadlineText .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;
      display: block;
      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 .mediaCon {
  margin-bottom: 0; }
.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;
    float: left;
    width: 100%; }
.mod .box.cssBoxTeaserBundle .teaserInfoWrapper {
  margin: 0;
  padding: 8px; }
.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 .box.cssBoxTeaserBundle .linklist {
  padding: 0; }
.mod.modD .box.boxImageSquare .teaserInfoWrapper, .mod.modD .box.boxImage .teaserInfoWrapper, .mod.modE .box.boxImageSquare .teaserInfoWrapper, .mod.modE .box.boxImage .teaserInfoWrapper {
  padding-right: 16px !important; }
.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 .mediaCon, .sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon {
  max-width: 50%;
  padding-right: 24px;
  margin-bottom: 24px; }
.sectionA .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper, .sectionZ .con:not(.conPinboard) .modA .box.boxNormal:not(.boxSpecial) .teaserInfoWrapper {
  padding: 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 .linklist, .sectionZ .con:not(.conPinboard) .modA .boxBig .linklist {
    padding: 8px; }
  .sectionA .con:not(.conPinboard) .modA .boxBig .shortInfos, .sectionZ .con:not(.conPinboard) .modA .boxBig .shortInfos {
    width: 100%; }
.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) .teaser, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaser, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaser, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaser {
  padding: 8px; }
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper {
  padding: 0; }
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .shortInfos, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .shortInfos, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .shortInfos, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .shortInfos {
  margin-top: 0; }
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .linklist, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .linklist, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .linklist, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .linklist {
  padding: 0; }
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper, .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper > .shortInfos, .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper > .teasertext, .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .moreBtn, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper > .shortInfos, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper > .teasertext, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .moreBtn, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper > .shortInfos, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper > .teasertext, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .moreBtn, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper > .shortInfos, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper > .teasertext, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .moreBtn {
  float: none;
  clear: right;
  width: auto;
  overflow: hidden;
  text-align: left; }
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .moreBtn, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .moreBtn, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .moreBtn, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .moreBtn {
  text-align: center;
  overflow: visible; }
.sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper > .teasertext, .sectionA .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper > .teasertext, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper > .teasertext, .sectionZ .con:not(.conPinboard) .modA .boxNormal:not(.boxSpecial) .teaserInfoWrapper, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper > .teasertext, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .teaserInfoWrapper {
  overflow: visible; }
.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%; }

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

.mod .boxBig .teaser {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }
  .mod .boxBig .teaser .teaserInfoWrapper {
    padding-left: 16px;
    padding-right: 16px; }
.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; }

.view-xs .section .mod .box.boxSpecial.standardTeaserLteM .teaser.special, .view-s .section .mod .box.boxSpecial.standardTeaserLteM .teaser.special,
.view-m .sectionB .mod .box.boxSpecial.standardTeaserLteM .teaser.special, .view-m .sectionC .mod .box.boxSpecial.standardTeaserLteM .teaser.special {
  display: none; }
.view-xs .section .mod .box.boxSpecial.standardTeaserLteM .teaser.standard, .view-s .section .mod .box.boxSpecial.standardTeaserLteM .teaser.standard,
.view-m .sectionB .mod .box.boxSpecial.standardTeaserLteM .teaser.standard, .view-m .sectionC .mod .box.boxSpecial.standardTeaserLteM .teaser.standard {
  display: block; }

.view-m .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.special, .view-m .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserTitle, .view-m .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserList {
  display: none; }
.view-m .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.standard {
  display: block; }

.view-xs .section .con .mod .box.boxSpecial.standardTeaserLteS .teaser.special, .view-xs .section .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserTitle, .view-xs .section .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserList, .view-xs .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.special, .view-xs .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserTitle, .view-xs .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserList, .view-s .section .con .mod .box.boxSpecial.standardTeaserLteS .teaser.special, .view-s .section .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserTitle, .view-s .section .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserList, .view-s .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.special, .view-s .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserTitle, .view-s .section .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserList, .view-m .sectionC .con .mod .box.boxSpecial.standardTeaserLteS .teaser.special, .view-m .sectionC .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserTitle, .view-m .sectionC .con .mod .box.boxSpecial.standardTeaserLteS .mmgTeaserList, .view-m .sectionC .con .mod .box.boxSpecial.standardTeaserLteM .teaser.special, .view-m .sectionC .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserTitle, .view-m .sectionC .con .mod .box.boxSpecial.standardTeaserLteM .mmgTeaserList {
  display: none; }
.view-xs .section .con .mod .box.boxSpecial.standardTeaserLteS .teaser.standard, .view-xs .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.standard, .view-s .section .con .mod .box.boxSpecial.standardTeaserLteS .teaser.standard, .view-s .section .con .mod .box.boxSpecial.standardTeaserLteM .teaser.standard, .view-m .sectionC .con .mod .box.boxSpecial.standardTeaserLteS .teaser.standard, .view-m .sectionC .con .mod .box.boxSpecial.standardTeaserLteM .teaser.standard {
  display: block; }
.view-xs .section .con .mod .box.boxSmall .innerTeaser .mediaCon, .view-xs .section .con .mod .box.boxSmall .innerTeaser .teaserInfoWrapper, .view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, .view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teaserInfoWrapper, .view-s .section .con .mod .box.boxSmall .innerTeaser .mediaCon, .view-s .section .con .mod .box.boxSmall .innerTeaser .teaserInfoWrapper, .view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, .view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teaserInfoWrapper, .view-m .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon, .view-m .sectionC .con .mod .box.boxSmall .innerTeaser .teaserInfoWrapper, .view-m .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, .view-m .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teaserInfoWrapper {
  max-width: 100%;
  width: 100%; }
.view-xs .section .con .mod .box.boxSmall .innerTeaser .mediaCon, .view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, .view-s .section .con .mod .box.boxSmall .innerTeaser .mediaCon, .view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon, .view-m .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon, .view-m .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon {
  padding-right: 0;
  margin-bottom: 16px; }
.view-xs .section .con .mod .box.boxSmall .innerTeaser .mediaCon .imageWrapper:before, .view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon .imageWrapper:before, .view-s .section .con .mod .box.boxSmall .innerTeaser .mediaCon .imageWrapper:before, .view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon .imageWrapper:before, .view-m .sectionC .con .mod .box.boxSmall .innerTeaser .mediaCon .imageWrapper:before, .view-m .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .mediaCon .imageWrapper:before {
  padding-top: 37.5%; }
.view-xs .section .con .mod .box.boxSmall .innerTeaser .shortInfos, .view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .shortInfos, .view-s .section .con .mod .box.boxSmall .innerTeaser .shortInfos, .view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .shortInfos, .view-m .sectionC .con .mod .box.boxSmall .innerTeaser .shortInfos, .view-m .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .shortInfos {
  margin-top: 0; }
.view-xs .section .con .mod .box.boxSmall .innerTeaser .shortInfos, .view-xs .section .con .mod .box.boxSmall .innerTeaser .teasertext, .view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .shortInfos, .view-xs .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teasertext, .view-s .section .con .mod .box.boxSmall .innerTeaser .shortInfos, .view-s .section .con .mod .box.boxSmall .innerTeaser .teasertext, .view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .shortInfos, .view-s .section .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teasertext, .view-m .sectionC .con .mod .box.boxSmall .innerTeaser .shortInfos, .view-m .sectionC .con .mod .box.boxSmall .innerTeaser .teasertext, .view-m .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .shortInfos, .view-m .sectionC .con .mod .box.boxNormal:not(.boxSpecial) .innerTeaser .teasertext {
  width: 100%;
  float: left; }

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.modSlideable .boxCon {
  background-color: #f9f9f9; }

.mod .headline, .mod .dachzeile {
  width: 100%;
  margin-bottom: 8px;
  float: left; }
.mod h1 .headline {
  font-size: 2em;
  margin-bottom: 40px;
  font-weight: 500;
  line-height: 1.21; }
.mod .teaser {
  -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;
  padding: 0; }
.mod.modA .box {
  background-color: #f9f9f9;
  margin-bottom: 1px; }
.mod.modB .boxCon, .mod.modC .boxCon, .mod.modD .boxCon, .mod.modE .boxCon {
  background-color: #f9f9f9; }
.mod.modB .teaser, .mod.modC .teaser, .mod.modD .teaser, .mod.modE .teaser {
  background-color: rgba(0, 0, 0, 0.05); }
.mod .controls.sliding {
  background-color: #f9f9f9; }
.mod .ressort {
  float: none;
  margin-bottom: 0;
  font-size: 1em;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.01);
  display: none; }
  .showRessort .mod .ressort {
    display: block; }
.mod hr.divider {
  margin: 16px 0;
  background-color: #dcdcdc;
  height: 1px; }
.mod .timestamp {
  border-top: 1px solid #dcdcdc;
  padding-top: 16px;
  margin-top: 16px;
  font-size: 0.875em; }
.mod .collapseArrow {
  margin-top: -8px; }
  .mod .collapseArrow:before {
    content: "";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .mod .collapseArrow:focus:before {
    text-decoration: none; }
.mod h1 .headline {
  display: block; }
.mod .dachzeile, .mod .date:not(input), .mod .channel, .mod .broadcastSeriesTitle {
  margin-bottom: 7px;
  font-size: 0.9375em;
  font-weight: normal;
  display: block; }
.mod .teasertext {
  margin-bottom: 16px; }
.mod .shortInfos {
  margin-top: 16px;
  margin-bottom: 10px; }
.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.333em; }
  .mod h4 .headline a {
    display: block; }
.mod .mediaInfo {
  display: none;
  float: left;
  width: 100%;
  padding: 5px 7px 7px 7px;
  background-color: #f9f9f9;
  font-size: 0.875em; }
.mod .retentionInfo {
  font-size: 0.875em;
  float: left;
  display: inline-block;
  color: #313131;
  font-weight: bold;
  position: relative;
  z-index: 1;
  padding: 8px 8px 0 8px;
  margin: 11px 0 5px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  line-height: 1.21; }
  .mod .retentionInfo a {
    margin-left: 4px;
    color: #313131;
    line-height: 0; }
    .mod .retentionInfo a:before {
      content: "";
      font-size: 1.21em;
      margin-right: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .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: #c4c4c4; }
.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 #c4c4c4;
  color: #313131;
  text-transform: uppercase;
  font-size: 1.1875em;
  border-bottom-color: #dcdcdc; }
.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 #c4c4c4;
  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: #ebebeb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
  padding: 4px 32px;
  display: inline-block;
  font-size: 0.875em; }
.mod .av-playerContainer .mediaInfo {
  display: none !important; }
.mod .moreBtn {
  position: relative;
  display: block;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 16px;
  color: #6f6f6f;
  font-size: 0.875em;
  line-height: 1em; }
  .mod .moreBtn:after {
    margin-left: 2px;
    content: "";
    font-weight: normal;
    display: inline-block;
    margin-top: -2px; }
  .mod .moreBtn:focus {
    color: #0673b8;
    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 a:after {
  content: "";
  font-size: 1em;
  margin-left: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
.mod .linklist li a:focus:after {
  text-decoration: none; }
.mod .linklist li a.active a:after {
  display: block; }
.mod .linklist li a:after {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -10px;
  display: block;
  color: #dcdcdc; }
.mod .linklist li a .linkTextAdditional {
  font-size: 0.875em;
  display: block;
  margin-top: 4px; }
html.no-touch .mod .linklist li a:hover:after {
  display: block;
  color: #0673b8; }
.mod .linklist li.active a:after {
  display: block; }
.mod .teaserInfoWrapper {
  float: left;
  width: 100%;
  padding: 0 15px;
  margin-top: 16px; }
.mod .docName:before {
  content: " | "; }
.mod .media .icon-font {
  font-size: 1.5em;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 12px;
  display: none; }
.mod .mediaCon {
  z-index: 2; }
  .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; }
  .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); }
      .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; }
        .mod .linklist .list li a .linktext, .mod .linklist .list li > span .linktext, .mod .linklist .list li > div .linktext {
          display: block;
          position: relative;
          overflow: hidden; }
        .mod .linklist .list li a .linktext:before, .mod .linklist .list li > span .linktext:before, .mod .linklist .list li > div .linktext:before {
          float: left;
          margin-right: 8px; }
      .mod .linklist .list li > a {
        padding-right: 24px; }
      .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.modD .teaserInfoWrapper, .mod.modD .time, .mod.modC .teaserInfoWrapper, .mod.modC .time, .mod.modE .teaserInfoWrapper, .mod.modE .time, .sectionC .mod .teaserInfoWrapper, .sectionC .mod .time {
  padding: 0 11px; }

.controls {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 7px 12px 8px 12px;
  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; }
        html.view-xs .controls.layered .buttons a.prev, .html.view-s .controls.layered .buttons a.prev, html.view-xs .controls.layered .buttons a.next, .html.view-s .controls.layered .buttons a.next {
          left: 8px; }
      .controls.layered .buttons a.next {
        left: auto;
        right: 16px; }
        html.view-xs .controls.layered .buttons a.next, .html.view-s .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;
      height: 32px; }
      .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.sliding a.prev, .controls.sliding a.next {
    top: 3px; }
  .controls a.prev, .controls a.next {
    z-index: 2;
    float: left;
    position: relative;
    min-width: 34px;
    min-height: 30px; }
    .controls a.prev:focus, .controls a.next:focus {
      color: #0673b8;
      text-decoration: none; }
    html.no-touch .controls a.prev:hover, html.no-touch .controls a.next:hover {
      color: #0673b8; }
  .controls a.prev:before {
    content: "";
    font-size: 1.21em;
    margin-right: 0;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .controls a.prev:focus:before {
    text-decoration: none; }
  .controls a.prev:before {
    line-height: 1.5em; }
  .controls a.next {
    float: right;
    text-align: right; }
    .controls a.next:after {
      line-height: 1.5em; }
    .controls a.next:after {
      content: "";
      font-size: 1.21em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .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; }

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

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

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

.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: #0673b8;
  text-decoration: none !important; }
.no-touch .section .mod .box.boxSmall:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser,
.no-touch .section .mod .box.boxBig:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser,
.no-touch .section .mod .box.boxNormal:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .teaser {
  background-color: rgba(0, 0, 0, 0.03); }
.no-touch .section .mod .box.boxSmall:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .moreBtn,
.no-touch .section .mod .box.boxBig:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .moreBtn,
.no-touch .section .mod .box.boxNormal:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover .moreBtn {
  color: #0673b8; }
.no-touch .section .mod .box .linklist ul li:hover {
  background-color: #fff; }
  .no-touch .section .mod .box .linklist ul li:hover a {
    color: #0673b8; }

.mod.modParagraph .firstMediaFull {
  display: none; }
.mod.modParagraph .dachzeile {
  margin-bottom: 24px;
  margin-top: 8px; }
.mod.modParagraph .einleitung, .mod.modParagraph .jumpLabelList, .mod.modParagraph .author {
  margin-bottom: 33px; }
.mod.modParagraph .author {
  margin-bottom: 36px; }
.mod.modParagraph p.text + .mediaCon {
  margin-top: 16px; }
.mod.modParagraph p.subtitle {
  margin-bottom: 40px;
  margin-top: -24px;
  font-size: 1.3em; }
.mod.modParagraph h3.headline, .mod.modParagraph h3.subtitle {
  font-size: 1.3em;
  margin-bottom: 16px; }
.mod.modParagraph .mediaCon {
  padding-right: 0 !important; }
  .mod.modParagraph .mediaCon.mediaFull {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 16px; }
.mod.modParagraph .definition {
  border: 1px solid #c4c4c4;
  padding: 16px;
  margin-bottom: 16px; }
  .mod.modParagraph .definition dfn {
    display: block;
    font-weight: bold;
    font-size: 1.0625em;
    margin-bottom: 10px; }
.mod.modParagraph .quote {
  padding: 0;
  margin-bottom: 24px; }
  .mod.modParagraph .quote blockquote {
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    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.quoteSource:before {
    content: " | "; }
.mod.modParagraph cite {
  display: block;
  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 {
    color: #0673b8;
    font-weight: bold; }
    html.no-touch .mod.modParagraph .paragraph p.text > a:hover {
      text-decoration: underline; }
.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 #c4c4c4; }
  html.no-touch .mod.modParagraph .jumpLabelList ul li a:hover {
    background-color: #fff;
    color: #0673b8; }
.mod.modParagraph .jumpLabelList ul li:last-child a {
  border-bottom: 1px solid #c4c4c4; }
.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; }
html.view-xs .mod.modParagraph .mediaCon.mediaSizeA, html.view-s .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;
    display: block;
    overflow: hidden; }
.mod.modParagraph .mediaCon.mediaTop:last-child .imageWrapper:before {
  padding-top: 37.5%; }
.mod.modParagraph .box.floatBox {
  padding: 0 !important;
  margin-bottom: 16px;
  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; }
  .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; }
  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%; }

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

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

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

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

.sectionDetailPage .form {
  margin-bottom: 32px; }
.form .unitD {
  margin-bottom: 12px;
  padding-right: 16px; }
.form fieldset, .form .form-hint {
  background-color: #f0f0f0;
  padding: 16px; }
.form .form-hint, .form .formElement, .form .formElement.error {
  border: 0;
  border-bottom: 1px solid #dcdcdc; }
.form .form-hint {
  border-bottom-color: #c4c4c4; }
.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 {
    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: #dcdcdc;
  border-top: 1px solid #c4c4c4; }
  .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;
      vertical-align: middle;
      display: inline; }
    .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;
      vertical-align: middle;
      display: inline; }
    .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 #c4c4c4;
      -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 #c4c4c4;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  .form .formElement .agbContent {
    float: left;
    width: 100%;
    background-color: #f9f9f9;
    margin-bottom: 16px; }
    .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: #ebebeb;
      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; }
.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: #0673b8; }
.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: #ebebeb;
    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; }
.view-l .section1er .mod.modA, .view-xl .sectionZ .mod.modA, .view-xl .section1er .mod.modA {
  width: 100%;
  max-width: 100%; }
  .view-l .section1er .mod.modA .cssVoting .form-button, .view-xl .sectionZ .mod.modA .cssVoting .form-button, .view-xl .section1er .mod.modA .cssVoting .form-button {
    width: 25%;
    max-width: 25%; }
    .view-l .section1er .mod.modA .cssVoting .form-button:after, .view-xl .sectionZ .mod.modA .cssVoting .form-button:after, .view-xl .section1er .mod.modA .cssVoting .form-button:after {
      content: " ";
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 100%;
      background-color: #f9f9f9; }
    .view-l .section1er .mod.modA .cssVoting .form-button.cssAv .mediaCon, .view-l .section1er .mod.modA .cssVoting .form-button.cssAv label, .view-xl .sectionZ .mod.modA .cssVoting .form-button.cssAv .mediaCon, .view-xl .sectionZ .mod.modA .cssVoting .form-button.cssAv label, .view-xl .section1er .mod.modA .cssVoting .form-button.cssAv .mediaCon, .view-xl .section1er .mod.modA .cssVoting .form-button.cssAv label {
      width: 100%;
      padding-right: 0; }

.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-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 0 16px 0;
    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: #0673b8;
      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 {
  padding: 16px; }
  .form-success .form-success-values .unitY, .form-success .form-success-values .unitD {
    margin-bottom: 0; }
.form-success .form-success-values .unitA {
  padding: 16px 12px; }

.view-xs .cssVoting .form .formElement, html:not(.view-xl) .sectionC .cssVoting .form .formElement, .view-l .section .modC .cssVoting .form .formElement {
  padding-right: 0; }
  .view-xs .cssVoting .form .formElement .unitD, html:not(.view-xl) .sectionC .cssVoting .form .formElement .unitD, .view-l .section .modC .cssVoting .form .formElement .unitD {
    padding-right: 16px; }
.view-xs .cssVoting .cssAv .mediaCon, .view-xs .cssVoting .cssAv label, html:not(.view-xl) .sectionC .cssVoting .cssAv .mediaCon, html:not(.view-xl) .sectionC .cssVoting .cssAv label, .view-l .section .modC .cssVoting .cssAv .mediaCon, .view-l .section .modC .cssVoting .cssAv label {
  width: 100%;
  padding-right: 0; }
.view-xs .cssVoting .moreBtn.submitButton.intermediateResult, html:not(.view-xl) .sectionC .cssVoting .moreBtn.submitButton.intermediateResult, .view-l .section .modC .cssVoting .moreBtn.submitButton.intermediateResult {
  margin-right: 0; }

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

.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 {
  float: left;
  width: 100%;
  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;
  display: block; }
  .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;
    float: none;
    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 .controls.ui-galleryControls .ui-pieProgressWrapper .ui-pieProgress .icon-font {
        width: 41px; }
.modLightbox .ui-galleryControlsHidden {
  left: 0;
  width: 33.33%;
  display: block;
  color: transparent;
  z-index: 5; }
  .modLightbox .ui-galleryControlsHidden:before {
    left: 16px; }
  .modLightbox .ui-galleryControlsHidden:after {
    background-color: transparent; }
  .modLightbox .ui-galleryControlsHidden.right {
    right: 0; }
    .modLightbox .ui-galleryControlsHidden.right:before {
      left: auto;
      right: 16px; }
.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-noSlider .thumbSliderContainer:not(.owl-carousel) .mediaCon {
    width: 10% !important; }
  .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: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .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 .mediaCon .hasAudio video, .modLightbox .modLightbox-contentWrapper .mediaCon .hasAudio audio {
      left: -999em !important; }
  .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;
    float: left;
    width: 100%;
    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: #0673b8; }
.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; }
    .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: #0673b8; }
  .table .tableFooter {
    border-bottom: 1px solid #c4c4c4;
    padding: 8px; }
  .table table {
    border-spacing: 0;
    overflow: hidden; }
    .table table tr, .table table td, .table table th {
      position: relative;
      background-color: #ebebeb; }
    .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: block;
  width: 100%;
  float: left; }
.mod .box .downloadInfo {
  float: left;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.05);
  width: 100%;
  margin-bottom: 32px; }
  .mod .box .downloadInfo ul.downloadSpecs {
    float: left;
    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;
      vertical-align: middle;
      display: inline; }
    .mod .box .downloadInfo a.moreBtn:focus:after {
      text-decoration: none; }
.mod .box.boxSpecial.cssDownload .shortInfos, .mod .box.boxSpecial.cssDownload .teasertext, .mod .box.boxSpecial.cssDownload .mediaCon {
  display: none; }

.conStagebox {
  position: relative; }
  .conStagebox .modStage .boxCon {
    background-color: #f9f9f9; }
  .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: #c4c4c4;
    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: #f9f9f9;
        border-width: 14px;
        margin-left: -14px;
        opacity: 0;
        top: 0; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .innerTeaser {
        float: left;
        width: 100%; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .shortInfos {
        margin-top: 0; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box .teaserInfoWrapper {
        float: left;
        margin-top: 0;
        padding: 8px; }
      .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: #f9f9f9; }
      .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: #f9f9f9; }
      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; }

.view-xs .conStagebox .modStage.owl-isSlider .controls.sliding, .view-s .conStagebox .modStage.owl-isSlider .controls.sliding, .view-m .sectionC .conStagebox .modStage.owl-isSlider .controls.sliding, .view-l .sectionC .conStagebox .modStage.owl-isSlider .controls.sliding, .view-xl .sectionC .conStagebox .modStage.owl-isSlider .controls.sliding {
  display: block !important; }
.view-xs .conStagebox .modC.modSlideable, .view-s .conStagebox .modC.modSlideable, .view-m .sectionC .conStagebox .modC.modSlideable, .view-l .sectionC .conStagebox .modC.modSlideable, .view-xl .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; }
.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 #c4c4c4; }
.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
.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 #c4c4c4;
  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; }
html.view-xs .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon, .sectionC .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon, .html.view-s .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon, .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: 25%;
  max-width: 25%;
  min-width: 25%; }
.sectionB .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon, .sectionC .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon, .sectionZ .mod .box.cssImageGallery .teaser.special.viewG .thumbSliderContainer:not(.owl-carousel) .mediaCon {
  width: 20%;
  max-width: 20%;
  min-width: 20%; }
html.view-m .sectionB .mod .box.cssImageGallery.boxSpecial.standardTeaserLteS .teaser.special, .sectionC .mod .box.cssImageGallery.boxSpecial.standardTeaserLteS .teaser.special {
  display: none; }
html.view-m .sectionB .mod .box.cssImageGallery.boxSpecial.standardTeaserLteS .teaser.standard, .sectionC .mod .box.cssImageGallery.boxSpecial.standardTeaserLteS .teaser.standard {
  display: block; }

body.cssImageGallery h1 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
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 {
  padding: 32px;
  text-align: center;
  background-color: #ebebeb;
  border: 1px solid #c4c4c4;
  border-left: 0;
  border-right: 0; }

.mod.modSearchFilter {
  background-color: #f9f9f9; }
  .mod.modSearchFilter .searchInfos {
    font-size: 1.25em; }
    .mod.modSearchFilter .searchInfos .searchCount {
      float: right;
      margin-right: 0; }
  .mod.modSearchFilter > div {
    padding: 16px;
    border-bottom: 1px solid #c4c4c4; }
  .mod.modSearchFilter p, .mod.modSearchFilter ul, .mod.modSearchFilter ul li {
    float: left; }
  .mod.modSearchFilter p {
    margin-right: 16px;
    margin-top: 3px;
    margin-bottom: 8px; }
  .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 #c4c4c4; }
      .mod.modSearchFilter ul li a.active {
        background-color: #fff; }
      .mod.modSearchFilter ul li a.disabled {
        color: #c4c4c4;
        pointer-events: none; }
      html.no-touch .mod.modSearchFilter ul li a:hover {
        background-color: #fff; }
  .mod.modSearchFilter .ui-selectbox {
    max-width: 280px; }
  .mod.modSearchFilter .filterSelect {
    font-size: 0.875em; }
    .mod.modSearchFilter .filterSelect select, .mod.modSearchFilter .filterSelect button {
      float: left;
      width: 64%; }
    .mod.modSearchFilter .filterSelect button {
      width: auto;
      margin: 0;
      padding: 6px 8px;
      color: #fff;
      background-color: #666;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
    html.js .mod.modSearchFilter .filterSelect button {
      display: none; }
    html.view-xs .mod.modSearchFilter .filterSelect .ui-selectbox, html.view-s .mod.modSearchFilter .filterSelect .ui-selectbox, .sectionC .mod.modSearchFilter .filterSelect .ui-selectbox, .sectionB .mod.modSearchFilter .filterSelect .ui-selectbox, .view-m .mod.modSearchFilter .filterSelect .ui-selectbox, .view-l .sectionZ .mod.modSearchFilter .filterSelect .ui-selectbox {
      float: left;
      margin-top: 8px;
      padding-left: 8px;
      max-width: 100%; }
      html.view-xs .mod.modSearchFilter .filterSelect .ui-selectbox:before, html.view-s .mod.modSearchFilter .filterSelect .ui-selectbox:before, .sectionC .mod.modSearchFilter .filterSelect .ui-selectbox:before, .sectionB .mod.modSearchFilter .filterSelect .ui-selectbox:before, .view-m .mod.modSearchFilter .filterSelect .ui-selectbox:before, .view-l .sectionZ .mod.modSearchFilter .filterSelect .ui-selectbox:before {
        right: 16px; }
  .view-s .mod.modSearchFilter ul, .view-xs .mod.modSearchFilter ul, .sectionC .mod.modSearchFilter ul, .view-m .sectionZ .mod.modSearchFilter ul {
    width: 100%; }
    .view-s .mod.modSearchFilter ul li, .view-xs .mod.modSearchFilter ul li, .sectionC .mod.modSearchFilter ul li, .view-m .sectionZ .mod.modSearchFilter ul li {
      width: 50%; }
      .view-s .mod.modSearchFilter ul li:nth-of-type(2n+1), .view-xs .mod.modSearchFilter ul li:nth-of-type(2n+1), .sectionC .mod.modSearchFilter ul li:nth-of-type(2n+1), .view-m .sectionZ .mod.modSearchFilter ul li:nth-of-type(2n+1) {
        padding-left: 0; }
      .view-s .mod.modSearchFilter ul li:nth-of-type(2n+2), .view-xs .mod.modSearchFilter ul li:nth-of-type(2n+2), .sectionC .mod.modSearchFilter ul li:nth-of-type(2n+2), .view-m .sectionZ .mod.modSearchFilter ul li:nth-of-type(2n+2) {
        padding-right: 0; }
      .view-s .mod.modSearchFilter ul li a, .view-xs .mod.modSearchFilter ul li a, .sectionC .mod.modSearchFilter ul li a, .view-m .sectionZ .mod.modSearchFilter ul li a {
        width: 100%;
        text-align: center; }

.section .con .mod.modSearch .box {
  padding: 8px !important;
  padding-bottom: 16px !important; }
  .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: #f9f9f9; }
  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; }

.mod .box.cssProgramHint .teaser .innerTeaser h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
.mod .box.cssProgramHint .teaser .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }
.sectionChannelHeader .mod .box.cssProgramHint {
  padding: 0;
  border-bottom: 1px solid #c4c4c4; }
  .sectionChannelHeader .mod .box.cssProgramHint .moreBtn {
    display: none; }
  .sectionChannelHeader .mod .box.cssProgramHint .cssProgramHintCurrent > p .broadcastDate:after {
    content: ", "; }
  .sectionChannelHeader .mod .box.cssProgramHint .cssProgramHintCurrent > p .cssProgramHintBroadcast {
    display: none !important; }
  .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 !important; }
  .sectionChannelHeader .mod .box.cssProgramHint .shortHeadline .headline {
    display: block !important;
    margin-bottom: 4px; }
.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;
  font-size: 0.875em; }
.mod .cssProgramHintRepeat .cssProgramHintText {
  float: left; }
.mod .cssProgramHintRepeat .cssProgramHintDate {
  position: relative;
  display: block;
  overflow: hidden;
  padding-left: 8px; }
.mod .innerTeaser .cssProgramHintBox {
  float: left;
  width: 100% !important;
  margin-bottom: 16px; }
  .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.cssProgramHintFree {
    background-color: rgba(0, 0, 0, 0.05); }
  .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
    padding: 12px 16px;
    width: 100%;
    font-weight: bold; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime {
      float: left;
      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 #f9f9f9; }
    .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; }
    html.view-xs .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, html.view-s .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
      width: 100%; }
      html.view-xs .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, html.view-xs .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, html.view-s .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, html.view-s .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
        margin-top: 1px;
        width: 100%; }
      html.view-xs .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, html.view-xs .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, html.view-s .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, html.view-s .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, .sectionC .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
        border-left: 0; }
      html.view-xs .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, html.view-xs .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime, html.view-s .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, html.view-s .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime, .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: auto; }
      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;
        float: none;
        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: #ebebeb;
    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: #dcdcdc;
  border-top: 1px solid #c4c4c4; }
  .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 {
  padding: 0;
  float: left;
  width: 100%;
  min-height: 48px; }
  .box.cssAvPlus .thumbSliderContainer .chapter {
    float: left;
    width: 25%;
    padding: 2px; }
    .box.cssAvPlus .thumbSliderContainer .chapter .chapterInner {
      background-color: #f9f9f9;
      border: 1px solid #f9f9f9;
      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; }
    .box.cssAvPlus .themes li.cssVideo button.moreBtn:focus:before {
      text-decoration: none; }
  html.view-xs .box.cssAvPlus .themes, html.view-s .box.cssAvPlus .themes {
    position: relative;
    right: auto;
    top: auto;
    text-align: left;
    margin-top: 16px; }
    html.view-xs .box.cssAvPlus .themes li, html.view-s .box.cssAvPlus .themes li {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0; }
      html.view-xs .box.cssAvPlus .themes li .teaser, html.view-s .box.cssAvPlus .themes li .teaser {
        background-color: transparent !important; }
      html.view-xs .box.cssAvPlus .themes li h3, html.view-xs .box.cssAvPlus .themes li .closeBtn, html.view-xs .box.cssAvPlus .themes li .mediaCon, html.view-s .box.cssAvPlus .themes li h3, html.view-s .box.cssAvPlus .themes li .closeBtn, html.view-s .box.cssAvPlus .themes li .mediaCon {
        display: none; }
      html.view-xs .box.cssAvPlus .themes li button.moreBtn, html.view-s .box.cssAvPlus .themes li button.moreBtn {
        width: 100%;
        margin: 0;
        background-color: #dcdcdc;
        border-color: #c4c4c4;
        position: relative;
        z-index: 0;
        right: auto;
        top: auto; }
      html.view-xs .box.cssAvPlus .themes li.open, html.view-s .box.cssAvPlus .themes li.open {
        margin-bottom: 16px; }
        html.view-xs .box.cssAvPlus .themes li.open button.moreBtn, html.view-s .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;
  float: left;
  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: #f9f9f9 !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; }
  html.view-xs .box.cssAvPlus .avPlus-content, html.view-s .box.cssAvPlus .avPlus-content {
    border: 1px solid #c4c4c4;
    -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; }
    html.view-xs .box.cssAvPlus .avPlus-content .box .shortHeadline, html.view-s .box.cssAvPlus .avPlus-content .box .shortHeadline {
      font-size: 1em; }
      html.view-xs .box.cssAvPlus .avPlus-content .box .shortHeadline:before, html.view-s .box.cssAvPlus .avPlus-content .box .shortHeadline:before {
        display: none !important; }
    html.view-xs .box.cssAvPlus .avPlus-content .box .moreBtn, html.view-s .box.cssAvPlus .avPlus-content .box .moreBtn {
      display: none; }

.mod > .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 > .boxCon .box .floatBox.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font, .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after {
  background-color: #313131;
  color: #fff;
  /*      height: 32px;
        width: 46px;
        line-height: 0.25em;
  */
  left: 0;
  right: auto;
  height: 44px;
  width: 44px;
  padding: 0;
  text-align: center;
  line-height: 1.875em;
  border: 0;
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  top: auto; }
  .mod > .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,
  .mod > .boxCon .box .floatBox.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font:before {
    content: ""; }
.mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, .mod.modD .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, html.view-m .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, html.view-xs .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, html.view-s .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, .sectionC .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p, .mod .cssAv.floatBox .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, html.view-m .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, html.view-xs .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, html.view-s .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, .sectionC .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, .mod .cssAv.floatBox .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, html.view-m .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, html.view-xs .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, html.view-s .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, .sectionC .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, .mod .cssAv.floatBox .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, html.view-m .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, html.view-xs .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, html.view-s .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, .sectionC .mod .cssAv:not(.cssLivestream) .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, .mod .cssAv.floatBox .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
    border-top: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }
.mod .cssAv.modC .avInfos .cssBroadcastInfoLink, .mod .cssAv.modD .avInfos .cssBroadcastInfoLink, html.view-xs .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink, html.view-s .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink, .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink, html.view-m .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink, .mod .cssAv.floatBox .teaser .innerTeaser .avInfos .cssBroadcastInfoLink {
  width: 100% !important;
  border-bottom: 1px solid #d7dcde;
  border-right: 0; }
.mod .cssAv.modC .avInfos .avLinkTitle, .mod .cssAv.modD .avInfos .avLinkTitle, html.view-xs .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, html.view-s .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, html.view-m .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, .mod .cssAv.floatBox .teaser .innerTeaser .avInfos .avLinkTitle, .mod .cssAv.modC .avInfos .avDownloadTitle, .mod .cssAv.modD .avInfos .avDownloadTitle, html.view-xs .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle, html.view-s .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle, .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle, html.view-m .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle, .mod .cssAv.floatBox .teaser .innerTeaser .avInfos .avDownloadTitle {
  padding-right: 32px; }
.mod .cssAv.modC .avInfos .avLinkTitle, .mod .cssAv.modD .avInfos .avLinkTitle, html.view-xs .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, html.view-s .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, .sectionC .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, html.view-m .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, .mod .cssAv.floatBox .teaser .innerTeaser .avInfos .avLinkTitle {
  border-left: 0; }
.mod .cssAv.modC .hasDownload.hasBroadcastLink.avInfos .avLink, .mod .cssAv.modD .hasDownload.hasBroadcastLink.avInfos .avLink, html.view-xs .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avLink, html.view-s .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avLink, .sectionC .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avLink, html.view-m .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avLink, .mod .cssAv.floatBox .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avLink, .mod .cssAv.modC .hasDownload.hasBroadcastLink.avInfos .avDownload, .mod .cssAv.modD .hasDownload.hasBroadcastLink.avInfos .avDownload, html.view-xs .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avDownload, html.view-s .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avDownload, .sectionC .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avDownload, html.view-m .mod .cssAv .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avDownload, .mod .cssAv.floatBox .teaser .innerTeaser .hasDownload.hasBroadcastLink.avInfos .avDownload {
  width: 50%; }
.mod .cssAv.modC .avInfos:not(.hasDownload) .avLink, .mod .cssAv.modD .avInfos:not(.hasDownload) .avLink, html.view-xs .mod .cssAv .teaser .innerTeaser .avInfos:not(.hasDownload) .avLink, html.view-s .mod .cssAv .teaser .innerTeaser .avInfos:not(.hasDownload) .avLink, .sectionC .mod .cssAv .teaser .innerTeaser .avInfos:not(.hasDownload) .avLink, html.view-m .mod .cssAv .teaser .innerTeaser .avInfos:not(.hasDownload) .avLink, .mod .cssAv.floatBox .teaser .innerTeaser .avInfos:not(.hasDownload) .avLink, .mod .cssAv.modC .hasBroadcastLink.avInfos:not(.hasDownload) .avLink, .mod .cssAv.modD .hasBroadcastLink.avInfos:not(.hasDownload) .avLink, html.view-xs .mod .cssAv .teaser .innerTeaser .hasBroadcastLink.avInfos:not(.hasDownload) .avLink, html.view-s .mod .cssAv .teaser .innerTeaser .hasBroadcastLink.avInfos:not(.hasDownload) .avLink, .sectionC .mod .cssAv .teaser .innerTeaser .hasBroadcastLink.avInfos:not(.hasDownload) .avLink, html.view-m .mod .cssAv .teaser .innerTeaser .hasBroadcastLink.avInfos:not(.hasDownload) .avLink, .mod .cssAv.floatBox .teaser .innerTeaser .hasBroadcastLink.avInfos:not(.hasDownload) .avLink {
  width: 100%; }
.mod .cssAv .mediaCon {
  cursor: pointer; }
  .mod .cssAv .mediaCon .media {
    position: relative; }
  .mod .cssAv .mediaCon.avInline .media .icon-font {
    background-color: #0673b8; }
.mod .cssAv.modA .teaserInfoWrapper {
  padding-left: 0;
  padding-right: 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;
  float: left;
  width: 100%;
  z-index: 1;
  position: relative; }
  .mod .cssAv .embedCode textarea {
    font-size: 0.6875em;
    float: left;
    width: 100%;
    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: block !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.boxImageSquare .retentionInfo, .mod .cssAv.boxImageSquare .mediaCon .icon-font {
  display: none !important; }
.mod .cssAv.boxImage .teaserInfoWrapper, .mod .cssAv.boxImageSquare .teaserInfoWrapper {
  padding-right: 16px; }
  .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after {
    position: absolute;
    display: inline-block;
    float: right;
    left: 0 !important;
    top: 0;
    margin-top: -44px;
    font-size: 1.5em; }
.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: #ebebeb; }
  .mod .cssAv.noImage > .teaser > .innerTeaser > .mediaCon > .media > .imageWrapper img {
    display: none !important; }
.mod .cssAv .mediaCon.missingVariants .imageWrapper {
  background-color: #ebebeb; }
.mod .cssAv .teaser {
  background-color: #d7dcde; }
  .mod .cssAv .teaser .innerTeaser .avInfos {
    border-top: 1px solid #d7dcde;
    position: relative;
    background-color: #e8ebec; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLink, .mod .cssAv .teaser .innerTeaser .avInfos .avDownload {
      width: 100%;
      float: right; }
    .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink {
      z-index: 2;
      border-right: 1px solid #d7dcde; }
    .mod .cssAv .teaser .innerTeaser .avInfos.hasDownload .avLink, .mod .cssAv .teaser .innerTeaser .avInfos.hasDownload .avDownload {
      width: 50%; }
    .mod .cssAv .teaser .innerTeaser .avInfos.hasDownload .avDownload .avDownloadTitle {
      border-right: 1px solid #d7dcde; }
    .mod .cssAv .teaser .innerTeaser .avInfos.hasDownload.hasBroadcastLink .avLink, .mod .cssAv .teaser .innerTeaser .avInfos.hasDownload.hasBroadcastLink .avDownload {
      width: 30%; }
    .mod .cssAv .teaser .innerTeaser .avInfos.hasBroadcastLink:not(.hasDownload) .cssBroadcastInfoLink {
      width: 50%; }
    .mod .cssAv .teaser .innerTeaser .avInfos.hasBroadcastLink:not(.hasDownload) .avLink {
      width: 50%; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avLink:not(.collapsed) .avLinkTitle,
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownload:not(.collapsed) .avDownloadTitle {
      background-color: #f9f9f9; }
    .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; }
    .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: 40%; }
    .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink, .mod .cssAv .teaser .innerTeaser .avInfos .avLinkTitle, .mod .cssAv .teaser .innerTeaser .avInfos .avLinkBody, .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle {
      float: left; }
    .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: #f9f9f9;
      padding: 8px;
      float: left;
      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;
      float: left;
      display: block;
      padding: 8px;
      border: 1px solid #d7dcde; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:before {
        content: "";
        font-size: 1em;
        margin-right: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:focus:before {
        text-decoration: none; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a span {
        display: block;
        font-size: 0.875em; }
      .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:after {
        content: ""; }
      html.no-touch .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:hover {
        background-color: #fff; }
  .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.boxSpecial {
  background: #d7dcde; }
.mod .cssMultimediaGallery .boxNormal:not(.boxSpecial) h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
.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 #c4c4c4;
  padding-bottom: 16px; }
  .mod .cssMultimediaGallery .mmgTeaserTitle:before {
    content: "";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .mod .cssMultimediaGallery .mmgTeaserTitle:focus:before {
    text-decoration: none; }
.mod .cssMultimediaGallery .mmgTeaserList > .moreBtn {
  margin-top: 12px; }
.mod .cssMultimediaGallery .mmgTeaserList .teaser {
  padding: 8px;
  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 .mediaCon, .sectionB .mod .cssMultimediaGallery .mmgTeaserList .teaser .mediaCon, .sectionZ .mod .cssMultimediaGallery .mmgTeaserList .teaser .mediaCon {
    width: 30%;
    padding-right: 16px; }
  .sectionA .mod .cssMultimediaGallery .mmgTeaserList .teaser .shortInfos, .sectionB .mod .cssMultimediaGallery .mmgTeaserList .teaser .shortInfos, .sectionZ .mod .cssMultimediaGallery .mmgTeaserList .teaser .shortInfos {
    float: none !important;
    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.5em;
  position: absolute; }
.mod .cssMultimediaGallery.extended .mmgTeaserList .teaser .cssProgramHintBox {
  display: block;
  margin-top: 12px; }
.mod .cssMultimediaGallery .mmgContent {
  padding: 4px 0; }
  .mod .cssMultimediaGallery .mmgContent p {
    float: left;
    width: 50%;
    padding: 8px 16px; }
    .mod .cssMultimediaGallery .mmgContent p:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .mod .cssMultimediaGallery .mmgContent p:focus:before {
      text-decoration: none; }
    .mod .cssMultimediaGallery .mmgContent p.mmgAudios:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .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 .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-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .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: .9em; }
.mod .cssAudio > .teaser > .innerTeaser h4 .headline:before, .mod .cssAudioLivestream > .teaser > .innerTeaser h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
.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: 52px; }
  .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: 0 !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.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 .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon .media, .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon .media {
  background-color: rgba(217, 222, 224, 0.9); }
  .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon .media:after, .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon .media:after {
    position: absolute;
    bottom: 0;
    height: 8px;
    background-color: #626262;
    content: "";
    display: block;
    width: 100%; }
  .mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon .media.ready:after, .mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon .media.ready:after {
    display: none; }
.mod .cssVideo .innerTeaser h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
.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-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .mod .cssVideo.form-button label:focus:before {
    text-decoration: none; }
  .mod .cssVideo.form-button label:before {
    text-indent: 32px;
    line-height: .9em; }
.mod .cssAudioSlideShow h4 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
.mod .cssAudioSlideShow h4 .headline:focus:before {
  text-decoration: none; }
.mod .cssAudioSlideShow:not(.avInline) .mediaCon .media .icon-font:before {
  background-color: #0673b8;
  -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: #f9f9f9;
  display: block; }
  .mod .cssAudioSlideShow .playerHolder .imageWrapper img {
    opacity: 0; }
  .mod .cssAudioSlideShow .playerHolder .imageWrapper.loading {
    position: absolute;
    left: -999em; }
.mod .cssAudioSlideShow .mediaCon > .mediaInfo {
  background-color: #f9f9f9;
  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%;
  float: left; }
.mod .cssLivestream .avInfos {
  display: block !important;
  height: auto;
  left: 0 !important; }
.mod .cssLivestream .avDownloadBody a {
  margin-bottom: 8px; }
html.view-xs .mod .cssLivestream .cssProgramHintCurrent, html.view-s .mod .cssLivestream .cssProgramHintCurrent, .sectionC .mod .cssLivestream .cssProgramHintCurrent, .mod.modB .cssLivestream .cssProgramHintCurrent, .mod.modC .cssLivestream .cssProgramHintCurrent, .mod.modD .cssLivestream .cssProgramHintCurrent {
  width: 100%;
  float: none; }
html.view-xs .mod .cssLivestream .avDownload, html.view-s .mod .cssLivestream .avDownload, .sectionC .mod .cssLivestream .avDownload, .mod.modB .cssLivestream .avDownload, .mod.modC .cssLivestream .avDownload, .mod.modD .cssLivestream .avDownload {
  width: 100% !important; }
  html.view-xs .mod .cssLivestream .avDownload .avDownloadTitle, html.view-s .mod .cssLivestream .avDownload .avDownloadTitle, .sectionC .mod .cssLivestream .avDownload .avDownloadTitle, .mod.modB .cssLivestream .avDownload .avDownloadTitle, .mod.modC .cssLivestream .avDownload .avDownloadTitle, .mod.modD .cssLivestream .avDownload .avDownloadTitle {
    border-right: 0 !important; }

.sectionA .modA .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, .sectionZ .modA .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
  width: 50%;
  border-bottom: 0; }
.sectionA .modA .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, .sectionA .modA .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, .sectionZ .modA .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, .sectionZ .modA .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
  border-left: 1px solid #d7dcde; }

body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage {
  background-color: #d7dcde; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .con:not(.conInline) .mod:not(.modParagraph) .box {
    padding: 8px; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .box, body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .boxCon {
    background-color: transparent; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage h1 .headline:before {
    content: "";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage h1 .headline:focus:before {
    text-decoration: none; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .moreBtn {
    display: none; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .mmgContentDetails {
    float: left; }
    body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .mmgContentDetails p {
      display: inline;
      font-size: 1.1875em;
      font-weight: bold; }
      body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .mmgContentDetails p:nth-child(2):before {
        content: ' | '; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails {
    background-color: #f0f0f0;
    padding: 8px;
    margin-bottom: 16px; }
    body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastDetails p {
      padding-bottom: 16px;
      border-bottom: 1px solid #dcdcdc;
      margin-bottom: 16px; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastLinkTitle {
    font-weight: bold; }
    body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastLinkTitle span {
      background-color: #fff;
      display: block;
      padding: 8px;
      font-weight: normal;
      margin-top: 8px; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn {
    float: right;
    padding: 8px;
    font-size: 0.875em;
    background-color: #f0f0f0;
    color: #666;
    border: 1px solid #dcdcdc;
    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 .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn:focus:before {
      text-decoration: none; }
    body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn .collapseArrow {
      display: none !important; }
    body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.collapsed {
      background-color: #666;
      color: #fff;
      border-color: #666; }
    body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn {
      float: none;
      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 .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn:before {
        display: none; }
      body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .mod .box .podcastBtn.itunesBtn:after {
        content: ""; }
  body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .teaser {
    background-color: #fff; }

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

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

body.cssAudioSlideShow h1 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
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; }

.cssIpgMenuContent {
  padding: 24px 50px 32px 50px;
  position: relative;
  background-color: #ebebeb;
  border: 1px solid #dcdcdc; }
  html.view-xs .cssIpgMenuContent, html.view-s .cssIpgMenuContent, html.view-m .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; }
  html.view-xs .cssIpgMenuCalSlider .cssIpgMenuCalItem table, html.view-s .cssIpgMenuCalSlider .cssIpgMenuCalItem table, html.view-m .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: 32px;
  display: block !important; }

body.cssIpg .box.cssIpgHeader a, body.cssProgramDayBundle .box.cssIpgHeader a {
  display: none; }

.box.cssIpgHeader, .box.cssIpgFooter {
  min-height: 44px;
  text-align: center; }
  body.cssBroadcast .sectionDetailPage .box.cssIpgHeader, body.cssBroadcast .sectionDetailPage .box.cssIpgFooter {
    margin-bottom: 32px; }
  .box.cssIpgHeader h2, .box.cssIpgHeader h1, .box.cssIpgFooter h2, .box.cssIpgFooter h1 {
    padding: 38px 0 0 0;
    display: block;
    text-transform: uppercase;
    width: 100%; }
    .box.cssIpgHeader h2 .headline, .box.cssIpgHeader h1 .headline, .box.cssIpgFooter h2 .headline, .box.cssIpgFooter h1 .headline {
      font-size: 1.8em;
      border-bottom: 1px solid #313131;
      padding-bottom: 16px; }
      .box.cssIpgHeader h2 .headline span, .box.cssIpgHeader h1 .headline span, .box.cssIpgFooter h2 .headline span, .box.cssIpgFooter h1 .headline span {
        display: block; }
      .box.cssIpgHeader h2 .headline a, .box.cssIpgHeader h1 .headline a, .box.cssIpgFooter h2 .headline a, .box.cssIpgFooter h1 .headline a {
        display: inline-block;
        font-size: .5em;
        margin-top: 16px; }
        .box.cssIpgHeader h2 .headline a:after, .box.cssIpgHeader h1 .headline a:after, .box.cssIpgFooter h2 .headline a:after, .box.cssIpgFooter h1 .headline a:after {
          content: "";
          font-size: 1.1875em;
          margin-left: 8px;
          text-decoration: none;
          vertical-align: middle;
          display: inline; }
        .box.cssIpgHeader h2 .headline a:focus:after, .box.cssIpgHeader h1 .headline a:focus:after, .box.cssIpgFooter h2 .headline a:focus:after, .box.cssIpgFooter h1 .headline a:focus:after {
          text-decoration: none; }
        .box.cssIpgHeader h2 .headline a.open:after, .box.cssIpgHeader h1 .headline a.open:after, .box.cssIpgFooter h2 .headline a.open:after, .box.cssIpgFooter h1 .headline a.open:after {
          content: ""; }
  .box.cssIpgHeader h3, .box.cssIpgFooter h3 {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px; }
  .box.cssIpgHeader > a, .box.cssIpgFooter > a {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -11px;
    z-index: 1; }
    .box.cssIpgHeader > a.prev:before, .box.cssIpgFooter > a.prev:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssIpgHeader > a.prev:focus:before, .box.cssIpgFooter > a.prev:focus:before {
      text-decoration: none; }
    .box.cssIpgHeader > a.next, .box.cssIpgFooter > a.next {
      left: auto;
      right: 16px; }
      .box.cssIpgHeader > a.next:after, .box.cssIpgFooter > a.next:after {
        content: "";
        font-size: 1em;
        margin-left: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .box.cssIpgHeader > a.next:focus:after, .box.cssIpgFooter > a.next:focus:after {
        text-decoration: none; }
    html.view-xs .box.cssIpgHeader > a, html.view-s .box.cssIpgHeader > a, .sectionC .box.cssIpgHeader > a, html.view-xs .box.cssIpgFooter > a, html.view-s .box.cssIpgFooter > a, .sectionC .box.cssIpgFooter > a {
      color: rgba(255, 255, 255, 0); }
      html.view-xs .box.cssIpgHeader > a:after, html.view-xs .box.cssIpgHeader > a:before, html.view-s .box.cssIpgHeader > a:after, html.view-s .box.cssIpgHeader > a:before, .sectionC .box.cssIpgHeader > a:after, .sectionC .box.cssIpgHeader > a:before, html.view-xs .box.cssIpgFooter > a:after, html.view-xs .box.cssIpgFooter > a:before, html.view-s .box.cssIpgFooter > a:after, html.view-s .box.cssIpgFooter > a:before, .sectionC .box.cssIpgFooter > a:after, .sectionC .box.cssIpgFooter > a:before {
        color: #313131; }
  html.view-xs .box.cssIpgHeader h2, html.view-s .box.cssIpgHeader h2, .sectionC .box.cssIpgHeader h2, html.view-xs .box.cssIpgFooter h2, html.view-s .box.cssIpgFooter h2, .sectionC .box.cssIpgFooter h2 {
    padding-right: 50px;
    padding-left: 50px; }

body.cssBroadcast .sectionWrapper.hasSectionDetail .section.sectionDetailPage {
  padding-bottom: 0; }
  body.cssBroadcast .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con:not(.conInline) .box .teaser {
    background-color: transparent; }
  body.cssBroadcast .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conInline .box .cssProgramHintBroadcast, body.cssBroadcast .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conInline .box .broadcastDateTotal, body.cssBroadcast .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conInline .box .broadcastDateTime {
    display: none; }

.mod.cssBroadcastList {
  background-color: transparent !important;
  padding: 32px; }
  .mod.cssBroadcastList .boxCon {
    background-color: #fefefe; }
  html.view-xs .mod.cssBroadcastList, html.view-m .mod.cssBroadcastList, html.view-s .mod.cssBroadcastList {
    padding: 8px; }
  .mod.cssBroadcastList.dayView .time .date, .mod.cssBroadcastList.dayView .time .channel, .mod.cssBroadcastList.axisView .time .date, .mod.cssBroadcastList.axisView .time .channel, .mod.cssBroadcastList.noCatView .time .date, .mod.cssBroadcastList.noCatView .time .channel {
    display: none !important; }
  .mod.cssBroadcastList.noCatView.searchView .time .date {
    display: block !important; }
  .mod.cssBroadcastList.dayView h3.title {
    text-align: center; }
    .mod.cssBroadcastList.dayView h3.title:before {
      display: none; }
    .mod.cssBroadcastList.dayView h3.title:after {
      content: "";
      font-size: 1.1875em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .mod.cssBroadcastList.dayView h3.title:focus:after {
      text-decoration: none; }
    .mod.cssBroadcastList.dayView h3.title.collapsed:after {
      content: "";
      font-size: 1.1875em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .mod.cssBroadcastList.dayView h3.title.collapsed:focus:after {
      text-decoration: none; }
    .mod.cssBroadcastList.dayView h3.title:after {
      float: right; }
  .mod.cssBroadcastList.noCatView div .boxCon {
    padding-top: 16px !important; }
  .mod.cssBroadcastList.modA.ui-collapsible-entry .box:first-child {
    border-top: 1px solid #dcdcdc;
    padding-top: 16px !important; }

.cssBroadcastList > div {
  background-color: #ebebeb;
  padding: 0; }
  .cssBroadcastList > div .boxCon {
    padding: 16px !important;
    padding-top: 0 !important; }
  .cssBroadcastList > div h3.title {
    text-transform: uppercase;
    padding: 8px 16px !important;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  .cssBroadcastList > div .box.cssBroadcast {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #dcdcdc;
    border-bottom-color: #dcdcdc;
    padding: 8px !important;
    margin-bottom: 8px; }
    .ui-collapsible .cssBroadcastList > div .box.cssBroadcast {
      border-bottom-color: transparent; }
    .cssBroadcastList > div .box.cssBroadcast .broadcastSpecs {
      display: block; }
    .cssBroadcastList > div .box.cssBroadcast .broadcastLinks {
      overflow: hidden; }
    .cssBroadcastList > div .box.cssBroadcast .mediaCon {
      width: 30%;
      margin-bottom: 0 !important; }
    .cssBroadcastList > div .box.cssBroadcast p.subtitle {
      font-size: 1em; }
    .cssBroadcastList > div .box.cssBroadcast .teaser .shortInfos {
      position: static;
      padding-right: 100px; }

.modA.cssBroadcastList > div .time {
  text-align: center; }

.cssIpgSearchInfo {
  margin-bottom: 0 !important; }
  .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 #c4c4c4; }
  .form.cssIpgSearchForm.cssIpgDownload .moreBtn {
    background-color: transparent; }
    .form.cssIpgSearchForm.cssIpgDownload .moreBtn .form-buttontext:after {
      content: "";
      font-size: 4;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .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 {
  padding-top: 32px; }

.box.cssBroadcast:not(.boxImage) .teaser {
  padding: 16px 16px 16px 150px !important; }
.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; }
    .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 .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;
  float: left;
  clear: both;
  margin-bottom: 8px; }
  .box.cssBroadcast .teaser .cssIpgLink:after {
    content: "";
    font-size: 0.875em;
    margin-left: 4px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .box.cssBroadcast .teaser .cssIpgLink:focus:after {
    text-decoration: none; }
  .box.cssBroadcast .teaser .cssIpgLink.livestreamLink {
    display: none; }
.box.cssBroadcast .teaser .teaserInfoWrapper {
  clear: right;
  float: none;
  overflow: hidden;
  width: auto; }
  .box.cssBroadcast .teaser .teaserInfoWrapper .subtitle {
    width: 100%; }
.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 {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssBroadcast .teaser .broadcastSpecs li.hd:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.dolby:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssBroadcast .teaser .broadcastSpecs li.dolby:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssBroadcast .teaser .broadcastSpecs li.teletext:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssBroadcast .teaser .broadcastSpecs li.stereo:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel: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; }
    .box.cssBroadcast .teaser .broadcastSpecs li.live:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:focus:before {
      text-decoration: none; }
.box.cssBroadcast .teaser .time {
  position: absolute;
  left: 0;
  text-align: center;
  float: left;
  width: 100%;
  max-width: 150px;
  font-weight: normal;
  line-height: 1.21; }
  .box.cssBroadcast .teaser .time > span.date {
    font-size: 1em;
    margin-bottom: 16px; }
  .box.cssBroadcast .teaser .time > span:not(.date) {
    font-weight: bold;
    font-size: 1.75em; }
  .box.cssBroadcast .teaser .time > span.channel:not(.date) {
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block; }
  .box.cssBroadcast .teaser .time .endTime {
    display: none !important; }
.box.cssBroadcast.noImage {
  padding-bottom: 32px !important; }
.box.cssBroadcast .mediaCon {
  width: 50%;
  padding-right: 16px; }
.box.cssBroadcast.boxImage .mediaCon, .box.cssBroadcast.boxImageSquare .mediaCon {
  width: 100%;
  padding-right: 0; }
.ui-collapsible-body .box.cssBroadcast .teaser {
  background-color: rgba(0, 0, 0, 0.05); }
html.view-xs .box.cssBroadcast .teaser, html.view-s .box.cssBroadcast .teaser, .sectionC .box.cssBroadcast .teaser, .modB .box.cssBroadcast .teaser, .modC .box.cssBroadcast .teaser, .modD .box.cssBroadcast .teaser, .modE .box.cssBroadcast .teaser, .box.cssBroadcast.boxIpgTeaserSlider .teaser {
  padding: 8px !important; }
  html.view-xs .box.cssBroadcast .teaser .mediaCon, html.view-xs .box.cssBroadcast .teaser .teaserInfoWrapper, html.view-s .box.cssBroadcast .teaser .mediaCon, html.view-s .box.cssBroadcast .teaser .teaserInfoWrapper, .sectionC .box.cssBroadcast .teaser .mediaCon, .sectionC .box.cssBroadcast .teaser .teaserInfoWrapper, .modB .box.cssBroadcast .teaser .mediaCon, .modB .box.cssBroadcast .teaser .teaserInfoWrapper, .modC .box.cssBroadcast .teaser .mediaCon, .modC .box.cssBroadcast .teaser .teaserInfoWrapper, .modD .box.cssBroadcast .teaser .mediaCon, .modD .box.cssBroadcast .teaser .teaserInfoWrapper, .modE .box.cssBroadcast .teaser .mediaCon, .modE .box.cssBroadcast .teaser .teaserInfoWrapper, .box.cssBroadcast.boxIpgTeaserSlider .teaser .mediaCon, .box.cssBroadcast.boxIpgTeaserSlider .teaser .teaserInfoWrapper {
    width: 100%;
    position: relative;
    float: left; }
  html.view-xs .box.cssBroadcast .teaser .mediaCon, html.view-s .box.cssBroadcast .teaser .mediaCon, .sectionC .box.cssBroadcast .teaser .mediaCon, .modB .box.cssBroadcast .teaser .mediaCon, .modC .box.cssBroadcast .teaser .mediaCon, .modD .box.cssBroadcast .teaser .mediaCon, .modE .box.cssBroadcast .teaser .mediaCon, .box.cssBroadcast.boxIpgTeaserSlider .teaser .mediaCon {
    padding-right: 0;
    margin-bottom: 0 !important; }
  html.view-xs .box.cssBroadcast .teaser .time, html.view-s .box.cssBroadcast .teaser .time, .sectionC .box.cssBroadcast .teaser .time, .modB .box.cssBroadcast .teaser .time, .modC .box.cssBroadcast .teaser .time, .modD .box.cssBroadcast .teaser .time, .modE .box.cssBroadcast .teaser .time, .box.cssBroadcast.boxIpgTeaserSlider .teaser .time {
    width: 100%;
    padding-top: 16px;
    text-align: left;
    top: auto;
    position: relative;
    max-width: 100%;
    left: 0;
    margin-bottom: 8px;
    font-size: 1em; }
    html.view-xs .box.cssBroadcast .teaser .time > span:not(.channel), html.view-s .box.cssBroadcast .teaser .time > span:not(.channel), .sectionC .box.cssBroadcast .teaser .time > span:not(.channel), .modB .box.cssBroadcast .teaser .time > span:not(.channel), .modC .box.cssBroadcast .teaser .time > span:not(.channel), .modD .box.cssBroadcast .teaser .time > span:not(.channel), .modE .box.cssBroadcast .teaser .time > span:not(.channel), .box.cssBroadcast.boxIpgTeaserSlider .teaser .time > span:not(.channel) {
      display: inline;
      width: auto;
      float: none;
      font-size: 1.1875em; }
    html.view-xs .box.cssBroadcast .teaser .time span.date:after, html.view-s .box.cssBroadcast .teaser .time span.date:after, .sectionC .box.cssBroadcast .teaser .time span.date:after, .modB .box.cssBroadcast .teaser .time span.date:after, .modC .box.cssBroadcast .teaser .time span.date:after, .modD .box.cssBroadcast .teaser .time span.date:after, .modE .box.cssBroadcast .teaser .time span.date:after, .box.cssBroadcast.boxIpgTeaserSlider .teaser .time span.date:after {
      content: " | "; }
  html.view-xs .box.cssBroadcast .teaser .broadcastLinks a, html.view-s .box.cssBroadcast .teaser .broadcastLinks a, .sectionC .box.cssBroadcast .teaser .broadcastLinks a, .modB .box.cssBroadcast .teaser .broadcastLinks a, .modC .box.cssBroadcast .teaser .broadcastLinks a, .modD .box.cssBroadcast .teaser .broadcastLinks a, .modE .box.cssBroadcast .teaser .broadcastLinks a, .box.cssBroadcast.boxIpgTeaserSlider .teaser .broadcastLinks a {
    width: 100%;
    text-align: center; }
html.view-xs .cssBroadcastList .box.cssBroadcast .imageWrapper:before, html.view-s .cssBroadcastList .box.cssBroadcast .imageWrapper:before, .sectionC .cssBroadcastList .box.cssBroadcast .imageWrapper:before {
  padding-top: 37.5%; }
html.view-xs .cssBroadcastList .box.cssBroadcast, html.view-s .cssBroadcastList .box.cssBroadcast, .sectionC .cssBroadcastList .box.cssBroadcast, .modC .box.cssBroadcast {
  padding: 0 !important;
  margin-bottom: 24px; }
  html.view-xs .cssBroadcastList .box.cssBroadcast .teaserInfoWrapper, html.view-s .cssBroadcastList .box.cssBroadcast .teaserInfoWrapper, .sectionC .cssBroadcastList .box.cssBroadcast .teaserInfoWrapper, .modC .box.cssBroadcast .teaserInfoWrapper {
    position: static; }
    html.view-xs .cssBroadcastList .box.cssBroadcast .teaserInfoWrapper .shortInfos, html.view-s .cssBroadcastList .box.cssBroadcast .teaserInfoWrapper .shortInfos, .sectionC .cssBroadcastList .box.cssBroadcast .teaserInfoWrapper .shortInfos, .modC .box.cssBroadcast .teaserInfoWrapper .shortInfos {
      padding-right: 0 !important;
      margin-top: 0 !important; }
  html.view-xs .cssBroadcastList .box.cssBroadcast .mediaCon, html.view-s .cssBroadcastList .box.cssBroadcast .mediaCon, .sectionC .cssBroadcastList .box.cssBroadcast .mediaCon, .modC .box.cssBroadcast .mediaCon {
    padding-right: 0;
    margin-bottom: 0; }
  html.view-xs .cssBroadcastList .box.cssBroadcast .time .date, html.view-s .cssBroadcastList .box.cssBroadcast .time .date, .sectionC .cssBroadcastList .box.cssBroadcast .time .date, .modC .box.cssBroadcast .time .date {
    display: none; }
  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;
    float: left;
    width: 100%;
    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 .sectionDetailPage .con h3.headline {
  font-size: 1em;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 8px;
  margin-bottom: 16px;
  text-transform: uppercase; }
body.cssBroadcast .sectionDetailPage .con.hasAv {
  margin-bottom: 32px; }
  body.cssBroadcast .sectionDetailPage .con.hasAv .box.cssBroadcast .mediaCon, body.cssBroadcast .sectionDetailPage .con.hasAv .box.cssBroadcast .shortInfos {
    width: 100%;
    padding-right: 0; }
  body.cssBroadcast .sectionDetailPage .con.hasAv .box.cssBroadcast .broadcastSpecs {
    display: block; }
  body.cssBroadcast .sectionDetailPage .con.hasAv .box.cssBroadcast .shortInfos {
    margin-bottom: 32px; }
body.cssBroadcast .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .broadcastSpecs {
  top: auto;
  right: auto;
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  float: left; }
body.cssBroadcast .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .mediaCon {
  margin-bottom: 16px !important; }
body.cssBroadcast .sectionDetailPage .con.conBroadcastSlider h3.headline {
  margin-bottom: 8px; }
body.cssBroadcast .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable {
  padding-left: 32px;
  padding-right: 32px; }
  body.cssBroadcast .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable .boxCon {
    background-color: #fefefe; }
  body.cssBroadcast .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable .box {
    padding: 8px !important; }
body.cssBroadcast .sectionDetailPage .con:not(.conInline) .teaser {
  padding: 0;
  border: 0; }
body.cssBroadcast .sectionDetailPage .box.cssBroadcast .teaser {
  display: block; }
body.cssBroadcast .sectionDetailPage .box.cssBroadcast .mediaCon {
  width: 33.333%;
  float: left; }
body.cssBroadcast .sectionDetailPage .box.cssBroadcast .shortInfos {
  float: left;
  width: 66.666%;
  padding-right: 84px; }
body.cssBroadcast .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 .sectionDetailPage .box.cssBroadcastContentInfos {
  display: block !important;
  margin-bottom: 32px !important; }
body.cssBroadcast .sectionDetailPage .box .teaser .time {
  display: none; }
body.cssBroadcast .sectionDetailPage .box .linklist {
  background-color: transparent;
  margin-bottom: 32px;
  padding: 0; }
  body.cssBroadcast .sectionDetailPage .box .linklist p.more {
    font-size: 0.875em;
    text-transform: uppercase;
    color: #666;
    font-weight: normal; }
  body.cssBroadcast .sectionDetailPage .box .linklist.address li {
    padding: 16px; }
body.cssBroadcast .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
  width: 33.333%;
  background-color: #ebebeb; }
body.cssBroadcast .sectionDetailPage .box.cssBroadcastContentInfos {
  margin-bottom: 16px;
  line-height: 1.5em; }
body.cssBroadcast .sectionDetailPage .box.cssIpgHeader, body.cssBroadcast .sectionDetailPage .box.cssIpgFooter {
  margin-bottom: 32px; }
body.cssBroadcast .sectionDetailPage .box.cssIpgHeader {
  margin-top: -16px; }
body.cssBroadcast .sectionDetailPage .box.cssProgramHint {
  margin-bottom: 32px; }
body.cssBroadcast .sectionDetailPage .box.cssBroadcast .teaser {
  padding: 0 !important; }
body.cssBroadcast .sectionDetailPage .modIpg .box.cssBroadcast .teaser {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
body.cssBroadcast .sectionDetailPage .box.cssProgramHint .cssProgramHintDate {
  border-bottom: 1px solid #dcdcdc; }
  body.cssBroadcast .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
    width: 33.333% !important;
    font-size: 1.1875em;
    background-color: transparent;
    border-right: 1px solid #dcdcdc;
    margin-bottom: 8px;
    padding: 12px 16px; }
    html.view-xs body.cssBroadcast .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span, html.view-s body.cssBroadcast .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
      font-size: 1em;
      padding: 8px; }
    body.cssBroadcast .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span:last-of-type {
      border-right: 0; }

.mod .box.boxIpgTeaser {
  background-color: #c4c4c4; }
  .mod .box.boxIpgTeaser .teaser {
    background-color: #fefefe; }
  .mod .box.boxIpgTeaser .controls.reload {
    background-color: #f9f9f9; }
    .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after {
      content: "";
      font-size: 1em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .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;
      text-align: center;
      width: 100%; }
      .mod .box.boxIpgTeaser .ipgHint a:after {
        content: "";
        font-size: 1em;
        margin-left: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .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%; }
  html.flexbox .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    html.flexbox .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .owl-stage .owl-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
  .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser {
    padding: 16px;
    margin-top: 8px; }
    .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser .time .date {
      display: none; }
    .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser .time .channel {
      display: none !important; }
  html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast, html.view-s .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast {
    padding-left: 48px;
    padding-right: 48px; }
    html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser .innerTeaser, html.view-s .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser .innerTeaser {
      padding-left: 16px;
      padding-right: 16px; }
      html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .teaser .innerTeaser .time, html.view-s .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: #f9f9f9; }
    .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons {
      text-align: center;
      background-color: #fefefe; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons .teaser {
        background-color: transparent;
        padding-bottom: 0; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons ul {
        margin: 0 auto;
        display: inline-block; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons li {
        float: left; }
      .mod .box.boxIpgTeaser.boxIpgTeaserButtons.boxIpgTeaserNowNextButtons .moreBtn {
        padding: 14px 16px;
        background-color: #5b8fbe;
        width: 180px;
        height: 44px;
        float: left;
        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) ul.ipgLinks li {
      float: left;
      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: #5b8fbe;
        color: #fff;
        font-size: 1.5em;
        text-align: left;
        min-height: 78px;
        border: 0;
        padding-top: 36px;
        padding-left: 24px; }
    html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) .teaser, html.view-s .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) .teaser, .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) .teaser, html.view-m .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) .teaser {
      padding: 0 !important; }
    html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks, html.view-s .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks, .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks, html.view-m .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks {
      width: 100%;
      margin: 0; }
      html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li, html.view-s .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li, .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li, html.view-m .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0; }
        html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li a.moreBtn, html.view-s .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li a.moreBtn, .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li a.moreBtn, html.view-m .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; }
        html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child, html.view-s .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child, .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child, html.view-m .sectionB .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child {
          padding-bottom: 0; }
          html.view-xs .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child a, html.view-s .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child a, .sectionC .mod .box.boxIpgTeaser.boxIpgTeaserButtons ul.ipgLinks li:last-child a, html.view-m .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 {
    padding: 8px 0 8px 0; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider .teaser {
      border: 0; }
      .mod .box.boxIpgTeaser.boxIpgTeaserSlider .teaser .shortInfos {
        margin-bottom: 10px;
        padding-bottom: 32px;
        margin-top: 0; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider:before, .mod .box.boxIpgTeaser.boxIpgTeaserSlider:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 48px;
      background: #dcdcdc; }
    .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 .ipgTeaserWrapper {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 0 38px; }
    html.flexbox .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner {
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      overflow-x: scroll; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .owl-stage .owl-item {
      padding-bottom: 1px; }
    .mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner .teaser {
      padding-top: 50px !important; }
      .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 .ipgTeaserWrapperInner .innerTeaser {
      background-color: #fff;
      -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      -moz-box-flex: 1 0 auto;
      flex: 1 0 auto; }
    .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 .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; }

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; }
  html.view-xs body.cssProgramDayBundle .cssIpgSearchSlider, html.view-s body.cssProgramDayBundle .cssIpgSearchSlider, html.view-xs body.cssBroadcast .cssIpgSearchSlider, html.view-s body.cssBroadcast .cssIpgSearchSlider {
    padding: 8px 16px; }
    html.view-xs body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a.prev, html.view-s body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a.prev, html.view-xs body.cssBroadcast .cssIpgSearchSlider .controls.layered .buttons a.prev, html.view-s body.cssBroadcast .cssIpgSearchSlider .controls.layered .buttons a.prev {
      left: 0; }
    html.view-xs body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a.next, html.view-s body.cssProgramDayBundle .cssIpgSearchSlider .controls.layered .buttons a.next, html.view-xs body.cssBroadcast .cssIpgSearchSlider .controls.layered .buttons a.next, html.view-s 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; }

.conMultiGroupWrapper {
  border: 0;
  padding: 16px;
  margin-bottom: 16px !important; }
  .conMultiGroupWrapper .modCon {
    border: 1px solid #dcdcdc; }
    .conMultiGroupWrapper .modCon .boxCon > p.headline {
      padding: 16px;
      font-size: 0.875em;
      font-weight: bold;
      margin-bottom: 0; }
    .conMultiGroupWrapper .modCon .boxCon .box {
      padding: 8px !important;
      background-color: transparent;
      margin-bottom: 16px; }
      .conMultiGroupWrapper .modCon .boxCon .box .linklist {
        background-color: transparent;
        padding: 8px; }
    .conMultiGroupWrapper .modCon .modA .box {
      border-bottom: 1px solid #dcdcdc; }
      .conMultiGroupWrapper .modCon .modA .box:last-of-type {
        border-bottom: 0; }
  .conMultiGroupWrapper .conSub {
    padding: 16px; }
    .conMultiGroupWrapper .conSub > h3.headline {
      font-size: 1.1875em;
      padding: 16px; }
    .conMultiGroupWrapper .conSub .boxCon {
      border: 1px solid #dcdcdc;
      border-top: 0; }
      .conMultiGroupWrapper .conSub .boxCon > h4 .headline {
        padding: 16px;
        padding-bottom: 0;
        font-size: 0.875em;
        font-weight: bold; }
  .conMultiGroupWrapper .controls {
    background-color: #ebebeb;
    text-transform: none;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #dcdcdc; }
    .conMultiGroupWrapper .controls a.back:before {
      content: "";
      font-size: 1em;
      margin-right: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .conMultiGroupWrapper .controls a.back:focus:before {
      text-decoration: none; }
    .conMultiGroupWrapper .controls a:after {
      display: none; }
    .conMultiGroupWrapper .controls a {
      border-top: 0; }
      .conMultiGroupWrapper .controls a:after {
        content: "";
        font-size: 1.1875em;
        margin-left: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .conMultiGroupWrapper .controls a:focus:after {
        text-decoration: none; }
      html.no-touch .conMultiGroupWrapper .controls a:hover {
        color: #0673b8; }
  .conMultiGroupWrapper h3.conHeadline, .conMultiGroupWrapper .conSub > h3.headline {
    background-color: transparent;
    border: 1px solid #dcdcdc !important;
    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 #dcdcdc;
    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.ui-tabs-layered .con.conMultiGroup {
    margin-bottom: 16px !important; }
  html.view-xs .conMultiGroupWrapper, html.view-s .conMultiGroupWrapper {
    padding-left: 16px;
    padding-right: 16px; }
  .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: #dcdcdc; }
    .conMultiGroupWrapper.conMultiGroupCollapsed .linklist li a {
      display: block;
      padding: 16px;
      border-bottom-color: #dcdcdc;
      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: #dcdcdc; }
  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 #dcdcdc;
    background-color: #f9f9f9;
    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: #f0f0f0;
  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 #dcdcdc; }
    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: #0673b8;
    border-color: #0673b8; }

body.cssBroadcastSeries h1 {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #000 !important;
  font-size: 1.1875em;
  padding-bottom: 16px;
  margin-top: 32px; }
body.cssBroadcastSeries .conMultiGroup .modCon {
  border: 0; }

.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 {
  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:after {
      color: #313131;
      right: 4px; }
    body.sportsStart .conRelatedLinks .mod .box ul li a:focus {
      background-color: transparent;
      color: #0673b8;
      text-decoration: none !important; }
      body.sportsStart .conRelatedLinks .mod .box ul li a:focus a:after {
        color: #0673b8; }
    html.no-touch body.sportsStart .conRelatedLinks .mod .box ul li a:hover {
      background-color: transparent;
      color: #0673b8; }
      html.no-touch body.sportsStart .conRelatedLinks .mod .box ul li a:hover a:after {
        color: #0673b8; }
  body.sportsStart .conRelatedLinks .mod .box ul li.hasLiveEvent a {
    background-color: #e2001a;
    border-color: #e2001a;
    color: #fefefe; }
    body.sportsStart .conRelatedLinks .mod .box ul li.hasLiveEvent a:after {
      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; }
    .sportResults .conRelatedLinks .box .linklist ul.list li {
      border: 0;
      width: auto;
      float: none;
      display: inline-block; }
      .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 span {
          display: inline; }
        .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; }
  html.view-xs .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conSports, html.view-s .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;
  margin-bottom: 8px;
  margin-right: 8px;
  width: auto; }
  .sportResults .conSports a.moreBtn:after {
    content: "";
    font-size: 1em;
    margin-left: 0;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .sportResults .conSports a.moreBtn:focus:after {
    text-decoration: none; }
  html.view-xs .sportResults .conSports a.moreBtn, html.view-s .sportResults .conSports a.moreBtn {
    display: block;
    margin-top: 8px;
    float: left;
    padding: 8px;
    width: 100%; }
  .sportResults .conSports a.moreBtn:focus {
    color: #0673b8 !important;
    text-decoration: none !important; }
  .sportResults .conSports a.moreBtn.reload {
    display: inline-block;
    float: none;
    font-size: 1.1875em;
    background-color: #fff;
    margin: 0;
    padding: 8px 16px; }
    .sportResults .conSports a.moreBtn.reload:after {
      content: "";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .sportResults .conSports a.moreBtn.reload:focus:after {
      text-decoration: none; }
    html.view-xs .sportResults .conSports a.moreBtn.reload, html.view-s .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: 12px 8px;
    position: relative;
    background-color: #e5e5e5; }
  .sportResults .sportsForm h1, .sportResults .sportsForm h2, .sportResults .sportsForm h3, .sportResults .sportsForm h4 {
    font-size: 1.1875em;
    width: 50%;
    float: left;
    text-transform: uppercase;
    margin-bottom: 0; }
  html.view-xs .sportResults .sportsForm h1, html.view-xs .sportResults .sportsForm h2, html.view-xs .sportResults .sportsForm h3, html.view-xs .sportResults .sportsForm h4, html.view-s .sportResults .sportsForm h1, html.view-s .sportResults .sportsForm h2, html.view-s .sportResults .sportsForm h3, html.view-s .sportResults .sportsForm h4 {
    width: 100%;
    font-size: 0.875em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  html.view-xs .sportResults .sportsForm .ui-selectbox span.label, html.view-s .sportResults .sportsForm .ui-selectbox span.label {
    font-size: 0.875em;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 99%; }
  html.view-xs .sportResults .sportsForm .ui-selectbox, html.view-s .sportResults .sportsForm .ui-selectbox {
    margin-top: 8px; }
  .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; }
html.view-xs .sportResults.con:not(.live) .matches .sportsForm.leagueNavi, html.view-s .sportResults.con:not(.live) .matches .sportsForm.leagueNavi {
  min-width: 50%;
  max-width: 50%;
  padding-right: 0 !important; }
  html.view-xs .sportResults.con:not(.live) .matches .sportsForm.leagueNavi .ui-selectbox span.label, html.view-s .sportResults.con:not(.live) .matches .sportsForm.leagueNavi .ui-selectbox span.label {
    max-width: 90px; }
html.view-xs .sportResults.con:not(.live) .matches .sportsForm.matchDayNavi, html.view-s .sportResults.con:not(.live) .matches .sportsForm.matchDayNavi {
  min-width: 50%;
  max-width: 50%;
  padding-left: 1px !important; }
  html.view-xs .sportResults.con:not(.live) .matches .sportsForm.matchDayNavi .ui-selectbox span.label, html.view-s .sportResults.con:not(.live) .matches .sportsForm.matchDayNavi .ui-selectbox span.label {
    max-width: 90px; }
.sportResults .matchDayTime .moreBtn {
  float: right; }
.sportResults .matchDayPageNavi {
  padding: 16px 32px; }
  html.view-xs .sportResults .matchDayPageNavi, html.view-s .sportResults .matchDayPageNavi, html.view-m .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: #0673b8; }
    .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 a.moreBtn {
    float: none;
    display: inline-block;
    margin-right: 0;
    margin-left: 4px; }
  .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; }
  .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:focus:before {
    text-decoration: none; }
html.view-xs .sportResults .matchesResults .table table tr, html.view-s .sportResults .matchesResults .table table tr {
  position: relative;
  display: block; }
  html.view-xs .sportResults .matchesResults .table table tr td, html.view-s .sportResults .matchesResults .table table tr td {
    border: 0; }
html.view-xs .sportResults .matchesResults .table table tr.collapsed td.links, html.view-s .sportResults .matchesResults .table table tr.collapsed td.links {
  padding-bottom: 8px; }
html.view-xs .sportResults .matchesResults .table table tr td.links, html.view-s .sportResults .matchesResults .table table tr td.links {
  display: block;
  position: static;
  width: 100%;
  padding-top: 0;
  padding-bottom: 21px; }
  html.view-xs .sportResults .matchesResults .table table tr td.links .collapseArrow, html.view-s .sportResults .matchesResults .table table tr td.links .collapseArrow {
    display: none !important; }
  html.view-xs .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger, html.view-s .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center; }
    html.view-xs .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before, html.view-s .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before {
      content: "";
      font-size: 1em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    html.view-xs .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:focus:before, html.view-s .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:focus:before {
      text-decoration: none; }
    html.view-xs .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before, html.view-s .sportResults .matchesResults .table table tr td.links .machTableLinksTrigger:before {
      bottom: 0;
      top: auto;
      position: absolute;
      margin: -4px 0 0 -4px;
      left: 50%; }
  html.view-xs .sportResults .matchesResults .table table tr td.links .matchTableLinks, html.view-s .sportResults .matchesResults .table table tr td.links .matchTableLinks {
    margin-bottom: 0;
    position: relative;
    left: 0;
    text-align: left; }
    html.view-xs .sportResults .matchesResults .table table tr td.links .matchTableLinks:after, html.view-s .sportResults .matchesResults .table table tr td.links .matchTableLinks:after {
      bottom: -9px; }
    html.view-xs .sportResults .matchesResults .table table tr td.links .matchTableLinks a.moreBtn, html.view-s .sportResults .matchesResults .table table tr td.links .matchTableLinks a.moreBtn {
      margin-left: 0;
      margin-right: 0;
      float: none;
      width: 49%; }
html.view-xs .sportResults .matchesResults .table table tr:not(.collapsed), html.view-s .sportResults .matchesResults .table table tr:not(.collapsed) {
  background-color: #fff; }
  html.view-xs .sportResults .matchesResults .table table tr:not(.collapsed) td, html.view-s .sportResults .matchesResults .table table tr:not(.collapsed) td {
    background-color: transparent; }
    html.view-xs .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:before, html.view-s .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; }
    html.view-xs .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:focus:before, html.view-s .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:focus:before {
      text-decoration: none; }
    html.view-xs .sportResults .matchesResults .table table tr:not(.collapsed) td.links .machTableLinksTrigger:before, html.view-s .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) .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;
    vertical-align: middle;
    display: inline; }
  .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; }
html.view-xs .sportResults .modTable .table table.spielplan tr, html.view-s .sportResults .modTable .table table.spielplan tr {
  position: relative;
  display: block;
  background-color: #f9f9f9; }
  html.view-xs .sportResults .modTable .table table.spielplan tr td, html.view-xs .sportResults .modTable .table table.spielplan tr th, html.view-s .sportResults .modTable .table table.spielplan tr td, html.view-s .sportResults .modTable .table table.spielplan tr th {
    margin-bottom: 0;
    border-bottom: 0;
    padding: 4px;
    width: auto !important;
    display: inline-block; }
    html.view-xs .sportResults .modTable .table table.spielplan tr td.spieltag, html.view-xs .sportResults .modTable .table table.spielplan tr th.spieltag, html.view-s .sportResults .modTable .table table.spielplan tr td.spieltag, html.view-s .sportResults .modTable .table table.spielplan tr th.spieltag {
      width: 23.5% !important; }
    html.view-xs .sportResults .modTable .table table.spielplan tr td.ort, html.view-xs .sportResults .modTable .table table.spielplan tr th.ort, html.view-s .sportResults .modTable .table table.spielplan tr td.ort, html.view-s .sportResults .modTable .table table.spielplan tr th.ort {
      width: 11.5% !important; }
    html.view-xs .sportResults .modTable .table table.spielplan tr td.gegner, html.view-xs .sportResults .modTable .table table.spielplan tr th.gegner, html.view-s .sportResults .modTable .table table.spielplan tr td.gegner, html.view-s .sportResults .modTable .table table.spielplan tr th.gegner {
      width: 40% !important; }
    html.view-xs .sportResults .modTable .table table.spielplan tr td.ergebnis, html.view-xs .sportResults .modTable .table table.spielplan tr th.ergebnis, html.view-s .sportResults .modTable .table table.spielplan tr td.ergebnis, html.view-s .sportResults .modTable .table table.spielplan tr th.ergebnis {
      width: 25% !important; }
    html.view-xs .sportResults .modTable .table table.spielplan tr td.termin, html.view-xs .sportResults .modTable .table table.spielplan tr td.links, html.view-xs .sportResults .modTable .table table.spielplan tr th.termin, html.view-xs .sportResults .modTable .table table.spielplan tr th.links, html.view-s .sportResults .modTable .table table.spielplan tr td.termin, html.view-s .sportResults .modTable .table table.spielplan tr td.links, html.view-s .sportResults .modTable .table table.spielplan tr th.termin, html.view-s .sportResults .modTable .table table.spielplan tr th.links {
      display: none; }
  html.view-xs .sportResults .modTable .table table.spielplan tr td.links, html.view-s .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: #ebebeb; }
  .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: #ebebeb;
    text-align: center;
    border-bottom-color: #dcdcdc;
    padding: 8px;
    vertical-align: middle; }
    .sportResults .modTable .table table tr th.mannschaft {
      text-align: left;
      background-color: #f9f9f9; }
    .sportResults .modTable .table table tr th a:after {
      content: "";
      font-size: 1em;
      margin-left: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .sportResults .modTable .table table tr th a:focus:after {
      text-decoration: none; }
  html.view-xs .sportResults .modTable .table table tr td, html.view-xs .sportResults .modTable .table table tr th, html.view-s .sportResults .modTable .table table tr td, html.view-s .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: #f9f9f9;
    padding: 8px; }
    .sportResults .modTable .table table tr td.gegner {
      font-weight: bold; }
    .sportResults .modTable .table table tr td.mannschaft {
      text-align: left;
      background-color: #f9f9f9; }
      .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: #0673b8; }
        .sportResults .modTable .table table tr td.mannschaft a:after {
          content: "";
          font-size: 1em;
          margin-left: 0;
          text-decoration: none;
          vertical-align: middle;
          display: inline; }
        .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; }
html.view-xs .sportResults .modTable .table table tr th.pv, html.view-xs .sportResults .modTable .table table tr td.pv, html.view-s .sportResults .modTable .table table tr th.pv, html.view-s .sportResults .modTable .table table tr td.pv, html.view-m .sportResults .modTable .table table tr th.pv, html.view-m .sportResults .modTable .table table tr td.pv {
  display: none; }
html.view-xs .sportResults .modTable .table table tr th.gewonnen, html.view-xs .sportResults .modTable .table table tr th.unentschieden, html.view-xs .sportResults .modTable .table table tr td.gewonnen, html.view-xs .sportResults .modTable .table table tr td.unentschieden,
html.view-xs .sportResults .modTable .table table tr th.verloren, html.view-xs .sportResults .modTable .table table tr td.verloren, html.view-s .sportResults .modTable .table table tr th.gewonnen, html.view-s .sportResults .modTable .table table tr th.unentschieden, html.view-s .sportResults .modTable .table table tr td.gewonnen, html.view-s .sportResults .modTable .table table tr td.unentschieden,
html.view-s .sportResults .modTable .table table tr th.verloren, html.view-s .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:not(.ui-tabs-layered) .ui-collapsible-entry:not(.collapsed) {
  padding: 4px; }
.sportResults .modTable.leagueTables .box {
  margin-bottom: 0 !important; }
.sportResults .modTable.matches .box, .sportResults .modTable.matches .boxCon {
  display: block !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%; }
    html.view-s .sportResults .modTable.matches .table table tr td:not(.links).heim, html.view-s .sportResults .modTable.matches .table table tr td:not(.links).gast, html.view-xs .sportResults .modTable.matches .table table tr td:not(.links).heim, html.view-xs .sportResults .modTable.matches .table table tr td:not(.links).gast, html.view-s .sportResults .modTable.matches .table table tr th.heim, html.view-s .sportResults .modTable.matches .table table tr th.gast, html.view-xs .sportResults .modTable.matches .table table tr th.heim, html.view-xs .sportResults .modTable.matches .table table tr th.gast {
      width: 33%; }
html.view-xs .sportResults .modTable .table.ui-collapsible-body, html.view-s .sportResults .modTable .table.ui-collapsible-body {
  padding: 4px; }
html.view-xs .sportResults tr th.spiele, html.view-xs .sportResults tr th.punkte, html.view-xs .sportResults tr th.platz, html.view-xs .sportResults tr th.diff {
  width: 38px;
  max-width: 38px;
  min-width: 38px;
  overflow: hidden;
  text-overflow: ellipsis; }
html.view-xs .sportResults tr th.mannschaft, html.view-xs .sportResults tr td.mannschaft {
  width: 50%; }
html.view-xs .sportResults:not(.Fußball) tr th.tore, html.view-xs .sportResults:not(.Fußball) tr td.tore {
  display: none; }
html.view-xs .sportResults:not(.Fußball) tr th.diff, html.view-xs .sportResults:not(.Fußball) tr td.diff {
  display: none; }
html.view-xs .sportResults.Fußball tr th.tore, html.view-xs .sportResults.Fußball tr td.tore {
  display: table-cell; }

body.cssTickerPopup {
  padding-top: 0;
  background: none;
  background-color: #91afd1 !important;
 /* Logos für Ligen
  .lid4073, .lid4074 {
    span.ansetzung {
      margin-top: 0;
      span.ergebnis {
        top: -80px;
      }

      html.view-s &, html.view-xs & {
        span.heimteam, span.gastteam {

          min-height: 74px;
          padding-top: 144px;
          margin-top: -32px;
        }
        span.ergebnis {
          top: 32px;
        }
      }
      html.view-xs & {
        span.heimteam, span.gastteam {
          width: 64px;
          min-height: 74px;
          padding-top: 100px;
        }
      }
    }

    &.thid70 {
      span.ansetzung .heimteam {
        @extend %baseTeamIcon;
        background: transparent url(/resources/global/img/mdrde/sport/logos/DynamoDresden.svg) no-repeat center center;
        background-size: 80% auto;
      }
    }
    &.tgid116 {
      span.ansetzung .gastteam {
        @extend %baseTeamIcon;
        background: transparent url(/resources/global/img/mdrde/sport/logos/HansaRockstock.svg) no-repeat center center;
        background-size: 80% auto;
      }
    }
  }
  */ }
  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 #footer, body.cssTickerPopup .wrapperChannelNavigation {
    display: none; }
  body.cssTickerPopup .coop {
    display: none; }
  body.cssTickerPopup .livematch .ansetzung .stand {
    color: #e2001a; }
  body.cssTickerPopup .koopdynamo .coop {
    text-align: center;
    background-color: #ebebeb;
    padding: 8px;
    font-size: 0.875em;
    display: block;
    font-weight: bold; }
    body.cssTickerPopup .koopdynamo .coop:before {
      content: "in Kooperation mit "; }
    body.cssTickerPopup .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-top: -24px;
      top: 12px; }
  body.cssTickerPopup .conSports .mod .box {
    margin-bottom: 0; }
  html.view-m body.cssTickerPopup .conSports.hasLiveTicker.hasStatistics .tickerMatches .box, html.view-m body.cssTickerPopup .conSports.konferenz .tickerMatches .box, html.view-l body.cssTickerPopup .conSports.hasLiveTicker.hasStatistics .tickerMatches .box, html.view-l body.cssTickerPopup .conSports.konferenz .tickerMatches .box, html.view-xl body.cssTickerPopup .conSports.hasLiveTicker.hasStatistics .tickerMatches .box, html.view-xl body.cssTickerPopup .conSports.konferenz .tickerMatches .box {
    width: 50%;
    max-width: 50%;
    min-width: 50%; }
  html.view-m body.cssTickerPopup .conSports.hasLiveTicker.hasStatistics .moreBtn.stats, html.view-m body.cssTickerPopup .conSports.konferenz .moreBtn.stats, html.view-l body.cssTickerPopup .conSports.hasLiveTicker.hasStatistics .moreBtn.stats, html.view-l body.cssTickerPopup .conSports.konferenz .moreBtn.stats, html.view-xl body.cssTickerPopup .conSports.hasLiveTicker.hasStatistics .moreBtn.stats, html.view-xl body.cssTickerPopup .conSports.konferenz .moreBtn.stats {
    display: none; }
  body.cssTickerPopup .conSports .tickerDate, body.cssTickerPopup .conSports .tickerLeague {
    padding: 8px 16px;
    border-bottom: 1px solid #dcdcdc;
    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; }
    html.view-xs body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload, html.view-s body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload, html.view-xs body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload, html.view-s body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload {
      padding-left: 8px;
      padding-right: 8px;
      width: 56px;
      font-size: 1.1875em;
      text-align: center; }
      html.view-xs body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload:after, html.view-s body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload:after, html.view-xs body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload:after, html.view-s body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload:after {
        margin-left: 0; }
      html.view-xs body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload span.linktext, html.view-s body.cssTickerPopup .conSports h2.conHeadline .moreBtn.reload span.linktext, html.view-xs body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload span.linktext, html.view-s body.cssTickerPopup .conSports h1.conHeadline .moreBtn.reload span.linktext {
        display: none; }
  body.cssTickerPopup .conSports .ansetzung {
    display: block;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 16px; }
    body.cssTickerPopup .conSports .ansetzung > span {
      display: inline-block;
      width: 200px; }
      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; }
    html.view-s body.cssTickerPopup .conSports .ansetzung span.heimteam, html.view-xs body.cssTickerPopup .conSports .ansetzung span.heimteam {
      width: 128px;
      float: left; }
    html.view-s body.cssTickerPopup .conSports .ansetzung span.gastteam, html.view-xs body.cssTickerPopup .conSports .ansetzung span.gastteam {
      width: 128px;
      float: right; }
    html.view-s body.cssTickerPopup .conSports .ansetzung span.ergebnis, html.view-xs body.cssTickerPopup .conSports .ansetzung span.ergebnis {
      width: 64px; }
    html.view-xs body.cssTickerPopup .conSports .ansetzung span.heimteam, html.view-xs body.cssTickerPopup .conSports .ansetzung span.gastteam {
      width: 100px; }
  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; }
  html.view-s body.cssTickerPopup .conSports .tickerMatches .moreBtn, html.view-xs body.cssTickerPopup .conSports .tickerMatches .moreBtn {
    float: left;
    margin: 0 4px 8px 0;
    width: auto;
    max-width: 100%;
    display: block; }
  html.view-s body.cssTickerPopup .conSports .tickerMatches .tickerTitle span, html.view-xs 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; }

.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 #dcdcdc;
  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 h1 .headline:before {
  content: "";
  font-size: 1em;
  margin-right: 0;
  text-decoration: none;
  vertical-align: middle;
  display: inline; }
body.cssCalendar h1 .headline:focus:before {
  text-decoration: none; }

.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; }
.box.cssCalendar.boxNormal > .teaser > .innerTeaser h4 .headline:focus:before,
.box.cssCalendar.boxSpecial > .teaser > .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }

.conCalendar .controls.sliding, .conConcertDetails .controls.sliding {
  background-color: #f0f0f0;
  margin-top: 32px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  text-transform: none; }
  .conCalendar .controls.sliding a span, .conConcertDetails .controls.sliding a span {
    position: relative; }
  .conCalendar .controls.sliding .currentDay, .conConcertDetails .controls.sliding .currentDay {
    font-weight: bold;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -11px; }

.conCalendar .controls.reload a.moreBtn {
  margin-top: 32px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
.conCalendar .box .owl-stage-outer {
  background-color: #ebebeb;
  text-align: center; }
.conCalendar .box .calTables {
  text-align: center; }
.conCalendar .box .calTables, .conCalendar .box .form {
  border: 1px solid #dcdcdc; }
.conCalendar .box .calTable {
  padding: 0 64px;
  display: none; }
  html.js .conCalendar .box .calTable, .conCalendar .box .calTable.ui-cal-currentMonth {
    display: block;
    margin: 0 auto; }
  html.js .conCalendar .box .calTable
  .moreBtn {
    width: 100%; }
.conCalendar .box table {
  margin-bottom: 16px; }
  .conCalendar .box table thead {
    display: none; }
  .conCalendar .box table caption {
    text-align: center;
    font-weight: bold;
    margin-bottom: 16px;
    margin-top: 16px; }
.conCalendar .ui-cal-menu {
  font-weight: bold; }
html.view-xs .conCalendar .ui-cal .box, html.view-s .conCalendar .ui-cal .box, html.view-m .conCalendar .ui-cal .box {
  padding: 0 !important; }
.conCalendar .ui-cal .controls.layered .buttons a.prev {
  left: 60px; }
.conCalendar .ui-cal .controls.layered .buttons a.next {
  right: 60px; }
html.view-xs .conCalendar .ui-cal .controls.layered .buttons a.prev, html.view-s .conCalendar .ui-cal .controls.layered .buttons a.prev, html.view-m .conCalendar .ui-cal .controls.layered .buttons a.prev {
  left: 16px; }
html.view-xs .conCalendar .ui-cal .controls.layered .buttons a.next, html.view-s .conCalendar .ui-cal .controls.layered .buttons a.next, html.view-m .conCalendar .ui-cal .controls.layered .buttons a.next {
  right: 16px; }
.conCalendar .ui-cal .submitfield {
  margin-top: 0; }
.conCalendar.conConcertCalendar .form-button {
  width: 100%; }
html.js .conCalendar.conConcertCalendar .form {
  display: block; }

.modCalResults h3.headline {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 24px; }

.calFilter {
  border-top: 1px solid #dcdcdc;
  background-color: #f0f0f0;
  display: none !important; }
  .calFilter h3.headline {
    font-size: 1em;
    padding: 8px;
    margin-bottom: 0; }
  .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 #dcdcdc;
  margin-top: 16px;
  padding-top: 16px; }

.calEntriesList {
  position: relative;
  z-index: 1; }
  .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; }

p.concertDate span {
  font-size: 1em; }

.calEntriesList .calEntriesGroup .box .teaser {
  padding-left: 150px !important; }

.calEntriesGroup {
  position: relative;
  border-top: 1px solid #dcdcdc;
  padding-top: 8px; }
  .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: 8px;
    font-size: 3.25em; }
    .calEntriesGroup h3.headline .startTime {
      font-size: 0.75em; }
    .calEntriesGroup h3.headline span.month, .calEntriesGroup h3.headline span.startTime span {
      display: block;
      font-size: 0.33em;
      line-height: 1.21; }
  .calEntriesGroup span.day:after {
    content: " "; }
  .calEntriesGroup span.date {
    width: auto;
    float: none;
    display: inline; }
  .calEntriesGroup p.concertDate span {
    font-size: 1em; }
  .calEntriesGroup span.trenner::before, .calEntriesGroup span.trenner:after {
    content: " "; }
  .calEntriesGroup.calDateRange .box .teaser {
    padding-left: 8px !important; }
  .calEntriesGroup .box .teaser {
    background-color: transparent;
    border-bottom: 0 !important; }
    .calEntriesGroup .box .teaser .innerTeaser {
      border-bottom: 1px solid #dcdcdc; }
    .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: transparent !important; }
  html.view-xs .calEntriesGroup .box, html.view-s .calEntriesGroup .box, html.view-m .sectionZ .calEntriesGroup .box, .sectionC .calEntriesGroup .box, .sectionB .calEntriesGroup .box, .modB .calEntriesGroup .box, .modC .calEntriesGroup .box {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    html.view-xs .calEntriesGroup .box .teaser, html.view-s .calEntriesGroup .box .teaser, html.view-m .sectionZ .calEntriesGroup .box .teaser, .sectionC .calEntriesGroup .box .teaser, .sectionB .calEntriesGroup .box .teaser, .modB .calEntriesGroup .box .teaser, .modC .calEntriesGroup .box .teaser {
      padding-left: 8px !important; }
  html.view-xs .calEntriesGroup h3.headline, html.view-s .calEntriesGroup h3.headline, html.view-m .sectionZ .calEntriesGroup h3.headline, .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%;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 16px; }

body.cssConcert .sectionDetailPage {
  padding-bottom: 0 !important; }
body.cssConcert .conConcertDetails .box ul, body.cssConcert .conConcertDetails .box p {
  margin-top: 16px;
  border-top: 1px solid #dcdcdc;
  padding-top: 16px; }
body.cssConcert .conConcertDetails .box ul.pieces {
  border-top: 0; }
body.cssConcert .conConcertDetails .box ul li {
  margin-bottom: 12px; }
body.cssConcert .conConcertDetails .box ul.pieces li span {
  font-weight: bold;
  display: block; }
body.cssConcert .ticketLink .moreBtn {
  border-color: #dcdcdc;
  background-color: transparent; }
body.cssConcert .conDetailHeader {
  padding-top: 32px !important; }
  body.cssConcert .conDetailHeader .box.firstMediaFull {
    display: block;
    padding-right: 0 !important;
    width: 50%;
    max-width: 50%;
    min-width: 50%; }
    body.cssConcert .conDetailHeader .box.firstMediaFull .mediaCon {
      display: block; }
      body.cssConcert .conDetailHeader .box.firstMediaFull .mediaCon .imageWrapper {
        overflow: hidden; }
        body.cssConcert .conDetailHeader .box.firstMediaFull .mediaCon .imageWrapper:before {
          display: block;
          content: "";
          padding-top: 56.25%; }
        body.cssConcert .conDetailHeader .box.firstMediaFull .mediaCon .imageWrapper img, body.cssConcert .conDetailHeader .box.firstMediaFull .mediaCon .imageWrapper div {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: block;
          overflow: hidden; }
  body.cssConcert .conDetailHeader .box:not(.firstMediaFull) {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
    padding-left: 16px !important; }
    body.cssConcert .conDetailHeader .box:not(.firstMediaFull) .mediaCon {
      display: none; }

.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; }
    html.view-s .pageAreaNewsFlash .con h3.newsFlashTitle, html.view-xs .pageAreaNewsFlash .con h3.newsFlashTitle {
      position: relative;
      top: 0;
      width: 100%;
      padding: 16px;
      background-color: #f0f0f0;
      border-bottom: 1px solid #dcdcdc; }
.pageAreaNewsFlash .box {
  padding: 0; }
  .pageAreaNewsFlash .box .teaser {
    padding: 16px 32px;
    padding-bottom: 0;
    background-color: #f9f9f9;
    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 #dcdcdc;
      padding-bottom: 23px; }
  .pageAreaNewsFlash .box:last-of-type .teaserInfoWrapper > *:last-child {
    border: 0; }
  html.view-s .pageAreaNewsFlash .box .teaserInfoWrapper, html.view-xs .pageAreaNewsFlash .box .teaserInfoWrapper {
    padding-left: 0; }

.conComments h3.headline {
  font-size: 1em;
  border-bottom: 1px solid #dcdcdc;
  padding: 8px;
  background-color: #ebebeb;
  margin-bottom: 0; }
.conComments .ui-collapsible-entry {
  border: 0;
  margin-bottom: 0 !important;
  background-color: transparent; }
.conComments .comments {
  background-color: #ebebeb; }
  .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; }
    .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: #7b7b7b;
      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: #f9f9f9;
    border-top: 1px solid #dcdcdc;
    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; }

.staticQuiz .quizProgress {
  float: left;
  width: 100%;
  height: 4px;
  position: relative;
  background-color: #dcdcdc;
  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: #dcdcdc;
  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: #dcdcdc;
    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%;
    float: left;
    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: #dcdcdc; }
.quizSolution.right p.solution {
  color: #009900; }
.quizSolution.wrong p.solution {
  color: #ec0000; }

.box.staticRadioPlayer {
  padding: 0 !important;
  width: 100%; }
  .box.staticRadioPlayer .avPlayerLayer {
    display: none !important; }
  .box.staticRadioPlayer .teaser {
    padding: 0; }

.radioPlayerWrapper {
  pointer-events: none;
  width: 100%; }
  .radioPlayerWrapper .ui-selectbox {
    pointer-events: auto; }

.radioPlayer {
  position: relative;
  width: 100%;
  float: left;
  z-index: 0;
  background-color: #4f4f4f;
  height: 44px !important; }
  .radioPlayer .spinner {
    left: 20px !important;
    color: #4f4f4f;
    z-index: 10 !important; }
    .radioPlayer .spinner div {
      border-color: #4f4f4f !important;
      background-color: #4f4f4f !important; }
    .radioPlayer .spinner:after {
      display: none; }
  .radioPlayer .ui-social-fixed {
    display: none !important; }
  .radioPlayer .radioPlayerControls {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 33px;
    color: #940044;
    background-color: #fefefe;
    font-size: 2em;
    padding: 2px 0px 0px 5px;
    cursor: pointer;
    z-index: 1;
    pointer-events: auto; }
    .radioPlayer .radioPlayerControls:before {
      content: "";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .radioPlayer .radioPlayerControls:focus:before {
      text-decoration: none; }
  .radioPlayer .playlistInfos {
    height: 40px;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 54px;
    right: 6px; }
    .radioPlayer .playlistInfos p {
      color: #fefefe !important;
      font-size: 0.9em;
      white-space: nowrap;
      margin-left: 0;
      position: absolute; }
  .radioPlayer .avPlayerAddControls, .radioPlayer .controls {
    display: none !important; }

.radioPlayerWrapper .addControls {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  background-color: #c4c4c4;
  margin-top: 1px;
  cursor: pointer;
  color: #4f4f4f; }
  .radioPlayerWrapper .addControls.liveStreamPopup .btn.popoutBtn, .radioPlayerWrapper .addControls.liveStreamPopup .btn.infoBtn, .radioPlayerWrapper .addControls.liveStreamPopup .btn.playlistBtn {
    display: none; }
  .radioPlayerWrapper .addControls .btn_box {
    float: right; }
  .radioPlayerWrapper .addControls .btn {
    background-color: transparent;
    cursor: pointer;
    color: #4f4f4f;
    float: left;
    width: 44px;
    height: 44px;
    padding: 8px;
    pointer-events: auto; }
    .radioPlayerWrapper .addControls .btn.faded {
      cursor: default; }
    .radioPlayerWrapper .addControls .btn.faded:before {
      opacity: 0.3; }
    .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:before {
      content: "";
      font-size: 1.5em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:focus:before {
      text-decoration: none; }
    .radioPlayerWrapper .addControls .btn.popoutBtn {
      border-left: 1px solid #4f4f4f; }
      .radioPlayerWrapper .addControls .btn.popoutBtn:before {
        content: "";
        font-size: 1.5em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .radioPlayerWrapper .addControls .btn.popoutBtn:focus:before {
        text-decoration: none; }
    .radioPlayerWrapper .addControls .btn.infoBtn {
      border-left: 1px solid #4f4f4f; }
      .radioPlayerWrapper .addControls .btn.infoBtn:before {
        content: "";
        font-size: 1.5em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .radioPlayerWrapper .addControls .btn.infoBtn:focus:before {
        text-decoration: none; }
    .radioPlayerWrapper .addControls .btn.playlistBtn {
      border-left: 1px solid #4f4f4f; }
      .radioPlayerWrapper .addControls .btn.playlistBtn:before {
        content: "";
        font-size: 1.5em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline; }
      .radioPlayerWrapper .addControls .btn.playlistBtn:focus:before {
        text-decoration: none; }
    html.no-touch .radioPlayerWrapper .addControls .btn:hover {
      color: #fefefe; }
  .radioPlayerWrapper .addControls .avPlayerVolumeBar {
    position: relative;
    width: 80px;
    height: 44px;
    display: inline-block;
    float: left;
    margin-left: 12px;
    pointer-events: auto; }
    .radioPlayerWrapper .addControls .avPlayerVolumeBar.faded {
      opacity: 0.3; }
    .radioPlayerWrapper .addControls .avPlayerVolumeBar:before {
      position: absolute;
      content: "";
      top: 23px;
      height: 2px;
      width: 100%;
      left: 0;
      background-color: #fefefe; }
  .radioPlayerWrapper .addControls .avPlayerVolumeHandle {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #4f4f4f;
    left: 0;
    top: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    pointer-events: auto; }
  .radioPlayerWrapper .addControls .avPlayerVolumeProgress {
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #4f4f4f;
    left: 0;
    top: 23px;
    pointer-events: auto; }
.radioPlayerWrapper .radioLabel {
  display: block;
  margin-bottom: 1px;
  background-color: #4f4f4f;
  color: #ffffff;
  width: 100%;
  border: 0;
  margin-bottom: 1px;
  height: 40px;
  padding: 10px;
  font-size: 110%;
  min-width: 290px; }
html.js .radioPlayerWrapper .ui-selectbox {
  width: 100%;
  min-width: 290px;
  border: 0;
  color: #fefefe;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #4f4f4f;
  margin-bottom: 1px;
  height: 40px;
  padding: 10px;
  font-size: 110%; }
.radioPlayerWrapper.muted .addControls .btn.avPlayerVolumeBtn:before {
  content: ""; }
.radioPlayerWrapper.brav-buffer .radioPlayerControls:before {
  display: none; }
.radioPlayerWrapper.brav-playing .radioPlayerControls {
  font-size: 20px; }
  .radioPlayerWrapper.brav-playing .radioPlayerControls:before {
    content: "";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .radioPlayerWrapper.brav-playing .radioPlayerControls:focus:before {
    text-decoration: none; }
  .radioPlayerWrapper.brav-playing .radioPlayerControls:before {
    margin-right: 0;
    padding-top: 2px;
    margin-left: 7px; }
.radioPlayerWrapper.brav-paused .radioPlayerControls {
  font-size: 32px; }
  .radioPlayerWrapper.brav-paused .radioPlayerControls:before {
    content: "";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline; }
  .radioPlayerWrapper.brav-paused .radioPlayerControls:focus:before {
    text-decoration: none; }

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

.weather {
  padding: 8px !important; }
  .mod.modA .weather {
    margin-bottom: 0; }
  html.view-m .weather {
    width: 100% !important;
    max-width: 100% !important; }
  .weather .teaser {
    padding: 8px !important;
    background-color: transparent !important; }
  .weather h3 {
    float: none;
    margin-bottom: 12px;
    line-height: 1.21; }
    .weather h3 .headline {
      font-size: 1.5em;
      font-weight: normal; }
  .weather svg {
    float: left;
    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;
      float: left; }
    .weather div.weather-title h3 {
      margin-bottom: 0; }

.weather-infos .unitC {
  padding: 16px;
  border-right: 1px solid #dcdcdc; }
  .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 #dcdcdc; }
  .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: block !important;
  padding: 8px; }
  .weather-search .weather-source {
    float: right;
    margin-top: 6px;
    font-size: 0.875em;
    width: 50%;
    text-align: right; }
  .weather-search h3 {
    float: left;
    width: 50%; }
  .weather-search .form:first-of-type {
    padding-right: 16px; }
    html.view-xs .weather-search .form:first-of-type, html.view-s .weather-search .form:first-of-type {
      padding-right: 0; }
  .weather-search fieldset {
    background-color: transparent;
    padding: 0; }
    .weather-search fieldset .formElement {
      padding-right: 32px;
      border-bottom: 0; }
      .weather-search fieldset .formElement label {
        margin-bottom: 8px;
        display: block; }
    .weather-search fieldset input {
      height: 33px; }
    .weather-search fieldset .ui-selectbox {
      width: 100%;
      height: 33px; }
    .weather-search fieldset .moreBtn.submitButton {
      position: absolute;
      top: 28px;
      width: 28px;
      right: 0;
      height: 33px;
      border: 1px solid #ccc;
      border-radius: 4px;
      background-color: #fefefe; }
      .weather-search fieldset .moreBtn.submitButton:after {
        margin-top: -5px;
        margin-left: 3px; }

.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 {
  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%; }
html.view-m .weather-day .line > div, html.view-xs .weather-day .line > div {
  width: 100%; }
.weather-day.weather-2days .line > div {
  width: 100%; }
  html.view-s .weather-day.weather-2days .line > div, .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-cam {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row !important;
  -moz-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }
  .weather-cam div.weather-title {
    padding-bottom: 0; }
  .weather-cam > div {
    padding: 8px; }
    .weather-cam > div .mediaCon {
      display: block !important;
      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 #dcdcdc; }
    .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; }

.weatherInnerWrapper li {
  position: absolute;
  background-color: #fff;
  width: auto;
  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: block; }
  .weatherInnerWrapper li span.icon {
    position: relative;
    width: 36px;
    height: 36px;
    min-width: 36px; }
  html.view-xs .weatherInnerWrapper li, html.view-s .weatherInnerWrapper li, .weather-teaser .weatherInnerWrapper li {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    padding: 8px 24px 8px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 0;
    margin-bottom: 4px;
    border-bottom: 1px solid #dcdcdc;
    display: block;
    background-color: transparent; }
    html.view-xs .weatherInnerWrapper li:after, html.view-s .weatherInnerWrapper li:after, .weather-teaser .weatherInnerWrapper li:after {
      content: "";
      font-size: 1em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    html.view-xs .weatherInnerWrapper li:focus:after, html.view-s .weatherInnerWrapper li:focus:after, .weather-teaser .weatherInnerWrapper li:focus:after {
      text-decoration: none; }
    html.view-xs .weatherInnerWrapper li:after, html.view-s .weatherInnerWrapper li:after, .weather-teaser .weatherInnerWrapper li:after {
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -8px; }
  .weatherInnerWrapper li.link {
    line-height: 1em;
    padding: 8px; }
    .weatherInnerWrapper li.link:after {
      content: "";
      font-size: 1em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline; }
    .weatherInnerWrapper li.link:focus:after {
      text-decoration: none; }
  .weatherInnerWrapper li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; }

.weather-card {
  position: relative;
  background-size: cover;
  display: block !important; }
  .weather-card .weatherInnerWrapper {
    position: relative;
    max-width: 600px;
    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; }
    html.view-xs .weather-card .weather-bg, html.view-s .weather-card .weather-bg {
      display: none !important; }

.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; }
  .view-xs .weather-current.unitC.day, .view-s .weather-current.unitC.day, .view-xs .weather-current.unitC.night, .view-s .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); }

.weather-infos .unitC {
  padding-bottom: 0; }
  .view-xs .weather-infos .unitC, .view-s .weather-infos .unitC {
    border-right: none;
    border-bottom: 1px solid #dcdcdc; }
    .view-xs .weather-infos .unitC:last-of-type, .view-s .weather-infos .unitC:last-of-type {
      border-right: none;
      border-bottom: none; }

html.view-xs .weather-day .line > div {
  width: 50%; }

html.view-xs .weather-day, html.view-s .weather-day {
  width: 100%;
  max-width: 100%; }

html.view-xs .weather-day.weather-2days .line > div {
  width: 100%; }

.staticEcard form {
  background-color: #ebebeb; }
  .staticEcard form .form-button {
    background-color: #fefefe !important; }
.staticEcard .ecardNavigation ul li {
  display: inline-block; }
  .staticEcard .ecardNavigation ul li.active a {
    background-color: #ebebeb; }
  .staticEcard .ecardNavigation ul li a {
    padding: 8px;
    display: block;
    font-weight: bold;
    opacity: .5; }
    .staticEcard .ecardNavigation ul li a.fragmentLoad {
      opacity: 1; }
.staticEcard .ecardContent {
  background-color: #ebebeb;
  padding: 16px; }
  .staticEcard .ecardContent .formElement.required {
    margin-bottom: 0; }
  .staticEcard .ecardContent .form-button {
    margin-bottom: 8px !important; }
  .staticEcard .ecardContent .unitB > p {
    padding: 8px;
    margin-bottom: 1px;
    background-color: #ebebeb; }
    .staticEcard .ecardContent .unitB > p > * {
      display: block; }
  html.flexbox .staticEcard .ecardContent form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.staticEcard .unitB {
  background-color: #fefefe;
  padding: 16px; }
  .staticEcard .unitB:first-of-type {
    border-right: 1px solid #ebebeb; }
.staticEcard .ecardInner, .staticEcard .ecardContent, .staticEcard .ecardNavigation, .staticEcard .innerForm, .staticEcard fieldset {
  max-width: 100%;
  min-width: 100%;
  width: 100%; }

#content .sectionWrapper.noDistance {
  margin-bottom: 1px; }
#content .con.noDistance {
  margin-bottom: 0; }

body {
  background-color: #c6ced1;
  touch-action: manipulation; }

html.view-xs .bgWrapper, html.view-s .bgWrapper {
  display: none;
  position: absolute;
  z-index: 0; }

.con.noConBackground {
  background-color: transparent !important; }

/*# sourceMappingURL=mdr-site.css.map */