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>

css/mobile.css

@@ -77,7 +77,7 @@
         display: block;
         width: 25px;
         height: 3px;
-        background: #0a0f1c;
+        background: var(--color-navy, #0A1832);
         transition: all 0.3s ease;
     }
     
@@ -102,7 +102,7 @@
         width: 80%;
         max-width: 300px;
         height: 100vh;
-        background: rgba(26, 31, 58, 0.98);
+        background: rgba(10, 24, 50, 0.98);
         backdrop-filter: blur(10px);
         transition: right 0.3s ease;
         z-index: 1000;
@@ -129,13 +129,13 @@
     }
     
     .mobile-menu-close:hover {
-        background: rgba(0, 212, 255, 0.1);
+        background: rgba(200, 168, 81, 0.15);
     }
     
     .mobile-menu-close svg {
         width: 24px;
         height: 24px;
-        stroke: #0a0f1c;
+        stroke: var(--color-white, #fff);
         stroke-width: 2;
     }
     
@@ -163,7 +163,7 @@
     }
     
     .nav-menu-mobile a:hover {
-        color: #00D4FF;
+        color: var(--color-gold, #C8A851);
     }
     
     /* Mobile Overlay */