/* tapete */
/* tapete */
/* header/footer */
h1.logo { top: -1999em; }
div.area a {cursor:pointer;display:block;}
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(""); }
#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.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; }
}
/* #################### //breakpoint 640px [S] #################### */
/* #################### breakpoint 350px #################### */
@media only screen and (max-width: 350px) {
body.responsive div.sub_area a > span { right: 0; }
}
/* #################### //breakpoint 350px #################### */