/* KapFixIT Design 2026 (Prüfstand) für die älteren Astro-Seiten.
   Wird NACH den /_astro/*.css eingebunden und stellt nur Farben, Schriften
   und Rundungen um. Inhalte, Aufbau und Skripte bleiben unberührt.
   Dunkel: Graphit + Eisblau. Hell: Papier + Violett.
   Bei Änderungen neuen Dateinamen vergeben (v2, v3 ...), CSS wird 1 Jahr gecacht. */

@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/kfx26/fonts/archivo-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:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/kfx26/fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Farben und Schriften ---------- */
:root{
  --void:#101215;--void-2:#14171B;--void-tief:#0B0D10;
  --indigo:#67C7F4;--indigo-dark:#3FA6D6;
  --violet:#67C7F4;--violet-2:#A9E1FA;--magenta:#A9E1FA;
  --ember:#67C7F4;--ember-soft:#A9E1FA;--ember-fl:#67C7F4;--ember-fl-2:#A9E1FA;
  --text:#EEF1F4;--dim:#C5CBD3;--dimmer:#97A0AC;
  --karte26:#181B20;--linie26:#2A2F37;--auf-akzent:#0B0D10;
  --radius:10px;--radius-sm:6px;--radius-lg:12px;
  --font-display:"Archivo","Segoe UI",system-ui,sans-serif;
  --font-body:"Archivo","Segoe UI",system-ui,-apple-system,sans-serif;
}
:root[data-theme=hell]{
  --auf:20, 18, 16;
  --void:#F2EDE4;--void-2:#ECE6DB;--void-tief:#E6DFD2;
  --panel:#FFFFFFC7;--panel-2:#FFFFFF80;--glass:#1412101F;--glass-strong:#14121038;
  --indigo:#5A41C0;--indigo-dark:#3E2A9A;
  --violet:#5A41C0;--violet-2:#3E2A9A;--magenta:#3E2A9A;
  --ember:#5A41C0;--ember-soft:#3E2A9A;--ember-fl:#5A41C0;--ember-fl-2:#7A63D6;
  --text:#141210;--dim:#3D3731;--dimmer:#6B6258;
  --karte26:#FFFFFF;--linie26:#DDD4C6;--auf-akzent:#FFFFFF;
}

/* Überschriften: Archivo, breit und kräftig wie auf der Startseite */
h1,h2,h3,h4,.h-card,.btn,.arrow-link,.pap-h1,.aca-h1,.art-h1,.faq-q,.autor-name,.kpi b,.stufe-text h3,.prose h2,.prose h3,.prose summary,.prose th,.brand b,.brand-text b,.term-menu nav a{font-stretch:115%}
h1,.pap-h1,.aca-h1,.art-h1{font-weight:800}

/* Kein Verlauf im Text, eine klare Akzentfarbe */
.grad{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ember);-webkit-text-fill-color:currentColor}

/* ---------- Flächen ---------- */
.glass:hover{box-shadow:0 30px 60px -36px rgba(0,0,0,.65)}
.glass--spot:after{background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%), color-mix(in oklab, var(--indigo) 16%, transparent), transparent 62%)}
.stars{opacity:.3}
.aca-keil[class],.pap-keil[class]{background:linear-gradient(150deg, color-mix(in oklab, var(--indigo) 9%, var(--void-2)), var(--void));opacity:1}
.aca-schein[class],.pap-schein[class]{background:radial-gradient(46% 58% at 74% 16%, color-mix(in oklab, var(--ember) 8%, transparent), transparent 72%)}
.pap-screen[class]{border-radius:12px}
.pap-claim-bild[class]{border-radius:12px;box-shadow:0 36px 72px -30px #000c}
.atmos[class]{background:radial-gradient(1200px 800px at 82% -10%, color-mix(in oklab, var(--indigo) 8%, transparent), transparent 60%), linear-gradient(180deg, var(--void-2), var(--void) 40%, var(--void))}
.hdr[data-stuck][class] .hdr-in[class][class]{box-shadow:0 18px 44px -18px #0000008c}
:root[data-theme=hell] .hdr[data-stuck][class] .hdr-in[class][class]{box-shadow:0 18px 44px -22px #14121040}

/* ---------- Knöpfe: eckig und flächig wie auf der Startseite ---------- */
.btn,.prose .btn,.prose .cta-block .btn{border-radius:4px}
.btn--ember,.prose .btn-grad{background:var(--ember);color:var(--auf-akzent);box-shadow:none}
.btn--ember:hover,.prose .btn-grad:hover{background:var(--ember-soft);box-shadow:0 0 0 4px color-mix(in oklab, var(--ember) 18%, transparent)}
.call{border-radius:4px;background:color-mix(in oklab, var(--ember) 8%, transparent)}
.call:after{border-radius:4px}
.call-dot{background:var(--ember);color:var(--auf-akzent);box-shadow:none}
.hdr-tel[class],.hdr-ruf[class],.term-menu-ruf[class]{background:color-mix(in oklab, var(--ember) 9%, transparent)}
.hdr-tel[class]:hover{background:color-mix(in oklab, var(--ember) 15%, transparent)}
.prose .cta-block{background:linear-gradient(150deg, color-mix(in oklab, var(--ember) 8%, transparent), rgba(var(--auf), .02) 55%)}
.preis-ik[class],.aud--lead .aud-ik[class],.cta-phone-ik[class]{background:var(--ember-fl);color:var(--auf-akzent)}
.skip{color:var(--auf-akzent);border-radius:0 0 4px}

/* Hell: die alten Orangetöne ersetzen */
:root[data-theme=hell] .btn--ember{color:#fff;background:var(--ember);box-shadow:0 12px 30px -14px color-mix(in oklab, var(--ember) 60%, transparent)}
:root[data-theme=hell] .call{background:#fff;border-color:color-mix(in oklab, var(--ember) 55%, transparent);box-shadow:0 1px 2px #1412100d,0 14px 34px -18px #14121038}
:root[data-theme=hell] .call:hover{border-color:var(--ember);box-shadow:0 1px 2px #1412100f,0 20px 44px -18px #14121047}
:root[data-theme=hell] .call:after{border-color:color-mix(in oklab, var(--ember) 40%, transparent)}
:root[data-theme=hell] .call-dot{color:#fff;background:var(--ember)}
:root[data-theme=hell] .cta{background:#fff;border-color:var(--linie26);box-shadow:0 1px 2px #1412100d,0 24px 54px -26px #14121033}
:root[data-theme=hell] .aud--lead .aud-ik,:root[data-theme=hell] .cta-phone-ik,:root[data-theme=hell] .prose .btn-grad{background:var(--ember);color:#fff}
:root[data-theme=hell] .stimme-sterne,:root[data-theme=hell] .rev-stars{color:#B7791F}