/* Gasyco – Barrierefreiheit (Aufgabe 1.18, anforderungen/global.md § barrierefreiheit)
   Lädt auf jeder Seite nach Bricks und ACSS (inc/a11y.php → Modul a11y). */

/* Sprunglink (Bricks .skip-link): fix links 12 px, versteckt oben, bei Fokus sichtbar; Pille --base, Text weiß 500 13 px */
.skip-link {
  position: fixed !important;
  inset-block-start: -60px;
  inset-inline-start: 12px;
  transform: none;
  clip: auto;
  width: auto;
  height: auto;
  inline-size: auto;
  min-inline-size: 0;
  overflow: visible;
  white-space: nowrap;
  z-index: 1000;
  padding: 12px 18px;
  border: 0;
  border-radius: 999px;
  background: var(--base);
  color: var(--white);
  font-family: inherit;
  font-size: var(--text-s);
  font-weight: 500;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: none;
  text-decoration: none;
  transition: inset-block-start .15s;
}
.skip-link:hover,
.skip-link:focus,
.skip-link:focus-visible {
  background: var(--base);
  color: var(--white);
  transform: none;
}
.skip-link:focus,
.skip-link:focus-visible {
  inset-block-start: 12px;
}

/* Sprungziel: 80 px Versatz (Header), kein Fokusrahmen am Hauptinhalt */
#brx-content {
  scroll-margin-top: 80px;
}
#brx-content:focus,
#brx-content:focus-visible {
  outline: none;
}

/* Fokus: ACSS setzt :focus-visible (2 px --primary, Offset 3 px); Maus-Fokus ohne Umriss */
:focus:not(:focus-visible) {
  outline: none;
}

/* Erhöhter Kontrast (Schalter „Kontrast erhöhen“ bzw. prefers-contrast: more, gesetzt von a11y.js):
   Grautöne der Vorlage → Ersatzwerte (≥ 4.5:1 auf Weiß), als Überschreibung der Farb-Variablen.
   --linie-stark-text: Schriftfarbe #C9D2DA (Vorlage: Kicker auf dunklem Grund) – in Elementen statt --linie-stark
   verwenden, wenn die Farbe als Text dient; der Rahmenwert --linie-stark bleibt unverändert. */
:root {
  --linie-stark-text: var(--linie-stark);
}
html[data-kontrast="hoch"] {
  --neutral: #4F5B66;            /* #7A8896 Eyebrow, Meta, Kicker */
  --neutral-semi-light: #56626D; /* #8E9AA5 (Vorlage #8A98A6) */
  --neutral-dark: #2F3842;       /* #4A5561 Lead, Fließtext sekundär */
  --grau-hell: #5E6A75;          /* #9AA5B0 gedämpfter Text */
  --matrix-grau: #66727D;        /* #B3BDC6 Pfeile, Matrix */
  --neutral-light: #9AA5B0;      /* #E6EBEF Linien, Rahmen (= --border-color-dark) */
  --linie-3: #9AA5B0;            /* #D9E0E6 Rahmen */
  --linie-stark-text: #6B7782;   /* #C9D2DA als Schriftfarbe */
}
html[data-kontrast="hoch"] body {
  -webkit-font-smoothing: auto;
}