/*
 * Aktiviert das in style.css bereits optisch fertige Hamburger-Menü
 * (.navbar-toggle, .icon-bar, .navbar-collapse.in existieren dort schon).
 * Es fehlte nur die Sichtbarkeits-Logik: unterhalb 900px ist die Nav
 * standardmäßig eingeklappt, bis JS die Klasse "in" setzt.
 * Ab 900px erzwingt style.css bereits "display:block !important" -
 * dort greift diese Regel dann nicht mehr.
 * Nach style.css einbinden.
 */

.navbar-collapse.collapse:not(.in) {
  display: none;
}

/* Screenreader-Text für den Button, visuell unsichtbar */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}