/* Barrierefreiheit (Screenreader / Tastatur) – wird auf allen Seiten nach kfz2024.css geladen */

/* Nur für Screenreader sichtbar */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* „Zum Inhalt springen“: unsichtbar, bis per Tab fokussiert */
.skip-link {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: 10000;
  padding: 10px 16px;
  background: #ffe600;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
  transition: top .15s ease;
}
.skip-link:focus {
  top: 16px;
  outline: 3px solid #000;
  outline-offset: 2px;
}

/* Sichtbarer Tastaturfokus (Webflow setzt an einigen Stellen outline: 0) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
.w-nav-button:focus-visible,
.w-dropdown-toggle:focus-visible,
.w-slider-arrow-left:focus-visible,
.w-slider-arrow-right:focus-visible,
.w-slider-dot:focus-visible,
.w-tab-link:focus-visible {
  outline: 3px solid #ffe600 !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px #000;
}

/* Hauptinhalt als Fokusziel des Skip-Links: keinen Rahmen zeichnen */
main#main:focus { outline: none; }

/* mellowedit-Oberfläche (Toolbar, Dialoge, Inline-Editoren) hat eigene blaue Fokus-Stile –
   den gelben Website-Fokusring dort nicht anwenden */
.me-tb :focus-visible,
.me-tb__modal :focus-visible,
.mellow-inline-text-modal :focus-visible,
.mellow-linkedit-modal :focus-visible,
.mellow-inline-image-modal :focus-visible {
  outline: 2px solid #2653d4 !important;
  outline-offset: 1px;
  box-shadow: none;
}

/* Leere CMS-Liste („Keine Einträge gefunden.“): ausreichender Kontrast auf dem grauen Webflow-Kasten */
.w-dyn-empty { color: #1a1a1a; }

/* Formular-Meldungen werden nach dem Absenden programmatisch fokussiert (js/a11y.js) – kein Fokusring nötig */
.w-form-done:focus,
.w-form-fail:focus {
  outline: none;
  box-shadow: none;
}