html, body { }

.mobileMenuButton { display: none; }
#mobileMenu { position: absolute; left: 0; top: 0; width: 300px; }
.hauptmenu { float: left; margin-top: 20px; width: 250px; font-weight: bold; }
.inhalt { margin-left: 250px; border-left: 1px solid #b6b6b6; padding: 0 0 0 25px; }
.inhalt a { color: #dd5d24; text-decoration: none; }
.inhalt a:hover { text-decoration: underline; }
.inhalt hr { height: 0; border-bottom: 1px solid #bbb; }
#oeffnungszeiten { display: none; }



h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.4em; }

img { max-width: 100% !important; height: auto !important; }

@media (max-width: 1200px) {
  
  #wrapper { margin: 15px 5px !important; }
  
  #kopf p { font-size: 0.9em !important; }
  #kopf span { font-size: 1.5em !important; }
  
  .mobileMenuButton { display: block; }
  .hauptmenu { display: none; }
  .inhalt { margin-left: 0; border-left: 0; padding: 0; }
  
  #fuss { text-align: center; }
  #fuss-rechts { width: 100% !important; float: none !important;  }
  #oeffnungszeiten { display: block; }
}

@media (max-width: 600px) {
  #kopf p { font-size: 0.8em !important; }
  #kopf span { font-size: 1.2em !important; }
  .breadcrumbs { font-size: 0.8em; }
}

@media (max-width: 450px) {
  #kopf p { display: none; }
}