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

.broadCastInfoSection .broadcastInfo .con, .sectionSubHeader .con, .sectionSubHeader .con:hover, .teaserVoting .form-success, .modConFormVoting .form-success {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.ui-infolayer.ipgLayer .modHead, .mnHolder, #header .searchBox, .view-m #header .subnavi, .view-s #header .mnHolder, .view-xs #header .mnHolder, .mod .box .teaser.teaserEmptySearch, .mod .box .teaserDownload .downloadAction, .conIPGSlider .mod .boxConWrapper, .view-s .mod .teaserIdent .mediaCon, .view-xs .mod .teaserIdent .mediaCon, .sectionC .mod .teaserIdent .mediaCon, .section .mod .box .shortInfos p.subtitle, .section .mod .box p.subtitle, .playerLayer .mod .box .shortInfos p.subtitle, .playerLayer .mod .box p.subtitle, body.bigStage #bigstage .aniItem.message .innerMessage a, .mod.modParagraph .paragraph, .mod.modParagraph .authorTeaser, .modBundleGroupNavi .bundleNaviWrapper, .sectionIPGControl .boxConWrapper, .programEntry, .programEntry .head, .programEntry .content, .programEntry .entry, .programEntry .infos, .programEntry .entries, .programEntry .episods, .form, .form .form-helpmsg, .form .form-success, .teaserVoting .form-button, .modConFormVoting .form-button, .mod.modIdentSlider .boxConWrapper, .conAccordion .conAccordionBody .mod {
  *zoom: 1; }
  .ui-infolayer.ipgLayer .modHead:before, .mnHolder:before, #header .searchBox:before, .view-m #header .subnavi:before, .view-s #header .mnHolder:before, .view-xs #header .mnHolder:before, .mod .box .teaser.teaserEmptySearch:before, .mod .box .teaserDownload .downloadAction:before, .conIPGSlider .mod .boxConWrapper:before, .view-s .mod .teaserIdent .mediaCon:before, .view-xs .mod .teaserIdent .mediaCon:before, .sectionC .mod .teaserIdent .mediaCon:before, .section .mod .box .shortInfos p.subtitle:before, .section .mod .box p.subtitle:before, .playerLayer .mod .box .shortInfos p.subtitle:before, .playerLayer .mod .box p.subtitle:before, body.bigStage #bigstage .aniItem.message .innerMessage a:before, .mod.modParagraph .paragraph:before, .mod.modParagraph .authorTeaser:before, .modBundleGroupNavi .bundleNaviWrapper:before, .sectionIPGControl .boxConWrapper:before, .programEntry:before, .programEntry .head:before, .programEntry .content:before, .programEntry .entry:before, .programEntry .infos:before, .programEntry .entries:before, .programEntry .episods:before, .form:before, .form .form-helpmsg:before, .form .form-success:before, .teaserVoting .form-button:before, .modConFormVoting .form-button:before, .mod.modIdentSlider .boxConWrapper:before, .conAccordion .conAccordionBody .mod:before, .ui-infolayer.ipgLayer .modHead:after, .mnHolder:after, #header .searchBox:after, .view-m #header .subnavi:after, .view-s #header .mnHolder:after, .view-xs #header .mnHolder:after, .mod .box .teaser.teaserEmptySearch:after, .mod .box .teaserDownload .downloadAction:after, .conIPGSlider .mod .boxConWrapper:after, .view-s .mod .teaserIdent .mediaCon:after, .view-xs .mod .teaserIdent .mediaCon:after, .sectionC .mod .teaserIdent .mediaCon:after, .section .mod .box .shortInfos p.subtitle:after, .section .mod .box p.subtitle:after, .playerLayer .mod .box .shortInfos p.subtitle:after, .playerLayer .mod .box p.subtitle:after, body.bigStage #bigstage .aniItem.message .innerMessage a:after, .mod.modParagraph .paragraph:after, .mod.modParagraph .authorTeaser:after, .modBundleGroupNavi .bundleNaviWrapper:after, .sectionIPGControl .boxConWrapper:after, .programEntry:after, .programEntry .head:after, .programEntry .content:after, .programEntry .entry:after, .programEntry .infos:after, .programEntry .entries:after, .programEntry .episods:after, .form:after, .form .form-helpmsg:after, .form .form-success:after, .teaserVoting .form-button:after, .modConFormVoting .form-button:after, .mod.modIdentSlider .boxConWrapper:after, .conAccordion .conAccordionBody .mod:after {
    display: table;
    content: "";
    line-height: 0; }
  .ui-infolayer.ipgLayer .modHead:after, .mnHolder:after, #header .searchBox:after, .view-m #header .subnavi:after, .view-s #header .mnHolder:after, .view-xs #header .mnHolder:after, .mod .box .teaser.teaserEmptySearch:after, .mod .box .teaserDownload .downloadAction:after, .conIPGSlider .mod .boxConWrapper:after, .view-s .mod .teaserIdent .mediaCon:after, .view-xs .mod .teaserIdent .mediaCon:after, .sectionC .mod .teaserIdent .mediaCon:after, .section .mod .box .shortInfos p.subtitle:after, .section .mod .box p.subtitle:after, .playerLayer .mod .box .shortInfos p.subtitle:after, .playerLayer .mod .box p.subtitle:after, body.bigStage #bigstage .aniItem.message .innerMessage a:after, .mod.modParagraph .paragraph:after, .mod.modParagraph .authorTeaser:after, .modBundleGroupNavi .bundleNaviWrapper:after, .sectionIPGControl .boxConWrapper:after, .programEntry:after, .programEntry .head:after, .programEntry .content:after, .programEntry .entry:after, .programEntry .infos:after, .programEntry .entries:after, .programEntry .episods:after, .form:after, .form .form-helpmsg:after, .form .form-success:after, .teaserVoting .form-button:after, .modConFormVoting .form-button:after, .mod.modIdentSlider .boxConWrapper:after, .conAccordion .conAccordionBody .mod:after {
    clear: both; }

.sectionWrapper:not(.hasSectionDetail), .sectionMainWrapper, .sectionRelatedWrapper, .lineWrapper, .con .mod .boxCon, .con .mod .owl-stage {
  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; }

.con .mod .boxCon .box:not(.boxMiniKika), .con .mod .boxCon .owl-item, .con .mod .boxCon .box:not(.boxMiniKika) .teaser, .con .mod .owl-stage .box:not(.boxMiniKika), .con .mod .owl-stage .owl-item, .con .mod .owl-stage .box:not(.boxMiniKika) .teaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.con .mod .boxCon .box:not(.boxMiniKika) .teaser div.shortInfos:last-of-type, .con .mod .owl-stage .box:not(.boxMiniKika) .teaser div.shortInfos:last-of-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap; }

.modCommunity .communityComment h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, Segoe, "Segoe UI", Roboto, Tahoma, sans-serif; }

body.page-404 .sectionA .conInline .modA .box, body.page-maintenance .sectionA .conInline .modA .box, body.page-error .sectionA .conInline .modA .box,
body#page-404 .sectionA .conInline .modA .box, body#page-error .sectionA .conInline .modA .box, .sectionAvDetail .mod .modParagraph .shortInfos, .sectionAvDetail .mod .block, .sectionAvDetail .mod.modStage .teaser, .teaserVoting .formElement.required, .modConFormVoting .formElement.required {
  border-bottom: 4px solid #ebebeb; }

body.page-404 .sectionA .conInline .modA .box, body.page-maintenance .sectionA .conInline .modA .box, body.page-error .sectionA .conInline .modA .box,
body#page-404 .sectionA .conInline .modA .box, body#page-error .sectionA .conInline .modA .box, .modComments .boxCommentsHeader, .modConComments .modForm .box, .modSocialbar {
  border-top: 4px solid #ebebeb; }

.sectionWrapperWholeBg.sectionWrapper {
  background-color: #f7f7f7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }

.broadCastInfoSection .broadcastInfo .con, .sectionIPGControl .section.sectionArticle, .sectionIPGControl .con, .sectionWrapperWholeBg.sectionWrapper .section, .sectionWrapperWholeBg.sectionWrapper .section .con, .sectionWrapperWholeBg.sectionWrapper .section .conWrapper {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.6); }

#header .sectionA {
  /* fallback/image non-cover color */
  background-color: #f1f1f1;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#f1f1f1, #d6d6d6);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#d6d6d6));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#f1f1f1, #d6d6d6);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#f1f1f1, #d6d6d6);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#f1f1f1, #d6d6d6); }

.entry:hover .ui-pieProgress, .conIPGSlider .mod .boxConWrapper .box.active .teaser.teaserIPGLivestream .shortInfos, .no-touch .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream:hover .shortInfos, .mod.modParagraph .mediaCon.mediaConAudioButton.active .mediaList .media .wholeTitle, .no-touch .mod.modParagraph .download.withImage:hover .moreBtn, .no-touch .mod.modParagraph .download.withImage:hover .moreBtn a, .sectionIPGControl .ipgControl .box.active a, .programEntry.now .entry, .no-touch .programEntry .entry:hover, .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover, .no-touch .mod.modList .teaser:hover {
  /* fallback/image non-cover color */
  background-color: #17c0ff;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#17c0ff, #17c0ff);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17c0ff), to(#17c0ff));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#17c0ff, #17c0ff);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#17c0ff, #17c0ff);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#17c0ff, #17c0ff);
  color: #fff; }
  .entry:hover .ui-pieProgress a, .conIPGSlider .mod .boxConWrapper .box.active .teaser.teaserIPGLivestream .shortInfos a, .no-touch .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream:hover .shortInfos a, .mod.modParagraph .mediaCon.mediaConAudioButton.active .mediaList .media .wholeTitle a, .no-touch .mod.modParagraph .download.withImage:hover .moreBtn a, .sectionIPGControl .ipgControl .box.active a a, .programEntry.now .entry a, .no-touch .programEntry .entry:hover a, .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover a, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover a, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover a, .no-touch .mod.modList .teaser:hover a, .entry:hover .ui-pieProgress span:not(.textHighlight), .conIPGSlider .mod .boxConWrapper .box.active .teaser.teaserIPGLivestream .shortInfos span:not(.textHighlight), .no-touch .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream:hover .shortInfos span:not(.textHighlight), .mod.modParagraph .mediaCon.mediaConAudioButton.active .mediaList .media .wholeTitle span:not(.textHighlight), .no-touch .mod.modParagraph .download.withImage:hover .moreBtn span:not(.textHighlight), .sectionIPGControl .ipgControl .box.active a span:not(.textHighlight), .programEntry.now .entry span:not(.textHighlight), .no-touch .programEntry .entry:hover span:not(.textHighlight), .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover span:not(.textHighlight), .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover span:not(.textHighlight), .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover span:not(.textHighlight), .no-touch .mod.modList .teaser:hover span:not(.textHighlight), .entry:hover .ui-pieProgress p, .conIPGSlider .mod .boxConWrapper .box.active .teaser.teaserIPGLivestream .shortInfos p, .no-touch .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream:hover .shortInfos p, .mod.modParagraph .mediaCon.mediaConAudioButton.active .mediaList .media .wholeTitle p, .no-touch .mod.modParagraph .download.withImage:hover .moreBtn p, .sectionIPGControl .ipgControl .box.active a p, .programEntry.now .entry p, .no-touch .programEntry .entry:hover p, .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover p, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover p, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover p, .no-touch .mod.modList .teaser:hover p, .entry:hover .ui-pieProgress div, .conIPGSlider .mod .boxConWrapper .box.active .teaser.teaserIPGLivestream .shortInfos div, .no-touch .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream:hover .shortInfos div, .mod.modParagraph .mediaCon.mediaConAudioButton.active .mediaList .media .wholeTitle div, .no-touch .mod.modParagraph .download.withImage:hover .moreBtn div, .sectionIPGControl .ipgControl .box.active a div, .programEntry.now .entry div, .no-touch .programEntry .entry:hover div, .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover div, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover div, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover div, .no-touch .mod.modList .teaser:hover div, .entry:hover .ui-pieProgress h4, .conIPGSlider .mod .boxConWrapper .box.active .teaser.teaserIPGLivestream .shortInfos h4, .no-touch .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream:hover .shortInfos h4, .mod.modParagraph .mediaCon.mediaConAudioButton.active .mediaList .media .wholeTitle h4, .no-touch .mod.modParagraph .download.withImage:hover .moreBtn h4, .sectionIPGControl .ipgControl .box.active a h4, .programEntry.now .entry h4, .no-touch .programEntry .entry:hover h4, .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover h4, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover h4, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover h4, .no-touch .mod.modList .teaser:hover h4 {
    color: #fff; }

body.bigStage #content, body {
  /* fallback/image non-cover color */
  background-color: #54b5c6;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#54b5c6 0px, #65dff3 300px, #65dbf0 310px, #6ae6fa 320px, #6be7fd);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#54b5c6 0px, #65dff3 300px, #65dbf0 310px, #6ae6fa 320px, #6be7fd);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#54b5c6 0px, #65dff3 300px, #65dbf0 310px, #6ae6fa 320px, #6be7fd);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#54b5c6 0px, #65dff3 300px, #65dbf0 310px, #6ae6fa 320px, #6be7fd); }

.rating span.rate:before, .view-m #header .searchForm .searchSubmit:before, .view-xs #header .searchForm .searchSubmit:before, .view-s #header .searchForm .searchSubmit:before, .mod .controls .prev:before, .mod .controls .next:before, .view-l .section:not(.sectionC) .modStageTabbed .box.active .media:before, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box.active .media:before,
.view-xl .section:not(.sectionC) .modStageTabbed .box.active .media:before, .no-touch .mod.modStageTabbed.owl-noSlider .box:hover .media:before, .no-touch.view-xl .mod.modStageTabbed.owl-noSlider .box:hover .media:before, .form .unitA:before, .teaserVoting .form-buttonVoted .form-inputWrapper:before, .modConFormVoting .form-buttonVoted .form-inputWrapper:before, .form .form-global-msg:before, .modCommunity .communityThreadInfos .headline:before {
  font-family: 'kikons'; }

.ui-infolayer {
  position: absolute; }
  .ui-infolayer h3, .ui-infolayer p, .ui-infolayer a, .ui-infolayer span {
    color: #fff; }

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

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

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

.ui-infolayer {
  max-width: 768px;
  text-align: center;
  display: none;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.95);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.95);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.95);
  position: absolute;
  width: auto;
  left: 50%;
  padding: 10px;
  bottom: 100%;
  margin-bottom: 30px;
  z-index: 120 !important; }
  .ui-infolayer h3, .ui-infolayer h4, .ui-infolayer span, .ui-infolayer div, .ui-infolayer p, .ui-infolayer a {
    color: #005c63; }
  .ui-infolayer .moreBtn {
    display: inline-block;
    float: none; }
  .ui-infolayer .closeBtn {
    position: absolute;
    right: 0;
    z-index: 1; }
  .ui-infolayer h4.title, .ui-infolayer span.title {
    font-size: 1.2em;
    width: 100%;
    padding-right: 30px;
    text-align: left;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: block; }
    .ui-infolayer h4.title .time, .ui-infolayer span.title .time {
      color: #e21e8d; }
  .ui-infolayer.ipgLayer h4.title, .ui-infolayer.ipgLayer span.title {
    max-width: 78%; }
  .ui-infolayer.ipgLayer .closeBtn {
    top: 10px; }
  .ui-infolayer p, .ui-infolayer span.text {
    display: block;
    text-align: left; }
  .ui-infolayer.downloadLayer {
    min-width: 220px; }
  .ui-infolayer.extSearchLayer {
    min-width: 220px; }
    .ui-infolayer.extSearchLayer p.message span {
      margin-bottom: 24px;
      display: block; }
  .ui-infolayer.ipgLayer .mod .shortInfos {
    background: none;
    background-color: #ebebeb; }
    .ui-infolayer.ipgLayer .mod .shortInfos p, .ui-infolayer.ipgLayer .mod .shortInfos h4, .ui-infolayer.ipgLayer .mod .shortInfos a {
      color: #005c63;
      font-size: 1em; }
  .ui-infolayer.ipgLayer > .closeBtn {
    display: none; }
  .ui-infolayer.ipgLayer .closeBtn {
    font-size: 1em;
    margin-top: 0;
    right: 8px; }
    .ui-infolayer.ipgLayer .closeBtn .icon-font {
      vertical-align: top;
      line-height: 1.333em;
      margin-right: 5px; }
  .ui-infolayer .ui-arrow {
    position: absolute;
    top: 100%;
    width: 32px;
    height: 32px;
    left: 50%;
    margin: 0 0 0 -16px; }
    .ui-infolayer .ui-arrow:after {
      top: 0;
      left: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(0, 0, 0, 0);
      border-top-color: #fff;
      border-width: 10px; }
  .ui-infolayer.pos-n {
    bottom: auto; }
    .ui-infolayer.pos-n .ui-arrow {
      top: auto;
      bottom: 100%;
      left: 50%; }
      .ui-infolayer.pos-n .ui-arrow:after {
        top: auto;
        bottom: 0;
        border-bottom-color: #fff;
        border-top-color: transparent; }
  .ui-infolayer.pos-e:after {
    left: auto;
    right: 20px; }
  .ui-infolayer.pos-w:after {
    left: 20px;
    right: auto; }
  .ui-infolayer.linkLayer {
    width: 300px; }
  .ui-infolayer .icon-font {
    display: inline-block;
    margin-right: 5px; }
  .ui-infolayer .closeBtn.moreBtn {
    position: relative;
    top: auto;
    right: auto; }
  .ui-infolayer .mod.modD .box {
    width: 177px;
    padding: 0;
    margin-right: 13px; }
    .ui-infolayer .mod.modD .box.last {
      margin-right: 0; }

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

.rating.voted, html.no-touch .rating:hover {
  background-color: #17c0ff !important; }
  .rating.voted span.text, html.no-touch .rating:hover span.text {
    color: #fff !important; }
  .rating.voted span.rate:before, html.no-touch .rating:hover span.rate:before {
    color: #fff !important;
    content: "\e020"; }

@keyframes scaleIn {
  0% {
    transform: scale(0); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
.rating {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  position: relative;
  z-index: 3;
  background-color: #ebebeb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 6px;
  margin-right: 0;
  line-height: 1em;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  overflow: hidden; }
  .rating:active *, .rating:focus * {
    position: relative;
    top: 0;
    left: 0; }
  .rating:not(.voted) span.rateContainer {
    cursor: pointer; }
  .rating span.text {
    color: #005c63;
    margin-left: 0.25em; }
  .rating span.rate {
    float: left; }
    .rating span.rate.active:before, .rating span.rate.tempActive:before {
      content: "\e01f"; }
    .rating span.rate.tempEmpty:before {
      content: "\e01f"; }
    .rating span.rate:before {
      color: #005c63;
      content: "\e01f";
      width: 18px;
      height: 16px;
      display: inline-block;
      text-align: center; }
  .rating.voted {
    cursor: text !important;
    background-color: #17c0ff; }
    .rating.voted span.rate {
      animation: scaleIn .3s ease-out;
      animation-fill-mode: forwards; }

.ui-infolayer-bg.ratingLayer {
  display: none !important; }

.ui-infolayer.ratingLayer .closeBtn {
  display: none; }

html.js body > .spinner {
  position: fixed !important; }

.left {
  float: left; }

.right {
  float: right; }

.viewA {
  width: 100%; }

.viewB {
  width: 50%; }

.viewC {
  width: 33.3333%; }

.transparent-bg {
  background: transparent url(/resources/img/base/background/trans.gif) repeat 0 0; }

.hiddenInSmall {
  display: block; }

.hiddenInStandard {
  display: none !important; }

.linkAll {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: transparent url(/resources/img/base/background/trans.gif) repeat 0 0; }

a:focus {
  text-decoration: none; }

.suggestLink {
  text-decoration: underline; }

.conHeadline {
  text-transform: none;
  font-size: 1.687em; }

.moreBtn {
  z-index: 3;
  font-weight: bold;
  color: #005c63;
  text-transform: uppercase;
  margin: 16px 0px 0px 0px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  font-size: 1.1em;
  background: #ebebeb;
  float: right;
  text-align: center; }
  .moreBtn.bevelBtn {
    border: 2px solid #005c63;
    /* fallback/image non-cover color */
    background-color: #005c63;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#005c63, #00757d);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005c63), to(#00757d));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#005c63, #00757d);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#005c63, #00757d);
    /* Firefox 3.6+ */
    background-image: linear-gradient(#005c63, #00757d);
    color: #cbecee;
    display: inline-block;
    line-height: 1em;
    width: 100%; }
  .moreBtn.inactive {
    background-color: #ebebeb; }
    .moreBtn.inactive span, .moreBtn.inactive a {
      color: #ccc;
      pointer-events: none;
      cursor: default; }
  .moreBtn.externalArrowBtn {
    position: relative;
    left: -40px;
    background: #ffc300;
    color: #5f4100;
    width: 298px;
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-top: 4px; }
    .moreBtn.externalArrowBtn a {
      padding-left: 40px; }
    .moreBtn.externalArrowBtn .linktext {
      display: table; }
    .moreBtn.externalArrowBtn svg {
      position: absolute;
      left: 100%;
      top: 0;
      width: auto;
      height: 100%; }
      .moreBtn.externalArrowBtn svg polygon {
        fill: #ffc300; }
  .moreBtn.rating {
    float: left; }
  .moreBtn a {
    position: relative;
    float: none;
    width: 100%;
    display: block; }
    .moreBtn a .icon-font, .moreBtn a .linktext {
      margin: 0;
      float: none;
      top: 0;
      display: inline-block;
      width: auto;
      vertical-align: middle;
      position: relative; }
    .moreBtn a .icon-font {
      margin-right: 0.222em; }

.moreBtn a, a.moreBtn {
  padding: 0.333em 0.444em; }

.closeBtn {
  color: #005c63;
  font-size: 1.333em;
  float: right;
  font-weight: bold;
  margin: -8px 0 4px 0;
  line-height: 1.4em;
  cursor: pointer;
  text-transform: uppercase; }

hr.divider {
  height: 4px;
  float: left;
  width: 100%;
  margin: 12px 0;
  background: #ebebeb; }

.con > .moreBtn, .mod > .moreBtn {
  margin: 16px; }

.lexikonEntry {
  float: left;
  width: 100%; }

body {
  padding-top: 106px; }

#header {
  margin-top: 0;
  margin-bottom: 24px;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%; }
  #header .sectionA, #header .wrapper {
    width: 100% !important;
    margin: 0; }
  #header .sectionA {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  #header .logo {
    height: 58px;
    width: 118px;
    float: left;
    margin: 11px 0 11px 0;
    overflow: hidden; }
    #header .logo img {
      height: 58px;
      float: left;
      width: 100%; }
  #header .subnavi {
    float: none;
    display: inline-block;
    padding-bottom: 0;
    margin: 0;
    width: auto; }
    #header .subnavi .active.collapsed {
      background: none; }
    #header .subnavi ul.ressorts {
      margin: 0;
      text-align: left; }
      #header .subnavi ul.ressorts li {
        display: inline-block;
        float: none;
        padding: 0;
        line-height: 1em; }
        #header .subnavi ul.ressorts li span {
          padding: 0;
          float: none; }
          #header .subnavi ul.ressorts li span.icon-font {
            position: absolute;
            top: 50%;
            margin: -22px 0 0 -20px;
            left: 50%;
            font-size: 38px; }
        #header .subnavi ul.ressorts li a {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          position: relative;
          display: inline-block;
          text-align: center;
          margin: 0;
          padding: 8px 12px;
          text-transform: uppercase;
          letter-spacing: 1px;
          color: #005c63;
          line-height: 1em; }
          #header .subnavi ul.ressorts li a .linktext {
            display: block;
            text-align: center;
            background-color: transparent; }
        #header .subnavi ul.ressorts li .icon-navi {
          transform-origin: center center;
          display: inline-block;
          height: 44px;
          background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat 0 0;
          width: 42px; }
        #header .subnavi ul.ressorts li.startseite .icon-navi {
          background-position: 0 -224px; }
        #header .subnavi ul.ressorts li.videos .icon-navi {
          background-position: 0 -47px; }
        #header .subnavi ul.ressorts li.selbermachen .icon-navi {
          background-position: 0 -91px; }
        #header .subnavi ul.ressorts li.spielen .icon-navi {
          background-position: 0 -133px; }
        #header .subnavi ul.ressorts li.machmit .icon-navi {
          background-position: 0 -176px; }
  #header .menueToggle {
    display: none; }

#header.isScrolling, .view-s #header, .view-xs #header {
  margin-top: -2px;
  top: 0; }
  #header.isScrolling .logo, .view-s #header .logo, .view-xs #header .logo {
    width: 80px;
    margin-top: 0;
    margin-bottom: 0; }
    #header.isScrolling .logo img, .view-s #header .logo img, .view-xs #header .logo img {
      height: 43px;
      margin-bottom: 8px;
      margin-top: 10px; }
  #header.isScrolling .searchBox, .view-s #header .searchBox, .view-xs #header .searchBox {
    margin-top: 11px; }
  #header.isScrolling .subnavi, .view-s #header .subnavi, .view-xs #header .subnavi {
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px; }
    #header.isScrolling .subnavi ul.ressorts li a, .view-s #header .subnavi ul.ressorts li a, .view-xs #header .subnavi ul.ressorts li a {
      padding-top: 20px; }
      #header.isScrolling .subnavi ul.ressorts li a .linktext, .view-s #header .subnavi ul.ressorts li a .linktext, .view-xs #header .subnavi ul.ressorts li a .linktext {
        text-align: left; }
      #header.isScrolling .subnavi ul.ressorts li a .icon-navi, .view-s #header .subnavi ul.ressorts li a .icon-navi, .view-xs #header .subnavi ul.ressorts li a .icon-navi {
        display: none; }

.subnavi ul.ressorts li a {
  text-transform: uppercase; }

.mnHolder {
  width: 100%;
  max-width: 984px;
  margin: 0 auto;
  position: relative;
  text-align: center; }

.subnavi {
  padding-bottom: 8px; }
  .subnavi ul.ressorts .onlySmall {
    display: none; }

#header .searchBox {
  position: relative;
  top: auto;
  right: auto;
  margin: 20px 0 0 16px;
  float: right;
  z-index: 1; }
  #header .searchBox input[type=text] {
    max-width: 224px; }

.searchBox input[type=text] {
  width: 100%;
  font-size: 1.21em;
  border: 2px solid #005c63;
  border-right: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 0 90px 0 6px;
  z-index: 5;
  color: #005c63;
  height: 35px;
  float: left;
  line-height: 1;
  -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5); }
.searchBox .searchFormWrapper {
  position: relative;
  z-index: 1; }
.searchBox .searchAutosuggest {
  position: absolute;
  width: 234px;
  display: none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border: 2px solid #ffffff;
  background: #ffffff;
  left: -5px;
  top: -6px;
  padding: 46px 4px 4px 4px; }
  .searchBox .searchAutosuggest.active {
    display: block; }
  .searchBox .searchAutosuggest a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
    display: table;
    margin-bottom: 2px;
    padding: 4px 4px 6px 4px;
    border-top: 2px solid #ebebeb; }
    .searchBox .searchAutosuggest a img {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .searchBox .searchAutosuggest a img {
      float: left;
      width: 60px;
      min-height: 60px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0);
      margin-right: 4px;
      border: 2px solid #005c63;
      display: block; }
    .searchBox .searchAutosuggest a span {
      display: table;
      padding: 8px;
      text-align: left; }
    .searchBox .searchAutosuggest a.searchAllLink {
      color: #005c63;
      background: #ebebeb;
      text-align: center;
      font-size: 1.05em;
      display: block;
      border: none;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
.searchBox .searchSubmit {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  line-height: 1em;
  border: 2px solid #005c63;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #FFE918;
  border-radius: 0 6px 6px 0;
  color: #035B62;
  height: 35px;
  padding: 8px;
  float: left;
  margin-left: -5px; }
  .searchBox .searchSubmit:before {
    font-size: 20px;
    top: 14px;
    left: 50%;
    margin-left: -10px; }
.view-s .searchBox input.searchInput {
  width: 100%; }
.searchBox.bigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .searchBox.bigger input {
    font-size: 1.6875em;
    font-weight: bold;
    padding-left: 12px;
    height: 44px;
    padding-right: 116px; }
  .searchBox.bigger a.searchSubmit {
    font-size: 1.6875em;
    height: 44px;
    width: 120px; }

.modConBlogSearch .searchBox .searchInput, .modConBlogSearch .searchBox .searchSubmit, .sectionBlogSide .searchBox .searchInput, .sectionBlogSide .searchBox .searchSubmit {
  font-family: inherit;
  height: 35px; }
.modConBlogSearch .searchBox .searchSubmit, .sectionBlogSide .searchBox .searchSubmit {
  letter-spacing: normal;
  width: 90px !important; }

.ui-pieProgress {
  width: 38px;
  height: 0;
  line-height: 0;
  display: block;
  position: absolute;
  top: -12px;
  left: -12px;
  z-index: 10;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }
  .ui-pieProgress .ui-pieProgress-pause {
    display: block; }
  .ui-pieProgress .ui-pieProgress-start {
    display: none; }
  .ui-pieProgress.paused .ui-pieProgress-pause {
    display: none; }
  .ui-pieProgress.paused .ui-pieProgress-start {
    display: block; }

.entry:hover .ui-pieProgress path {
  stroke: #ffffff; }

.ui-pieProgress .icon-font.ui-pieProgress-start,
.ui-pieProgress .icon-font.ui-pieProgress-pause {
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 14px 0 0 -5px;
  cursor: pointer; }
  .ui-pieProgress .icon-font.ui-pieProgress-start.ui-pieProgress-start,
  .ui-pieProgress .icon-font.ui-pieProgress-pause.ui-pieProgress-start {
    margin-left: -4px; }

.broadCastInfoSection {
  display: flex;
  width: 100%;
  justify-content: center; }
  .view-xl .broadCastInfoSection {
    margin-bottom: 44px; }
  .view-l .broadCastInfoSection, .view-m .broadCastInfoSection {
    margin-bottom: 16px; }
  .broadCastInfoSection .broadcastInfo {
    width: auto;
    font-family: "Helvetica Neue", Helvetica, Arial, Segoe, "Segoe UI", Roboto, Tahoma, sans-serif; }
    .broadCastInfoSection .broadcastInfo .box {
      border: 1px solid #005c63;
      display: flex; }
      .broadCastInfoSection .broadcastInfo .box p {
        width: 100%; }
    .broadCastInfoSection .broadcastInfo .con {
      margin-bottom: 0; }
    .broadCastInfoSection .broadcastInfo.noActiveProgram {
      background-color: #ff0000; }

.broadCastInfoSectionMobile {
  display: flex;
  width: 100%;
  padding: 0; }
  .view-s .broadCastInfoSectionMobile, .view-xs .broadCastInfoSectionMobile {
    padding: 0 12px 12px 12px; }
  .broadCastInfoSectionMobile .broadcastInfo {
    width: 100%;
    border: 1px solid #005c63;
    font-family: "Helvetica Neue", Helvetica, Arial, Segoe, "Segoe UI", Roboto, Tahoma, sans-serif; }
    .broadCastInfoSectionMobile .broadcastInfo .boxCon {
      padding: 0; }

.sectionAfterContent {
  padding: 0 8px;
  margin: 0 !important; }
  .sectionAfterContent .broadcastInfo {
    max-width: 100%;
    position: relative;
    bottom: auto;
    right: auto;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 100% !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }

.mediaHint {
  text-transform: uppercase;
  line-height: 1.4em;
  text-align: center;
  color: #005c63;
  padding: 8px;
  margin: 0px 16px 8px 0px;
  /* fallback/image non-cover color */
  background-color: #FFE918;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#FFE918, #FFD400);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE918), to(#FFD400));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#FFE918, #FFD400);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#FFE918, #FFD400);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#FFE918, #FFD400);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 3px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 3px 4px 0 rgba(0, 0, 0, 0.25);
  float: left;
  display: inline-block;
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  width: 128px;
  font-weight: bold;
  display: none; }

.liveIcon.finished .svgContainer {
  display: none; }

.comments_tags {
  margin-bottom: 24px;
  float: left;
  width: 100%; }
  .comments_tags ul {
    list-style-type: none !important; }
  .comments_tags .commentsEntries {
    float: left;
    margin-right: 4px;
    margin-top: 2px;
    width: 10%; }
  .comments_tags .icon-font {
    display: inline-block; }
  .comments_tags .tags {
    float: left;
    width: 80%; }
    .comments_tags .tags ul li, .comments_tags .tags span {
      float: left; }
    .comments_tags .tags li a {
      background: #C9DEF1;
      margin-right: 4px;
      margin-bottom: 8px;
      padding: 4px 6px 2px 6px;
      line-height: 1.21;
      font-size: 0.9em;
      display: inline-block;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    .comments_tags .tags li a:hover, .comments_tags .tags li.active a {
      background-color: #000;
      color: #fff; }

.copyVideo {
  position: relative; }
  .copyVideo .copyVideoField {
    display: block;
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #000;
    height: 28px; }
  .copyVideo > a {
    background-color: #ccc;
    line-height: 1em;
    width: 80px;
    text-align: center;
    position: absolute;
    right: -79px;
    top: 0;
    padding: 6px; }

.sectionArticle .controls.sliding {
  padding: 0 8px;
  border-top: 4px solid #f7f7f7; }
.sectionArticle .mod .articleNavi {
  float: left;
  margin-bottom: 16px;
  margin-top: 16px;
  width: 100%;
  position: relative; }
  .sectionArticle .mod .articleNavi .controls.paging {
    top: 0;
    position: absolute;
    left: 0; }
    .sectionArticle .mod .articleNavi .controls.paging .entries {
      width: 100%;
      padding: 0; }
      .sectionArticle .mod .articleNavi .controls.paging .entries .entry {
        background: none;
        background-color: transparent;
        filter: none;
        width: 100%;
        text-align: center; }
        .sectionArticle .mod .articleNavi .controls.paging .entries .entry a {
          width: 40%;
          display: inline-block;
          padding: 8px;
          /* fallback/image non-cover color */
          background-color: #00757d;
          /* Firefox 3.6+ */
          background-image: -moz-linear-gradient(#00757d, #005c63);
          /* Safari 4+, Chrome 1+ */
          background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00757d), to(#005c63));
          /* Safari 5.1+, Chrome 10+ */
          background-image: -webkit-linear-gradient(#00757d, #005c63);
          /* Opera 11.10+ */
          background-image: -o-linear-gradient(#00757d, #005c63);
          /* Firefox 3.6+ */
          background-image: linear-gradient(#00757d, #005c63); }
          .sectionArticle .mod .articleNavi .controls.paging .entries .entry a span.icon-font {
            display: inline-block;
            float: none;
            vertical-align: middle;
            padding: 0;
            top: -3px;
            margin-bottom: -4px;
            position: relative; }
  .sectionArticle .mod .articleNavi .controls.sliding {
    border: 0;
    padding: 0; }
    .sectionArticle .mod .articleNavi .controls.sliding .buttons {
      min-height: 0; }
      .sectionArticle .mod .articleNavi .controls.sliding .buttons a {
        width: 29%;
        /* fallback/image non-cover color */
        background-color: #00757d;
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(#00757d, #005c63);
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00757d), to(#005c63));
        /* Safari 5.1+, Chrome 10+ */
        background-image: -webkit-linear-gradient(#00757d, #005c63);
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(#00757d, #005c63);
        /* Firefox 3.6+ */
        background-image: linear-gradient(#00757d, #005c63);
        position: relative;
        padding: 8px;
        color: #fff; }
        .sectionArticle .mod .articleNavi .controls.sliding .buttons a.prev {
          -webkit-border-radius: 4px 0 0 4px;
          -moz-border-radius: 4px 0 0 4px;
          -ms-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
          left: 0;
          padding-left: 42px; }
          .sectionArticle .mod .articleNavi .controls.sliding .buttons a.prev:before {
            left: 8px;
            content: "\E927";
            margin-top: -10px; }
        .sectionArticle .mod .articleNavi .controls.sliding .buttons a.next {
          -webkit-border-radius: 0 4px 4px 0;
          -moz-border-radius: 0 4px 4px 0;
          -ms-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
          padding-right: 42px;
          text-align: right;
          right: 0; }
          .sectionArticle .mod .articleNavi .controls.sliding .buttons a.next:before {
            right: 8px;
            content: "\E032";
            margin-top: -10px; }
        .sectionArticle .mod .articleNavi .controls.sliding .buttons a span {
          color: #fff; }
  .sectionArticle .mod .articleNavi .controls.sliding .buttons a.next span {
    left: -104px;
    text-align: right; }

body.channelMainPage .sectionSubHeader h3 .channel .icon-font {
  display: none; }

.sectionSubHeader {
  z-index: 0;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  overflow: hidden;
  margin-top: -24px !important; }
  .sectionSubHeader h3 img {
    min-width: 320px;
    max-width: 328px; }
  .sectionSubHeader .boxCon {
    padding: 0 !important; }
  .sectionSubHeader.imgHeader {
    height: 215px; }
    .sectionSubHeader.imgHeader .broadcastInfo {
      margin-top: 120px !important; }
    .sectionSubHeader.imgHeader.mixed .sectionZ {
      top: 54px;
      position: relative; }
    .sectionSubHeader.imgHeader.hasSubnavi {
      height: 234px; }
      .sectionSubHeader.imgHeader.hasSubnavi .sectionA {
        position: absolute;
        bottom: 16px; }
      .sectionSubHeader.imgHeader.hasSubnavi h3 img {
        top: auto; }
      .sectionSubHeader.imgHeader.hasSubnavi.mixed .sectionZ {
        top: 38px; }
  .sectionSubHeader.flexHeader .box {
    min-height: 0; }
  .sectionSubHeader.textHeader {
    margin-top: 0 !important; }
    .sectionSubHeader.textHeader .sectionZ {
      padding-bottom: 30px; }
    .sectionSubHeader.textHeader.hasSubnavi .sectionZ {
      padding-bottom: 80px; }
  .sectionSubHeader.hasSubnavi .sectionA {
    position: absolute;
    bottom: 8px; }
  .sectionSubHeader.hasSubnavi .broadcastInfo .box {
    padding-bottom: 80px; }
  .sectionSubHeader .section {
    z-index: 1;
    margin: 0; }
    .sectionSubHeader .section .con {
      margin: 0; }
  .sectionSubHeader.noLogo .sectionZ {
    overflow: hidden; }
    .sectionSubHeader.noLogo .sectionZ h3.headline a {
      display: block;
      width: 100%;
      height: 1000px;
      z-index: 1;
      position: relative; }
  .sectionSubHeader .sectionA, .sectionSubHeader .sectionZ {
    margin-right: 0;
    margin-left: 0; }
    .sectionSubHeader .sectionA .box, .sectionSubHeader .sectionZ .box {
      padding: 0; }
  .sectionSubHeader .sectionZ .box {
    margin-left: 8px; }
  .sectionSubHeader .sectionC {
    margin-left: 0;
    margin-right: 0;
    float: right; }
  .sectionSubHeader .con:hover {
    background: none; }
  .sectionSubHeader .section h3.headline, .sectionSubHeader .section .subtitle {
    float: left;
    width: 100%;
    font-size: 3em;
    font-weight: bold;
    line-height: 1.2em;
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    margin: 0 0 12px 0;
    letter-spacing: 1.5px; }
    .sectionSubHeader .section h3.headline a, .sectionSubHeader .section .subtitle a {
      color: #fff;
      display: inline;
      float: none;
      font-size: 1em; }
  .sectionSubHeader .section h3.headline {
    margin: 0 0 8px 0; }
    .sectionSubHeader .section h3.headline .icon-font {
      position: relative;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      transform-origin: 50% 50%;
      border: 4px solid #ffffff;
      text-align: center;
      padding: 7px 0 0 1px;
      height: 40px;
      width: 40px;
      font-size: 0.4em;
      background-color: #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      text-shadow: none;
      margin: 8px 8px 0 0;
      text-indent: -999em; }
      .sectionSubHeader .section h3.headline .icon-font:before {
        position: absolute;
        text-indent: 0;
        content: "\E016";
        font-size: 1em;
        left: 50%;
        top: 50%;
        margin-top: -9px;
        margin-left: -6px;
        color: #005c63; }
  .sectionSubHeader .section .subtitle {
    font-size: 1.6875em; }
  .sectionSubHeader.imgHeader h3.headline {
    margin: 0; }
  .sectionSubHeader .headerBackground {
    z-index: 0; }
  .sectionSubHeader .con, .sectionSubHeader .box {
    background-color: transparent; }
  .sectionSubHeader .controls.paging {
    background-color: transparent; }
    .sectionSubHeader .controls.paging .entries {
      background-color: transparent;
      text-align: left;
      margin: 0;
      display: block; }
    .sectionSubHeader .controls.paging .labels .entry {
      background: none;
      filter: none;
      margin-right: 8px; }
      .sectionSubHeader .controls.paging .labels .entry .icon-font {
        display: none; }
      .sectionSubHeader .controls.paging .labels .entry span {
        display: inline-block;
        padding: 0; }
      .sectionSubHeader .controls.paging .labels .entry a,
      .sectionSubHeader .controls.paging .labels .entry span {
        color: #005c63; }

.view-l {
  /* Reset Collapsible Hidden. Otherwise it will not show up - prevents flickering */ }
  .view-l .subnavi .ressorts, .view-l .sportsList ul, .view-l .datePicker ul, .view-l .searchForm,
  .view-l #footer ul, .view-l .controls.paging .entryWrapper {
    display: block !important;
    opacity: 1 !important;
    height: auto !important; }
  .view-l .modStage .mediaCon {
    width: 49%; }

.view-m {
  /* Reset Collapsible Hidden. Otherwise it will not show up - prevents flickering */ }
  .view-m .conHeadline {
    font-size: 1.3em; }
  .view-m .subnavi .ressorts, .view-m .sportsList ul, .view-m .datePicker ul, .view-m .searchForm,
  .view-m #footer ul, .view-m .controls.paging .entryWrapper {
    display: block !important;
    opacity: 1 !important;
    height: auto !important; }
  .view-m .sectionSubHeader .broadcastInfo {
    font-size: 1em;
    max-width: 168px;
    right: 16px;
    margin-top: 60px !important; }
  .view-m .sectionSubHeader .controls.paging {
    font-size: 90%; }
  .view-m .sectionSubHeader h3.headline {
    font-size: 2.4em; }
    .view-m .sectionSubHeader h3.headline .icon-font {
      font-size: .5em;
      margin-top: 3px; }
  .view-m .sectionSubHeader h4.subtitle {
    font-size: 1.5em; }
  .view-m .sectionSubHeader h3 img {
    min-width: 194px;
    max-width: 240px; }
  .view-m .sectionSubHeader.imgHeader {
    height: 158px; }
    .view-m .sectionSubHeader.imgHeader.mixed .sectionZ {
      top: 34px; }
    .view-m .sectionSubHeader.imgHeader.hasSubnavi {
      height: 181px; }
      .view-m .sectionSubHeader.imgHeader.hasSubnavi .sectionA {
        bottom: 6px; }
      .view-m .sectionSubHeader.imgHeader.hasSubnavi.mixed .sectionZ {
        top: 20px; }
  .view-m .sectionSubHeader.textHeader .sectionZ {
    min-height: 0; }
  .view-m #header .subnavi ul.ressorts li a {
    font-size: 0.875em;
    padding-right: 0;
    padding-left: 10px; }
  .view-m .moreBtn.externalArrowBtn {
    left: -28px;
    width: 224px; }

.view-m .sectionSubHeader .mod h3.headline, .view-xs .sectionSubHeader .mod h3.headline, .view-s .sectionSubHeader .mod h3.headline {
  font-size: 2.4em; }
  .view-m .sectionSubHeader .mod h3.headline .icon-font, .view-xs .sectionSubHeader .mod h3.headline .icon-font, .view-s .sectionSubHeader .mod h3.headline .icon-font {
    font-size: .5em;
    margin-top: 3px; }
.view-m .sectionSubHeader .mod h4.subtitle, .view-xs .sectionSubHeader .mod h4.subtitle, .view-s .sectionSubHeader .mod h4.subtitle {
  font-size: 1.5em; }
.view-m .sectionSubHeader .sectionZ .box, .view-xs .sectionSubHeader .sectionZ .box, .view-s .sectionSubHeader .sectionZ .box {
  margin-left: 6px; }
.view-m #header .sectionA, .view-xs #header .sectionA, .view-s #header .sectionA {
  min-height: 58px; }
.view-m #header .mnHolder, .view-xs #header .mnHolder, .view-s #header .mnHolder {
  max-width: 100%;
  padding: 0 8px; }
.view-m #header .searchBox, .view-xs #header .searchBox, .view-s #header .searchBox {
  width: 200px;
  margin-left: -4px; }
  .view-m #header .searchBox .searchAutosuggest, .view-xs #header .searchBox .searchAutosuggest, .view-s #header .searchBox .searchAutosuggest {
    width: 204px; }
.view-m #header .searchForm .searchSubmit, .view-xs #header .searchForm .searchSubmit, .view-s #header .searchForm .searchSubmit {
  float: left;
  width: 20%;
  font-size: 0; }
  .view-m #header .searchForm .searchSubmit:before, .view-xs #header .searchForm .searchSubmit:before, .view-s #header .searchForm .searchSubmit:before {
    position: absolute;
    content: ""; }
.view-m #header .searchForm .searchInput, .view-xs #header .searchForm .searchInput, .view-s #header .searchForm .searchInput {
  width: 80%;
  padding: 5px;
  margin-left: 4px; }

.view-xl {
  /* Reset Collapsible Hidden. Otherwise it will not show up - prevents flickering */ }
  .view-xl .mnHolder {
    max-width: 1458px; }
  .view-xl .modParagraph .mediaHint {
    width: 260px;
    top: 10px !important; }
  .view-xl #content {
    font-size: 1.3125em; }
    .view-xl #content .searchBox {
      font-size: 0.7619047619em; }
  .view-xl h2.conHeadline {
    padding-top: 22px;
    padding-right: 22px;
    padding-left: 22px; }
  .view-xl .subnavi .ressorts, .view-xl .sportsList ul, .view-xl .datePicker ul, .view-xl .searchForm,
  .view-xl #footer ul, .view-xl .controls.paging .entryWrapper {
    display: block !important;
    opacity: 1 !important;
    height: auto !important; }
  .view-xl .sectionSubHeader h3.headline img {
    min-width: 450px;
    max-width: 450px; }
  .view-xl .sectionSubHeader h3.headline .icon-font {
    width: 50px;
    height: 50px;
    margin-top: 11px; }
    .view-xl .sectionSubHeader h3.headline .icon-font:before {
      margin-top: -12px;
      margin-left: -11px; }
  .view-xl .sectionSubHeader.imgHeader {
    height: 320px; }
    .view-xl .sectionSubHeader.imgHeader .broadcastInfo {
      margin-top: 160px !important; }
    .view-xl .sectionSubHeader.imgHeader.hasSubnavi {
      height: 320px; }
      .view-xl .sectionSubHeader.imgHeader.hasSubnavi.mixed .sectionZ {
        top: 68px; }
    .view-xl .sectionSubHeader.imgHeader.mixed .sectionZ {
      top: 96px; }
    .view-xl .sectionSubHeader.imgHeader .sectionA {
      bottom: 24px; }
  .view-xl .sectionSubHeader .broadcastInfo {
    min-width: 236px;
    font-size: 1.0476em;
    margin-top: 40px !important;
    padding-bottom: 200px !important;
    margin-bottom: -200px !important; }
  .view-xl .sectionSubHeader.textHeader .sectionZ {
    min-height: 0; }
  .view-xl .moreBtn.externalArrowBtn {
    width: 424px;
    left: -46px; }

.view-xs .conHeadline, .view-s .conHeadline {
  font-size: 1.3125em; }
.view-xs .hiddenInSmall, .view-s .hiddenInSmall {
  display: none; }
.view-xs .hiddenInStandard, .view-s .hiddenInStandard {
  display: block !important; }
.view-xs .sectionSubHeader, .view-s .sectionSubHeader {
  margin-top: 0 !important; }
  .view-xs .sectionSubHeader h3 img, .view-s .sectionSubHeader h3 img {
    opacity: 0; }
  .view-xs .sectionSubHeader .sectionC, .view-s .sectionSubHeader .sectionC {
    float: left; }
    .view-xs .sectionSubHeader .sectionC .box, .view-s .sectionSubHeader .sectionC .box {
      display: none; }
  .view-xs .sectionSubHeader .sectionZ, .view-s .sectionSubHeader .sectionZ {
    min-height: 0; }
  .view-xs .sectionSubHeader.hasSubnavi .sectionA, .view-s .sectionSubHeader.hasSubnavi .sectionA {
    margin-bottom: 20px;
    position: relative;
    bottom: 0; }
  .view-xs .sectionSubHeader.textHeader .sectionZ, .view-s .sectionSubHeader.textHeader .sectionZ {
    padding-bottom: 0; }
  .view-xs .sectionSubHeader.imgHeader.mixed .sectionZ, .view-s .sectionSubHeader.imgHeader.mixed .sectionZ {
    top: auto;
    margin-top: 20px;
    margin-bottom: 12px; }
.view-xs .sectionHeader.gfxTeaser, .view-s .sectionHeader.gfxTeaser {
  background: none; }
.view-xs .sectionHeader.gfxTeaser .modB .box, .view-s .sectionHeader.gfxTeaser .modB .box {
  min-height: 70px; }
.view-xs .sectionHeader .modProgrammInfo .box, .view-s .sectionHeader .modProgrammInfo .box {
  position: relative;
  margin-top: 20px; }
.view-xs .sectionHeader.gfxTeaser .modHeaderHeadline, .view-s .sectionHeader.gfxTeaser .modHeaderHeadline {
  min-height: 0; }
.view-xs .masternavi, .view-s .masternavi {
  display: none; }
.view-xs .subnavi .kika-icon-font, .view-s .subnavi .kika-icon-font {
  display: none; }
.view-xs body, .view-s body {
  padding-top: 76px; }
.view-xs .moreBtn.externalArrowBtn, .view-s .moreBtn.externalArrowBtn {
  left: -7%;
  width: 114%;
  padding-left: 19px; }

.view-s .sectionSubHeader.imgHeader, .view-xs .sectionSubHeader.imgHeader {
  height: auto !important; }
  .view-s .sectionSubHeader.imgHeader h3 img, .view-xs .sectionSubHeader.imgHeader h3 img {
    max-width: 100%;
    min-width: 0;
    width: 270px; }
.view-s .sectionSubHeader.textHeader .sectionZ, .view-xs .sectionSubHeader.textHeader .sectionZ {
  margin-bottom: 20px; }
.view-s .sectionSubHeader.noLogo h3.headline a, .view-xs .sectionSubHeader.noLogo h3.headline a {
  height: 152px; }
.view-s .headerGfx, .view-xs .headerGfx {
  margin-top: 25px;
  position: absolute;
  top: 0;
  width: 100%;
  height: 261px;
  background-position: center top; }
  .view-s .headerGfx:before, .view-xs .headerGfx:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: " ";
    /* fallback/image non-cover color */
    background-color: rgba(101, 223, 243, 0);
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(0deg, #65dff3 0, rgba(101, 223, 243, 0) 140px);
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(0deg, #65dff3 0, rgba(101, 223, 243, 0) 140px);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(0deg, #65dff3 0, rgba(101, 223, 243, 0) 140px);
    /* Firefox 3.6+ */
    background-image: linear-gradient(0deg, #65dff3 0, rgba(101, 223, 243, 0) 140px); }
.view-s #header .searchBox, .view-xs #header .searchBox {
  max-width: 246px;
  margin-top: 12px; }
  .view-s #header .searchBox .searchAutosuggest, .view-xs #header .searchBox .searchAutosuggest {
    /*width: 249px;*/
    left: -2px; }
.view-s #header .searchForm, .view-xs #header .searchForm {
  position: relative;
  width: 99%;
  float: left; }
.view-s #header .menueToggle, .view-xs #header .menueToggle {
  display: block;
  float: left;
  width: 100px;
  color: #005c63;
  padding: 8px 15px;
  margin: 11px 0 0 16px;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }
  .view-s #header .menueToggle .linktext, .view-xs #header .menueToggle .linktext {
    font-size: 1.1875em;
    text-transform: uppercase; }
  .view-s #header .menueToggle .collapseArrow, .view-xs #header .menueToggle .collapseArrow {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 4px 0 0;
    float: left; }
    .view-s #header .menueToggle .collapseArrow:before, .view-xs #header .menueToggle .collapseArrow:before {
      content: '\e017'; }
  .view-s #header .menueToggle.collapsed, .view-xs #header .menueToggle.collapsed {
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
    .view-s #header .menueToggle.collapsed .collapseArrow:before, .view-xs #header .menueToggle.collapsed .collapseArrow:before {
      content: '\e014';
      margin-top: -8px; }
.view-s #header .mnHolder, .view-xs #header .mnHolder {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10; }
.view-s #header .subnavi, .view-xs #header .subnavi {
  float: left;
  width: 100%; }
  .view-s #header .subnavi ul.ressorts, .view-xs #header .subnavi ul.ressorts {
    margin: 8px auto 0 auto;
    float: left;
    position: relative;
    width: 100%; }
    .view-s #header .subnavi ul.ressorts li, .view-xs #header .subnavi ul.ressorts li {
      width: 100%; }
      .view-s #header .subnavi ul.ressorts li a, .view-xs #header .subnavi ul.ressorts li a {
        margin: 0;
        padding: 0 8px;
        background-color: rgba(255, 255, 255, 0.5);
        margin-bottom: 8px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        text-align: left;
        width: 100%; }
        .view-s #header .subnavi ul.ressorts li a:focus, .view-s #header .subnavi ul.ressorts li a:hover, .view-s #header .subnavi ul.ressorts li a:active, .view-xs #header .subnavi ul.ressorts li a:focus, .view-xs #header .subnavi ul.ressorts li a:hover, .view-xs #header .subnavi ul.ressorts li a:active {
          background: #fff; }
        .view-s #header .subnavi ul.ressorts li a .icon-navi, .view-xs #header .subnavi ul.ressorts li a .icon-navi {
          height: 42px;
          display: block;
          float: left; }
        .view-s #header .subnavi ul.ressorts li a .linktext, .view-xs #header .subnavi ul.ressorts li a .linktext {
          display: inline-block;
          margin-top: 12px;
          margin-left: 8px; }
      .view-s #header .subnavi ul.ressorts li:last-child a, .view-xs #header .subnavi ul.ressorts li:last-child a {
        border-bottom: 0; }
  .view-s #header .subnavi .subressorts, .view-xs #header .subnavi .subressorts {
    width: 100%;
    float: left; }
  .view-s #header .subnavi .subsubressorts, .view-xs #header .subnavi .subsubressorts {
    width: 100%;
    float: left;
    background-color: #ddd; }

.view-xs .headerGfx {
  height: 218px;
  margin-top: 25px;
  background-position: center center;
  background-size: 480px, 480px;
  background-repeat: no-repeat; }
.view-xs .sectionSubHeader.imgHeader h3 img {
  width: 170px; }
.view-xs .sectionSubHeader.noLogo h3.headline a {
  height: 96px; }
.view-xs #header .logo {
  width: 68px;
  margin-top: 0; }
.view-xs #header .searchBox {
  max-width: 132px; }
.view-xs #header .menueToggle {
  margin-top: 13px;
  font-size: 1em;
  margin-left: 0; }
.view-xs .mnHolder {
  width: 320px; }
.view-xs .searchBox.bigger a.searchSubmit {
  width: 117px; }
.view-xs .searchBox a.searchSubmit {
  width: 80%; }
  .view-xs .searchBox a.searchSubmit:before {
    font-size: 16px;
    top: 15px;
    margin-left: -8px; }
.view-xs .searchBox .searchAutosuggest {
  font-size: 75%;
  width: 143px !important;
  left: -4px !important;
  text-align: center; }
  .view-xs .searchBox .searchAutosuggest img {
    float: none;
    display: none; }

.view-m .searchBox .searchAutosuggest {
  left: 0; }

.view-xl .sectionArticle .mod .articleNavi .controls.paging .entries .entry a {
  padding: 12px;
  line-height: inherit;
  width: 39%; }
.view-xl .sectionArticle .mod .articleNavi .controls.sliding {
  font-size: 1em; }
  .view-xl .sectionArticle .mod .articleNavi .controls.sliding .buttons a {
    padding: 12px; }
    .view-xl .sectionArticle .mod .articleNavi .controls.sliding .buttons a:before {
      margin-top: -13px; }
    .view-xl .sectionArticle .mod .articleNavi .controls.sliding .buttons a.prev {
      padding-left: 60px; }
    .view-xl .sectionArticle .mod .articleNavi .controls.sliding .buttons a.next {
      padding-right: 60px; }

.view-m .sectionArticle .mod .articleNavi .controls.paging, .view-s .sectionArticle .mod .articleNavi .controls.paging, .view-xs .sectionArticle .mod .articleNavi .controls.paging {
  position: relative;
  top: 0;
  margin-top: 0; }
  .view-m .sectionArticle .mod .articleNavi .controls.paging .entries .entry a, .view-s .sectionArticle .mod .articleNavi .controls.paging .entries .entry a, .view-xs .sectionArticle .mod .articleNavi .controls.paging .entries .entry a {
    width: 100%;
    -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; }
.view-m .sectionArticle .mod .articleNavi .controls.sliding, .view-s .sectionArticle .mod .articleNavi .controls.sliding, .view-xs .sectionArticle .mod .articleNavi .controls.sliding {
  margin-bottom: 4px;
  padding: 0; }
  .view-m .sectionArticle .mod .articleNavi .controls.sliding .buttons a, .view-s .sectionArticle .mod .articleNavi .controls.sliding .buttons a, .view-xs .sectionArticle .mod .articleNavi .controls.sliding .buttons a {
    width: 49.5%;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -ms-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0; }
    .view-m .sectionArticle .mod .articleNavi .controls.sliding .buttons a.next, .view-s .sectionArticle .mod .articleNavi .controls.sliding .buttons a.next, .view-xs .sectionArticle .mod .articleNavi .controls.sliding .buttons a.next {
      -webkit-border-radius: 0 4px 0 0;
      -moz-border-radius: 0 4px 0 0;
      -ms-border-radius: 0 4px 0 0;
      border-radius: 0 4px 0 0; }

.view-xs .sectionArticle .mod .articleNavi .controls.sliding .buttons a.prev {
  padding-left: 35px; }
.view-xs .sectionArticle .mod .articleNavi .controls.sliding .buttons a.next {
  padding-left: 15px;
  padding-right: 40px; }

body.node-sendungen #header .subnavi li.sendungen a {
  color: #17c0ff;
  text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
body.node-sendungen #header .subnavi li.sendungen .icon-navi {
  background-position: -45px 0; }

body.node-kika #header .subnavi li.startseite a {
  color: #17c0ff;
  text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
body.node-kika #header .subnavi li.startseite .icon-navi {
  background-position: -45px -224px; }

body.node-videos #header .subnavi li.videos a {
  color: #17c0ff;
  text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
body.node-videos #header .subnavi li.videos .icon-navi {
  background-position: -45px -47px; }

body.node-selbermachen #header .subnavi li.selbermachen a {
  color: #17c0ff;
  text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
body.node-selbermachen #header .subnavi li.selbermachen .icon-navi {
  background-position: -45px -91px; }

body.node-spielen #header .subnavi li.spielen a {
  color: #17c0ff;
  text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
body.node-spielen #header .subnavi li.spielen .icon-navi {
  background-position: -45px -133px; }

body.node-machmit #header .subnavi li.machmit a {
  color: #17c0ff;
  text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
body.node-machmit #header .subnavi li.machmit .icon-navi {
  background-position: -45px -176px; }

.no-touch #header .subnavi ul.ressorts li:hover,
.no-touch #header .subnavi ul.ressorts li:active,
.no-touch #header .subnavi ul.ressorts li:focus {
  background: none;
  border: 0; }
  .no-touch #header .subnavi ul.ressorts li:hover a,
  .no-touch #header .subnavi ul.ressorts li:active a,
  .no-touch #header .subnavi ul.ressorts li:focus a {
    color: #17c0ff;
    text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
  .no-touch #header .subnavi ul.ressorts li:hover.sendungen .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:active.sendungen .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:focus.sendungen .icon-navi {
    background-position: -45px 0; }
  .no-touch #header .subnavi ul.ressorts li:hover.startseite .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:active.startseite .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:focus.startseite .icon-navi {
    background-position: -45px -224px; }
  .no-touch #header .subnavi ul.ressorts li:hover.videos .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:active.videos .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:focus.videos .icon-navi {
    background-position: -45px -47px; }
  .no-touch #header .subnavi ul.ressorts li:hover.selbermachen .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:active.selbermachen .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:focus.selbermachen .icon-navi {
    background-position: -45px -91px; }
  .no-touch #header .subnavi ul.ressorts li:hover.spielen .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:active.spielen .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:focus.spielen .icon-navi {
    background-position: -45px -133px; }
  .no-touch #header .subnavi ul.ressorts li:hover.machmit .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:active.machmit .icon-navi,
  .no-touch #header .subnavi ul.ressorts li:focus.machmit .icon-navi {
    background-position: -45px -176px; }
.no-touch #header .subnavi ul.subressorts li:hover,
.no-touch #header .subnavi ul.subressorts li:active,
.no-touch #header .subnavi ul.subressorts li:focus {
  border: 0;
  background: none; }
  .no-touch #header .subnavi ul.subressorts li:hover a,
  .no-touch #header .subnavi ul.subressorts li:active a,
  .no-touch #header .subnavi ul.subressorts li:focus a {
    color: #17c0ff; }
.no-touch #header .subnavi ul.subsubressorts li:hover,
.no-touch #header .subnavi ul.subsubressorts li:active,
.no-touch #header .subnavi ul.subsubressorts li:focus {
  border: 0;
  background: none; }
  .no-touch #header .subnavi ul.subsubressorts li:hover a,
  .no-touch #header .subnavi ul.subsubressorts li:active a,
  .no-touch #header .subnavi ul.subsubressorts li:focus a {
    color: #17c0ff; }
.no-touch .sectionArticle .mod .articleNavi .controls .buttons a:hover,
.no-touch .sectionArticle .mod .articleNavi .controls.paging .entries .entry a:hover {
  /* fallback/image non-cover color */
  background-color: #17c0ff;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#17c0ff, #17c0ff);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17c0ff), to(#17c0ff));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#17c0ff, #17c0ff);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#17c0ff, #17c0ff);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#17c0ff, #17c0ff); }
.no-touch .sectionSubHeader .section h3.headline:hover .icon-font {
  margin-right: 12px;
  background-color: #17c0ff;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
  .no-touch .sectionSubHeader .section h3.headline:hover .icon-font:before {
    color: #fff; }
.no-touch .moreBtn:not(.inactive):hover {
  text-shadow: none;
  color: #fff !important;
  background: #17c0ff !important;
  background-image: none;
  border-color: transparent; }
  .no-touch .moreBtn:not(.inactive):hover span, .no-touch .moreBtn:not(.inactive):hover a, .no-touch .moreBtn:not(.inactive):hover a.icon-font {
    color: #fff !important; }
  .no-touch .moreBtn:not(.inactive):hover svg polygon {
    fill: #17c0ff; }
.no-touch .searchAutosuggest a:hover, .no-touch .searchAutosuggest a:focus, .no-touch .searchAutosuggest .active a, .no-touch .searchAutosuggest a.active {
  color: #ffffff;
  background: #17c0ff;
  border-top: 2px solid #17c0ff; }
  .no-touch .searchAutosuggest a:hover img, .no-touch .searchAutosuggest a:focus img, .no-touch .searchAutosuggest .active a img, .no-touch .searchAutosuggest a.active img {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }

.view-xl body:not(.cssArticle) .sectionSubHeader .broadcastInfo, .view-l body:not(.cssArticle) .sectionSubHeader .broadcastInfo, .view-m body:not(.cssArticle) .sectionSubHeader .broadcastInfo {
  display: none; }
.view-s body:not(.cssArticle) .sectionAfterContent .broadcastInfo, .view-xs body:not(.cssArticle) .sectionAfterContent .broadcastInfo {
  display: none; }

html.cssgradients {
  /*body.page-404 {
    @include gradient(#17f4ff, #17c0ff);
    background-size: auto;
  }
  */ }

body.page-404, body.page-maintenance, body.page-error,
body#page-404, body#page-error {
  padding-top: 0 !important; }
  body.page-404 #header, body.page-404 #footer, body.page-404 #previewPanel, body.page-maintenance #header, body.page-maintenance #footer, body.page-maintenance #previewPanel, body.page-error #header, body.page-error #footer, body.page-error #previewPanel,
  body#page-404 #header,
  body#page-404 #footer,
  body#page-404 #previewPanel, body#page-error #header, body#page-error #footer, body#page-error #previewPanel {
    display: none; }
  body.page-404 .sectionTransparent .con, body.page-maintenance .sectionTransparent .con, body.page-error .sectionTransparent .con,
  body#page-404 .sectionTransparent .con, body#page-error .sectionTransparent .con {
    margin-bottom: 16px;
    margin-top: 16px; }
    body.page-404 .sectionTransparent .con .box, body.page-maintenance .sectionTransparent .con .box, body.page-error .sectionTransparent .con .box,
    body#page-404 .sectionTransparent .con .box, body#page-error .sectionTransparent .con .box {
      padding: 0; }
  body.page-404 .sectionA .conInline h2.conHeadline, body.page-maintenance .sectionA .conInline h2.conHeadline, body.page-error .sectionA .conInline h2.conHeadline,
  body#page-404 .sectionA .conInline h2.conHeadline, body#page-error .sectionA .conInline h2.conHeadline {
    color: #005c63;
    text-transform: uppercase;
    font-size: 1.185em;
    padding-bottom: 16px;
    margin-top: 4px; }
  body.page-404 .sectionA .conInline .page-error, body.page-maintenance .sectionA .conInline .page-error, body.page-error .sectionA .conInline .page-error,
  body#page-404 .sectionA .conInline .page-error, body#page-error .sectionA .conInline .page-error {
    color: #FD732F; }
  body.page-404 .sectionA .conInline .box.viewB, body.page-maintenance .sectionA .conInline .box.viewB, body.page-error .sectionA .conInline .box.viewB,
  body#page-404 .sectionA .conInline .box.viewB, body#page-error .sectionA .conInline .box.viewB {
    position: absolute;
    right: 0;
    border-top: 0;
    border-bottom: 0; }
  body.page-404 .sectionA .conInline .modA, body.page-maintenance .sectionA .conInline .modA, body.page-error .sectionA .conInline .modA,
  body#page-404 .sectionA .conInline .modA, body#page-error .sectionA .conInline .modA {
    margin-bottom: 32px; }
    body.page-404 .sectionA .conInline .modA .boxCon, body.page-maintenance .sectionA .conInline .modA .boxCon, body.page-error .sectionA .conInline .modA .boxCon,
    body#page-404 .sectionA .conInline .modA .boxCon, body#page-error .sectionA .conInline .modA .boxCon {
      background-color: transparent !important; }
    body.page-404 .sectionA .conInline .modA .box, body.page-maintenance .sectionA .conInline .modA .box, body.page-error .sectionA .conInline .modA .box,
    body#page-404 .sectionA .conInline .modA .box, body#page-error .sectionA .conInline .modA .box {
      padding-left: 0;
      padding-right: 0; }
      body.page-404 .sectionA .conInline .modA .box h1, body.page-maintenance .sectionA .conInline .modA .box h1, body.page-error .sectionA .conInline .modA .box h1,
      body#page-404 .sectionA .conInline .modA .box h1, body#page-error .sectionA .conInline .modA .box h1 {
        font-size: 1.6875em; }
  body.page-404 p.state, body.page-maintenance p.state, body.page-error p.state,
  body#page-404 p.state, body#page-error p.state {
    text-align: center;
    margin-bottom: 32px; }

body.page-maintenance .sectionA .conInline .modA .box:first-child {
  border-bottom: 0; }
  body.page-maintenance .sectionA .conInline .modA .box:first-child img {
    width: 80%;
    margin: 0 auto; }
body.page-maintenance .sectionA .conInline .modA .box:last-child {
  border-top: 0; }
  body.page-maintenance .sectionA .conInline .modA .box:last-child .teasertext {
    margin-top: 0; }

body.page-404 .sectionA .conInline .modA img, body#page-404 .sectionA .conInline .modA img {
  width: 72%; }
body.page-404 .sectionA .conInline .searchBox, body#page-404 .sectionA .conInline .searchBox {
  float: left;
  margin-top: 16px; }
  body.page-404 .sectionA .conInline .searchBox input, body#page-404 .sectionA .conInline .searchBox input {
    height: 44px;
    font-size: 1.7em; }
  body.page-404 .sectionA .conInline .searchBox a.searchSubmit, body#page-404 .sectionA .conInline .searchBox a.searchSubmit {
    font-size: 1.7em;
    height: 44px;
    width: 120px; }

body.page-error .sectionA .conInline .modA img, body#page-error .sectionA .conInline .modA img {
  width: 94%;
  margin: 0 auto; }
body.page-error .sectionA .conInline .modA .box.viewB, body#page-error .sectionA .conInline .modA .box.viewB {
  left: 22%;
  bottom: 10px; }

.view-xl body.page-404 .searchBox, .view-xl body#page-404 .searchBox {
  font-size: 0.7619047619em; }

.view-m body.page-404 .section .conInline .mod .searchBox, .view-m body#page-404 .section .conInline .mod .searchBox {
  width: 100%; }
.view-m body.page-404 .section .conInline .mod img, .view-m body#page-404 .section .conInline .mod img {
  width: 66%; }

.view-xs body.page-404 .section .conInline .mod .box.viewB, .view-xs body.page-error .section .conInline .mod .box.viewB,
.view-xs body#page-404 .section .conInline .mod .box.viewB, .view-xs body#page-error .section .conInline .mod .box.viewB, .view-s body.page-404 .section .conInline .mod .box.viewB, .view-s body.page-error .section .conInline .mod .box.viewB,
.view-s body#page-404 .section .conInline .mod .box.viewB, .view-s body#page-error .section .conInline .mod .box.viewB {
  position: relative;
  left: auto;
  bottom: auto; }
.view-xs body.page-404 .section .conInline .mod .box img, .view-xs body.page-error .section .conInline .mod .box img,
.view-xs body#page-404 .section .conInline .mod .box img, .view-xs body#page-error .section .conInline .mod .box img, .view-s body.page-404 .section .conInline .mod .box img, .view-s body.page-error .section .conInline .mod .box img,
.view-s body#page-404 .section .conInline .mod .box img, .view-s body#page-error .section .conInline .mod .box img {
  width: 100%; }
.view-xs body.page-maintenance .section .conInline .modA .box:first-child img, .view-s body.page-maintenance .section .conInline .modA .box:first-child img {
  width: 100%; }

.view-xs body.page-404 .section .mod .box .searchBox input, .view-xs body#page-404 .section .mod .box .searchBox input {
  width: 100%; }

#footer {
  width: 100%;
  float: left;
  font-size: 1rem;
  background-color: transparent;
  position: relative; }
  #footer p.state {
    float: left;
    width: 100%;
    margin-top: 24px;
    color: #e5e5e5;
    text-align: center; }
  #footer .unitD {
    width: 25%;
    padding-right: 14px;
    position: relative; }
    #footer .unitD.sender {
      padding-right: 0; }
  #footer .footerWrapperKids {
    padding-bottom: 34px;
    position: relative;
    z-index: 1;
    background-color: #FFFEF3;
    -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5); }
    #footer .footerWrapperKids .unitD a {
      text-align: center;
      display: block;
      margin: 36px 0 0 0;
      padding: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      border-radius: 7px;
      color: #ffffff;
      line-height: 1em;
      background: #9ad900;
      position: relative;
      box-shadow: none;
      -webkit-box-shadow: none; }
      #footer .footerWrapperKids .unitD a img {
        position: absolute;
        bottom: 2px;
        left: 4px;
        width: 60px; }
    #footer .footerWrapperKids .unitD.kikaninchen a {
      background-color: #ffc300;
      color: #ffc300; }
      #footer .footerWrapperKids .unitD.kikaninchen a img {
        width: 40px; }
      #footer .footerWrapperKids .unitD.kikaninchen a .linktext {
        text-indent: -999em;
        background: url(/resources/img/kika/svg/kikaninchen_txt.svg) no-repeat 61% 0;
        display: inline-block;
        width: 132px; }
    #footer .footerWrapperKids .unitD.community a {
      background-color: #005c63;
      color: #c0f900; }
    #footer .footerWrapperKids .unitD.chat a {
      background-color: #8cce24;
      color: #035c63; }
    #footer .footerWrapperKids .unitD.contact a {
      background-color: #17c0ff;
      color: #fff; }
      #footer .footerWrapperKids .unitD.contact a .linktext {
        margin-left: 40px; }
    #footer .footerWrapperKids .unitD.sender a {
      background-color: #FFE918;
      color: #034244; }
      #footer .footerWrapperKids .unitD.sender a img {
        width: 75px;
        left: -8px;
        top: -8px; }
  #footer .footerWrapperParents {
    background-color: #999999;
    padding-top: 32px;
    padding-bottom: 32px; }
    #footer .footerWrapperParents .unitD h3 {
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      border-radius: 7px;
      padding: 6px 14px;
      margin-bottom: 4px;
      background-color: #707173;
      color: #e5e5e5;
      font-weight: normal; }
      #footer .footerWrapperParents .unitD h3 a {
        color: #e5e5e5; }
    #footer .footerWrapperParents .unitD:not(:first-child) h3 {
      text-transform: uppercase; }
    #footer .footerWrapperParents .unitD ul {
      padding-bottom: 16px; }
      #footer .footerWrapperParents .unitD ul li {
        padding: 4px 16px; }
        #footer .footerWrapperParents .unitD ul li a {
          color: #e5e5e5; }
    #footer .footerWrapperParents .unitD.collapsed h3, #footer .footerWrapperParents .unitD.contact h3 {
      background: #707173; }
    #footer .footerWrapperParents .unitD.logos {
      padding-left: 45px; }
      #footer .footerWrapperParents .unitD.logos a {
        display: block; }
      #footer .footerWrapperParents .unitD.logos .ard {
        margin-bottom: 20px; }
      #footer .footerWrapperParents .unitD.logos img {
        width: 135px;
        margin: 0 0 0 auto; }
      #footer .footerWrapperParents .unitD.logos .netcode {
        float: right;
        top: -104px;
        position: relative; }
        #footer .footerWrapperParents .unitD.logos .netcode img {
          width: 52px;
          height: 103px; }

.view-m #footer .footerWrapperKids .unitD a {
  margin-top: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: right;
  font-size: 0.8125em; }
.view-m #footer .footerWrapperKids .unitD.kikaninchen a .linktext {
  text-indent: 999em;
  background-position: 90% 0; }
.view-m #footer .footerWrapperKids .unitD.sender a img {
  left: -4px;
  top: -14px; }
.view-m #footer .footerWrapperKids .unitD.chat a {
  padding-right: 30px; }
.view-m #footer .footerWrapperParents .unitD.logos {
  padding-left: 0; }

.view-s #footer .unitD, .view-xs #footer .unitD {
  width: 100%;
  padding: 0 24px; }
  .view-s #footer .unitD h3, .view-xs #footer .unitD h3 {
    background: #4d4d4d; }
  .view-s #footer .unitD.collapsed h3, .view-s #footer .unitD.contact h3, .view-xs #footer .unitD.collapsed h3, .view-xs #footer .unitD.contact h3 {
    background: #707173; }
  .view-s #footer .unitD a .linktext, .view-xs #footer .unitD a .linktext {
    margin: 0 !important; }
  .view-s #footer .unitD ul.open, .view-xs #footer .unitD ul.open {
    background-color: #707173;
    margin-bottom: 4px; }
  .view-s #footer .unitD.parents h3, .view-xs #footer .unitD.parents h3 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
  .view-s #footer .unitD.kids h3, .view-xs #footer .unitD.kids h3 {
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -ms-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0; }
  .view-s #footer .unitD.contact h3, .view-xs #footer .unitD.contact h3 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    background-color: #88898c;
    text-transform: none; }
    .view-s #footer .unitD.contact h3 a, .view-xs #footer .unitD.contact h3 a {
      color: #e5e5e5; }
  .view-s #footer .unitD.contact ul, .view-xs #footer .unitD.contact ul {
    background-color: #88898c;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px; }
  .view-s #footer .unitD.logos, .view-xs #footer .unitD.logos {
    margin-top: 36px;
    padding-left: 0;
    text-align: center; }
    .view-s #footer .unitD.logos a, .view-xs #footer .unitD.logos a {
      margin: 0 0 10px 10px;
      display: inline-block !important;
      vertical-align: top; }
      .view-s #footer .unitD.logos a.netcode, .view-xs #footer .unitD.logos a.netcode {
        margin: 0;
        top: 0;
        float: none; }

.no-touch #footer .footerWrapperKids .unitD.kikaninchen a:hover {
  background-color: #ffaa00; }
.no-touch #footer .footerWrapperKids .unitD.community a:hover {
  background-color: #004a4c; }
.no-touch #footer .footerWrapperKids .unitD.chat a:hover {
  background-color: #7fba22; }
.no-touch #footer .footerWrapperKids .unitD.contact a:hover {
  background-color: #129acc; }
.no-touch #footer .footerWrapperKids .unitD.sender a:hover {
  background-color: #ffd403; }
.no-touch #footer .footerWrapperParents .unitD ul li a:hover {
  color: #fff; }
.no-touch.view-xl #footer .footerWrapperParents .unitD h3:hover, .no-touch.view-m #footer .footerWrapperParents .unitD h3:hover, .no-touch.view-l #footer .footerWrapperParents .unitD h3:hover {
  background-color: #4d4d4d; }
.no-touch.view-xs #footer .footerWrapperParents .unitD:not(.contact) h3:hover, .no-touch.view-s #footer .footerWrapperParents .unitD:not(.contact) h3:hover {
  background-color: #4d4d4d; }
.no-touch.view-xs #footer .footerWrapperParents .unitD.contact a:hover, .no-touch.view-s #footer .footerWrapperParents .unitD.contact a:hover {
  color: #fff; }

.view-xl body.bigStage #bigstage .erwLinkBigStage, .view-l body.bigStage #bigstage .erwLinkBigStage, .view-m body.bigStage #bigstage .erwLinkBigStage {
  position: absolute;
  background-image: linear-gradient(-180deg, #F2F2F2 0%, #DBD9D8 100%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.45);
  border-radius: 0 0 0 6px;
  padding-left: 13px;
  right: 0px; }
  .view-xl body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageText, .view-l body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageText, .view-m body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageText {
    float: left;
    margin-top: 18px;
    font-weight: bold; }
  .view-xl body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageIco, .view-l body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageIco, .view-m body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageIco {
    background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -9px -263px;
    width: 34px;
    height: 44px;
    display: inline-block;
    transform-origin: 50% 50% 0px;
    transform: matrix(0.7, 0, 0, 0.7, 0, 0);
    clear: both; }
  .view-xl body.bigStage #bigstage .erwLinkBigStage:hover, .view-l body.bigStage #bigstage .erwLinkBigStage:hover, .view-m body.bigStage #bigstage .erwLinkBigStage:hover {
    background-image: none;
    background-color: #FFF; }
    .view-xl body.bigStage #bigstage .erwLinkBigStage:hover .erwLinkBigStageText, .view-l body.bigStage #bigstage .erwLinkBigStage:hover .erwLinkBigStageText, .view-m body.bigStage #bigstage .erwLinkBigStage:hover .erwLinkBigStageText {
      color: #17c0ff;
      text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
    .view-xl body.bigStage #bigstage .erwLinkBigStage:hover .erwLinkBigStageIco, .view-l body.bigStage #bigstage .erwLinkBigStage:hover .erwLinkBigStageIco, .view-m body.bigStage #bigstage .erwLinkBigStage:hover .erwLinkBigStageIco {
      background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -53px -263px; }
.view-xl #header .subnavi ul.ressorts li.erwachsene, .view-l #header .subnavi ul.ressorts li.erwachsene, .view-m #header .subnavi ul.ressorts li.erwachsene {
  display: none; }

/************** VIEW S *************/
.view-s body.bigStage #bigstage .erwLinkBigStage {
  display: none; }
  .view-s body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageText {
    float: left;
    margin-top: 18px;
    font-weight: bold; }
    .view-s body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageText:hover {
      color: #17c0ff;
      text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
  .view-s body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageIco {
    background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -9px -263px;
    width: 34px;
    height: 44px;
    display: inline-block;
    transform-origin: 50% 50% 0px;
    transform: matrix(0.7, 0, 0, 0.7, 0, 0);
    clear: both; }
    .view-s body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageIco:hover {
      background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -53px -263px; }
.view-s #header .subnavi ul.ressorts li.erwachsene .erwLinkBigStageIco {
  background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -9px -263px;
  width: 34px;
  height: 44px;
  display: inline-block;
  transform-origin: 50% 50% 0px;
  transform: matrix(0.7, 0, 0, 0.7, 0, 0);
  clear: both; }
.view-s #header .subnavi ul.ressorts li.erwachsene .erwLinkBigStageText {
  float: left;
  margin-top: 18px;
  font-weight: bold;
  text-align: right;
  width: 92%; }
.view-s #header .subnavi ul.ressorts li.erwachsene a {
  background-color: rgba(255, 255, 255, 0.25); }
.view-s #header .subnavi ul.ressorts li.erwachsene:hover .erwLinkBigStageIco {
  background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -53px -263px; }

/************** VIEW XS *************/
.view-xs body.bigStage #bigstage .erwLinkBigStage {
  display: none; }
  .view-xs body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageText {
    float: left;
    margin-top: 18px;
    font-weight: bold; }
    .view-xs body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageText:hover {
      color: #17c0ff;
      text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff; }
  .view-xs body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageIco {
    background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -9px -263px;
    width: 34px;
    height: 44px;
    display: inline-block;
    transform-origin: 50% 50% 0px;
    transform: matrix(0.7, 0, 0, 0.7, 0, 0);
    clear: both; }
    .view-xs body.bigStage #bigstage .erwLinkBigStage .erwLinkBigStageIco:hover {
      background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -53px -263px; }
.view-xs #header .subnavi ul.ressorts li.erwachsene .erwLinkBigStageIco {
  background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -9px -263px;
  width: 34px;
  height: 44px;
  display: inline-block;
  transform-origin: 50% 50% 0px;
  transform: matrix(0.7, 0, 0, 0.7, 0, 0);
  clear: both; }
.view-xs #header .subnavi ul.ressorts li.erwachsene .erwLinkBigStageText {
  float: left;
  margin-top: 18px;
  font-weight: bold;
  text-align: right;
  width: 86%; }
.view-xs #header .subnavi ul.ressorts li.erwachsene a {
  background-color: rgba(255, 255, 255, 0.25); }
.view-xs #header .subnavi ul.ressorts li.erwachsene:hover .erwLinkBigStageIco {
  background: url(/resources/img/kika/svg/navicons_sheet.svg) no-repeat -53px -263px; }

* {
  font-size: 100%; }

@font-face {
  font-family: 'ultramagnetic';
  src: url("/resources/fonts/kika/ywft-ultramagnetic.eot");
  src: url("/resources/fonts/kika/ywft-ultramagnetic.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/kika/ywft-ultramagnetic.woff") format("woff"), url("/resources/fonts/kika/ywft-ultramagnetic.ttf") format("truetype"), url("/resources/fonts/kika/ywft-ultramagnetic.svg#ywftsvg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ultramagnetic';
  src: url("/resources/fonts/kika/ywft-ultramagnetic-bold.eot");
  src: url("/resources/fonts/kika/ywft-ultramagnetic-bold.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/kika/ywft-ultramagnetic-bold.woff") format("woff"), url("/resources/fonts/kika/ywft-ultramagnetic-bold.ttf") format("truetype"), url("/resources/fonts/kika/ywft-ultramagnetic-bold.svg#ywftsvg") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'kikons';
  src: url("/resources/fonts/kika/kicons.eot") format("eot"), url("/resources/fonts/kika/kicons.woff") format("woff"), url("/resources/fonts/kika/kicons.svg") format("svg"), url("/resources/fonts/kika/kicons.ttf") format("ttf");
  font-weight: 200; }
.icon-font {
  font-family: 'kikons';
  font-weight: 200;
  display: block; }
  .icon-font:before {
    position: absolute;
    color: #005c63; }

.mod .box .teaser .mediaDescription {
  width: 100%; }
.mod .box .teaser.teaserAv:not(.teaserStandard) {
  margin-bottom: 16px; }
.mod .box .teaser.teaserAv .mediaInfo {
  display: block; }
.mod .box .teaser.teaserAv.teaserAvLive .icon-duration {
  display: none; }
.mod .box .teaserIdent .mediaCon {
  max-width: 17%;
  margin-right: 3%; }
  .mod .box .teaserIdent .mediaCon .media {
    display: block;
    position: relative;
    max-width: 100%; }
    .mod .box .teaserIdent .mediaCon .media:before {
      content: "";
      display: block;
      padding-top: 100%; }
  .mod .box .teaserIdent .mediaCon img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 8px solid #fff;
    overflow: hidden; }
.mod .box .teaserIdent .linklist, .mod .box .teaserIdent .mediaInfo {
  display: none; }
.mod .box .teaserIdent .shortInfos, .mod .box .teaserIdent .teasertext {
  max-width: 80%; }
.mod .box .teaserIdent .shortInfos .wholeTitle, .mod .box .teaserIdent .teasertext {
  padding-left: 40px; }
.mod .box .teaserIdent.teaserInfobox .shortInfos .wholeTitle, .mod .box .teaserIdent.teaserInfobox .teasertext {
  padding-left: 0; }
.mod .box .teaserIdent .shortInfos {
  padding: 0;
  background: transparent;
  font-size: 1.333em; }
  .mod .box .teaserIdent .shortInfos span p.dachzeile a, .mod .box .teaserIdent .shortInfos .headline a, .mod .box .teaserIdent .shortInfos .icon-font {
    color: #005c63; }
  .mod .box .teaserIdent .shortInfos p.dachzeile {
    font-size: 0.904em; }
  .mod .box .teaserIdent .shortInfos .icon-font {
    font-size: 1.19em;
    position: absolute;
    top: 4px; }
.mod .box .teaser.teaserEmptySearch {
  float: none;
  padding: 0 20%;
  margin: 0 auto; }
  .mod .box .teaser.teaserEmptySearch .teasertext {
    float: none;
    margin-left: 8px;
    display: table; }
.mod .box .teaserDownload .downloadAction {
  z-index: 3;
  left: 0;
  position: relative; }
.mod .box .teaserDownload .downloadInfo {
  float: left;
  width: 100%;
  margin: 8px 0 8px 0; }
  .mod .box .teaserDownload .downloadInfo .downloadDesc {
    margin-bottom: 8px;
    float: left; }
  .mod .box .teaserDownload .downloadInfo .moreBtn {
    width: 100%;
    margin-top: 0; }
.mod .box .teaserInfobox .mediaInfo .icon-font,
.mod .box .teaserInfobox .shortInfos .icon-font,
.mod .box .teaserInfobox .mediaInfo,
.mod .box .teaserInfobox .teasertext .more {
  display: none; }
.mod .box .teaserStageSeparated .mediaCon {
  max-width: 48%; }
.mod .box .teaser.teaserBreiti {
  display: block !important; }
  .mod .box .teaser.teaserBreiti .teaserText {
    float: none;
    width: 100%; }
.mod .box .teaser.teaserSearch .shortInfos {
  padding-left: 8px !important; }
.mod .box .teaser.teaserSearch .mediaInfo {
  display: none; }
.mod .box .teaser.teaserSearch .textHighlight {
  /*
  color: $fontColor;
  background-color: $markColor;
  padding: 2px;
  display: inline-block;
  @include border-radius(3px)
  */ }
.mod .box .teaserIPGLivestream .wholeTitle {
  overflow: visible; }
.mod .box .teaserIPGLivestream .svgContainer, .mod .box .teaserIPGShorty .svgContainer {
  display: none; }
.mod .box .teaserIPGLivestream.highlight .svgContainer, .mod .box .teaserIPGLivestream .box.now .svgContainer, .mod .box .teaserIPGShorty.highlight .svgContainer, .mod .box .teaserIPGShorty .box.now .svgContainer {
  display: block; }
.mod .box .teaserIPGLivestream .progressContainer .progress, .mod .box .teaserIPGShorty .progressContainer .progress {
  width: 0;
  height: 7px;
  background-color: #e21e8d;
  z-index: 10; }
.mod .box .teaserIPGLivestream .progressOuterWrapper, .mod .box .teaserIPGShorty .progressOuterWrapper {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 24px;
  background-color: #17c0ff;
  bottom: 0;
  padding: 8px;
  z-index: 1; }
  .mod .box .teaserIPGLivestream .progressOuterWrapper .progressContainer, .mod .box .teaserIPGShorty .progressOuterWrapper .progressContainer {
    background-color: #fff;
    width: 100%;
    position: relative;
    bottom: 2px;
    left: 0; }
    .mod .box .teaserIPGLivestream .progressOuterWrapper .progressContainer .progress, .mod .box .teaserIPGShorty .progressOuterWrapper .progressContainer .progress {
      background-color: #17c0ff; }
.mod .box .teaserIPGLivestream .moreBtn {
  width: 100%;
  text-align: left;
  background: none;
  margin-top: 0; }
.mod .box .teaserIPGLivestream .shortInfos {
  text-transform: none; }
  html.flexbox .mod .box .teaserIPGLivestream .shortInfos {
    -webkit-flex-wrap: wrap !important;
    -moz-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .mod .box .teaserIPGLivestream .shortInfos .wholeTitle {
    border-bottom: 1px solid #cbecee;
    float: left;
    width: 100%;
    margin-bottom: 4px; }
  .mod .box .teaserIPGLivestream .shortInfos .headline {
    color: #cbecee;
    text-transform: none; }
  .mod .box .teaserIPGLivestream .shortInfos .subtitle {
    color: #fff; }
.mod .box .teaserProgram .programTipLayer {
  cursor: pointer; }
.mod .box .teaserProgram .linklist {
  display: block; }
.mod .box .teaserProgram .programLink {
  display: block; }
.mod .box .teaser .progressContainer {
  width: 70%;
  position: absolute;
  bottom: 7px;
  height: 11px;
  z-index: 3;
  background-color: #fff;
  padding: 0px;
  left: 75px;
  border: 2px solid #fff;
  z-index: 10; }
.mod .box.boxMiniKika {
  padding: 0 !important; }
  .mod .box.boxMiniKika .teaser .teasertext, .mod .box.boxMiniKika .teaser .dachzeile, .mod .box.boxMiniKika .teaser .linklist, .mod .box.boxMiniKika .teaser .mediaInfo {
    display: none; }
  .mod .box.boxMiniKika .teaser h4.headline, .mod .box.boxMiniKika .teaser h4.headline a {
    color: #005c63;
    overflow: visible; }
  .mod .box.boxMiniKika .teaser .shortInfos {
    background: none;
    position: absolute;
    padding: 9px;
    margin-top: 3px;
    font-size: 1.23em; }
    .mod .box.boxMiniKika .teaser .shortInfos h4.headline {
      font-weight: bold;
      line-height: normal; }
    .mod .box.boxMiniKika .teaser .shortInfos .dachzeile, .mod .box.boxMiniKika .teaser .shortInfos .icon-font {
      display: none; }
  .mod .box.boxMiniKika .mediaCon {
    margin-bottom: 0 !important; }
    .mod .box.boxMiniKika .mediaCon img {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
  .mod .box.boxMiniKika .moreBtn {
    position: absolute;
    bottom: 16px;
    right: 16px; }
.mod .box.boxStopper .teaser .shortInfos, .mod .box.boxStopper .teaser .teasertext, .mod .box.boxStopper .teaser .mediaInfo {
  display: none; }
.mod .box.boxStopper .teaser .mediaCon img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
.mod .box.boxStopper .teaser .moreBtn {
  position: absolute;
  bottom: 16px;
  right: 16px; }
.mod .box.now .progressContainer, .mod .box.now .progressOuterWrapper {
  opacity: 1; }
.mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .mediaCon, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .mediaCon, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .mediaCon, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .mediaCon, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .mediaCon {
  margin-bottom: 8px; }
.mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos {
  background: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-top: 0; }
  .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos .wholeTitle {
    width: 100%; }
  .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos p, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos a, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos h2, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos h3, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos h4, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos span, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos p, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos a, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos h2, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos h3, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos h4, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos span, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos p, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos a, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos h2, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos h3, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos h4, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos span, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos p, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos a, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos h2, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos h3, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos h4, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos span, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos p, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos a, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos h2, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos h3, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos h4, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos span {
    color: #005c63; }
.mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .mediaCon .mediaInfo, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .mediaCon .mediaInfo, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .mediaCon .mediaInfo, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .mediaCon .mediaInfo, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .mediaCon .mediaInfo {
  background: #e4eeef; }
  .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .mediaCon .mediaInfo .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .mediaCon .mediaInfo .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .mediaCon .mediaInfo .wholeTitle .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .mediaCon .mediaInfo .info, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .mediaCon .mediaInfo .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .mediaCon .mediaInfo .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .mediaCon .mediaInfo .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .mediaCon .mediaInfo .wholeTitle .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .mediaCon .mediaInfo .info, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .mediaCon .mediaInfo .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .mediaCon .mediaInfo .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .mediaCon .mediaInfo .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .mediaCon .mediaInfo .wholeTitle .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .mediaCon .mediaInfo .info, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .mediaCon .mediaInfo .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .mediaCon .mediaInfo .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .mediaCon .mediaInfo .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .mediaCon .mediaInfo .wholeTitle .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .mediaCon .mediaInfo .info, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .mediaCon .mediaInfo .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .mediaCon .mediaInfo .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .mediaCon .mediaInfo .wholeTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .mediaCon .mediaInfo .wholeTitle .mediaTitle, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .mediaCon .mediaInfo .info, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .mediaCon .mediaInfo .mediaTitle {
    color: #005c63; }
.mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .shortInfos .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen .mediaInfo .moreBtn, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .shortInfos .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser .mediaInfo .moreBtn, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .shortInfos .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch .mediaInfo .moreBtn, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .shortInfos .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti .mediaInfo .moreBtn, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .shortInfos .icon-font, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox .mediaInfo .moreBtn {
  display: none; }
.mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserPreTeen.teaserInfobox .mediaInfo, .mod:not(.modStage) .box:not(.boxMiniKika) .infokasten .teaser.teaserInfobox .mediaInfo, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserSearch.teaserInfobox .mediaInfo, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserBreiti.teaserInfobox .mediaInfo, .mod:not(.modStage) .box:not(.boxMiniKika) .teaser.teaserInfobox.teaserInfobox .mediaInfo {
  display: none; }

.conIPGSlider {
  overflow: hidden; }
  .conIPGSlider .mod.modD {
    margin-top: 16px; }
  .conIPGSlider .mod.modA .box {
    display: block !important; }
  .conIPGSlider .mod .boxCon.big {
    background-color: #ebebeb; }
  .conIPGSlider .mod .boxConWrapper {
    width: 96%;
    margin: 0 auto; }
    .conIPGSlider .mod .boxConWrapper .box {
      padding: 4px; }
      .conIPGSlider .mod .boxConWrapper .box .svgContainer {
        margin-top: 4px; }
      .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .wholeTitle {
        border: 0;
        margin-bottom: 0; }
      .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaCon {
        margin-bottom: 8px; }
      .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos {
        background: none;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        margin-top: 0; }
        .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos .wholeTitle {
          width: 100%; }
        .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos p, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos a, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos h2, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos h3, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos h4, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos span {
          color: #005c63; }
      .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaCon .mediaInfo {
        background: #e4eeef; }
        .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaCon .mediaInfo .icon-font, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaCon .mediaInfo .wholeTitle, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaCon .mediaInfo .wholeTitle .mediaTitle, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaCon .mediaInfo .info, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaCon .mediaInfo .mediaTitle {
          color: #005c63; }
      .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos .icon-font, .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaInfo .moreBtn {
        display: none; }
      .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .mediaCon {
        margin-bottom: 0; }
      .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos {
        background-color: #fff;
        padding: 8px;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
        .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos .wholeTitle .icon-font {
          display: block; }
        .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos .wholeTitle .dachzeile {
          font-size: 0.8em;
          background: #e21e8d;
          color: #fff;
          padding: 3px 2px 0 3px;
          display: block;
          width: 70px;
          height: 23px;
          margin-bottom: 0;
          margin-top: -31px;
          text-align: center;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          position: relative; }
        .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream .shortInfos h4.headline {
          font-size: 1em;
          text-transform: none; }
      .conIPGSlider .mod .boxConWrapper .box.now .teaser.teaserIPGLivestream .shortInfos .wholeTitle .dachzeile {
        width: 100%;
        text-align: left; }
      .conIPGSlider .mod .boxConWrapper .box.active .teaser.teaserIPGLivestream .shortInfos h4 {
        color: #fff; }
  .conIPGSlider .mod.owl-noSlider .boxConWrapper {
    width: 100%; }
  .conIPGSlider .mod .controls.sliding {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0; }
    .conIPGSlider .mod .controls.sliding .buttons {
      position: static; }
    .conIPGSlider .mod .controls.sliding a.prev, .conIPGSlider .mod .controls.sliding a.next {
      height: 100%;
      width: 56px;
      background-color: #ebebeb !important;
      top: 0;
      -webkit-border-radius: 6px 0 0 6px;
      -moz-border-radius: 6px 0 0 6px;
      -ms-border-radius: 6px 0 0 6px;
      border-radius: 6px 0 0 6px;
      -webkit-box-shadow: 8px 0px 3px -3px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 8px 0px 3px -3px rgba(0, 0, 0, 0.5);
      box-shadow: 8px 0px 3px -3px rgba(0, 0, 0, 0.5); }
      .conIPGSlider .mod .controls.sliding a.prev:before, .conIPGSlider .mod .controls.sliding a.next:before {
        left: 50%;
        margin-left: -10px; }
    .conIPGSlider .mod .controls.sliding a.next {
      -webkit-box-shadow: -8px 0px 3px -3px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: -8px 0px 3px -3px rgba(0, 0, 0, 0.5);
      box-shadow: -8px 0px 3px -3px rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      -ms-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0; }
      .conIPGSlider .mod .controls.sliding a.next:before {
        left: 50%;
        margin-left: -10px; }
    .conIPGSlider .mod .controls.sliding .owl-dots {
      display: none; }
  .conIPGSlider.conInline .mod.modD {
    margin-top: 0;
    margin-bottom: 1px; }
  .conIPGSlider .moreBtn {
    margin-left: 16px;
    margin-top: 0; }
    .conIPGSlider .moreBtn.program .program-title-small {
      display: none; }
  .conIPGSlider .boxCon.small {
    display: none !important; }
  .conIPGSlider .teaserIPGLivestream .mediaCon {
    position: relative; }
    .conIPGSlider .teaserIPGLivestream .mediaCon:before {
      content: '';
      position: absolute;
      left: -500px;
      bottom: 0;
      z-index: 99;
      background-color: #e21e8d;
      width: 3000px;
      height: 4px; }

.view-s .conIPGSlider .controls.sliding, .view-xs .conIPGSlider .controls.sliding, .sectionC .conIPGSlider .controls.sliding {
  display: none !important; }
.view-s .conIPGSlider .moreBtn, .view-xs .conIPGSlider .moreBtn, .sectionC .conIPGSlider .moreBtn {
  margin: 0 auto;
  width: auto; }
.view-s .conIPGSlider .moreBtn.live, .view-xs .conIPGSlider .moreBtn.live, .sectionC .conIPGSlider .moreBtn.live {
  display: none; }
.view-s .conIPGSlider .moreBtn.all, .view-xs .conIPGSlider .moreBtn.all, .sectionC .conIPGSlider .moreBtn.all {
  display: none; }
.view-s .conIPGSlider .moreBtn.program, .view-xs .conIPGSlider .moreBtn.program, .sectionC .conIPGSlider .moreBtn.program {
  text-align: left;
  margin-top: 8px;
  margin-bottom: 16px; }
.view-s .conIPGSlider .modD, .view-xs .conIPGSlider .modD, .sectionC .conIPGSlider .modD {
  display: none !important; }
.view-s .conIPGSlider .boxCon.small, .view-xs .conIPGSlider .boxCon.small, .sectionC .conIPGSlider .boxCon.small {
  display: block !important;
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 0; }
  .view-s .conIPGSlider .boxCon.small .box, .view-xs .conIPGSlider .boxCon.small .box, .sectionC .conIPGSlider .boxCon.small .box {
    padding-bottom: 0;
    padding-top: 6px !important; }
    .view-s .conIPGSlider .boxCon.small .box .infos, .view-xs .conIPGSlider .boxCon.small .box .infos, .sectionC .conIPGSlider .boxCon.small .box .infos {
      padding: 0;
      width: 60%;
      max-width: 60%;
      min-width: 60%; }
    .view-s .conIPGSlider .boxCon.small .box .image .teaser, .view-xs .conIPGSlider .boxCon.small .box .image .teaser, .sectionC .conIPGSlider .boxCon.small .box .image .teaser {
      display: block !important; }
    .view-s .conIPGSlider .boxCon.small .box .image, .view-xs .conIPGSlider .boxCon.small .box .image, .sectionC .conIPGSlider .boxCon.small .box .image {
      width: 40%;
      max-width: 40%;
      min-width: 40%;
      padding-right: 8px;
      margin-bottom: 8px; }
.view-s .mod .box .teaserEmptySearch, .view-xs .mod .box .teaserEmptySearch, .sectionC .mod .box .teaserEmptySearch {
  width: 100%;
  margin: 0;
  padding: 0; }
  .view-s .mod .box .teaserEmptySearch h1, .view-s .mod .box .teaserEmptySearch h2, .view-s .mod .box .teaserEmptySearch p.teasertext, .view-xs .mod .box .teaserEmptySearch h1, .view-xs .mod .box .teaserEmptySearch h2, .view-xs .mod .box .teaserEmptySearch p.teasertext, .sectionC .mod .box .teaserEmptySearch h1, .sectionC .mod .box .teaserEmptySearch h2, .sectionC .mod .box .teaserEmptySearch p.teasertext {
    text-align: center;
    clear: both;
    margin: 0; }
.view-s .mod .teaserIdent .mediaCon, .view-xs .mod .teaserIdent .mediaCon, .sectionC .mod .teaserIdent .mediaCon {
  max-width: 40%;
  float: none;
  margin: 0 auto 24px auto; }
.view-s .mod .teaserIdent .shortInfos, .view-s .mod .teaserIdent .teasertext, .view-xs .mod .teaserIdent .shortInfos, .view-xs .mod .teaserIdent .teasertext, .sectionC .mod .teaserIdent .shortInfos, .sectionC .mod .teaserIdent .teasertext {
  max-width: 100%; }
.view-s .mod .teaser.teaserStageSeparated .mediaCon, .view-xs .mod .teaser.teaserStageSeparated .mediaCon, .sectionC .mod .teaser.teaserStageSeparated .mediaCon {
  max-width: 100%; }
.view-s .mod .teaser.teaserStageSeparated .viewB, .view-xs .mod .teaser.teaserStageSeparated .viewB, .sectionC .mod .teaser.teaserStageSeparated .viewB {
  width: auto; }
.view-s .mod .box.boxStopper .moreBtn, .view-xs .mod .box.boxStopper .moreBtn, .sectionC .mod .box.boxStopper .moreBtn {
  position: absolute;
  bottom: 4px;
  right: 4px;
  margin: 0; }

.view-xs .mod .box.boxStopper .moreBtn {
  position: relative;
  bottom: 0;
  right: 0;
  width: 100%;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px; }
.view-xs .mod .box.boxStopper .mediaCon img {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.view-s .mod .box .teaserBreiti .mediaCon {
  width: 100%;
  margin-right: 1%;
  margin-bottom: 0; }
.view-s .mod .box .teaserBreiti .teasertext, .view-s .mod .box .teaserBreiti .shortInfos {
  width: 100%;
  float: none; }
.view-s .mod .box.boxMiniKika .shortInfos {
  padding-top: 3px;
  font-size: 1em;
  margin-top: 5px; }

.view-m .sectionA .mod .box .teaser.teaserBreiti, .view-m .sectionB .mod .box .teaser.teaserBreiti, .view-m .sectionZ .mod .box .teaser.teaserBreiti, .view-l .sectionA .mod .box .teaser.teaserBreiti, .view-l .sectionB .mod .box .teaser.teaserBreiti, .view-l .sectionZ .mod .box .teaser.teaserBreiti, .view-xl .sectionA .mod .box .teaser.teaserBreiti, .view-xl .sectionB .mod .box .teaser.teaserBreiti, .view-xl .sectionZ .mod .box .teaser.teaserBreiti, .view-s .sectionA .mod .box .teaser.teaserBreiti, .view-s .sectionB .mod .box .teaser.teaserBreiti, .view-s .sectionZ .mod .box .teaser.teaserBreiti {
  display: block !important; }
  .view-m .sectionA .mod .box .teaser.teaserBreiti .mediaCon, .view-m .sectionB .mod .box .teaser.teaserBreiti .mediaCon, .view-m .sectionZ .mod .box .teaser.teaserBreiti .mediaCon, .view-l .sectionA .mod .box .teaser.teaserBreiti .mediaCon, .view-l .sectionB .mod .box .teaser.teaserBreiti .mediaCon, .view-l .sectionZ .mod .box .teaser.teaserBreiti .mediaCon, .view-xl .sectionA .mod .box .teaser.teaserBreiti .mediaCon, .view-xl .sectionB .mod .box .teaser.teaserBreiti .mediaCon, .view-xl .sectionZ .mod .box .teaser.teaserBreiti .mediaCon, .view-s .sectionA .mod .box .teaser.teaserBreiti .mediaCon, .view-s .sectionB .mod .box .teaser.teaserBreiti .mediaCon, .view-s .sectionZ .mod .box .teaser.teaserBreiti .mediaCon {
    width: 49%;
    margin-bottom: 0;
    margin-right: 1%; }
  .view-m .sectionA .mod .box .teaser.teaserBreiti .shortInfos, .view-m .sectionB .mod .box .teaser.teaserBreiti .shortInfos, .view-m .sectionZ .mod .box .teaser.teaserBreiti .shortInfos, .view-l .sectionA .mod .box .teaser.teaserBreiti .shortInfos, .view-l .sectionB .mod .box .teaser.teaserBreiti .shortInfos, .view-l .sectionZ .mod .box .teaser.teaserBreiti .shortInfos, .view-xl .sectionA .mod .box .teaser.teaserBreiti .shortInfos, .view-xl .sectionB .mod .box .teaser.teaserBreiti .shortInfos, .view-xl .sectionZ .mod .box .teaser.teaserBreiti .shortInfos, .view-s .sectionA .mod .box .teaser.teaserBreiti .shortInfos, .view-s .sectionB .mod .box .teaser.teaserBreiti .shortInfos, .view-s .sectionZ .mod .box .teaser.teaserBreiti .shortInfos {
    padding-top: 0;
    margin-top: 0;
    width: 50%;
    clear: right;
    float: right; }
  .view-m .sectionA .mod .box .teaser.teaserBreiti .teasertext, .view-m .sectionB .mod .box .teaser.teaserBreiti .teasertext, .view-m .sectionZ .mod .box .teaser.teaserBreiti .teasertext, .view-l .sectionA .mod .box .teaser.teaserBreiti .teasertext, .view-l .sectionB .mod .box .teaser.teaserBreiti .teasertext, .view-l .sectionZ .mod .box .teaser.teaserBreiti .teasertext, .view-xl .sectionA .mod .box .teaser.teaserBreiti .teasertext, .view-xl .sectionB .mod .box .teaser.teaserBreiti .teasertext, .view-xl .sectionZ .mod .box .teaser.teaserBreiti .teasertext, .view-s .sectionA .mod .box .teaser.teaserBreiti .teasertext, .view-s .sectionB .mod .box .teaser.teaserBreiti .teasertext, .view-s .sectionZ .mod .box .teaser.teaserBreiti .teasertext {
    width: 50%;
    clear: right;
    float: right; }
.view-m .sectionA .mod .box .teaser.teaserStageSeparated, .view-m .sectionB .mod .box .teaser.teaserStageSeparated, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated, .view-l .sectionA .mod .box .teaser.teaserStageSeparated, .view-l .sectionB .mod .box .teaser.teaserStageSeparated, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated, .view-s .sectionA .mod .box .teaser.teaserStageSeparated, .view-s .sectionB .mod .box .teaser.teaserStageSeparated, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated {
  max-height: 100% !important;
  background-size: 100% auto !important; }
  .view-m .sectionA .mod .box .teaser.teaserStageSeparated .viewB, .view-m .sectionB .mod .box .teaser.teaserStageSeparated .viewB, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated .viewB, .view-l .sectionA .mod .box .teaser.teaserStageSeparated .viewB, .view-l .sectionB .mod .box .teaser.teaserStageSeparated .viewB, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated .viewB, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated .viewB, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated .viewB, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated .viewB, .view-s .sectionA .mod .box .teaser.teaserStageSeparated .viewB, .view-s .sectionB .mod .box .teaser.teaserStageSeparated .viewB, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated .viewB {
    float: left;
    width: 50%; }
  .view-m .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-m .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-l .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-l .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-s .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-s .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon {
    width: 100%;
    margin-bottom: 16px;
    max-width: 100%; }
    .view-m .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-m .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-l .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-l .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-s .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-s .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon .av-playerContainer {
      max-width: 50%; }
    .view-m .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-m .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-l .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-l .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-s .sectionA .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-s .sectionB .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated > .mediaCon .media.brav-ready {
      max-height: 100%; }
  .view-m .sectionA .mod .box .teaser.teaserStageSeparated .shortInfos, .view-m .sectionA .mod .box .teaser.teaserStageSeparated .teasertext, .view-m .sectionB .mod .box .teaser.teaserStageSeparated .shortInfos, .view-m .sectionB .mod .box .teaser.teaserStageSeparated .teasertext, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated .shortInfos, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated .teasertext, .view-l .sectionA .mod .box .teaser.teaserStageSeparated .shortInfos, .view-l .sectionA .mod .box .teaser.teaserStageSeparated .teasertext, .view-l .sectionB .mod .box .teaser.teaserStageSeparated .shortInfos, .view-l .sectionB .mod .box .teaser.teaserStageSeparated .teasertext, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated .shortInfos, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated .teasertext, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated .shortInfos, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated .teasertext, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated .shortInfos, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated .teasertext, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated .shortInfos, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated .teasertext, .view-s .sectionA .mod .box .teaser.teaserStageSeparated .shortInfos, .view-s .sectionA .mod .box .teaser.teaserStageSeparated .teasertext, .view-s .sectionB .mod .box .teaser.teaserStageSeparated .shortInfos, .view-s .sectionB .mod .box .teaser.teaserStageSeparated .teasertext, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated .shortInfos, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated .teasertext {
    width: 100%;
    float: left; }
  .view-m .sectionA .mod .box .teaser.teaserStageSeparated .shortInfos, .view-m .sectionB .mod .box .teaser.teaserStageSeparated .shortInfos, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated .shortInfos, .view-l .sectionA .mod .box .teaser.teaserStageSeparated .shortInfos, .view-l .sectionB .mod .box .teaser.teaserStageSeparated .shortInfos, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated .shortInfos, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated .shortInfos, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated .shortInfos, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated .shortInfos, .view-s .sectionA .mod .box .teaser.teaserStageSeparated .shortInfos, .view-s .sectionB .mod .box .teaser.teaserStageSeparated .shortInfos, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated .shortInfos {
    margin-top: 0;
    padding-top: 0; }
  .view-m .sectionA .mod .box .teaser.teaserStageSeparated > .linklist, .view-m .sectionB .mod .box .teaser.teaserStageSeparated > .linklist, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated > .linklist, .view-l .sectionA .mod .box .teaser.teaserStageSeparated > .linklist, .view-l .sectionB .mod .box .teaser.teaserStageSeparated > .linklist, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated > .linklist, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated > .linklist, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated > .linklist, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated > .linklist, .view-s .sectionA .mod .box .teaser.teaserStageSeparated > .linklist, .view-s .sectionB .mod .box .teaser.teaserStageSeparated > .linklist, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated > .linklist {
    display: block;
    margin-top: 0;
    padding-right: 0; }
  .view-m .sectionA .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-m .sectionB .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-m .sectionZ .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-l .sectionA .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-l .sectionB .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-l .sectionZ .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-xl .sectionA .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-xl .sectionB .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-xl .sectionZ .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-s .sectionA .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-s .sectionB .mod .box .teaser.teaserStageSeparated > .moreBtn, .view-s .sectionZ .mod .box .teaser.teaserStageSeparated > .moreBtn {
    bottom: auto;
    top: 190px; }
.view-m .sectionA .mod .box .viewB, .view-m .sectionB .mod .box .viewB, .view-m .sectionZ .mod .box .viewB, .view-l .sectionA .mod .box .viewB, .view-l .sectionB .mod .box .viewB, .view-l .sectionZ .mod .box .viewB, .view-xl .sectionA .mod .box .viewB, .view-xl .sectionB .mod .box .viewB, .view-xl .sectionZ .mod .box .viewB, .view-s .sectionA .mod .box .viewB, .view-s .sectionB .mod .box .viewB, .view-s .sectionZ .mod .box .viewB {
  width: auto; }

.view-xl .section .modCon .mod .box .teaser.teaserStageSeparated > .mediaCon {
  margin-bottom: 38px; }
.view-xl .section .modCon .mod .box .teaser.teaserStageSeparated > .moreBtn {
  top: 57%; }
.view-xl .section .modCon .mod .box .teaser.teaserSearch .shortInfos, .view-xl .section .modCon .mod .box .teaser.teaserSearch p.teasertext {
  padding-left: 16px !important; }
.view-xl .section .modCon .mod .box .teaser.teaserIPGLivestream .shortInfos .dachzeile {
  font-size: 0.66em !important; }
.view-xl .section .modCon .mod .box.boxMiniKika .shortInfos {
  font-size: 1.35em;
  padding: 14px;
  margin-top: 4px; }
.view-xl .section.sectionZ .modCon .mod .box .teaser.teaserStageSeparated > .moreBtn {
  top: 35%; }

.view-l .section .conIPGSlider .mod .box .teaser .progressContainer {
  width: 55%;
  left: 70px; }
.view-l .section .modCon .mod .box .teaser.teaserStageSeparated > .moreBtn {
  margin-top: 0;
  top: 57%; }
.view-l .section.sectionZ .modCon .mod .box .teaser.teaserStageSeparated > .moreBtn {
  margin-top: 0;
  top: 32%; }

.view-m .section .modCon .mod .box .teaser.teaserStageSeparated > .mediaCon {
  margin-bottom: 24px; }
.view-m .section .modCon .mod .box .teaser.teaserStageSeparated > .moreBtn {
  top: 43%; }
.view-m .section .modCon .mod .box.boxMiniKika .shortInfos {
  padding-top: 3px;
  font-size: 1em;
  margin-top: 6px; }
.view-m .section.sectionZ .modCon .mod .box .teaser.teaserStageSeparated > .moreBtn {
  display: none; }
.view-m .section .conIPGSlider .mod .box .teaser .progressContainer {
  width: 45%;
  left: 65px; }
.view-m .section .conInline .modCon .mod .box .teaserIdent .mediaCon {
  max-width: 22%;
  margin-right: 3%; }
.view-m .section .conInline .modCon .mod .box .teaserIdent .shortInfos, .view-m .section .conInline .modCon .mod .box .teaserIdent .teasertext {
  max-width: 75%; }

.no-touch .conIPGSlider .mod .boxConWrapper .box .teaser.teaserIPGLivestream:hover .shortInfos h4 {
  color: #fff; }

#content .react-ardplayer-loaded .play-icon, #content .react-ardplayer-loaded .icon-duration {
  display: none !important; }

.kikale.mediaCon {
  width: 94px !important;
  margin-right: 32px; }
.kikale.kikale-suggest {
  width: 40px !important;
  margin-right: 0; }
  .kikale.kikale-suggest + h2 {
    font-size: 1.5em;
    padding-top: 13px;
    float: right;
    background-color: #ebebeb;
    width: 88%;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    padding: 8px;
    text-align: center;
    position: relative; }
    .kikale.kikale-suggest + h2:after {
      right: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-right-color: #ebebeb;
      border-width: 13px;
      margin-top: -13px; }

.view-xs .kikale, .view-s .kikale {
  float: none !important;
  margin: 0 auto; }
  .view-xs .kikale.kikale-suggest + h2, .view-s .kikale.kikale-suggest + h2 {
    width: 100%;
    margin-top: 8px !important; }
    .view-xs .kikale.kikale-suggest + h2:after, .view-s .kikale.kikale-suggest + h2:after {
      display: none; }

/* Standard Teaser Mods */
.mod .dachzeile {
  margin-top: 1px;
  margin-bottom: 4px; }
.mod h1.headline {
  font-size: 2.4em;
  margin-bottom: 8px !important;
  color: #4f4f4f !important;
  width: 100%;
  max-width: 100%; }
.mod h3.subtitle, .mod caption, .mod h3.headline {
  font-size: 1.6875em; }
.mod .bigLetter {
  font-size: 8em;
  background-color: #ebebeb;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  border-radius: 200px;
  width: 200px;
  height: 200px;
  margin: 0 auto 125px;
  position: relative;
  text-align: center;
  display: table;
  line-height: 1.5em; }
  .mod .bigLetter.isFixFloating {
    position: absolute; }
.mod .media {
  position: relative;
  margin: 0; }
.mod .zoomBtn {
  display: none; }
.mod .box.empty .mediaCon .media {
  background-color: #ccc; }
  .mod .box.empty .mediaCon .media img {
    opacity: 0; }
.mod .dachzeile {
  width: 100%; }
.mod .icon-font {
  margin: 0 8px 0 0;
  line-height: 1em;
  font-size: 1.333em;
  float: left; }
.mod .linklist {
  margin-bottom: 0; }
.mod .linklist .icon-font {
  float: left;
  position: relative;
  top: 0;
  margin-right: 8px; }
.mod .mediaInfo .moreBtn {
  display: none; }
.mod .wholeTitle {
  position: relative;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden; }
  .mod .wholeTitle .headline {
    margin-bottom: 0;
    display: block;
    text-overflow: ellipsis;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
    .mod .wholeTitle .headline a {
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      float: left;
      width: 100%; }
.mod .teaser .teasertext .icon-font, .mod .teaser .linklist .icon-font {
  font-size: .75em;
  color: #005c63;
  margin-right: 4px;
  position: relative;
  display: inline-block;
  float: none; }
.mod .teaser .teasertext {
  margin-top: 12px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden; }
.mod .teaser .mediaInfo {
  display: none; }
.mod .teaser .linklist {
  z-index: 3;
  position: relative;
  margin-top: 24px; }
  .mod .teaser .linklist .icon-font {
    float: left;
    padding: 2px 0; }
  .mod .teaser .linklist p.more {
    font-size: 1.1875em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 6px; }
  .mod .teaser .linklist ul {
    border-top: 0; }
    .mod .teaser .linklist ul li {
      border-bottom: 0; }
      .mod .teaser .linklist ul li .linktext {
        display: table; }
      .mod .teaser .linklist ul li a {
        background-color: #ebebeb;
        border-radius: 4px;
        margin-bottom: 8px;
        position: relative;
        float: left;
        width: 100%;
        padding: 5px;
        line-height: 1em; }
.mod .teaser .linklist-title {
  font-weight: bold; }
.mod .shortInfos,
.mod .mediaCon .mediaInfo {
  position: relative;
  width: 100%;
  float: left;
  padding: 6px 6px 6px 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: 0;
  /* fallback/image non-cover color */
  background-color: #00757d;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#00757d, #005c63);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00757d), to(#005c63));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#00757d, #005c63);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#00757d, #005c63);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#00757d, #005c63); }
  .mod .shortInfos h4,
  .mod .mediaCon .mediaInfo h4 {
    font-size: 1.1875em;
    font-weight: normal; }
  .mod .shortInfos .headline, .mod .shortInfos .mediaTitle, .mod .shortInfos .mediaDescription, .mod .shortInfos span,
  .mod .mediaCon .mediaInfo .headline,
  .mod .mediaCon .mediaInfo .mediaTitle,
  .mod .mediaCon .mediaInfo .mediaDescription,
  .mod .mediaCon .mediaInfo span {
    color: #fff; }
    .mod .shortInfos .headline a, .mod .shortInfos .mediaTitle a, .mod .shortInfos .mediaDescription a, .mod .shortInfos span a,
    .mod .mediaCon .mediaInfo .headline a,
    .mod .mediaCon .mediaInfo .mediaTitle a,
    .mod .mediaCon .mediaInfo .mediaDescription a,
    .mod .mediaCon .mediaInfo span a {
      color: #fff; }
  .mod .shortInfos p.dachzeile, .mod .shortInfos p.dachzeile a,
  .mod .mediaCon .mediaInfo p.dachzeile,
  .mod .mediaCon .mediaInfo p.dachzeile a {
    color: #cbecee; }
.mod .mediaCon .mediaInfo {
  text-transform: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }
.mod .mediaCon a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }
  .mod .mediaCon a:not(.mediaInfo) {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
.mod .mediaCon img {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
.mod .mediaCon.mediaTop img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
.mod .mediaCon .mediaInfo .wholeTitle {
  color: #fff; }
  .mod .mediaCon .mediaInfo .wholeTitle p, .mod .mediaCon .mediaInfo .wholeTitle .info, .mod .mediaCon .mediaInfo .wholeTitle span {
    color: #fff; }
.mod .mediaCon .mediaInfo .mediaTitle {
  font-weight: bold; }
.mod .mediaCon .mediaInfo .mediaDescription {
  margin-left: 8px; }
.mod .teaserAv .mediaCon .mediaInfo a, .mod.modAnleitungsTeaserBig .mediaCon .mediaInfo a {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
.mod .teaserAv .mediaInfo .icon-font, .mod .teaserAv .shortInfos .icon-font {
  display: none; }
.mod .mediaCon .mediaList .mediaInfo {
  /* fallback/image non-cover color */
  background-color: #ebebeb;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#ebebeb, #ebebeb);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#ebebeb));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#ebebeb, #ebebeb);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#ebebeb, #ebebeb);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#ebebeb, #ebebeb); }
  .mod .mediaCon .mediaList .mediaInfo p, .mod .mediaCon .mediaList .mediaInfo h4, .mod .mediaCon .mediaList .mediaInfo h3, .mod .mediaCon .mediaList .mediaInfo span, .mod .mediaCon .mediaList .mediaInfo a {
    color: #005c63; }
  .mod .mediaCon .mediaList .mediaInfo .headline {
    color: #005c63; }
    .mod .mediaCon .mediaList .mediaInfo .headline a {
      color: #005c63; }
.mod .controls .prev:before, .mod .controls .next:before {
  position: absolute;
  content: "\E015";
  font-size: 1.33em;
  left: 0;
  top: 50%;
  margin-top: -10px; }
.mod .controls .next:before {
  content: "\E016";
  left: auto;
  right: 0; }
.mod .controls.sliding {
  background: none;
  padding: 0 16px;
  margin-bottom: 16px;
  border-top: 4px solid #f7f7f7; }
  .mod .controls.sliding .labels .entry, .mod .controls.sliding .owl-dot {
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: none;
    border: 3px solid #005c63;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer; }
    .mod .controls.sliding .labels .entry.active, .mod .controls.sliding .owl-dot.active {
      background-color: #005c63; }
  .mod .controls.sliding .buttons {
    position: relative; }
    .mod .controls.sliding .buttons a {
      z-index: 3;
      position: absolute;
      top: 50%; }
      .mod .controls.sliding .buttons a.prev {
        left: -4px; }
      .mod .controls.sliding .buttons a.next {
        right: -4px; }
.mod .controls.paging {
  position: relative; }
  .mod .controls.paging .prev, .mod .controls.paging .next {
    position: absolute;
    left: 0; }
  .mod .controls.paging .next {
    right: 0;
    left: auto; }
.mod .controls.list {
  text-transform: none;
  margin-bottom: 16px; }
  .mod .controls.list .labels {
    background: none; }
    .mod .controls.list .labels .entries {
      text-align: left;
      padding: 0; }
    .mod .controls.list .labels .entries, .mod .controls.list .labels .headline {
      display: block; }
    .mod .controls.list .labels .headline .icon-font {
      display: none; }
    .mod .controls.list .labels .entry {
      background: none;
      width: 100%;
      float: left;
      margin-bottom: 2px; }
      .mod .controls.list .labels .entry a {
        padding: 8px;
        border-bottom: 1px solid #005c63; }
        .mod .controls.list .labels .entry a .icon-font {
          display: none; }
      .mod .controls.list .labels .entry a, .mod .controls.list .labels .entry span {
        color: #005c63; }
      .mod .controls.list .labels .entry.active a {
        background-color: #17c0ff; }
        .mod .controls.list .labels .entry.active a span {
          color: #fff; }

.view-m .mod h1.headline {
  font-size: 1.8em; }
.view-m .mod h3.subtitle, .view-m .mod caption, .view-m .mod h3.headline {
  font-size: 1.5em; }
.view-m .mod .dachzeile {
  width: 100%; }
.view-m .sectionArticle h2.conHeadline {
  font-size: 1.5em; }

.view-xs .mod h1.headline, .view-s .mod h1.headline {
  font-size: 1.6875em; }
.view-xs .mod h3.subtitle, .view-xs .mod caption, .view-xs .mod h3.headline, .view-s .mod h3.subtitle, .view-s .mod caption, .view-s .mod h3.headline {
  font-size: 1.5em; }
.view-xs .sectionArticle h2.conHeadline, .view-s .sectionArticle h2.conHeadline {
  font-size: 1.5em; }

.sectionAvDetail .mod .box.boxInnerDetail .moreBtn {
  margin-top: 0; }
.sectionAvDetail .mod .block, .sectionAvDetail .mod .form:last-child {
  padding-bottom: 16px;
  margin-bottom: 16px; }
.sectionAvDetail .mod.modStage .shortInfos {
  border-bottom: 0; }
.sectionAvDetail .conInlineTeaser {
  display: none; }
  .sectionAvDetail .conInlineTeaser .box .teaser.teaserAv .teasertext {
    display: none !important; }
  html.view-xs .sectionAvDetail .conInlineTeaser, html.view-s .sectionAvDetail .conInlineTeaser {
    display: block; }

.section .mod .box .avInfos, .playerLayer .mod .box .avInfos {
  display: inline-block;
  margin-left: 12px; }
  .section .mod .box .avInfos .icon-font, .playerLayer .mod .box .avInfos .icon-font {
    padding: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #ebebeb;
    color: #005c63;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -3px; }
.section .mod .box .fskInfos, .playerLayer .mod .box .fskInfos {
  color: #005c63; }
.section .mod .box .shortInfos p.subtitle span.icon-font, .section .mod .box p.subtitle span.icon-font, .playerLayer .mod .box .shortInfos p.subtitle span.icon-font, .playerLayer .mod .box p.subtitle span.icon-font {
  font-size: 1em;
  display: inline-block;
  float: none;
  margin-right: 12px; }
  .section .mod .box .shortInfos p.subtitle span.icon-font .body, .section .mod .box p.subtitle span.icon-font .body, .playerLayer .mod .box .shortInfos p.subtitle span.icon-font .body, .playerLayer .mod .box p.subtitle span.icon-font .body {
    display: none; }
.section .mod.modStage p.subtitle, .playerLayer .mod.modStage p.subtitle {
  color: #005c63;
  float: left;
  width: 100%; }
.section .mod.modStage .box .avInfos, .playerLayer .mod.modStage .box .avInfos {
  float: left;
  width: 100%;
  margin-left: 0;
  margin-top: 8px; }

.view-xl .section .mod .box .avInfos .icon-font, .view-xl .playerLayer .mod .box .avInfos .icon-font {
  margin-top: -6px; }
.view-xl .section .mod .controls.sliding, .view-xl .playerLayer .mod .controls.sliding {
  font-size: 0.7619047619em;
  padding: 0 22px; }
.view-xl .bigLetter {
  line-height: 1.2em; }

.view-m .section .mod .controls.sliding, .view-xs .section .mod .controls.sliding, .view-s .section .mod .controls.sliding {
  padding: 0 12px; }

.view-xs .section .mod .box .shortInfos .avInfos, .view-xs .section .mod .box p.subtitle .avInfos, .view-s .section .mod .box .shortInfos .avInfos, .view-s .section .mod .box p.subtitle .avInfos {
  font-size: 1em;
  display: block;
  margin-left: 0;
  margin-top: 8px; }
.view-xs .section .mod .box .bigLetter, .view-s .section .mod .box .bigLetter {
  display: none; }
.view-xs .section .mod.modStage .teaser.teaserAv .mediaCon, .view-xs .section .mod.modStage .teaser.teaserAv .shortInfos, .view-xs .section .mod.modStage .teaser.teaserAv .teasertext, .view-s .section .mod.modStage .teaser.teaserAv .mediaCon, .view-s .section .mod.modStage .teaser.teaserAv .shortInfos, .view-s .section .mod.modStage .teaser.teaserAv .teasertext {
  width: 100%; }

body.cssBlogOverview .sectionArticle .con {
  margin-top: 20px;
  margin-bottom: 20px; }
  body.cssBlogOverview .sectionArticle .con:first-child {
    margin-top: 0; }

.sectionAvDetail .mod .box.boxInnerDetail .mediaCon {
  margin-bottom: 8px; }
.sectionAvDetail .mod .box.boxInnerDetail .shortInfos {
  background: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-top: 0; }
  .sectionAvDetail .mod .box.boxInnerDetail .shortInfos .wholeTitle {
    width: 100%; }
  .sectionAvDetail .mod .box.boxInnerDetail .shortInfos p, .sectionAvDetail .mod .box.boxInnerDetail .shortInfos a, .sectionAvDetail .mod .box.boxInnerDetail .shortInfos h2, .sectionAvDetail .mod .box.boxInnerDetail .shortInfos h3, .sectionAvDetail .mod .box.boxInnerDetail .shortInfos h4, .sectionAvDetail .mod .box.boxInnerDetail .shortInfos span {
    color: #005c63; }
.sectionAvDetail .mod .box.boxInnerDetail .mediaCon .mediaInfo {
  background: #e4eeef; }
  .sectionAvDetail .mod .box.boxInnerDetail .mediaCon .mediaInfo .icon-font, .sectionAvDetail .mod .box.boxInnerDetail .mediaCon .mediaInfo .wholeTitle, .sectionAvDetail .mod .box.boxInnerDetail .mediaCon .mediaInfo .wholeTitle .mediaTitle, .sectionAvDetail .mod .box.boxInnerDetail .mediaCon .mediaInfo .info, .sectionAvDetail .mod .box.boxInnerDetail .mediaCon .mediaInfo .mediaTitle {
    color: #005c63; }
.sectionAvDetail .mod .box.boxInnerDetail .shortInfos .icon-font, .sectionAvDetail .mod .box.boxInnerDetail .mediaInfo .moreBtn {
  display: none; }
.sectionAvDetail .form:not(.copyForm) {
  display: none; }

.no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .shortInfos, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .mediaInfo, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .shortInfos, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .mediaInfo, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .shortInfos, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .mediaInfo, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .shortInfos, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .mediaInfo, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .box.galleryLink .teaser.teaserStandard:hover, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .mediaInfo, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .wholeTitle, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .icon-font, .no-touch .mod .jumpLabelList ul li a:hover, .no-touch .mod .teaser .linklist ul li a:hover, .no-touch .mod .controls.list .entry a:hover {
  /* fallback/image non-cover color */
  background-color: #17c0ff;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#17c0ff, #17c0ff);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17c0ff), to(#17c0ff));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#17c0ff, #17c0ff);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#17c0ff, #17c0ff);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#17c0ff, #17c0ff);
  color: #fff; }
  .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .shortInfos a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .mediaInfo a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .shortInfos a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .mediaInfo a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .shortInfos a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .mediaInfo a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .shortInfos a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .mediaInfo a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .box.galleryLink .teaser.teaserStandard:hover a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .mediaInfo a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .wholeTitle a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .icon-font a, .no-touch .mod .jumpLabelList ul li a:hover a, .no-touch .mod .teaser .linklist ul li a:hover a, .no-touch .mod .controls.list .entry a:hover a, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .shortInfos span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .mediaInfo span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .shortInfos span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .mediaInfo span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .shortInfos span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .mediaInfo span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .shortInfos span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .mediaInfo span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .box.galleryLink .teaser.teaserStandard:hover span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .mediaInfo span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .wholeTitle span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .icon-font span:not(.textHighlight), .no-touch .mod .jumpLabelList ul li a:hover span:not(.textHighlight), .no-touch .mod .teaser .linklist ul li a:hover span:not(.textHighlight), .no-touch .mod .controls.list .entry a:hover span:not(.textHighlight), .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .shortInfos p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .mediaInfo p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .shortInfos p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .mediaInfo p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .shortInfos p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .mediaInfo p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .shortInfos p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .mediaInfo p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .box.galleryLink .teaser.teaserStandard:hover p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .mediaInfo p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .wholeTitle p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .icon-font p, .no-touch .mod .jumpLabelList ul li a:hover p, .no-touch .mod .teaser .linklist ul li a:hover p, .no-touch .mod .controls.list .entry a:hover p, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .shortInfos div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .mediaInfo div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .shortInfos div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .mediaInfo div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .shortInfos div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .mediaInfo div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .shortInfos div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .mediaInfo div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .box.galleryLink .teaser.teaserStandard:hover div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .mediaInfo div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .wholeTitle div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .icon-font div, .no-touch .mod .jumpLabelList ul li a:hover div, .no-touch .mod .teaser .linklist ul li a:hover div, .no-touch .mod .controls.list .entry a:hover div, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .shortInfos h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserStandard:hover:not(.teaserInfobox) > .mediaInfo h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .shortInfos h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .av-playerContainer .teaser.teaserAv:hover:not(.teaserInfobox) > .mediaInfo h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .shortInfos h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .teaser.teaserIPGLivestream:hover:not(.teaserInfobox) > .mediaInfo h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .shortInfos h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .media:hover:not(.teaserInfobox) > .mediaInfo h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .box.galleryLink .teaser.teaserStandard:hover h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .mediaInfo h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .wholeTitle h4, .no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active) .mediaList .media:hover .icon-font h4, .no-touch .mod .jumpLabelList ul li a:hover h4, .no-touch .mod .teaser .linklist ul li a:hover h4, .no-touch .mod .controls.list .entry a:hover h4 {
    color: #fff; }

.no-touch .mod:not(.modIdentSlider):not(.modStage):not(.modGallery) .mediaCon:not(.active).mediaConAudioButton .mediaList .media:hover .mediaInfo {
  background: none; }

#bigstage {
  display: none;
  background-image: url(/static/homepageStage/img/stage_l.jpg);
  background-position: center center;
  /* fallback/image non-cover color */
  background-color: #f9d10f;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#f9d10f, #fde706);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9d10f), to(#fde706));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#f9d10f, #fde706);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#f9d10f, #fde706);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#f9d10f, #fde706);
  overflow: hidden; }

body.bigStage #bigstage .aniItem, body.bigStage #bigstage .scene-1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0; }
  body.bigStage #bigstage .aniItem img, body.bigStage #bigstage .scene-1 img {
    height: 100%; }

html.touch #bigstage {
  position: absolute !important; }

body.bigStage {
  padding-top: 436px; }
  body.bigStage #bigstage {
    display: block;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 360px; }
    body.bigStage #bigstage .stoerer {
      position: absolute; }
    body.bigStage #bigstage .icon-font {
      float: left; }
    body.bigStage #bigstage .wholeTitle {
      display: table;
      padding-left: 8px; }
      body.bigStage #bigstage .wholeTitle span {
        display: block;
        margin-bottom: 8px; }
        body.bigStage #bigstage .wholeTitle span.headline, body.bigStage #bigstage .wholeTitle span.icon-font {
          text-transform: uppercase;
          font-size: 1.1875em; }
    body.bigStage #bigstage .innerGfx {
      display: block; }
    body.bigStage #bigstage .aniItem.message {
      line-height: 1.21;
      width: 200px;
      top: 150px; }
      body.bigStage #bigstage .aniItem.message .innerMessage {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        display: block;
        -webkit-box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.75); }
        body.bigStage #bigstage .aniItem.message .innerMessage a {
          padding: 8px;
          display: block; }
    body.bigStage #bigstage .scene-1 .scene-1-1 {
      top: 30px;
      height: 370px; }
    body.bigStage #bigstage .scene-1 .message .headline, body.bigStage #bigstage .scene-1 .message .icon-font {
      color: #b0001d; }
    body.bigStage #bigstage .scene-1 .message .teasertext {
      color: #2d100c; }
    body.bigStage #bigstage .scene-1 .message .innerMessage {
      background-color: #fff2ca; }
    body.bigStage #bigstage .scene-2 .message .headline, body.bigStage #bigstage .scene-2 .message .icon-font {
      color: #005c63; }
    body.bigStage #bigstage .scene-2 .message .teasertext {
      color: #005c63; }
    body.bigStage #bigstage .scene-2 .message .innerMessage {
      background-color: #fff; }
    body.bigStage #bigstage .scene-2 .scene-2-1 {
      top: 170px; }
    body.bigStage #bigstage .scene-3 .scene-3-0 {
      top: 90px;
      overflow: hidden; }
    body.bigStage #bigstage .scene-4 .message .headline, body.bigStage #bigstage .scene-4 .message .icon-font {
      color: #fff; }
    body.bigStage #bigstage .scene-4 .message .teasertext {
      color: #fff; }
    body.bigStage #bigstage .scene-4 .message .innerMessage {
      background-color: #fff; }
    body.bigStage #bigstage .scene-4 .message .innerMessage {
      /* fallback/image non-cover color */
      background-color: #f3ab00;
      /* Firefox 3.6+ */
      background-image: -moz-linear-gradient(#f3ab00, #e71e55);
      /* Safari 4+, Chrome 1+ */
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3ab00), to(#e71e55));
      /* Safari 5.1+, Chrome 10+ */
      background-image: -webkit-linear-gradient(#f3ab00, #e71e55);
      /* Opera 11.10+ */
      background-image: -o-linear-gradient(#f3ab00, #e71e55);
      /* Firefox 3.6+ */
      background-image: linear-gradient(#f3ab00, #e71e55); }
  body.bigStage .conBigStage {
    width: 690px;
    height: 366px;
    margin: 0 auto;
    float: none;
    position: relative; }
    body.bigStage .conBigStage .modCon {
      position: relative;
      float: none;
      height: 2000px; }
  body.bigStage #header {
    position: absolute;
    top: 360px !important; }
    body.bigStage #header .logo {
      opacity: 0; }
    body.bigStage #header.isScrolling {
      top: 0 !important; }
      body.bigStage #header.isScrolling .logo {
        opacity: 1; }
  body.bigStage #content {
    position: relative;
    z-index: 1;
    padding-top: 40px; }
  body.bigStage #footer {
    z-index: 1; }

.startseite .conBigStage, .bigStage .conBigStage {
  display: block; }

.mod.modBigStage {
  float: none; }

.view-m body.bigStage #bigstage {
  background-image: url(/static/homepageStage/img/stage_m.jpg); }
  .view-m body.bigStage #bigstage .scene-1-1 {
    height: 320px;
    top: 40px; }
  .view-m body.bigStage #bigstage .scene-3-0 {
    top: 146px; }
  .view-m body.bigStage #bigstage .scene-3-1 {
    top: 100px; }
  .view-m body.bigStage #bigstage .scene-4-0 {
    height: 290px;
    top: 70px; }

.view-l body.bigStage #bigstage {
  background-image: url(/static/homepageStage/img/stage_l.jpg); }
  .view-l body.bigStage #bigstage .scene-3-0 {
    top: 146px; }
  .view-l body.bigStage #bigstage .scene-3-1 {
    top: 80px; }
  .view-l body.bigStage #bigstage .scene-4-0 {
    height: 390px;
    top: 0; }

.view-xl body.bigStage {
  padding-top: 476px; }
  .view-xl body.bigStage #bigstage {
    background-image: url(/static/homepageStage/img/stage_xl.jpg);
    height: 400px; }
    .view-xl body.bigStage #bigstage .scene-3-1 {
      top: 130px; }
  .view-xl body.bigStage #header {
    top: 400px !important; }
    .view-xl body.bigStage #header.isScrolling {
      top: 0 !important; }

.view-s body.bigStage, .view-xs body.bigStage {
  padding-top: 246px; }
  .view-s body.bigStage #bigstage, .view-xs body.bigStage #bigstage {
    background-image: url(/static/homepageStage/img/stage_s.jpg);
    height: 190px;
    position: absolute; }
  .view-s body.bigStage #header, .view-xs body.bigStage #header {
    top: 190px !important; }
    .view-s body.bigStage #header.isScrolling, .view-xs body.bigStage #header.isScrolling {
      top: 0 !important; }

.view-xs body.bigStage {
  padding-top: 196px; }
  .view-xs body.bigStage #bigstage {
    background-image: url(/static/homepageStage/img/stage_s.jpg);
    height: 140px;
    background-size: cover; }
  .view-xs body.bigStage #header {
    top: 140px !important; }
    .view-xs body.bigStage #header.isScrolling {
      top: 0 !important; }

.modConFull {
  margin-bottom: 16px; }
  .modConFull .mod:first-child .boxCon .box {
    padding-bottom: 0; }
    .modConFull .mod:first-child .boxCon .box .teasertext {
      margin-bottom: 0; }

.conInline .modConFull .mod.modA:first-child .boxCon {
  background-color: transparent; }
  .conInline .modConFull .mod.modA:first-child .boxCon .box {
    padding: 0;
    margin-bottom: 8px; }
    .conInline .modConFull .mod.modA:first-child .boxCon .box .teasertext {
      margin-bottom: 0; }

.conBroadcastHeader .modConFull {
  margin-bottom: 0; }
.conBroadcastHeader .mod .teaser.teaserAv {
  margin-bottom: 0 !important; }

.mod.modGalleryTeaser.owl-noSlider.modA .owl-item, .mod.modGalleryTeaser.owl-noSlider.modA .owl-stage {
  width: 100% !important; }
html.flexbox .mod.modGalleryTeaser .mediaCon {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto !important;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  html.flexbox .mod.modGalleryTeaser .mediaCon .media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
.mod.modGalleryTeaser .teaser .shortInfos, .mod.modGalleryTeaser .teaser .teasertext {
  background: none;
  padding: 0;
  border-radius: 0;
  margin-bottom: 0; }
.mod.modGalleryTeaser .teaser p.dachzeile a, .mod.modGalleryTeaser .teaser h4.headline a {
  color: #005c63; }
.mod.modGalleryTeaser .teaser .linkAll {
  display: none; }
.mod.modGalleryTeaser .box.galleryLink .teaser {
  background-color: #005c63;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }
.mod.modGalleryTeaser .box.galleryLink .bigLinkText > .icon-font {
  opacity: .5;
  position: absolute;
  top: 50%;
  font-size: 82px;
  height: 0;
  margin-top: -42px;
  width: 100%;
  float: none;
  text-align: center;
  color: #ffea19; }
.mod.modGalleryTeaser .box.galleryLink .shortInfos {
  position: absolute;
  bottom: 0;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.8); }
  .mod.modGalleryTeaser .box.galleryLink .shortInfos p.dachzeile, .mod.modGalleryTeaser .box.galleryLink .shortInfos p.dachzeile a {
    color: #005c63; }
  .mod.modGalleryTeaser .box.galleryLink .shortInfos .icon-font {
    display: none; }
  .mod.modGalleryTeaser .box.galleryLink .shortInfos .wholeTitle {
    display: block;
    text-align: center;
    text-transform: uppercase; }
.modD .mod.modGalleryTeaser .box.galleryLink .wholeTitle {
  text-indent: -999em; }
.mod.modEventgalleryTeaser .mediaInfo {
  position: absolute;
  left: 4px;
  bottom: 4px;
  padding: 6px;
  width: 40px;
  height: auto;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }
  .mod.modEventgalleryTeaser .mediaInfo .wholeTitle {
    display: none; }
  .mod.modEventgalleryTeaser .mediaInfo .icon-font {
    margin: 0;
    float: none; }
.mod.modEventgalleryTeaser .media img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.sectionA .modA.modAnleitungsTeaserBig .box .media .mediaLink, .sectionA .modA.modAnleitungsTeaserBig .box .media img, .sectionA .modA.modAnleitungsTeaserBig .box .media .mediaInfo, .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaLink, .sectionZ .modA.modAnleitungsTeaserBig .box .media img, .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaInfo {
  width: 48%; }
  .view-m .sectionA .modA.modAnleitungsTeaserBig .box .media .mediaLink, .view-xs .sectionA .modA.modAnleitungsTeaserBig .box .media .mediaLink, .view-m .sectionA .modA.modAnleitungsTeaserBig .box .media img, .view-xs .sectionA .modA.modAnleitungsTeaserBig .box .media img, .view-m .sectionA .modA.modAnleitungsTeaserBig .box .media .mediaInfo, .view-xs .sectionA .modA.modAnleitungsTeaserBig .box .media .mediaInfo, .view-m .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaLink, .view-xs .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaLink, .view-m .sectionZ .modA.modAnleitungsTeaserBig .box .media img, .view-xs .sectionZ .modA.modAnleitungsTeaserBig .box .media img, .view-m .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaInfo, .view-xs .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaInfo {
    width: 100%; }
.sectionA .modA.modAnleitungsTeaserBig .box .media img, .sectionA .modA.modAnleitungsTeaserBig .box .media .mediaLink, .sectionA .modA.modAnleitungsTeaserBig .box .media .mediaInfo, .sectionZ .modA.modAnleitungsTeaserBig .box .media img, .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaLink, .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaInfo {
  margin-right: 2%; }
.sectionA .modA.modAnleitungsTeaserBig .box .media .mediaLink img, .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaLink img {
  width: 100%; }
.sectionA .modA.modAnleitungsTeaserBig .box .media .mediaInfo, .sectionZ .modA.modAnleitungsTeaserBig .box .media .mediaInfo {
  clear: both; }

html.flexbox .mod.modAnleitungsTeaserBig .owl-carousel {
  width: 100%; }
html.flexbox .mod.modAnleitungsTeaserBig .mediaCon .media.mediaB {
  display: block; }

.view-m .modAnleitungsTeaserBig, .view-l .modAnleitungsTeaserBig, .view-xl .modAnleitungsTeaserBig {
  display: block; }
.view-m .modAnleitungsTeaserSmall, .view-l .modAnleitungsTeaserSmall, .view-xl .modAnleitungsTeaserSmall {
  display: none; }
.view-m .modEventgalleryTeaser .media img, .view-l .modEventgalleryTeaser .media img, .view-xl .modEventgalleryTeaser .media img {
  cursor: pointer; }

.view-s .modAnleitungsTeaserSmall, .view-xs .modAnleitungsTeaserSmall, .sectionC .modAnleitungsTeaserSmall {
  /*display: block;*/
  display: none; }
.view-s .modAnleitungsTeaserBig, .view-xs .modAnleitungsTeaserBig, .sectionC .modAnleitungsTeaserBig {
  /*display: none;*/
  display: block; }

.lightboxWrapper .closeBtn {
  color: #fff;
  font-size: 1em;
  position: fixed;
  right: 1rem;
  top: 1rem;
  z-index: 1002;
  margin: 0;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7;
  border-radius: 50%;
  display: none; }
  .lightboxWrapper .closeBtn:before {
    font-family: 'kikons';
    content: '\e031';
    color: #005c63; }

.lightboxWrapper .brav-showControls .mediaHint {
  display: block !important; }

.lightboxWrapper .av-playerContainer .controls .infoBtn {
  display: none; }

.modLightbox-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 10%;
  justify-content: center;
  text-align: center; }
  .modLightbox-header .shortInfos {
    background: none; }
  .modLightbox-header .teasertext {
    margin-top: .25rem; }
  .modLightbox-header .avInfos {
    display: none; }
  .modLightbox-header p, .modLightbox-header h1 {
    color: #fff !important;
    font-size: 1rem;
    line-height: 1.5; }
  .modLightbox-header p.subtitle {
    font-size: 1.125rem;
    margin-top: .25rem; }
  .modLightbox-header h1 {
    font-size: 1.5rem; }

.modLightbox-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: .5rem;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .modLightbox-footer .moreBtn {
    margin: 0;
    float: none;
    background: none;
    border: 1px solid #fff; }
    .modLightbox-footer .moreBtn a {
      color: #fff; }

.modLightbox-content {
  display: none;
  width: 100%;
  position: fixed;
  z-index: 1001;
  left: 50%;
  top: 50%;
  margin: 0;
  height: auto; }
  .modLightbox-content .mediaCon .media img, .modLightbox-content .av-playerContainer {
    border-radius: 3px; }
  .modLightbox-content .con {
    box-shadow: none; }
  .modLightbox-content.loading {
    width: 128px !important;
    height: 128px !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -64px !important;
    margin-top: -64px !important; }
    .modLightbox-content.loading .con {
      background-color: #f7f7f7;
      width: 128px !important;
      height: 128px !important;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }
    .modLightbox-content.loading .teaser, .modLightbox-content.loading .controls, .modLightbox-content.loading .closeBtn, .modLightbox-content.loading .av-playerContainer {
      display: none; }
    .modLightbox-content.loading .box {
      opacity: 0; }
  .modLightbox-content.playerLayer {
    position: fixed; }
    .modLightbox-content.playerLayer .mediaInfo {
      display: none; }
    .modLightbox-content.playerLayer .modLightbox-contentWrapper .mediaHint {
      position: absolute;
      display: inline-block;
      top: 35px;
      right: 4px;
      z-index: 4; }
      html.view-xl .modLightbox-content.playerLayer .modLightbox-contentWrapper .mediaHint {
        top: 55px;
        right: 35px; }
    .modLightbox-content.playerLayer .av-playerContainer {
      padding-top: 56.25%; }
      .modLightbox-content.playerLayer .av-playerContainer video, .modLightbox-content.playerLayer .av-playerContainer img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
  .modLightbox-content .box {
    width: 100%;
    padding: 0;
    display: block !important; }
  .modLightbox-content .info {
    color: #fff; }
  .modLightbox-content .con {
    background-color: transparent;
    padding: 0; }
  .modLightbox-content fieldset,
  .modLightbox-content .mod {
    background-color: transparent; }
    .modLightbox-content fieldset .controls.sliding,
    .modLightbox-content .mod .controls.sliding {
      border: 0 !important;
      height: 0 !important; }
      .modLightbox-content fieldset .controls.sliding .buttons,
      .modLightbox-content .mod .controls.sliding .buttons {
        min-height: 0; }
      .modLightbox-content fieldset .controls.sliding a.prev, .modLightbox-content fieldset .controls.sliding a.next,
      .modLightbox-content .mod .controls.sliding a.prev,
      .modLightbox-content .mod .controls.sliding a.next {
        background-color: #f7f7f7;
        width: 32px !important;
        height: 44px !important;
        margin-right: 0;
        min-width: 0;
        margin-left: 0; }
        .modLightbox-content fieldset .controls.sliding a.prev:before, .modLightbox-content fieldset .controls.sliding a.next:before,
        .modLightbox-content .mod .controls.sliding a.prev:before,
        .modLightbox-content .mod .controls.sliding a.next:before {
          margin-top: -9px;
          left: 50%; }
      .modLightbox-content fieldset .controls.sliding a.prev,
      .modLightbox-content .mod .controls.sliding a.prev {
        left: 0;
        -webkit-border-radius: 0 100px 100px 0;
        -moz-border-radius: 0 100px 100px 0;
        -ms-border-radius: 0 100px 100px 0;
        border-radius: 0 100px 100px 0; }
        .modLightbox-content fieldset .controls.sliding a.prev:before,
        .modLightbox-content .mod .controls.sliding a.prev:before {
          margin-left: -17px; }
      .modLightbox-content fieldset .controls.sliding a.next,
      .modLightbox-content .mod .controls.sliding a.next {
        -webkit-border-radius: 100px 0 0 100px;
        -moz-border-radius: 100px 0 0 100px;
        -ms-border-radius: 100px 0 0 100px;
        border-radius: 100px 0 0 100px;
        right: 0; }
        .modLightbox-content fieldset .controls.sliding a.next:before,
        .modLightbox-content .mod .controls.sliding a.next:before {
          margin-left: -9px; }
  .modLightbox-content .mod.modGallery .controls.sliding .buttons {
    position: static; }
  .modLightbox-content .mod.modGallery .controls.sliding a.prev {
    left: 0 !important; }
  .modLightbox-content .mod.modGallery .controls.sliding a.next {
    right: 0 !important; }
  .modLightbox-content .mod .mediaInfo {
    background: none;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0; }
    .modLightbox-content .mod .mediaInfo .wholeTitle .mediaDescription {
      margin-left: 12px; }
  .modLightbox-content .mod .mediaInfo,
  .modLightbox-content .mod .mediaCon, .modLightbox-content .con {
    margin: 0; }
  .modLightbox-content .modConGallery .modPicture {
    display: none; }
  .modLightbox-content .mediaInfo .wholeTitle {
    float: left;
    width: 100%; }

.modLightbox-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: none;
  top: 0;
  left: 0; }

.lightbox-link {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1; }

.view-s .lightbox-link {
  display: none; }

@keyframes blendIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes scaleIn {
  0% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
.no-touch .modLightbox-content .mod .controls.sliding a.prev:hover, .no-touch .modLightbox-content .mod .controls.sliding a.next:hover {
  background-color: white; }
  .no-touch .modLightbox-content .mod .controls.sliding a.prev:hover:before, .no-touch .modLightbox-content .mod .controls.sliding a.next:hover:before {
    color: #17c0ff; }

html.lightboxOpen .lightboxWrapper.active {
  overflow: hidden; }
  html.lightboxOpen .lightboxWrapper.active .modLightbox-content {
    display: block; }
  html.lightboxOpen .lightboxWrapper.active .modLightbox-bg {
    display: block;
    animation: blendIn .3s ease-out;
    animation-fill-mode: forwards; }
  html.lightboxOpen .lightboxWrapper.active .closeBtn {
    display: flex; }

.mod.modParagraph h3.headline, .mod.modParagraph h4.headline {
  margin-bottom: 8px;
  font-size: 1.6875em; }
.mod.modParagraph > .boxCon > .box {
  display: block !important; }
.mod.modParagraph p.text {
  margin-bottom: 8px; }
.mod.modParagraph p > a {
  color: #17c0ff;
  text-decoration: none;
  font-weight: normal; }
.mod.modParagraph p.subtitle, .mod.modParagraph p.dachzeile, .mod.modParagraph h4.headline, .mod.modParagraph h4.subtitle {
  font-size: 1.1875em; }
.mod.modParagraph .headline {
  clear: both; }
.mod.modParagraph .jumpLabel {
  display: block;
  position: relative;
  top: -81px;
  visibility: hidden; }
.mod.modParagraph .scrollToTop {
  display: none; }
.mod.modParagraph .jumpLabelList {
  float: left;
  width: 100%;
  margin-bottom: 16px; }
  .mod.modParagraph .jumpLabelList ul {
    margin: 0 0 -8px 0 !important;
    list-style-type: none; }
    .mod.modParagraph .jumpLabelList ul li a {
      white-space: normal;
      color: #005c63;
      text-shadow: none;
      font-size: 0.95em;
      font-weight: bold;
      display: table;
      border: none;
      padding: 6px 6px 6px 8px;
      margin: 0 0 8px 0;
      width: 100%;
      background-color: #ebebeb;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px; }
  .mod.modParagraph .jumpLabelList .icon-font {
    display: inline; }
.mod.modParagraph .infokasten {
  width: 100%; }
.mod.modParagraph .paragraph > ul.small, .mod.modParagraph .paragraph > ol, .mod.modParagraph .paragraph > ul {
  margin: 0 0 8px 24px !important;
  list-style-type: square; }
.mod.modParagraph .paragraph > ol {
  list-style-type: decimal; }
.mod.modParagraph .paragraph .mediaLeft ~ ul li {
  list-style-position: inside; }
.mod.modParagraph .paragraph .mediaLeft ~ ol li {
  list-style-position: inside; }
.mod.modParagraph .mediaHalf,
.mod.modParagraph .mediaThird {
  float: left;
  clear: left; }
.mod.modParagraph .media {
  margin: 0;
  width: 100%; }
.mod.modParagraph .mediaCon {
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  /*
  $width: round($sectionZRatioDetail*$wrapperM)-$boxPaddingSmall*2;
  $type: standard;
  @import "../../includes/mediaSizes";
   */ }
  .mod.modParagraph .mediaCon .mediaList, .mod.modParagraph .mediaCon .controls.sliding, .mod.modParagraph .mediaCon .controls.paging {
    background-color: #ebebeb; }
  .mod.modParagraph .mediaCon.mediaFull {
    position: relative;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 16px;
    overflow: hidden; }
  .mod.modParagraph .mediaCon.mediaTop {
    left: 0;
    width: 100% !important; }
  .mod.modParagraph .mediaCon.mediaConAudioButton {
    background: none;
    margin-bottom: 16px;
    width: 33.333%; }
    .mod.modParagraph .mediaCon.mediaConAudioButton .mediaList, .mod.modParagraph .mediaCon.mediaConAudioButton .mediaInfo {
      background: none; }
    .mod.modParagraph .mediaCon.mediaConAudioButton .audiobutton-progress {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #005c63;
      z-index: 0;
      display: none; }
    .mod.modParagraph .mediaCon.mediaConAudioButton .mediaTitle {
      position: relative;
      z-index: 1; }
    .mod.modParagraph .mediaCon.mediaConAudioButton .mediaInfo {
      margin-top: 2px;
      padding: 0; }
      .mod.modParagraph .mediaCon.mediaConAudioButton .mediaInfo .icon-font, .mod.modParagraph .mediaCon.mediaConAudioButton .mediaInfo .wholeTitle {
        padding: 6px;
        background-color: #ebebeb;
        display: inline-block;
        font-size: 1em;
        line-height: 1.21em; }
      .mod.modParagraph .mediaCon.mediaConAudioButton .mediaInfo .wholeTitle {
        width: 84%; }
      .mod.modParagraph .mediaCon.mediaConAudioButton .mediaInfo .icon-font {
        width: 15%;
        margin-right: 1%;
        text-align: center;
        vertical-align: middle; }
    .mod.modParagraph .mediaCon.mediaConAudioButton.noImage .mediaInfo {
      overflow: hidden;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px; }
    .mod.modParagraph .mediaCon.mediaConAudioButton.active .audiobutton-progress {
      display: block; }
    .mod.modParagraph .mediaCon.mediaConAudioButton.active.audiobutton-playing .icon-font {
      text-indent: -999em;
      background: #005c63 url(/resources/img/kika/equalizer_white.gif) no-repeat center center;
      background-size: 24px; }
  .mod.modParagraph .mediaCon .mediaList {
    float: left;
    width: 100%;
    position: relative;
    padding: 4px; }
    .mod.modParagraph .mediaCon .mediaList .media {
      margin: 0;
      padding: 4px; }
      .mod.modParagraph .mediaCon .mediaList .media .mediaInfo {
        margin-bottom: 0; }
  .mod.modParagraph .mediaCon.mediaTop {
    width: 100%; }
  .mod.modParagraph .mediaCon.mediaFull {
    width: 100%; }
    html.view-m .mod.modParagraph .mediaCon.mediaFull .mediaListA.owl-carousel .owl-stage-outer .owl-stage {
      width: 100% !important; }
  .mod.modParagraph .mediaCon.mediaLeft {
    margin-right: 12px !important;
    margin-bottom: 12px; }
  .mod.modParagraph .mediaCon.mediaRight {
    margin-left: 12px !important;
    margin-bottom: 12px; }
  .mod.modParagraph .mediaCon.mediaLeft .mediaList,
  .mod.modParagraph .mediaCon.mediaLeft .media, .mod.modParagraph .mediaCon.mediaRight .mediaList,
  .mod.modParagraph .mediaCon.mediaRight .media {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0; }
  .mod.modParagraph .mediaCon .mediaListA {
    width: 100% !important; }
    .mod.modParagraph .mediaCon .mediaListA .media {
      padding: 0; }
  .mod.modParagraph .mediaCon.mediaListB {
    width: 50% !important; }
  .mod.modParagraph .mediaCon.mediaListC {
    width: 33.34% !important; }
.mod.modParagraph .quote {
  padding: 16px;
  background-color: #ebebeb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  .mod.modParagraph .quote p, .mod.modParagraph .quote span {
    display: block; }
  .mod.modParagraph .quote ul {
    list-style-type: disc;
    list-style-position: inside; }
  .mod.modParagraph .quote ol {
    list-style-type: decimal;
    list-style-position: inside; }
  .mod.modParagraph .quote ul ul, .mod.modParagraph .quote ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px; }
  .mod.modParagraph .quote ul ol, .mod.modParagraph .quote ol ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px; }
  .mod.modParagraph .quote .mediaCon {
    width: 100%;
    max-width: 25%;
    float: left;
    margin-right: 3%;
    margin-bottom: 0; }
    .mod.modParagraph .quote .mediaCon img {
      -webkit-border-radius: 50% !important;
      -moz-border-radius: 50% !important;
      -ms-border-radius: 50% !important;
      border-radius: 50% !important; }
  .mod.modParagraph .quote.left {
    margin: 0 16px 16px 0; }
  .mod.modParagraph .quote.right {
    margin: 0 0 16px 16px; }
  .mod.modParagraph .quote .icon-font {
    padding: 8px;
    font-size: 4em;
    margin-right: 16px;
    color: #17c0ff; }
  .mod.modParagraph .quote .author {
    float: right;
    margin-top: 16px;
    color: #005c63;
    font-style: italic; }
  .mod.modParagraph .quote.viewB {
    width: 50% !important; }
    .mod.modParagraph .quote.viewB .mediaCon {
      max-width: 40%; }
  .mod.modParagraph .quote.viewC {
    width: 33.333% !important; }
    .mod.modParagraph .quote.viewC .mediaCon {
      max-width: 50%; }
.mod.modParagraph .download {
  margin-bottom: 8px;
  background-color: #ccc;
  position: relative;
  float: left;
  width: 100%;
  text-align: center; }
  .mod.modParagraph .download.withImage .downloadAction {
    position: absolute;
    bottom: 16px;
    left: 50%;
    margin-left: -160px; }
    .mod.modParagraph .download.withImage .downloadAction .moreBtn {
      overflow: hidden; }
  .mod.modParagraph .download .downloadAction {
    display: inline-block;
    margin: 8px;
    padding: 8px;
    width: 320px;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .mod.modParagraph .download .mediaCon, .mod.modParagraph .download .media {
    width: 100%;
    margin: 0; }
  .mod.modParagraph .download .downloadInfos {
    margin-top: 8px;
    display: block;
    text-align: center; }
  .mod.modParagraph .download .moreBtn {
    margin: 0;
    float: none;
    display: block; }
    .mod.modParagraph .download .moreBtn .icon-font {
      display: inline-block; }

#content .mod.modParagraph .mediaCon .mediaList, #content .mod.modParagraph .mediaCon .controls.paging, #content .mod.modParagraph .mediaCon .controls.sliding {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0; }

.conAccordion .mod .mediaCon.mediaConAudioButton .mediaInfo .icon-font, .conAccordion .mod .mediaCon.mediaConAudioButton .mediaInfo .wholeTitle {
  background-color: #005c63;
  color: #fff; }
  .conAccordion .mod .mediaCon.mediaConAudioButton .mediaInfo .icon-font .mediaTitle, .conAccordion .mod .mediaCon.mediaConAudioButton .mediaInfo .wholeTitle .mediaTitle {
    color: #fff; }

.sectionAvDetail .modParagraph .mediaCon {
  float: left; }

.view-m .mediaCon.mediaFull {
  position: relative; }
.view-m .mod.modParagraph .quote.viewA .mediaCon {
  max-width: 30%; }
.view-m .mod.modParagraph .quote.viewB .mediaCon {
  max-width: 50%; }
.view-m .mod.modParagraph .quote.viewC .mediaCon {
  max-width: 90%;
  float: none;
  margin: 0 auto; }

.view-l .modParagraph .mediaCon {
  /*$sizeModA: $width;
  $sizeModB: $width/2;
  $sizeModC: $width*0.333;
  
  
  @if $type == singleSize {
    $sizeModA: $width;
    $sizeModB: $width/2;
    $sizeModC: $width/2;
  }
  
  @if $type == standard {
    $sizeModA: $width;
    $sizeModB: $width/2;
    $sizeModC: $width*0.333;
  
  }
  
  .mediaListC .media {
    width: floor($sizeModC);
  }
  
  .mediaListB .media {
    width: floor($sizeModB);
  }
  
  .mediaListA .media {
    width: floor($sizeModA) - 1;
  }
    */ }
  .view-l .modParagraph .mediaCon .media {
    width: 100%; }
  .view-l .modParagraph .mediaCon .mediaListC .media {
    width: 33.333%; }
  .view-l .modParagraph .mediaCon .mediaListB .media {
    width: 50%; }
  .view-l .modParagraph .mediaCon .mediaListA .media {
    width: 100%; }
.view-l .mod.modParagraph .quote.viewC .mediaCon {
  max-width: 70%;
  float: none;
  margin: 0 auto; }

.view-xl .modParagraph .paragraph ul.small, .view-xl .modParagraph .paragraph ol, .view-xl .modParagraph .paragraph ul {
  margin-left: 32px !important; }
.view-xl .modParagraph .mediaCon {
  /*$sizeModA: $width;
  $sizeModB: $width/2;
  $sizeModC: $width*0.333;
  
  
  @if $type == singleSize {
    $sizeModA: $width;
    $sizeModB: $width/2;
    $sizeModC: $width/2;
  }
  
  @if $type == standard {
    $sizeModA: $width;
    $sizeModB: $width/2;
    $sizeModC: $width*0.333;
  
  }
  
  .mediaListC .media {
    width: floor($sizeModC);
  }
  
  .mediaListB .media {
    width: floor($sizeModB);
  }
  
  .mediaListA .media {
    width: floor($sizeModA) - 1;
  }
    */ }
  .view-xl .modParagraph .mediaCon .media {
    width: 100%; }
  .view-xl .modParagraph .mediaCon.mediaRight .media {
    padding: 0; }
  .view-xl .modParagraph .mediaCon .mediaListC .media {
    width: 33.333%; }
  .view-xl .modParagraph .mediaCon .mediaListB .media {
    width: 50%; }
  .view-xl .modParagraph .mediaCon .mediaListA .media {
    width: 100%; }

.view-s .modParagraph .mediaCon, .view-xs .modParagraph .mediaCon {
  /*$sizeModA: $width;
  $sizeModB: $width/2;
  $sizeModC: $width*0.333;
  
  
  @if $type == singleSize {
    $sizeModA: $width;
    $sizeModB: $width/2;
    $sizeModC: $width/2;
  }
  
  @if $type == standard {
    $sizeModA: $width;
    $sizeModB: $width/2;
    $sizeModC: $width*0.333;
  
  }
  
  .mediaListC .media {
    width: floor($sizeModC);
  }
  
  .mediaListB .media {
    width: floor($sizeModB);
  }
  
  .mediaListA .media {
    width: floor($sizeModA) - 1;
  }
    */ }
  .view-s .modParagraph .mediaCon .mediaListC .media, .view-xs .modParagraph .mediaCon .mediaListC .media {
    width: 50%; }
  .view-s .modParagraph .mediaCon .mediaListB .media, .view-xs .modParagraph .mediaCon .mediaListB .media {
    width: 50%; }
  .view-s .modParagraph .mediaCon .mediaListA .media, .view-xs .modParagraph .mediaCon .mediaListA .media {
    width: 100%; }

.view-xs .mod.modParagraph .mediaCon.mediaLeft, .view-xs .mod.modParagraph .mediaCon.mediaFull, .view-xs .mod.modParagraph .mediaCon.mediaRight, .view-xs .mod.modParagraph .mediaCon.mediaConAudioButton {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 16px;
  left: 0 !important; }

.view-s .modParagraph .mediaListB, .view-xs .modParagraph .mediaListB {
  margin: 0; }

.view-s .mod.modParagraph .quote.viewA, .view-s .mod.modParagraph .quote.viewB, .view-s .mod.modParagraph .quote.viewC, .view-xs .mod.modParagraph .quote.viewA, .view-xs .mod.modParagraph .quote.viewB, .view-xs .mod.modParagraph .quote.viewC {
  width: 100% !important; }
  .view-s .mod.modParagraph .quote.viewA .mediaCon, .view-s .mod.modParagraph .quote.viewB .mediaCon, .view-s .mod.modParagraph .quote.viewC .mediaCon, .view-xs .mod.modParagraph .quote.viewA .mediaCon, .view-xs .mod.modParagraph .quote.viewB .mediaCon, .view-xs .mod.modParagraph .quote.viewC .mediaCon {
    max-width: 30%; }
.view-s .mod.modParagraph .download .downloadAction, .view-xs .mod.modParagraph .download .downloadAction {
  width: 262px; }
.view-s .mod.modParagraph .download.withImage .downloadAction, .view-xs .mod.modParagraph .download.withImage .downloadAction {
  width: 280px;
  margin-left: -140px; }

.section .conWrapper.conAccordion {
  margin-bottom: 8px; }
.section .modConGlossar .mod {
  width: 100%;
  margin: 0;
  margin-bottom: 8px; }
.section .modGlossar .boxCon {
  padding: 0 !important; }
.section .modGlossar .box {
  padding: 0 !important;
  margin-bottom: 8px; }
  .section .modGlossar .box h3 {
    font-size: 1.1875em; }
    .section .modGlossar .box h3 a {
      padding: 7px 40px 7px 7px;
      width: 100%;
      -webkit-border-radius: 6px 6px 0 0;
      -moz-border-radius: 6px 6px 0 0;
      -ms-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
      float: left;
      /* fallback/image non-cover color */
      background-color: #17c0ff;
      /* Firefox 3.6+ */
      background-image: -moz-linear-gradient(#17c0ff, #17c0ff);
      /* Safari 4+, Chrome 1+ */
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17c0ff), to(#17c0ff));
      /* Safari 5.1+, Chrome 10+ */
      background-image: -webkit-linear-gradient(#17c0ff, #17c0ff);
      /* Opera 11.10+ */
      background-image: -o-linear-gradient(#17c0ff, #17c0ff);
      /* Firefox 3.6+ */
      background-image: linear-gradient(#17c0ff, #17c0ff);
      color: #fff; }
      .section .modGlossar .box h3 a span {
        color: #fff; }
    .section .modGlossar .box h3 .collapseArrow {
      color: #fff; }
  .section .modGlossar .box.collapsed h3 a {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background: #ebebeb;
    color: #005c63; }
    .section .modGlossar .box.collapsed h3 a span {
      color: #005c63; }
  .section .modGlossar .box.collapsed h3 .collapseArrow {
    color: #005c63; }
.section .conAccordionBody {
  margin-bottom: 8px !important; }
  .section .conAccordionBody .controls.sliding {
    margin-bottom: 0; }
  .section .conAccordionBody.open .modCon .mod:last-child > div:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; }

.no-touch .modGlossar .box h3:hover span, .no-touch .modGlossar .box h3:hover div, .no-touch .modGlossar .box h3:hover .collapseArrow {
  color: #fff; }
.no-touch .modGlossar .box h3:hover a:hover {
  /* fallback/image non-cover color */
  background-color: #17c0ff;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#17c0ff, #17c0ff);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17c0ff), to(#17c0ff));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#17c0ff, #17c0ff);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#17c0ff, #17c0ff);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#17c0ff, #17c0ff);
  color: #fff; }

.modLinkList .shortInfos {
  display: none; }
.modLinkList .linklist {
  display: block; }

.mod.modMini h3.ressort {
  display: none; }

.view-s .modMini .box.active a, .view-s .modMini .box:hover a {
  background: transparent;
  color: inherit; }

.mod.modPicture .shortInfos {
  display: none; }

/* Tables */
.modTable .table {
  margin-bottom: 16px; }
.modTable caption {
  font-size: 1.6875em;
  color: #005c63;
  font-weight: bold; }
.modTable .box {
  width: 100% !important; }
.modTable .table table {
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }
  .modTable .table table tr.headlines:first-child th:first-child, .modTable .table table tr.headlines:first-child td:first-child, .modTable .table table tr.vert:first-child th:first-child, .modTable .table table tr.vert:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -ms-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0; }
  .modTable .table table tr.headlines:first-child th:last-child, .modTable .table table tr.headlines:first-child td:last-child, .modTable .table table tr.vert:first-child th:last-child, .modTable .table table tr.vert:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -ms-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0; }
  .modTable .table table tr, .modTable .table table td {
    background-color: #fff; }
  .modTable .table table th, .modTable .table table .headlines {
    background-color: transparent; }
  .modTable .table table tr {
    background-color: #fff; }
    .modTable .table table tr.even td {
      background-color: #ebebeb; }
  .modTable .table table tr.vert {
    background-color: transparent !important; }
    .modTable .table table tr.vert.even td {
      background-color: #fff; }
    .modTable .table table tr.vert td {
      border-bottom: 2px solid #ebebeb; }
      .modTable .table table tr.vert td.even {
        background-color: #ebebeb;
        border-bottom: 2px solid #f7f7f7; }
    .modTable .table table tr.vert.last td {
      border-bottom: none; }
  .modTable .table table .table-header td, .modTable .table table td.table-header, .modTable .table table th {
    color: #fff;
    background-color: #005c63 !important; }
  .modTable .table table .table-header {
    vertical-align: top; }

/* Comments */
.modComments {
  padding: 8px; }
  .modComments .boxCommentsHeader {
    padding: 0 !important;
    padding-top: 8px !important;
    margin-bottom: 16px; }
    .modComments .boxCommentsHeader h3.headline {
      max-width: 50%;
      float: left;
      color: #4f4f4f; }
    .modComments .boxCommentsHeader .moreBtn {
      margin-top: 0; }
  .modComments .boxCommentsEntry {
    padding: 8px !important;
    margin-bottom: 32px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff; }
    .modComments .boxCommentsEntry:after {
      content: "";
      position: absolute;
      bottom: -24px;
      left: 16px;
      border-width: 24px 0 0 27px;
      border-style: solid;
      border-color: #ffffff transparent;
      display: block;
      width: 0; }

.modConComments .modListFlexLoad {
  margin-top: -16px; }
.modConComments .modForm {
  padding: 8px; }
  .modConComments .modForm .box {
    padding: 0 !important;
    padding-top: 8px !important; }
    .modConComments .modForm .box h3.headline {
      margin-bottom: 16px;
      padding: 0 16px 0 62px; }
    .modConComments .modForm .box .form {
      position: relative;
      padding: 8px; }
      .modConComments .modForm .box .form:before {
        content: "";
        position: absolute;
        top: -50px;
        right: auto;
        bottom: auto;
        left: 12px;
        border-width: 50px 32px 0 0;
        border-color: transparent #ebebeb;
        display: block;
        width: 0;
        border-style: solid; }

.view-xs .modConComments .boxCommentsHeader h3.headline {
  max-width: 100%;
  margin-bottom: 16px; }
.view-xs .modConComments .boxCommentsHeader .moreBtn {
  width: 100%; }

.view-xl .modConComments .modForm, .view-xl .modConComments .modComments {
  padding: 11px; }

.modSeparator .box {
  background-color: white;
  height: 3px;
  margin: 24px 0 24px 0;
  padding-bottom: 0;
  padding-top: 0; }
  .modSeparator .box .moreBtn {
    margin-top: -12px;
    padding: 6px 10px;
    font-size: 1em;
    background-color: #e4eeef; }
    .modSeparator .box .moreBtn a {
      color: #005c63; }

.modBundleGroupNavi .owl-dots, .modBundleGroupNavi .owl-pages {
  display: none !important; }
.modBundleGroupNavi .bundleNaviWrapper {
  float: none;
  max-width: 85%;
  margin: 0 auto; }
.modBundleGroupNavi .static .bundleNaviWrapper {
  max-width: 100% !important; }
.modBundleGroupNavi .controls.sliding {
  height: 0;
  padding: 0 !important;
  border: 0; }
  .modBundleGroupNavi .controls.sliding .buttons a {
    top: -22px; }
.modBundleGroupNavi .owl-noSlider .owl-stage {
  width: 100% !important;
  text-align: center; }
.modBundleGroupNavi .owl-noSlider .owl-item {
  width: 58.8px !important;
  float: none;
  display: inline-block; }
  .modBundleGroupNavi .owl-noSlider .owl-item .bundleNaviItem {
    width: 100%; }
.modBundleGroupNavi .owl-stage {
  display: block !important; }
.modBundleGroupNavi .owl-item {
  display: inline-block !important; }
  .modBundleGroupNavi .owl-item .bundleNaviItem {
    width: 100%; }
.modBundleGroupNavi .prev, .modBundleGroupNavi .next {
  position: absolute;
  top: -44px;
  left: -40px; }
.modBundleGroupNavi .next {
  left: auto;
  right: -40px; }
.modBundleGroupNavi .bundleNavi {
  float: left;
  width: 100%; }
.modBundleGroupNavi .bundleNaviItem {
  float: left; }
  .modBundleGroupNavi .bundleNaviItem > a, .modBundleGroupNavi .bundleNaviItem > span {
    text-transform: uppercase;
    width: 43px;
    text-align: center;
    padding: 12px;
    margin-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #005c63;
    float: left;
    color: #fff; }
  .modBundleGroupNavi .bundleNaviItem.active a {
    /* fallback/image non-cover color */
    background-color: #17c0ff;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#17c0ff, #17c0ff);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17c0ff), to(#17c0ff));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#17c0ff, #17c0ff);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#17c0ff, #17c0ff);
    /* Firefox 3.6+ */
    background-image: linear-gradient(#17c0ff, #17c0ff);
    color: #fff; }
  .modBundleGroupNavi .bundleNaviItem.disabled > a, .modBundleGroupNavi .bundleNaviItem.disabled > span {
    background-color: #ebebeb;
    background-image: none;
    color: #ccc;
    cursor: text; }
  .modBundleGroupNavi .bundleNaviItem.filter-kikaninchen .pageItem img {
    width: 22px;
    height: auto;
    margin: 0 auto; }
.modBundleGroupNavi .bundleNaviBright .bundleNaviItem:not(.disabled) > a, .modBundleGroupNavi .bundleNaviBright .bundleNaviItem:not(.disabled) > span {
  background-color: #ebebeb;
  color: #005c63; }
.modBundleGroupNavi .bundleNaviBright .bundleNaviItem:hover a {
  color: #fff; }
.modBundleGroupNavi .bundleNaviBright .bundleNaviItem.active a {
  background-image: none;
  background-color: #005c63;
  color: #cbecee; }
  .modBundleGroupNavi .bundleNaviBright .bundleNaviItem.active a span {
    color: #cbecee; }
.modBundleGroupNavi .themes .bundleNaviItem > a, .modBundleGroupNavi .themes .bundleNaviItem > span, .modBundleGroupNavi .filter .bundleNaviItem > a, .modBundleGroupNavi .filter .bundleNaviItem > span {
  width: auto !important; }
.modBundleGroupNavi .filter .bundleNaviItem .pageItem {
  padding-top: 4px;
  padding-bottom: 7px; }
  .modBundleGroupNavi .filter .bundleNaviItem .pageItem .icon-font {
    float: none;
    margin: 0;
    font-size: 2em; }
.modBundleGroupNavi .disabled .bundleNaviWrapper, .modBundleGroupNavi .static .bundleNaviWrapper {
  float: none;
  text-align: center;
  width: 100%; }
  .modBundleGroupNavi .disabled .bundleNaviWrapper .bundleNaviItem, .modBundleGroupNavi .static .bundleNaviWrapper .bundleNaviItem {
    display: inline-block;
    float: none; }

.view-xs .modBundleGroupNavi .box, .view-s .modBundleGroupNavi .box {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.view-xl .modBundleGroupNavi .controls.sliding .buttons a {
  top: -26px; }
.view-xl .bundleNaviItem.filter-kikaninchen .pageItem img {
  width: 29px; }

.view-xs .modBundleGroupNavi .bundleNaviWrapper {
  max-width: 70%; }
.view-xs .modBundleGroupNavi .bundleNaviItem > a, .view-xs .modBundleGroupNavi .bundleNaviItem > span {
  width: 41px;
  padding: 8px; }

.no-touch .modBundleGroupNavi .bundleNaviItem a:hover {
  /* fallback/image non-cover color */
  background-color: #17c0ff;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#17c0ff, #17c0ff);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17c0ff), to(#17c0ff));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#17c0ff, #17c0ff);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#17c0ff, #17c0ff);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#17c0ff, #17c0ff);
  color: #fff; }

.view-m .sectionSubHeader .controls.paging .labels .entries .entry.active a, .view-l .sectionSubHeader .controls.paging .labels .entries .entry.active a, .view-xl .sectionSubHeader .controls.paging .labels .entries .entry.active a, .no-touch.view-m .sectionSubHeader .controls.paging .labels .entries .entry a:hover, .no-touch.view-l .sectionSubHeader .controls.paging .labels .entries .entry a:hover, .no-touch.view-xl .sectionSubHeader .controls.paging .labels .entries .entry a:hover {
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: white;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(white, white);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(white));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(white, white);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(white, white);
  /* Firefox 3.6+ */
  background-image: linear-gradient(white, white); }
  .view-m .sectionSubHeader .controls.paging .labels .entries .entry.active a span, .view-l .sectionSubHeader .controls.paging .labels .entries .entry.active a span, .view-xl .sectionSubHeader .controls.paging .labels .entries .entry.active a span, .no-touch.view-m .sectionSubHeader .controls.paging .labels .entries .entry a:hover span, .no-touch.view-l .sectionSubHeader .controls.paging .labels .entries .entry a:hover span, .no-touch.view-xl .sectionSubHeader .controls.paging .labels .entries .entry a:hover span {
    color: #17c0ff;
    margin-top: 3px;
    margin-bottom: 3px; }

.modDropdown .entries {
  text-align: center; }
.modDropdown .headline {
  display: none;
  float: none !important; }
.modDropdown .searchBox input[type=text] {
  width: 100%; }
.modDropdown .searchBox a.searchSubmit {
  width: 90px; }
.modDropdown .controls.paging .labels .entries {
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff; }
  .modDropdown .controls.paging .labels .entries .headline .entry {
    text-align: left; }
  .modDropdown .controls.paging .labels .entries .entryWrapper {
    padding-bottom: 12px; }
    .modDropdown .controls.paging .labels .entries .entryWrapper .entry {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      background-color: #ebebeb;
      width: 90%;
      margin-left: 7%; }
      .modDropdown .controls.paging .labels .entries .entryWrapper .entry a {
        padding: 10px; }
  .modDropdown .controls.paging .labels .entries .entry {
    background: none; }
    .modDropdown .controls.paging .labels .entries .entry a {
      font-size: 1.33em;
      width: 100%; }
      .modDropdown .controls.paging .labels .entries .entry a:hover, .modDropdown .controls.paging .labels .entries .entry a:hover span {
        color: #17c0ff; }

.view-m .modDropdown .entryWrapper, .view-l .modDropdown .entryWrapper, .view-xl .modDropdown .entryWrapper {
  display: block !important;
  opacity: 1 !important;
  height: auto !important; }

.view-s .modDropdown .searchBox, .view-xs .modDropdown .searchBox {
  width: 100%; }
  .view-s .modDropdown .searchBox input[type=text], .view-xs .modDropdown .searchBox input[type=text] {
    margin: 0; }
.view-s .modDropdown .controls .labels .entry, .view-xs .modDropdown .controls .labels .entry {
  margin: 2px 0 0 0;
  width: 100%;
  text-align: left; }
  .view-s .modDropdown .controls .labels .entry a, .view-s .modDropdown .controls .labels .entry span, .view-xs .modDropdown .controls .labels .entry a, .view-xs .modDropdown .controls .labels .entry span {
    letter-spacing: 0;
    text-transform: none; }
  .view-s .modDropdown .controls .labels .entry:first-child .linktext, .view-xs .modDropdown .controls .labels .entry:first-child .linktext {
    padding-top: 4px; }
.view-s .modDropdown .controls .labels .headline,
.view-s .modDropdown .controls .labels .headline .icon-font, .view-xs .modDropdown .controls .labels .headline,
.view-xs .modDropdown .controls .labels .headline .icon-font {
  display: block; }
.view-s .modDropdown .controls .labels .headline .icon-font, .view-xs .modDropdown .controls .labels .headline .icon-font {
  opacity: 0;
  width: 32px; }
.view-s .modDropdown .collapseArrow, .view-xs .modDropdown .collapseArrow {
  right: auto;
  left: 0;
  color: #005c63;
  font-size: 1.33em; }

.view-m .sectionSubHeader .controls.paging .labels .entries, .view-l .sectionSubHeader .controls.paging .labels .entries, .view-xl .sectionSubHeader .controls.paging .labels .entries {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .view-m .sectionSubHeader .controls.paging .labels .entries .entryWrapper, .view-l .sectionSubHeader .controls.paging .labels .entries .entryWrapper, .view-xl .sectionSubHeader .controls.paging .labels .entries .entryWrapper {
    padding-bottom: 0; }
  .view-m .sectionSubHeader .controls.paging .labels .entries .entry, .view-l .sectionSubHeader .controls.paging .labels .entries .entry, .view-xl .sectionSubHeader .controls.paging .labels .entries .entry {
    width: auto;
    margin-left: 0; }
    .view-m .sectionSubHeader .controls.paging .labels .entries .entry a, .view-l .sectionSubHeader .controls.paging .labels .entries .entry a, .view-xl .sectionSubHeader .controls.paging .labels .entries .entry a {
      background-color: transparent !important;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      line-height: 1em;
      font-size: 1.2em;
      padding: 10px 16px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      letter-spacing: 0;
      position: relative;
      /* fallback/image non-cover color */
      background-color: rgba(255, 255, 255, 0.9);
      /* Firefox 3.6+ */
      background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
      /* Safari 4+, Chrome 1+ */
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.7)));
      /* Safari 5.1+, Chrome 10+ */
      background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
      /* Opera 11.10+ */
      background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
      /* Firefox 3.6+ */
      background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
      -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }
      .view-m .sectionSubHeader .controls.paging .labels .entries .entry a span, .view-l .sectionSubHeader .controls.paging .labels .entries .entry a span, .view-xl .sectionSubHeader .controls.paging .labels .entries .entry a span {
        text-transform: none;
        letter-spacing: 0;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }

.view-m .sectionSubHeader .modDropdown .boxCon {
  padding: 0 6px; }

.view-l .sectionSubHeader .modDropdown .boxCon {
  padding: 0 8px; }

.view-xl .sectionSubHeader .modDropdown .boxCon {
  padding: 0 11px; }

.mod.modGallery {
  margin-bottom: 16px; }
  .mod.modGallery .mediaCon {
    background: transparent; }
  .mod.modGallery .mediaInfo {
    display: block; }
  .mod.modGallery .controls.sliding {
    border: 0 !important;
    height: 0 !important; }
    .mod.modGallery .controls.sliding .buttons {
      min-height: 0; }
    .mod.modGallery .controls.sliding a.prev, .mod.modGallery .controls.sliding a.next {
      background-color: #f7f7f7;
      width: 32px !important;
      height: 44px !important;
      margin-right: 0;
      min-width: 0;
      margin-left: 0; }
      .mod.modGallery .controls.sliding a.prev:before, .mod.modGallery .controls.sliding a.next:before {
        margin-top: -9px;
        left: 50%; }
    .mod.modGallery .controls.sliding a.prev {
      left: 0;
      -webkit-border-radius: 0 100px 100px 0;
      -moz-border-radius: 0 100px 100px 0;
      -ms-border-radius: 0 100px 100px 0;
      border-radius: 0 100px 100px 0; }
      .mod.modGallery .controls.sliding a.prev:before {
        margin-left: -17px; }
    .mod.modGallery .controls.sliding a.next {
      -webkit-border-radius: 100px 0 0 100px;
      -moz-border-radius: 100px 0 0 100px;
      -ms-border-radius: 100px 0 0 100px;
      border-radius: 100px 0 0 100px;
      right: 0; }
      .mod.modGallery .controls.sliding a.next:before {
        margin-left: -9px; }
  .mod.modGallery .controls.sliding a.prev {
    left: 0; }
  .mod.modGallery .controls.sliding a.next {
    right: 0; }

.view-m .mod.modGallery .controls.sliding .buttons, .view-s .mod.modGallery .controls.sliding .buttons, .view-xs .mod.modGallery .controls.sliding .buttons {
  min-height: 0; }
.view-m .mod.modGallery .controls.sliding a.prev, .view-s .mod.modGallery .controls.sliding a.prev, .view-xs .mod.modGallery .controls.sliding a.prev {
  margin-left: 0;
  min-width: 0; }
.view-m .mod.modGallery .controls.sliding a.next, .view-s .mod.modGallery .controls.sliding a.next, .view-xs .mod.modGallery .controls.sliding a.next {
  margin-right: 0;
  min-width: 0; }

body.node-kalender .modGridVisit, body.node-kalender .modGridVisit .modNavigation {
  font-family: inherit;
  font-weight: bold; }

body.node-kalender .modGridVisit .icon-font, body.node-kalender .modGridVisit .modNavigation .icon-font, body.node-kalender .modGridVisit .modNavigation a.active .icon-font {
  font-family: 'adulticons' !important;
  font-weight: 200;
  display: inline;
  font-size: 1.2em;
  vertical-align: middle; }

body.node-kalender .modGridVisit .linkOverlay:hover + .cellWrapper, body.node-kalender .modGridVisit .modNavigation a.active:hover, body.node-kalender .modGridVisit .modNavigation a.active:active, body.node-kalender .modGridVisit .modNavigation a.active:focus {
  background: #f15502;
  color: #fff !important; }

body.node-kalender {
  /* kikaninchen-icon oben ausrichten */ }
  body.node-kalender .modGridVisit {
    position: relative; }
    body.node-kalender .modGridVisit .clear {
      clear: both;
      height: 0; }
    body.node-kalender .modGridVisit .month {
      text-align: center;
      border-radius: 0;
      padding: 6px 0px;
      background-color: #f5fbe5; }
      body.node-kalender .modGridVisit .month.bottomBorder {
        border-radius: 0; }
      body.node-kalender .modGridVisit .month span {
        /*color: #00A38B;*/
        color: #035c63;
        font-size: 1.5em;
        font-weight: bold; }
    body.node-kalender .modGridVisit .gridElement {
      position: relative;
      float: left;
      width: 18.6%;
      height: 6em;
      margin: 0.7%;
      background-color: #f5fbe5;
      border-radius: 0;
      font-weight: bold;
      /*color: #505050;*/
      color: #035c63; }
      body.node-kalender .modGridVisit .gridElement .cellWrapper {
        width: 100%;
        height: 100%; }
      body.node-kalender .modGridVisit .gridElement.isEvent {
        color: #035c63;
        background-color: #bce437; }
        body.node-kalender .modGridVisit .gridElement.isEvent .data p {
          color: #035c63; }
      body.node-kalender .modGridVisit .gridElement .date {
        float: left;
        margin-left: 0.3em;
        margin-top: 0.3em; }
        body.node-kalender .modGridVisit .gridElement .date p {
          line-height: 1;
          margin: 0 auto;
          text-align: center;
          /*color: $_foreGreyColor;*/
          color: #035c63; }
          body.node-kalender .modGridVisit .gridElement .date p.dateDayName {
            font-size: 0.9em; }
          body.node-kalender .modGridVisit .gridElement .date p.dateDayNumber {
            font-size: 1.7em;
            font-weight: bold; }
      body.node-kalender .modGridVisit .gridElement .title {
        display: none;
        font-size: 0.9em;
        text-align: center; }
      body.node-kalender .modGridVisit .gridElement .seats {
        margin-top: 1.2em;
        text-align: center;
        font-size: 1.15em;
        /*border: 1px solid #fff;
        border-radius: 32px;
        margin: 0 auto;
        padding: 5px;
        width: 80%;*/ }
        body.node-kalender .modGridVisit .gridElement .seats span {
          vertical-align: middle;
          color: #035c63;
          /*color: $_foreColor;*/ }
      body.node-kalender .modGridVisit .gridElement .seatsFull {
        text-align: center;
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
        z-index: 89; }
        body.node-kalender .modGridVisit .gridElement .seatsFull span {
          font-size: 1em;
          background-color: #f65c28;
          color: #fff;
          text-align: center;
          padding: 0.2em 0.4em;
          line-height: 3;
          box-shadow: -1px 5px 1px rgba(0, 0, 0, 0.4); }
    body.node-kalender .modGridVisit .linkOverlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99;
      width: 100%;
      height: 100%; }
      body.node-kalender .modGridVisit .linkOverlay:hover + .cellWrapper .date p, body.node-kalender .modGridVisit .linkOverlay:hover + .cellWrapper .seats span {
        color: #fff !important; }
    body.node-kalender .modGridVisit .modNavigation .icon-font {
      /*color: #f15502;*/ }
    body.node-kalender .modGridVisit .modNavigation a {
      display: block;
      width: 49%;
      float: left;
      border-radius: 32px;
      border: 1px solid #e6e6e6;
      background-color: transparent;
      color: #b4b4b4;
      padding: 1%;
      margin: 1% 0.5%;
      pointer-events: none;
      cursor: default; }
      body.node-kalender .modGridVisit .modNavigation a.active {
        color: #00a38b;
        pointer-events: auto;
        cursor: pointer; }
        body.node-kalender .modGridVisit .modNavigation a.active .icon-font {
          color: #f15502; }
      body.node-kalender .modGridVisit .modNavigation a.active:hover .icon-font, body.node-kalender .modGridVisit .modNavigation a.active:active .icon-font, body.node-kalender .modGridVisit .modNavigation a.active:focus .icon-font {
        color: #fff; }
    body.node-kalender .modGridVisit .modNavigation .next {
      text-align: right; }
    body.node-kalender .modGridVisit .modNavigation .prev {
      text-align: left; }
    body.node-kalender .modGridVisit .modNavigation .buttonText {
      vertical-align: middle; }
  body.node-kalender .mod .teaser.besucherLegende .teasertext {
    width: 100%; }
  body.node-kalender span.legendeListItem {
    display: block; }
  body.node-kalender .legendeListItem {
    background-color: transparent;
    color: #fff;
    margin: 0.6em 0;
    border-radius: 0;
    border-bottom: 1px solid #009186;
    width: 100%;
    clear: both; }
    body.node-kalender .legendeListItem span {
      vertical-align: middle;
      font-family: inherit;
      font-weight: normal;
      color: #035c63 !important; }
  body.node-kalender .legendeIcon {
    width: 42px;
    height: 42px;
    display: inline;
    vertical-align: middle; }
  body.node-kalender #kikaninchen {
    margin-top: -0.6em;
    margin-bottom: 0.6em; }
  body.node-kalender .separator {
    border: 0;
    background: #00a38b;
    height: 3px;
    clear: both; }
  body.node-kalender .categoryIcon {
    width: 32px;
    height: 32px;
    float: right; }
  body.node-kalender .mod .teaser .teasertext {
    width: 100%; }

/* ====================== S und XS =======================================*/
html.view-xs .node-kalender .gridElement, html.view-s .node-kalender .gridElement {
  width: 98.6%;
  height: 3.2em; }
  html.view-xs .node-kalender .gridElement .seats, html.view-s .node-kalender .gridElement .seats {
    margin-top: 0.1em;
    /*font-size: 1.2em;	*/ }
  html.view-xs .node-kalender .gridElement .title, html.view-s .node-kalender .gridElement .title {
    margin-top: -2.7em;
    display: block; }
  html.view-xs .node-kalender .gridElement .seatsFull, html.view-s .node-kalender .gridElement .seatsFull {
    margin-top: -1em; }
  html.view-xs .node-kalender .gridElement .categoryIcon, html.view-s .node-kalender .gridElement .categoryIcon {
    width: 42px;
    height: 42px; }
  html.view-xs .node-kalender .gridElement .empty, html.view-s .node-kalender .gridElement .empty {
    display: none; }
html.view-xs .node-kalender .modGridVisit .modNavigation, html.view-s .node-kalender .modGridVisit .modNavigation {
  position: absolute;
  z-index: 99;
  width: 100%; }
  html.view-xs .node-kalender .modGridVisit .modNavigation .buttonText, html.view-s .node-kalender .modGridVisit .modNavigation .buttonText {
    display: none; }
  html.view-xs .node-kalender .modGridVisit .modNavigation.top, html.view-s .node-kalender .modGridVisit .modNavigation.top {
    margin-top: -3rem; }
  html.view-xs .node-kalender .modGridVisit .modNavigation .prev, html.view-s .node-kalender .modGridVisit .modNavigation .prev {
    float: left;
    padding-left: 4%; }
  html.view-xs .node-kalender .modGridVisit .modNavigation .next, html.view-s .node-kalender .modGridVisit .modNavigation .next {
    float: right;
    padding-right: 4%; }
  html.view-xs .node-kalender .modGridVisit .modNavigation a, html.view-s .node-kalender .modGridVisit .modNavigation a {
    font-size: 1.3em;
    background: none;
    border: none;
    color: #00a38b;
    opacity: 0.2; }
    html.view-xs .node-kalender .modGridVisit .modNavigation a.active, html.view-s .node-kalender .modGridVisit .modNavigation a.active {
      opacity: 1; }
      html.view-xs .node-kalender .modGridVisit .modNavigation a.active:hover, html.view-s .node-kalender .modGridVisit .modNavigation a.active:hover {
        background: none; }
        html.view-xs .node-kalender .modGridVisit .modNavigation a.active:hover span, html.view-s .node-kalender .modGridVisit .modNavigation a.active:hover span {
          color: #f15502; }
html.view-xs .node-kalender .separator, html.view-s .node-kalender .separator {
  display: none; }
html.view-xs .node-kalender .month, html.view-s .node-kalender .month {
  padding: 0.5em;
  margin-bottom: 0.3em; }
html.view-xs .node-kalender .besucherLegende, html.view-s .node-kalender .besucherLegende {
  display: none; }

html.view-xs .modGridVisit .modNavigation.bottom {
  bottom: 0.1em; }

html.view-s .node-kalender .modNavigation.bottom {
  bottom: -0.05em; }

/* ====================== End S und XS ===================================*/
/* ====================== L und XL =======================================*/
html.view-xl .modGridVisit .month span, html.view-l .modGridVisit .month span {
  font-size: 1.7em; }
html.view-xl .modGridVisit .gridElement .date p.dateDayNumber, html.view-l .modGridVisit .gridElement .date p.dateDayNumber {
  font-size: 1.9em; }
html.view-xl .modGridVisit .gridElement .seats, html.view-l .modGridVisit .gridElement .seats {
  margin-top: 0.9em;
  /*font-size: 1.25em;*/ }
html.view-xl .modGridVisit .gridElement .seatsFull, html.view-l .modGridVisit .gridElement .seatsFull {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, 0) rotate(-8deg); }
html.view-xl .modGridVisit .modNavigation.top a, html.view-xl .modGridVisit .modNavigation.bottom a, html.view-l .modGridVisit .modNavigation.top a, html.view-l .modGridVisit .modNavigation.bottom a {
  font-size: 1.1em; }

html.view-l .node-kalender .gridElement .categoryIcon {
  width: 42px;
  height: 42px; }

html.view-xl .node-kalender .gridElement .categoryIcon {
  width: 48px;
  height: 48px; }

/* ====================== End L und XL ===================================*/
body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .dachzeile, body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .headline, body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .subtitle, body.sendung .sectionArticle .con:not(.conBroadcastHeader) .dachzeile, body.sendung .sectionArticle .con:not(.conBroadcastHeader) .headline, body.sendung .sectionArticle .con:not(.conBroadcastHeader) .subtitle, body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .dachzeile, body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .headline, body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .subtitle, body.cssExternalVideo .sectionArticle .con:not(.conBroadcastHeader) .dachzeile, body.cssExternalVideo .sectionArticle .con:not(.conBroadcastHeader) .headline, body.cssExternalVideo .sectionArticle .con:not(.conBroadcastHeader) .subtitle, body.avdetailseite .sectionArticle .con:not(.conBroadcastHeader) .dachzeile, body.avdetailseite .sectionArticle .con:not(.conBroadcastHeader) .headline, body.avdetailseite .sectionArticle .con:not(.conBroadcastHeader) .subtitle {
  padding-right: 128px; }
  html.view-xl body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .dachzeile, html.view-xl body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .headline, html.view-xl body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .subtitle,
  html.view-xl body.sendung .sectionArticle .con:not(.conBroadcastHeader) .dachzeile,
  html.view-xl body.sendung .sectionArticle .con:not(.conBroadcastHeader) .headline,
  html.view-xl body.sendung .sectionArticle .con:not(.conBroadcastHeader) .subtitle,
  html.view-xl body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .dachzeile,
  html.view-xl body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .headline,
  html.view-xl body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .subtitle,
  html.view-xl body.cssExternalVideo .sectionArticle .con:not(.conBroadcastHeader) .dachzeile,
  html.view-xl body.cssExternalVideo .sectionArticle .con:not(.conBroadcastHeader) .headline,
  html.view-xl body.cssExternalVideo .sectionArticle .con:not(.conBroadcastHeader) .subtitle,
  html.view-xl body.avdetailseite .sectionArticle .con:not(.conBroadcastHeader) .dachzeile,
  html.view-xl body.avdetailseite .sectionArticle .con:not(.conBroadcastHeader) .headline,
  html.view-xl body.avdetailseite .sectionArticle .con:not(.conBroadcastHeader) .subtitle {
    padding-right: 256px; }
body.cssBroadcast .sectionArticle .mediaHint, body.sendung .sectionArticle .mediaHint, body.cssVideo .sectionArticle .mediaHint, body.cssExternalVideo .sectionArticle .mediaHint, body.avdetailseite .sectionArticle .mediaHint {
  position: absolute;
  display: inline-block;
  top: 15px;
  right: 4px;
  z-index: 4; }
  html.view-xl body.cssBroadcast .sectionArticle .mediaHint,
  html.view-xl body.sendung .sectionArticle .mediaHint,
  html.view-xl body.cssVideo .sectionArticle .mediaHint,
  html.view-xl body.cssExternalVideo .sectionArticle .mediaHint,
  html.view-xl body.avdetailseite .sectionArticle .mediaHint {
    top: 32px;
    right: 24px; }
  html.view-xs body.cssBroadcast .sectionArticle .mediaHint, html.view-s body.cssBroadcast .sectionArticle .mediaHint, html.view-xs body.sendung .sectionArticle .mediaHint, html.view-s body.sendung .sectionArticle .mediaHint, html.view-xs body.cssVideo .sectionArticle .mediaHint, html.view-s body.cssVideo .sectionArticle .mediaHint, html.view-xs body.cssExternalVideo .sectionArticle .mediaHint, html.view-s body.cssExternalVideo .sectionArticle .mediaHint, html.view-xs body.avdetailseite .sectionArticle .mediaHint, html.view-s body.avdetailseite .sectionArticle .mediaHint {
    position: relative;
    max-width: 100%;
    top: 0;
    width: 100%;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    margin-bottom: 16px; }

body.cssBroadcast .sectionArticle .teaser .dachzeile, body.cssBroadcast .sectionArticle .teaser .headline, body.cssBroadcast .sectionArticle .teaser .subtitle {
  padding-right: 0 !important; }
  html.view-xl body.cssBroadcast .sectionArticle .teaser .dachzeile, html.view-xl body.cssBroadcast .sectionArticle .teaser .headline, html.view-xl body.cssBroadcast .sectionArticle .teaser .subtitle {
    padding-right: 0 !important; }

/* BEGIN disable padding-right: 256px in headline*/
body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .dachzeile, body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .dachzeile {
  padding-right: 0 !important; }
  html.view-xl body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .dachzeile, html.view-xl body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .dachzeile {
    padding-right: 0 !important; }
body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .headline {
  padding-right: 0 !important; }
  html.view-xl body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .headline {
    padding-right: 0 !important; }
body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) h4.headline {
  padding-right: 0 !important; }
  html.view-xl body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) h4.headline {
    padding-right: 0 !important; }

/* END */
body.cssIpg .sectionSubHeader .sectionZ {
  width: 100%; }
  body.cssIpg .sectionSubHeader .sectionZ .hiddenIpgDate {
    display: none; }
body.cssIpg .printLink {
  display: none; }

.sectionIPGBody .beforeEntries:before, .sectionIPGBody .afterEntries:before, .programEntry:before {
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  z-index: 1;
  background-color: #e21e8d;
  width: 4px; }

.programEntry .entry:last-child, .programEntry .collapsed .entry.firstEntry {
  margin-bottom: 0;
  padding-bottom: 12px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

.sectionIPGControl .ipgControl .box.active a:after, .sectionIPGControl .ipgControl .box.active a:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #17c0ff;
  border-width: 20px;
  margin-left: -20px; }
.sectionIPGControl .ipgControl .box.active a:before {
  border-top-color: rgba(0, 0, 0, 0.5);
  margin-top: 1px; }

.sectionIPGControl {
  padding: 0;
  margin-top: 24px !important;
  align-items: center; }
  .sectionIPGControl.section.sectionA {
    margin-bottom: 0;
    margin-top: 16px; }
  .sectionIPGControl .boxCon {
    padding: 0 !important; }
  .sectionIPGControl .mod .ipgControl:not(.owl-loaded) {
    display: flex !important;
    -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: nowrap !important;
    -moz-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .sectionIPGControl .mod .ipgControl .box {
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 20px !important;
    flex-wrap: nowrap !important; }
  .sectionIPGControl .mod .controls.sliding {
    margin: 0 !important;
    border: 0;
    padding: 0;
    height: 0; }
    .sectionIPGControl .mod .controls.sliding .buttons a.prev {
      left: 0; }
    .sectionIPGControl .mod .controls.sliding .buttons a.next {
      right: 0; }
    .sectionIPGControl .mod .controls.sliding .box {
      padding: 0; }
    .sectionIPGControl .mod .controls.sliding .owl-nav, .sectionIPGControl .mod .controls.sliding .owl-pages {
      display: none !important; }
    .sectionIPGControl .mod .controls.sliding .buttons {
      height: 0;
      min-height: 0; }
      .sectionIPGControl .mod .controls.sliding .buttons a {
        top: -70px;
        color: #005c63;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background: #fff !important;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
        min-width: 42px;
        position: relative;
        width: 42px;
        height: 42px; }
        .sectionIPGControl .mod .controls.sliding .buttons a:before {
          font-size: 21px;
          margin-top: -10px; }
        .sectionIPGControl .mod .controls.sliding .buttons a.prev:before {
          left: 10px; }
        .sectionIPGControl .mod .controls.sliding .buttons a.next:before {
          left: 50%;
          margin-left: -9px; }
  .sectionIPGControl.isScrolling {
    left: 0;
    width: 100% !important;
    margin-top: 0 !important;
    display: block !important;
    z-index: 3;
    top: 54px !important;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center; }
    .sectionIPGControl.isScrolling.section.sectionA {
      margin-top: -4px; }
    .sectionIPGControl.isScrolling .mod {
      text-align: left; }
    .sectionIPGControl.isScrolling .section {
      display: inline-block !important;
      float: none; }
    .sectionIPGControl.isScrolling .sectionC {
      margin-top: 32px;
      vertical-align: top; }
    .sectionIPGControl.isScrolling .ipgWeek {
      display: inline; }
    .sectionIPGControl.isScrolling .ipgControl .home a {
      margin-top: 32px; }
    .sectionIPGControl.isScrolling .sectionZ {
      margin-top: 0; }
    .sectionIPGControl.isScrolling .modHead {
      display: block;
      text-align: center; }
      .sectionIPGControl.isScrolling .modHead .headline {
        float: none;
        font-size: 1.75em;
        font-weight: bold;
        color: #ffffff;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
        letter-spacing: 1.5px;
        margin: 8px 0 16px 0; }
  .sectionIPGControl .section.sectionArticle, .sectionIPGControl .con {
    margin-bottom: 12px; }
  .sectionIPGControl .boxConWrapper {
    width: 100%;
    padding: 0 60px;
    margin-top: -8px;
    position: relative;
    overflow: hidden; }
    html.view-xl .sectionIPGControl .boxConWrapper {
      margin-top: -14px;
      padding: 0 70px; }
    .sectionIPGControl .boxConWrapper .owl-stage-outer {
      padding-bottom: 4px; }
  .sectionIPGControl .modHead, .sectionIPGControl .ipgWeek {
    display: none; }
  .sectionIPGControl .ipgControl {
    padding-bottom: 18px; }
    .sectionIPGControl .ipgControl .box {
      padding-top: 4px; }
      .sectionIPGControl .ipgControl .box.inactive {
        opacity: .5;
        cursor: text; }
        .sectionIPGControl .ipgControl .box.inactive a {
          cursor: text; }
    .sectionIPGControl .ipgControl .entry {
      position: relative; }
      .sectionIPGControl .ipgControl .entry a {
        text-align: center;
        font-size: 1.5em;
        display: block;
        padding: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #005c63;
        background-color: #fff;
        font-weight: bold;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
        position: relative; }
        .sectionIPGControl .ipgControl .entry a .day {
          margin-bottom: 4px; }
        .sectionIPGControl .ipgControl .entry a .date {
          font-size: 0.667em; }
    .sectionIPGControl .ipgControl .home a {
      -webkit-border-radius: 30px 6px 6px 30px;
      -moz-border-radius: 30px 6px 6px 30px;
      -ms-border-radius: 30px 6px 6px 30px;
      border-radius: 30px 6px 6px 30px;
      background: #ffffff;
      display: block;
      padding: 12px 16px;
      font-size: 1.5em;
      margin-top: 0;
      font-weight: bold;
      text-transform: uppercase; }
      .sectionIPGControl .ipgControl .home a .icon-font {
        font-size: 0.9em;
        line-height: inherit; }

.sectionIPGBody .boxCon {
  overflow: hidden;
  padding-top: 4px; }
.sectionIPGBody .mod.modA {
  padding: 16px 0; }
.sectionIPGBody .mod .box:not(.boxEmptyIpg) {
  overflow: hidden;
  display: block !important;
  padding-top: 24px !important; }
.sectionIPGBody .moreBtn.print {
  width: 100%; }
.sectionIPGBody.section.sectionA {
  margin-top: 0; }
#content .sectionIPGBody .ipgFilterDesc {
  display: none !important; }
.sectionIPGBody .ipgFilter {
  margin-top: 32px; }
  .sectionIPGBody .ipgFilter h4 {
    margin-bottom: 16px;
    text-transform: uppercase; }
  .sectionIPGBody .ipgFilter .checkbox {
    width: 100%;
    background-color: #ebebeb;
    padding: 6px;
    margin-bottom: 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }
    .sectionIPGBody .ipgFilter .checkbox input {
      margin-right: 8px; }
.sectionIPGBody h2.conHeadline {
  display: none; }
.sectionIPGBody .boxEmptyIpg {
  display: none !important;
  margin-top: 8px; }
  .sectionIPGBody .boxEmptyIpg .teaser {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-align: center; }
  .sectionIPGBody .boxEmptyIpg .kikale {
    float: left;
    margin: 0 12px 0 0; }
.sectionIPGBody .empty .boxEmptyIpg, .sectionIPGBody .empty h2.conHeadline {
  display: block !important; }
.sectionIPGBody .empty .box:not(.boxEmptyIpg) {
  display: none !important; }
.sectionIPGBody .beforeEntries, .sectionIPGBody .afterEntries {
  z-index: 1;
  padding: 6px 8px;
  font-size: 1.25em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #ebebeb;
  margin-bottom: 16px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold; }
  .sectionIPGBody .beforeEntries .icon-font, .sectionIPGBody .afterEntries .icon-font {
    font-size: 0.9em;
    line-height: 1.5em; }
  .sectionIPGBody .beforeEntries:before, .sectionIPGBody .afterEntries:before {
    top: 100%;
    height: 100px; }
.sectionIPGBody .beforeEntries {
  margin-top: -16px; }
.sectionIPGBody .afterEntries {
  margin-bottom: 0;
  margin-top: -16px; }
.sectionIPGBody .beforeEntries.hasArrow.collapsed,
.sectionIPGBody .box.hasArrow.collapsed {
  display: block; }

.programEntry {
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 32px;
  position: relative;
  color: #005c63;
  padding: 0; }
  .programEntry .targetAudience, .programEntry .broadcastRange, .programEntry .adultLink {
    display: none; }
  .programEntry:before {
    height: 2000px; }
  .programEntry.last, .programEntry:last-of-type {
    margin-bottom: 0;
    z-index: 2; }
    .programEntry.last:before, .programEntry:last-of-type:before {
      height: 0; }
  .programEntry .head {
    padding: 6px 10% 6px 62px; }
    .programEntry .head .headline {
      text-transform: uppercase; }
    .programEntry .head .subtitle {
      font-size: 1em; }
  .programEntry.now .playInfo .stream, .programEntry.now .playInfo .live {
    display: block; }
  .programEntry .time {
    background: #e21e8d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    position: relative;
    left: 6px;
    top: -10px;
    padding-top: 15px;
    z-index: 3; }
  .programEntry .content, .programEntry .entry, .programEntry .infos {
    float: none; }
  .programEntry .content {
    max-width: 100%;
    padding-left: 0; }
  .programEntry .infos {
    display: table;
    padding-left: 16px; }
  .programEntry .image {
    float: left; }
  .programEntry .stoerer .small {
    display: none; }
  .programEntry .entry {
    margin: 0 4px 0 0;
    padding: 6px 10% 6px 62px;
    width: 100%;
    display: table;
    position: relative; }
    .programEntry .entry .headline {
      font-size: 1.5em;
      color: #005c63;
      line-height: 1.21;
      margin-bottom: 0; }
  .programEntry .playInfo {
    position: absolute;
    z-index: 4; }
    .programEntry .playInfo .active .big {
      display: inline-block;
      color: #FFFFFF; }
    .programEntry .playInfo .stream, .programEntry .playInfo .live {
      display: none;
      margin-top: 8px;
      max-width: 118px;
      line-height: 1em; }
      .programEntry .playInfo .stream a, .programEntry .playInfo .stream p, .programEntry .playInfo .live a, .programEntry .playInfo .live p {
        background-color: #e21e8d;
        text-transform: uppercase;
        display: block;
        -webkit-border-radius: 30px 6px 6px 30px;
        -moz-border-radius: 30px 6px 6px 30px;
        -ms-border-radius: 30px 6px 6px 30px;
        border-radius: 30px 6px 6px 30px;
        padding: 4px; }
      .programEntry .playInfo .stream a, .programEntry .playInfo .stream .icon-font, .programEntry .playInfo .live a, .programEntry .playInfo .live .icon-font {
        color: #fff; }
      .programEntry .playInfo .stream p, .programEntry .playInfo .live p {
        padding: 8px; }
      .programEntry .playInfo .stream .icon-font, .programEntry .playInfo .live .icon-font {
        font-size: 2em;
        margin: 1px 5px 0 5px; }
  .programEntry .collapseArrow {
    bottom: 0 !important;
    top: auto;
    left: 50%;
    right: auto;
    width: 48px;
    height: 24px;
    background-color: #f7f7f7;
    text-align: center;
    margin-left: -24px;
    -webkit-border-radius: 100px 100px 0 0;
    -moz-border-radius: 100px 100px 0 0;
    -ms-border-radius: 100px 100px 0 0;
    border-radius: 100px 100px 0 0;
    font-size: 1.5em;
    padding-top: 2px;
    position: absolute; }
  .programEntry .collapseToggle {
    z-index: 2;
    /*  position: absolute !important;
      top:0;
      left:0;
      width: 100%;
      height: 100%;
      */ }
    .programEntry .collapseToggle:not(.collapsed) .collapseArrow:before {
      content: '\E017'; }
  .programEntry .episods {
    margin-top: 4px; }
    .programEntry .episods .episode {
      float: left;
      width: 100%;
      margin-bottom: 4px; }
      .programEntry .episods .episode .icon-font {
        float: left;
        font-size: 1em;
        line-height: 1.21; }
      .programEntry .episods .episode .desc {
        font-weight: bold;
        display: table;
        text-transform: uppercase; }
  .programEntry .programHint {
    margin-bottom: 0; }
  .programEntry .headline {
    font-weight: bold;
    color: #e21e8d; }
  .programEntry .image {
    width: 30%; }
    .programEntry .image img {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
  .programEntry .techInfos {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 4px;
    z-index: 5; }
    .programEntry .techInfos .icon-font {
      font-size: 1em; }
  .programEntry .popupTrigger {
    position: relative;
    cursor: pointer;
    float: left; }
  .programEntry .popupTrigger .body {
    display: none; }
  .programEntry .entry.firstEntry {
    display: none; }
  .programEntry .collapsed .entry.firstEntry {
    display: block;
    padding-bottom: 32px; }

.view-l .section.sectionA.sectionIPGControl.bottom {
  display: none; }
.view-l .ipgControl.small {
  display: none; }

.view-m .sectionIPGControl .entry a {
  padding-left: 0;
  padding-right: 0; }
  .view-m .sectionIPGControl .entry a .date {
    font-size: 0.6em; }

.view-s .ipgWeek {
  display: none; }
.view-s .sectionIPGControl .mod .box {
  padding: 0 0 16px 0; }
.view-s .sectionIPGControl .sectionArticleSideTeaser {
  display: none !important; }
.view-s .sectionIPGBody .moreBtn.print {
  display: none; }
.view-s .programEntry .entry:first-child .episods .episode {
  display: none; }
.view-s .programEntry .entry:first-child .episods .episode:first-child {
  display: block; }
.view-s .programEntry .svgContainer {
  display: none; }

.view-xl .sectionIPGControl {
  font-size: 0.7619047619em; }
  .view-xl .sectionIPGControl .boxCon {
    padding: 0 !important; }
  .view-xl .sectionIPGControl .boxConWrapper .box {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }
.view-xl .ipgControl .small {
  display: none; }
.view-xl .ipgControl .home a {
  max-width: 278px; }
.view-xl .programEntry .playInfo .small, .view-xl .programEntry .playInfo .stoerer .small {
  display: none; }
.view-xl .programEntry .playInfo .active .big {
  min-width: 150px; }
.view-xl .programEntry .time {
  width: 60px;
  height: 60px;
  top: -13px;
  left: 2px; }
.view-xl .programEntry .head .headline {
  padding-left: 8px; }
.view-xl .section.sectionA.sectionIPGControl.bottom {
  display: none; }

.view-xs .ipgWeek {
  display: none; }
.view-xs .sectionIPGControl .boxCon {
  padding: 0 !important; }
.view-xs .sectionIPGControl .mod .box {
  padding: 0 0 16px 0; }
.view-xs .sectionIPGControl .sectionArticleSideTeaser {
  display: none !important; }
.view-xs .programEntry .image, .view-xs .programEntry .content {
  width: 100%;
  max-width: 99%; }
.view-xs .programEntry .image {
  margin-bottom: 8px; }
.view-xs .programEntry .infos {
  padding-left: 0; }
.view-xs .programEntry .playInfo .big, .view-xs .programEntry .playInfo .programHint, .view-xs .programEntry .playInfo .head {
  display: none; }
.view-xs .programEntry .entry:first-child .episods .episode {
  display: none; }
.view-xs .programEntry .entry:first-child .episods .episode:first-child {
  display: block; }
.view-xs .programEntry .svgContainer {
  display: none; }
.view-xs .programEntry .entry {
  padding-right: 6px; }
.view-xs .programEntry .head {
  padding-right: 22%; }
.view-xs .section.sectionA.sectionIPGControl.bottom {
  display: block; }
.view-xs .sectionIPGBody .boxEmptyIpg h1.headline {
  font-size: 1.333em; }
.view-xs .sectionIPGBody .moreBtn.print {
  display: none; }

.view-xs .sectionIPGControl .boxConWrapper, .view-s .sectionIPGControl .boxConWrapper {
  padding: 0 60px; }
.view-xs .sectionIPGControl .controls.sliding .buttons a.prev, .view-s .sectionIPGControl .controls.sliding .buttons a.prev {
  left: 0; }
.view-xs .sectionIPGControl .controls.sliding .buttons a.next, .view-s .sectionIPGControl .controls.sliding .buttons a.next {
  right: 0; }
.view-xs .programEntry:before, .view-xs .beforeEntries:before, .view-s .programEntry:before, .view-s .beforeEntries:before {
  left: 29px; }

.view-m .programEntry .entry .headline, .view-xs .programEntry .entry .headline, .view-s .programEntry .entry .headline {
  font-size: 1.3em; }

.modConBlogSearch .modParagraph p > a {
  color: #005c63; }
.modConBlogSearch .box {
  margin-bottom: 8px;
  margin-top: 8px; }
.modConBlogSearch .comments_tags {
  margin-bottom: 8px; }

.modList .filterResult.kikaninchen .teaserSearch .mediaCon .highlightResult {
  background-color: #ffc300; }
.modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultIcon {
  transform: matrix(1, 0, 0, 1, 0, 0);
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  background: url(/resources/img/kika/svg/kikaninchen.svg) no-repeat 61% 0; }
.modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText {
  background-color: #ffc300;
  background: url(/resources/img/kika/svg/kikaninchen_txt.svg) no-repeat 61% 0 #ffc300;
  text-indent: -999em;
  display: inline-block;
  width: 132px;
  margin-left: 45px;
  margin-top: 8px; }

.modConBlogSearch .modParagraph p > a {
  color: #005c63; }
.modConBlogSearch .box {
  margin-bottom: 8px;
  margin-top: 8px; }
.modConBlogSearch .comments_tags {
  margin-bottom: 8px; }

.modList .filterResult.kikaninchen .teaserSearch .mediaCon .highlightResult {
  background-color: #ffc300; }
.modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultIcon {
  transform: matrix(1, 0, 0, 1, 0, 0);
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  background: url(/resources/img/kika/svg/kikaninchen.svg) no-repeat 61% 0; }
.modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText {
  background-color: #ffc300;
  background: url(/resources/img/kika/svg/kikaninchen_txt.svg) no-repeat 61% 0 #ffc300;
  text-indent: -999em;
  display: inline-block;
  width: 132px;
  margin-left: 45px;
  margin-top: 8px; }

/* modStage / modPremium Changes */
.mod.modStage .moreBtn {
  background-color: #005c63; }
  .mod.modStage .moreBtn a, .mod.modStage .moreBtn span {
    color: #fff; }
.mod.modStage .moreBtn {
  position: absolute;
  float: right;
  clear: right;
  right: 16px;
  bottom: 16px; }
.mod.modStage .mediaCon {
  width: 50%; }
.mod.modStage .teaser:hover .shortInfos {
  background: none; }
.mod.modStage .teaser {
  background-repeat: no-repeat;
  overflow: hidden; }
  .mod.modStage .teaser .teasertext {
    z-index: 3;
    position: relative; }
  .mod.modStage .teaser .shortInfos {
    background: none !important;
    width: 50%;
    clear: right;
    float: right;
    padding: 16px 16px 0 0; }
    .mod.modStage .teaser .shortInfos .icon-font {
      display: none; }
    .mod.modStage .teaser .shortInfos .wholeTitle {
      width: 100%;
      margin-right: 0;
      float: left;
      padding-left: 0;
      margin-left: 0;
      border-left: 0; }
      .mod.modStage .teaser .shortInfos .wholeTitle p.dachzeile, .mod.modStage .teaser .shortInfos .wholeTitle h4.headline {
        float: left;
        clear: none;
        width: 100%;
        margin: 0;
        color: #005c63;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
        .mod.modStage .teaser .shortInfos .wholeTitle p.dachzeile a, .mod.modStage .teaser .shortInfos .wholeTitle p.dachzeile span, .mod.modStage .teaser .shortInfos .wholeTitle h4.headline a, .mod.modStage .teaser .shortInfos .wholeTitle h4.headline span {
          color: #005c63;
          margin: 0; }
      .mod.modStage .teaser .shortInfos .wholeTitle h4.headline, .mod.modStage .teaser .shortInfos .wholeTitle h3.headline {
        font-weight: bold; }
  .mod.modStage .teaser .teasertext, .mod.modStage .teaser .linklist {
    width: 50%; }
  .mod.modStage .teaser h4.headline, .mod.modStage .teaser p.dachzeile, .mod.modStage .teaser .teasertext, .mod.modStage .teaser .linklist {
    padding-right: 16px; }
  .mod.modStage .teaser .teasertext {
    background-color: transparent; }
  .mod.modStage .teaser .linklist ul {
    width: 100%; }
    .mod.modStage .teaser .linklist ul li {
      background: none;
      border-radius: 0; }
    .mod.modStage .teaser .linklist ul p.more {
      display: none; }
.mod.modStage .multilink .moreBtn,
.mod.modStage .singlelink .linklist,
.mod.modStage .singlelink .teasertext a strong {
  display: none; }
.mod.modStage .thirty img, .mod.modStage .fifty img, .mod.modStage .separated img {
  opacity: 0; }
.mod.modStage.modStageTabbed {
  margin-top: -24px; }
  .mod.modStage.modStageTabbed .box .svgContainer {
    display: none !important; }
  .mod.modStage.modStageTabbed .box .img {
    opacity: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  .mod.modStage.modStageTabbed .box .mediaCon {
    width: 100%; }
  .mod.modStage.modStageTabbed .box .teasertext, .mod.modStage.modStageTabbed .box .shortInfos, .mod.modStage.modStageTabbed .box .ressort, .mod.modStage.modStageTabbed .box .linklist {
    display: none !important; }
.mod.modStage .av-playerContainer {
  background-color: transparent; }

.sectionAvDetail .modStage .teaser .shortInfos {
  padding-top: 0; }
.sectionAvDetail .modStage .mediaCon {
  width: 49%; }

.view-l .section:not(.sectionC) .modStage .teaser, .view-m .section:not(.sectionC):not(.sectionB) .modStage .teaser,
.view-xl .section:not(.sectionC) .modStage .teaser {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
.view-l .section:not(.sectionC) .modStageTabbed, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed,
.view-xl .section:not(.sectionC) .modStageTabbed {
  overflow: visible !important; }
  .view-l .section:not(.sectionC) .modStageTabbed .box, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box,
  .view-xl .section:not(.sectionC) .modStageTabbed .box {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    overflow: visible !important; }
    .view-l .section:not(.sectionC) .modStageTabbed .box .teaser, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box .teaser,
    .view-xl .section:not(.sectionC) .modStageTabbed .box .teaser {
      overflow: visible; }
    .view-l .section:not(.sectionC) .modStageTabbed .box .ui-pieProgress, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box .ui-pieProgress,
    .view-xl .section:not(.sectionC) .modStageTabbed .box .ui-pieProgress {
      left: 50%;
      top: 50%;
      width: 85px;
      height: 85px;
      margin: -42.5px 0 0 -42.5px; }
      .view-l .section:not(.sectionC) .modStageTabbed .box .ui-pieProgress .icon-font, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box .ui-pieProgress .icon-font,
      .view-xl .section:not(.sectionC) .modStageTabbed .box .ui-pieProgress .icon-font {
        margin-top: -12px;
        margin-left: -12px;
        font-size: 1.5em; }
    .view-l .section:not(.sectionC) .modStageTabbed .box .media, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box .media,
    .view-xl .section:not(.sectionC) .modStageTabbed .box .media {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    .view-l .section:not(.sectionC) .modStageTabbed .box.active path, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box.active path,
    .view-xl .section:not(.sectionC) .modStageTabbed .box.active path {
      stroke: #ffffff; }
    .view-l .section:not(.sectionC) .modStageTabbed .box.active .media, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box.active .media,
    .view-xl .section:not(.sectionC) .modStageTabbed .box.active .media {
      z-index: 2;
      background-color: #17c0ff; }
      .view-l .section:not(.sectionC) .modStageTabbed .box.active .media:before, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box.active .media:before,
      .view-xl .section:not(.sectionC) .modStageTabbed .box.active .media:before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        font-size: 40px;
        margin: -15px 0 0 -20px;
        color: #fff; }
      .view-l .section:not(.sectionC) .modStageTabbed .box.active .media:after, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box.active .media:after,
      .view-xl .section:not(.sectionC) .modStageTabbed .box.active .media:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-bottom-color: #f7f7f7;
        border-width: 14px;
        margin-left: -14px; }
      .view-l .section:not(.sectionC) .modStageTabbed .box.active .media img, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed .box.active .media img,
      .view-xl .section:not(.sectionC) .modStageTabbed .box.active .media img {
        opacity: .1; }
  .view-l .section:not(.sectionC) .modStageTabbed.isAutoslide .box.active .media:before, .view-m .section:not(.sectionC):not(.sectionB) .modStageTabbed.isAutoslide .box.active .media:before,
  .view-xl .section:not(.sectionC) .modStageTabbed.isAutoslide .box.active .media:before {
    display: none !important; }
.view-l .section:not(.sectionC) .box.stageFallback .shortInfos, .view-m .section:not(.sectionC):not(.sectionB) .box.stageFallback .shortInfos,
.view-xl .section:not(.sectionC) .box.stageFallback .shortInfos {
  padding: 8px; }
.view-l .section:not(.sectionC) .box.stageFallback p.teasertext, .view-m .section:not(.sectionC):not(.sectionB) .box.stageFallback p.teasertext,
.view-xl .section:not(.sectionC) .box.stageFallback p.teasertext {
  display: block; }
.view-l .section:not(.sectionC) .box.stageFallback div.linklist, .view-m .section:not(.sectionC):not(.sectionB) .box.stageFallback div.linklist,
.view-xl .section:not(.sectionC) .box.stageFallback div.linklist {
  display: none; }
.view-l .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .mediaCon, .view-m .section:not(.sectionC):not(.sectionB) .modCon .modStage:not(.modStageTabbed) .thirty .mediaCon,
.view-xl .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .mediaCon {
  width: 65.999%; }
.view-l .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .teaserAv .mediaCon, .view-m .section:not(.sectionC):not(.sectionB) .modCon .modStage:not(.modStageTabbed) .thirty .teaserAv .mediaCon,
.view-xl .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .teaserAv .mediaCon {
  width: 50%; }
.view-l .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .shortInfos,
.view-l .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .teasertext,
.view-l .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .linklist, .view-m .section:not(.sectionC):not(.sectionB) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .shortInfos,
.view-m .section:not(.sectionC):not(.sectionB) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .teasertext,
.view-m .section:not(.sectionC):not(.sectionB) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .linklist,
.view-xl .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .shortInfos,
.view-xl .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .teasertext,
.view-xl .section:not(.sectionC) .modCon .modStage:not(.modStageTabbed) .thirty .teaser .linklist {
  width: 33.333%; }
.view-l .section:not(.sectionC) .conInline .mod.modStageTabbed, .view-m .section:not(.sectionC):not(.sectionB) .conInline .mod.modStageTabbed,
.view-xl .section:not(.sectionC) .conInline .mod.modStageTabbed {
  margin-top: 0; }
  .view-l .section:not(.sectionC) .conInline .mod.modStageTabbed .box .media:after, .view-m .section:not(.sectionC):not(.sectionB) .conInline .mod.modStageTabbed .box .media:after,
  .view-xl .section:not(.sectionC) .conInline .mod.modStageTabbed .box .media:after {
    display: none; }

.view-l .sectionA:not(.sectionAvDetail) .modStage .box, .view-l .sectionB .modStage .box, .view-l .sectionZ .modStage .box {
  overflow: hidden; }
  .view-l .sectionA:not(.sectionAvDetail) .modStage .box .mediaCon, .view-l .sectionB .modStage .box .mediaCon, .view-l .sectionZ .modStage .box .mediaCon {
    margin-bottom: 0; }

.view-m .sectionA:not(.sectionAvDetail) .modStage .box .teaser, .view-m .sectionA:not(.sectionAvDetail) .modStage .box .mediaCon .media {
  max-height: 203px; }
.view-m .sectionB .modStage .box .teaser, .view-m .sectionB .modStage .box .mediaCon .media {
  max-height: 120px; }
.view-m .sectionZ .modStage .box .teaser, .view-m .sectionZ .modStage .box .mediaCon .media {
  max-height: 132px; }

.view-l .sectionA:not(.sectionAvDetail) .modStage .box .teaser, .view-l .sectionA:not(.sectionAvDetail) .modStage .box .mediaCon .media {
  max-height: 268px; }
.view-l .sectionB .modStage .box .teaser, .view-l .sectionB .modStage .box .mediaCon .media {
  max-height: 180px; }
.view-l .sectionZ .modStage .box .teaser, .view-l .sectionZ .modStage .box .mediaCon .media {
  max-height: 182px; }

.view-xl .sectionA:not(.sectionAvDetail) .modStage .box .teaser, .view-xl .sectionA:not(.sectionAvDetail) .modStage .box .mediaCon .media {
  max-height: 401px; }
.view-xl .sectionB .modStage .box .teaser, .view-xl .sectionB .modStage .box .mediaCon .media {
  max-height: 189px; }
.view-xl .sectionZ .modStage .box .teaser, .view-xl .sectionZ .modStage .box .mediaCon .media {
  max-height: 268px; }

.view-xl .sectionA:not(.sectionAvDetail) .modStage .box, .view-xl .sectionB .modStage .box, .view-xl .sectionZ .modStage .box {
  overflow: hidden; }
  .view-xl .sectionA:not(.sectionAvDetail) .modStage .box .mediaCon, .view-xl .sectionB .modStage .box .mediaCon, .view-xl .sectionZ .modStage .box .mediaCon {
    margin-bottom: 0; }

.view-xs .modStage66, .view-s .modStage66, .sectionC .modStage66, .view-m .sectionB .modStage66 {
  display: none; }
.view-xs .sectionAvDetail .mod.modStage .teaser .teasertext, .view-s .sectionAvDetail .mod.modStage .teaser .teasertext, .sectionC .sectionAvDetail .mod.modStage .teaser .teasertext, .view-m .sectionB .sectionAvDetail .mod.modStage .teaser .teasertext {
  display: block; }

.view-xs .mod.modStage .thirty img, .view-xs .mod.modStage .fifty img, .view-xs .mod.modStage .separated img, .sectionC .mod.modStage .thirty img, .sectionC .mod.modStage .fifty img, .sectionC .mod.modStage .separated img, .view-s .mod.modStage .thirty img, .view-s .mod.modStage .fifty img, .view-s .mod.modStage .separated img, .view-m .sectionB .mod.modStage .thirty img, .view-m .sectionB .mod.modStage .fifty img, .view-m .sectionB .mod.modStage .separated img {
  opacity: 1; }
.view-xs .mod.modStage .fifty .teaser, .view-xs .mod.modStage .thirty .teaser, .view-xs .mod.modStage .separated .teaser, .sectionC .mod.modStage .fifty .teaser, .sectionC .mod.modStage .thirty .teaser, .sectionC .mod.modStage .separated .teaser, .view-s .mod.modStage .fifty .teaser, .view-s .mod.modStage .thirty .teaser, .view-s .mod.modStage .separated .teaser, .view-m .sectionB .mod.modStage .fifty .teaser, .view-m .sectionB .mod.modStage .thirty .teaser, .view-m .sectionB .mod.modStage .separated .teaser {
  background-image: none !important; }
.view-xs .mod.modStage .moreBtn, .sectionC .mod.modStage .moreBtn, .view-s .mod.modStage .moreBtn, .view-m .sectionB .mod.modStage .moreBtn {
  float: left;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  bottom: auto;
  right: auto; }
.view-xs .mod.modStage .teaser, .sectionC .mod.modStage .teaser, .view-s .mod.modStage .teaser, .view-m .sectionB .mod.modStage .teaser {
  max-height: 100% !important; }
  .view-xs .mod.modStage .teaser .wholeTitle p.dachzeile,
  .view-xs .mod.modStage .teaser .wholeTitle h4.headline, .sectionC .mod.modStage .teaser .wholeTitle p.dachzeile,
  .sectionC .mod.modStage .teaser .wholeTitle h4.headline, .view-s .mod.modStage .teaser .wholeTitle p.dachzeile,
  .view-s .mod.modStage .teaser .wholeTitle h4.headline, .view-m .sectionB .mod.modStage .teaser .wholeTitle p.dachzeile,
  .view-m .sectionB .mod.modStage .teaser .wholeTitle h4.headline {
    float: left;
    clear: none;
    width: 100%;
    margin: 0; }
  .view-xs .mod.modStage .teaser .shortInfos .icon-font, .sectionC .mod.modStage .teaser .shortInfos .icon-font, .view-s .mod.modStage .teaser .shortInfos .icon-font, .view-m .sectionB .mod.modStage .teaser .shortInfos .icon-font {
    display: none; }
  .view-xs .mod.modStage .teaser .teasertext, .sectionC .mod.modStage .teaser .teasertext, .view-s .mod.modStage .teaser .teasertext, .view-m .sectionB .mod.modStage .teaser .teasertext {
    display: none; }
  .view-xs .mod.modStage .teaser p.dachzeile a,
  .view-xs .mod.modStage .teaser h4.headline a, .sectionC .mod.modStage .teaser p.dachzeile a,
  .sectionC .mod.modStage .teaser h4.headline a, .view-s .mod.modStage .teaser p.dachzeile a,
  .view-s .mod.modStage .teaser h4.headline a, .view-m .sectionB .mod.modStage .teaser p.dachzeile a,
  .view-m .sectionB .mod.modStage .teaser h4.headline a {
    color: #005c63;
    margin: 0; }
.view-xs .mod.modStage .mediaCon .media, .sectionC .mod.modStage .mediaCon .media, .view-s .mod.modStage .mediaCon .media, .view-m .sectionB .mod.modStage .mediaCon .media {
  max-height: 100% !important; }
.view-xs .mod.modStage.modStageTabbed, .sectionC .mod.modStage.modStageTabbed, .view-s .mod.modStage.modStageTabbed, .view-m .sectionB .mod.modStage.modStageTabbed {
  margin-top: 0;
  display: block;
  left: 0;
  height: auto; }
  .view-xs .mod.modStage.modStageTabbed .shortInfos, .view-xs .mod.modStage.modStageTabbed .teaser, .sectionC .mod.modStage.modStageTabbed .shortInfos, .sectionC .mod.modStage.modStageTabbed .teaser, .view-s .mod.modStage.modStageTabbed .shortInfos, .view-s .mod.modStage.modStageTabbed .teaser, .view-m .sectionB .mod.modStage.modStageTabbed .shortInfos, .view-m .sectionB .mod.modStage.modStageTabbed .teaser {
    display: block !important; }
  .view-xs .mod.modStage.modStageTabbed .box .svgContainer, .sectionC .mod.modStage.modStageTabbed .box .svgContainer, .view-s .mod.modStage.modStageTabbed .box .svgContainer, .view-m .sectionB .mod.modStage.modStageTabbed .box .svgContainer {
    display: block !important; }

.view-xs .mod.modStage .mediaCon,
.view-s .mod.modStage .mediaCon {
  width: 100%; }

.mod.modStage .box.stageFallback .mediaCon, .mod.modStage .box.stageFallback .mediaCon {
  width: 49%; }

.view-xs .modStage .teaser .shortInfos, .view-xs .modStage .teaser .teasertext, .view-xs .modStage .teaser .linklist, .view-s .modStage .teaser .shortInfos, .view-s .modStage .teaser .teasertext, .view-s .modStage .teaser .linklist, .sectionC .modStage .teaser .shortInfos, .sectionC .modStage .teaser .teasertext, .sectionC .modStage .teaser .linklist, .sectionB .modStage .teaser .shortInfos, .sectionB .modStage .teaser .teasertext, .sectionB .modStage .teaser .linklist {
  width: 100% !important;
  padding: 8px; }
.view-xs .modStage .mediaCon, .view-s .modStage .mediaCon, .sectionC .modStage .mediaCon, .sectionB .modStage .mediaCon {
  width: 100% !important; }

.view-m .section:not(.sectionAvDetail) .mod.modStage .moreBtn, .view-m .sectionB .mod.modStage .moreBtn, .view-m .sectionZ .mod.modStage .moreBtn {
  display: block; }
.view-m .section:not(.sectionAvDetail) .mod.modStage .teasertext, .view-m .sectionB .mod.modStage .teasertext, .view-m .sectionZ .mod.modStage .teasertext {
  display: none; }
.view-m .section:not(.sectionAvDetail) .mod.modStage .box, .view-m .sectionB .mod.modStage .box, .view-m .sectionZ .mod.modStage .box {
  overflow: hidden; }
  .view-m .section:not(.sectionAvDetail) .mod.modStage .box .teaser h4.headline, .view-m .section:not(.sectionAvDetail) .mod.modStage .box .teaser h3.headline, .view-m .sectionB .mod.modStage .box .teaser h4.headline, .view-m .sectionB .mod.modStage .box .teaser h3.headline, .view-m .sectionZ .mod.modStage .box .teaser h4.headline, .view-m .sectionZ .mod.modStage .box .teaser h3.headline {
    font-size: 1.8em; }
  .view-m .section:not(.sectionAvDetail) .mod.modStage .box .mediaCon, .view-m .sectionB .mod.modStage .box .mediaCon, .view-m .sectionZ .mod.modStage .box .mediaCon {
    margin-bottom: 0; }
.view-m .section:not(.sectionAvDetail) .mod.modStage .teaser .shortInfos, .view-m .sectionB .mod.modStage .teaser .shortInfos, .view-m .sectionZ .mod.modStage .teaser .shortInfos {
  padding-top: 16px; }
.view-m .sectionA .mod.modStageTabbed, .view-m .sectionB .mod.modStageTabbed, .view-m .sectionZ .mod.modStageTabbed {
  margin-top: -16px; }

.sectionC .mod.modStage .mediaCon, .view-s .section:not(.sectionAvDetail) .mod.modStage .mediaCon, .view-xs .section:not(.sectionAvDetail) .mod.modStage .mediaCon, .box.stageFallback .mediaCon {
  margin-bottom: 0; }
  .sectionC .mod.modStage .mediaCon img, .view-s .section:not(.sectionAvDetail) .mod.modStage .mediaCon img, .view-xs .section:not(.sectionAvDetail) .mod.modStage .mediaCon img, .box.stageFallback .mediaCon img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.sectionC .mod.modStage .teaser, .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser, .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser, .box.stageFallback .teaser {
  background-color: #ebebeb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  overflow: hidden; }

.sectionC .modConStage .modStage, .view-xs .modConStage .modStage, .view-s .modConStage .modStage, .view-m .sectionB .modConStage .modStage {
  display: none; }
.sectionC .mod.modStage.modStageTabbed, .view-xs .mod.modStage.modStageTabbed, .view-s .mod.modStage.modStageTabbed, .view-m .sectionB .mod.modStage.modStageTabbed {
  display: block; }
  .sectionC .mod.modStage.modStageTabbed .box .ui-pieProgress, .view-xs .mod.modStage.modStageTabbed .box .ui-pieProgress, .view-s .mod.modStage.modStageTabbed .box .ui-pieProgress, .view-m .sectionB .mod.modStage.modStageTabbed .box .ui-pieProgress {
    display: none; }
  .sectionC .mod.modStage.modStageTabbed .box .shortInfos, .view-xs .mod.modStage.modStageTabbed .box .shortInfos, .view-s .mod.modStage.modStageTabbed .box .shortInfos, .view-m .sectionB .mod.modStage.modStageTabbed .box .shortInfos {
    width: 100%;
    float: left; }
.sectionC .modStage .teaser h4.headline, .sectionC .modStage .teaser h3.headline, .view-xs .modStage .teaser h4.headline, .view-xs .modStage .teaser h3.headline, .view-s .modStage .teaser h4.headline, .view-s .modStage .teaser h3.headline, .view-m .sectionB .modStage .teaser h4.headline, .view-m .sectionB .modStage .teaser h3.headline {
  font-size: 1.3125em; }
.sectionC .modStage .teaser p.dachzeile, .view-xs .modStage .teaser p.dachzeile, .view-s .modStage .teaser p.dachzeile, .view-m .sectionB .modStage .teaser p.dachzeile {
  font-size: 1.125em; }
.sectionC .modStage .teaser .shortInfos, .view-xs .modStage .teaser .shortInfos, .view-s .modStage .teaser .shortInfos, .view-m .sectionB .modStage .teaser .shortInfos {
  padding: 8px; }
.sectionC .modStage .teaser .moreBtn, .view-xs .modStage .teaser .moreBtn, .view-s .modStage .teaser .moreBtn, .view-m .sectionB .modStage .teaser .moreBtn {
  display: none; }

.view-s .mod.modStage:not(.modStageTabbed) {
  margin-top: 12px; }

.view-xs .mod.modStage, .view-s .mod.modStage {
  margin-top: 12px !important; }

.view-m .sectionB .modStage.modStageTabbed, .view-l .sectionB .modStage.modStageTabbed {
  display: block;
  margin-top: 0; }
  .view-m .sectionB .modStage.modStageTabbed .box .ui-pieProgress, .view-l .sectionB .modStage.modStageTabbed .box .ui-pieProgress {
    display: none; }

.view-m .sectionZ .mod.modStageTabbed .ui-pieProgress {
  -ms-transform: scale(0.6);
  /* IE 9 */
  -webkit-transform: scale(0.6);
  /* Chrome, Safari, Opera */
  transform: scale(0.6); }

.view-l .sectionZ .mod.modStageTabbed .ui-pieProgress {
  -ms-transform: scale(0.8);
  /* IE 9 */
  -webkit-transform: scale(0.8);
  /* Chrome, Safari, Opera */
  transform: scale(0.8); }

.view-xl .modStage.modStageTabbed .box .ui-pieProgress {
  font-size: 0.7619047619em; }
.view-xl .modStage.modStageTabbed .box.active .media {
  z-index: 2; }
  .view-xl .modStage.modStageTabbed .box.active .media:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #f7f7f7;
    border-width: 34px;
    margin-left: -34px; }

.mod.modStage .stagefont-bright .teaser p.more, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser p.more {
  color: #ffffff; }
.mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline, .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile, .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle h4.headline, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle p.dachzeile, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle .icon-font {
  color: #ffffff; }
  .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline a, .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline span, .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile a, .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile span, .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font a, .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font span, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle h4.headline a, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle h4.headline span, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle p.dachzeile a, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle p.dachzeile span, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle .icon-font a, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .shortInfos .wholeTitle .icon-font span {
    color: #ffffff; }
.mod.modStage .stagefont-bright .teaser .teasertext, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .teasertext {
  color: #ffffff; }
  .mod.modStage .stagefont-bright .teaser .teasertext a, .mod.modStage .stagefont-bright .teaser .teasertext span, .mod.modStage .stagefont-bright .teaser .teasertext .icon-font, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .teasertext a, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .teasertext span, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .teasertext .icon-font {
    color: #ffffff; }
.mod.modStage .stagefont-bright .teaser .moreBtn, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .moreBtn {
  background-color: #f7f7f7; }
  .mod.modStage .stagefont-bright .teaser .moreBtn a, .mod.modStage .stagefont-bright .teaser .moreBtn span, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .moreBtn a, .mod.modStage .stagefont-bright-erwachseneThemeCss .teaser .moreBtn span {
    color: #005c63; }
.mod.modStage .stagefont-dark .teaser p.more {
  color: #005c63; }
.mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline, .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile, .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font {
  color: #005c63; }
  .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline a, .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline span, .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile a, .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile span, .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font a, .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font span {
    color: #005c63; }
.mod.modStage .stagefont-dark .teaser .teasertext {
  color: #005c63; }
  .mod.modStage .stagefont-dark .teaser .teasertext a, .mod.modStage .stagefont-dark .teaser .teasertext span, .mod.modStage .stagefont-dark .teaser .teasertext .icon-font {
    color: #005c63; }
.mod.modStage .stagefont-dark .teaser .moreBtn {
  background-color: #f7f7f7; }
  .mod.modStage .stagefont-dark .teaser .moreBtn a, .mod.modStage .stagefont-dark .teaser .moreBtn span {
    color: #005c63; }

.view-xs .mod.modStage .stagefont-bright .teaser p.more, .view-xs .mod.modStage .stagefont-dark .teaser p.more, .view-s .mod.modStage .stagefont-bright .teaser p.more, .view-s .mod.modStage .stagefont-dark .teaser p.more, .sectionC .mod.modStage .stagefont-bright .teaser p.more, .sectionC .mod.modStage .stagefont-dark .teaser p.more, .view-m .sectionB .mod.modStage .stagefont-bright .teaser p.more, .view-m .sectionB .mod.modStage .stagefont-dark .teaser p.more {
  color: #005c63; }
.view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline, .view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile, .view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font {
  color: #005c63; }
  .view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline a, .view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline span, .view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile a, .view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile span, .view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font a, .view-xs .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font span, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline a, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline span, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile a, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile span, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font a, .view-xs .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font span, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline a, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline span, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile a, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile span, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font a, .view-s .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font span, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline a, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline span, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile a, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile span, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font a, .view-s .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font span, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline a, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline span, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile a, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile span, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font a, .sectionC .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font span, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline a, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline span, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile a, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile span, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font a, .sectionC .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font span, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline a, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle h4.headline span, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile a, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle p.dachzeile span, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font a, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .shortInfos .wholeTitle .icon-font span, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline a, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle h4.headline span, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile a, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle p.dachzeile span, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font a, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .shortInfos .wholeTitle .icon-font span {
    color: #005c63; }
.view-xs .mod.modStage .stagefont-bright .teaser .teasertext, .view-xs .mod.modStage .stagefont-dark .teaser .teasertext, .view-s .mod.modStage .stagefont-bright .teaser .teasertext, .view-s .mod.modStage .stagefont-dark .teaser .teasertext, .sectionC .mod.modStage .stagefont-bright .teaser .teasertext, .sectionC .mod.modStage .stagefont-dark .teaser .teasertext, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .teasertext, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .teasertext {
  color: #005c63; }
  .view-xs .mod.modStage .stagefont-bright .teaser .teasertext a, .view-xs .mod.modStage .stagefont-bright .teaser .teasertext span, .view-xs .mod.modStage .stagefont-bright .teaser .teasertext .icon-font, .view-xs .mod.modStage .stagefont-dark .teaser .teasertext a, .view-xs .mod.modStage .stagefont-dark .teaser .teasertext span, .view-xs .mod.modStage .stagefont-dark .teaser .teasertext .icon-font, .view-s .mod.modStage .stagefont-bright .teaser .teasertext a, .view-s .mod.modStage .stagefont-bright .teaser .teasertext span, .view-s .mod.modStage .stagefont-bright .teaser .teasertext .icon-font, .view-s .mod.modStage .stagefont-dark .teaser .teasertext a, .view-s .mod.modStage .stagefont-dark .teaser .teasertext span, .view-s .mod.modStage .stagefont-dark .teaser .teasertext .icon-font, .sectionC .mod.modStage .stagefont-bright .teaser .teasertext a, .sectionC .mod.modStage .stagefont-bright .teaser .teasertext span, .sectionC .mod.modStage .stagefont-bright .teaser .teasertext .icon-font, .sectionC .mod.modStage .stagefont-dark .teaser .teasertext a, .sectionC .mod.modStage .stagefont-dark .teaser .teasertext span, .sectionC .mod.modStage .stagefont-dark .teaser .teasertext .icon-font, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .teasertext a, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .teasertext span, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .teasertext .icon-font, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .teasertext a, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .teasertext span, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .teasertext .icon-font {
    color: #005c63; }
.view-xs .mod.modStage .stagefont-bright .teaser .moreBtn, .view-xs .mod.modStage .stagefont-dark .teaser .moreBtn, .view-s .mod.modStage .stagefont-bright .teaser .moreBtn, .view-s .mod.modStage .stagefont-dark .teaser .moreBtn, .sectionC .mod.modStage .stagefont-bright .teaser .moreBtn, .sectionC .mod.modStage .stagefont-dark .teaser .moreBtn, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .moreBtn, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .moreBtn {
  background-color: #f7f7f7; }
  .view-xs .mod.modStage .stagefont-bright .teaser .moreBtn a, .view-xs .mod.modStage .stagefont-bright .teaser .moreBtn span, .view-xs .mod.modStage .stagefont-dark .teaser .moreBtn a, .view-xs .mod.modStage .stagefont-dark .teaser .moreBtn span, .view-s .mod.modStage .stagefont-bright .teaser .moreBtn a, .view-s .mod.modStage .stagefont-bright .teaser .moreBtn span, .view-s .mod.modStage .stagefont-dark .teaser .moreBtn a, .view-s .mod.modStage .stagefont-dark .teaser .moreBtn span, .sectionC .mod.modStage .stagefont-bright .teaser .moreBtn a, .sectionC .mod.modStage .stagefont-bright .teaser .moreBtn span, .sectionC .mod.modStage .stagefont-dark .teaser .moreBtn a, .sectionC .mod.modStage .stagefont-dark .teaser .moreBtn span, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .moreBtn a, .view-m .sectionB .mod.modStage .stagefont-bright .teaser .moreBtn span, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .moreBtn a, .view-m .sectionB .mod.modStage .stagefont-dark .teaser .moreBtn span {
    color: #005c63; }

.no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover .moreBtn, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover .moreBtn, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover .moreBtn {
  background-color: transparent; }
.no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover .headline a, .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover p, .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover p a, .no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox):hover span, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover .headline a, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover p, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover p a, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover span, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover .headline a, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover p, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover p a, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox):hover span {
  color: #fff; }
.no-touch .sectionC .mod.modStage .teaser:not(.teaserInfobox) .moreBtn:hover, .no-touch .view-s .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox) .moreBtn:hover, .no-touch .view-xs .section:not(.sectionAvDetail) .mod.modStage .teaser:not(.teaserInfobox) .moreBtn:hover {
  background-color: transparent; }
.no-touch .mod.modStageTabbed.owl-noSlider .box:hover {
  -ms-transform: translate(0, -4px);
  /* IE 9 */
  -webkit-transform: translate(0, -4px);
  /* Chrome, Safari, Opera */
  transform: translate(0, -4px); }
  .no-touch .mod.modStageTabbed.owl-noSlider .box:hover .media {
    background-color: #17c0ff; }
    .no-touch .mod.modStageTabbed.owl-noSlider .box:hover .media:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-bottom-color: #f7f7f7;
      border-width: 12px;
      margin-left: -12px; }
    .no-touch .mod.modStageTabbed.owl-noSlider .box:hover .media:before {
      position: absolute;
      content: "";
      top: 50%;
      left: 50%;
      font-size: 40px;
      margin: -15px 0 0 -20px;
      color: #fff; }
    .no-touch .mod.modStageTabbed.owl-noSlider .box:hover .media img {
      opacity: .1; }
.no-touch.view-xl .mod.modStageTabbed.owl-noSlider .box:hover .media:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  font-size: 40px;
  margin: -15px 0 0 -20px;
  color: #fff; }
.no-touch.view-xl .mod.modStageTabbed.owl-noSlider .box:hover .media:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #f7f7f7;
  border-width: 32px;
  margin-left: -32px; }

.form .unitA:before, .teaserVoting .form-buttonVoted .form-inputWrapper:before, .modConFormVoting .form-buttonVoted .form-inputWrapper:before {
  position: absolute;
  content: "";
  right: 12px;
  font-size: 1.333em;
  top: 20px;
  display: none; }

.form {
  width: 100%;
  margin-bottom: 8px;
  background-color: #ebebeb;
  padding: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .form .headline {
    margin-bottom: 8px; }
  .form .form-skinned {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer; }
  .form .mediaCon.kikale {
    width: 82px; }
  .form form:not(.searchForm, .copyForm) {
    margin: 16px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #ebebeb;
    border-top: 2px solid #ebebeb; }
  .form .copyVideo fieldset {
    padding: 0; }
  .form .copyVideo input.textInput, .form .copyVideo input.email {
    width: 100%;
    float: left;
    padding: 8px;
    max-width: 100%; }
  .form .formTrigger {
    line-height: 1em;
    border: 2px solid #005c63;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #005c63;
    border-radius: 0px 6px 6px 0px;
    color: #cbecee;
    height: 35px;
    padding: 8px;
    float: left;
    margin-left: -5px; }
  .form input, .form select, .form textarea {
    max-width: 90%; }
  .form label {
    margin-right: 16px; }
  .form .textInput {
    color: #005c63; }
  .form .unitD {
    text-align: right; }
    .form .unitD label {
      display: block; }
  .form .formElement {
    padding: 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }
  .form button.submitButton {
    float: none;
    position: relative;
    overflow: hidden;
    right: auto;
    bottom: auto;
    color: #fff;
    font-size: 1.4em;
    text-transform: uppercase;
    text-align: center;
    background-color: #d8dadb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 12px;
    margin: 0px;
    line-height: 1em;
    min-width: 320px;
    cursor: pointer; }
    .form button.submitButton .icon-font {
      display: none; }
    .form button.submitButton .form-buttontext {
      position: relative;
      z-index: 1; }
    .form button.submitButton .form-valprogress {
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      transition: all 0.8s ease-in-out;
      position: absolute;
      background-color: #005c63;
      width: 0;
      height: 4px;
      bottom: 0;
      left: 0; }
  .form .submitfield .unitA {
    text-align: center;
    margin: 12px 0 16px 0; }
  .form .securityBox label {
    float: left; }
  .form .securityBox input {
    max-width: 10%; }
  .form .unitA.required:before {
    color: #d8dadb;
    content: '\e00b';
    display: block; }
  .form .unitA.required.valid:before {
    color: #9ad900;
    display: block; }
  .form .unitA.required.valid input.textInput, .form .unitA.required.valid textarea {
    border-color: #9ad900;
    color: #9ad900; }
  .form .unitA.error:before {
    color: #FD732F;
    content: '\e019';
    display: block; }
  .form .unitA.error input.textInput {
    border-color: #FD732F;
    color: #FD732F; }
  .form .form-errormsg {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #FD732F; }
    .form .form-errormsg:after {
      border-bottom-color: #FD732F; }
  .form input.textInput, .form select, .form textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d8dadb;
    height: 35px;
    float: left; }
  .form textarea {
    height: auto; }
  .form select {
    background-color: #fff;
    color: #005c63;
    height: auto; }
    .form select option {
      background-color: transparent; }
  .form .form-global-msg {
    padding: 16px;
    padding-left: 40px;
    background-color: #FD732F;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }
    .form .form-global-msg:before {
      position: absolute;
      content: "";
      left: 12px;
      top: 50%;
      margin-top: -10px; }
  .form .form-helpmsg {
    background-color: #d8dadb;
    color: #005c63;
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  .form .form-hint {
    float: left;
    position: relative; }
  .form .form-tipp {
    margin-bottom: 16px; }
    .form .form-tipp.form-tipp-legal {
      margin-top: 16px; }
    .form .form-tipp .form-hint-text {
      font-weight: bold;
      color: #FD732F; }
    .form .form-tipp a, .form .form-tipp a .icon-font {
      color: #17c0ff; }
    .form .form-tipp .unitE {
      width: 16.97%; }
    .form .form-tipp .unitY {
      background: #fff;
      width: 82.97%;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px;
      padding: 4px;
      padding-left: 8px;
      position: relative;
      margin-top: 8px; }
      .form .form-tipp .unitY:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-right-color: #ffffff;
        border-width: 13px;
        margin-top: -13px; }
  .form .form-success {
    background-color: #fff9e5;
    -webkit-box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.1); }
    .form .form-success > .unitA {
      padding: 16px 16px 16px 16px; }
    .form .form-success .divider {
      background-color: #9ad900;
      max-width: 98%;
      margin-left: 1%;
      margin-right: 1%; }
    .form .form-success .form-success-header {
      padding-top: 16px;
      border-top: 8px solid #9ad900; }
      .form .form-success .form-success-header .headline, .form .form-success .form-success-header .teasertext {
        color: #9ad900;
        margin-bottom: 16px; }
      .form .form-success .form-success-header .unitD {
        text-align: center; }
        .form .form-success .form-success-header .unitD .mediaCon.kikale {
          width: 70px;
          display: inline-block;
          float: none !important;
          margin: 0; }
    .form .form-success .form-success-values .teasertext {
      float: none; }
      .form .form-success .form-success-values .teasertext.value {
        font-weight: bold;
        padding-left: 32px; }
    .form .form-success.form-success-sent .unitD .mediaCon.kikale {
      width: 100px; }
    .form .form-success.form-success-sent .moreBtn {
      padding: 13px;
      font-size: 1.4em;
      line-height: 1.21;
      float: left; }
      .form .form-success.form-success-sent .moreBtn .linktext {
        display: table; }
      .form .form-success.form-success-sent .moreBtn .icon-font {
        font-size: 1em; }
      .form .form-success.form-success-sent .moreBtn:not(:hover) {
        background-color: #9ad900;
        color: #fff9e5; }
        .form .form-success.form-success-sent .moreBtn:not(:hover) .icon-font {
          color: #fff9e5; }

.boxVoting .teaserStandard {
  margin-bottom: 16px; }

.modConFormVoting .mod.modFormVoting .formElement .radio .form-errormsg {
  display: none; }

.teaserVoting .form, .modConFormVoting .form {
  background-color: transparent;
  padding: 0; }
.teaserVoting .isExpired .form-success:first-of-type, .modConFormVoting .isExpired .form-success:first-of-type {
  display: block; }
.teaserVoting .isExpired .form, .modConFormVoting .isExpired .form {
  display: none; }
.teaserVoting .form-success:first-of-type, .modConFormVoting .form-success:first-of-type {
  display: none; }
.teaserVoting .form-success, .modConFormVoting .form-success {
  background: none; }
  .teaserVoting .form-success .form-button.form-button0 label .form-voteValue, .teaserVoting .form-success .form-button.form-button0 .form-inputWrapper, .modConFormVoting .form-success .form-button.form-button0 label .form-voteValue, .modConFormVoting .form-success .form-button.form-button0 .form-inputWrapper {
    background-color: #58a5e0; }
  .teaserVoting .form-success .form-button.form-button1 label .form-voteValue, .teaserVoting .form-success .form-button.form-button1 .form-inputWrapper, .modConFormVoting .form-success .form-button.form-button1 label .form-voteValue, .modConFormVoting .form-success .form-button.form-button1 .form-inputWrapper {
    background-color: #ff6633; }
  .teaserVoting .form-success .form-button.form-button2 label .form-voteValue, .teaserVoting .form-success .form-button.form-button2 .form-inputWrapper, .modConFormVoting .form-success .form-button.form-button2 label .form-voteValue, .modConFormVoting .form-success .form-button.form-button2 .form-inputWrapper {
    background-color: #9ad900; }
  .teaserVoting .form-success .form-button.form-button3 label .form-voteValue, .teaserVoting .form-success .form-button.form-button3 .form-inputWrapper, .modConFormVoting .form-success .form-button.form-button3 label .form-voteValue, .modConFormVoting .form-success .form-button.form-button3 .form-inputWrapper {
    background-color: #00c0b9; }
  .teaserVoting .form-success .form-button.form-button4 label .form-voteValue, .teaserVoting .form-success .form-button.form-button4 .form-inputWrapper, .modConFormVoting .form-success .form-button.form-button4 label .form-voteValue, .modConFormVoting .form-success .form-button.form-button4 .form-inputWrapper {
    background-color: #ffcc33; }
  .teaserVoting .form-success .form-button.form-button5 label .form-voteValue, .teaserVoting .form-success .form-button.form-button5 .form-inputWrapper, .modConFormVoting .form-success .form-button.form-button5 label .form-voteValue, .modConFormVoting .form-success .form-button.form-button5 .form-inputWrapper {
    background-color: #d258e0; }
  .teaserVoting .form-success label, .modConFormVoting .form-success label {
    position: relative;
    overflow: hidden;
    max-width: 100%; }
    .teaserVoting .form-success label .form-voteValue, .modConFormVoting .form-success label .form-voteValue {
      position: absolute;
      height: 100%;
      z-index: 0;
      top: 0;
      left: 0; }
.teaserVoting p.teasertext, .modConFormVoting p.teasertext {
  width: 100%; }
.teaserVoting h3.headline, .modConFormVoting h3.headline {
  width: 100%; }
.teaserVoting h4.headline, .modConFormVoting h4.headline {
  text-transform: uppercase;
  float: left; }
.teaserVoting .unitD, .modConFormVoting .unitD {
  display: none; }
.teaserVoting .unitY, .modConFormVoting .unitY {
  width: 100%; }
.teaserVoting .formElement.required, .modConFormVoting .formElement.required {
  padding: 0 0 16px 0;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .teaserVoting .formElement.required:before, .modConFormVoting .formElement.required:before {
    content: ''; }
.teaserVoting .form-button, .modConFormVoting .form-button {
  margin-top: 8px;
  margin-right: 0 !important;
  float: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
.teaserVoting .form-inputWrapper, .modConFormVoting .form-inputWrapper {
  position: relative;
  width: 14%;
  padding: 6px 8px 8px 8px;
  margin: 0;
  margin-right: 1%;
  float: left;
  background-color: #cde4f6;
  -webkit-border-radius: 7px 0 0 7px;
  -moz-border-radius: 7px 0 0 7px;
  -ms-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
  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;
  text-align: center; }
  .teaserVoting .form-inputWrapper input, .modConFormVoting .form-inputWrapper input {
    display: inline-block;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
.teaserVoting .form-button label, .modConFormVoting .form-button label {
  float: left;
  width: 85%;
  font-weight: bold;
  padding: 8px 8px 6px 8px;
  margin: 0;
  background-color: #cde4f6;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  -ms-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .teaserVoting .form-button label .form-voteText, .teaserVoting .form-button label .form-votePercent, .modConFormVoting .form-button label .form-voteText, .modConFormVoting .form-button label .form-votePercent {
    position: relative;
    z-index: 1;
    width: 80%;
    display: inline-block; }
  .teaserVoting .form-button label .form-votePercent, .modConFormVoting .form-button label .form-votePercent {
    width: 20%;
    text-align: right;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
.teaserVoting form label, .modConFormVoting form label {
  cursor: pointer; }
.teaserVoting .form-button0 label, .teaserVoting .form-button0 .form-inputWrapper, .modConFormVoting .form-button0 label, .modConFormVoting .form-button0 .form-inputWrapper {
  background-color: #cde4f6; }
.teaserVoting .form-button1 label, .teaserVoting .form-button1 .form-inputWrapper, .modConFormVoting .form-button1 label, .modConFormVoting .form-button1 .form-inputWrapper {
  background-color: #ffd1c1; }
.teaserVoting .form-button2 label, .teaserVoting .form-button2 .form-inputWrapper, .modConFormVoting .form-button2 label, .modConFormVoting .form-button2 .form-inputWrapper {
  background-color: #e1f4b2; }
.teaserVoting .form-button3 label, .teaserVoting .form-button3 .form-inputWrapper, .modConFormVoting .form-button3 label, .modConFormVoting .form-button3 .form-inputWrapper {
  background-color: #b2ecea; }
.teaserVoting .form-button4 label, .teaserVoting .form-button4 .form-inputWrapper, .modConFormVoting .form-button4 label, .modConFormVoting .form-button4 .form-inputWrapper {
  background-color: #fff0c1; }
.teaserVoting .form-button5 label, .teaserVoting .form-button5 .form-inputWrapper, .modConFormVoting .form-button5 label, .modConFormVoting .form-button5 .form-inputWrapper {
  background-color: #f1cdf6; }
.teaserVoting .form-buttonVoted .form-inputWrapper:before, .modConFormVoting .form-buttonVoted .form-inputWrapper:before {
  display: block;
  color: #005c63;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin: -10px 0 0 -10px; }

.view-l .sectionA .modForm .box:not(.boxInnerDetail) .form, .view-l .sectionA .modForm .box:not(.boxInnerDetail) .form-success, .view-xl .sectionA .modForm .box:not(.boxInnerDetail) .form, .view-xl .sectionA .modForm .box:not(.boxInnerDetail) .form-success {
  max-width: 66%; }
.view-l .sectionA .con.viewZ .box .form, .view-l .sectionA .con.viewA .box .form, .view-l .sectionA .con.viewB .box .form, .view-l .sectionA .con.viewC .box .form, .view-xl .sectionA .con.viewZ .box .form, .view-xl .sectionA .con.viewA .box .form, .view-xl .sectionA .con.viewB .box .form, .view-xl .sectionA .con.viewC .box .form {
  max-width: 100%; }

.view-m .form-tipp {
  width: 100%; }

.view-xs .modForm input, .view-xs .modForm select, .view-xs .modForm textarea, .view-s .modForm input, .view-s .modForm select, .view-s .modForm textarea, .sectionC .modForm input, .sectionC .modForm select, .sectionC .modForm textarea, .unitC.modForm input, .unitC.modForm select, .unitC.modForm textarea {
  max-width: 100%; }
.view-xs .modForm .form-success .form-success-values .teasertext, .view-s .modForm .form-success .form-success-values .teasertext, .sectionC .modForm .form-success .form-success-values .teasertext, .unitC.modForm .form-success .form-success-values .teasertext {
  float: left; }
  .view-xs .modForm .form-success .form-success-values .teasertext.value, .view-s .modForm .form-success .form-success-values .teasertext.value, .sectionC .modForm .form-success .form-success-values .teasertext.value, .unitC.modForm .form-success .form-success-values .teasertext.value {
    padding-left: 0; }
.view-xs .modForm .form-tipp, .view-s .modForm .form-tipp, .sectionC .modForm .form-tipp, .unitC.modForm .form-tipp {
  width: 100%; }
  .view-xs .modForm .form-tipp .unitE, .view-xs .modForm .form-tipp .unitY, .view-s .modForm .form-tipp .unitE, .view-s .modForm .form-tipp .unitY, .sectionC .modForm .form-tipp .unitE, .sectionC .modForm .form-tipp .unitY, .unitC.modForm .form-tipp .unitE, .unitC.modForm .form-tipp .unitY {
    width: 100%; }
  .view-xs .modForm .form-tipp .unitY, .view-s .modForm .form-tipp .unitY, .sectionC .modForm .form-tipp .unitY, .unitC.modForm .form-tipp .unitY {
    margin-top: 32px; }
    .view-xs .modForm .form-tipp .unitY:after, .view-s .modForm .form-tipp .unitY:after, .sectionC .modForm .form-tipp .unitY:after, .unitC.modForm .form-tipp .unitY:after {
      right: 50%;
      top: -26px;
      pointer-events: none;
      border-color: transparent;
      border-bottom-color: #ffffff;
      border-width: 13px;
      margin-top: 0;
      margin-right: -8px; }

.view-xs, .view-s {
  /*.searchBox {
    &.bigger {
      width: 100%;
      margin: 0 0 0 2px;
    }
  }*/ }
  .view-xs .modForm button.submitButton, .view-s .modForm button.submitButton {
    min-width: 100%;
    width: 100%; }

.view-xs {
  /*input.searchInput {
    width: 60%;
  }
  a.searchSubmit {
    width: 40%;
  }*/ }

.view-s {
  /*input.searchInput {
    width: 75%;
  }
  a.searchSubmit {
    width: 25%;
  }*/ }

.conInline .modForm .boxCon {
  background-color: transparent; }
.conInline .modForm fieldset {
  padding: 0; }

.no-touch .modForm:not(.modFormVoting) .formElement:hover {
  background-color: #fff; }
.no-touch .teaserVoting form .form-button0:hover label, .no-touch .teaserVoting form .form-button0:hover .form-inputWrapper {
  background-color: #58a5e0; }
.no-touch .teaserVoting form .form-button1:hover label, .no-touch .teaserVoting form .form-button1:hover .form-inputWrapper {
  background-color: #ff6633; }
.no-touch .teaserVoting form .form-button2:hover label, .no-touch .teaserVoting form .form-button2:hover .form-inputWrapper {
  background-color: #9ad900; }
.no-touch .teaserVoting form .form-button3:hover label, .no-touch .teaserVoting form .form-button3:hover .form-inputWrapper {
  background-color: #00c0b9; }
.no-touch .teaserVoting form .form-button4:hover label, .no-touch .teaserVoting form .form-button4:hover .form-inputWrapper {
  background-color: #ffcc33; }
.no-touch .teaserVoting form .form-button5:hover label, .no-touch .teaserVoting form .form-button5:hover .form-inputWrapper {
  background-color: #d258e0; }
.no-touch button.submitButton:hover span.form-valprogress {
  /* fallback/image non-cover color */
  background-color: #17c0ff;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#17c0ff, #17c0ff);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17c0ff), to(#17c0ff));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#17c0ff, #17c0ff);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#17c0ff, #17c0ff);
  /* Firefox 3.6+ */
  background-image: linear-gradient(#17c0ff, #17c0ff);
  color: #fff; }
  .no-touch button.submitButton:hover span.form-valprogress a, .no-touch button.submitButton:hover span.form-valprogress span:not(.textHighlight), .no-touch button.submitButton:hover span.form-valprogress p, .no-touch button.submitButton:hover span.form-valprogress div, .no-touch button.submitButton:hover span.form-valprogress h4 {
    color: #fff; }

.wrapperIdent h2.conHeadline {
  font-size: 1.6875em;
  color: #fff;
  margin-bottom: 24px;
  text-shadow: 1px 1px 3px #000; }
.wrapperIdent .section {
  padding: 0 !important; }

.mod.modIdentSlider {
  text-align: center; }
  .mod.modIdentSlider .mediaCon {
    margin-bottom: 8px; }
  .mod.modIdentSlider .shortInfos {
    background: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 0; }
    .mod.modIdentSlider .shortInfos .wholeTitle {
      width: 100%; }
    .mod.modIdentSlider .shortInfos p, .mod.modIdentSlider .shortInfos a, .mod.modIdentSlider .shortInfos h2, .mod.modIdentSlider .shortInfos h3, .mod.modIdentSlider .shortInfos h4, .mod.modIdentSlider .shortInfos span {
      color: #005c63; }
  .mod.modIdentSlider .mediaCon .mediaInfo {
    background: #e4eeef; }
    .mod.modIdentSlider .mediaCon .mediaInfo .icon-font, .mod.modIdentSlider .mediaCon .mediaInfo .wholeTitle, .mod.modIdentSlider .mediaCon .mediaInfo .wholeTitle .mediaTitle, .mod.modIdentSlider .mediaCon .mediaInfo .info, .mod.modIdentSlider .mediaCon .mediaInfo .mediaTitle {
      color: #005c63; }
  .mod.modIdentSlider .shortInfos .icon-font, .mod.modIdentSlider .mediaInfo .moreBtn {
    display: none; }
  .mod.modIdentSlider .owl-dots {
    display: none; }
  .mod.modIdentSlider .owl-stage-outer {
    max-width: 98%;
    left: 3px; }
  .mod.modIdentSlider .owl-item, .mod.modIdentSlider .box {
    max-width: 150px; }
  .mod.modIdentSlider .owl-stage-outer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: block; }
    .mod.modIdentSlider .owl-stage-outer .owl-stage {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; }
  .mod.modIdentSlider.owl-noSlider .owl-stage {
    width: 100% !important; }
  .mod.modIdentSlider .boxCon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  .mod.modIdentSlider .owl-stage {
    -webkit-flex-wrap: nowrap !important;
    -moz-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    left: -5px; }
  .mod.modIdentSlider .boxConWrapper {
    position: relative;
    width: 764px;
    display: inline-block;
    overflow: hidden; }
  .mod.modIdentSlider .box {
    width: 80px;
    min-width: 95px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 8px; }
    .mod.modIdentSlider .box .teaserIdent .mediaCon {
      max-width: 100%;
      margin-right: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .mod.modIdentSlider .box .teaserIdent .mediaCon img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border-width: 4px; }
    .mod.modIdentSlider .box .teaserIdent .linklist, .mod.modIdentSlider .box .teaserIdent .mediaInfo {
      display: none; }
    .mod.modIdentSlider .box .teaserIdent .shortInfos, .mod.modIdentSlider .box .teaserIdent .teasertext {
      max-width: 80%;
      display: none; }
    .mod.modIdentSlider .box .teaserIdent .linkAll {
      display: none; }
    .mod.modIdentSlider .box .teasertext, .mod.modIdentSlider .box .dachzeile, .mod.modIdentSlider .box .linklist, .mod.modIdentSlider .box .mediaInfo {
      display: none; }
    .mod.modIdentSlider .box .shortInfos {
      margin-top: 4px; }
    .mod.modIdentSlider .box h4.headline {
      text-align: left;
      text-transform: none;
      opacity: 0;
      font-size: 1em;
      font-weight: bold;
      white-space: nowrap;
      background: #ffffff;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px;
      padding: 2px 8px 4px 8px;
      margin-top: 0; }
      .mod.modIdentSlider .box h4.headline:after {
        bottom: 100%;
        left: 32px;
        border: solid transparent;
        content: " ";
        position: absolute;
        pointer-events: none;
        border-color: none;
        border-bottom-color: #ffffff;
        border-width: 8px;
        margin-left: 0px; }
      .mod.modIdentSlider .box h4.headline a, .mod.modIdentSlider .box h4.headline span {
        color: #17c0ff; }
  .mod.modIdentSlider .controls.sliding {
    position: static;
    height: 0;
    border: 0;
    margin: 0;
    border: none; }
    .mod.modIdentSlider .controls.sliding .buttons {
      position: static; }
    .mod.modIdentSlider .controls.sliding .labels {
      display: none; }
    .mod.modIdentSlider .controls.sliding a.prev, .mod.modIdentSlider .controls.sliding a.next {
      width: 80px;
      height: 80px;
      top: 8px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-color: #ebebeb;
      border: 4px solid #fff; }
      .mod.modIdentSlider .controls.sliding a.prev:before, .mod.modIdentSlider .controls.sliding a.next:before {
        left: 50%;
        margin-left: -24px;
        font-size: 44px;
        line-height: 1em;
        margin-top: -22px; }
    .mod.modIdentSlider .controls.sliding a.prev {
      left: 0;
      -webkit-box-shadow: 9px 0px 8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 9px 0px 8px rgba(0, 0, 0, 0.5);
      box-shadow: 9px 0px 8px rgba(0, 0, 0, 0.5); }
    .mod.modIdentSlider .controls.sliding a.next {
      right: 0;
      -webkit-box-shadow: -9px 0px 8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: -9px 0px 8px rgba(0, 0, 0, 0.5);
      box-shadow: -9px 0px 8px rgba(0, 0, 0, 0.5); }
      .mod.modIdentSlider .controls.sliding a.next:before {
        margin-left: -30px; }
  .view-xs .mod.modIdentSlider .controls.sliding, .view-s .mod.modIdentSlider .controls.sliding {
    display: none !important; }

#content .mod.modIdentSlider .boxCon {
  padding: 0;
  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;
  -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; }

.view-xs .wrapperIdent, .view-xs .wrapperIdent .sectionA, .view-xs .modIdentSlider .boxConWrapper, .view-s .wrapperIdent, .view-s .wrapperIdent .sectionA, .view-s .modIdentSlider .boxConWrapper {
  width: 100% !important;
  margin: 0 !important; }

.view-xl .modIdentSlider {
  font-size: 0.7619047619em; }
  .view-xl .modIdentSlider .boxConWrapper {
    width: 1250px; }
  .view-xl .modIdentSlider .controls.sliding a.prev, .view-xl .modIdentSlider .controls.sliding a.next {
    width: 88px;
    height: 88px; }
.view-xl .sectionTopIdent .mod.modIdentSlider.owl-noSlider .boxConWrapper {
  width: 100% !important; }
.view-xl .sectionTopIdent .mod.modIdentSlider.owl-isSlider .owl-stage {
  left: -15px; }

.view-m .modIdentSlider .boxConWrapper {
  width: 77%; }

.no-touch .mod.modList .teaser:hover h2, .no-touch .mod.modList .teaser:hover h3 a, .no-touch .mod.modList .teaser:hover h4 a, .no-touch .mod.modList .teaser:hover p, .no-touch .mod.modList .teaser:hover a, .no-touch .mod.modList .teaser:hover span:not(.textHighlight) {
  color: #fff !important; }

.modSocialbar .social {
  display: block !important;
  float: left;
  width: 100%; }
  .modSocialbar .social .likeCon {
    display: inline-block;
    float: none;
    width: 369px;
    margin-top: 16px; }
    .modSocialbar .social .likeCon h4.headline {
      text-transform: uppercase;
      float: left;
      margin-top: 7px;
      font-size: 1.1em; }
    .modSocialbar .social .likeCon .send .moreBtn .collapseArrow {
      display: none !important; }
    .modSocialbar .social .likeCon .gplus {
      display: none; }
    .modSocialbar .social .likeCon .moreBtn {
      margin-top: 0;
      float: left;
      margin-left: 16px; }
      .modSocialbar .social .likeCon .moreBtn .icon-font {
        margin-right: 0; }

.view-xl .modSocialbar .social .likeCon {
  width: 449px; }

.view-m .modSocialbar .social .likeCon {
  width: 204px; }
  .view-m .modSocialbar .social .likeCon ul li:first-child .moreBtn {
    margin-left: 0; }
  .view-m .modSocialbar .social .likeCon h4.headline {
    display: none; }

.view-xs .modSocialbar .social .likeCon {
  width: 100%; }
  .view-xs .modSocialbar .social .likeCon h4.headline {
    width: 100%;
    margin-bottom: 16px; }
  .view-xs .modSocialbar .social .likeCon ul {
    display: block; }
    .view-xs .modSocialbar .social .likeCon ul li {
      display: inline-block; }
      .view-xs .modSocialbar .social .likeCon ul li:first-child .moreBtn {
        margin-left: 0; }

.modFixLoat .isFixFloating {
  position: fixed;
  left: auto;
  top: 100px; }

/************  MODULE-DESIGN: Community ************/
.modCommunity {
  border-top: 4px solid #ebebeb; }
  .modCommunity .boxCon {
    background-color: transparent !important; }
  .modCommunity .box, .modCommunity .boxCon {
    padding: 0 !important;
    display: block !important; }
  .modCommunity .communityThreadInfos {
    padding-bottom: 12px; }
    .modCommunity .communityThreadInfos .headline:before {
      content: "\e037";
      font-weight: normal;
      top: 2px;
      position: relative; }
    .modCommunity .communityThreadInfos p {
      font-family: ultramagnetic, arial, roboto, "droid sans", helvetica, sans-serif;
      font-size: 1.2em;
      font-weight: bold;
      margin-top: 12px; }
    .modCommunity .communityThreadInfos img.fullSize {
      width: 100%; }
  .modCommunity .communityComment {
    background-color: #fef189;
    margin-bottom: 16px;
    padding: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    .modCommunity .communityComment img {
      float: left;
      display: block;
      width: 50px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      margin-right: 10px; }
    .modCommunity .communityComment h4 {
      font-size: 1em;
      font-weight: normal;
      margin-bottom: 4px; }
      .modCommunity .communityComment h4 .ccAuthor, .modCommunity .communityComment h4 .ccTitle {
        font-weight: bold; }
      .modCommunity .communityComment h4 .communityThread {
        display: none; }
    .modCommunity .communityComment p {
      display: table; }
      .modCommunity .communityComment p img {
        position: static;
        border-radius: 0; }
  .modCommunity .communityComment:hover {
    background-color: #FFE918; }
  .modCommunity .ccAuthor:hover, .modCommunity .ccTitle:hover {
    color: #FD732F; }
  .modCommunity .moreBtn {
    margin-top: 0; }

.view-xs .communityComment p, .view-s .communityComment p {
  display: block; }
.view-xs .modCommunity .moreBtn, .view-s .modCommunity .moreBtn {
  width: 100%; }

@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 {
  color: #000;
  font-family: ultramagnetic,arial,roboto,"droid sans",helvetica,sans-serif;
  font-size: .8em;
  border-radius: 3px;
  background-color: transparent;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  transition: .2s; }
  .cssQuiz .btn:hover, .cssQuiz .btn:focus,
  .cssQuizXoMat .btn:hover,
  .cssQuizXoMat .btn:focus {
    background-color: #bbccdc; }

.quiz-question .mediaCon.mediaFull .owl-stage, .quiz-question .mediaCon.mediaFull .owl-item, .quiz-result .mediaCon.mediaFull .owl-stage, .quiz-result .mediaCon.mediaFull .owl-item {
  width: 100% !important; }
.quiz-question .mediaInfo, .quiz-result .mediaInfo {
  background: transparent; }

.quiz-question .mediaSubtitle,
.quiz-question .mediaRights {
  color: #005c63 !important; }

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

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-question .pageAreaTitle {
  font-size: 1.1875em;
  text-align: left;
  padding: 12px 0; }
  .quiz-question .pageAreaTitle.text.text-centered {
    text-align: center; }

.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: #ebebeb;
  padding: 15px 20px 0;
  font-size: .8em;
  font-weight: 600;
  text-align: left;
  transition: opacity .4s; }
  .quiz-count.text.text-centered {
    text-align: center; }
  .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: #ebebeb;
  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% !important; }
  .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; }

@media (max-width: 479px) {
  .quiz-infobox .mediaCon[class*="mediaSize"] {
    width: 100%; }
    .quiz-infobox .mediaCon[class*="mediaSize"].mediaLeft {
      margin-bottom: 14px; } }
.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 .collapse-body::after {
    content: '';
    display: table;
    clear: both; }

.quiz-collapsable__unit .collapse-body .mediaCon {
  margin-top: 0; }

.quiz-collapsable__unit {
  margin-bottom: 16px; }
  .quiz-collapsable__unit.has-key-focus > div:focus .headline span {
    border-bottom: 2px solid; }

.headline .collapseArrow::before,
.xomat-progress + .collapseArrow::before {
  content: '\E017';
  /*margin-left: 8px;*/ }

.hasArrow.collapsed .collapseArrow::before {
  content: '\E014'; }

.xomat-progress + .collapseArrow {
  right: 0;
  top: 7px;
  font-weight: 800;
  margin: 0 6px 0 0; }

/*
.mod .box .quiz-wrapper .linklist li {
  background-color: transparent;
}
*/
.mod .box .quiz-wrapper .linklist .list {
  border: none;
  float: none;
  margin: 0 auto;
  text-align: center;
  width: 40%;
  text-transform: uppercase;
  font-weight: bold;
  color: #005c63; }
  .mod .box .quiz-wrapper .linklist .list li {
    background-color: #dddddd;
    border-radius: 7px;
    border: none; }
    .mod .box .quiz-wrapper .linklist .list li:hover {
      color: #fff;
      background: #17c0ff; }
    .mod .box .quiz-wrapper .linklist .list li a {
      padding: 8px;
      text-decoration: none;
      border-radius: 7px; }
      .mod .box .quiz-wrapper .linklist .list li a:hover {
        color: #fff;
        background: #17c0ff; }

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

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

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

.quiz-result .box {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .quiz-result .box h3 {
    text-align: center;
    width: 100%; }

.quiz-result .linklist,
.quiz-result__main {
  float: none;
  margin-bottom: 15px; }
  .quiz-result .linklist::after,
  .quiz-result__main::after {
    content: '';
    display: table;
    clear: both; }

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

.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: #dcdcdc;
  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: #f9f9f9;
    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 #535353; }
    .client-data__table th a {
      display: flex;
      align-items: center;
      justify-content: center; }
    .client-data__table th a::after {
      content: '\E014';
      font-family: 'kikons';
      margin-left: 5px; }
    .client-data__table th a.is-sorted-highest::after {
      content: '\E017'; }
    .client-data__table th a.is-sorted-lowest::after {
      content: '\E014'; }
  .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: #e9e9ea; }
  .client-data__table td:empty::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: #005c63;
    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: 'kikons';
      margin-right: 2px;
      vertical-align: middle; }
    .client-data__controls [class*="btn-"]:hover {
      background-color: #dcdcdc; }
  .client-data__controls .btn-previous::before {
    content: '\E015'; }
  .client-data__controls .btn-next::after {
    content: '\E016';
    margin-left: 2px; }
  .client-data__controls .btn-download::before {
    content: ""; }
  .client-data__controls .controls-warning {
    display: block;
    font-size: .65em;
    color: #ec0000;
    margin-top: 5px; }

.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; }
    .view-xl .xomat-progress::after {
      margin: 0 10px; }
  .xomat-progress span {
    content: '';
    background-color: #005c63;
    width: 100%;
    height: 100%;
    display: block;
    transform: translateX(-100%);
    transition: 1s cubic-bezier(0, 0, 0.07, 1); }

.cssQuiz h2.pageAreaTitle,
.cssQuizXoMat h2.pageAreaTitle {
  padding: 12px 0; }

.xomat-progress h3 {
  float: none; }

.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-result .btn,
.quiz-controls .btn {
  background-color: #dddddd;
  border-radius: 7px;
  min-width: 120px;
  text-align: center;
  display: none;
  font-weight: bold;
  text-transform: uppercase;
  color: #005c63; }
  .quiz-result .btn:hover,
  .quiz-controls .btn:hover {
    /*background-color: #999999;*/
    color: #fff;
    background-color: #17c0ff; }
  .quiz-result .btn .quiz-controls .btn,
  .quiz-controls .btn .quiz-controls .btn {
    background-color: #ebebeb; }
  .quiz-result .btn.is-shown,
  .quiz-controls .btn.is-shown {
    display: block; }
  .quiz-result .btn.is-locked,
  .quiz-controls .btn.is-locked {
    opacity: .3;
    pointer-events: none; }
  .quiz-result .btn + .btn,
  .quiz-controls .btn + .btn {
    margin-left: 10px; }

.quiz-controls .btn-next::after {
  content: '\25BA';
  font-family: 'kikons';
  margin-left: 4px;
  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 0;
  text-align: center; }
  .quiz-loader.is-invisible {
    opacity: 0; }
  .quiz-loader span {
    font-size: .8em; }

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

.quiz-answers .quiz-answers__wrapper {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  background-color: #ebebeb;
  padding: 8px; }
  .quiz-answers .quiz-answers__wrapper .mediaList .mediaLink img {
    margin-bottom: 20px; }
.quiz-answers.col-1 .mediaCon {
  flex: 0 1 66% !important; }
.quiz-answers .mediaCon {
  cursor: pointer; }
.quiz-answers .quiz-answers__wrapper.media-wrapper .owl-item {
  display: block !important; }
.quiz-answers .quiz-answers__wrapper.media-wrapper .quiz-answers__btn {
  margin-bottom: 0; }

.quiz-answers.col-1 .quiz-answers__wrapper {
  flex-direction: row; }

.mod.modParagraph .media-wrapper .mediaCon .mediaList {
  padding: 0; }

.quiz-answers .mediaList .mediaLink .mediaInfo {
  display: none; }

.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: 0 1 66% !important; } }
@media (max-width: 479px) {
  .quiz-answers[class*="col-"] .quiz-answers__wrapper {
    display: block; } }
@media (max-width: 479px) {
  .quiz-answers__wrapper.media-wrapper .mediaCon {
    margin-bottom: 4px; } }
.quiz-answers__wrapper .mediaCon {
  margin: 0; }

.quiz-answers__wrapper .mediaCon.mediaLeft {
  margin: 0; }

.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 {
  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: 4px; }

@media (max-width: 1010px) and (min-width: 767px) {
  .quiz-answers[class*="col-"] .quiz-answers__wrapper {
    flex-basis: 100%;
    margin-bottom: 10px; } }
@media (max-width: 580px) {
  .quiz-answers[class*="col-"] .quiz-answers__wrapper {
    flex-basis: 100%;
    margin-bottom: 10px; } }
.quiz-answers__btn {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  padding: 10px 26px 10px 10px;
  background-color: #005c63;
  color: #fff;
  min-height: 42px;
  min-width: 24px;
  margin-right: auto;
  border: 0;
  border-radius: 4px;
  transition: .2s;
  cursor: pointer;
  position: relative; }
  .quiz-answers__btn::before {
    content: '\25BA';
    font-family: 'kikons';
    font-size: 1.333em;
    display: flex;
    align-items: center; }
  .quiz-answers__btn:hover, .quiz-answers__btn:focus {
    background-color: #17c0ff; }
  .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: #fff;
    opacity: 1; }
  .quiz-answers__btn.is-correct {
    background-color: #8bc465;
    color: #006501;
    opacity: 1; }
  .quiz-answers__btn.is-wrong {
    background-color: #ffcccb;
    color: #cc0000;
    text-decoration: line-through;
    opacity: 1; }
  .quiz-answers__btn.is-corrected {
    opacity: 1;
    transition: .2s; }
    .quiz-answers__btn.is-corrected::before {
      content: "\E61A";
      opacity: .2; }

.col-4 .quiz-answers__btn {
  padding-right: 10px; }

.quiz-answers__wrapper .quiz-answers__btn span {
  padding: 0 7px;
  margin-right: auto;
  width: 100%; }
  .view-xl .quiz-answers__wrapper .quiz-answers__btn span {
    padding: 0 14px; }

.media-wrapper .mediaCon {
  margin: 0 4px 0 0 !important; }

.col-2 .media-wrapper .mediaCon, .col-3 .media-wrapper .mediaCon, .col-4 .media-wrapper .mediaCon {
  margin: 0 0 4px 0 !important; }

@media (max-width: 580px) {
  [class*="col-"] .media-wrapper .mediaCon {
    margin: 0 4px 0 0 !important; } }
@media (max-width: 479px) {
  [class*="col-"] .media-wrapper .mediaCon {
    margin: 0 0 4px 0 !important; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-3.quiz-answers .quiz-answers__wrapper {
    flex-basis: calc(100% /3 - 4%); }

  .quiz-answers__btn::before,
  .btn.btn-next.is-shown::after {
    content: '\25BA'; } }
.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; }

.answers-result .mediaCon .mediaInfo {
  background: transparent; }

.answers-result .mediaSubtitle,
.answers-result .mediaRights {
  color: #005c63 !important; }

body {
  background-size: auto;
  background-position: center center;
  background-attachment: fixed; }
  body.livestream .moreBtn.live {
    display: none; }
  body.livestream .conIPGSlider .modCon {
    margin-bottom: 16px; }
  body.node-webfolgen .broadcastInfo {
    display: none; }

.sectionWrapper:not(.hasSectionDetail) .section, .sectionMainWrapper .section, .sectionRelatedWrapper .section, .lineWrapper .section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -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; }
html.flexbox.view-m .sectionWrapper:not(.hasSectionDetail) .section, html.flexbox.view-l .sectionWrapper:not(.hasSectionDetail) .section, html.flexbox.view-xl .sectionWrapper:not(.hasSectionDetail) .section, html.flexbox.view-m .sectionMainWrapper .section, html.flexbox.view-l .sectionMainWrapper .section, html.flexbox.view-xl .sectionMainWrapper .section, html.flexbox.view-m .sectionRelatedWrapper .section, html.flexbox.view-l .sectionRelatedWrapper .section, html.flexbox.view-xl .sectionRelatedWrapper .section, html.flexbox.view-m .lineWrapper .section, html.flexbox.view-l .lineWrapper .section, html.flexbox.view-xl .lineWrapper .section {
  display: block; }

html.flexbox .con .mod .boxCon .box:not(.boxMiniKika) .mediaCon, html.flexbox .con .mod .boxCon .box:not(.boxMiniKika) .teasertext, html.flexbox .con .mod .boxCon .box:not(.boxMiniKika) .linklist, html.flexbox .con .mod .owl-stage .box:not(.boxMiniKika) .mediaCon, html.flexbox .con .mod .owl-stage .box:not(.boxMiniKika) .teasertext, html.flexbox .con .mod .owl-stage .box:not(.boxMiniKika) .linklist {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
html.flexbox .con .mod .boxCon .box:not(.boxMiniKika) .teasertext, html.flexbox .con .mod .boxCon .box:not(.boxMiniKika) .linklist, html.flexbox .con .mod .owl-stage .box:not(.boxMiniKika) .teasertext, html.flexbox .con .mod .owl-stage .box:not(.boxMiniKika) .linklist {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }
html.flexbox .con .mod .boxCon .box.boxPreTeen, html.flexbox .con .mod .owl-stage .box.boxPreTeen {
  display: block; }

html.flexbox .sectionArticle .con .modCon .modA .boxCon .box .teaserIdent {
  display: block; }
html.flexbox .con .mod.modList .boxCon, html.flexbox .con .mod.modList .owl-stage, html.flexbox .con .mod.modList .box:not(.boxMiniKika), html.flexbox .con .mod.modList .box:not(.boxMiniKika) .teaser, html.flexbox .con .mod.modStage:not(.owl-isSlider) .boxCon, html.flexbox .con .mod.modStage:not(.owl-isSlider) .owl-stage, html.flexbox .con .mod.modStage:not(.owl-isSlider) .box:not(.boxMiniKika), html.flexbox .con .mod.modStage:not(.owl-isSlider) .box:not(.boxMiniKika) .teaser {
  display: block; }

/** Flexbox for CSS equalHeight end **/
.conInline .mod:not(.modParagraph) .boxCon, .conInline .mod:not(.modParagraph) .controls, .conAccordion .mod .boxCon, .conAccordion .mod .controls {
  background-color: #e9e9ea; }

.conAccordion .modGlossar .boxCon, .conAccordion .modGlossar .controls {
  background-color: transparent; }
.conAccordion .conAccordionBody .mod {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.conInline .mod .av-playerContainer .controls {
  background-color: transparent; }

.moreBtn.send {
  display: none !important; }

body .view-xs.livestream .conIPGSlider .modCon, body .view-s.livestream .conIPGSlider .modCon, body .view-m.livestream .conIPGSlider .modCon {
  margin-bottom: 6px; }

html.view-xs #content .con, html.view-xs #content .conWrapper, html.view-s #content .con, html.view-s #content .conWrapper {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

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

html.view-xs #content .con.notInSmallView, html.view-s #content .con.notInSmallView {
  display: none !important; }
html.view-m #content .con.mobileOnly, html.view-l #content .con.mobileOnly, html.view-xl #content .con.mobileOnly {
  display: none !important; }
html.view-xs #content .con.desktopOnly, html.view-s #content .con.desktopOnly {
  display: none !important; }

/* MDR-Quiz fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-3.quiz-answers .quiz-answers__wrapper {
    flex-basis: calc(100% /3 - 4%); }

  .quiz-answers__btn::before,
  .btn.btn-next.is-shown::after {
    content: '\25BA'; } }

/*# sourceMappingURL=style-kika.css.map */