.mobile_menu_btn{
  display:none;
  width:60px;
  height:47px;
  float:left;
  margin-bottom:15px;
  margin-top:15px;
  margin-left:3%;
  background-image:url('img/menu.png');
  background-repeat:no-repeat;
  background-size:100%;
}
.show_menu {
  display:block !important;
}
@media screen and (max-width: 960px) {
  img {
   max-width:100%;
   height:auto;
  }
  #wrapper {
      width: 100%;
      margin: 20px 0px;
      background-color: #fff;
      box-shadow: 0 0 0px #dcdcdc;
  }
  #header,#page_image,#left_menu,#content,#footer{
    width:94%;
    float:left;
    padding-left:3%;
    padding-right:3%;
  }
  #header .logo {
    margin-left:0px;
  }
  #left_menu,#content {
    padding-top:10px;
  }
  .kontakt{
    width:20%;
    float:left;
  }
  .profil{
    width:25%;
    float:left;
  }
  .leistungen {
    width:50%;
    float:left;
  }
  .profil{
     max-width:250px;
      padding-right: 0px !important;
  }
  .information{
    max-width:250px;
    padding-left: 128px!important;
    padding-right: 0px !important;
    width:25%;
    float:left;
  }
}
@media screen and (max-width: 890px) {

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

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

  .mobile_menu_btn{
    display:block;
  }
  #main_menu {
    display:none;
    padding-top:0px;
  
  } 
  #main_menu ul{
    padding-top:0px;
    padding-bottom: 20px;
    padding-left:0px !important;
  }
  #main_menu li {
    width:100%;
    float:left;
  }
  #main_menu ul li ul {
    display: inline;
    visibility: visible;
    position: inherit;
    padding: 0px;
    font-size: 0.8em;
    padding-top: 1px;
     border-top: 0px solid #efefef; 
    padding-left: 10px !important;
    float: left;
  }
}
@media screen and (max-width: 680px) {
  .kontakt,.profil,.leistungen,.information {
    width:80%;
    padding-left:20% !important;
    padding-right:0px !important;
  }
  #header {
  padding-top:0px;
  }

}
 

@media screen and (max-width: 630px) {
  #header .slogan_phone {
    float: left;
    text-align: left;
    width:100%;
  }

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

}  
@media screen and (max-width: 480px) {
  #header,#page_image,#left_menu,#content,#footer{
    width:90%;
    float:left;
    padding-left:5%;
    padding-right:5%;
  }
  .mobile_menu_btn, #main_menu ul{
   margin-left:5%;
 }
  #footer {
   background:none;
    background-color: #e8e8e8;
 }
  #footer .profil {
    font-family: 'Jura-Regular';
    /* background-color: #e8e8e8; */
    background: #e8e8e8 url(../images/Logo-footer.png) no-repeat 0px 50px;
    background-size: 25px;
  }
 .kontakt,.profil,.leistungen,.information {
    width:80%;
    padding-left:40px !important;
    padding-right:0px !important;
  }
 h1 {
   font-size:1.6em;
 }
 h2 {
   font-size:1.4em; 
 }
 h3 {

 }

}
@media screen and (max-width: 360px) {
  #footer .profil {
    font-family: 'Jura-Regular';
    /* background-color: #e8e8e8; */
    background: #e8e8e8 url(../images/Logo-footer.png) no-repeat 0px 50px;
    background-size: 20px;
  }
 .kontakt,.profil,.leistungen,.information {
    width:90%;
    padding-left:10% !important;
    padding-right:0px !important;
  }
}
@media screen and (max-width: 320px) {

}