Design-Optimierung: Konsistentes Token-System, professionellere Animationen, Navy+Gold Farbschema

- CSS Custom Properties konsolidiert: Neues Token-System mit Navy/Gold Logo-Farben,
  Spacing-Grid (8px), Border-Radius und Z-Index Skala
- Unprofessionelle Animationen entfernt: Glitch, Neon, Morph, Orbit, Ripple
- PulseGlow und Shimmer dezenter gemacht (Gold-Akzente)
- Typografie: Inter als Hauptschrift, Bebas Neue nur für Hero-Titel
- Section-Konsistenz: Hero/Products auf Navy (#0A1832), Footer auf Navy-Dark
- Gold-Akzente in Products (Hover-Border, Feature-Bullets, Learn-More Button)
- Footer-Links mit Gold-Hover
- Card-Hover-Effekte subtiler (translateY -4px statt -10px + scale)
- Cookie-Consent auf globale Tokens umgestellt
- Mobile: Navy-BG, Gold-Hover statt Cyan

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

js/animations-enhanced.js

@@ -125,29 +125,9 @@ const EnhancedAnimations = {
         }
     },
 
-    // 3D card tilt effect
+    // Card tilt removed - zu verspielt für Behördenkontext
     initCardTilt() {
-        const cards = document.querySelectorAll('.tool-card, .value-card, .why-card');
-        
-        cards.forEach(card => {
-            card.addEventListener('mousemove', (e) => {
-                const rect = card.getBoundingClientRect();
-                const x = e.clientX - rect.left;
-                const y = e.clientY - rect.top;
-                
-                const centerX = rect.width / 2;
-                const centerY = rect.height / 2;
-                
-                const rotateX = (y - centerY) / 10;
-                const rotateY = (centerX - x) / 10;
-                
-                card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.02)`;
-            });
-            
-            card.addEventListener('mouseleave', () => {
-                card.style.transform = '';
-            });
-        });
+        // Deaktiviert - CSS hover-Effekte reichen aus
     },
 
     // Custom cursor effects - DISABLED