@media screen and (max-width: 768px) {
nav ul { display: none; }
nav label { display: block; background: #666; width: 40px; height: 40px; cursor: pointer; position: absolute; right: 0px; top: 44px; }
nav 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 { display: block; z-index: 9999; position: absolute; right: 20px; left: 20px; }
nav a { color: #fff; }
nav ul li { display: block; float: none; width: 100%; text-align: left; background: #666; text-indent: 20px; }
nav > ul > li { margin-left: 0; padding:10px 0; border-bottom:1px solid #fff; }
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 ul li ul li { display: block; float: none; text-indent:60px; }

#left_col, #footer_left { display:none; }
#content_center {
    margin: 50% 0 10% 0;
    width: 100%;
    float: none;
}
.nivo-caption { font-size:150%; }
#formhandler_contact_form input { width:80%; }
#formhandler_contact_form input.submit { width:100px;}
#formhandler_contact_form input#plz,
#formhandler_contact_form input#ort,
#formhandler_contact_form input#telefon,
#formhandler_contact_form input#fax,
#formhandler_contact_form input#email,
#formhandler_contact_form input#web  { width:80%; }
#formhandler_contact_form input#titel { width:100%; }
#formhandler_contact_form textarea#kurzbeschreibung { width:100%; }
#formhandler_contact_form textarea#beschreibung { width:100%; }
#formhandler_contact_form textarea#innovation,
#formhandler_contact_form textarea#vorbild,
#formhandler_contact_form textarea#ziel,
#formhandler_contact_form textarea#durchhaltevermoegen { width:100%; }
#left_col_start { width:100%; }
#left_col_start h2, #left_col_start h3 {
    display: inline;
    font-size: 140%;
    line-height: 45px;
    padding: 5px 20px 5px 20px;
}
#energiewende { display:none; }
#content_center_start { width:100%; margin:20px 0 0 0;}
}


@media screen and (max-width: 600px) {
}


@media screen and (max-width: 480px) {
#frame { width:98%; margin:0 auto; }
#middle_col .csc-frame-frame1 { float: none; margin: 0 0 30px 0; width:100%; }
#stiftung { float: left; margin: 20px 0 20px 2%; }
nav ul { width:100%; }
[type="checkbox"]:checked ~ ul { right: 0; left: 0; }

}


@media screen and (max-width: 320px) {
.mobile { display:block; float:left; margin:0; }
#logo {	float:left; margin:20px 0 10px 0; }
#logo img, #stiftung img { width:100%; height:auto; }
nav label { top: 80px; }
#meta{ float:left; margin:30px 0 0 0; }
}