/* Gemeinsame Grundregeln für alle Seiten von wanderwegewarte.de (DI20OKT26, nach der Prüfung des UI Designers). */

/* Sprung zum Inhalt: unsichtbar, bis jemand mit der Tabulatortaste beginnt */
.sprung{ position:fixed; top:8px; left:8px; z-index:100; padding:12px 20px; border-radius:8px;
  background:var(--accent); color:var(--accentInk); font:800 16px/24px "Manrope", system-ui, sans-serif;
  text-decoration:none; transform:translateY(-200%); }
.sprung:focus{ transform:none; outline:3px solid #fff; outline-offset:2px; }
main:focus{ outline:none; }

/* Fokus mit der Tastatur: eine Markierung für alle Links und Buttons ohne eigene Regel.
   :where hat kein Gewicht, eigene Regeln einzelner Elemente gehen deshalb vor.
   Auf hellem Grund dunkelgrün, auf dunklem Grund in Limette. */
:where(a, button, summary):focus-visible{ outline:3px solid var(--gruen); outline-offset:3px; border-radius:4px; }
:where(.auf-dunkel, .nav, .fuss, .filmsektion, .danke, .leiste, .videofenster) :where(a, button):focus-visible{ outline-color:var(--accent); }

/* Antippen: Der Button gibt nach, damit man am Mobiltelefon sieht, dass der Tipp angekommen ist */
.button:active{ transform:translateY(1px) scale(0.98); filter:brightness(0.94); transition-duration:60ms; }
@media (prefers-reduced-motion:reduce){ .button:active{ transform:none; } }