/* bewegung-schalter.css  -  Modul: Footer-Schalter "Bewegung reduzieren" (Styling)
   Eigenstaendiges Feature-Modul, per system/config/modules.php zuschaltbar.
   Laedt nach main.css. Ohne JS ausgeblendet (html:not(.js)). */
/* Bewegungs-Schalter: bewusst im Look der Rechts-Links; der gruene Punkt zeigt
   den aktiven Zustand (Farbe + Form, nicht Farbe allein). Ohne JS ausgeblendet. */
.foot-motion { position: relative; display: inline-flex; align-items: center; gap: 7px; padding: 2px 0; font-size: inherit; color: rgba(255,255,255,.55); transition: color .2s; }
.foot-motion:hover { color: #fff; }
.foot-motion::before { content: ''; width: 8px; height: 8px; border-radius: 999px; border: 1.5px solid currentColor; }
/* Touch-Ziel auf mind. 24px Hoehe bringen, ohne die schlanke Legal-Zeile optisch
   zu veraendern: unsichtbares Overlay ueber die volle Button-Breite, vertikal
   zentriert erweitert (WCAG 2.5.8). */
.foot-motion::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 24px; }
.foot-motion[aria-pressed="true"] { color: #5be0a0; }
.foot-motion[aria-pressed="true"]::before { background: #5be0a0; border-color: #5be0a0; }
html:not(.js) .foot-motion { display: none; }