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/section-transitions.css

@@ -104,7 +104,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background: linear-gradient(135deg, #0f72b5, #00406e);
+    background: linear-gradient(135deg, var(--color-blue), var(--color-blue-hover));
     opacity: 0.1;
     border-radius: 40% 60% 60% 40% / 60% 30% 70% 40%;
     animation: morphBlob 20s ease-in-out infinite;
@@ -140,7 +140,7 @@
     position: absolute;
     width: 4px;
     height: 4px;
-    background: #0f72b5;
+    background: var(--color-blue);
     border-radius: 50%;
     opacity: 0.6;
 }
@@ -213,8 +213,8 @@
     background: linear-gradient(
         135deg,
         transparent 33.33%,
-        #0f72b5 33.33%,
-        #0f72b5 66.66%,
+        var(--color-blue) 33.33%,
+        var(--color-blue) 66.66%,
         transparent 66.66%
     );
     background-size: 30px 60px;
@@ -235,7 +235,7 @@
 .flow-line {
     position: absolute;
     height: 2px;
-    background: linear-gradient(90deg, transparent, #0f72b5, transparent);
+    background: linear-gradient(90deg, transparent, var(--color-blue), transparent);
     animation: flowLine 6s infinite;
 }
 
@@ -330,7 +330,7 @@
 /* Animated Border */
 .animated-border {
     position: relative;
-    padding: 80px 0;
+    padding: var(--space-4xl) 0;
 }
 
 .animated-border::before,
@@ -343,8 +343,8 @@
     background: linear-gradient(
         90deg,
         transparent,
-        #0f72b5 20%,
-        #0f72b5 80%,
+        var(--color-blue) 20%,
+        var(--color-blue) 80%,
         transparent
     );
 }