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/fonts.css

@@ -1,4 +1,10 @@
 /* Local Font Definitions - DSGVO-compliant */
+/*
+ * Schrift-Zuordnung:
+ * - Bebas Neue: Nur für Hero-Titel "SICHERHEIT MADE IN GERMANY" (Display)
+ * - Inter: Navigation, Überschriften, Fließtext, Buttons (alles andere)
+ * - System-Fonts: Nur als Fallback
+ */
 
 @font-face {
     font-family: 'Bebas Neue';
@@ -38,4 +44,4 @@
     font-weight: 700;
     font-display: swap;
     src: url('../assets/fonts/Inter-Bold.ttf') format('truetype');
-}
+}