.detail h1.detail_headline em,
.news_block p strong,
body.contenttype_modular #content_wrapper > section div.detail .detail_modul .detail_paragraph h2 em,
.timeline > ul > li > em.ui-accordion-header-active { color: #e53f57; }
.timeline > ul > li > em.ui-accordion-header-active:before { background-color: #e53f57; border-color: #e53f57; }
.teaser .teaser_overline,
.box_standard.most ol.catchline li:before,
body.contenttype_modular #content_wrapper > section div.detail .detail_modul.quote .detail_paragraph h2 em:before,
div.quotationbox div.qb_content:before,
div.section.carousel div.section_inner div.box div.teaser .teaser_overline,
div.quotationbox.qb_picture blockquote.qb_text p:before { color: #e53f57; }
.teaser em.teaser_flag { background-color: #e53f57; color: #fff; }
body.contenttype_modular #modularNav li.active:before,
body.contenttype_modular #modularNav li:hover:before,
body.contenttype_modular #content_wrapper > section div.detail .detail_modul.poll .detail_paragraph form.form_global input[type="radio"]:checked + span.styled_radio:before { background-color: #e53f57; }
body.contenttype_modular #content_wrapper > section div.detail .detail_modul.poll .detail_paragraph form.form_global button[type="submit"] { background-color: #e53f57; border-color: #e53f57; }
#program_stage ul.timezones li a:focus,
#program_stage ul.timezones li a:hover,
#program_stage ul.timezones li.active a { border-top: 3px solid #63d1c1; }
#program_stage ul.program li div.broadcast a:hover,
#program_stage ul.program li div.broadcast a:hover span,
#program_stage ul.program li div.broadcast a:focus,
#program_stage ul.program li div.broadcast a:focus span,
#program_stage ul.program li div.broadcast a:active,
#program_stage ul.program li div.broadcast a:active span,
#program_stage ul.program li.active div.playing,
#program_stage ul.program li.active div.broadcast,
#program_stage ul.program li.active div.broadcast span.channel,
#program_stage ul.program li.active div.status,
#program_stage ul.program li.active div.status div.remaining-time,
#program_stage ul.program li.active a span.name,
#program_stage ul.program li.active a span.channel,
#program_stage ul.program li.active a span.time,
#program_stage.broadcast ul.program li div.broadcast a:hover,
#program_stage.broadcast ul.program li div.broadcast a:hover span,
#program_stage.broadcast ul.program li div.broadcast a:focus,
#program_stage.broadcast ul.program li div.broadcast a:focus span,
#program_stage.broadcast ul.program li div.broadcast a:active,
#program_stage.broadcast ul.program li div.broadcast a:active span,
#program_stage.broadcast ul.program li.active div.playing,
#program_stage.broadcast ul.program li.active div.broadcast,
#program_stage.broadcast ul.program li.active div.broadcast span.channel,
#program_stage.broadcast ul.program li.active div.status,
#program_stage.broadcast ul.program li.active div.status div.remaining-time,
#program_stage.broadcast ul.program li.active span.name,
#program_stage.broadcast ul.program li.active span.time,
#program_stage ul.program li.nextBroadcast.rollover div.next,
#program_stage ul.program li.nextBroadcast.rollover a,
#program_stage ul.program li.nextBroadcast.rollover span,
#program_stage.broadcast ul.program li.nextBroadcast.rollover div.next,
#program_stage.broadcast ul.program li.nextBroadcast.rollover div.broadcast,
#program_stage.broadcast ul.program li.nextBroadcast.rollover div.broadcast a span { background:#63d1c1; }
div.ticker h3.ticker_label { background-color:#63d1c1; }
div.ticker h3.ticker_label:after { border-left-color: #63d1c1; }
div.broadcast_navi_content,
div.broadcast_navi_box_foot { background:#63d1c1; }
/* tapete */
div.wrapper { background: none; }
div.wrapper:before,
div.wrapper:after { content: ''; position: absolute; top: 0; bottom: 0; width: 25px; display: block; }
div.wrapper:before { background: url(/static/img/bg/shadow_left.png); left: -25px; }
div.wrapper:after { background: url(/static/img/bg/shadow_right.png); right: -25px; }
div.header_branding { background-color: transparent; background-size: auto; }
body.contenttype_modular #modularNav li:after { background-color: #f5f5f5; }
@media only screen and (min-width: 641px) {
body { background: #f5f5f5 url(/layout/brandings/hintergrundbild-transparent-100~_v-background_-681ed4eae96bef429da07bf82d1506abe03cf9e3.png?version=6b069) no-repeat fixed center top; }
}
/* tapete */
/* header/footer */
div.header_branding { display: block; height: 150px; overflow: hidden; background-image: none; background-color: transparent; position: relative; padding-bottom: 0; }
div.header_branding:before { position: absolute; top: 0; }
div.header_branding:before { content: url("/sogehtmedien/so-geht-medien-header-gross-100~_v-original_-4490982a09ce564896c0546e698c092a87185c1e.jpg?version=f8c70"); }
h1.logo { top: -1999em; }
div.area a {cursor:pointer;display:block;}
div.area { display: block; }
div.area a > span { background-image: none; display: block; width: 380px; height: 150px; top: 0; left: 2.4%; font-size: .6875em; text-indent: -1999px; overflow: hidden; position: absolute; }
div.area a > span:before { display: block; width: 100%; text-indent: 0; position: absolute; top: 0; }
div.area a > span:before { content: url("/sogehtmedien/so-geht-medien-logo-100~_v-original_-4490982a09ce564896c0546e698c092a87185c1e.png?version=50cb9"); }
#footer_branding { display: none; } /* kann irgendwann mal in die header_footer.css */
/* //header/footer */
/* #################### breakpoint 1270px #################### */
@media only screen and (max-width: 1270px) {
div.wrapper:before,
div.wrapper:after {display:none;}
}
/* #################### breakpoint 640px #################### */
@media only screen and (max-width: 640px) {
/* Kann evtl. irgenwann mal in die breakpoints.css rein */
body.responsive div.header_branding { height: 70px; }
body.responsive div.header_branding:before { content: url("/sogehtmedien/so-geht-medien-header-klein-100~_v-original_-4490982a09ce564896c0546e698c092a87185c1e.jpg?version=5c5f1"); }
body.responsive div.area a > span { height: 70px; width: 230px; left: 12px; }
body.responsive div.area a > span:before { top: -150px; }
body.responsive div.ticker h3.ticker_label:after { border-left-color: transparent; border-top-color: #63d1c1; }
body.responsive { background: #f5f5f5; }
}
/* #################### //breakpoint 640px [S] #################### */
/* #################### breakpoint 350px #################### */
@media only screen and (max-width: 350px) {
body.responsive div.area a > span { left: 0; }
}
/* #################### //breakpoint 350px #################### */
