/* Barrierefreiheit (WCAG 2.1 AA / EN 301 549) — 15.10.2026
   Wird nach dem Seiten-CSS geladen und überschreibt nur, was die Prüfung
   beanstandet hat. */

/* ---- Farben: Kontrast mind. 4,5:1 für Kleinschrift --------------------- */
:root{
  --muted:#5f6672;           /* vorher #6b7280 = 4,4:1 auf --bg            */
  --acc-tx:#9c5a36;          /* Akzent für Kleinschrift auf hellem Grund   */
  --acc-btn:#a45f37;         /* Akzent-Knopf mit weißer Schrift (4,9:1)    */
  --acc-btn-2:#8c4f2e;
}
.btn-acc{background:var(--acc-btn)}
.btn-acc:hover{background:var(--acc-btn-2)}
.mark,.mark::before,.ab-ocard .ab-go,.legal a,.legal a:hover,.tf-fine a,.tf-links button,
.tf-chip,.job .tag.acc,#fuer-wen .fw-tag,.pstep .pn,.tcard .n,.effcard b,
.nav-links a:hover,.nav-drop-menu a:hover,.tf-f label i,.tf-f .lb i{color:var(--acc-tx)}
.dark .mark,.dark .mark::before,.final .mark,.final .mark::before,.logos .mark,
.rc .mark,.lvt .mark,.live .mark,.reise .mark,.reise .mark::before{color:var(--acc-hi)}

/* ---- „Zum Inhalt springen“ ------------------------------------------- */
.skip-link{position:absolute;left:12px;top:-200px;z-index:10000;
  padding:12px 18px;border-radius:12px;background:#111318;color:#fff;border:0;cursor:pointer;
  font:600 15px/1.2 'Inter',system-ui,sans-serif;letter-spacing:0;text-transform:none;
  box-shadow:0 12px 30px -10px rgba(0,0,0,.5);text-decoration:none}
.skip-link:focus{top:12px}
.skip-link+.skip-link:focus{top:62px}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only-fokus:not(:focus):not(:focus-within){position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- Sichtbarer Tastatur-Fokus (Doppelring: auf hell UND dunkel sichtbar) */
:focus-visible{outline:3px solid #111318;outline-offset:2px;box-shadow:0 0 0 2px #fff}
main:focus,#inhalt:focus{outline:none;box-shadow:none}

/* ---- Dropdown „Anwendungsbereiche“: Escape schließt -------------------- */
.nav-drop.zu .nav-drop-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* ---- Laufbänder halten bei Maus/Fokus an ------------------------------ */
.marq:hover .marq-track,.logos:hover .logos-track,.logos:focus-within .logos-track{animation-play-state:paused}

/* ---- Schalter „Bewegung reduzieren“ (Fußzeile) ------------------------ */
.bf-ruhe{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;min-height:24px;
  color:inherit;cursor:pointer;text-align:left;opacity:.9}
.bf-ruhe:hover{opacity:1;text-decoration:underline}
html.bf-ruhig *,html.bf-ruhig *::before,html.bf-ruhig *::after{scroll-behavior:auto!important}

/* ---- Videosteuerung -------------------------------------------------- */
.lp-ctl button[aria-pressed="true"]:not([id$="Mute"]){background:rgba(255,255,255,.92);color:#111318}
.lp-ctl button svg{pointer-events:none}
.lp-ctl .bf-cc{font:700 10px/1 'Inter',system-ui,sans-serif;letter-spacing:.04em;color:#fff}
.lp-ctl .bf-cc[aria-pressed="true"]{color:#111318}
video::cue{font-size:clamp(11px,1.6vw,19px);background:rgba(10,12,16,.82);color:#fff}

/* ---- Nachprüfung 15.10.: restliche Kontraste ------------------------- */
#fuer-wen .sec-head h2 .acc{color:#b4693d}
.pfoot{color:var(--ondark-muted)}
/* Kundenreise: Stations-Leiste groß genug zum Antippen (mind. 24 px) */
.rail button{min-width:24px;min-height:24px;justify-content:flex-end}
.foot-links .bf-ruhe{min-height:0;color:var(--ondark-muted);opacity:1;text-transform:inherit;letter-spacing:inherit}
.foot-links .bf-ruhe:hover{color:var(--acc-hi);text-decoration:none}