@media screen (min-width: 2000px ) {

}

@media screen (min-width: 1500px ) {

}

@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
nav { padding-left:5%; position:relative; }
nav ul { display: none; }
label { display: block; background: #bbb; width: 40px; height: 40px; cursor: pointer; position: absolute; left: 5%; top: 10px; }
label:after{ content:''; display: block; width: 30px; height: 5px; background: #fff; margin: 7px 5px; box-shadow: 0px 10px 0px #fff, 0px 20px 0px #fff; }
[type="checkbox"]:checked ~ ul { margin: 10px 0 0 0; padding:0; display: block; z-index: 9999; position: absolute; left: 5%; background: #bbb; }
nav a { color: #fff; }
nav ul li { display: block; float: none; width: auto; text-align: left; text-indent: 20px; padding-right:20px; }
nav > ul > li { margin-left: 0; padding:10px 0; border-bottom:1px solid #fff; margin:0; font-weight: 400; }
nav > ul li ul li { display: block; float: none; text-indent:40px; }
nav > ul li ul { display: block; position: relative; width: 100%; z-index: 9999; float: none; }
nav ul li:hover > a { color: #666; }
#content_100prozent .csc-default { width: 90%; }
#content { width: 90%; margin: 40px 5%; }
#content_100prozent .box_back_grau, #content_100prozent .box_back_blau { width: 90%; }
.box_back_grau, .box_back_blau { width: 90%; }
#specialnav { left: 5%; }
#subnav, #subnav2 { display:none; }
#content_start #content_slider p { margin: 20px 0; }
#sw { left: 5%; text-align:left; }
#sw img { width:50%; }
.vier_spalten, .drei_spalten { width: 48%; margin-right: 2%; }
}


@media screen and (max-width: 667px) {

}


@media screen and (max-width: 480px) {
.vier_spalten, .drei_spalten { width: 100%; margin-right: 0; }
h1 { font-size:150%; }
.csc-textpic-intext-left-nowrap-310 .csc-textpic-text { margin-left: 0; }
.contenttable td, .contenttable th { float: left; width: 100%; }
#specialnav { display:none; }
#footer_content { width: 90%; padding: 20px 5%; }
#adresse { float: left; }
#meta { float: left; margin:0 0 0 10px; }
}


@media screen and (max-width: 320px) {

}