@media only screen and (max-width: 979px){
  
html, body, #alles {
margin: 0 !important;
padding: 0 !important;
}
 
#fixed1 {
height: 100px !important;
max-height: 100px !important;
overflow: hidden;
}
  
header {
width: auto;
margin: 0 20px !important;
padding: 10px 0 0 0;
height:100px;
}
  
#container {
position: relative;
top: 100px;
width:auto;
margin:0px 20px;
height: 90%;
min-height: 90%;
padding:20px 0;
border:0;
}
  
#section {
width: 90%;
padding: 0;
text-align: left;
margin:0 auto 0 auto;
float:none;
}
 
footer {
width: auto;
margin: 0 20px !important;
padding:0 !important;
border:0;
}
  
.desktop {
display: none;
}
  
  
/* HEADER */
  
header > div.moduletable.kontakt {
display: none;
}

header > div.moduletable.titel {
width: 100%;
height: 95px;
margin: 0;
padding: 0;
line-height: 1.1em;
text-align: center;
}

header div.custom.titel {
text-align: center;
margin:0 !important;
padding:0 !important;
}

header > div.moduletable.titel h1{
font-size: 17px;
text-align: center;
margin: 0 auto !important;
padding: 0 !important;
color: #d5654d;
font-weight: 400;
}
  
header > div.moduletable.titel h2{
font-size: 20px;
text-align: center;
margin: 2px auto 2px auto!important;
padding: 0 !important;
color: #333;
font-weight: 300;
}
  
header > div.moduletable.titel p{
text-align: center;
font-size: 16px;
margin: 0 auto !important;
padding: 0 !important;
}
  


/* SECTION ----------------------------------------------------------- */

#section > div > div.page-header {
min-height: 25px;
margin: 0;
padding: 0 0 25px 0;
}
  
#section div.panel {
border:0 !important;
margin: 0 0 10px 0;
}
   
}