/* Ergänzungen für die statische Version: Service-Links oben rechts nebeneinander */
#header .impress { float: right; width: auto; margin: 12px 20px 0 0; }
#header .impress ul.menu { position: static; width: auto; max-width: none; margin: 0; padding: 0; float: none; white-space: nowrap; }
#header .impress ul.menu li { display: inline-block; float: none; border: 0; margin: 0; padding: 0; }
#header .impress ul.menu li a:link, #header .impress ul.menu li a:visited { display: inline-block; padding: 6px 12px; border-right: solid 1px #eee; }
#header .impress ul.menu li:last-child a { border-right: 0; }

/* ---------- Responsive Darstellung (Tablet / Smartphone) ---------- */
img { max-width: 100%; height: auto; }
#main img[width], #main img[height] { height: auto; }
#main table { max-width: 100%; }
#main iframe { max-width: 100%; }

@media screen and (max-width: 1000px) {
  .auszeichnung { float: none; margin: 0 0 4px 35px; clear: both; }
}
@media screen and (max-width: 900px) {
  #wrapper2 { width: 70%; }
  .left1, .leftbigger { width: 27%; }
  #wrapper2 .item-page { max-width: none; }
}

@media screen and (max-width: 760px) {
  body { min-width: 0; }
  #all { max-width: 100%; }
  #header { overflow: visible; }
  .logoheader { padding-bottom: 6px; }
  h1#logo { margin: 1em 15px 6px 15px; }
  h1#logo img { max-width: 60vw; height: auto; }
  #header .impress { float: none; margin: 0; padding: 4px 10px 0; text-align: right; }
  #header .impress ul.menu { white-space: normal; }
  #header .impress ul.menu li a:link, #header .impress ul.menu li a:visited { padding: 6px 8px; font-size: 0.9em; }
  .subtitle, .auszeichnung { position: static !important; float: none !important; margin: 4px 15px !important; width: auto !important; text-align: left; font-size: 1em; }
  #contentarea, #contentarea2 { padding: 0 12px; }
  .left1, .leftbigger, .left { float: none; width: auto; margin: 10px 0; }
  #wrapper2, #wrapper { float: none; width: auto; }
  #right { float: none; width: auto; margin: 10px 0; }
  #main { min-height: 0; padding-top: 4px; }
  #main img { max-width: 100%; height: auto; }
  #main p[style*="text-align: center"] img { display: inline-block; }
  h2, .item-page h2 { font-size: 1.3em; line-height: 1.3; }
  #footer-outer { padding: 0 12px; }

  /* Navigation einklappbar */
  .navtoggle { display: block; width: 100%; margin: 8px 0 0; padding: 10px 12px; box-sizing: border-box;
    background: #7bd305; color: #fff; border: 0; font: bold 1em Arial, Helvetica, sans-serif; text-align: left; cursor: pointer; }
  .navtoggle:after { content: "\25BC"; float: right; font-size: 0.8em; line-height: 1.5; }
  .navtoggle[aria-expanded="true"]:after { content: "\25B2"; }
  #nav .moduletable { display: none; }
  #nav.open .moduletable { display: block; }
}
@media screen and (min-width: 761px) {
  .navtoggle { display: none; }
}