Implementierung - SEO - 01.08.2025

src/styles/minimal-fixes.css

@@ -0,0 +1,31 @@
+/* Minimal fixes for animation issues */
+
+/* 1. Stabilize page transitions */
+.page-transition-active {
+  z-index: 9999 !important;
+  background-color: rgb(24, 24, 27) !important; /* zinc-900 */
+}
+
+/* 2. Prevent floating paths from interfering */
+.floating-paths {
+  z-index: -1 !important;
+  pointer-events: none !important;
+}
+
+/* 3. Ensure smooth font loading */
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* 4. Fix for Safari/iOS */
+@supports (-webkit-touch-callout: none) {
+  body {
+    -webkit-transform: translateZ(0);
+  }
+}
+
+/* 5. Prevent animation conflicts during route changes */
+.page-transition-active * {
+  animation-play-state: paused !important;
+}

src/styles/mobile-optimizations.css

@@ -33,7 +33,6 @@ a {
   justify-content: center;
   padding: 12px 24px;
   touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
 }
 
 /* Mobile navigation optimized for thumb reach */
@@ -147,28 +146,6 @@ a {
   padding-bottom: env(safe-area-inset-bottom);
 }
 
-/* Performance optimizations */
-.will-change-transform {
-  will-change: transform;
-}
+/* Performance optimizations handled by interaction-fix.css */
 
-.gpu-accelerated {
-  transform: translateZ(0);
-  -webkit-transform: translateZ(0);
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-  perspective: 1000;
-  -webkit-perspective: 1000;
-}
-
-/* Reduced motion for accessibility */
-@media (prefers-reduced-motion: reduce) {
-  *,
-  *::before,
-  *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto !important;
-  }
-}
+/* Reduced motion handled by interaction-fix.css */