/* Barrierefreiheit PARDOK (Vorlage: LSA/PADOKA 10/2026)
   Vorgabe: für Mausnutzer optisch keine Änderung. Hier nur:
   - Rahmen von Eingabe- und Auswahlfeldern im hellsten Grau mit 3:1 auf Weiß (WCAG 1.4.11),
   - Fokusrahmen, der nur bei Tastaturbedienung erscheint (2.4.7),
   - Sprunglink, der nur bei Tastaturfokus erscheint (2.4.1).
   Wird nach styles-custom.min.css geladen (__common-head-include-custom.tt.html). */

:root {
  --a11y-dunkel: #212529;   /* 15,4:1 auf Weiß */
  --a11y-rahmen: #949494;   /* 3,03:1 auf Weiß, hellster Grauton mit 3:1 (bisher #ced4da, 1,5:1) */
  --a11y-haus:   #022e5b;   /* Hausfarbe, 13,9:1 auf Weiß */
}

/* 1. Eingabefelder und Auswahlfelder: Rahmen */
.form-control { border-color: var(--a11y-rahmen); }
.custom-select, .multiselect.dropdown-toggle.border-gray-300 { border-color: var(--a11y-rahmen) !important; }

/* 2. Sprunglink "Zum Inhalt springen" (WCAG 2.4.1): erst bei Tastaturfokus sichtbar */
.skip-link:focus {
  position: fixed !important;
  top: .5rem;
  left: .5rem;
  z-index: 2000;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  padding: .5rem 1rem;
  background: #fff;
  color: var(--a11y-dunkel);
  border: 2px solid var(--a11y-dunkel);
  border-radius: .25rem;
  box-shadow: 0 0 0 4px var(--a11y-haus);
  text-decoration: none;
}
#main:focus { outline: none; }

/* 3. Tastaturfokus (WCAG 2.4.7, 1.4.11): bisher nur ein blasser Schein (rgba(194,198,202,.5)).
   Deutlicher Rahmen, nur bei Tastaturbedienung (:focus-visible), dunkel mit weißem Zwischenraum.
   Text- und Auswahlfelder ausgenommen: sie zeigen :focus-visible auch nach Mausklick, dort bleibt
   der bisherige Bootstrap-Fokus. */
a:focus-visible, button:focus-visible, input:not(.form-control):focus-visible, textarea:not(.form-control):focus-visible,
select:not(.form-control):not(.custom-select):focus-visible,
[tabindex]:not(.form-control):focus-visible, .btn:focus-visible, .page-link:focus-visible, .list-group-item:focus-visible {
  outline: 3px solid var(--a11y-dunkel) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #fff !important;
}
/* Sprungziel des Sprunglinks bekommt keinen Rahmen */
#main[tabindex]:focus, #main[tabindex]:focus-visible { outline: none !important; box-shadow: none !important; }