/* 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: #ecddcf; }
@media only screen and (min-width: 641px) {
body { background: #ecddcf url(https://www.br.de/layout/brandings/themen/klimawandel-hintergrundbild-100~_v-background_-681ed4eae96bef429da07bf82d1506abe03cf9e3.jpg?version=393e2) 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("https://www.br.de/layout/brandings/themen/klimawandel-header-gross-100~_v-original_-4490982a09ce564896c0546e698c092a87185c1e.jpg?version=74897"); }
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("https://www.br.de/layout/brandings/themen/klimawandel-logo-links-100~_v-original_-4490982a09ce564896c0546e698c092a87185c1e.png?version=54506"); }
div.sub_area a > span { text-indent:-9999px; background-image: none; display: block; width: 358px; height: 150px; top: 0; right: 2.4%; font-size: 18px; line-height: 150px; overflow: hidden; position: absolute; padding-bottom: 0; text-align: left; }
div.sub_area a > span:before { display: block; width: 100%; top: 0; text-indent: 0; position: absolute; top: 0; }
div.sub_area a > span:before { content: url("https://www.br.de/layout/brandings/themen/klimawandel-logo-rechts-100~_v-original_-4490982a09ce564896c0546e698c092a87185c1e.png?version=37e2a"); }
#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("https://www.br.de/layout/brandings/themen/klimawandel-header-klein-100~_v-original_-4490982a09ce564896c0546e698c092a87185c1e.jpg?version=054bb"); }
body.responsive div.area a > span { height: 70px; width: 230px; left: 12px; }
body.responsive div.area a > span:before { top: -150px; }
body.responsive div.sub_area a > span { height: 70px; width: 190px; right: 12px; line-height: 70px; font-size: 11px; }
body.responsive div.sub_area a > span:before { top: -150px; left: -168px; }
body.responsive { background: #ecddcf; }
}
/* #################### //breakpoint 640px [S] #################### */
/* #################### breakpoint 350px #################### */
@media only screen and (max-width: 350px) {
body.responsive div.area a > span { left: 0; }
body.responsive div.sub_area a > span { right: 0; }
}
/* #################### //breakpoint 350px #################### */