/* ═══════════════════════════════════════════════════════════════════ Klaro Override — »Ton & Reformation« (Glaubenssatz-Reformator) Porzellan / Petrol / Terrakotta · Fraunces + Inter. Wird ZUSÄTZLICH zu klaro-custom.css eingebunden. Überschreibt nur die CSS-Variablen + Author-Typo — Layout/Buttons/Toggle erben sich. Einbindungs-Reihenfolge in der HTML : 1. klaro-custom.css (Basis) 2. klaro-reformator.css (überschreibt mit Petrol/Terrakotta) ═══════════════════════════════════════════════════════════════════ */ :root { --klaro-bg: #123F39; /* tiefes Petrol */ --klaro-bg-alt: #0C2C28; /* dunkler für Cards/Footer */ --klaro-text: #F1EBDF; /* Porzellan-Schrift */ --klaro-muted: rgba(241, 235, 223, 0.78); --klaro-accent: #C0562F; /* Terrakotta (Buttons) */ --klaro-accent-soft: #D98A5E; /* helle Karten-Akzente */ --klaro-border: rgba(241, 235, 223, 0.28); --klaro-shadow: 0 18px 50px rgba(12, 44, 40, 0.5); --klaro-serif: 'Fraunces', Georgia, serif; --klaro-sans: 'Inter', -apple-system, system-ui, sans-serif; } /* Author-Name: Fraunces statt Caps, damit es zur LP passt */ .klaro .ts-klaro-name, .klaro .cookie-notice .ts-klaro-name { font-family: 'Fraunces', Georgia, serif !important; font-weight: 400 !important; letter-spacing: 0.01em !important; text-transform: none !important; color: var(--klaro-accent-soft) !important; } /* Author-Rolle: dezent, Porzellan gedämpft */ .klaro .ts-klaro-role, .klaro .cookie-notice .ts-klaro-role { color: rgba(241, 235, 223, 0.72) !important; } /* Service-/Zweck-Karten leicht aufgehellt (Porzellan statt fast-schwarz) */ .klaro .cm-services li.cm-service, .klaro .cm-purposes .cm-purpose { background: rgba(241, 235, 223, 0.08) !important; }