/* ─── R2 Global: Whitespace, Blue Accents, Mobile Fixes ────────────────── Eingebunden über alle Seiten via Überschreibt page-inline CSS durch späte Ladereihenfolge im . ──────────────────────────────────────────────────────────────────────── */ /* ── 0. Dark Mode komplett deaktiviert — immer Light ────────────────── */ .theme-toggle{display:none!important} /* :root wird durch [data-theme="light"] überschrieben; force-light-Script im stellt sicher dass data-theme immer "light" ist */ /* ── 1. Blue-Variable ────────────────────────────────────────────────── */ :root{ --blue:#1c3efe; --blue-faint:rgba(28,62,254,0.07); --blue-soft:rgba(28,62,254,0.16); } /* ── 2. Eyebrow-Linie: Blau → Gold führt das Auge von links ─────────── */ .eyebrow::before{ background:linear-gradient(to right,rgba(28,62,254,0.85),var(--gold)); width:32px; } /* ── 3. Section-Trennlinie: dezent blau getönt (light mode) ─────────── */ [data-theme="light"] section{ border-top-color:rgba(28,62,254,0.09); } /* ── 4. Section-Head: blauer linker Akzent verankert den Block ──────── */ [data-theme="light"] .section-head > div:first-child{ border-left:3px solid rgba(28,62,254,0.20); padding-left:20px; } /* ── 5. Prozess-Schrittnummern: Blau für Lesefluss (light mode) ─────── */ [data-theme="light"] .step-num{ color:rgba(28,62,254,0.65)!important; } /* ── 6. Quotes: blauer Top-Akzent strukturiert die Bewertungsblöcke ─── */ [data-theme="light"] .quote{ border-top:2px solid rgba(28,62,254,0.18); } /* ── 7. Mehr Weißraum: section-head Abstand erhöht ─────────────────── */ .section-head{ margin-bottom:84px; } /* ── 8. MOBILE FIX: section-head untereinander statt nebeneinander ──── */ @media(max-width:900px){ .section-head{ flex-direction:column!important; align-items:flex-start!important; gap:24px!important; margin-bottom:56px; } .section-head .lede{ max-width:100%!important; } /* Blauer Rand auf Mobile deaktivieren */ [data-theme="light"] .section-head > div:first-child{ border-left:none; padding-left:0; } } /* ── 9. Zusätzlicher Mobilabstand für Sections ──────────────────────── */ @media(max-width:820px){ section{ padding-top:90px!important; padding-bottom:90px!important; } #hero{ padding-top:126px!important; padding-bottom:68px!important; } #cta{ padding-top:80px!important; padding-bottom:80px!important; } }