/* ===================================================================
   COMPONENTS.CSS
   Ergänzende, rein additive Komponenten-Regeln. Verändert keine
   bestehende Darstellung, sondern ergänzt ausschließlich sichtbare
   Fokuszustände für Tastaturbedienung (Barrierefreiheit).
=================================================================== */

.btn:focus-visible,
.nav-links a:focus-visible,
.dropdown-trigger:focus-visible,
.dropdown-menu a:focus-visible,
.footer-links a:focus-visible,
.brand:focus-visible,
.footer-brand:focus-visible,
.nav-toggle:focus-visible,
.city-chips span:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 2px;
}

/* Auf dunklem Hintergrund (Header/Footer/Hero) ausreichend Kontrast sicherstellen */
.hero a:focus-visible,
.page-hero a:focus-visible,
footer a:focus-visible,
.area-section a:focus-visible,
.cta-banner a:focus-visible,
.final-cta a:focus-visible {
  outline-color: var(--red-bright);
}