@charset "CP850";
* {
  -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, .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, .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, .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, .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, #header .navigation.navigationTop ul li a, .view-s #header .navigation:not(.navigationTop) ul li, .view-xs #header .navigation:not(.navigationTop) ul li, .sectionChannelHeader .section .channelTitle, #footer, #footer .footer-top, #footer .footer-bottom, #footer .footer-bottom .linklist, .ui-thumbSlider, .ui-thumbSlider .thumbSliderContainer a, .ui-cal, .ui-cal-slider .box span, .cssIpgSearchSlider .box span, .ui-cal-menu ul, .cssIpgMenu ul, .ui-tags, .mod .channelBtn, .mod .paragraph, .mod .innerTeaser, .mod .timestamp, .mod.modParagraph .jumpLabelList, .mod.modParagraph .jumpLabelList ul, .mod.modParagraph .jumpLabelTitle, .mod.modParagraph .authorWrapper, .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, .mod .cssAvAccessibleWrapper, .mod .cssAvAccessibleWrapper button, 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, .box.cssBroadcast .teaser p.seasonInfo, body.cssBroadcast #content .sectionDetailPage .con p.seasonInfo, body.cssBroadcast #content .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .broadcastLinks, .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, .view-s #header .navigation:not(.navigationTop) .mehr > a:after, .view-xs #header .navigation:not(.navigationTop) .mehr > a:after, .view-s #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a:after, .view-xs #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a:after, .sectionChannelHeader.isScrolling .section .channelTitle h2:before, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarLeftToggle > .inset > .icon:before, .show-sidebar-left .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarLeftToggle > .inset > .icon:before, .sectionChannelHeader .section .channelTitle.front .top .searchformHeaderToggle > .inset > .icon:before, .show-sidebar-right .sectionChannelHeader .section .channelTitle.front .top .sidebarRightToggle > .inset > .icon:before, .searchformSidebar form.searchForm .searchInput button > span.icon:after, .searchformHeader form.searchForm .searchInput button > span.icon:after, .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn span.icon, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn span.icon, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn span.icon, .headerBottomItems .launchLivestreamplayer .mplToggleBtn span.icon, .sectionSongindicator .songIndicator.mplToggle .livePlayButton span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton span.icon, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward .icon, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack .icon, .mpl .mplSectionOne a.mplKontakt .icon > span, .mpl .mplSectionOne a.mplHotline .icon > span, .mpl .mplSectionOne a.mplStudiocam .icon > span, .mpl .mplSectionThree .mplBottom ul.mplSocials li a span.icon:before, .mpl .mplSectionThree .mplSongNow a.livePlayButton > span.icon, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton > span.icon, .mpl .mplSongsBefore .mplPlaylistBtnBack > span.icon, .mpl .mplSongsBefore .mplPlaylistBtnForward > span.icon, #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, .sectionDetailPage form.searchForm button.submitBtn:after, .xxx_sectionSidebar form.searchForm button.submitBtn:after, .xxx_sectionChannelHeader form.searchForm button.submitBtn:after, .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, .av-playerContainer .playlistBtn:before, .modLightbox.mmg .ui-playlist .playlistHeader button:before, .ui-socialembed input:checked + label:after, .ui-reloadPageBtn:after, .ui-reloadPageBtn.scrollToLastEntry:after, .icon-font, .section .pageAreaTitle a:after, .section h3.conHeadline:not(.hasArrow) a:after, .mod .box.boxImage .teaserInfoWrapper:after, .mod .box.boxImageSquare .teaserInfoWrapper:after, .mod .collapseArrow:before, .mod .retentionInfo a:before, .mod .moreBtn:after, .mod .linklist li.facebook a .linktext:before, .mod .linklist li.twitter a .linktext:before, .mod .linklist li a:before, .mod .media .imageWrapper .icon-font, .mod .linklist .list li a .linktext:before,
.mod .linklist .list li > span .linktext:before,
.mod .linklist .list li > div .linktext:before, .controls a.prev:before, .controls a.next:after, .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.HD:before, .box.cssBroadcast .teaser .broadcastSpecs li.dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:before, .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:before, .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:before, .box.cssBroadcast .teaser .broadcastSpecs li.live:before, .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:before, .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:before, .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after, .mod .box.boxIpgTeaser .ipgHint a:after, .conMultiGroupWrapper .controls:not(.reload) a.back:before, .conMultiGroupWrapper .controls:not(.reload) a:after, .sportResults .conSports a.moreBtn:after, .sportResults .conSports a.moreBtn.reload:after, .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:before, 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.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, .voiceReaderButton .icon-font:before, .jump-twitter-embed .inset .head .icon:before, .jump-twitter-embed .inset .foot .loadbutton:after, .jump-twitter-embed .inset .foot .infobutton:before, .paragraph p.text:not(.teasertext) a:before, .channelNavigation ul.level1 li.hasChilds .nav-toggle:before, .channelNavigation ul.level2 li.hasChilds .nav-toggle:before, .channelNavigation ul.level3 li.hasChilds .nav-toggle:before, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.icon:after, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.icon:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer a.weather-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer a.verkehr-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer a.weather-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer a.verkehr-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item-toggle:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item-toggle:after, .socialTeaser li.fb_post p.likes:after, .socialTeaser li.fb_foot p.likes:after {
  font-family: 'mdricons';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal; }

*, .av-playerContainer .playlistBtn, .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 gainsboro;
  /*&: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.event10001000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event11000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000010, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000001, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10000100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event10100100, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event100000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event1000000, body.cssTickerPopup .conSports .tickerMatches .lastEvent.event110000 {
  width: 32px;
  height: 16px;
  display: inline-block;
  background-position: 0 0;
  background-image: url(/resources/global/img/mdrde/sport/tickericons.svg?2019); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

h3.conHeadline a[href]:after, #header .searchLayerToggle:before, #header button.nav-toggle:before, .view-s #header .navigation:not(.navigationTop) .mehr > a:after, .view-xs #header .navigation:not(.navigationTop) .mehr > a:after, .view-s #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a:after, .view-xs #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a:after, .sectionChannelHeader.isScrolling .section .channelTitle h2:before, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarLeftToggle > .inset > .icon:before, .show-sidebar-left .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarLeftToggle > .inset > .icon:before, .sectionChannelHeader .section .channelTitle.front .top .searchformHeaderToggle > .inset > .icon:before, .show-sidebar-right .sectionChannelHeader .section .channelTitle.front .top .sidebarRightToggle > .inset > .icon:before, .searchformSidebar form.searchForm .searchInput button > span.icon:after, .searchformHeader form.searchForm .searchInput button > span.icon:after, .sectionSongindicator .songIndicator.mplToggle .mplToggleBtn span.icon, .sectionSongindicator .launchLivestreamplayer .mplToggleBtn span.icon, .headerBottomItems .songIndicator.mplToggle .mplToggleBtn span.icon, .headerBottomItems .launchLivestreamplayer .mplToggleBtn span.icon, .sectionSongindicator .songIndicator.mplToggle .livePlayButton span.icon, .sectionSongindicator .launchLivestreamplayer .livePlayButton span.icon, .headerBottomItems .songIndicator.mplToggle .livePlayButton span.icon, .headerBottomItems .launchLivestreamplayer .livePlayButton span.icon, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward .icon, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack .icon, .mpl .mplSectionOne a.mplKontakt .icon > span, .mpl .mplSectionOne a.mplHotline .icon > span, .mpl .mplSectionOne a.mplStudiocam .icon > span, .mpl .mplSectionThree .mplBottom ul.mplSocials li a span.icon:before, .mpl .mplSectionThree .mplSongNow a.livePlayButton > span.icon, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton > span.icon, .mpl .mplSongsBefore .mplPlaylistBtnBack > span.icon, .mpl .mplSongsBefore .mplPlaylistBtnForward > span.icon, #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, .sectionDetailPage form.searchForm button.submitBtn:after, .xxx_sectionSidebar form.searchForm button.submitBtn:after, .xxx_sectionChannelHeader form.searchForm button.submitBtn:after, .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, .av-playerContainer .playlistBtn:before, .modLightbox.mmg .ui-playlist .playlistHeader button:before, .ui-socialembed input:checked + label:after, .ui-reloadPageBtn:after, .ui-reloadPageBtn.scrollToLastEntry:after, .icon-font, .section .pageAreaTitle a:after, .section h3.conHeadline:not(.hasArrow) a:after, .mod .box.boxImage .teaserInfoWrapper:after, .mod .box.boxImageSquare .teaserInfoWrapper:after, .mod .collapseArrow:before, .mod .retentionInfo a:before, .mod .moreBtn:after, .mod .linklist li.facebook a .linktext:before, .mod .linklist li.twitter a .linktext:before, .mod .linklist li a:before, .mod .media .imageWrapper .icon-font, .mod .linklist .list li a .linktext:before,
.mod .linklist .list li > span .linktext:before,
.mod .linklist .list li > div .linktext:before, .controls a.prev:before, .controls a.next:after, .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.HD:before, .box.cssBroadcast .teaser .broadcastSpecs li.dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:before, .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:before, .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:before, .box.cssBroadcast .teaser .broadcastSpecs li.live:before, .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:before, .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:before, .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:before, .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after, .mod .box.boxIpgTeaser .ipgHint a:after, .conMultiGroupWrapper .controls:not(.reload) a.back:before, .conMultiGroupWrapper .controls:not(.reload) a:after, .sportResults .conSports a.moreBtn:after, .sportResults .conSports a.moreBtn.reload:after, .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:before, 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.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, .voiceReaderButton .icon-font:before, .jump-twitter-embed .inset .head .icon:before, .jump-twitter-embed .inset .foot .loadbutton:after, .jump-twitter-embed .inset .foot .infobutton:before, .paragraph p.text:not(.teasertext) a:before, .channelNavigation ul.level1 li.hasChilds .nav-toggle:before, .channelNavigation ul.level2 li.hasChilds .nav-toggle:before, .channelNavigation ul.level3 li.hasChilds .nav-toggle:before, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.icon:after, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.icon:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer a.weather-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer a.verkehr-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer a.weather-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer a.verkehr-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item-toggle:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item-toggle:after, .socialTeaser li.fb_post p.likes:after, .socialTeaser li.fb_foot p.likes:after {
  font-family: 'mdricons';
  vertical-align: middle;
  display: inline-block; }

*, .av-playerContainer .playlistBtn, .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 #d5d5da;
  /*&: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: #d40028;
    text-decoration: none; }
  html.no-touch .mod .moreBtn.solidBtn:hover, .mod html.no-touch .moreBtn.solidBtn:hover, html.no-touch .controls.reload a.moreBtn:hover, .controls.reload html.no-touch a.moreBtn:hover, html.no-touch .form .submitfield button:hover, .form .submitfield html.no-touch button:hover,
  html.no-touch .form .submitfield a.moreBtn:hover,
  .form .submitfield html.no-touch a.moreBtn:hover,
  html.no-touch .form-success .submitfield button:hover,
  .form-success .submitfield html.no-touch button:hover,
  html.no-touch .form-success .submitfield a.moreBtn:hover,
  .form-success .submitfield html.no-touch a.moreBtn:hover, html.no-touch .mod .box .downloadInfo a.moreBtn:hover, .mod .box .downloadInfo html.no-touch a.moreBtn:hover {
    border-color: rgba(0, 0, 0, 0.8); }

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

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

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

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

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

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

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

.sectionWrapper:not(.hasSectionDetail) .sectionWrapperMain, .sectionWrapper:not(.hasSectionDetail) .sectionWrapperRelated, .sectionWrapper.hasSectionDetail .sectionWrapperMain .section, .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section > .con {
  background-color: white; }

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

.jumpHeaderHeight, .jumpHeader, .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .channelTitle.front {
  transition: all 0.3s; }
  .view-xs .jumpHeaderHeight, .view-xs .jumpHeader, .view-xs .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-xs .channelTitle.back, .view-xs .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-xs .channelTitle.front {
    height: 107px; }
  .view-s .jumpHeaderHeight, .view-s .jumpHeader, .view-s .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-s .channelTitle.back, .view-s .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-s .channelTitle.front {
    height: 115px; }
  .view-m .jumpHeaderHeight, .view-m .jumpHeader, .view-m .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-m .channelTitle.back, .view-m .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-m .channelTitle.front {
    height: 128px; }
  .view-l .jumpHeaderHeight, .view-l .jumpHeader, .view-l .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-l .channelTitle.back, .view-l .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-l .channelTitle.front {
    height: 142px; }
  .view-xl .jumpHeaderHeight, .view-xl .jumpHeader, .view-xl .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-xl .channelTitle.back, .view-xl .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-xl .channelTitle.front {
    height: 178px; }
  html.isScrolling .jumpHeaderHeight, html.isScrolling .jumpHeader, html.isScrolling .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section html.isScrolling .channelTitle.back, html.isScrolling .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section html.isScrolling .channelTitle.front {
    height: 58px; }

.jumpHeaderHeightTop, .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .top {
  transition: all 0.3s; }
  .view-xs .jumpHeaderHeightTop, .view-xs .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-xs .top, .view-xs .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-xs .top {
    height: 64px; }
  .view-s .jumpHeaderHeightTop, .view-s .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-s .top, .view-s .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-s .top {
    height: 72px; }
  .view-m .jumpHeaderHeightTop, .view-m .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-m .top, .view-m .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-m .top {
    height: 82px; }
  .view-l .jumpHeaderHeightTop, .view-l .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-l .top, .view-l .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-l .top {
    height: 92px; }
  .view-xl .jumpHeaderHeightTop, .view-xl .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-xl .top, .view-xl .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-xl .top {
    height: 124px; }
  html.isScrolling .jumpHeaderHeightTop, html.isScrolling .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back html.isScrolling .top, html.isScrolling .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front html.isScrolling .top {
    height: 58px; }

.jumpHeaderHeightBottom, .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton {
  transition: height 0.3s; }
  .view-xs .jumpHeaderHeightBottom, .view-xs .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-xs a.livePlayButton, .view-xs .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-xs a.linkPlaylistButton {
    height: 43px; }
  .view-s .jumpHeaderHeightBottom, .view-s .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-s a.livePlayButton, .view-s .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-s a.linkPlaylistButton {
    height: 43px; }
  .view-m .jumpHeaderHeightBottom, .view-m .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-m a.livePlayButton, .view-m .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-m a.linkPlaylistButton {
    height: 46px; }
  .view-l .jumpHeaderHeightBottom, .view-l .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-l a.livePlayButton, .view-l .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-l a.linkPlaylistButton {
    height: 50px; }
  .view-xl .jumpHeaderHeightBottom, .view-xl .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-xl a.livePlayButton, .view-xl .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-xl a.linkPlaylistButton {
    height: 54px; }

.clearer {
  clear: both;
  font-size: 1px !important;
  height: 0px !important;
  line-height: 0px !important;
  overflow: hidden; }

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

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

.jumpHeaderHeight, .jumpHeader, .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .channelTitle.front {
  transition: all 0.3s; }
  .view-xs .jumpHeaderHeight, .view-xs .jumpHeader, .view-xs .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-xs .channelTitle.back, .view-xs .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-xs .channelTitle.front {
    height: 107px; }
  .view-s .jumpHeaderHeight, .view-s .jumpHeader, .view-s .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-s .channelTitle.back, .view-s .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-s .channelTitle.front {
    height: 115px; }
  .view-m .jumpHeaderHeight, .view-m .jumpHeader, .view-m .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-m .channelTitle.back, .view-m .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-m .channelTitle.front {
    height: 128px; }
  .view-l .jumpHeaderHeight, .view-l .jumpHeader, .view-l .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-l .channelTitle.back, .view-l .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-l .channelTitle.front {
    height: 142px; }
  .view-xl .jumpHeaderHeight, .view-xl .jumpHeader, .view-xl .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section .view-xl .channelTitle.back, .view-xl .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section .view-xl .channelTitle.front {
    height: 178px; }
  html.isScrolling .jumpHeaderHeight, html.isScrolling .jumpHeader, html.isScrolling .jumpHeader .sectionChannelHeader .section .channelTitle.back, .jumpHeader .sectionChannelHeader .section html.isScrolling .channelTitle.back, html.isScrolling .jumpHeader .sectionChannelHeader .section .channelTitle.front, .jumpHeader .sectionChannelHeader .section html.isScrolling .channelTitle.front {
    height: 58px; }

.jumpHeaderHeightTop, .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .top {
  transition: all 0.3s; }
  .view-xs .jumpHeaderHeightTop, .view-xs .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-xs .top, .view-xs .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-xs .top {
    height: 64px; }
  .view-s .jumpHeaderHeightTop, .view-s .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-s .top, .view-s .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-s .top {
    height: 72px; }
  .view-m .jumpHeaderHeightTop, .view-m .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-m .top, .view-m .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-m .top {
    height: 82px; }
  .view-l .jumpHeaderHeightTop, .view-l .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-l .top, .view-l .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-l .top {
    height: 92px; }
  .view-xl .jumpHeaderHeightTop, .view-xl .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back .view-xl .top, .view-xl .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .view-xl .top {
    height: 124px; }
  html.isScrolling .jumpHeaderHeightTop, html.isScrolling .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.back html.isScrolling .top, html.isScrolling .jumpHeader .sectionChannelHeader .section .channelTitle.front .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front html.isScrolling .top {
    height: 58px; }

.jumpHeaderHeightBottom, .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton {
  transition: height 0.3s; }
  .view-xs .jumpHeaderHeightBottom, .view-xs .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-xs a.livePlayButton, .view-xs .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-xs a.linkPlaylistButton {
    height: 43px; }
  .view-s .jumpHeaderHeightBottom, .view-s .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-s a.livePlayButton, .view-s .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-s a.linkPlaylistButton {
    height: 43px; }
  .view-m .jumpHeaderHeightBottom, .view-m .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-m a.livePlayButton, .view-m .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-m a.linkPlaylistButton {
    height: 46px; }
  .view-l .jumpHeaderHeightBottom, .view-l .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-l a.livePlayButton, .view-l .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-l a.linkPlaylistButton {
    height: 50px; }
  .view-xl .jumpHeaderHeightBottom, .view-xl .mpl .mplSectionThree .mplSongNow a.livePlayButton, .mpl .mplSectionThree .mplSongNow .view-xl a.livePlayButton, .view-xl .mpl .mplSectionThree .mplSongNow a.linkPlaylistButton, .mpl .mplSectionThree .mplSongNow .view-xl a.linkPlaylistButton {
    height: 54px; }

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

.clearer {
  clear: both;
  font-size: 1px !important;
  height: 0px !important;
  line-height: 0px !important;
  overflow: hidden; }

#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: #666666;
    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: #535355;
      color: #666666; }
      #header .searchLayerToggle.open:before {
        content: "\e608"; }
    #header .searchLayerToggle:before {
      content: "\e629";
      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: #666666;
    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: "\e600";
      font-size: 1.45em; }
    #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: #f9f9fa;
      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 !important;
            padding-right: 12px !important;
            border: 0 !important; }
            #header .navigation.navigationTop ul li a.searchLayerToggle {
              font-size: 1.2em; }
              #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 .mehrLayer {
      display: none;
      position: absolute;
      left: 0;
      width: 100%;
      bottom: 0;
      background-color: white;
      transform: translate3d(0, 100%, 0);
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); }
      #header .navigation .mehrLayer > ul {
        display: flex;
        flex-direction: column;
        text-align: left; }
        #header .navigation .mehrLayer > ul li {
          display: flex;
          flex-direction: row;
          padding: 2rem; }
          #header .navigation .mehrLayer > ul li:nth-child(even) {
            background-color: #dcdcdc; }
          #header .navigation .mehrLayer > ul li > a {
            min-width: 20%;
            text-transform: uppercase;
            font-weight: bold;
            background-color: transparent;
            pointer-events: none; }
            #header .navigation .mehrLayer > ul li > a:after {
              display: none; }
          #header .navigation .mehrLayer > ul li div {
            margin-left: 2rem; }
            #header .navigation .mehrLayer > ul li div > a {
              margin: 0 1rem .5rem 0;
              display: inline-block;
              padding: 4px;
              font-weight: bold; }
              html.no-touch #header .navigation .mehrLayer > ul li div > a:hover {
                color: #d40028;
                background-color: transparent; }
                html.no-touch #header .navigation .mehrLayer > ul li div > a:hover:after {
                  display: none; }
    #header .navigation .active .mehrLayer {
      display: block; }
    #header .navigation > ul {
      display: inline-block;
      width: 100%;
      float: left;
      position: relative; }
      #header .navigation > ul > li {
        float: left;
        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; }
        #header .navigation > ul > li.active > a {
          background-color: #f9f9fa;
          color: #313131; }
        html.no-touch #header .navigation > ul > li a:not(.open):hover,
        html.no-touch #header .navigation > ul > li a:focus {
          background-color: #f9f9fa;
          color: #313131; }
          html.no-touch #header .navigation > ul > li a:not(.open):hover:after,
          html.no-touch #header .navigation > ul > li a:focus:after {
            background-color: #333; }
        html.no-touch #header .navigation > ul > li.sport a:hover:after,
        html.no-touch #header .navigation > ul > li.sport a:focus:after {
          background-color: #18478e; }
        html.no-touch #header .navigation > ul > li.geschichte a:hover:after,
        html.no-touch #header .navigation > ul > li.geschichte a:focus:after {
          background-color: #434343; }
        html.no-touch #header .navigation > ul > li.sachsen a:hover:after,
        html.no-touch #header .navigation > ul > li.sachsen a:focus:after, html.no-touch #header .navigation > ul > li.sachsen-anhalt a:hover:after,
        html.no-touch #header .navigation > ul > li.sachsen-anhalt a:focus:after, html.no-touch #header .navigation > ul > li.thueringen a:hover:after,
        html.no-touch #header .navigation > ul > li.thueringen a:focus:after {
          background-color: #1b2159; }
    #header .navigation.navigationTop ul a:after {
      bottom: -1px; }
    #header .navigation > ul > li > a, #header .navigation.navigationTop ul li a {
      position: relative;
      color: #313131;
      text-transform: uppercase;
      display: block;
      font-weight: bold;
      padding: 13px 0 12px 0;
      border-right: 1px solid #e1e1e1;
      line-height: 1em; }
    @media (min-width: 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: 240px;
        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: 240px;
          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) .mehr > a:after, .view-xs #header .navigation:not(.navigationTop) .mehr > a:after {
          content: "\e630";
          right: 0;
          margin-right: 4px;
          font-size: 1em;
          left: auto;
          height: auto;
          background: none !important;
          bottom: auto;
          width: auto; }
        .view-s #header .navigation:not(.navigationTop) .mehr.active > a:after, .view-xs #header .navigation:not(.navigationTop) .mehr.active > a:after {
          content: "\e633"; }
        .view-s #header .navigation:not(.navigationTop) .mehrLayer, .view-xs #header .navigation:not(.navigationTop) .mehrLayer {
          position: relative;
          transform: none;
          display: none; }
          .view-s #header .navigation:not(.navigationTop) .mehrLayer > ul,
          .view-s #header .navigation:not(.navigationTop) .mehrLayer > ul > li,
          .view-s #header .navigation:not(.navigationTop) .mehrLayer > ul > li > div, .view-xs #header .navigation:not(.navigationTop) .mehrLayer > ul,
          .view-xs #header .navigation:not(.navigationTop) .mehrLayer > ul > li,
          .view-xs #header .navigation:not(.navigationTop) .mehrLayer > ul > li > div {
            overflow: visible;
            display: block;
            cursor: pointer;
            padding: 0;
            margin: 0;
            background-color: transparent; }
          .view-s #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a, .view-xs #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a {
            display: block;
            font-weight: bold;
            padding: 13px 8px 12px 8px;
            pointer-events: all; }
            .view-s #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a:after, .view-xs #header .navigation:not(.navigationTop) .mehrLayer > ul > li > a:after {
              content: "\e630";
              right: 0;
              margin-right: 4px;
              font-size: 1em;
              left: auto;
              height: auto;
              background: none !important;
              bottom: auto;
              width: auto; }
          .view-s #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItemLinks, .view-xs #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItemLinks {
            display: none; }
          .view-s #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItemTitle, .view-xs #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItemTitle {
            cursor: pointer; }
          .view-s #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItem.active > a:after, .view-xs #header .navigation:not(.navigationTop) .mehrLayer .mehrLayerItem.active > a:after {
            content: "\e633"; }
          .view-s #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks, .view-xs #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks {
            display: block;
            background-color: white; }
            .view-s #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks a, .view-xs #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks a {
              color: #313131; }
            .view-s #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks a:hover, .view-xs #header .navigation:not(.navigationTop) .mehrLayer .active .mehrLayerItemLinks a:hover {
              color: #d40028; }
        .view-s #header .navigation:not(.navigationTop) .active > a, .view-xs #header .navigation:not(.navigationTop) .active > a {
          color: #313131;
          background-color: white; }
        .view-s #header .navigation:not(.navigationTop) .active .mehrLayer, .view-xs #header .navigation:not(.navigationTop) .active .mehrLayer {
          display: block; }
        .view-s #header .navigation:not(.navigationTop) ul li a, .view-xs #header .navigation:not(.navigationTop) ul li a {
          color: white;
          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: #535355;
      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: #ececf1;
        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; }

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

/*
 * Ein- und Ausblenden der Sidebars
 */
.jumpHeader, #content, #footer {
  transition: all 0.3s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  padding: 0;
  margin: 0;
  width: 100%; }
  .show-sidebar-left .jumpHeader, .show-sidebar-left #content, .show-sidebar-left #footer {
    -webkit-transform: translate(320px, 0);
    -moz-transform: translate(320px, 0);
    -ms-transform: translate(320px, 0);
    -o-transform: translate(320px, 0);
    transform: translate(320px, 0); }
  .show-sidebar-left.view-xs .jumpHeader, .show-sidebar-left.view-xs #content, .show-sidebar-left.view-xs #footer {
    -webkit-transform: translate(256px, 0);
    -moz-transform: translate(256px, 0);
    -ms-transform: translate(256px, 0);
    -o-transform: translate(256px, 0);
    transform: translate(256px, 0); }
  .show-sidebar-right .jumpHeader, .show-sidebar-right #content, .show-sidebar-right #footer {
    -webkit-transform: translate(-320px, 0);
    -moz-transform: translate(-320px, 0);
    -ms-transform: translate(-320px, 0);
    -o-transform: translate(-320px, 0);
    transform: translate(-320px, 0); }
  .show-sidebar-right.view-xs .jumpHeader, .show-sidebar-right.view-xs #content, .show-sidebar-right.view-xs #footer {
    -webkit-transform: translate(-256px, 0);
    -moz-transform: translate(-256px, 0);
    -ms-transform: translate(-256px, 0);
    -o-transform: translate(-256px, 0);
    transform: translate(-256px, 0); }

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

.jumpHeader {
  min-height: 0;
  overflow: visible; }
  html.isScrolling .jumpHeader {
    box-shadow: 0 1px 3px rgba(83, 83, 85, 0.2);
    border-bottom: 1px solid #4cab19; }
  html.view-xs .jumpHeader .sectionChannelHeader, html.view-s .jumpHeader .sectionChannelHeader {
    margin-bottom: inherit; }
  .jumpHeader .sectionChannelHeader .section {
    background-color: inherit; }
    .jumpHeader .sectionChannelHeader .section .channelTitle {
      padding: inherit; }
      .jumpHeader .sectionChannelHeader .section .channelTitle.back .top, .jumpHeader .sectionChannelHeader .section .channelTitle.front .top {
        z-index: 0; }
      .jumpHeader .sectionChannelHeader .section .channelTitle.xxx_back {
        position: absolute;
        overflow: hidden;
        background-color: #2aa315; }
        .jumpHeader .sectionChannelHeader .section .channelTitle.xxx_back img.whirl {
          position: absolute;
          top: -25%;
          left: -454%;
          width: 1060%;
          height: auto; }
      .jumpHeader .sectionChannelHeader .section .channelTitle.front {
        position: relative; }
        .jumpHeader .sectionChannelHeader .section .channelTitle.front .top {
          position: relative;
          height: inherit;
          padding: 0;
          width: 100%; }
        .jumpHeader .sectionChannelHeader .section .channelTitle.front .bottom {
          position: relative;
          width: 100%; }
    .jumpHeader .sectionChannelHeader .section .bottom {
      width: 100%;
      transition: height 0.3s; }
      .view-xs .jumpHeader .sectionChannelHeader .section .bottom {
        height: 43px; }
      .view-s .jumpHeader .sectionChannelHeader .section .bottom {
        height: 43px; }
      .view-m .jumpHeader .sectionChannelHeader .section .bottom {
        height: 46px; }
      .view-l .jumpHeader .sectionChannelHeader .section .bottom {
        height: 50px; }
      .view-xl .jumpHeader .sectionChannelHeader .section .bottom {
        height: 54px; }
      html.isScrolling .jumpHeader .sectionChannelHeader .section .bottom {
        height: 0;
        overflow: hidden; }
    .jumpHeader .sectionChannelHeader .section .songIndicator, .jumpHeader .sectionChannelHeader .section .sectionChannelSwitcher, .jumpHeader .sectionChannelHeader .section .sectionSongindicator {
      height: inherit; }
      html.isScrolling .jumpHeader .sectionChannelHeader .section .songIndicator, html.isScrolling .jumpHeader .sectionChannelHeader .section .sectionChannelSwitcher, html.isScrolling .jumpHeader .sectionChannelHeader .section .sectionSongindicator {
        display: none; }

/*
 * Header Top Front
 */
.sectionChannelHeader .section .channelTitle.front .top {
  z-index: 3;
  position: relative; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems {
    position: relative;
    height: inherit;
    display: flex;
    flex-direction: row; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems.left {
      float: left; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems.right {
      float: right; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .inset {
        position: relative;
        margin: 0 auto;
        background-color: transparent; }
        .view-xs .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .inset {
          width: 64px; }
        .view-s .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .inset {
          width: 72px; }
        .view-m .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .inset {
          width: 82px; }
        .view-l .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .inset {
          width: 92px; }
        .view-xl .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .inset {
          width: 124px; }
      .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .icon {
        display: block;
        text-align: center;
        font-size: 2em; }
      .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item .text {
        display: none; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarLeftToggle, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarRightToggle, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.searchformHeaderToggle, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .channelLogo {
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarLeftToggle:hover, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarLeftToggle:focus, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarRightToggle:hover, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.sidebarRightToggle:focus, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.searchformHeaderToggle:hover, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .item.searchformHeaderToggle:focus, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .channelLogo:hover, .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems .channelLogo:focus {
      background-color: rgba(255, 255, 255, 0.4);
      text-decoration: none; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarLeftToggle > .inset > .icon:before {
    content: "\e600"; }
  .show-sidebar-left .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarLeftToggle > .inset > .icon:before {
    content: "\e631"; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarRightToggle .icon {
    position: relative; }
  .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarRightToggle .verkehrIndicator {
    position: absolute;
    background-color: #a1da18;
    color: black;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.35em 0.85em 0.3em 0.42em;
    border-bottom-left-radius: 0.3em;
    border-top-left-radius: 0.3em;
    top: 32%;
    right: 57%;
    -webkit-transform: translate(0, -0.36em);
    -moz-transform: translate(0, -0.36em);
    -ms-transform: translate(0, -0.36em);
    -o-transform: translate(0, -0.36em);
    transform: translate(0, -0.36em);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
    .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarRightToggle .verkehrIndicator.hide {
      font-size: 0; }
    .show-sidebar-right .sectionChannelHeader .section .channelTitle.front .top > .headerTopItems > .item.sidebarRightToggle .verkehrIndicator {
      opacity: 0; }
  html.show-searchform-header .sectionChannelHeader .section .channelTitle.front .top .searchformHeaderToggle > .inset > .icon {
    font-size: 1.3em;
    text-align: left;
    margin-left: 0.3em; }
  .sectionChannelHeader .section .channelTitle.front .top .searchformHeaderToggle > .inset > .icon:before {
    content: "\e629";
    /* html.show-searchform-header & {
      content: $closeIcon;
    } */ }
  html.show-searchform-header .sectionChannelHeader .section .channelTitle.front .top .searchformHeaderToggle {
    display: none;
    /* &:hover {
      background-color: transparent;
      color: white;
    } */ }
  .sectionChannelHeader .section .channelTitle.front .top .sidebarRightToggle > .inset > .icon:before {
    font-family: 'mdricons';
    font-size: 1.1em;
    content: "\e903"; }
  .show-sidebar-right .sectionChannelHeader .section .channelTitle.front .top .sidebarRightToggle {
    margin-right: 0; }
    .show-sidebar-right .sectionChannelHeader .section .channelTitle.front .top .sidebarRightToggle > .inset > .icon:before {
      content: "\e632"; }

/*
 * MDR JUMP Logo und Whirl
 */
.sectionChannelHeader .section {
  padding: 0;
  margin: 0; }
  .sectionChannelHeader .section .channelLogo {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transition: height 0.3s, width 0.3s; }
    .view-xs .sectionChannelHeader .section .channelLogo {
      height: 64px;
      width: 120px; }
    .view-s .sectionChannelHeader .section .channelLogo {
      height: 72px;
      width: 135px; }
    .view-m .sectionChannelHeader .section .channelLogo {
      height: 82px;
      width: 154px; }
    .view-l .sectionChannelHeader .section .channelLogo {
      height: 92px;
      width: 172px; }
    .view-xl .sectionChannelHeader .section .channelLogo {
      height: 124px;
      width: 233px; }
    html.isScrolling .sectionChannelHeader .section .channelLogo {
      height: 58px;
      width: 109px; }
    .sectionChannelHeader .section .channelLogo > a.homeLink {
      height: inherit;
      width: inherit;
      display: flex;
      flex-direction: row;
      justify-content: center;
      -webkit-transition: background-color 0.15s ease-out;
      -moz-transition: background-color 0.15s ease-out;
      -o-transition: background-color 0.15s ease-out;
      transition: background-color 0.15s ease-out; }
      .sectionChannelHeader .section .channelLogo > a.homeLink > img.logo {
        width: 100%;
        height: 100%;
        padding: 6%; }
      .sectionChannelHeader .section .channelLogo > a.homeLink:hover, .sectionChannelHeader .section .channelLogo > a.homeLink:focus {
        background-color: rgba(255, 255, 255, 0.4); }
  .sectionChannelHeader .section .channelTitle.back {
    position: absolute;
    overflow: hidden;
    background-color: #2aa315; }
    .sectionChannelHeader .section .channelTitle.back img.whirl {
      position: absolute;
      top: -21%;
      left: -426%;
      width: 1000%;
      height: auto; }

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

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

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

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

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

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

/*
 * Channelnavigation
 */
#jumpHeader .sectionChannelSwitcher.slide .channelSwitcherTab {
  height: 0;
  overflow: hidden; }
#jumpHeader .sectionChannelSwitcher.tab .channelSwitcherSlide {
  height: 0;
  overflow: hidden; }
#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide, #jumpHeader .sectionChannelSwitcher .channelSwitcherTab {
  position: absolute;
  clear: both;
  overflow: hidden;
  background-color: rgba(255, 255, 0, 0.2);
  margin: 0 auto;
  width: 100%;
  color: #313131;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center; }
#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .channelIndicator {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 60%; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .channelIndicator .tray {
    position: relative;
    left: 0;
    transition: left 0.15s; }
    #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .channelIndicator .tray .slider {
      top: 48%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative;
      float: left; }
#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack {
  position: absolute;
  top: 0;
  width: 20%;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward .text, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack .text {
    display: none; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward .icon, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack .icon {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.3em; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward:hover, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack:hover {
    background-color: rgba(255, 255, 255, 0.4); }
#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward {
  right: 0; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward .icon:after {
    content: "\e632"; }
#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack {
  left: 0; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack .icon:after {
    content: "\e631"; }
#jumpHeader .sectionChannelSwitcher .channelSwitcherTab {
  position: relative;
  height: inherit;
  overflow: visible; }
  #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul {
    position: relative;
    height: inherit;
    display: table;
    margin: 1px auto 0 auto; }
    #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul li {
      position: relative;
      height: inherit;
      float: left;
      padding: 0 1.6em;
      border: 1px solid transparent;
      -webkit-transition: background-color 0.15s ease-out;
      -moz-transition: background-color 0.15s ease-out;
      -o-transition: background-color 0.15s ease-out;
      transition: background-color 0.15s ease-out;
      cursor: pointer; }
      #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul li.active {
        border-bottom-color: #78c105;
        border-left-color: #2aa315;
        border-top-color: #2aa315;
        border-right-color: #2aa315;
        background-color: #78c105; }
      #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul li:hover {
        background-color: rgba(255, 255, 255, 0.4); }
      #jumpHeader .sectionChannelSwitcher .channelSwitcherTab ul li span {
        display: block;
        top: 48%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative; }
#jumpHeader .sectionChannelSwitcher .channelSwitcherSlide, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnForward, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .btnBack, #jumpHeader .sectionChannelSwitcher .channelSwitcherSlide .channelIndicator, #jumpHeader .sectionChannelSwitcher .channelIndicator .tray {
  height: inherit; }

/*
 * Multiple Playlist neu
 * Stand 05.12.2016 Axel
 */
.mpl {
  overflow: hidden;
  position: relative;
  background-color: #78c105;
  border-bottom: 1px solid #4cab19;
  display: block;
  border: none;
  color: black; }
  .view-xs .mpl {
    height: 190px; }
  .view-s .mpl {
    height: 210px; }
  .view-m .mpl {
    height: 240px; }
  .view-l .mpl {
    height: 270px; }
  .view-xl .mpl {
    height: 300px; }
  .mpl .front {
    display: flex;
    position: relative;
    flex-direction: row; }
  .mpl .back {
    display: flex;
    position: absolute;
    flex-direction: column; }
  .mpl .front, .mpl .back {
    width: 100%; }
    .view-xs .mpl .front, .view-xs .mpl .back {
      height: 190px; }
    .view-s .mpl .front, .view-s .mpl .back {
      height: 210px; }
    .view-m .mpl .front, .view-m .mpl .back {
      height: 240px; }
    .view-l .mpl .front, .view-l .mpl .back {
      height: 270px; }
    .view-xl .mpl .front, .view-xl .mpl .back {
      height: 300px; }
    .mpl .front .mplTop, .mpl .back .mplTop {
      flex: 0.78; }
    .mpl .front .mplBottom, .mpl .back .mplBottom {
      flex: 0.22;
      background-color: #4cab19; }
    .mpl .front .space, .mpl .back .space {
      flex: 1 0 auto; }
      .mpl .front .space.left, .mpl .back .space.left {
        background-color: rgba(120, 193, 5, 0.8); }
    .mpl .front .inset, .mpl .back .inset {
      height: inherit;
      z-index: 1; }
      .view-xs .mpl .front .inset, .view-s .mpl .front .inset, .view-m .mpl .front .inset, .view-xs .mpl .back .inset, .view-s .mpl .back .inset, .view-m .mpl .back .inset {
        width: 100%; }
      .view-l .mpl .front .inset, .view-l .mpl .back .inset {
        width: 1008px; }
      .view-xl .mpl .front .inset, .view-xl .mpl .back .inset {
        width: 1480px; }

.mpl .inset {
  display: flex;
  position: relative; }
  .view-xs .mpl .inset, .view-s .mpl .inset, .view-m .mpl .inset, .view-l .mpl .inset, .view-xl .mpl .inset {
    flex-direction: row; }
    .view-xs .mpl .inset .mplSectionThree, .view-s .mpl .inset .mplSectionThree, .view-m .mpl .inset .mplSectionThree, .view-l .mpl .inset .mplSectionThree, .view-xl .mpl .inset .mplSectionThree {
      flex-grow: 1;
      z-index: -1; }
  .mpl .inset .mplSectionTwo, .mpl .inset .mplSectionThree, .mpl .inset .mplSectionSpace {
    display: flex;
    flex-direction: column;
    align-items: stretch; }
    .mpl .inset .mplSectionTwo .mplTop, .mpl .inset .mplSectionThree .mplTop, .mpl .inset .mplSectionSpace .mplTop {
      flex: 0.78;
      display: flex;
      flex-direction: column;
      align-items: stretch; }
    .mpl .inset .mplSectionTwo .mplBottom, .mpl .inset .mplSectionThree .mplBottom, .mpl .inset .mplSectionSpace .mplBottom {
      flex: 0.22; }

.mpl .mplSectionSpace {
  width: 100%; }
.mpl .mplSectionOne {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 2; }
  .view-xs .mpl .mplSectionOne {
    display: none; }
  .view-s .mpl .mplSectionOne, .view-m .mpl .mplSectionOne, .view-l .mpl .mplSectionOne, .view-xl .mpl .mplSectionOne {
    flex: 0 1 0; }
.mpl .mplSectionTwo {
  margin-left: 2.8em;
  flex: 0 0 auto; }
  .view-xs .mpl .mplSectionTwo, .view-s .mpl .mplSectionTwo {
    display: none; }
  .view-m .mpl .mplSectionTwo {
    width: 240px; }
  .view-l .mpl .mplSectionTwo {
    width: 270px; }
  .mpl .mplSectionTwo .view-xl {
    width: 300px; }
.view-s .mpl .mplSectionThree {
  width: inherit;
  margin-left: 3.8em; }
.view-xs .mpl .mplSectionThree {
  width: inherit; }
.mpl.hideModeratorImage .mplSectionOne {
  position: relative; }
.mpl.hideModeratorImage .mplSectionTwo {
  display: none; }

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

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

/*
 * Section Three (SongNow, Playlist und Social)
 */
.mpl .mplSectionThree .mplTop {
  width: 100%;
  display: flex;
  flex-direction: column; }
  .mpl .mplSectionThree .mplTop .mplSongsSpace {
    flex: 0.05;
    align-items: center; }
  .mpl .mplSectionThree .mplTop .mplSongNow {
    display: flex;
    flex: 0.26;
    align-items: center;
    flex-direction: row;
    justify-content: space-between; }
  .mpl .mplSectionThree .mplTop .mplSongsBefore {
    display: flex;
    flex: 0.64;
    align-items: center; }
  .mpl .mplSectionThree .mplTop .mplSongNowInset {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative; }
    .view-xs .mpl .mplSectionThree .mplTop .mplSongNowInset {
      height: 43px; }
    .view-s .mpl .mplSectionThree .mplTop .mplSongNowInset {
      height: 43px; }
    .view-m .mpl .mplSectionThree .mplTop .mplSongNowInset {
      height: 46px; }
    .view-l .mpl .mplSectionThree .mplTop .mplSongNowInset {
      height: 50px; }
    .view-xl .mpl .mplSectionThree .mplTop .mplSongNowInset {
      height: 54px; }
.mpl .mplSectionThree .mplBottom {
  background-color: #4cab19;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  position: relative; }
  .mpl .mplSectionThree .mplBottom a.mplModerator {
    position: relative;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
    .mpl .mplSectionThree .mplBottom a.mplModerator .text {
      display: table-cell;
      vertical-align: middle;
      font-size: 0.9858em;
      position: relative; }
      .mpl .mplSectionThree .mplBottom a.mplModerator .text > span {
        line-height: 1.3em;
        font-size: 0.93em;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .mpl .mplSectionThree .mplBottom a.mplModerator .text > span.sendung {
          font-weight: bold;
          padding-right: 0.5em; }
    .mpl .mplSectionThree .mplBottom a.mplModerator:hover, .mpl .mplSectionThree .mplBottom a.mplModerator:focus {
      background-color: rgba(255, 255, 255, 0.4);
      padding-left: 1em;
      padding-right: 1em; }
  .mpl .mplSectionThree .mplBottom ul.mplSocials {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex: 0 1 auto;
    float: right;
    align-self: stretch; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li a {
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0 0.38em;
      -webkit-transition: all 0.15s ease-out;
      -moz-transition: all 0.15s ease-out;
      -o-transition: all 0.15s ease-out;
      transition: all 0.15s ease-out; }
      .mpl .mplSectionThree .mplBottom ul.mplSocials li a span.text {
        display: none; }
      .mpl .mplSectionThree .mplBottom ul.mplSocials li a span.icon:before {
        color: black; }
      .mpl .mplSectionThree .mplBottom ul.mplSocials li a:hover, .mpl .mplSectionThree .mplBottom ul.mplSocials li a:focus {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.8em; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.facebook span.icon:before {
      font-size: 1.65em;
      content: "\e636"; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.twitter span.icon:before {
      font-size: 1.92em;
      content: "\e63a";
      margin: 0 -4px; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.googleplus span.icon:before {
      font-size: 1.65em;
      content: "\e637"; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.instagram span.icon:before {
      font-size: 1.545em;
      content: "\e90d"; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.youtube span.icon:before {
      font-size: 1.455em;
      content: "\e62c"; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.whatsapp span.icon:before {
      font-size: 1.65em;
      content: "\e900"; }
    .mpl .mplSectionThree .mplBottom ul.mplSocials li.pinterest span.icon {
      display: flex; }

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

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

#footer .footer-top {
  background-color: white;
  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: #d40028; }
  #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 #d5d5da;
      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 #d5d5da; }
#footer .footer-bottom {
  background-color: #f0f0f5; }
  #footer .footer-bottom .unitC {
    width: auto;
    min-width: 33.333%;
    border-left: 1px solid #d5d5da;
    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 #d5d5da; }
  #footer .footer-bottom h3 {
    font-size: 1em;
    padding-bottom: 7px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d5d5da;
    display: block;
    text-align: left; }
  #footer .footer-bottom li a {
    padding-bottom: 7px;
    margin-bottom: 8px;
    border-bottom: 1px solid #d5d5da;
    display: block;
    font-size: 0.875em; }
    #footer .footer-bottom li a:after {
      content: "\e632";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    #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: "\e633";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    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 #d5d5da; }
      html.view-xs #footer .footer-bottom h3.collapsed:after, html.view-s #footer .footer-bottom h3.collapsed:after {
        content: "\e630"; }
    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: #d40028; }

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

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

.ui-checkbox {
  position: relative;
  display: inline-block;
  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 #d5d5da;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .ui-checkbox.checked:after {
    content: "\e61a";
    font-size: 0.875em;
    margin-left: 0;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .ui-checkbox.checked:focus:after {
    text-decoration: none; }
  .ui-checkbox.checked:after {
    position: absolute;
    left: 2px;
    top: 0; }
  .ui-checkbox.focus:before {
    border-color: #313131; }

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

html.js .ui-selectbox {
  position: relative;
  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: "\e630";
    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 {
  .ui-smallSpinner 0%  {
    -webkit-transform: scale(0); }
  .ui-smallSpinner 100%  {
    -webkit-transform: scale(1);
    opacity: 0; } }
@keyframes sk-scaleout {
  .ui-smallSpinner 0%  {
    -webkit-transform: scale(0);
    transform: scale(0); }
  .ui-smallSpinner 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: "\e632";
        font-size: 0.8em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      #breadcrumb ul li:focus:before {
        text-decoration: none; }
      #breadcrumb ul li:first-child:before {
        display: none; }
      #breadcrumb ul li:before {
        color: #fff; }
      #breadcrumb ul li a, #breadcrumb ul li span {
        color: #fff; }

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

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

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

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

.ui-galleryControls {
  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 .ui-pieProgressWrapper {
    border-color: #666666; }
  .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 #666666;
    margin-right: 8px; }
    .ui-galleryControls .galleryBtn.sliderBtn {
      margin-left: 20px; }
    .ui-galleryControls .galleryBtn.gridBtn:before, .ui-galleryControls .galleryBtn.sliderBtn:before {
      content: "\e627";
      margin: -11px 0 0 -16px; }
    .ui-galleryControls .galleryBtn.gridBtn {
      border-left: 1px solid #666666; }
    .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 #666666;
    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: "\e646" !important; }
  .ui-galleryControls a.prev:before {
    margin: -13px 0 0 -18px; }
  .ui-galleryControls a.prev.skip:before {
    content: "\e645" !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: "\e631";
    font-size: 2em;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 0;
    z-index: 1; }
  .ui-galleryControlsHidden:after {
    background-color: #f9f9fa;
    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: "\e632";
      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: #f9f9fa; }
    .ui-galleryControlsHidden.zoom:before {
      left: 50%;
      content: "\e604";
      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: "\e633";
          font-size: 0.6em;
          margin-right: 0;
          text-decoration: none;
          vertical-align: middle;
          display: inline-block; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:focus:before {
          text-decoration: none; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:after {
          content: "\e633";
          font-size: 0.6em;
          margin-left: 0;
          text-decoration: none;
          vertical-align: middle;
          display: inline-block; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:focus:after {
          text-decoration: none; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:before {
          position: absolute;
          top: 0;
          left: 6px;
          color: #313131; }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:focus {
          text-decoration: none;
          -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
        .ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop:after {
          position: absolute;
          top: 7px;
          left: 6px;
          color: #313131; }
      .ui-social-fixed.stayInPlace .ui-social-btn.ui-social-trigger {
        color: #d5d5da;
        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;
        left: 0;
        top: 0;
        text-align: center;
        font-size: 34px;
        line-height: 1.1; }
      .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: #3c5a99; }
      .ui-social-fixed .ui-social-btn.facebook a:before {
        content: "\e636"; }
    .ui-social-fixed .ui-social-btn.twitter a {
      background-color: #1Da1f2; }
      .ui-social-fixed .ui-social-btn.twitter a:before {
        content: "\e63a"; }
    .ui-social-fixed .ui-social-btn.mail a {
      background-color: #666666; }
      .ui-social-fixed .ui-social-btn.mail a:before {
        content: "\e618";
        line-height: 1; }
    .ui-social-fixed .ui-social-btn.print a {
      background-color: #666666; }
      .ui-social-fixed .ui-social-btn.print a:before {
        content: "\e626";
        line-height: 1; }
    .ui-social-fixed .ui-social-btn.google a {
      background-color: #db4437; }
      .ui-social-fixed .ui-social-btn.google a:before {
        content: "\e637"; }
    .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: "\e900"; }
    .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: "\e668"; }
      .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: "\e608";
    left: 1px; }

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

html.view-xs body.magicSharing #content .ui-social-fixed, html.view-s body.magicSharing #content .ui-social-fixed {
  transform: translate3d(0, -50%, 0) !important; }

.ui-collapsible.paragraphsCollapsible .con.ui-collapsible-entry {
  margin-bottom: 8px; }
.ui-collapsible.paragraphsCollapsible .con .modA .box {
  padding: 4px 16px !important; }
.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;
  padding-left: 8px !important; }
  html.js .ui-collapsible .ui-collapsible-trigger.headline {
    font-size: 1.2em; }
  html.js .ui-collapsible .ui-collapsible-trigger:before {
    position: absolute;
    color: #d5d5da;
    right: 8px;
    left: auto;
    margin-top: -1px;
    content: "\e633"; }
  html.js .ui-collapsible .ui-collapsible-trigger:focus {
    background-color: #fefefe !important; }
  html.js .ui-collapsible .ui-collapsible-trigger.conHeadline {
    padding-left: 16px !important; }
  html.js .ui-collapsible .ui-collapsible-trigger .linktext {
    padding-right: 1.75em; }
.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 #d5d5da; }
  .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: #d5d5da !important;
      background-color: #f0f0f5; }
    .ui-collapsible .ui-collapsible-entry.collapsed .ui-collapsible-trigger {
      background-color: transparent; }
      .ui-collapsible .ui-collapsible-entry.collapsed .ui-collapsible-trigger:before {
        content: "\e630"; }
    .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: #ececf1; }
.ui-cal table {
  border-spacing: 0;
  border-top: 1px solid #d5d5da;
  border-left: 1px solid #d5d5da; }
  .ui-cal table td > span > * {
    display: block;
    background-color: #f9f9fa;
    padding: 12px;
    border: 1px solid #d5d5da;
    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: #d40028; }
  html.no-touch .ui-cal table td:not(.inactive) > span > a:hover {
    background-color: #fff;
    color: #d40028; }
  .ui-cal table td.inactive > span > * {
    color: #d5d5da; }
  .ui-cal table td.today > span > * {
    color: #313131;
    background-color: #d5d5da; }
  .ui-cal table td.hasEntries > span > * {
    background-color: #f0f0f0; }
  .ui-cal table td.active > span > * {
    background-color: #fff;
    color: #d40028; }

.ui-cal-slider, .cssIpgSearchSlider {
  max-height: 170px;
  overflow: hidden;
  padding: 0 64px; }
  .ui-cal-slider .owl-item, .cssIpgSearchSlider .owl-item {
    padding: 16px 8px 16px 8px; }
  .ui-cal-slider .controls.layered .buttons a.prev, .cssIpgSearchSlider .controls.layered .buttons a.prev {
    left: 24px; }
  .ui-cal-slider .controls.layered .buttons a.next, .cssIpgSearchSlider .controls.layered .buttons a.next {
    right: 24px; }
  .ui-cal-slider .box, .cssIpgSearchSlider .box {
    background-color: #fff;
    margin: 0;
    margin-bottom: 8px !important;
    padding: 0 !important; }
    .ui-cal-slider .box .today, .cssIpgSearchSlider .box .today {
      position: absolute;
      top: -36px;
      font-size: .8em;
      text-transform: uppercase;
      display: block;
      width: 100%;
      text-align: center;
      color: #666666; }
    .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: white;
      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.45em; }
      .ui-cal-slider .box span.day, .cssIpgSearchSlider .box span.day {
        background-color: #313131;
        color: white; }
      .ui-cal-slider .box span.date, .cssIpgSearchSlider .box span.date {
        color: #313131;
        background-color: #fff;
        margin-bottom: 0;
        font-weight: normal;
        font-size: 1.45em; }

.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: #ececf1;
        padding: 8px 12px;
        border: 1px solid #d5d5da;
        border-bottom: 1px solid #ececf1;
        position: relative;
        top: 1px;
        z-index: 2; }
        .ui-cal-menu ul li > *.collapsed, .cssIpgMenu ul li > *.collapsed {
          border: 1px solid #d5d5da;
          background-color: transparent; }
      .ui-cal-menu ul li.search > *:before, .cssIpgMenu ul li.search > *:before {
        content: "\e629";
        font-size: 1em;
        margin-right: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .ui-cal-menu ul li.search > *:focus:before, .cssIpgMenu ul li.search > *:focus:before {
        text-decoration: none; }
      .ui-cal-menu ul li > *:before, .cssIpgMenu ul li > *:before {
        content: "\e63d";
        font-size: 1em;
        margin-right: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .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 #d5d5da; }
      .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 #d5d5da;
        top: 1px;
        position: relative;
        border-bottom: 1px solid #f0f0f5;
        border-bottom: 0;
        color: #d40028;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #fefefe;
        z-index: 1;
        cursor: pointer; }
        .ui-tabs ul li a.collapsed {
          background-color: transparent;
          position: relative;
          z-index: 0;
          color: #313131; }
        html.no-touch .ui-tabs ul li a:hover, html.no-touch .ui-tabs ul li a:focus {
          background-color: #fefefe;
          text-decoration: none; }
  .ui-tabs-tagView .ui-tabs {
    border: 1px solid #d5d5da;
    border-bottom: 0;
    padding: 16px;
    text-align: left; }
    .ui-tabs-tagView .ui-tabs ul li a {
      border: 1px solid #d5d5da;
      margin-bottom: 8px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }

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

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

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

.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: "\e632";
          font-size: 1em;
          margin-left: 8px;
          text-decoration: none;
          vertical-align: middle;
          display: inline-block; }
        .ui-lightbox-footer ul li a:focus:after {
          text-decoration: none; }
        html.no-touch .ui-lightbox-footer ul li a:hover {
          color: #fff; }
      .ui-lightbox-footer ul li span:after, .ui-lightbox-footer ul li a:after {
        position: relative;
        top: -2px; }
      .ui-lightbox-footer ul li:last-of-type {
        border-right: 0; }
    .ui-lightbox-footer ul.avCollapse li {
      padding: 0; }
      html.no-touch .ui-lightbox-footer ul.avCollapse li:hover {
        background-color: #222; }
      .ui-lightbox-footer ul.avCollapse li.open {
        background-color: #222; }
        .ui-lightbox-footer ul.avCollapse li.open span.avCollapseBody {
          display: block; }
      .ui-lightbox-footer ul.avCollapse li a.toggle {
        cursor: pointer;
        padding: 8px 16px;
        display: block; }
        .ui-lightbox-footer ul.avCollapse li a.toggle:after {
          content: "\e633";
          font-size: 1.2em;
          margin-left: 8px;
          text-decoration: none;
          vertical-align: middle;
          display: inline-block; }
        .ui-lightbox-footer ul.avCollapse li a.toggle:focus:after {
          text-decoration: none; }
      .ui-lightbox-footer ul.avCollapse li span.avCollapseBody {
        position: absolute;
        bottom: 38px;
        left: 0;
        background-color: #222;
        width: 100%;
        padding: 24px;
        font-weight: normal;
        display: none; }
        .ui-lightbox-footer ul.avCollapse li span.avCollapseBody p {
          color: #fefefe;
          padding: 4px 0; }
        .ui-lightbox-footer ul.avCollapse li span.avCollapseBody a {
          color: #d40028;
          margin-bottom: .5rem;
          display: block; }
          .ui-lightbox-footer ul.avCollapse li span.avCollapseBody a:visited {
            text-decoration: none; }
          html.no-touch .ui-lightbox-footer ul.avCollapse li span.avCollapseBody a:hover {
            color: #fefefe; }
        .ui-lightbox-footer ul.avCollapse li span.avCollapseBody.avLink {
          white-space: nowrap;
          overflow: hidden; }

.ui-recommendLayer {
  padding: 0 !important;
  position: fixed;
  width: 640px;
  height: 90%;
  max-height: 650px;
  overflow: hidden;
  z-index: 102;
  top: 32px;
  left: 50%;
  margin-left: -320px;
  background-color: white; }
  .ui-recommendLayer h2 {
    padding: 12px 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #d5d5da; }
  .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: #d40028; }
    html.no-touch #content .ui-tooltipWrapper .closeBtn:hover {
      color: #d40028; }
  #content .ui-tooltipWrapper h1 .headline {
    margin-bottom: 0; }
  #content .ui-tooltipWrapper .con {
    opacity: 0;
    animation: animationFrames ease-in .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; }

.ui-tags {
  margin-bottom: 16px;
  margin-top: 12px;
  position: relative;
  z-index: 1; }
  .ui-tags ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }
  .ui-tags ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    margin-top: 4px; }
    .ui-tags ul li a {
      display: block;
      font-size: 0.75em;
      border: 1px solid rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      text-align: center;
      vertical-align: middle;
      padding: 6px 12px;
      color: #313131;
      line-height: 1em;
      font-weight: bold; }
      html.no-touch .ui-tags ul li a:hover {
        background-color: #d40028;
        color: #fff;
        border-color: #d40028; }

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

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

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

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

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

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

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

html.view-xs #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint span, html.view-s #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint span, .sectionC #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint span {
  position: relative;
  max-height: 3.6rem;
  float: left; }
html.view-xs #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint, html.view-s #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint, .sectionC #content .box.cssSocialMediaEmbed .teaser .ui-socialembed-hint {
  padding-left: 0; }

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

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

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

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

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

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

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

.ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con {
  padding-left: 7rem;
  position: relative; }
  .view-xs .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con, .view-s .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con {
    padding-left: 0; }
    .view-xs .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con:before, .view-s .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con:before {
      display: none; }
  .ui-tickerArticle .sectionDetailPage .ui-tickerArticle-con:before {
    display: block;
    content: '';
    background-color: #d5d5da;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 6rem; }

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

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

  100% {
    transform: translate3d(-50%, 0, 0); } }
@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"); }
/*
 * für JUMP
 * Open Sans Bold (800) zufügen
 */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  src: url("/resources/jump/fonts/openSans/OpenSans-Bold.eot");
  src: url("/resources/jump/fonts/openSans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), local("Open Sans Bold"), local("OpenSans-Bold"), url("/resources/jump/fonts/openSans/OpenSans-Bold.woff") format("woff"), url("/resources/jump/fonts/openSans/OpenSans-Bold.ttf") format("truetype"), url("/resources/jump/fonts/openSans/OpenSans-Bold.svg#OpenSans") format("svg"); }
body #content {
  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: white; }
.section .con.conFlexLoad .controls.reload {
  display: none; }
.section .pageAreaTitle,
.section h3.conHeadline {
  font-size: 1.0475em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  text-align: center; }
  .hasSectionDetail .section .pageAreaTitle, .hasSectionDetail
  .section h3.conHeadline {
    border-bottom: 0; }
.section h3.conHeadline {
  background-color: white; }

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: "\e608"; }

.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:not(.ui-collapsible-entry) {
      padding-top: 16px; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline {
      margin-bottom: 16px; }
    .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible {
      padding: 0 8px;
      margin-bottom: 16px; }
      .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .con .modA .box .box {
        padding: 0 !important;
        margin-bottom: 1.1px; }
        html.view-m .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .con .modA .box .box .mediaCon, html.view-l .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .con .modA .box .box .mediaCon, html.view-xl .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .con .modA .box .box .mediaCon {
          float: left; }
      html.view-l .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible, html.view-xl .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible {
        padding: 0 32px; }
        html.view-l .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .con .modA .box, html.view-xl .sectionWrapper.hasSectionDetail .section.sectionDetailPage .conWrapper.ui-collapsible .con .modA .box {
          padding: 8px 32px; }
    .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 #d5d5da;
      border-top: 1px solid #d5d5da;
      padding-top: 16px !important;
      padding-bottom: 32px !important; }
      .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con .box.articleNavi .controls.sliding {
        padding: 0;
        border-bottom: 1px solid #d5d5da;
        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: #d5d5da; }
    .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: #f0f0f5; }
    .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:not(.ui-collapsible-entry) h3.conHeadline {
    border-bottom: 1px solid #d5d5da; }
  .sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry {
    overflow: hidden; }
    .sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry .box {
      background-color: transparent;
      padding: 4px 16px; }
      .sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry .box .box {
        padding: 0;
        margin-bottom: 1.1px; }
    .sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry h3.conHeadline {
      text-align: left;
      margin-bottom: 0;
      text-transform: none; }
      .sectionWrapper.hasSectionDetail .section .con.ui-collapsible-entry h3.conHeadline.ui-collapsible-trigger {
        padding-left: 16px;
        padding-right: 32px; }
  .sectionWrapper.hasSectionDetail .sectionTitle {
    background-color: #d5d5da;
    border-bottom: 1px solid #d5d5da;
    padding: 0; }
  .sectionWrapper.hasSectionDetail.section21er .sectionWrapperRelated {
    border-left: 1px solid #d5d5da; }
  .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-xl .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section.section1er, html.view-l .sectionWrapper.hasSectionDetail .sectionWrapperRelated .section.section1er {
        padding-right: 32px;
        padding-left: 32px; }
  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.section1er .sectionWrapperRelated .section {
    padding-top: 8px; }
    html.view-xl .sectionWrapper.hasSectionDetail.section1er .sectionWrapperRelated .section, html.view-l .sectionWrapper.hasSectionDetail.section1er .sectionWrapperRelated .section {
      padding-right: 32px;
      padding-left: 32px; }
      html.view-xl .sectionWrapper.hasSectionDetail.section1er .sectionWrapperRelated .section.section1er, html.view-l .sectionWrapper.hasSectionDetail.section1er .sectionWrapperRelated .section.section1er {
        padding-right: 32px;
        padding-left: 32px; }
  html.view-xs .sectionWrapper.hasSectionDetail.section1er .sectionWrapperRelated .section, html.view-s .sectionWrapper.hasSectionDetail.section1er .sectionWrapperRelated .section {
    padding-left: 32px;
    padding-right: 32px; }
  .sectionWrapper.hasSectionDetail .sectionWrapperMain,
  .sectionWrapper.hasSectionDetail .sectionWrapperRelated {
    margin-top: 0;
    background-color: white; }
    .sectionWrapper.hasSectionDetail .sectionWrapperMain .con,
    .sectionWrapper.hasSectionDetail .sectionWrapperRelated .con {
      background-color: transparent; }

.mod .channelBtn {
  background-color: white;
  padding: 1em .5em;
  display: flex;
  justify-content: flex-end; }
  .mod .channelBtn .moreBtn {
    width: auto;
    margin: 0;
    color: #fff;
    border-radius: 4px;
    float: none;
    padding: 8px 16px;
    background-color: #0682d1; }

noscript .error,
.wrapper.browserupgrade {
  padding: 32px !important;
  text-align: center;
  font-size: 1.45em;
  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; }

/*
 * Anpassungen für JUMP
 */
body {
  background-color: #ececf1;
  position: absolute;
  z-index: 0; }
  .view-xs body {
    font-size: 0.85em; }
  .view-s body {
    font-size: 0.94em; }

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

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

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

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

/* Ladebalken ganz oben über der Seite */
.pace .pace-progress {
  background: #d40028; }

.wrapper {
  overflow: visible; }

#content {
  position: relative;
  z-index: 0;
  background-color: #ececf1;
  margin-top: 12px;
  margin-bottom: 16px; }
  .view-xs #content {
    padding-top: 107px; }
  .view-s #content {
    padding-top: 115px; }
  .view-m #content {
    padding-top: 128px; }
  .view-l #content {
    padding-top: 142px; }
  .view-xl #content {
    padding-top: 178px; }
  .show-mpl.view-xs #content {
    padding-top: 297px; }
  .show-mpl.view-s #content {
    padding-top: 325px; }
  .show-mpl.view-m #content {
    padding-top: 368px; }
  .show-mpl.view-l #content {
    padding-top: 412px; }
  .show-mpl.view-xl #content {
    padding-top: 478px; }
  .isApp #content {
    padding-top: 12px;
    margin-top: 0; }
  #content .sectionTitle .con {
    background-color: transparent; }

.section.sectionTitle {
  padding: 0; }
.section .con.conFlexLoad, .section .con.conPinboard {
  background-color: transparent; }
.section .con.conFlexLoad .controls.reload {
  display: none; }
.section .pageAreaTitle, .section h3.conHeadline:not(.hasArrow) {
  font-size: 1.2em;
  border-bottom: none;
  text-align: center; }
  .hasSectionDetail .section .pageAreaTitle, .hasSectionDetail .section h3.conHeadline:not(.hasArrow) {
    border-bottom: 0; }
  .section .pageAreaTitle a, .section h3.conHeadline:not(.hasArrow) a {
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
    .section .pageAreaTitle a:after, .section h3.conHeadline:not(.hasArrow) a:after {
      content: "\e632";
      margin-left: 0.5em;
      position: relative;
      vertical-align: bottom;
      font-size: 0.9em; }
    .section .pageAreaTitle a:hover, .section h3.conHeadline:not(.hasArrow) a:hover {
      color: #d40028; }
.section h3.conHeadline {
  background-color: transparent; }

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: "\e608"; }

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

noscript .error, .wrapper.browserupgrade {
  padding: 32px !important;
  text-align: center;
  font-size: 1.45em;
  font-weight: bold;
  border: 1px solid #313131;
  background-color: rgba(255, 255, 255, 0.5);
  -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; }

.mod .box.boxImage .teaserInfoWrapper, .mod .box.boxImageSquare .teaserInfoWrapper, html.view-xs .con.noStandardFallback .mod .box.boxImage .teaserInfoWrapper,
html.view-xs .con.noStandardFallback .mod .box.boxImageSquare .teaserInfoWrapper, html.view-s .con.noStandardFallback .mod .box.boxImage .teaserInfoWrapper,
html.view-s .con.noStandardFallback .mod .box.boxImageSquare .teaserInfoWrapper, .sectionC .con.noStandardFallback .mod .box.boxImage .teaserInfoWrapper,
.sectionC .con.noStandardFallback .mod .box.boxImageSquare .teaserInfoWrapper, .sectionB .con.noStandardFallback .mod .box.boxImage .teaserInfoWrapper,
.sectionB .con.noStandardFallback .mod .box.boxImageSquare .teaserInfoWrapper, .con.noStandardFallback .mod.modC .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .con.noStandardFallback .mod.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .con.noStandardFallback .mod.modD .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .con.noStandardFallback .mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .con.noStandardFallback .mod.modE .box.boxImageSquare:not(.noStandardFallback) .teaserInfoWrapper, .con.noStandardFallback .mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper {
  position: absolute;
  bottom: 0;
  top: auto;
  padding: 16px !important;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  width: 100%;
  padding-right: 52px !important; }
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.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), .mod.modA .box.boxImageSquare, .mod.modB .box.boxImageSquare, .mod.modC .box.boxImageSquare, .mod.modD .box.boxImageSquare, .mod.modE .box.boxImageSquare, .section .mod.modA .box.boxImageSquare, .section .mod.modB .box.boxImageSquare, .section .mod.modC .box.boxImageSquare, .section .mod.modD .box.boxImageSquare, .section .mod.modE .box.boxImageSquare, html.view-xs .mod.modA .box.boxImageSquare, html.view-xs .mod.modB .box.boxImageSquare, html.view-xs .mod.modC .box.boxImageSquare, html.view-xs .mod.modD .box.boxImageSquare, html.view-xs .mod.modE .box.boxImageSquare, html.view-s .mod.modA .box.boxImageSquare, html.view-s .mod.modB .box.boxImageSquare, html.view-s .mod.modC .box.boxImageSquare, html.view-s .mod.modD .box.boxImageSquare, html.view-s .mod.modE .box.boxImageSquare {
  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.modC .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modD .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modE .layerTopRight.box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modA .layerTopRight.box.boxImageSquare .teaserInfoWrapper, .mod.modB .layerTopRight.box.boxImageSquare .teaserInfoWrapper, .mod.modC .layerTopRight.box.boxImageSquare .teaserInfoWrapper, .mod.modD .layerTopRight.box.boxImageSquare .teaserInfoWrapper, .mod.modE .layerTopRight.box.boxImageSquare .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.modC .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, .mod.modD .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, .mod.modE .cssAv.box.boxImage:not(.noStandardFallback) .mediaCon .icon-font, .mod.modA .cssAv.box.boxImageSquare .mediaCon .icon-font, .mod.modB .cssAv.box.boxImageSquare .mediaCon .icon-font, .mod.modC .cssAv.box.boxImageSquare .mediaCon .icon-font, .mod.modD .cssAv.box.boxImageSquare .mediaCon .icon-font, .mod.modE .cssAv.box.boxImageSquare .mediaCon .icon-font, html.view-xs .mod .box.boxImage:not(.noStandardFallback) .avDetails, html.view-s .mod .box.boxImage:not(.noStandardFallback) .avDetails, .sectionC .mod .box.boxImage:not(.noStandardFallback) .avDetails, .sectionB .mod .box.boxImage:not(.noStandardFallback) .avDetails, html.view-xs .mod .box.boxImageSquare:not(.noStandardFallback) .avDetails, html.view-s .mod .box.boxImageSquare:not(.noStandardFallback) .avDetails, .sectionC .mod .box.boxImageSquare:not(.noStandardFallback) .avDetails, .sectionB .mod .box.boxImageSquare:not(.noStandardFallback) .avDetails, .mod .box.boxImage.noImage:not(.noStandardFallback) .avDetails, .mod .box.boxImageSquare.noImage:not(.noStandardFallback) .avDetails, .mod.modC .box.boxImage:not(.noStandardFallback) .avDetails, .mod.modD .box.boxImage:not(.noStandardFallback) .avDetails, .mod.modE .box.boxImage:not(.noStandardFallback) .avDetails, .mod.modA .box.boxImageSquare .avDetails, .mod.modB .box.boxImageSquare .avDetails, .mod.modC .box.boxImageSquare .avDetails, .mod.modD .box.boxImageSquare .avDetails, .mod.modE .box.boxImageSquare .avDetails, html.view-xs .mod.modA .box.boxImageSquare .avDetails, html.view-xs .mod.modB .box.boxImageSquare .avDetails, html.view-xs .mod.modC .box.boxImageSquare .avDetails, html.view-xs .mod.modD .box.boxImageSquare .avDetails, html.view-xs .mod.modE .box.boxImageSquare .avDetails, html.view-s .mod.modA .box.boxImageSquare .avDetails, html.view-s .mod.modB .box.boxImageSquare .avDetails, html.view-s .mod.modC .box.boxImageSquare .avDetails, html.view-s .mod.modD .box.boxImageSquare .avDetails, html.view-s .mod.modE .box.boxImageSquare .avDetails {
    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.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper, .mod.modA .box.boxImageSquare .teaserInfoWrapper, .mod.modB .box.boxImageSquare .teaserInfoWrapper, .mod.modC .box.boxImageSquare .teaserInfoWrapper, .mod.modD .box.boxImageSquare .teaserInfoWrapper, .mod.modE .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modA .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modB .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modC .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modD .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modE .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modA .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modB .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modC .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modD .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modE .box.boxImageSquare .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.modC .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod.modD .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod.modE .box.boxImage:not(.noStandardFallback) .teaserInfoWrapper h4 > *, .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *, .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *, .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *, .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *, .mod.modE .box.boxImageSquare .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.boxImage .avDetails, .mod .box.boxImageSquare .moreBtn, .mod .box.boxImageSquare .teasertext, .mod .box.boxImageSquare h4 .headline, .mod .box.boxImageSquare .linklist, .mod .box.boxImageSquare .cssProgramHintBox, .mod .box.boxImageSquare .dachzeile, .mod .box.boxImageSquare .mediaInfo, .mod .box.boxImageSquare .avDetails {
    display: none !important; }
  .mod .box.boxImage h4.shortHeadline, .mod .box.boxImageSquare h4.shortHeadline {
    display: block;
    margin-bottom: 0; }
    .mod .box.boxImage h4.shortHeadline .headline, .mod .box.boxImageSquare h4.shortHeadline .headline {
      display: block !important; }
  .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:not(.layerTopRight) .mediaCon.brav-ready + .teaserInfoWrapper, .mod .box.boxImageSquare:not(.layerTopRight) .mediaCon.brav-ready + .teaserInfoWrapper {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    bottom: 52px; }
  .mod .box.boxImage:not(.layerTopRight) .mediaCon.brav-menuOpen + .teaserInfoWrapper, .mod .box.boxImageSquare:not(.layerTopRight) .mediaCon.brav-menuOpen + .teaserInfoWrapper {
    opacity: 0;
    pointer-events: none; }
  .mod .box.boxImage .teaserInfoWrapper:after, .mod .box.boxImageSquare .teaserInfoWrapper:after {
    content: "\e632";
    font-size: 1.2em;
    margin-left: 0;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .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.2em; }
  .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 .boxNormal:not(.boxSpecial) .ui-tags, .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, .sectionA .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .ui-tags, .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 .boxNormal:not(.boxSpecial) .ui-tags, .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, .sectionZ .con:not(.conPinboard) .modA .boxSmall:not(.boxSpecial) .ui-tags {
  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 {
  overflow: visible;
  text-align: center; }
.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%; }

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

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

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

/*
 * Quadratische Bildteaser
 */
.mod.modA .box.boxImageSquare .teaserInfoWrapper, .mod.modB .box.boxImageSquare .teaserInfoWrapper, .mod.modC .box.boxImageSquare .teaserInfoWrapper, .mod.modD .box.boxImageSquare .teaserInfoWrapper, .mod.modE .box.boxImageSquare .teaserInfoWrapper, .section .mod.modA .box.boxImageSquare .teaserInfoWrapper, .section .mod.modB .box.boxImageSquare .teaserInfoWrapper, .section .mod.modC .box.boxImageSquare .teaserInfoWrapper, .section .mod.modD .box.boxImageSquare .teaserInfoWrapper, .section .mod.modE .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modA .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modB .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modC .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modD .box.boxImageSquare .teaserInfoWrapper, html.view-xs .mod.modE .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modA .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modB .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modC .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modD .box.boxImageSquare .teaserInfoWrapper, html.view-s .mod.modE .box.boxImageSquare .teaserInfoWrapper {
  position: absolute;
  top: auto;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  padding: 1em !important;
  padding-right: 1em !important; }
  .mod.modA .box.boxImageSquare .teaserInfoWrapper:after, .mod.modB .box.boxImageSquare .teaserInfoWrapper:after, .mod.modC .box.boxImageSquare .teaserInfoWrapper:after, .mod.modD .box.boxImageSquare .teaserInfoWrapper:after, .mod.modE .box.boxImageSquare .teaserInfoWrapper:after, .section .mod.modA .box.boxImageSquare .teaserInfoWrapper:after, .section .mod.modB .box.boxImageSquare .teaserInfoWrapper:after, .section .mod.modC .box.boxImageSquare .teaserInfoWrapper:after, .section .mod.modD .box.boxImageSquare .teaserInfoWrapper:after, .section .mod.modE .box.boxImageSquare .teaserInfoWrapper:after, html.view-xs .mod.modA .box.boxImageSquare .teaserInfoWrapper:after, html.view-xs .mod.modB .box.boxImageSquare .teaserInfoWrapper:after, html.view-xs .mod.modC .box.boxImageSquare .teaserInfoWrapper:after, html.view-xs .mod.modD .box.boxImageSquare .teaserInfoWrapper:after, html.view-xs .mod.modE .box.boxImageSquare .teaserInfoWrapper:after, html.view-s .mod.modA .box.boxImageSquare .teaserInfoWrapper:after, html.view-s .mod.modB .box.boxImageSquare .teaserInfoWrapper:after, html.view-s .mod.modC .box.boxImageSquare .teaserInfoWrapper:after, html.view-s .mod.modD .box.boxImageSquare .teaserInfoWrapper:after, html.view-s .mod.modE .box.boxImageSquare .teaserInfoWrapper:after {
    display: none; }
  .mod.modA .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .mod.modB .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .mod.modC .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .mod.modD .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .mod.modE .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .section .mod.modA .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .section .mod.modB .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .section .mod.modC .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .section .mod.modD .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, .section .mod.modE .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-xs .mod.modA .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-xs .mod.modB .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-xs .mod.modC .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-xs .mod.modD .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-xs .mod.modE .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-s .mod.modA .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-s .mod.modB .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-s .mod.modC .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-s .mod.modD .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline, html.view-s .mod.modE .box.boxImageSquare .teaserInfoWrapper .shortInfos .shortHeadline {
    display: none; }
  .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *, .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *, .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *, .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *, .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *, .section .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *, .section .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *, .section .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *, .section .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *, .section .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-xs .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-xs .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-xs .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-xs .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-xs .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-s .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-s .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-s .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-s .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *, html.view-s .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > * {
    display: block !important;
    font-size: 1.032em;
    font-weight: bold; }
    .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .section .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .section .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .section .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .section .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, .section .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-xs .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-xs .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-xs .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-xs .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-xs .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-s .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-s .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-s .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-s .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile, html.view-s .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *.dachzeile {
      color: #d40028;
      font-size: 0.936em; }
    .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .section .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .section .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .section .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .section .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, .section .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-xs .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-xs .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-xs .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-xs .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-xs .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-s .mod.modA .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-s .mod.modB .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-s .mod.modC .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-s .mod.modD .box.boxImageSquare .teaserInfoWrapper h4 > *.headline, html.view-s .mod.modE .box.boxImageSquare .teaserInfoWrapper h4 > *.headline {
      color: #313131; }
.mod.modA .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .mod.modA .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .mod.modA .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .mod.modB .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .mod.modB .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .mod.modB .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .mod.modC .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .mod.modC .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .mod.modC .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .mod.modD .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .mod.modD .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .mod.modD .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .mod.modE .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .mod.modE .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .mod.modE .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .section .mod.modA .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .section .mod.modA .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .section .mod.modA .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .section .mod.modB .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .section .mod.modB .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .section .mod.modB .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .section .mod.modC .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .section .mod.modC .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .section .mod.modC .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .section .mod.modD .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .section .mod.modD .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .section .mod.modD .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, .section .mod.modE .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, .section .mod.modE .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, .section .mod.modE .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modA .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modA .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modA .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modB .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modB .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modB .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modC .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modC .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modC .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modD .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modD .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modD .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modE .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modE .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-xs .mod.modE .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-s .mod.modA .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-s .mod.modA .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-s .mod.modA .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-s .mod.modB .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-s .mod.modB .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-s .mod.modB .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-s .mod.modC .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-s .mod.modC .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-s .mod.modC .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-s .mod.modD .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-s .mod.modD .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-s .mod.modD .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font, html.view-s .mod.modE .box.boxImageSquare.cssAv .mediaCon .imageWrapper .icon-font, html.view-s .mod.modE .box.boxImageSquare.cssVideo .mediaCon .imageWrapper .icon-font, html.view-s .mod.modE .box.boxImageSquare.cssAudio .mediaCon .imageWrapper .icon-font {
  display: none !important; }
.mod.modA .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .mod.modA .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .mod.modA .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .mod.modB .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .mod.modB .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .mod.modB .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .mod.modC .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .mod.modC .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .mod.modC .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .mod.modD .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .mod.modD .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .mod.modD .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .mod.modE .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .mod.modE .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .mod.modE .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .section .mod.modA .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .section .mod.modA .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .section .mod.modA .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .section .mod.modB .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .section .mod.modB .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .section .mod.modB .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .section .mod.modC .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .section .mod.modC .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .section .mod.modC .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .section .mod.modD .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .section .mod.modD .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .section .mod.modD .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, .section .mod.modE .box.boxImageSquare.cssAv .teaserInfoWrapper:after, .section .mod.modE .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, .section .mod.modE .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-xs .mod.modA .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-xs .mod.modA .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-xs .mod.modA .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-xs .mod.modB .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-xs .mod.modB .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-xs .mod.modB .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-xs .mod.modC .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-xs .mod.modC .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-xs .mod.modC .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-xs .mod.modD .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-xs .mod.modD .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-xs .mod.modD .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-xs .mod.modE .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-xs .mod.modE .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-xs .mod.modE .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-s .mod.modA .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-s .mod.modA .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-s .mod.modA .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-s .mod.modB .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-s .mod.modB .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-s .mod.modB .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-s .mod.modC .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-s .mod.modC .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-s .mod.modC .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-s .mod.modD .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-s .mod.modD .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-s .mod.modD .box.boxImageSquare.cssAudio .teaserInfoWrapper:after, html.view-s .mod.modE .box.boxImageSquare.cssAv .teaserInfoWrapper:after, html.view-s .mod.modE .box.boxImageSquare.cssVideo .teaserInfoWrapper:after, html.view-s .mod.modE .box.boxImageSquare.cssAudio .teaserInfoWrapper:after {
  background-color: #313131;
  color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  height: 44px;
  width: 44px;
  padding: 0;
  text-align: center;
  line-height: 45px;
  border: 0;
  content: "\e61c";
  position: absolute;
  display: block;
  float: right;
  margin-top: -44px;
  font-size: 26px; }
.mod.modA .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .mod.modB .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .mod.modC .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .mod.modD .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .mod.modE .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .section .mod.modA .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .section .mod.modB .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .section .mod.modC .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .section .mod.modD .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, .section .mod.modE .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-xs .mod.modA .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-xs .mod.modB .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-xs .mod.modC .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-xs .mod.modD .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-xs .mod.modE .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-s .mod.modA .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-s .mod.modB .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-s .mod.modC .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-s .mod.modD .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after, html.view-s .mod.modE .box.boxImageSquare .hideTeaserInfoWrapper .teaserInfoWrapper:after {
  display: none; }
.mod .box:hover button.icon-font, .mod .box:hover .teaserInfoWrapper:after, .section .mod .box:hover button.icon-font, .section .mod .box:hover .teaserInfoWrapper:after, html.view-xs .mod .box:hover button.icon-font, html.view-xs .mod .box:hover .teaserInfoWrapper:after, html.view-s .mod .box:hover button.icon-font, html.view-s .mod .box:hover .teaserInfoWrapper:after {
  background-color: #d40028 !important; }
.mod .boxBig .teaser, .section .mod .boxBig .teaser, html.view-xs .mod .boxBig .teaser, html.view-s .mod .boxBig .teaser {
  padding-bottom: 0; }
.mod .moreBtn, .section .mod .moreBtn, html.view-xs .mod .moreBtn, html.view-s .mod .moreBtn {
  text-align: right !important; }

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

.mod .headline,
.mod .dachzeile {
  width: 100%;
  margin-bottom: 8px;
  float: left; }
.mod h1 .headline, .mod h1.headline {
  font-size: 1.81em;
  margin-bottom: 20px;
  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: white;
  margin-bottom: 1px; }
.mod.modB .boxCon, .mod.modC .boxCon, .mod.modD .boxCon, .mod.modE .boxCon {
  background-color: white; }
.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: white; }
.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: #d5d5da;
  height: 1px; }
.mod .timestamp {
  border-top: 1px solid #d5d5da;
  padding-top: 16px;
  margin-top: 16px;
  font-size: 0.875em; }
.mod .collapseArrow {
  margin-top: -8px; }
  .mod .collapseArrow:before {
    content: "\e630";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .mod .collapseArrow:focus:before {
    text-decoration: none; }
.mod h1 .headline {
  display: block; }
.mod .dachzeile,
.mod .date:not(input),
.mod .channel,
.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.45em;
  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: #f9f9fa;
  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: "\e601";
      font-size: 1.21em;
      margin-right: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .mod .retentionInfo a:focus:before {
      text-decoration: none; }
    .mod .retentionInfo a .linktext {
      text-indent: -999em;
      display: block; }
  .mod .retentionInfo.urgent {
    color: #ff6708;
    background-color: #fefefe; }
    .mod .retentionInfo.urgent a {
      color: #ff6708; }
.mod .dossierNavigation .ui-collapsible-entry {
  background-color: transparent;
  border: 0; }
  .mod .dossierNavigation .ui-collapsible-entry.collapsed .ui-collapsible-trigger {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-bottom-color: #d5d5da; }
.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 #d5d5da;
  color: #313131;
  text-transform: uppercase;
  font-size: 1.2em;
  border-bottom-color: #d5d5da; }
.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 #d5d5da;
  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: #ececf1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d5d5da;
  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: "\e632";
    font-weight: normal;
    display: inline-block;
    margin-top: -2px; }
  .mod .moreBtn:focus {
    color: #d40028;
    text-decoration: none; }
.mod .teaser,
.mod .linklist li a {
  position: relative;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out; }
.mod .linklist li.facebook a .linktext:before {
  content: "\e636";
  font-size: 1.2em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
.mod .linklist li.facebook a .linktext:focus:before {
  text-decoration: none; }
.mod .linklist li.twitter a .linktext:before {
  content: "\e63a";
  font-size: 1.2em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
.mod .linklist li.twitter a .linktext:focus:before {
  text-decoration: none; }
.mod .linklist li a {
  padding-left: 32px !important; }
  .mod .linklist li a:before {
    content: "\e632";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .mod .linklist li a:focus:before {
    text-decoration: none; }
  .mod .linklist li a.active a:after {
    display: block; }
  .mod .linklist li a:before {
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    color: #d5d5da; }
  .mod .linklist li a .linkTextAdditional {
    font-size: 0.875em;
    display: block;
    margin-top: 4px; }
  html.no-touch .mod .linklist li a:hover .docName:before {
    background-color: #d40028; }
  html.no-touch .mod .linklist li a:hover:after {
    display: block;
    color: #d40028; }
.mod .linklist li.active a:after {
  display: block; }
.mod .teaserInfoWrapper {
  float: left;
  width: 100%;
  padding: 0 15px;
  margin-top: 16px; }
.mod .docName {
  font-size: 0.875em;
  margin-left: 2px;
  padding-left: 6px;
  white-space: nowrap;
  position: relative; }
  .mod .docName:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #313131; }
.mod .media .imageWrapper .icon-font {
  font-size: 1.5rem;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 12px;
  display: none; }
.mod .mediaCon {
  z-index: 2; }
  .mod .mediaCon .media .imageWrapper > span.avDetails {
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    margin: 0.3125rem;
    padding: 4px 8px;
    color: #fff;
    background-color: #0682d1; }
  .mod .mediaCon a:focus .imageWrapper {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
  .mod .mediaCon.item-delegated-lightbox .imageWrapper .icon-font {
    right: 0;
    left: auto;
    background-color: transparent;
    color: #fff;
    font-size: 1.2em;
    padding: 8px;
    display: block; }
    .mod .mediaCon.item-delegated-lightbox .imageWrapper .icon-font:before {
      content: "\e604"; }
.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: right;
          margin-left: 8px; }
      .mod .linklist .list li > div {
        padding-left: 8px;
        padding-right: 8px; }
  .mod .linklist .cssVideo a .linktext:before {
    content: "\e60e"; }
  .mod .linklist .cssAudio a .linktext:before {
    content: "\e60b"; }
  .mod .linklist .cssLink.cssLinkExternal a .linktext:before {
    content: "\e638"; }
  .mod .linklist .cssLink.cssLinkArd a .linktext:before {
    content: "\e634"; }
  .mod .linklist .cssMultimediaGallery a .linktext:before {
    content: "\e60d"; }
  .mod .linklist .cssImageGallery a .linktext:before {
    content: "\e60c"; }
  .mod .linklist .cssProgramHint a .linktext:before {
    content: "\e62f"; }
  .mod .linklist .cssAudioSlideShow a .linktext:before {
    content: "\e63b"; }
.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: "\e630"; }
    .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: #d40028;
      text-decoration: none; }
    html.no-touch .controls a.prev:hover, html.no-touch
    .controls a.next:hover {
      color: #d40028; }
  .controls a.prev:before {
    content: "\e631";
    font-size: 1.21em;
    margin-right: 0;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .controls a.prev:focus:before {
    text-decoration: none; }
  .controls a.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: "\e632";
      font-size: 1.21em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .controls a.next:focus:after {
      text-decoration: none; }
  .controls .owl-dot {
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: none;
    border: 2px solid #313131;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer; }
    .controls .owl-dot.active, .controls .owl-dot:focus {
      background-color: #313131; }
    html.no-touch .controls .owl-dot:hover {
      background-color: #313131; }

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

.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.2em; }
.sectionC .mod .box .teasertext,
.mod.modC .box .teasertext,
.mod.modD .box .teasertext,
.mod.modE .box .teasertext {
  font-size: 0.9375em; }

.no-touch .section .mod .moreBtn:hover {
  color: #d40028;
  text-decoration: none !important; }
.no-touch .section .mod .channelBtn .moreBtn:hover,
.no-touch .section .mod .channelBtn .moreBtn:focus {
  color: #fff;
  text-decoration: none !important; }
.no-touch .section .mod .box.boxSmall:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover.cssAv .mediaCon .icon-font,
.no-touch .section .mod .box.boxBig:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover.cssAv .mediaCon .icon-font,
.no-touch .section .mod .box.boxNormal:not(.boxSpecial):not(.cssInfoTeaser):not(.cssBroadcast):not(.cssNoLink):hover.cssAv .mediaCon .icon-font {
  background-color: #0682d1; }
.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: #d40028; }
.no-touch .section .mod .box .linklist ul li:hover {
  background-color: #fff; }
  .no-touch .section .mod .box .linklist ul li:hover a {
    color: #d40028; }

/*
 * avDetails
 * kleiner Badge mit Dauer des Audios/Videos in Minuten
 */
.mod .mediaCon .media .imageWrapper > span.avDetails {
  opacity: 0;
  transition: all 0.15s;
  background-color: #313131;
  top: 0;
  bottom: auto; }

.teaser .mediaCon .avDetails {
  display: initial !important; }

/*
 * Schlagzeilenteaser
 * background-color bei hover nicht weiß (hat mdr.de so)
 */
.no-touch .section .mod .box .linklist ul li {
  transition: all 0.15s; }
  .no-touch .section .mod .box .linklist ul li:hover {
    background-color: #d5d5da; }
    .no-touch .section .mod .box .linklist ul li:hover a:before {
      color: white; }

.mod.modParagraph .firstMediaFull {
  display: none; }
.mod.modParagraph .dachzeile {
  margin-bottom: 24px;
  margin-top: 8px; }
.mod.modParagraph .einleitung, .mod.modParagraph .jumpLabelList, .mod.modParagraph .authorWrapper {
  margin-bottom: 33px; }
.mod.modParagraph .authorWrapper {
  margin-bottom: 36px;
  display: flex;
  align-items: center; }
.mod.modParagraph .authorWrapper .mediaCon {
  margin-right: 1rem; }
.mod.modParagraph .authorWrapper .mediaCon {
  width: auto; }
  .mod.modParagraph .authorWrapper .mediaCon .mediaInfo {
    display: none; }
.mod.modParagraph .authorWrapper a {
  color: #d40028;
  font-weight: bold; }
  html.no-touch .mod.modParagraph .authorWrapper a:hover {
    text-decoration: underline; }
.mod.modParagraph .authorWrapper .imageWrapper {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden; }
  .mod.modParagraph .authorWrapper .imageWrapper:before {
    padding-top: 100%; }
.mod.modParagraph p.text + .mediaCon {
  margin-top: 16px; }
.mod.modParagraph p.subtitle {
  margin-bottom: 40px;
  margin-top: -24px;
  font-size: 1.25em; }
.mod.modParagraph h3.headline, .mod.modParagraph h3.subtitle {
  font-size: 1.25em;
  margin-bottom: 16px; }
.mod.modParagraph .mediaCon {
  padding-right: 0; }
  .mod.modParagraph .mediaCon.mediaFull {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 16px; }
.mod.modParagraph .definition {
  border: 1px solid #d5d5da;
  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 #d5d5da;
    border-right: 1px solid #d5d5da;
    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: #d40028;
    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 #d5d5da; }
  html.no-touch .mod.modParagraph .jumpLabelList ul li a:hover {
    background-color: #fff;
    color: #d40028; }
.mod.modParagraph .jumpLabelList ul li:last-child a {
  border-bottom: 1px solid #d5d5da; }
.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-of-type .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;
    padding-right: 0 !important; }
  .mod.modParagraph .box.floatBox.viewB {
    width: 50%;
    min-width: 50%; }
  .mod.modParagraph .box.floatBox.viewC {
    width: 33.333%;
    min-width: 33.333%; }
  .mod.modParagraph .box.floatBox.right {
    float: right; }
  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 .list .text a {
  color: #d40028;
  display: inline;
  padding: 0 !important; }
  .mod .cssArticleShortNews .extended .list .text a:before {
    display: none; }
.mod .cssArticleShortNews .extended .ui-collapsible-entry {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0; }
  .mod .cssArticleShortNews .extended .ui-collapsible-entry strong {
    font-weight: bold; }
  .mod .cssArticleShortNews .extended .ui-collapsible-entry a:after {
    display: none; }
  html.no-touch .mod .cssArticleShortNews .extended .ui-collapsible-entry a:hover:after {
    display: none; }

.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: #f0f0f5;
  padding: 16px; }
.form .form-hint,
.form .formElement,
.form .formElement.error {
  border: 0;
  border-bottom: 1px solid #d5d5da; }
.form .form-hint {
  border-bottom-color: #d5d5da; }
.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: #d5d5da;
  border-top: 1px solid #d5d5da; }
  .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: "\e61a";
      font-size: 0.875em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .form .formElement .form-button input:checked + label:focus:after {
      text-decoration: none; }
    .form .formElement .form-button input:checked + label:after {
      position: absolute;
      left: 2px;
      top: 0; }
    .form .formElement .form-button input:focus + label:before {
      border-color: #000; }
    .form .formElement .form-button input:checked + label:after {
      content: "\e61a";
      font-size: 0.875em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .form .formElement .form-button input:checked + label:focus:after {
      text-decoration: none; }
    .form .formElement .form-button input:checked + label:after {
      position: absolute;
      left: 6px;
      top: 1px; }
    .form .formElement .form-button label {
      position: relative;
      padding-left: 32px; }
    .form .formElement .form-button label:before {
      content: "";
      position: absolute;
      width: 16px;
      height: 16px;
      top: 2px;
      left: 4px;
      border: 1px solid #d5d5da;
      -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 #d5d5da;
    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: white;
    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: #ececf1;
      margin-bottom: 1px; }
.form button.form-errorSkips {
  position: relative;
  top: -999em;
  left: -999em;
  height: 0;
  padding: 0;
  margin: 0 !important;
  text-transform: none;
  font-weight: bold;
  width: 0;
  border: 0; }
.form form button.form-errorSkips:focus {
  top: 0;
  left: 0;
  height: auto;
  padding: 16px;
  border-color: #e2001a;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  color: #ec0000;
  font-weight: bold;
  width: 100%; }

.mod .cssVoting.form-noAbsoluteValues .votes {
  display: none; }
.mod .cssVoting.form-noAbsoluteValues .votingTime:after {
  display: none; }
.mod .cssVoting.form-noIntermediateResults a.moreBtn.submitButton {
  display: none; }
.form-noIntermediateResults .mod .cssVoting a.moreBtn.submitButton {
  display: none; }
.mod .cssVoting h4.headline {
  margin-bottom: 16px; }
.mod .cssVoting .form .mediaCon {
  margin-bottom: 16px;
  padding: 0; }
  .mod .cssVoting .form .mediaCon .mediaInfo {
    display: none; }
.mod .cssVoting .cssAv .mediaCon,
.mod .cssVoting .cssAv label,
.mod .cssVoting .cssAv .form-voteText,
.mod .cssVoting .cssImage .mediaCon,
.mod .cssVoting .cssImage label,
.mod .cssVoting .cssImage .form-voteText {
  width: 50%; }
.mod .cssVoting .cssAv .mediaCon,
.mod .cssVoting .cssImage .mediaCon {
  padding-right: 8px; }
.mod .cssVoting .moreBtn.submitButton {
  margin-top: 20px; }
.mod .cssVoting .formElement {
  padding-right: 0;
  border-bottom: 0; }
  .mod .cssVoting .formElement.required {
    margin-bottom: -16px; }
    .mod .cssVoting .formElement.required:after {
      display: none; }
  .mod .cssVoting .formElement.error .form-button {
    border: 1px solid #ec0000; }
.mod .cssVoting .moreBtn.submitButton.intermediateResult {
  font-size: 1em;
  margin-right: 24px;
  margin-bottom: 0; }
  html.no-touch .mod .cssVoting .moreBtn.submitButton.intermediateResult:not(.disabled):hover {
    color: #d40028; }
.mod .cssVoting .form-errormsg {
  max-width: 100%;
  margin-bottom: 0; }
.mod .cssVoting fieldset:not(.securityFieldset) {
  padding: 0; }
.mod .cssVoting .form fieldset:not(.securityFieldset),
.mod .cssVoting .form .form-hint {
  background-color: transparent; }
.mod .cssVoting .form-voteThanks {
  color: #009900;
  font-weight: bold;
  font-size: 1.2em;
  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: #ececf1;
    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: #666666; }
.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: white; }
    .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: #d40028;
      background-color: #fff; }
    .form .submitfield button:after,
    .form .submitfield a.moreBtn:after,
    .form-success .submitfield button:after,
    .form-success .submitfield a.moreBtn:after {
      display: none; }

.form-success.form-error p.successText,
.form-success.form-error div.unitA {
  color: #ff0000;
  border-bottom: 0;
  margin-bottom: 0; }
.form-success p.successText {
  color: #009900;
  font-size: 1.5em;
  margin-bottom: 32px;
  font-weight: bold; }
.form-success h3.subtitle {
  width: 100%;
  padding-bottom: 16px;
  margin-bottom: 0; }
.form-success .form-success-values {
  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%; }

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

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

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

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

/*
 * Formular Spezialteaser
 * Vorspanntext mit Padding versehen, sonst klatscht er am Rand
 */
.mod .cssForm .teaser.special .innerTeaser .teaserInfoWrapper {
  padding: 16px; }

.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.2em;
    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: "\e633";
      position: absolute;
      right: 8px; }
    .modLightbox .mediaInfo.ui-collapsible.open:before {
      content: "\e630"; }
.modLightbox .modLightbox-close {
  font-size: 1.2em;
  color: #666666; }
  .modLightbox .modLightbox-close:before {
    content: "\e608";
    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: #666666; }
  .modLightbox .controls.ui-galleryControls .ui-pieProgressWrapper {
    margin-top: 0; }
    .modLightbox .controls.ui-galleryControls .ui-pieProgressWrapper .ui-pieProgress {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -17px 0 0 -20px;
      color: #fefefe; }
.modLightbox .ui-galleryControlsHidden {
  position: fixed;
  left: 0;
  width: 0;
  display: block;
  z-index: 101;
  color: #666666; }
  .modLightbox .ui-galleryControlsHidden:before {
    left: 0;
    display: block; }
  .modLightbox .ui-galleryControlsHidden:after {
    background-color: rgba(0, 0, 0, 0.9);
    width: 44px; }
  .modLightbox .ui-galleryControlsHidden.right {
    right: 0;
    left: auto; }
    .modLightbox .ui-galleryControlsHidden.right:before {
      left: auto;
      right: 0; }
.modLightbox .ui-thumbSlider {
  position: fixed;
  bottom: 44px;
  left: 0;
  width: 100%;
  max-height: 80%;
  overflow: auto;
  background-color: black;
  padding: 8px;
  z-index: 101; }
  .modLightbox .ui-thumbSlider.owl-isSlider {
    max-height: 100%;
    overflow: hidden; }
    .modLightbox .ui-thumbSlider.owl-isSlider .mediaCon {
      width: 100%;
      padding-top: 8px; }
  .modLightbox .ui-thumbSlider .thumbSliderContainer {
    width: 100%; }
  .modLightbox .ui-thumbSlider.owl-isSlider .mediaCon.isLoaded:before, .modLightbox .ui-thumbSlider.owl-noSlider .mediaCon.isLoaded:before {
    top: -14px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    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: white;
    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: "\e61c";
    font-size: 1.2em;
    margin-left: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .modLightbox .mediaCon:not(.brav-ready) .av-playerContainer .imageWrapper:focus:after {
    text-decoration: none; }
  .modLightbox .mediaCon:not(.brav-ready) .av-playerContainer .imageWrapper:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    color: rgba(255, 255, 255, 0.9);
    font-size: 8em;
    margin-left: -64px;
    line-height: 0; }
.modLightbox .ui-galleryPlayer {
  position: fixed;
  z-index: 101;
  bottom: 0;
  top: auto;
  width: 100%;
  left: 0; }
  .modLightbox .ui-galleryPlayer.av-playerContainer.ready {
    height: 55px !important; }
  .modLightbox .ui-galleryPlayer video, .modLightbox .ui-galleryPlayer audio {
    opacity: 0; }
.modLightbox .modLightbox-content.loading .ui-social-fixed {
  display: none !important; }
.modLightbox .modLightbox-contentWrapper {
  padding: 8px; }
  .modLightbox .modLightbox-contentWrapper .mediaCon {
    margin-bottom: 0; }
  .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaCon {
    overflow: hidden; }
    .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaCon.noFullDesc .mediaInfo span:after {
      display: none; }
    .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaCon.noDesc .mediaInfo {
      display: none !important; }
  .modLightbox .modLightbox-contentWrapper .gallery-bigImage .mediaRights {
    margin-top: 8px;
    display: block;
    font-size: 0.875em;
    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: #d40028; }
.modLightbox.hover .controls {
  display: block !important; }
.modLightbox.mmg .modLightbox-galleryInfos {
  text-align: left; }
  .modLightbox.mmg .modLightbox-galleryInfos h2 {
    padding: 16px;
    text-align: center;
    color: #fefefe; }
    .modLightbox.mmg .modLightbox-galleryInfos h2:before {
      content: "\e60d";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .modLightbox.mmg .modLightbox-galleryInfos h2:focus:before {
      text-decoration: none; }
  .modLightbox.mmg .modLightbox-galleryInfos h3 {
    text-align: center;
    display: block;
    margin-top: 0;
    color: #fefefe;
    margin-bottom: 16px; }
.modLightbox.mmg.playerActive .ui-galleryControlsHidden {
  margin-top: -50px; }
  .modLightbox.mmg.playerActive .ui-galleryControlsHidden:before {
    margin-top: 50px; }

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

/* Tables */
.table {
  overflow-x: auto;
  margin-bottom: 24px; }
  .table caption {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 6px; }
  .table a {
    color: #d40028; }
  .table .tableFooter {
    border-bottom: 1px solid #d5d5da;
    padding: 8px; }
  .table table {
    border-spacing: 0;
    overflow: hidden; }
    .table table tr, .table table td, .table table th {
      position: relative;
      background-color: #ececf1; }
    .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: "\e60f";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .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: white; }
  .conStagebox.conStageboxWithThumbs .modStage .controls.sliding {
    display: none !important; }
  .conStagebox.conStageboxWithThumbs .modSlideable.owl-noSlider .owl-stage {
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center; }
  .conStagebox.conStageboxWithThumbs .owl-stage-outer {
    margin-top: -16px;
    padding-top: 16px; }
  .conStagebox.conStageboxWithThumbs .modThumbs .teasertext, .conStagebox.conStageboxWithThumbs .modThumbs .moreBtn, .conStagebox.conStageboxWithThumbs .modThumbs .dachzeile, .conStagebox.conStageboxWithThumbs .modThumbs .headline, .conStagebox.conStageboxWithThumbs .modThumbs .cssProgramHintBox, .conStagebox.conStageboxWithThumbs .modThumbs .avRights, .conStagebox.conStageboxWithThumbs .modThumbs h3.rubric {
    display: none; }
  .conStagebox.conStageboxWithThumbs .modThumbs .shortHeadline, .conStagebox.conStageboxWithThumbs .modThumbs .shortHeadline .headline {
    display: block !important; }
  .conStagebox.conStageboxWithThumbs .modThumbs .boxCon {
    background-color: #d5d5da;
    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: #f9f9fa;
        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: white; }
      .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box.active:before, .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box:focus:before {
        opacity: 1;
        top: -24px; }
      html.no-touch .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box:hover .teaser {
        background-color: white; }
      html.no-touch .conStagebox.conStageboxWithThumbs .modThumbs .boxCon .box:hover:before {
        opacity: 1;
        top: -24px; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsText .modThumbs .box .mediaCon, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .box .mediaCon {
    display: none; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsText .modThumbs .box .innerTeaser, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .box .innerTeaser {
    padding-top: 8px;
    padding-bottom: 8px; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsText .modThumbs .box .teaserInfoWrapper, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .box .teaserInfoWrapper {
    padding-top: 0; }
    .conStagebox.conStageboxWithThumbs.conStageboxThumbsText .modThumbs .box .teaserInfoWrapper .shortInfos, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .box .teaserInfoWrapper .shortInfos {
      margin-bottom: 0; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .dachzeile, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .headline, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .teasertext, .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs .shortHeadline {
    display: none; }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsRubric .modThumbs h3.rubric {
    display: block; }
  .conStagebox.conStageboxWithThumbs .modThumbs .box:not(.active) .teaser {
    background-color: rgba(255, 255, 255, 0.5); }
  .conStagebox.conStageboxWithThumbs.conStageboxThumbsImg .modThumbs .teaserInfoWrapper {
    display: none; }

.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: "\e60c";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
.mod .box.cssImageGallery .teaser.special .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }
.mod .box.cssImageGallery .teaser.special .moreBtn {
  margin-top: 16px; }
.mod .box.cssImageGallery .teaser.special .ui-thumbSlider {
  background-color: #e1e1e1; }
  .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper:before {
    padding-top: 100%; }
  .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper .icon-font {
    background-color: transparent;
    font-size: 1.2em;
    left: auto;
    right: 0;
    color: #fff;
    display: block; }
    .mod .box.cssImageGallery .teaser.special .ui-thumbSlider .imageWrapper .icon-font:before {
      content: "\e604"; }
.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 #d5d5da; }
.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter h4 .headline:before {
  content: "\e616";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter h4 .headline:focus:before {
  text-decoration: none; }
.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .ui-thumbSlider, .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .moreBtn {
  display: none !important; }
.mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon {
  display: block; }
  .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon .mediaInfo {
    display: block; }
    .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon .mediaInfo .mediaSubtitle {
      display: none; }
  .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon .imageWrapper:not(.twentytwenty-container) img:nth-child(1) {
    position: relative;
    bottom: auto;
    right: auto; }
  .mod .box.cssImageGallery .teaser.special.galleryTeaserBeforeAfter .innerTeaser .mediaCon .imageWrapper:before {
    display: none; }
.mod .box.cssImageGallery .teaser.special.galleryTeaserGrid .ui-thumbSlider .thumbSliderContainer {
  width: 100%; }
.mod .box.cssImageGallery .teaser.special.galleryTeaserBig .innerTeaser .gallery-bigImage .imageWrapper {
  padding: 8px; }
html.flexbox .mod .box.cssImageGallery .teaser.special.galleryTeaserBig .innerTeaser .mediaCon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
.mod .box.cssImageGallery .teaser.special.galleryTeaserBig .innerTeaser .mediaCon.isLoaded:before {
  top: -14px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: white;
  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: white;
  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 #d5d5da;
  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%; }
.section .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: "\e60c";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
body.cssImageGallery h1 .headline:focus:before {
  text-decoration: none; }
body.cssImageGallery .sectionDetailPage .mod .box.cssImageGallery .teaser {
  padding: 0; }
  body.cssImageGallery .sectionDetailPage .mod .box.cssImageGallery .teaser .teaserInfoWrapper {
    padding-top: 0; }

.mod.modSearchHeader {
  padding: 32px;
  text-align: center;
  background-color: #ececf1;
  border: 1px solid #d5d5da;
  border-left: 0;
  border-right: 0; }

.mod.modSearchFilter {
  background-color: #f9f9fa; }
  .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 #d5d5da; }
  .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 #d5d5da; }
      .mod.modSearchFilter ul li a.active {
        background-color: #fff; }
      .mod.modSearchFilter ul li a.disabled {
        color: #d5d5da;
        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: #666666;
      -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: #f9f9fa; }
  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: "\e62f";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
.mod .box.cssProgramHint .teaser .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }
.sectionChannelHeader .mod .box.cssProgramHint {
  padding: 0;
  border-bottom: 1px solid #d5d5da; }
  .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.2em;
    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 white; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
      width: 50%;
      background-color: rgba(0, 0, 0, 0.05);
      text-transform: uppercase; }
    .mod .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintText {
      font-weight: bold; }
    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.2em; }
    .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: #ececf1;
    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: #d5d5da;
  border-top: 1px solid #d5d5da; }
  .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: white;
      border: 1px solid white;
      padding: 16px; }
      html.no-touch .box.cssAvPlus .thumbSliderContainer .chapter .chapterInner:hover {
        background-color: #fefefe;
        border: 1px solid #313131; }
    .box.cssAvPlus .thumbSliderContainer .chapter.currentChapter .chapterInner {
      background-color: #fefefe;
      border: 1px solid #313131;
      text-decoration: none; }
  .box.cssAvPlus .thumbSliderContainer .owl-item .chapter {
    width: 100%; }
.box.cssAvPlus .themes {
    /*position: absolute;
    z-index: 4;

    right: 16px;
    top: 16px;
    text-align: right;
    */ }
  .box.cssAvPlus .themes li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 100px 200px;
    height: 100%; }
    .box.cssAvPlus .themes li button.moreBtn {
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      -o-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      position: absolute;
      z-index: 4;
      overflow: visible;
      right: 16px;
      top: 16px;
      width: 150px;
      padding: 8px;
      text-align: left;
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid #313131; }
      .box.cssAvPlus .themes li button.moreBtn:after {
        display: none; }
      .box.cssAvPlus .themes li button.moreBtn.active {
        background-color: #fefefe; }
      .box.cssAvPlus .themes li button.moreBtn span {
        position: absolute;
        border-radius: 50%;
        border: 1px solid #313131;
        background-color: #fefefe;
        top: -10px;
        right: -10px;
        width: 24px;
        height: 24px;
        padding: 4px 0 0 0;
        line-height: 1em;
        text-align: center;
        color: #313131; }
    .box.cssAvPlus .themes li.cssVideo button.moreBtn:before {
      content: "\e60e";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssAvPlus .themes li.cssVideo button.moreBtn:focus:before {
      text-decoration: none; }
  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: #d5d5da;
        border-color: #d5d5da;
        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.2em;
    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: #f9f9fa !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 #d5d5da;
    -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 .quiz-question .mediaCon .icon-font,
.mod .quiz-answers__wrapper.media-wrapper .icon-font,
.mod > .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font,
.mod .pinboardWrapper .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font,
.mod > .boxCon .box.cssBroadcast.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font,
.mod > .boxCon .box.cssAv.cssVoting > .teaser .form-button .mediaCon > .media .imageWrapper .icon-font,
.mod > .boxCon .box .form-button.cssAv .mediaCon > .media .imageWrapper .icon-font,
.mod > .boxCon .box .cssAv.mediaCon > .media .imageWrapper .icon-font, .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after {
  background-color: #0682d1;
  color: #fff;
  	/*      height: 32px;
  	  width: 46px;
  	  line-height: 0.25em;
  */
  left: 0;
  right: auto;
  height: 44px;
  width: 44px;
  padding: 0;
  text-align: center;
  line-height: 1.875em;
  border: 0;
  content: "\e61c";
  position: absolute;
  display: blocK;
  bottom: 0;
  top: auto; }
  .mod .quiz-question .mediaCon .icon-font:before,
  .mod .quiz-answers__wrapper.media-wrapper .icon-font:before,
  .mod > .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font:before,
  .mod .pinboardWrapper .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font:before,
  .mod > .boxCon .box.cssBroadcast.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font:before,
  .mod > .boxCon .box.cssAv.cssVoting > .teaser .form-button .mediaCon > .media .imageWrapper .icon-font:before,
  .mod > .boxCon .box .form-button.cssAv .mediaCon > .media .imageWrapper .icon-font:before,
  .mod > .boxCon .box .cssAv.mediaCon > .media .imageWrapper .icon-font:before {
    content: "\e61c"; }
  .mod .quiz-question .mediaCon .icon-font:focus,
  .mod .quiz-answers__wrapper.media-wrapper .icon-font:focus,
  .mod > .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font:focus,
  .mod .pinboardWrapper .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font:focus,
  .mod > .boxCon .box.cssBroadcast.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font:focus,
  .mod > .boxCon .box.cssAv.cssVoting > .teaser .form-button .mediaCon > .media .imageWrapper .icon-font:focus,
  .mod > .boxCon .box .form-button.cssAv .mediaCon > .media .imageWrapper .icon-font:focus,
  .mod > .boxCon .box .cssAv.mediaCon > .media .imageWrapper .icon-font:focus, .mod .cssAv.boxImage .teaserInfoWrapper:focus:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:focus:after {
    background-color: #0682d1; }
.mod.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, #content .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p {
  width: 100%; }
  .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, .mod.modD .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast, 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, #content .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
    border-bottom: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }
  .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, .mod.modD .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal, 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, #content .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
    border-left: 0; }
  .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, .mod.modD .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration, 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, #content .mod.modC .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
    border-top: 1px solid #d7dcde;
    border-left: 0;
    width: 100%; }
.mod .cssAv.modC .avInfos, .mod .cssAv.modD .avInfos, html.view-xs .mod .cssAv .teaser .innerTeaser .avInfos, html.view-s .mod .cssAv .teaser .innerTeaser .avInfos, .sectionC .mod .cssAv .teaser .innerTeaser .avInfos, html.view-m .mod .cssAv .teaser .innerTeaser .avInfos, .mod .cssAv.floatBox .teaser .innerTeaser .avInfos, #content .mod.modC .cssAv .teaser .innerTeaser .avInfos {
  border: 0; }
  .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, #content .mod.modC .cssAv .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, #content .mod.modC .cssAv .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,
  #content .mod.modC .cssAv .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, #content .mod.modC .cssAv .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, #content .mod.modC .cssAv .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,
  #content .mod.modC .cssAv .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, #content .mod.modC .cssAv .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, #content .mod.modC .cssAv .teaser .innerTeaser .hasBroadcastLink.avInfos:not(.hasDownload) .avLink {
    width: 100%; }
.mod .cssAv .mediaCon {
  cursor: pointer; }
  .mod .cssAv .mediaCon .media {
    position: relative; }
    .mod .cssAv .mediaCon .media a:focus .icon-font {
      background-color: #0682d1 !important; }
    .mod .cssAv .mediaCon .media html.no-touch a:hover .icon-font {
      background-color: #0682d1; }
  .mod .cssAv .mediaCon.avInline .media .icon-font {
    background-color: #0682d1; }
.mod .cssAv.modA .teaserInfoWrapper {
  padding-left: 0;
  padding-right: 0; }
.mod .cssAv .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: #666666; }
.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.boxImage .avDetails, .mod .cssAv.boxImageSquare .retentionInfo,
.mod .cssAv.boxImageSquare .mediaCon .icon-font,
.mod .cssAv.boxImageSquare .avDetails {
  display: none !important; }
.mod .cssAv.boxImage .teaserInfoWrapper, .mod .cssAv.boxImageSquare .teaserInfoWrapper {
  padding-right: 16px !important; }
  .mod .cssAv.boxImage .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .teaserInfoWrapper:after {
    position: absolute;
    display: inline-block;
    float: right;
    left: 0 !important;
    top: 0;
    margin-top: -44px;
    font-size: 1.5rem; }
.mod .cssAv.boxImage .brav-ready + .teaserInfoWrapper:after, .mod .cssAv.boxImageSquare .brav-ready + .teaserInfoWrapper:after {
  display: none; }
.mod .cssAv.noImage > .teaser > .innerTeaser > .mediaCon > .media > .imageWrapper {
  background-color: #ececf1; }
  .mod .cssAv.noImage > .teaser > .innerTeaser > .mediaCon > .media > .imageWrapper img {
    display: none !important; }
.mod .cssAv .mediaCon.missingVariants .imageWrapper {
  background-color: #ececf1; }
.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: #f9f9fa; }
  .mod .cssAv .teaser .innerTeaser .avInfos .avLink .avLinkTitle,
  .mod .cssAv .teaser .innerTeaser .avInfos .avDownload .avDownloadTitle {
    top: 1px;
    margin-top: -1px;
    z-index: 2;
    min-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadTitle span {
    font-size: 0.875em; }
  .mod .cssAv .teaser .innerTeaser .avInfos .avLink > *,
  .mod .cssAv .teaser .innerTeaser .avInfos .avDownload > *,
  .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink {
    padding: 12px 16px; }
  .mod .cssAv .teaser .innerTeaser .avInfos .cssBroadcastInfoLink {
    width: 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: #f9f9fa;
    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: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    padding: 8px;
    border: 1px solid #d7dcde;
    border-bottom: 0; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:before {
      content: "\e60f";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:focus:before {
      text-decoration: none; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:after {
      display: none; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a span {
      display: block;
      font-size: 0.875em; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:after {
      content: ""; }
    .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:last-child {
      border: 1px solid #d7dcde; }
    html.no-touch .mod .cssAv .teaser .innerTeaser .avInfos .avDownloadBody > a:hover {
      background-color: #fff; }
.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: " \e632"; }
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast,
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime,
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
    background-color: transparent;
    border: 0; }
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast {
    border-bottom: 1px solid #d7dcde;
    width: 100%; }
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .cssProgramHintBroadcast a:after {
    display: none; }
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime,
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
    width: auto; }
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime {
    padding-left: 0; }
    .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTime:before {
      content: ", "; }
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDateTotal {
    padding-right: 0; }
  .mod .cssAv .teaser .innerTeaser .cssProgramHintBox .cssProgramHintCurrent p .broadcastDuration {
    width: auto;
    border-color: #d7dcde; }
.mod .cssMultimediaGallery .boxNormal:not(.boxSpecial) h4 .headline:before {
  content: "\e60d";
  font-size: 1em;
  margin-left: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  float: right; }
.mod .cssMultimediaGallery .boxNormal:not(.boxSpecial) h4 .headline:focus:before {
  text-decoration: none; }
.mod .cssMultimediaGallery .mmgTeaserTitle {
  font-size: 1.2em;
  margin-bottom: 24px;
  border-bottom: 1px solid #d5d5da;
  padding-bottom: 16px; }
  .mod .cssMultimediaGallery .mmgTeaserTitle:before {
    content: "\e60d";
    font-size: 1em;
    margin-left: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    float: right; }
  .mod .cssMultimediaGallery .mmgTeaserTitle:focus:before {
    text-decoration: none; }
.mod .cssMultimediaGallery .mmgTeaserList > .moreBtn {
  margin-top: 12px; }
.mod .cssMultimediaGallery .mmgTeaserList .teaser {
  padding: 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.2em;
  display: block; }
.mod .cssMultimediaGallery.short .mmgTeaserList .teaser .teaserInfoWrapper:after {
  background-color: #313131;
  color: #fff;
  left: auto;
  right: 8px;
  top: 50%;
  margin-top: -20px;
  content: "\e61c";
  height: 41px;
  width: 41px;
  padding: 0;
  text-align: center;
  line-height: 36px;
  display: block;
  font-size: 1.5rem;
  position: absolute; }
.mod .cssMultimediaGallery.extended .mmgTeaserList .teaser .cssProgramHintBox {
  display: block;
  margin-top: 12px; }
.mod .cssMultimediaGallery .mmgContent {
  padding: 4px 0; }
  .mod .cssMultimediaGallery .mmgContent p {
    float: left;
    width: 50%;
    padding: 8px 16px; }
    .mod .cssMultimediaGallery .mmgContent p:before {
      content: "\e60e";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block;
      float: right; }
    .mod .cssMultimediaGallery .mmgContent p:focus:before {
      text-decoration: none; }
    .mod .cssMultimediaGallery .mmgContent p.mmgAudios:before {
      content: "\e60b";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block;
      float: right; }
    .mod .cssMultimediaGallery .mmgContent p.mmgAudios:focus:before {
      text-decoration: none; }
    .mod .cssMultimediaGallery .mmgContent p:first-child {
      border-right: 1px solid #d7dcde; }
.mod .boxSpecial.cssVideo .teaser .innerTeaser .mediaCon,
.mod .boxSpecial.cssAudio .teaser .innerTeaser .mediaCon,
.mod .boxSpecial.cssAudioSlideShow .teaser .innerTeaser .mediaCon {
  max-width: 100% !important;
  padding-right: 0 !important; }
.mod .boxSpecial.cssVideo .teaser .innerTeaser .shortInfos,
.mod .boxSpecial.cssAudio .teaser .innerTeaser .shortInfos,
.mod .boxSpecial.cssAudioSlideShow .teaser .innerTeaser .shortInfos {
  width: 100% !important; }
.mod .boxSpecial.cssVideo .teaser.standard .mediaCon .media .icon-font,
.mod .boxSpecial.cssAudio .teaser.standard .mediaCon .media .icon-font,
.mod .boxSpecial.cssAudioSlideShow .teaser.standard .mediaCon .media .icon-font {
  background-color: #313131; }
.mod .boxSpecial.squareVideo .imageWrapper:before {
  padding-top: 100%; }
.cssAv .sectionDetailPage .mod .box.squareVideo .imageWrapper:before {
  padding-top: 100%; }
.mod .cssAudio.form-button label,
.mod .cssAudioLivestream.form-button label {
  padding-left: 64px; }
  .mod .cssAudio.form-button label:before,
  .mod .cssAudioLivestream.form-button label:before {
    content: "\e60b";
    font-size: 1em;
    margin-left: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    float: right; }
  .mod .cssAudio.form-button label:focus:before,
  .mod .cssAudioLivestream.form-button label:focus:before {
    text-decoration: none; }
  .mod .cssAudio.form-button label:before,
  .mod .cssAudioLivestream.form-button label:before {
    text-indent: 32px;
    line-height: .9em; }
.mod .cssAudio > .teaser > .innerTeaser h4 .headline:before,
.mod .cssAudioLivestream > .teaser > .innerTeaser h4 .headline:before {
  content: "\e60b";
  font-size: 1em;
  margin-left: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  float: right; }
.mod .cssAudio > .teaser > .innerTeaser h4 .headline:focus:before,
.mod .cssAudioLivestream > .teaser > .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }
.mod .cssAudio > .teaser > .innerTeaser .media,
.mod .cssAudioLivestream > .teaser > .innerTeaser .media {
  height: auto !important; }
  .mod .cssAudio > .teaser > .innerTeaser .media .icon-font,
  .mod .cssAudioLivestream > .teaser > .innerTeaser .media .icon-font {
    bottom: auto; }
  .mod .cssAudio > .teaser > .innerTeaser .media object,
  .mod .cssAudioLivestream > .teaser > .innerTeaser .media object {
    max-height: 56px !important; }
  .mod .cssAudio > .teaser > .innerTeaser .media video,
  .mod .cssAudioLivestream > .teaser > .innerTeaser .media video {
    opacity: 0;
    position: absolute;
    left: -999em;
    visibility: hidden; }
.mod .cssAudio.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper,
.mod .cssAudioLivestream.boxSpecial .teaser.special .innerTeaser .mediaCon .imageWrapper {
  height: 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 .cssAvAccessibleWrapper {
  background-color: #d5d5da;
  display: flex;
  flex: 1 1 auto;
  position: relative; }
  .mod .cssAvAccessibleWrapper::after {
    position: absolute;
    content: '';
    width: 2px;
    height: calc(100% - 8px);
    top: 4px;
    left: 50%;
    margin-left: -1px;
    background-color: #fff;
    z-index: 1; }
  html.view-xs .mod .cssAvAccessibleWrapper {
    flex-wrap: wrap; }
    html.view-xs .mod .cssAvAccessibleWrapper:after {
      display: none; }
  .mod .cssAvAccessibleWrapper button {
    background-color: transparent;
    text-align: left;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    font-size: 0.875em;
    font-weight: bold;
    color: #313131;
    cursor: pointer; }
    html.view-xs .mod .cssAvAccessibleWrapper button {
      min-width: 100%; }
    .mod .cssAvAccessibleWrapper button:focus:before, .mod .cssAvAccessibleWrapper button.active:before {
      background-color: #0682d1; }
    .mod .cssAvAccessibleWrapper button:before {
      width: 1.25rem;
      height: 1.25rem;
      margin-right: .5rem;
      content: '';
      background-color: #fff;
      border-radius: 2px; }
.mod .cssVideo .innerTeaser h4 .headline:before {
  content: "\e60e";
  font-size: 1em;
  margin-left: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  float: right; }
.mod .cssVideo .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }
.mod .cssVideo.form-button label {
  padding-left: 64px; }
  .mod .cssVideo.form-button label:before {
    content: "\e60e";
    font-size: 1em;
    margin-left: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    float: right; }
  .mod .cssVideo.form-button label:focus:before {
    text-decoration: none; }
  .mod .cssVideo.form-button label:before {
    text-indent: 32px;
    line-height: .9em; }
.mod .cssAudioSlideShow h4 .headline:before {
  content: "\e63b";
  font-size: 1em;
  margin-left: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  float: right; }
.mod .cssAudioSlideShow h4 .headline:focus:before {
  text-decoration: none; }
.mod .cssAudioSlideShow:not(.avInline) .mediaCon .media .icon-font:before {
  background-color: #0682d1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  line-height: 32px; }
.mod .cssAudioSlideShow .teaserInfoWrapper:before {
  background-color: #313131; }
.mod .cssAudioSlideShow .playerHolder {
  background-color: white;
  display: block; }
  .mod .cssAudioSlideShow .playerHolder .imageWrapper img {
    opacity: 0; }
  .mod .cssAudioSlideShow .playerHolder .imageWrapper.loading {
    position: absolute;
    left: -999em; }
.mod .cssAudioSlideShow .mediaCon > .mediaInfo {
  background-color: #f9f9fa;
  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; }
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 .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: "\e60d";
  font-size: 1em;
  margin-left: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  float: right; }
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.2em;
    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: #666666;
  border: 1px solid #d5d5da;
  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: "\e60b";
    font-size: 1em;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  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: #666666;
    color: #fff;
    border-color: #666666; }
  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: #666666;
    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: "\e632"; }
body.cssMultimediaGallery .sectionWrapper.hasSectionDetail .sectionDetailPage .teaser {
  background-color: #fff; }

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

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

body.cssAudioSlideShow h1 .headline:before {
  content: "\e63b";
  font-size: 1em;
  margin-left: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  float: right; }
body.cssAudioSlideShow h1 .headline:focus:before {
  text-decoration: none; }

body.cssLivestream .sectionDetailPage .cssProgramHintBox {
  display: none !important; }
body.cssLivestream .sectionDetailPage .conDetailHeader + .conInline .cssLivestream .teaserInfoWrapper {
  display: none !important; }
body.cssLivestream .conLivestreamLinks .linklist li span.linkUrl {
  padding-top: 0;
  font-size: 0.875em;
  display: block; }

.mod .box.cssAv .teaser .innerTeaser .mediaCon .media .imageWrapper .icon-font {
  background-color: #313131 !important; }

.mod .box.cssAv:hover .teaser .innerTeaser .mediaCon .media .imageWrapper .icon-font {
  background-color: #d40028 !important; }

.cssIpgMenuContent {
  padding: 24px 50px 32px 50px;
  position: relative;
  background-color: #ececf1;
  border: 1px solid #d5d5da; }
  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: "\e630";
          font-size: 1.2em;
          margin-left: 8px;
          text-decoration: none;
          vertical-align: middle;
          display: inline-block; }
        .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: "\e608"; }
  .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: "\e631";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .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: "\e632";
        font-size: 1em;
        margin-left: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .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: "\e633";
      font-size: 1.2em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .mod.cssBroadcastList.dayView h3.title:focus:after {
      text-decoration: none; }
    .mod.cssBroadcastList.dayView h3.title.collapsed:after {
      content: "\e630";
      font-size: 1.2em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .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 #d5d5da;
    padding-top: 16px !important; }

.cssBroadcastList > div {
  background-color: #ececf1;
  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 #d5d5da;
    border-bottom-color: #d5d5da;
    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.2em; }
    .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 #d5d5da; }
  .form.cssIpgSearchForm.cssIpgDownload .moreBtn {
    background-color: transparent; }
    .form.cssIpgSearchForm.cssIpgDownload .moreBtn .form-buttontext:after {
      content: "\e632";
      font-size: 4;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .form.cssIpgSearchForm.cssIpgDownload .moreBtn .form-buttontext:focus:after {
      text-decoration: none; }
.form.cssIpgSearchForm .cssIpgRange select {
  width: 120px;
  margin-right: 16px; }
.form.cssIpgSearchForm .cssIpgRange .ui-selectbox {
  width: 150px;
  margin-left: 50px;
  margin-right: 16px; }
  .form.cssIpgSearchForm .cssIpgRange .ui-selectbox select {
    width: 100%;
    margin: 0; }
.form.cssIpgSearchForm .cssIpgRange .cssIpgRangeStart {
  position: absolute;
  left: -50px;
  text-align: right;
  text-transform: none;
  font-weight: normal; }
.form.cssIpgSearchForm .cssIpgRange .unitY {
  text-align: left; }
  .form.cssIpgSearchForm .cssIpgRange .unitY .ui-selectbox {
    margin-bottom: 8px;
    float: left; }
  .form.cssIpgSearchForm .cssIpgRange .unitY span {
    margin-right: 0;
    min-width: 45px;
    display: inline-block;
    vertical-align: middle;
    text-align: left; }
.form.cssIpgSearchForm .unitY.checkbox .form-button {
  margin-bottom: 16px;
  width: 50%;
  text-align: left;
  margin-right: 0;
  padding: 0;
  padding-right: 16px; }
  .form.cssIpgSearchForm .unitY.checkbox .form-button label {
    max-width: 100%;
    text-transform: none; }

body.cssIpg .cssIpgSearchSlider {
  opacity: 1; }
  html.js body.cssIpg .cssIpgSearchSlider {
    opacity: 0; }

.cssIpgSearchSlider {
  padding-top: 32px; }

.box.cssBroadcast:not(.boxImage) .teaser {
  padding: 16px 16px 16px 150px !important; }
.box.cssBroadcast.hasAvContent .teaser .broadcastSpecs li.VideoOnDemand {
  color: #0a73b8; }
.box.cssBroadcast .teaser.now {
  -webkit-box-shadow: inset 0px 0px 0px 1px #e2001a;
  -moz-box-shadow: inset 0px 0px 0px 1px #e2001a;
  box-shadow: inset 0px 0px 0px 1px #e2001a; }
  .box.cssBroadcast .teaser.now .cssIpgLink.livestreamLink {
    display: block;
    color: #e2001a;
    border-color: #e2001a;
    overflow: hidden;
    text-overflow: ellipsis; }
    html.no-touch .box.cssBroadcast .teaser.now .cssIpgLink.livestreamLink:hover {
      background-color: #e2001a;
      color: #fff;
      text-decoration: none; }
.box.cssBroadcast .teaser .progressContainer {
  position: absolute;
  bottom: -4px;
  width: 100%;
  height: 4px;
  left: 0;
  background-color: #ccc;
  z-index: 1; }
  .box.cssBroadcast .teaser .progressContainer .icon-font {
    display: inline-block;
    font-size: 16px;
    width: auto;
    height: auto;
    text-align: left;
    background-color: #e2001a;
    color: #fff;
    bottom: auto;
    top: -28px;
    padding: 4px;
    line-height: 1.21em;
    position: absolute; }
    .box.cssBroadcast .teaser .progressContainer .icon-font:before {
      content: "LIVE";
      font-weight: bold; }
  .box.cssBroadcast .teaser .progressContainer .progress {
    position: absolute;
    width: 0;
    left: 0;
    top: 0;
    height: 4px;
    background-color: #e2001a; }
.box.cssBroadcast .teaser .media.av-playerContainer .progressContainer .icon-font {
  display: none; }
.box.cssBroadcast .teaser .cssIpgLink {
  padding: 4px;
  border: 1px solid #666666;
  font-weight: bold;
  font-size: 0.875em;
  color: #666666;
  -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: "\e632";
    font-size: 0.875em;
    margin-left: 4px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .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, .box.cssBroadcast .teaser .broadcastSpecs li.HD:before {
      content: "\e621";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.hd:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.HD:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.dolby:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:before {
      content: "\e620";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.dolby:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Dolby:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:before {
      content: "\e624";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.teletext:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Teletext:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.ut:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.untertitel:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Untertitel:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:before {
      content: "\e61f";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.audioDescription:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Audiodeskription:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:before {
      content: "\e61e";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.format16To9:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.SechzehnZuNeun:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.stereo:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:before {
      content: "\e61d";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.stereo:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Stereo:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:before {
      content: "\e623";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.twoChannel:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.Zweikanalton:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.live:before {
      content: "\e622";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.live:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:before {
      content: "\e90c";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.blackAndWhite:focus:before, .box.cssBroadcast .teaser .broadcastSpecs li.SchwarzWeiss:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand {
      color: #b7b7b7; }
      .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:before {
        content: "\e912";
        font-size: 1.45em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .box.cssBroadcast .teaser .broadcastSpecs li.VideoOnDemand:focus:before {
        text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:before {
      content: "\e910";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.Productplacement:focus:before {
      text-decoration: none; }
    .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:before {
      content: "\e911";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .box.cssBroadcast .teaser .broadcastSpecs li.Productionassistance:focus:before {
      text-decoration: none; }
.box.cssBroadcast .teaser p.seasonInfo {
  margin-bottom: 8px; }
  .box.cssBroadcast .teaser p.seasonInfo .season:after {
    content: ","; }
.box.cssBroadcast .teaser .time {
  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 .mediaCon .avDetails, html.view-s .box.cssBroadcast .teaser .mediaCon .avDetails, .sectionC .box.cssBroadcast .teaser .mediaCon .avDetails, .modB .box.cssBroadcast .teaser .mediaCon .avDetails, .modC .box.cssBroadcast .teaser .mediaCon .avDetails, .modD .box.cssBroadcast .teaser .mediaCon .avDetails, .modE .box.cssBroadcast .teaser .mediaCon .avDetails, .box.cssBroadcast.boxIpgTeaserSlider .teaser .mediaCon .avDetails {
      display: none !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.2em; }
    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 #content .sectionDetailPage .con h3.headline {
  font-size: 1em;
  border-bottom: 1px solid #d5d5da;
  padding-bottom: 8px;
  margin-bottom: 16px;
  text-transform: uppercase; }
body.cssBroadcast #content .sectionDetailPage .con h1 .headline {
  margin-bottom: 12px; }
body.cssBroadcast #content .sectionDetailPage .con p.einleitung {
  font-weight: bold; }
body.cssBroadcast #content .sectionDetailPage .con p.subtitle {
  margin-bottom: 4px; }
body.cssBroadcast #content .sectionDetailPage .con p.seasonInfo {
  margin-bottom: 8px; }
body.cssBroadcast #content .sectionDetailPage .con p.einleitung {
  margin-bottom: 32px; }
body.cssBroadcast #content .sectionDetailPage .con .teaserInfoWrapper {
  margin-bottom: 32px; }
body.cssBroadcast #content .sectionDetailPage .con:not(.conInline) .box.cssImageGallery {
  margin-bottom: 16px; }
  body.cssBroadcast #content .sectionDetailPage .con:not(.conInline) .box.cssImageGallery .innerTeaser, body.cssBroadcast #content .sectionDetailPage .con:not(.conInline) .box.cssImageGallery .linklist {
    display: none; }
body.cssBroadcast #content .sectionDetailPage .con.hasAv .box.cssBroadcast .broadcastSpecs {
  display: block; }
body.cssBroadcast #content .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .broadcastSpecs {
  top: auto;
  right: auto;
  display: block;
  position: relative;
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 0; }
body.cssBroadcast #content .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .broadcastLinks {
  margin-top: 16px; }
body.cssBroadcast #content .sectionDetailPage .con:not(.hasAv) .box.cssBroadcast .mediaCon {
  margin-bottom: 16px !important; }
body.cssBroadcast #content .sectionDetailPage .con.conBroadcastSlider h3.headline {
  margin-bottom: 8px; }
body.cssBroadcast #content .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable {
  padding-left: 32px;
  padding-right: 32px; }
  body.cssBroadcast #content .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable .boxCon {
    background-color: #fefefe; }
  body.cssBroadcast #content .sectionDetailPage .con.conBroadcastSlider .mod.modSlideable .box {
    padding: 8px !important; }
body.cssBroadcast #content .sectionDetailPage .con:not(.conInline) .teaser {
  padding: 0;
  border: 0; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .teaser {
  padding: 0 !important; }
body.cssBroadcast #content .sectionDetailPage .cssBroadcastImageGallery {
  margin-top: 16px;
  margin-bottom: 32px; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .teaser {
  display: block; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .mediaCon {
  width: 33.333%;
  float: left;
  max-width: 100%; }
  .view-xs body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .mediaCon, .view-s body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .mediaCon {
    width: 100%; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .shortInfos {
  float: left;
  width: 66.666%;
  padding-right: 0; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast.cssAv .mediaCon {
  margin-bottom: 24px; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast.cssAv .mediaCon, body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast.cssAv .shortInfos {
  width: 100%;
  min-width: 100%;
  padding-right: 0; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast h1 a {
  font-size: 0.5em;
  padding: 4px;
  line-height: 1em;
  display: inline-block !important;
  margin: 0;
  float: none;
  vertical-align: middle;
  top: -3px;
  position: relative; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcastContentInfos {
  display: block !important;
  margin-bottom: 32px !important; }
body.cssBroadcast #content .sectionDetailPage .box .teaser .time {
  display: none; }
body.cssBroadcast #content .sectionDetailPage .box .linklist {
  background-color: transparent;
  margin-bottom: 32px;
  padding: 0; }
  body.cssBroadcast #content .sectionDetailPage .box .linklist p.more {
    font-size: 0.875em;
    text-transform: uppercase;
    color: #666666;
    font-weight: normal; }
  body.cssBroadcast #content .sectionDetailPage .box .linklist.address li {
    padding: 16px; }
body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
  width: 33.333%;
  background-color: #ececf1; }
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcastContentInfos {
  margin-bottom: 16px;
  line-height: 1.5em; }
body.cssBroadcast #content .sectionDetailPage .box.cssIpgHeader, body.cssBroadcast #content .sectionDetailPage .box.cssIpgFooter {
  margin-bottom: 32px; }
body.cssBroadcast #content .sectionDetailPage .box.cssIpgHeader {
  margin-top: -16px; }
body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint {
  margin-bottom: 16px; }
body.cssBroadcast #content .sectionDetailPage .modIpg .box.cssBroadcast .teaser {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate {
  border-bottom: 1px solid #d5d5da; }
  body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
    width: 33.333% !important;
    font-size: 1.2em;
    background-color: transparent;
    border-right: 1px solid #d5d5da;
    margin-bottom: 8px;
    padding: 12px 16px; }
    html.view-xs body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span, html.view-s body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span {
      font-size: 1em;
      padding: 8px; }
    body.cssBroadcast #content .sectionDetailPage .box.cssProgramHint .cssProgramHintDate > span:last-of-type {
      border-right: 0; }

.mod .box.boxIpgTeaser {
  background-color: #d5d5da; }
  .mod .box.boxIpgTeaser .teaser {
    background-color: #fefefe; }
  .mod .box.boxIpgTeaser .controls.reload {
    background-color: #f9f9fa; }
    .mod .box.boxIpgTeaser .controls.reload a.moreBtn:after {
      content: "\e632";
      font-size: 1em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .mod .box.boxIpgTeaser .controls.reload a.moreBtn:focus:after {
      text-decoration: none; }
  .mod .box.boxIpgTeaser .ipgHint {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0; }
    .mod .box.boxIpgTeaser .ipgHint span.channel {
      display: block; }
    .mod .box.boxIpgTeaser .ipgHint .innerTeaser {
      position: relative; }
      html.flexbox .mod .box.boxIpgTeaser .ipgHint .innerTeaser {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
    .mod .box.boxIpgTeaser .ipgHint a {
      text-overflow: ellipsis;
      overflow: hidden;
      font-weight: bold;
      text-align: center;
      width: 100%; }
      .mod .box.boxIpgTeaser .ipgHint a:after {
        content: "\e632";
        font-size: 1em;
        margin-left: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .mod .box.boxIpgTeaser .ipgHint a:focus:after {
        text-decoration: none; }
      .mod .box.boxIpgTeaser .ipgHint a:after {
        margin-top: 4px;
        border: 1px solid;
        display: inline-block;
        padding: 4px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        width: 20px;
        height: 20px; }
  .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .shortInfos {
    margin-top: 0; }
  .mod .box.boxIpgTeaser.boxIpgTeaserList.cssBroadcast .mediaCon {
    width: 30%; }
  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: white; }
    .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.45em;
        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: #d5d5da; }
    .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: #666666;
  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 #d5d5da; }
    .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 #d5d5da; }
      .conMultiGroupWrapper .modCon .modA .box:last-of-type {
        border-bottom: 0; }
  .conMultiGroupWrapper .conSub {
    padding: 16px; }
    .conMultiGroupWrapper .conSub > h3.headline {
      font-size: 1.2em;
      padding: 16px; }
    .conMultiGroupWrapper .conSub .boxCon {
      border: 1px solid #d5d5da;
      border-top: 0; }
      .conMultiGroupWrapper .conSub .boxCon > h4 .headline {
        padding: 16px;
        padding-bottom: 0;
        font-size: 0.875em;
        font-weight: bold; }
  .conMultiGroupWrapper .controls:not(.reload) {
    background-color: #ececf1;
    text-transform: none;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #d5d5da; }
    .conMultiGroupWrapper .controls:not(.reload) a.back:before {
      content: "\e631";
      font-size: 1em;
      margin-right: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .conMultiGroupWrapper .controls:not(.reload) a.back:focus:before {
      text-decoration: none; }
    .conMultiGroupWrapper .controls:not(.reload) a:after {
      display: none; }
    .conMultiGroupWrapper .controls:not(.reload) a {
      border-top: 0; }
      .conMultiGroupWrapper .controls:not(.reload) a:after {
        content: "\e630";
        font-size: 1.2em;
        margin-left: 8px;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .conMultiGroupWrapper .controls:not(.reload) a:focus:after {
        text-decoration: none; }
      html.no-touch .conMultiGroupWrapper .controls:not(.reload) a:hover {
        color: #d40028; }
  .conMultiGroupWrapper h3.conHeadline, .conMultiGroupWrapper .conSub > h3.headline {
    background-color: transparent;
    border: 1px solid #d5d5da !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 #d5d5da;
    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: #d5d5da; }
    .conMultiGroupWrapper.conMultiGroupCollapsed .linklist li a {
      display: block;
      padding: 16px;
      border-bottom-color: #d5d5da;
      font-size: 1.2em;
      font-weight: bold; }
    .conMultiGroupWrapper.conMultiGroupCollapsed .linklist li:last-child {
      border-bottom: 0; }

.multiGroupNaviItem {
  display: inline-block; }
  .conMultiGroupNavi .multiGroupNaviItem.active > * {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleA .multiGroupNaviItem.cssLetterTitleA a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleB .multiGroupNaviItem.cssLetterTitleB a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleC .multiGroupNaviItem.cssLetterTitleC a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleD .multiGroupNaviItem.cssLetterTitleD a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleE .multiGroupNaviItem.cssLetterTitleE a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleF .multiGroupNaviItem.cssLetterTitleF a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleG .multiGroupNaviItem.cssLetterTitleG a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleH .multiGroupNaviItem.cssLetterTitleH a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleI .multiGroupNaviItem.cssLetterTitleI a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleJ .multiGroupNaviItem.cssLetterTitleJ a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleK .multiGroupNaviItem.cssLetterTitleK a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleL .multiGroupNaviItem.cssLetterTitleL a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleM .multiGroupNaviItem.cssLetterTitleM a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleN .multiGroupNaviItem.cssLetterTitleN a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleO .multiGroupNaviItem.cssLetterTitleO a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleP .multiGroupNaviItem.cssLetterTitleP a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleQ .multiGroupNaviItem.cssLetterTitleQ a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleR .multiGroupNaviItem.cssLetterTitleR a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleS .multiGroupNaviItem.cssLetterTitleS a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleT .multiGroupNaviItem.cssLetterTitleT a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleU .multiGroupNaviItem.cssLetterTitleU a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleV .multiGroupNaviItem.cssLetterTitleV a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleW .multiGroupNaviItem.cssLetterTitleW a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleX .multiGroupNaviItem.cssLetterTitleX a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleY .multiGroupNaviItem.cssLetterTitleY a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  body.cssLetterTitleZ .multiGroupNaviItem.cssLetterTitleZ a {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  .multiGroupNaviItem.disabled > * {
    color: #d5d5da; }
  html.no-touch .multiGroupNaviItem:not(.disabled) a:hover {
    background-color: #666666;
    color: #fff;
    border-color: #666666; }
  .multiGroupNaviItem > * {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #d5d5da;
    background-color: #f9f9fa;
    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: #f0f0f5;
  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: #666666;
    background-color: transparent;
    border: 1px solid #d5d5da; }
    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: #d40028;
    border-color: #d40028; }

body.cssBroadcastSeries .wrapperAdditionalNavi .box {
  padding-top: 16px; }

body.cssBroadcastSeries #content .con .mod.modA .box .teaser {
  background-color: transparent !important; }
body.cssBroadcastSeries #content .sectionDetailPage {
  padding-left: 32px;
  padding-right: 32px; }
  html.view-xs body.cssBroadcastSeries #content .sectionDetailPage, html.view-s body.cssBroadcastSeries #content .sectionDetailPage {
    padding-left: 8px;
    padding-right: 8px; }
body.cssBroadcastSeries #content .sectionDetailPage > .con .mod .box .teaser,
body.cssBroadcastSeries #content .sectionDetailPage > .con .mod .box {
  padding: 0 !important; }
body.cssBroadcastSeries #content h1 span.headline {
  margin-bottom: 16px; }
body.cssBroadcastSeries #content h3.conHeadline {
  background-color: transparent;
  border: 0 !important;
  text-align: left;
  border-bottom: 1px solid #000 !important;
  font-size: 1.2em;
  padding-bottom: 16px;
  margin-top: 24px !important;
  margin-bottom: 32px !important;
  padding-left: 0;
  padding-right: 0; }
body.cssBroadcastSeries #content .conMultiGroupWrapper {
  padding: 0; }
  body.cssBroadcastSeries #content .conMultiGroupWrapper h3.conHeadline {
    margin-bottom: 16px !important; }
body.cssBroadcastSeries #content .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: #d40028;
      text-decoration: none !important; }
      body.sportsStart .conRelatedLinks .mod .box ul li a:focus a:after {
        color: #d40028; }
    html.no-touch body.sportsStart .conRelatedLinks .mod .box ul li a:hover {
      background-color: transparent;
      color: #d40028; }
      html.no-touch body.sportsStart .conRelatedLinks .mod .box ul li a:hover a:after {
        color: #d40028; }
  body.sportsStart .conRelatedLinks .mod .box ul li.hasLiveEvent a {
    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 #666666;
        -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 #666666;
  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: "\e632";
    font-size: 1em;
    margin-left: 0;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .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: #d40028 !important;
    text-decoration: none !important; }
  .sportResults .conSports a.moreBtn.reload {
    display: inline-block;
    float: none;
    font-size: 1.2em;
    background-color: #fff;
    margin: 0;
    padding: 8px 16px; }
    .sportResults .conSports a.moreBtn.reload:after {
      content: "\e628";
      font-size: 1em;
      margin-left: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .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.2em;
    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: #d40028; }
    .sportResults .matchDayPageNavi a:before, .sportResults .matchDayPageNavi a:after {
      font-size: 1em;
      line-height: 1em;
      top: 1px; }
  .sportResults .matchDayPageNavi a.next {
    float: right; }
.sportResults .matchesResults .table {
  margin-bottom: 0; }
.sportResults .matchesResults h3 {
  position: relative; }
  .sportResults .matchesResults h3 span {
    display: block;
    position: relative;
    padding: 8px;
    background-color: #daeeee; }
    .sportResults .matchesResults h3 span.matchDayTime {
      background-color: #e8f3f3; }
.sportResults .matchesResults tr td.links {
  text-align: left; }
  .sportResults .matchesResults tr td.links 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: "\e634";
    font-size: 1em;
    margin-right: 4px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .sportResults .matchesResults tr td.links a.ticker.sportschau span.linktext:focus:before {
    text-decoration: none; }
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: "\e630";
      font-size: 1em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    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: "\e633";
      font-size: 1em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    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: "\e632";
    font-size: 1em;
    margin-left: 4px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
  .sportResults .modTable .table table.spielplan a.pfeil:focus:after {
    text-decoration: none; }
.sportResults .modTable .table table.spielplan tr td, .sportResults .modTable .table table.spielplan tr th {
  text-align: left; }
html.view-xs .sportResults .modTable .table table.spielplan tr, html.view-s .sportResults .modTable .table table.spielplan tr {
  position: relative;
  display: block;
  background-color: white; }
  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: #ececf1; }
  .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: #ececf1;
    text-align: center;
    border-bottom-color: #d5d5da;
    padding: 8px;
    vertical-align: middle; }
    .sportResults .modTable .table table tr th.mannschaft {
      text-align: left;
      background-color: #f9f9fa; }
    .sportResults .modTable .table table tr th a:after {
      content: "\e632";
      font-size: 1em;
      margin-left: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .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: #f9f9fa;
    padding: 8px; }
    .sportResults .modTable .table table tr td.gegner {
      font-weight: bold; }
    .sportResults .modTable .table table tr td.mannschaft {
      text-align: left;
      background-color: #f9f9fa; }
      .sportResults .modTable .table table tr td.mannschaft a {
        color: #313131;
        position: relative;
        display: block;
        font-weight: bold; }
        html.no-touch .sportResults .modTable .table table tr td.mannschaft a:hover {
          color: #d40028; }
        .sportResults .modTable .table table tr td.mannschaft a:after {
          content: "\e632";
          font-size: 1em;
          margin-left: 0;
          text-decoration: none;
          vertical-align: middle;
          display: inline-block; }
        .sportResults .modTable .table table tr td.mannschaft a:focus:after {
          text-decoration: none; }
        .sportResults .modTable .table table tr td.mannschaft a:after {
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -8px; }
  .sportResults .modTable .table table tr .mannschaft {
    width: 30%; }
  .sportResults .modTable .table table tr .pv {
    width: 9%;
    position: relative; }
    .sportResults .modTable .table table tr .pv.equal:before {
      display: inline-block;
      width: 6px;
      height: 6px;
      content: " ";
      position: absolute;
      left: 8px;
      top: 50%;
      margin-top: -4px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-color: #313131; }
    .sportResults .modTable .table table tr .pv.up:before {
      top: -6px;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom-color: black;
      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: black;
      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.2em;
  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: #ececf1;
    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 #d5d5da;
    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.2em;
      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 #d5d5da;
  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: "\e63d";
  font-size: 1em;
  margin-right: 0;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
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: "\e63d";
  font-size: 1em;
  margin-right: 0;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
.box.cssCalendar.boxNormal > .teaser > .innerTeaser h4 .headline:focus:before,
.box.cssCalendar.boxSpecial > .teaser > .innerTeaser h4 .headline:focus:before {
  text-decoration: none; }

.conCalendar .controls.sliding, .conConcertDetails .controls.sliding {
  background-color: #f0f0f5;
  margin-top: 32px;
  border-top: 1px solid #d5d5da;
  border-bottom: 1px solid #d5d5da;
  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 #d5d5da;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
.conCalendar .box .owl-stage-outer {
  background-color: #ececf1;
  text-align: center; }
.conCalendar .box .calTables {
  text-align: center; }
.conCalendar .box .calTables, .conCalendar .box .form {
  border: 1px solid #d5d5da; }
.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 #d5d5da;
  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 #d5d5da;
  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 #d5d5da;
  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 #d5d5da; }
    .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 #d5d5da;
    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 #d5d5da;
  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: #d5d5da;
  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 #d5d5da; }
.pageAreaNewsFlash .box {
  padding: 0; }
  .pageAreaNewsFlash .box .teaser {
    padding: 16px 32px;
    padding-bottom: 0;
    background-color: white;
    font-style: italic; }
    .pageAreaNewsFlash .box .teaser .shortInfos {
      margin-bottom: 4px;
      margin-top: 0; }
    .pageAreaNewsFlash .box .teaser h4 {
      font-size: 1.8em; }
    .pageAreaNewsFlash .box .teaser .teasertext {
      margin-bottom: 0; }
  .pageAreaNewsFlash .box .teaserInfoWrapper {
    padding-left: 240px; }
    .pageAreaNewsFlash .box .teaserInfoWrapper > *:last-child {
      border-bottom: 1px solid #d5d5da;
      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 #d5d5da;
  padding: 8px;
  background-color: #ececf1;
  margin-bottom: 0; }
.conComments .ui-collapsible-entry {
  border: 0;
  margin-bottom: 0 !important;
  background-color: transparent; }
.conComments .comments {
  background-color: #ececf1; }
  .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: "\e614";
      font-size: 1.2em;
      margin-right: 4px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .conComments .comments p.commentTitle > span:first-child:focus:before {
      text-decoration: none; }
    .conComments .comments p.commentTitle > span:first-child:before {
      vertical-align: text-top; }
    .conComments .comments p.commentTitle span.commentDate:after {
      content: ", "; }
    .conComments .comments p.commentTitle span.commentCount {
      float: right;
      font-size: 1.2em;
      color: #d5d5da;
      position: absolute;
      right: 0;
      top: 5px; }
    .conComments .comments p.commentTitle span.commentAuthor {
      font-weight: bold; }
      .conComments .comments p.commentTitle span.commentAuthor:before {
        content: " | "; }
  .conComments .comments p.commentText {
    background-color: white;
    border-top: 1px solid #d5d5da;
    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: #d5d5da;
  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: #d5d5da;
  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: #d5d5da;
    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.2em; }
.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: #d5d5da; }
.quizSolution.right p.solution {
  color: #009900; }
.quizSolution.wrong p.solution {
  color: #ec0000; }

@keyframes blink {
  0% {
    opacity: .3; }

  33% {
    opacity: 1; }

  66% {
    opacity: .3; }

  100% {
    opacity: 1; } }
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes transitionElementOut {
  0% {
    opacity: 1; }

  99% {
    opacity: 0; }

  100% {
    opacity: 0;
    display: none; } }
.quiz-wrapper {
  width: 100%; }
  .quiz-wrapper .text.text-centered {
    text-align: center; }

.quiz-wrapper .conDetailHeader {
  margin-bottom: 0 !important; }

.quiz-wrapper .box {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0 !important; }

.sectionDetailPage .quiz-result .form {
  margin-bottom: 0; }

.cssQuiz .btn,
.cssQuizXoMat .btn {
  font-size: .8em;
  border-radius: 3px;
  background-color: transparent;
  border: 1px solid #8a8a86;
  padding: 5px;
  cursor: pointer;
  transition: .2s; }
  .cssQuiz .btn:hover, .cssQuiz .btn:focus,
  .cssQuizXoMat .btn:hover,
  .cssQuizXoMat .btn:focus {
    background-color: #bbccdc; }

.cssQuiz .form-success p.successText,
.cssQuizXoMat .form-success p.successText {
  padding: 28px 28px 0;
  margin-bottom: 0; }

.quiz-question.offline {
  border: 2px dashed red; }

noscript p {
  background-color: #efeeec;
  padding: 10px; }

@keyframes transitionElementIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }
.quiz-header::after {
  content: '';
  display: block;
  clear: both; }

.cssQuiz .pageAreaTitle:only-child {
  font-size: 1.2em;
  padding-top: 30px; }

.quiz-progress {
  height: 3px;
  width: 100%;
  display: flex;
  background-color: #efefee; }
  .quiz-progress.is-hidden {
    display: none; }

.quiz-progress__item {
  flex: 1 0 auto; }
  .quiz-progress__item::before, .quiz-progress__item::after {
    content: '';
    display: block;
    height: 100%;
    width: 0%;
    position: relative;
    z-index: 1;
    transition: width .2s, background-color 0s 1s; }
  .quiz-progress__item::before {
    background-color: #c9c9c7; }
  .quiz-progress__item::after {
    z-index: 2;
    width: 0;
    top: -3px; }
  .quiz-progress__item.is-current::before {
    background-color: #c9c9c7;
    width: 100%;
    transition: width .4s ease-out, background-color 0s 0s; }
  .quiz-progress__item.is-chosen::after {
    background-color: #0061ae;
    width: 100%;
    transition: width .4s ease-out, background-color 0s 0s; }
  .quiz-progress__item.is-correct::after {
    background-color: #8bc465;
    width: 100%;
    transition: width .4s ease-out, background-color 0s 0s; }
  .quiz-progress__item.is-wrong::after {
    background-color: #cc0000;
    width: 100%;
    transition: width .4s ease-out, background-color 0s 0s; }

.quiz-progress__item + .quiz-progress__item {
  padding-left: 3px; }

.quiz-count {
  background-color: #f4f3f2;
  padding: 15px 20px 0;
  font-size: .8em;
  font-weight: 600;
  text-align: center;
  transition: opacity .4s; }
  .quiz-count::after {
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    background-color: #cecece;
    margin: 10px auto 0;
    position: relative; }
  .quiz-count.is-invisible {
    opacity: 0; }

.quiz-infobox {
  background-color: #f4f3f2;
  padding: 0 20px 20px;
  transition: opacity .4s; }
  .quiz-infobox::after {
    content: '';
    display: block;
    clear: both; }
  .quiz-infobox.is-invisible {
    opacity: 0; }
  .answers-result .quiz-infobox {
    padding-top: 15px; }
  .quiz-infobox .mediaCon:not(.mediaLeft) + .text {
    margin-top: 10px; }
  .quiz-infobox .mediaCon + .text {
    margin-top: 0; }
  .quiz-infobox .mediaCon {
    margin-bottom: 10px; }
  .quiz-infobox .mediaCon.mediaLeft {
    float: left;
    margin: 5px 24px 24px 0; }
  .quiz-infobox .mediaCon.mediaSizeB {
    width: 50%; }
  .teaser .quiz-infobox .mediaInfo {
    display: block; }

.quiz-infobox h2 {
  text-transform: none; }

.progress-bar + .pageAreaTitle {
  margin-top: 10px; }

.quiz-infobox.quiz-error {
  padding: 20px;
  background-color: #ffcccb; }

.quiz-collapsable::before {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background-color: #cecece;
  margin: 20px auto; }
.quiz-collapsable::after {
  content: '';
  display: block;
  clear: both; }
.quiz-collapsable .wrapper {
  padding: 0 !important; }
.quiz-collapsable .unitA h3.headline {
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 1em;
  border: 0;
  float: none; }
.quiz-collapsable .headline::after {
  content: none; }
.quiz-collapsable .headline.collapsed::after {
  content: none; }
.quiz-collapsable .headline .headline .collapseArrow {
  margin-top: -12px;
  margin-right: 12px; }
.quiz-collapsable .collapse-body {
  margin-bottom: 32px; }
.quiz-collapsable .quiz-collapsable__unit {
  margin-bottom: 16px; }
  .quiz-collapsable .quiz-collapsable__unit.has-key-focus > div:focus .headline span {
    border-bottom: 2px solid; }
.quiz-collapsable .headline .collapseArrow::before,
.quiz-collapsable .xomat-progress + .collapseArrow::before {
  content: "\e633";
  margin-left: 8px; }
.quiz-collapsable .hasArrow.collapsed .collapseArrow::before {
  content: "\e630"; }
.quiz-collapsable .xomat-progress + .collapseArrow {
  right: 0;
  top: 7px;
  font-weight: 800;
  margin: 0 6px 0 0; }

.mod .box .quiz-wrapper .linklist li {
  background-color: transparent; }

.quiz-result .box {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.quiz-result .text {
  margin-bottom: 10px; }

.quiz-result .quizFormTitle {
  padding: 16px; }

.sectionDetailPage .quiz-result .form {
  margin-bottom: 0; }

.quiz-result .form-success .subtitle {
  padding: 32px 28px 0;
  margin: 0; }

.quiz-result .mediaCon:first-child {
  margin-top: 20px; }

.quiz-result .box {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.mod .quiz-result h3.headline {
  font-size: 1em;
  margin: 0;
  padding: 10px 0;
  border: 0;
  float: none; }

.cssQuizXoMat .quiz-result .pageAreaTitle {
  text-align: left;
  padding-left: 0; }

.xomat-progress {
  width: 100%;
  height: 25px;
  background-color: #b5b5b5;
  position: relative;
  margin-bottom: 8px;
  overflow: hidden; }
  .xomat-progress::after {
    content: attr(data-result-percent) "%";
    position: absolute;
    margin: 3px 10px;
    top: 0;
    color: #fff; }
  .xomat-progress span {
    content: '';
    background-color: #d40028;
    width: 100%;
    height: 100%;
    display: block;
    transform: translateX(-100%);
    transition: 1s cubic-bezier(0, 0, 0.07, 1); }

.xomat-progress h3 {
  float: none; }

.quiz-result__main + .quiz-result__main {
  margin-top: 30px; }
.quiz-result__main .linklist {
  padding-left: 0;
  padding-right: 0; }

.quiz-result__main::after {
  content: '';
  clear: both;
  display: table; }

.quiz-result__main + .box,
.quiz-collapsable + .box {
  margin-top: 60px; }

.quiz-result__main + .box::before,
.quiz-collapsable + .box::before {
  content: '';
  display: block;
  width: 60px;
  height: 2px;
  background-color: #cecece;
  margin: auto;
  position: absolute;
  top: -40px;
  z-index: 1;
  left: 0;
  right: 0; }

.quiz-controls {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  opacity: 1;
  transition: opacity .4s; }
  .quiz-controls.is-locked {
    opacity: .3;
    pointer-events: none; }
  .quiz-controls.is-invisible {
    opacity: 0;
    pointer-events: none; }

.quiz-controls .btn {
  min-width: 120px;
  display: none; }
  .quiz-controls .btn.is-shown {
    display: block; }
  .quiz-controls .btn.is-locked {
    opacity: .3;
    pointer-events: none; }
  .quiz-controls .btn + .btn {
    margin-left: 10px; }

.quiz-controls .btn-next::after {
  content: "\e632";
  font-family: 'mdricons';
  margin-left: 2px;
  vertical-align: middle; }

.quiz-controls .btn-newgame {
  min-width: 150px; }

.quiz-result .btn {
  margin: 15px auto 0;
  display: block;
  min-width: 150px; }

.quiz-loader {
  margin: 50px auto;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: linear-gradient(to right, dimgray 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  animation: load3 1.4s infinite linear;
  transform: translateZ(0);
  transition: opacity .4s; }
  .quiz-loader.is-invisible {
    opacity: 0; }
  .quiz-loader::before, .quiz-loader::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0; }
  .quiz-loader::before {
    width: 50%;
    height: 50%;
    background: #696969;
    border-radius: 100% 0 0 0; }
  .quiz-loader::after {
    background: #f9f9f9;
    width: 75%;
    height: 75%;
    border-radius: 100%;
    margin: auto;
    bottom: 0;
    right: 0; }

.quiz-client {
  padding: 20px; }

.client-section + .client-section {
  margin-top: 50px; }
.client-section h3 {
  margin-bottom: 6px; }
.client-section h2 {
  font-size: 1.1875em;
  text-transform: uppercase;
  margin-bottom: 16px; }

.client-header__meta li {
  display: flex;
  align-items: center; }
  .client-header__meta li + li {
    margin-top: 10px; }
  .client-header__meta li b {
    font-weight: 600;
    margin-left: 16px; }

.client-result {
  font-size: .85em;
  max-height: 430px;
  overflow-y: auto; }

.client-result__item {
  display: flex;
  align-items: center;
  counter-increment: question-counter;
  margin-bottom: 4px;
  flex-basis: calc(50% - 2px);
  min-width: 200px; }
  .client-result__item::before {
    content: counter(question-counter) ")";
    font-weight: 200;
    font-size: 1.2em;
    margin-right: 15px; }
  .client-result__item .item-data li + li {
    margin-top: 6px; }
  .client-result__item b {
    font-weight: 600; }

.client-result .item-content {
  background-color: #d5d5da;
  padding: 16px;
  width: 100%;
  overflow: hidden; }

.client-result .question {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.client-result__item .data {
  display: block;
  margin-top: 8px;
  margin-right: 15px; }
  .client-result__item .data:first-of-type {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.result-question {
  display: flex;
  align-items: center;
  margin-bottom: 6px; }

.client-data__meta {
  display: flex;
  flex-wrap: wrap;
  margin: 6px 0;
  font-size: .9em; }
  .client-data__meta span {
    background-color: #f0f0f5;
    padding: 5px 8px; }
  .client-data__meta span:last-child {
    margin-left: auto; }
  .client-data__meta b {
    font-weight: 600; }

.client-data__table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  margin-bottom: 16px; }

.client-data__table {
  font-size: .85em;
  border-collapse: collapse;
  min-width: 100%; }
  .client-data__table th {
    font-weight: bold;
    border-bottom: 1px solid #535355; }
    .client-data__table th a {
      display: flex;
      align-items: center;
      justify-content: center; }
    .client-data__table th a::after {
      content: '\E630';
      font-family: 'mdricons';
      margin-left: 5px; }
    .client-data__table th a.is-sorted-highest::after {
      content: '\E633'; }
    .client-data__table th a.is-sorted-lowest::after {
      content: '\E630'; }
  .client-data__table th, .client-data__table td {
    padding: 10px;
    text-align: center;
    vertical-align: middle; }
  .client-data__table tr:nth-child(even) {
    background-color: #d5d5da; }
  .client-data__table td:empty::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: #313131;
    margin: auto; }

.client-data__controls {
  display: flex;
  justify-content: space-between; }
  .client-data__controls [class*="btn-"] {
    display: inline-block;
    text-align: center;
    font-size: .8em;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #8a8a86;
    padding: 10px 5px;
    cursor: pointer;
    min-width: 100px;
    transition: .2s; }
    .client-data__controls [class*="btn-"]::before, .client-data__controls [class*="btn-"]::after {
      font-family: 'mdricons';
      margin-right: 2px;
      vertical-align: middle; }
    .client-data__controls [class*="btn-"]:hover {
      background-color: #d5d5da; }
  .client-data__controls .btn-previous::before {
    content: '\E631'; }
  .client-data__controls .btn-next::after {
    content: '\E632';
    margin-left: 2px; }
  .client-data__controls .btn-download::before {
    content: "\e60f"; }
  .client-data__controls .controls-warning {
    display: block;
    font-size: .65em;
    color: #ec0000;
    margin-top: 5px; }

.quiz-answers .quiz-answers__wrapper {
  display: flex;
  flex-direction: row;
  flex-basis: 100%; }
.quiz-answers .mediaCon {
  flex-basis: 66%;
  cursor: pointer; }
.quiz-answers .quiz-answers__wrapper.media-wrapper .quiz-answers__btn {
  text-align: left;
  padding-left: 45px;
  margin-bottom: 0; }

.quiz-answers:not(.col-1) .quiz-answers__wrapper {
  display: block; }

.mod .quiz-question .mediaCon .icon-font,
.mod .quiz-answers__wrapper.media-wrapper .icon-font {
  background-color: #0673b8; }

.quiz-wrapper .miniAudio img {
  display: none !important; }

@media (max-width: 580px) {
  .quiz-answers .quiz-answers__wrapper.media-wrapper {
    flex-direction: row; }
    .quiz-answers .quiz-answers__wrapper.media-wrapper .mediaCon {
      flex-basis: 66%; }
    .quiz-answers .quiz-answers__wrapper.media-wrapper .quiz-answers__btn {
      text-align: left;
      padding-left: 45px;
      margin-bottom: 0; }
    .quiz-answers .quiz-answers__wrapper.media-wrapper span {
      text-align: left;
      padding-left: 0; } }
@media (max-width: 479px) {
  .quiz-answers[class*="col-"] .quiz-answers__wrapper {
    display: block; } }
.quiz-answers {
  margin-top: 15px;
  opacity: 1;
  transition: opacity .4s; }
  .quiz-answers.is-invisible {
    opacity: 0;
    transition: opacity .4s; }
  .quiz-answers.is-hidden {
    opacity: 0;
    transition-delay: 0s; }

.quiz-answers__btn,
.quiz-answers__wrapper {
  margin-bottom: 12px; }

.quiz-answers:not(.col-1) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.quiz-answers__wrapper .quiz-answers__btn {
  width: 100%;
  margin-bottom: 0; }

.quiz-answers.col-2 .quiz-answers__wrapper {
  flex-basis: calc(100% / 2 - 1%); }

.quiz-answers.col-3 .quiz-answers__wrapper {
  flex-basis: calc(100% / 3 - 1%); }

.quiz-answers.col-4 .quiz-answers__wrapper {
  flex-basis: calc(100% / 4 - 1%); }

.mod.modParagraph .quiz-answers .mediaCon.mediaFull {
  margin-bottom: 0; }

@media (max-width: 580px) {
  .quiz-answers[class*="col-"] {
    display: block; }

  .quiz-answers[class*="col-"] .quiz-answers__wrapper {
    display: flex;
    margin-bottom: 10px; }

  .quiz-answers[class*="col-"] :not(.quiz-answers__wrapper) span {
    text-align: center; } }
@media (max-width: 479px) {
  .quiz-answers[class*="col-"] .quiz-answers__wrapper {
    display: block; } }
.quiz-answers__btn {
  flex-basis: 100%;
  padding: 10px 0;
  background-color: #efeeec;
  min-height: 42px;
  border: 0;
  border-radius: 0;
  position: relative;
  cursor: pointer; }
  .quiz-answers__btn::before {
    content: '';
    font-family: 'mdricons';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    border: 1px solid #393939;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: auto;
    text-decoration: none; }
  html.no-touch .quiz-answers__btn:hover {
    background-color: #bbccdc; }
    html.no-touch .quiz-answers__btn:hover::before {
      content: "\E608";
      color: #97a5b0; }
  .quiz-answers__btn:focus {
    background-color: #bbccdc; }
    .quiz-answers__btn:focus::before {
      content: "\E608";
      color: #97a5b0; }
  .quiz-answers__btn:empty::before {
    left: 0;
    right: 0; }
  .quiz-answers__btn[class*="is-"] {
    pointer-events: none; }
  .quiz-answers__btn.is-locked {
    opacity: .2; }
  .quiz-answers__btn.is-chosen {
    background-color: #0061ae;
    color: white;
    opacity: 1;
    transition: .2s; }
    .quiz-answers__btn.is-chosen::before {
      content: "\E608";
      border-color: white;
      color: white; }
  .quiz-answers__btn.is-correct {
    background-color: #8bc465;
    color: #006501;
    opacity: 1;
    transition: .2s; }
    .quiz-answers__btn.is-correct::before {
      content: "\E61A";
      color: #006501;
      border-color: #006501; }
  .quiz-answers__btn.is-wrong {
    background-color: #ffcccb;
    color: #cc0000;
    text-decoration: line-through;
    opacity: 1;
    transition: .2s; }
    .quiz-answers__btn.is-wrong::before {
      content: "\E608";
      opacity: 1;
      color: #cc0000;
      border-color: #cc0000; }
  .quiz-answers__btn.is-corrected {
    opacity: 1;
    transition: .2s; }
    .quiz-answers__btn.is-corrected::before {
      content: "\E61A";
      opacity: .2; }

.quiz-answers__wrapper:not(.media-wrapper) .quiz-answers__btn span {
  padding: 0 20px 0 46px;
  text-align: center;
  display: block; }

.mediaCon + .quiz-answers__btn {
  margin: 0 0 0 4px; }

.col-2 .mediaCon + .quiz-answers__btn, .col-3 .mediaCon + .quiz-answers__btn, .col-4 .mediaCon + .quiz-answers__btn {
  margin: 4px 0 0 0; }

@media (max-width: 580px) {
  [class*="col-"] .mediaCon + .quiz-answers__btn {
    margin: 0 0 0 4px; } }
@media (max-width: 479px) {
  [class*="col-"] .mediaCon + .quiz-answers__btn {
    margin: 4px 0 0 0; } }
.answers-result {
  margin-top: 15px;
  opacity: 1;
  transition: opacity .4s; }
  .answers-result.is-invisible {
    opacity: 0; }
  .answers-result.is-hidden {
    opacity: 0;
    display: none; }
  .answers-result .quiz-infobox {
    background-color: #efeeec; }
  .answers-result .quiz-infobox:empty {
    display: none; }

.answers-result .banner {
  padding: 5px 10px; }
  .answers-result .banner.is-correct {
    background-color: #8bc465; }
    .answers-result .banner.is-correct p {
      color: #006501; }
  .answers-result .banner.is-wrong {
    background-color: #ffcccb; }
    .answers-result .banner.is-wrong p {
      color: #cc0000; }

.box.staticRadioPlayer {
  padding: 0 !important; }

.radioPlayer {
  position: relative;
  width: 100%;
  float: left;
  height: 60px !important;
  z-index: 0;
  background-color: #333334; }
  .radioPlayer .spinner {
    left: 32px !important;
    color: white;
    z-index: 10 !important; }
    .radioPlayer .spinner div {
      border-color: white;
      background-color: white; }
    .radioPlayer .spinner:after {
      display: none; }
  .radioPlayer .ui-social-fixed {
    display: none !important; }
  .radioPlayer .radioPlayerControls {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    color: white;
    background-color: #d40028;
    font-size: 2.4em;
    padding: 0;
    line-height: 40px;
    cursor: pointer;
    z-index: 1; }
    .radioPlayer .radioPlayerControls:before {
      content: "\e61c";
      font-size: 1em;
      margin-right: 8px;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .radioPlayer .radioPlayerControls:focus:before {
      text-decoration: none; }
    .radioPlayer .radioPlayerControls:before {
      position: absolute;
      margin: 0;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .radioPlayer .playlistInfos {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px;
    width: 100%;
    padding-left: 80px;
    height: 100%;
    overflow-y: scroll;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .radioPlayer .playlistInfos p {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .radioPlayer .playlistInfos p > span {
        display: block;
        color: white; }
        .radioPlayer .playlistInfos p > span.interpret {
          margin-bottom: 0.2em; }
  .radioPlayer .avPlayerAddControls, .radioPlayer .controls {
    display: none !important; }

.radioPlayerWrapper .addControls {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  background-color: #333334;
  margin-top: 1px;
  cursor: pointer; }
  .radioPlayerWrapper .addControls .btn {
    background-color: transparent;
    cursor: pointer;
    color: white;
    float: left;
    width: 44px;
    height: 44px;
    padding: 8px; }
    .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:before {
      content: "\e6f6";
      font-size: 1.45em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .radioPlayerWrapper .addControls .btn.avPlayerVolumeBtn:focus:before {
      text-decoration: none; }
    .radioPlayerWrapper .addControls .btn.popoutBtn {
      float: right;
      border-left: 1px solid #272728;
      white-space: nowrap;
      width: auto;
      padding-right: 0.6em; }
      .radioPlayerWrapper .addControls .btn.popoutBtn:before {
        content: "\f614";
        font-size: 1.45em;
        margin-right: 0;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block; }
      .radioPlayerWrapper .addControls .btn.popoutBtn:focus:before {
        text-decoration: none; }
      .radioPlayerWrapper .addControls .btn.popoutBtn:after {
        content: 'Playlist';
        padding-left: 0.4em; }
    html.no-touch .radioPlayerWrapper .addControls .btn:hover {
      color: white; }
  .radioPlayerWrapper .addControls .avPlayerVolumeBar {
    position: relative;
    width: 100px;
    height: 44px;
    display: inline-block;
    float: left;
    margin-left: 12px; }
    .radioPlayerWrapper .addControls .avPlayerVolumeBar:before {
      position: absolute;
      content: "";
      top: 23px;
      height: 2px;
      width: 100%;
      left: 0;
      background-color: #d5d5da; }
  .radioPlayerWrapper .addControls .avPlayerVolumeHandle {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: white;
    left: 0;
    top: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  .radioPlayerWrapper .addControls .avPlayerVolumeProgress {
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: white;
    left: 0;
    top: 23px; }
html.js .radioPlayerWrapper .ui-selectbox {
  width: 100%;
  border: 0;
  color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #d40028;
  margin-bottom: 1px; }
.radioPlayerWrapper.muted .addControls .btn.avPlayerVolumeBtn:before {
  content: "\e60a"; }
.radioPlayerWrapper.brav-buffer .radioPlayerControls:before {
  display: none; }
.radioPlayerWrapper.brav-playing .radioPlayerControls:before {
  content: "\e61b";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
.radioPlayerWrapper.brav-playing .radioPlayerControls:focus:before {
  text-decoration: none; }
.radioPlayerWrapper.brav-paused .radioPlayerControls:before {
  content: "\e61c";
  font-size: 1em;
  margin-right: 8px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }
.radioPlayerWrapper.brav-paused .radioPlayerControls:focus:before {
  text-decoration: none; }

.weather-mitteldeutschland .weatherInnerWrapper li#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.45em;
      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: white; }
    .weather div.weather-title h2 {
      font-size: 1.81em;
      font-weight: normal;
      float: left; }
    .weather div.weather-title h3 {
      margin-bottom: 0; }

.weather-infos .unitC {
  padding: 16px;
  border-right: 1px solid #d5d5da; }
  .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 #d5d5da; }
  .weather-infos .unitC:last-of-type {
    border-right: 0; }
.weather-infos .weather-currentInfos .value {
  font-size: 1.45em;
  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: white; }
      .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.2em;
      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 #d5d5da; }
    .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 #d5d5da;
    display: block;
    background-color: transparent; }
    html.view-xs .weatherInnerWrapper li:after, html.view-s .weatherInnerWrapper li:after, .weather-teaser .weatherInnerWrapper li:after {
      content: "\e632";
      font-size: 1em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    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: "\e632";
      font-size: 1em;
      margin-left: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .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: #ececf1; }
  .staticEcard form .form-button {
    background-color: white !important; }
.staticEcard .ecardNavigation ul li {
  display: inline-block; }
  .staticEcard .ecardNavigation ul li.active a {
    background-color: #ececf1; }
  .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: #ececf1;
  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: #ececf1; }
    .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: white;
  padding: 16px; }
  .staticEcard .unitB:first-of-type {
    border-right: 1px solid #ececf1; }
.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; }
#content .mod .cssAv.forceSquareVideo .imageWrapper:before {
  padding-top: 100%; }

#content span.VR15S,
#header span.VR15S,
#footer span.VR15S {
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  left: 0 !important;
  position: static !important; }

.hasVoiceReader h1 {
  position: relative;
  width: 100%;
  float: left; }

.voiceReaderButton {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  background-color: transparent;
  cursor: pointer;
  line-height: 1em;
  position: absolute;
  right: 8px;
  top: 8px; }
  html.no-touch .voiceReaderButton:hover {
    color: #d40028; }
  .voiceReaderButton:focus {
    color: #d40028; }
  .voiceReaderButton .icon-font {
    top: -3px;
    position: relative; }
    .voiceReaderButton .icon-font:before {
      content: "\e6f6";
      font-size: 1em;
      margin-right: 0;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block; }
    .voiceReaderButton .icon-font:focus:before {
      text-decoration: none; }

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

html.isAppV4 #content .cssAv .mediaCon .icon-font {
  display: none; }
  html.isAppV4 #content .cssAv .mediaCon .icon-font:before {
    display: none; }
html.isAppV4 #content .cssAv .mediaCon .av-playerContainer .icon-font {
  display: block;
  left: 50%;
  width: 60%;
  /* height: 30px; */
  padding: 0;
  line-height: 0;
  font-weight: bold;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-radius: 4px;
  bottom: 4px;
  /* top: 50%; */
  position: absolute;
  margin: 0.25em auto;
  font-size: 1em; }
  html.isAppV4 #content .cssAv .mediaCon .av-playerContainer .icon-font span.hidden {
    position: relative;
    left: 0;
    height: auto;
    visibility: visible;
    width: 100%;
    display: block;
    line-height: 1;
    padding: 8px; }

html.view-m .sectionWrapper.section1er.hasSectionDetail .section.sectionA.sectionDetailPage {
  padding-left: 3em;
  padding-right: 3em; }
html.view-l .sectionWrapper.section1er.hasSectionDetail .section.sectionA.sectionDetailPage {
  padding-left: 6em;
  padding-right: 6em; }
html.view-xl .sectionWrapper.section1er.hasSectionDetail .section.sectionA.sectionDetailPage {
  padding-left: 11em;
  padding-right: 11em; }

/*
 * Sectionrahmen weiß
 */
.sectionWrapper:not(.hasSectionDetail) {
  background-color: transparent; }
  .sectionWrapper:not(.hasSectionDetail) .sectionWrapperMain, .sectionWrapper:not(.hasSectionDetail) .sectionWrapperRelated {
    margin-top: 0;
    padding-top: 8px; }
.sectionWrapper.hasSectionDetail .sectionWrapperRelated {
  border-left: none; }
.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .cssHtml .teaser.special {
  padding: 0 !important; }

/*
 * Anpassungen für Detailseiten (Farben, Schriftgrößen, Abstände)
 * Original in /feature/mod/mdr-mod.scss
 */
.mod h1 .headline {
  margin-top: 0.2em;
  margin-bottom: 0.6em;
  line-height: 1.21em;
  font-weight: bold; }
.mod.modB .boxCon, .mod.modC .boxCon, .mod.modD .boxCon, .mod.modE .boxCon {
  background-color: transparent; }
.mod.modB .teaser, .mod.modC .teaser, .mod.modD .teaser, .mod.modE .teaser {
  background-color: transparent; }
.mod .timestamp {
  border-top: none;
  color: #d5d5da; }
.mod .dachzeile, .mod .date:not(input), .mod .channel, .mod .broadcastSeriesTitle {
  font-size: 0.936em;
  color: #d40028; }
.mod h4 .dachzeile {
  font-weight: bold; }
.mod h4 .headline {
  font-weight: bold;
  line-height: 1.27;
  margin-bottom: 0; }
  .sectionC .mod h4 .headline, .modC .mod h4 .headline, .modD .mod h4 .headline, .modE .mod h4 .headline {
    font-size: 1.2em; }
  .mod h4 .headline :before {
    margin-left: 0.3em; }
.mod .moreBtn {
  text-align: right;
  color: #333334; }
  .mod .moreBtn:after {
    margin-left: 8px; }
  .mod .moreBtn:focus {
    color: #d40028; }
.mod .linklist .list {
  border: none; }
  .mod .linklist .list li {
    background-color: #f0f0f5;
    border: none;
    margin-bottom: 2px; }

/*
 * Votings über volle Breite (auch in L- und XL-Views)
 */
.view-l .cssVoting .form-button, .view-xl .cssVoting .form-button {
  width: 100% !important;
  max-width: 100% !important; }

/*
 * Mediainfo (Bildrechte)
 * Original in feature/mod/mdr-mod.scss
 */
.sectionDetailPage .con .mod.modParagraph .mediaInfo {
  display: block;
  background-color: transparent;
  border: none;
  padding: 0.2em 0 0.6em 0; }
  .sectionDetailPage .con .mod.modParagraph .mediaInfo .mediaRights {
    color: #d5d5da; }

/*
 * Teasertextgrößen
 * Original in feature/mod/mdr-mod.scss
 */
.sectionC .mod .box h4 .headline, .sectionC .mod .box h4 .shortHeadline, .mod.modC .box h4 .headline, .mod.modC .box h4 .shortHeadline, .mod.modD .box h4 .headline, .mod.modD .box h4 .shortHeadline, .mod.modE .box h4 .headline, .mod.modE .box h4 .shortHeadline {
  font-size: 1em; }
.sectionC .mod .box .teasertext, .mod.modC .box .teasertext, .mod.modD .box .teasertext, .mod.modE .box .teasertext {
  font-size: 1em; }

/*
 * weiß nicht genau wofür (Touchscreen?)
 * original in feature/mod/mdr-mod.scss
 */
.no-touch .section .mod .moreBtn:hover {
  color: #d40028; }
.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: #fff; }
.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: #d40028; }

/*
 * Abstand zwischen Teaserbild und Überschrift fixed
 */
/*
 * Hovereffekt für Teaser (Schatten und Scale)
 */
.section .con .mod .box.floatBox {
  margin-bottom: 12px; }
.section .con .mod .box.cssIndexPage .teaser:not(.special), .section .con .mod .box.cssArticle .teaser:not(.special), .section .con .mod .box.cssVideo .teaser:not(.special), .section .con .mod .box.cssAudio .teaser:not(.special), .section .con .mod .box.cssForm .teaser:not(.special), .section .con .mod .box.cssRssTeaser .teaser:not(.special), .section .con .mod .box.cssEvent .teaser:not(.special), .section .con .mod .box.cssImageGallery .teaser:not(.special), .section .con .mod .box.cssBroadcast .teaser:not(.special), .section .con .mod .box.cssLink .teaser:not(.special), .section .con .mod .box.cssIpg .teaser:not(.special) {
  transition: box-shadow 0.3s, background-color 0.3s; }
  .section .con .mod .box.cssIndexPage .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssArticle .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssVideo .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssAudio .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssForm .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssRssTeaser .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssEvent .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssImageGallery .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssBroadcast .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssLink .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssIpg .teaser:not(.special) .mediaCon .imageWrapper img {
    transition: transform 0.3s; }
.teaser:not(.special) .section .con .mod .box.cssIndexPage:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssArticle:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssVideo:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssAudio:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssForm:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssRssTeaser:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssEvent:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssImageGallery:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssBroadcast:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssLink:not(.cssBoxContent), .teaser:not(.special) .section .con .mod .box.cssIpg:not(.cssBoxContent) {
  box-shadow: 0 0 3px #d5d5da; }
.section .con .mod .box.cssIndexPage:hover .teaser:not(.special), .section .con .mod .box.cssArticle:hover .teaser:not(.special), .section .con .mod .box.cssVideo:hover .teaser:not(.special), .section .con .mod .box.cssAudio:hover .teaser:not(.special), .section .con .mod .box.cssForm:hover .teaser:not(.special), .section .con .mod .box.cssRssTeaser:hover .teaser:not(.special), .section .con .mod .box.cssEvent:hover .teaser:not(.special), .section .con .mod .box.cssImageGallery:hover .teaser:not(.special), .section .con .mod .box.cssBroadcast:hover .teaser:not(.special), .section .con .mod .box.cssLink:hover .teaser:not(.special), .section .con .mod .box.cssIpg:hover .teaser:not(.special) {
  box-shadow: 0 0 8px #272728; }
  .section .con .mod .box.cssIndexPage:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssArticle:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssVideo:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssAudio:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssForm:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssRssTeaser:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssEvent:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssImageGallery:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssBroadcast:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssLink:hover .teaser:not(.special) .mediaCon .imageWrapper img, .section .con .mod .box.cssIpg:hover .teaser:not(.special) .mediaCon .imageWrapper img {
    transform: scale(1.1); }
  .section .con .mod .box.cssIndexPage:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssArticle:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssVideo:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssAudio:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssForm:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssRssTeaser:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssEvent:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssImageGallery:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssBroadcast:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssLink:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails, .section .con .mod .box.cssIpg:hover .teaser:not(.special) .mediaCon .imageWrapper > span.avDetails {
    opacity: 1; }
.section .con .mod .box.cssIndexPage:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssArticle:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssVideo:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssAudio:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssForm:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssRssTeaser:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssEvent:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssImageGallery:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssBroadcast:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssLink:hover .mediaCon .imageWrapper.hasPlayer span.icon-font, .section .con .mod .box.cssIpg:hover .mediaCon .imageWrapper.hasPlayer span.icon-font {
  background-color: #d40028; }
.section .con .mod .box .mediaCon a .imageWrapper img {
  transition: transform 0.3s; }
  .section .con .mod .box .mediaCon a .imageWrapper img:hover {
    transform: scale(1.1); }

/*
 * Social-Sharing-Buttons
 * ui-socialFixed.scss
 */
.ui-social-fixed.stayInPlace.open .ui-social-trigger {
  display: none; }
.ui-social-fixed .ui-scrollToTop {
  border: none !important; }
  .ui-social-fixed .ui-scrollToTop:hover:after, .ui-social-fixed .ui-scrollToTop:hover:before {
    color: #d40028 !important; }
  .ui-social-fixed .ui-scrollToTop:focus {
    box-shadow: none !important; }
.ui-social-fixed .ui-social-btn, .ui-social-fixed .ui-social-btn.ui-social-trigger {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-right: 0.3em; }
  .ui-social-fixed .ui-social-btn *, .ui-social-fixed .ui-social-btn.ui-social-trigger * {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-right: 0.3em; }
  .ui-social-fixed .ui-social-btn a, .ui-social-fixed .ui-social-btn.ui-social-trigger a {
    width: auto;
    height: auto;
    display: block;
    padding: 0.2em;
    -webkit-transition: transform 0.15s ease-out;
    -moz-transition: transform 0.15s ease-out;
    -o-transition: transform 0.15s ease-out;
    transition: transform 0.15s ease-out; }
    .ui-social-fixed .ui-social-btn a:before, .ui-social-fixed .ui-social-btn.ui-social-trigger a:before {
      left: auto !important;
      top: auto !important; }
    .ui-social-fixed .ui-social-btn a:hover, .ui-social-fixed .ui-social-btn a:focus, .ui-social-fixed .ui-social-btn.ui-social-trigger a:hover, .ui-social-fixed .ui-social-btn.ui-social-trigger a:focus {
      transform: scale(1.2);
      box-shadow: 0 0 6px rgba(51, 51, 52, 0.5); }
.ui-social-fixed.jumpsocial-detail {
  font-size: 0.85em;
  margin-bottom: 4px;
  margin-right: 8px; }
  .view-xs .ui-social-fixed.jumpsocial-detail, .view-s .ui-social-fixed.jumpsocial-detail {
    margin-bottom: 8px; }
  .view-l .ui-social-fixed.jumpsocial-detail, .view-xl .ui-social-fixed.jumpsocial-detail {
    margin-right: 12px; }
  .ui-social-fixed.jumpsocial-detail .ui-social-links {
    float: right; }
    .ui-social-fixed.jumpsocial-detail .ui-social-links .ui-social-btn {
      margin-right: 0;
      margin-left: 0.3em; }
      .ui-social-fixed.jumpsocial-detail .ui-social-links .ui-social-btn * {
        margin-right: 0;
        margin-left: 0.2em; }

/*
 * Programmschema
 * ui-cal.scss
 */
.ui-cal-slider .box.currentDay a span.day, .cssIpgSearchSlider .box.currentDay a span.day {
  background-color: #d40028;
  color: white; }

/*
 * Livestream- und AV-Teaser
 * mdr-modAudioVideo.scss
 */
.mod .cssAv .teaser {
  background-color: #f0f0f5; }

/*
 * "Weiter" hinter Schlagzeilenteasern verbergen
 */
.linklist ul.list .linktext .docName {
  display: none; }

/*
 * Spezialteaser auf Detailseiten ohne Randabstand
 */
.sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal .teaser.special {
  padding: 0; }
  .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con.conInline .boxNormal .teaser.special .staticHtml {
    background-color: white; }

/* Zu grosse Flaeche der Box an Content Hoehe anpassen */
html:not(.no-flexbox) .sectionWrapper .section .mod .teaser .boxCon.owl-carousel {
  flex: 0 1 auto;
  /* 160330 @kon 1 1 auto */ }

/*
 * Formulare
 * mdr-modForm
 */
.form .fieldset, .form .formHint {
  background-color: #f0f0f5; }
  .form .fieldset.acceptAgb, .form .formHint.acceptAgb {
    background-color: #d5d5da; }
.form .formHint, .form .formElement, .form .formElement.error {
  border-bottom: none; }
.form .formElement.required:after {
  color: rgba(49, 49, 49, 0.7); }
.form .ui-collapsible-entry .ui-collapsible-body.text.open p {
  padding: 0.6em; }
.form .ui-collapsible-entry .checkbox .form-button label:before {
  background-color: white; }

/*
 * Tabellen
 * mdr-modTable
 */
.table table, .modTable.tableEvents .table table {
  margin-bottom: 0.8em;
  font-size: 0.9em; }
  .table table caption, .modTable.tableEvents .table table caption {
    background-color: #d5d5da;
    border: none;
    margin: 0; }
  .table table tr.headlines th, .table table th.tcol1, .table table .table-header td, .modTable.tableEvents .table table tr.headlines th, .modTable.tableEvents .table table th.tcol1, .modTable.tableEvents .table table .table-header td {
    background-color: #d5d5da;
    border-bottom: 1px solid white;
    padding: 0.7em !important; }
  .table table tr td, .modTable.tableEvents .table table tr td {
    background-color: #f0f0f5;
    border-bottom: 1px solid white;
    vertical-align: top; }
  .table table tr td, .table table tr th, .table table caption, .modTable.tableEvents .table table tr td, .modTable.tableEvents .table table tr th, .modTable.tableEvents .table table caption {
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    padding: 0.7em !important; }

/*
 * Suche Detailseite Hintergrundfarbe
 * mdr-modSearch
 */
.section .con .mod.modSearch .box .teaser .highlight {
  background-color: #f9f2b4; }

/*
 * Verkehr
 * trafficmodul.jump.css
 */
#trafficList {
  max-height: none !important;
  overflow: auto !important; }
  #trafficList table {
    font-size: 1em !important; }
    #trafficList table thead {
      display: none; }

#trafficMap .trafficPanel {
  padding: 0.3em;
  opacity: 1; }
  #trafficMap .trafficPanel .infoLayerCheckboxen label {
    text-transform: none;
    letter-spacing: 0.02em; }

/*
 * Icons Bildergalerien etc. korrekt ausrichten
 * mdr-modLightbox
 */
.xx_modLightbox .icon-font {
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0 !important;
  padding: 0 0 0.1em 0; }

/*
 * Artikel Detailseite, auch bei Veranstaltungen
 * mdr-modParagraph
 */
.mod.modParagraph {
  /* Unterzeile */
  /* Dachzeile */ }
  .mod.modParagraph .einleitung {
    margin-top: 0.3em;
    margin-bottom: 1.2em; }
  .mod.modParagraph .quote blockquote {
    border: none; }
    .mod.modParagraph .quote blockquote p {
      font-size: 1.2em;
      margin-bottom: 0.4em; }
      .mod.modParagraph .quote blockquote p:before {
        content: "\201e"; }
      .mod.modParagraph .quote blockquote p:after {
        content: "\201c"; }
  .mod.modParagraph p.subtitle {
    margin-top: -0.55em;
    margin-left: 0.05em;
    color: #535355;
    font-weight: 200;
    font-size: 0.95em;
    line-height: 145%; }
  .mod.modParagraph .dachzeile {
    margin-bottom: 0;
    font-weight: bold; }

/*
 * Rechts Links Ausrichtung Fix
 *
 */
html.view-s .mod.modParagraph .box.floatBox, html.view-xs .mod.modParagraph .box.floatBox, html.view-m .mod.modParagraph .box.floatBox {
  width: 100%;
  min-width: 100%; }
html.view-xs .mod.modParagraph .box.floatBox.viewB, html.view-s .mod.modParagraph .box.floatBox.viewB, html.view-m .mod.modParagraph .box.floatBox.viewB {
  width: 50%;
  min-width: 50%; }
html.view-xs .mod.modParagraph .box.floatBox.viewC, html.view-s .mod.modParagraph .box.floatBox.viewC, html.view-m .mod.modParagraph .box.floatBox.viewC {
  width: 33.333%;
  min-width: 33.333%; }

.jump-twitter-embed {
  max-width: 550px;
  margin: 0.8em auto;
  position: relative; }
  .view-xs .jump-twitter-embed, .view-s .jump-twitter-embed {
    width: 96%; }
  .view-m .jump-twitter-embed {
    width: 85%; }
  .view-l .jump-twitter-embed {
    width: 80%; }
  .view-xl .jump-twitter-embed {
    width: 70%; }
  .jump-twitter-embed .inset {
    z-index: 0;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    color: #0084B4;
    transition: box-shadow 0.3s;
    border: 1px solid #ccd6dd;
    overflow: hidden; }
    .jump-twitter-embed .inset:hover {
      box-shadow: 0 0 6px rgba(51, 51, 52, 0.5); }
      .jump-twitter-embed .inset:hover .head {
        background-color: #0084b4; }
      .jump-twitter-embed .inset:hover .body p.tweet_text {
        color: #0084b4; }
      .jump-twitter-embed .inset:hover .foot .loadbutton {
        color: #d40028; }
    .jump-twitter-embed .inset .head {
      cursor: pointer;
      padding: 1em 1.2em;
      background-color: #aab8c2;
      transition: all 0.3s; }
      .jump-twitter-embed .inset .head .icon {
        margin: 0 auto;
        color: white;
        position: relative;
        display: block;
        font-size: 3em; }
        .jump-twitter-embed .inset .head .icon:before {
          content: "\e63a";
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .jump-twitter-embed .inset .body {
      cursor: pointer;
      padding: 1.8em 15%;
      background-color: #f5f8fa;
      border-bottom: 1px solid #ccd6dd;
      transition: all 0.3s; }
      .jump-twitter-embed .inset .body p {
        position: relative;
        margin: 0 auto;
        line-height: 145%;
        padding-bottom: 0.4em; }
        .jump-twitter-embed .inset .body p.tweet_text {
          color: #535355;
          font-size: 1.3em;
          font-weight: bold;
          font-style: italic; }
          .jump-twitter-embed .inset .body p.tweet_text:before {
            content: "\201e"; }
          .jump-twitter-embed .inset .body p.tweet_text:after {
            content: "\201c"; }
        .jump-twitter-embed .inset .body p.tweet_autor {
          color: #313131; }
    .jump-twitter-embed .inset .foot {
      padding: 0 0.8em;
      color: #aab8c2;
      font-weight: bold; }
      .jump-twitter-embed .inset .foot .loadbutton {
        cursor: pointer;
        padding: 0.6em;
        float: right; }
        .jump-twitter-embed .inset .foot .loadbutton:after {
          padding-left: 0.6em;
          padding-bottom: 0.2em;
          content: "\e61a"; }
        .jump-twitter-embed .inset .foot .loadbutton:hover {
          color: #d40028; }
      .jump-twitter-embed .inset .foot .infobutton {
        z-index: 2;
        cursor: pointer;
        padding: 0.6em;
        float: left;
        overflow: visible; }
        .jump-twitter-embed .inset .foot .infobutton:before {
          float: left;
          padding-right: 0.4em;
          font-weight: normal;
          font-size: 1.2em;
          content: "\e63f"; }
        .jump-twitter-embed .inset .foot .infobutton:hover {
          color: #d40028; }
          .jump-twitter-embed .inset .foot .infobutton:hover span.text {
            display: inline; }
        .jump-twitter-embed .inset .foot .infobutton span.text {
          display: none;
          position: absolute;
          font-size: 0.9em;
          font-weight: normal; }
      .jump-twitter-embed .inset .foot .infobox {
        width: auto;
        height: auto;
        position: absolute;
        bottom: 2.7em;
        left: 1em;
        margin-right: 4em;
        padding: 1.3em;
        font-weight: normal;
        line-height: 150%;
        color: #333334;
        background-color: white;
        border: 1px solid #d5d5da;
        box-shadow: 0 0 6px rgba(51, 51, 52, 0.5);
        border-radius: 5px;
        font-size: 0.9em; }
        .jump-twitter-embed .inset .foot .infobox a {
          color: #d40028; }
          .jump-twitter-embed .inset .foot .infobox a:hover {
            text-decoration: underline; }

/*
 * Programmhinweis an AV-Teasern ausschalten
 * mdr-modAudioVideo
 */
/*
 * Manuelle Sendungszuordnung (erweitert für alle 1spaltige Detailseiten )
 */
.mod .definition {
  border: 1px solid #d5d5da;
  padding: 16px;
  margin: 16px 0; }
  .mod .definition dfn {
    display: block;
    font-weight: bold;
    font-size: 1.0625em;
    margin-bottom: 10px; }

/*
 * Sendungsinfos (IPG)
 */
.box.cssBroadcastList .broadcastSpecs, .box.cssBroadcast .broadcastSpecs {
  display: none !important; }
.box.cssBroadcastList .progressContainer, .box.cssBroadcast .progressContainer {
  bottom: 0 !important; }
  .box.cssBroadcastList .progressContainer .icon-font, .box.cssBroadcast .progressContainer .icon-font {
    padding: 0 !important;
    top: -20px !important; }
    .box.cssBroadcastList .progressContainer .icon-font:before, .box.cssBroadcast .progressContainer .icon-font:before {
      content: "ON AIR" !important;
      padding: 0 4px !important; }
.box.cssBroadcastList .teaser.now, .box.cssBroadcast .teaser.now {
  box-shadow: none;
  background-color: #f0f0f5; }
.box.cssBroadcastList .teaser.now.active .teaserInfoWrapper, .box.cssBroadcast .teaser.now.active .teaserInfoWrapper {
  padding: 0.3em 1em 1em 0.5em !important; }

.paragraph p.text:not(.teasertext) a {
  color: #d40028; }
  .paragraph p.text:not(.teasertext) a:hover {
    text-decoration: underline; }
  .paragraph p.text:not(.teasertext) a:before {
    content: "\e638";
    font-size: 0.9em;
    margin-right: 0.2em;
    margin-left: 0.2em;
    margin-bottom: 1px; }

.wrapper:after, .wrapper:before {
  display: inherit; }

.box.noBroadcastHint.cssImageGallery .cssBroadcastHintStyleProperties {
  display: none; }

/*
 * Styles der Hauptnavigation
 */
.channelNavigation {
  bottom: inherit;
  border-top: none;
  padding: 1em; }
  .channelNavigation ul.level1 {
    margin-top: 0.7em; }
  .channelNavigation ul.level1 .layeredNavigation {
    position: inherit; }
  .channelNavigation ul.level1 > li > ul {
    position: relative;
    width: 100%;
    max-width: 100%;
    top: auto;
    left: auto; }
  .channelNavigation ul.level1 > li > span, .channelNavigation ul.level1 > li > a {
    height: auto;
    font-weight: normal;
    text-transform: uppercase; }
  .channelNavigation ul.level2, .channelNavigation ul.level3 {
    padding-left: 1em; }
  .channelNavigation ul.level1, .channelNavigation ul.level2, .channelNavigation ul.level3 {
    background-color: transparent;
    display: block; }
    .channelNavigation ul.level1 li, .channelNavigation ul.level2 li, .channelNavigation ul.level3 li {
      float: none;
      width: 100%;
      padding: 0;
      margin: 0; }
      .channelNavigation ul.level1 li a, .channelNavigation ul.level1 li span, .channelNavigation ul.level2 li a, .channelNavigation ul.level2 li span, .channelNavigation ul.level3 li a, .channelNavigation ul.level3 li span {
        height: 0;
        transition: height 0.1s, padding 0.1s, border 0.1s, opacity 0.1s;
        padding: 0 0 0 0.7em;
        margin: 0;
        font-size: 1.1em;
        color: white;
        overflow: hidden;
        background-color: inherit;
        display: block;
        opacity: 0; }
      .channelNavigation ul.level1 li.hasChilds .nav-toggle:before, .channelNavigation ul.level2 li.hasChilds .nav-toggle:before, .channelNavigation ul.level3 li.hasChilds .nav-toggle:before {
        content: "\e630";
        margin-right: 0.8em;
        float: right; }
      .channelNavigation ul.level1 li.hasChilds > ul > li.first, .channelNavigation ul.level2 li.hasChilds > ul > li.first, .channelNavigation ul.level3 li.hasChilds > ul > li.first {
        display: none; }
    html.no-touch .channelNavigation ul.level1 li > .nav-toggle:hover, html.no-touch .channelNavigation ul.level1 li > a:hover,
    html.no-touch .channelNavigation ul.level1 li > .nav-toggle:focus, html.no-touch .channelNavigation ul.level1 li > a:focus, html.no-touch .channelNavigation ul.level2 li > .nav-toggle:hover, html.no-touch .channelNavigation ul.level2 li > a:hover,
    html.no-touch .channelNavigation ul.level2 li > .nav-toggle:focus, html.no-touch .channelNavigation ul.level2 li > a:focus, html.no-touch .channelNavigation ul.level3 li > .nav-toggle:hover, html.no-touch .channelNavigation ul.level3 li > a:hover,
    html.no-touch .channelNavigation ul.level3 li > .nav-toggle:focus, html.no-touch .channelNavigation ul.level3 li > a:focus {
      background-color: rgba(255, 255, 255, 0.4);
      color: white; }
    .channelNavigation ul.level1 > ul, .channelNavigation ul.level2 > ul, .channelNavigation ul.level3 > ul {
      position: initial;
      display: initial; }
  .channelNavigation ul.level1 > li > span, .channelNavigation ul.level1 > li.open > ul > li > span, .channelNavigation ul.level1 > li.open > ul.level2 > li.open > ul > li > span, .channelNavigation ul.level1 > li > a, .channelNavigation ul.level1 > li.open > ul > li > a, .channelNavigation ul.level1 > li.open > ul.level2 > li.open > ul > li > a {
    height: 2.6em;
    padding-top: 0.75em;
    opacity: 1;
    border-top: 1px solid #535355; }
  .channelNavigation ul.level1 > li.hasChilds.open .nav-toggle:before, .channelNavigation ul.level1 > li.open > ul.level2 > li.open > ul > li.hasChilds.open .nav-toggle:before {
    content: "\e633"; }
  .view-s .channelNavigation ul.level1 > li.hasChilds .nav-toggle:after, .view-xs .channelNavigation ul.level1 > li.hasChilds .nav-toggle:after {
    content: normal; }

/*
 * Sidebar Right - Wetter und Verkehr ...
 */
.sidebarRight > .sectionSidebar {
  /*
   * Suchformular für Ortssuche
   */
  /*
   * Sidebar Service Inhalt (Wetter und Verkehr)
   */ }
  .sidebarRight > .sectionSidebar .geoformSidebar {
    padding: 1em;
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out; }
    .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton {
        display: flex;
        flex-direction: row; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput input, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton input {
          padding: 0.7em 1.2em;
          border-radius: 3em; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button {
          background-color: transparent;
          color: #313131;
          cursor: pointer;
          height: 100%; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.text, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.text {
            display: none; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.icon, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.icon {
            display: flex;
            font-size: 1.4em;
            justify-content: center; }
      .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput {
        position: relative;
        flex: 0 1 100%; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput input {
          width: 100%;
          border: 2px solid transparent; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput input:focus {
            border-color: #d40028; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button {
          position: absolute;
          right: 0.8em;
          color: #313131; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button > span.icon:after {
            content: "\e629"; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button:focus, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .geoInput button:hover {
            color: #d40028;
            transform: scale(1.3); }
      .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton {
        flex: 1 0 auto;
        padding-left: 1em; }
        .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button {
          font-size: 1.4em;
          color: white; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button > span.icon:after {
            content: "\e904"; }
          .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button:focus, .sidebarRight > .sectionSidebar .geoformSidebar form.geolocateForm .gpsButton button:hover {
            color: #d40028;
            transform: scale(1.3); }
    .sidebarRight > .sectionSidebar .geoformSidebar:hover {
      background-color: rgba(255, 255, 255, 0.4); }
  .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr {
    padding: 1em;
    transition: opacity 0.3s; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather.inactive, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr.inactive {
      opacity: 0.2; }
  .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul {
    display: block; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li span, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li a, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li p, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li span, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li a, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li p {
      position: relative;
      width: 100%;
      margin: 0;
      display: block;
      color: #d5d5da;
      padding: 0.6em; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li span.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li a.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li p.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li span.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li a.advice, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li p.advice {
        font-size: 0.92em;
        font-style: italic;
        color: rgba(213, 213, 218, 0.7); }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li span.item-toggle, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li a, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li span.item-toggle, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li a {
      cursor: pointer; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li span.item-toggle:hover, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li a:hover, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li span.item-toggle:hover, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li a:hover {
        background-color: rgba(255, 255, 255, 0.4);
        color: white; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.open > span.item-toggle:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.open > span.item-toggle:after {
      content: "\e633"; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.open > a.item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.open span.item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.open > a.item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.open span.item {
      display: block; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-title, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-title, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-title, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-title {
      background-color: #272728;
      font-weight: bold; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer {
      border-top: 1px solid #535355; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer a.weather-full, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer a.verkehr-full, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer a.weather-full, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer a.verkehr-full {
      font-size: 0.98em;
      white-space: nowrap; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer a.weather-full:focus, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer a.verkehr-full:focus, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer a.weather-full:focus, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer a.verkehr-full:focus {
        background-color: rgba(255, 255, 255, 0.4);
        color: white; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.weather-footer a.weather-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-footer a.verkehr-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.weather-footer a.weather-full:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-footer a.verkehr-full:after {
        font-size: 0.9em;
        padding-left: 0.8em;
        content: "\e632";
        vertical-align: middle; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table {
      width: 100%; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td {
        color: #d5d5da;
        padding: 0.6em;
        vertical-align: middle;
        text-align: center; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td img, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td img {
          padding: 0;
          margin: 0 auto; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td.icon, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td.icon {
          padding: 0.2em; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td:last-child, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td:last-child {
          text-align: right; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li table td:first-child, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li table td:first-child {
          text-align: left; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.temperature-now td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.temperature-now td {
      font-weight: bold; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage {
      padding: 0.4em; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute tr > td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr > td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute tr > td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr > td {
        text-align: center; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute tr.daytime td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr.daytime td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute tr.daytime td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr.daytime td {
        font-size: 0.8em;
        padding: 0.2em 0.2em; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute tr.nsw td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr.nsw td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute tr.nsw td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr.nsw td {
        font-size: 0.8em;
        color: #009ee0;
        padding: 0.2em 0.2em; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-heute tr.temperature td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr.temperature td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-heute tr.temperature td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr.temperature td {
        font-weight: bold;
        font-size: 1.2em;
        padding: 0.2em 0.2em; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.prognose-2tage tr > td, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.prognose-2tage tr > td {
      font-size: 0.9em;
      font-weight: bold; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item {
      cursor: pointer;
      clear: both; }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item-toggle, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item-toggle {
        width: 100%;
        display: block;
        padding: 0.8em 0.6em 0.8em 3em; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item-toggle:after, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item-toggle:after {
          float: right;
          content: "\e630"; }
        .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item-toggle:before, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item-toggle:before {
          position: absolute;
          font-family: 'mdricons';
          font-weight: normal;
          text-align: center;
          content: "\e903";
          font-size: 1.5em;
          left: 0.5em;
          top: 49%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
      .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item .item, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item .item {
        padding-left: 3em;
        padding-top: 0.3em;
        width: 100%;
        font-size: 0.98em;
        display: none; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item.stoerung .item-toggle:before, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item.stoerung .item-toggle:before {
      color: #ff3737; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerWeather ul li.verkehr-item.blitzer .item-toggle:before, .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerVerkehr ul li.verkehr-item.blitzer .item-toggle:before {
      color: #ffee2c; }
  .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerAdvice p {
    padding: 0.6em;
    font-size: 0.8em;
    color: #535355;
    background-color: #d5d5da; }
    .sidebarRight > .sectionSidebar .serviceLayerContent .contentLayerAdvice p.hidden {
      display: none; }

.socialTeaser {
  /************ FACEBOOK-Teaser ***************/ }
  .socialTeaser li.fb_post, .socialTeaser li.fb_foot {
    background-color: #ffffff;
    transition: background-color 0.15s; }
    .socialTeaser li.fb_post div.img_small, .socialTeaser li.fb_foot div.img_small {
      display: none; }
    .socialTeaser li.fb_post div.img_small, .socialTeaser li.fb_post div.img_big, .socialTeaser li.fb_foot div.img_small, .socialTeaser li.fb_foot div.img_big {
      padding: 0;
      float: left;
      margin-right: 0.8em;
      margin-bottom: 0.6em;
      margin-top: 0; }
    .socialTeaser li.fb_post > a, .socialTeaser li.fb_foot > a {
      display: block;
      clear: both;
      overflow: hidden;
      color: #313131;
      padding: 0.5em 0.3em 0.5em 0.3em;
      margin: 0 0 0.6em 0; }
    .socialTeaser li.fb_post:hover, .socialTeaser li.fb_foot:hover {
      text-decoration: none;
      background-color: #3b5998;
      cursor: pointer; }
      .socialTeaser li.fb_post:hover p, .socialTeaser li.fb_post:hover span.lead, .socialTeaser li.fb_foot:hover p, .socialTeaser li.fb_foot:hover span.lead {
        color: white; }
    .socialTeaser li.fb_post p, .socialTeaser li.fb_foot p {
      font-size: 1em;
      text-align: left;
      padding: 0; }
      .socialTeaser li.fb_post p.likes, .socialTeaser li.fb_foot p.likes {
        color: #6b84b4;
        font-weight: normal;
        margin-top: 0.6em;
        line-height: 1.4em;
        font-size: 0.88em; }
        .socialTeaser li.fb_post p.likes:after, .socialTeaser li.fb_foot p.likes:after {
          content: "\e632";
          margin-left: 0.5em;
          margin-top: 0.1em;
          font-size: 0.9em; }
      .socialTeaser li.fb_post p span.lead, .socialTeaser li.fb_foot p span.lead {
        color: #3b5998;
        font-weight: bold; }
  .socialTeaser li.fb_foot {
    background-color: #f0f0f0; }
    .socialTeaser li.fb_foot a {
      padding: 0.8em 0.3em; }
    .socialTeaser li.fb_foot p {
      font-size: 0.9em;
      font-weight: bold;
      padding-right: 1em;
      color: #3b5998; }
      .socialTeaser li.fb_foot p img {
        width: 1.8em;
        height: 1.8em;
        float: left;
        margin-right: 0.7em;
        margin-left: 0.5em;
        overflow: hidden; }

li.fb_post img {
  border: none !important;
  margin: 3px; }

li.fb_foot img {
  border: none !important;
  vertical-align: middle;
  margin-right: 0.6em;
  display: inline; }

/* Twitter provisorium */
#footerTweets li a, #footerTweets li p {
  font-size: 0.75em; }

ul.tw_teaser_small {
  list-style: none;
  margin: -0.5em 0 0;
  padding: 0; }

ul.tw_teaser_small li.tw_tweet {
  border-bottom: 1px dashed #BBBBBB; }

ul.tw_teaser_small li.tw_tweet img {
  border: none;
  margin-bottom: 0.4em; }

table.tw_tweet td {
  padding: 1em 0; }

table.tw_tweet td.tw_tweet_left {
  border: none;
  width: 44px;
  text-align: center;
  vertical-align: top; }

table.tw_tweet td.tw_tweet_right {
  padding: 0.7em 0 1em 0.6em;
  vertical-align: top; }

/*
 * JUMP-Anpassungen für die AV-Player
 */
.av-playerContainer > .controls .btn.avPlayerBtnPlayPause {
  background-color: #d40028 !important; }
.av-playerContainer > .controls .avPlayerProgressBar .avPlayerProgress {
  background-color: #d40028 !important; }

/*
 * showTitlesOnImage
 *
 * Anwendung an Teaservariante Groß
 * Wirkung: platziert Dachzeile und Titel in einer transparenten weißen Box auf dem Bild; Teasertext ist ausgeblendet
 * wirkt nicht in Views S und XS, da sonst das zu sehr Bild verdeckt wird
 */
.view-m .boxBig.showTitlesOnImage .teaserInfoWrapper, .view-l .boxBig.showTitlesOnImage .teaserInfoWrapper, .view-xl .boxBig.showTitlesOnImage .teaserInfoWrapper {
  /* position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  float: left;
  width: 100%;
  background-color: transparentize(white, 0.25); */
  z-index: 2; }
  .view-m .boxBig.showTitlesOnImage .teaserInfoWrapper p.teasertext, .view-m .boxBig.showTitlesOnImage .teaserInfoWrapper a.moreBtn, .view-l .boxBig.showTitlesOnImage .teaserInfoWrapper p.teasertext, .view-l .boxBig.showTitlesOnImage .teaserInfoWrapper a.moreBtn, .view-xl .boxBig.showTitlesOnImage .teaserInfoWrapper p.teasertext, .view-xl .boxBig.showTitlesOnImage .teaserInfoWrapper a.moreBtn {
    display: none; }

/*
 * alignInnerRight
 * alignInnerCenter
 *
 */
/* html.view-l div.cssHtml.alignInnerRight div.staticHtml
{
	margin-left: 14.8em;
}
html.view-l div.cssHtml.alignInnerCenter div.staticHtml
{
	margin-left: 7.4em;
}
html.view-xl div.cssHtml.alignInnerRight div.staticHtml
{
	margin-left: 34.8em;
}
html.view-xl div.cssHtml.alignInnerCenter div.staticHtml
{
	margin-left: 17.4em;
} */
.alignInnerRight .twitter-embed .twitter-tweet *, .alignInnerRight .instagram-media *, .alignInnerRight .staticHtml * {
  float: right; }

.alignInnerCenter .twitter-embed .twitter-tweet, .alignInnerCenter .instagram-media, .alignInnerCenter .staticHtml {
  margin: 0 auto !important;
  position: relative;
  width: auto; }

/* owl carousel
 * Navigation von unten nach oben */
.owlNavigationTop .modSlideable .controls {
  position: absolute;
  border-top: none; }
.owlNavigationTop .modSlideable .owl-carousel {
  margin-top: 48px; }

/*
 * hideTeaserTitle -> verbirgt die komplette Titlebox an Teasern
 */
.hideTeaserTitle .teaserInfoWrapper {
  display: none; }

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