/* Ergänzungen zur Barrierefreiheit (A-27, 2026-09-01).
 *
 * Liegt auf ALLEN 68 Seiten. Das ist der Grund für eine eigene Datei: Der
 * erste Versuch stellte diese Regel in `formular.css` — die wird aber nur auf
 * den sechs Formularseiten eingebunden. Auf den übrigen 62 Seiten blieb der
 * Rücksetzer damit wirkungslos, und der Umschalter war 56 statt 40 px breit
 * und 16 px verschoben (gemessen im Vergleich vorher/nachher).
 *
 * Merksatz daraus: Eine Regel für alle Seiten gehört in ein Stilblatt für alle
 * Seiten. Welches das ist, lässt sich zählen — nicht annehmen.
 */

/* Der Menü-Umschalter ist ein <button> statt eines <a> ohne href.
 *
 * GRUND: Ein <a> ohne href ist NICHT mit der Tastatur erreichbar. Das mobile
 * Menü ließ sich ohne Maus gar nicht öffnen — das war die eigentliche
 * Barriere; die Meldung "Link kann nicht gecrawlt werden" war nur ihr
 * Nebengeräusch.
 *
 * Hier werden ausschließlich die Voreinstellungen des Browsers für <button>
 * zurückgenommen. Das Aussehen selbst kommt unverändert aus
 * `.navigationToggle` im Original-Stilblatt; die Regeln dort zielen auf die
 * KLASSE, nicht auf das Element, und greifen deshalb weiter.
 *
 * GEMESSEN nach dieser Regel: Der Umschalter hat wieder 40 x 40 px an
 * derselben Stelle wie vorher. */
button.navigationToggle {
  background: none;
  border: 0;
  padding: 0;
  margin: 5px 0 0 20px;   /* wie im Original: .navigationToggle */
  font: inherit;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  appearance: none;
}

/* Der Umschalter braucht einen sichtbaren Fokus — er ist jetzt mit der
 * Tastatur erreichbar, und wer ihn so bedient, muss sehen, wo er steht.
 * `focus-visible` zeigt ihn nur bei Tastaturbedienung, nicht nach einem
 * Mausklick. */
button.navigationToggle:focus-visible {
  outline: 3px solid #cd1619;
  outline-offset: 2px;
}