.mobilenavi {display: none;}
@media (max-width: 1000px){
  nav, .banner, #wrapper main, #map, .footer {width:100%}
  ul#bildung > li {
    width: auto;}
#center {width: 100%;}
#left, #right {display: none;}
  nav .nav.menu {  justify-content: left;  flex-wrap: wrap;}
}

@media (max-width: 700px){
  #inhalt p img {width:100%}
  .threeboxes, .flex { display:block;}
  .box { width: 100%; margin-bottom: 1em;}
}

@media (max-width: 480px){
#center {background: none #fff;}
  header img {width: 100%; height: auto}
.mobilenavi {display: block; width: 100%; height: 28px; background: #0a87b5; text-align:center;padding: 2px 0;}
  nav {display: block; width: 100%; min-height: 28px; background-color: #0a87b5; background-image: url("../img/navibutton.png"); background-repeat: no-repeat; background-position: center 3px; text-align:center; padding: 2px 0; cursor:pointer;}
nav .nav.menu {display: none;
height: 100%;
width: 100%;
box-shadow: none;
padding: 0;
background: none #0A87B5;
margin-top: 28px;}
nav:hover .nav.menu, nav:active .nav.menu{display:block;}
nav .nav.menu li { display: block;}
nav .menu a { display: block;}
main { padding: 1em 5px;}
  .sidebar { float: none;    margin: 0em 0em 2em 0em;}
  .customlogo_meta {display: none;}
}