@media only screen and (max-width: 980px) {
body {width:99%}
#diashow img {
    width: 100%;
}
.container {
    margin:auto;
    width:98%;
  padding:1% !important;
    }
#areaNav  { display:none;}
#page-3 #mobilMenuListe {display:inline; width:50%;}
#mobilMenuListe {display:inline; width:50%;}
.sf-navbar ul {width:98%;}
#areaHeader {height:auto; padding-top:2%; padding-left:1%; border-bottom: 5px solid #fff;}

div.footer {clear: both;
    height: auto;
    margin: auto;
    width: 99%;
  
}
div.abstand { width: 100%; background-color:#EDEDED;}
#page-3 div.abstand { width: 100%; height:60px;background-color:#EDEDED;}
.grid33 { margin-right: 1%; width: 47%; padding:15px 1%;}
.grid66 { width: 98%; padding:15px 1%;}
.grid50 {
  float: left;
  margin-right: 1%;
  padding: 1%;
  width: 47%;
}
.row-fluid {
    clear: both;
}
div.csc-textpic .csc-textpic-imagewrap img {width:100%; height:auto;}
}

@media only screen and (max-width: 700px) {
.grid50 { margin-right: 1%; width: 98%; padding:15px 1%;}
.grid33 { width: 98%; }
}
@media only screen and (max-width: 580px) {
#mobilMenuListe {
  float: left;
  margin-top: 10px;
  position: static;
  width:200px;
}

#page-3 #mobilMenuListe {

  left: 3px;
  width:200px;
}
.slicknav_btn {float:left;}
}