/* === S² Brand-Layer (Fonts, Palette, Akzente, Header/Footer) === */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/spacegrotesk-400-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/spacegrotesk-400-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/spacegrotesk-500-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/spacegrotesk-500-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/spacegrotesk-600-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/spacegrotesk-600-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/spacegrotesk-700-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/spacegrotesk-700-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Palette auf Homepage-Marke vereinheitlichen */
:root{--primary:#7c5cfc;--primary-light:#9b82fc;--accent:#5ce0d8;}
[data-theme="light"]{--primary:#7c5cfc!important;--primary-light:#6a45e6!important;--accent:#0aa99b!important;}

/* Headlines in Space Grotesk (wie Startseite) */
h1,h2,h3,.nav-logo,.gradient-text,.logo,.footer-logo{font-family:'Space Grotesk','Inter',-apple-system,sans-serif!important;letter-spacing:-.02em;}


/* ===== Shared Brand-Chrome (Header + Footer, namespaced .s2-*) ===== */
:root{--s2-ink:#fff;--s2-muted:#a6a3bd;--s2-mut2:#76738c;--s2-line:rgba(255,255,255,.09);--s2-surface:rgba(255,255,255,.03);--s2-bg:#08060f;--s2-head:rgba(8,6,15,.72);--s2-grad:linear-gradient(115deg,#9b82fc,#7c5cfc 38%,#5ce0d8);}
[data-theme="light"]{--s2-ink:#120c26;--s2-muted:#54506b;--s2-mut2:#8b86a1;--s2-line:rgba(26,14,52,.11);--s2-surface:rgba(124,92,252,.05);--s2-bg:#f5f4fb;--s2-head:rgba(245,244,251,.82);}

.s2-header,.s2-header *,.s2-footer,.s2-footer *{box-sizing:border-box;}
.s2-header{position:sticky!important;top:0;left:0;right:0;z-index:1000;width:100%;background:transparent;border-bottom:1px solid transparent;transition:background .35s,border-color .35s;font-family:'Space Grotesk','Inter',sans-serif;margin:0;}
.s2-header.scrolled{background:var(--s2-head);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--s2-line);}
.s2-nav{max-width:1180px;margin:0 auto;padding:0 28px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.s2-logo{display:flex!important;align-items:center;gap:11px;text-decoration:none!important;color:var(--s2-ink)!important;font-weight:600;font-size:1.12rem;font-family:'Space Grotesk',sans-serif;position:static;}
.s2-logo svg{width:34px;height:34px;border-radius:9px;flex:none;}
.s2-logo b{font-weight:700;}
.s2-logo .sub{color:var(--s2-mut2);font-weight:500;}
.s2-navlinks{display:flex;gap:30px;align-items:center;position:static;}
.s2-navlinks a{font-size:.92rem;color:var(--s2-muted)!important;text-decoration:none!important;transition:color .2s;padding:0;background:none;}
.s2-navlinks a:hover{color:var(--s2-ink)!important;}
.s2-right{display:flex;gap:12px;align-items:center;}
.s2-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--s2-line);background:var(--s2-surface);color:var(--s2-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s,border-color .25s;padding:0;flex:none;}
.s2-toggle:hover{transform:rotate(18deg);border-color:#9b82fc;}
.s2-toggle svg{width:18px;height:18px;}
.s2-toggle .ic-moon{display:none;}
[data-theme="light"] .s2-toggle .ic-sun{display:none;}
[data-theme="light"] .s2-toggle .ic-moon{display:block;}
.s2-cta{font-family:'Space Grotesk';font-weight:500;font-size:.92rem;padding:11px 20px!important;border-radius:100px;background:var(--s2-grad)!important;color:#0a0712!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 8px 26px -10px rgba(124,92,252,.7);transition:box-shadow .3s;border:none;}
.s2-cta:hover{box-shadow:0 12px 36px -10px rgba(124,92,252,.95);}
.s2-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.s2-burger span{width:24px;height:2px;background:var(--s2-ink);border-radius:2px;display:block;}
.s2-mobile{position:fixed;inset:0;background:var(--s2-bg);z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;opacity:0;pointer-events:none;transition:opacity .35s;}
.s2-mobile.open{opacity:1;pointer-events:auto;}
.s2-mobile a{font-family:'Space Grotesk';font-size:1.6rem;color:var(--s2-muted)!important;text-decoration:none!important;}
@media(max-width:860px){.s2-navlinks{display:none;}.s2-right{display:none;}.s2-burger{display:flex;}}

.s2-footer{background:var(--s2-bg)!important;border-top:1px solid var(--s2-line);padding:60px 0 36px!important;margin-top:80px;font-family:'Inter',sans-serif;color:var(--s2-muted);position:static;}
.s2-fwrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.s2-ftop{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:44px;}
.s2-fbrand{max-width:340px;}
.s2-fbrand .s2-logo{margin-bottom:14px;}
.s2-fbrand p{font-size:.92rem;color:var(--s2-muted)!important;line-height:1.6;}
.s2-fcols{display:flex;gap:64px;flex-wrap:wrap;}
.s2-fcol h4{font-family:'Space Grotesk';font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--s2-mut2)!important;margin-bottom:16px;}
.s2-fcol a{display:block;color:var(--s2-muted)!important;font-size:.92rem;margin-bottom:10px;text-decoration:none!important;}
.s2-fcol a:hover{color:var(--s2-ink)!important;}
.s2-fbot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--s2-line);color:var(--s2-mut2)!important;font-size:.83rem;}


/* ===== Light-Mode Sicherheitsnetz: dunkle Karten/Boxen aufhellen ===== */
[data-theme="light"] .section,[data-theme="light"] .card,[data-theme="light"] .info-row,[data-theme="light"] .faq-item,[data-theme="light"] .faq,[data-theme="light"] .feature,[data-theme="light"] .feature-card,[data-theme="light"] .step,[data-theme="light"] .box,[data-theme="light"] .panel,[data-theme="light"] .pricing-card,[data-theme="light"] .price-card,[data-theme="light"] .quiz-content,[data-theme="light"] .result-screen{background:#ffffff!important;border-color:rgba(20,12,40,.10)!important;}
[data-theme="light"] .section h2,[data-theme="light"] .section h3,[data-theme="light"] .card h2,[data-theme="light"] .card h3{color:#120c26!important;}
[data-theme="light"] .info-value,[data-theme="light"] .section p,[data-theme="light"] .section li,[data-theme="light"] .section td,[data-theme="light"] .section span,[data-theme="light"] .card p,[data-theme="light"] .card li,[data-theme="light"] .box p{color:#2a2440!important;}
[data-theme="light"] .section a,[data-theme="light"] .card a,[data-theme="light"] .info-value a{color:#6a45e6!important;}

/* Fokus-Rahmen (Tastatur-Navigation) */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #5ce0d8;outline-offset:3px;border-radius:6px;}

/* Burger über dem offenen Mobil-Menü halten (klickbar zum Schließen) */
.s2-burger{position:relative;z-index:1002;}