diff --git a/src/css/main.css b/src/css/main.css
index 2685c42..1d8cc92 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -2444,3 +2444,22 @@ body.show-desc .bm-desc { display: block; }
 
   .modal { width: calc(100vw - 32px); }
 }
+
+/* =============================================
+   prefers-reduced-motion — UNGESCHICHTET (kein @layer).
+   Ungeschichtete Regeln gewinnen ueber alle Layer.
+   Kappt alle Transitions/Animationen inkl. der
+   View-Transition-Pseudo-Elemente (der *-Selektor
+   trifft sie nicht zuverlaessig, daher explizit).
+   ============================================= */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    transition: none !important;
+    animation: none !important;
+  }
+  ::view-transition-group(*),
+  ::view-transition-old(*),
+  ::view-transition-new(*) {
+    animation: none !important;
+  }
+}