e7e884d2ed
- 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>
48 Zeilen
1.2 KiB
CSS
48 Zeilen
1.2 KiB
CSS
/* 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';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/BebasNeue-Regular.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/Inter-Light.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/Inter-Regular.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/Inter-SemiBold.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/Inter-Bold.ttf') format('truetype');
|
|
}
|