/* ════════════════════════════════════════════════════
   Freeflow — Globale Barrierefreiheits-Regeln
   Visuell unsichtbar für Maus-User, sichtbar für
   Tastatur- und Screenreader-Nutzer*innen.
   ════════════════════════════════════════════════════ */

/* Screen-Reader-only Text — Inhalte die Screenreader vorlesen aber nicht sichtbar sind */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* Skip-to-Content Link — versteckt bis Tab-Fokus */
.skip-to-content{
  position:absolute;top:-100px;left:1rem;
  background:#3A2820;color:#FEFCF9;
  padding:.9rem 1.4rem;border-radius:8px;text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.92rem;font-weight:500;
  z-index:9999;transition:top .2s ease;
}
.skip-to-content:focus{
  top:1rem;outline:3px solid #C9A961;outline-offset:2px;
}

/* Tastatur-Fokus: nur sichtbar wenn per Tab navigiert (nicht bei Maus-Klick) */
:focus{outline:none}
:focus-visible{
  outline:3px solid #C9A961;outline-offset:3px;border-radius:4px;
}

/* Reduzierte Bewegung — respektiert User-Einstellung im OS */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}