/* ===== Helle Variante A/B (Vorschau 04.11.2026) – greift nur mit html[data-hell]. Quelle: tools/hell.src.css → website/assets/hell.css ===== */
/* Zeilen mit "@L " werden auf jeden Selektor mit dem Hell-Abschnitt-Präfix erweitert. */
html[data-hell=a]{--Ltop:#E9EEF5}
html[data-hell=c]{--Ltop:#050C19}
html[data-hell] body{background:var(--Ltop)}
html[data-hell] :is(.hero,.phero,footer,#demo,#nadine){background:#050c19}

/* Kopfzeile über hellem Grund: dichter Navy statt grauem Glas */
html[data-hell] nav.solid{background:rgba(5,12,25,.95)}
@media (min-width:861px){html[data-hell] nav.solid{background:transparent}html[data-hell] nav.solid>.w{background:rgba(8,18,38,.94);box-shadow:0 14px 34px -18px rgba(11,24,48,.55),inset 0 1px 0 rgba(255,255,255,.06)}}

/* Grundfarben im hellen Abschnitt
   A = alles hell außer Hero, Nadine-Demo, Footer
   C = Mix: Navy-Grundton in zwei Abstufungen, nur einzelne Abschnitte hell (Startseite: Gestern/Heute, Problem, Für wen, Fragen; Unterseiten: Fragen, Formulare, Abschluss-Band) */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)){--fg:#0B1830;--mut:#45546E;--dim:#56667F;--acc:#2F78B8;--line:rgba(11,24,48,.14);color:#0B1830;background:var(--sbg);color-scheme:light}
html[data-hell=a] main>section:not(#demo):not(#nadine){--sbg:#E9EEF5;--cbg:#EEF2F8}
html[data-hell=c] main>section{--sbg:#E9EEF5;--cbg:#FFFFFF}
/* C: dunkle Abschnitte wechseln zwischen zwei Navy-Tönen */
html[data-hell=c] main>section{background:#050C19}
html[data-hell=c] main>section:nth-of-type(even){background:#0B1830}
html[data-hell=c] main>section:nth-of-type(even) .card:not(.demo):not(.ap){background:linear-gradient(180deg,rgba(24,46,84,.8),rgba(12,26,52,.85))}

/* Trennlinien zwischen Abschnitten */
html[data-hell=a] main>.line{background:linear-gradient(90deg,transparent,rgba(11,24,48,.16),transparent)}
html[data-hell=c] main>.line{opacity:0}

/* Typografie */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) h2{background:none;-webkit-text-fill-color:currentColor;color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) h3{color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .k{color:#2A6DA8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .k[style*="var(--acc)"],:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) a[style*="var(--acc)"],:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) [style*="--ice"],:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) [style*="#9fc6e0"]{color:#2A6DA8!important}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) [style*="color:#eef2f8"],:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) [style*="color:#fff"]{color:#0B1830!important}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .lead{color:#45546E}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .more{color:#2A6DA8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .big{background:linear-gradient(100deg,#0B1830 0,#0B1830 40%,#2F78B8 50%,#0B1830 60%,#0B1830 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .prose p,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) ul.chk li{color:#45546E}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) ul.no li::before{background:linear-gradient(45deg,transparent 45%,#6F819D 45%,#6F819D 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#6F819D 45%,#6F819D 55%,transparent 55%)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .tag{color:#2A6DA8;border-color:rgba(47,120,184,.4)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .ph{background:rgba(176,138,58,.12);border-color:rgba(176,138,58,.6);color:#6B4E10}

/* Karten, Icons, Knöpfe */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .card{background:var(--cbg);border-color:var(--line)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .hov:hover{border-color:rgba(47,120,184,.55);box-shadow:0 18px 40px -26px rgba(11,24,48,.45)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .ic{border-color:rgba(47,120,184,.45)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .hov:hover .ic{border-color:#2F78B8;box-shadow:0 0 0 4px rgba(47,120,184,.1)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .btn.p{background:#0B1830;color:#EEF2F8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .btn.p::after{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .btn.s{border-color:rgba(11,24,48,.32);color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .btn.s:hover{border-color:#2F78B8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .btn:hover{box-shadow:0 10px 26px -10px rgba(11,24,48,.45)}

/* Gestern / Heute */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .ghl .gy{opacity:1;background:transparent}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .ghl .gy p{color:#56667F}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .ghl .td{border-color:rgba(47,120,184,.45)}

/* Standard-Leiste */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .std{background:var(--cbg);border-color:var(--line)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .std li{border-top-color:rgba(11,24,48,.16)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .std li b{color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .std li span{color:#45546E}

/* Ablauf (4 Stufen, Lichtstrahl) */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .track{background:rgba(11,24,48,.14)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .beam{background:linear-gradient(90deg,rgba(47,120,184,.15),#2F78B8);box-shadow:0 0 10px rgba(47,120,184,.35)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .beam::after{background:radial-gradient(circle,#fff 0,#a9cbe9 30%,rgba(47,120,184,.45) 55%,transparent 72%)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .n{background:#fff;color:#45546E;border-color:rgba(47,120,184,.45)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .st:not(.lit) h3{color:#45546E}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .st:not(.lit) p{opacity:1;color:#56667F}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .st.lit .n,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .vs:hover .n{background:#0B1830;color:#fff;border-color:#0B1830;box-shadow:0 0 0 6px rgba(47,120,184,.12)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .st.cur .n{background:#2A6DA8;color:#fff;border-color:#2A6DA8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .vs::before{background:linear-gradient(180deg,rgba(47,120,184,.5),rgba(47,120,184,.08))}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .vs .who,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .chat .who.n2{color:#2A6DA8}

/* Häufige Fragen */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .faq,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .faq details{border-color:rgba(11,24,48,.14)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .faq summary{color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .faq details p{color:#45546E}

/* Protokoll / Tabellen-Mockups */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .row{border-bottom-color:rgba(11,24,48,.1)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .row b{color:#2A6DA8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .pill{border-color:#2F78B8;color:#2A6DA8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .pm .bar,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .pm td,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .pm th,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .kpis,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .kpis div{border-color:rgba(11,24,48,.1)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .kpis b{color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .st-o{color:#2A6DA8;border-color:rgba(47,120,184,.55)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .st-z{color:#7A5A12;border-color:rgba(176,138,58,.6)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .st-e{color:#56667F;border-color:rgba(86,102,127,.4)}

/* Anbindungs-Diagramm */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .dia .node{background:var(--cbg);border-color:var(--line)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .dia .core{background:linear-gradient(180deg,#16305a,#0B1830);border-color:rgba(47,120,184,.6);box-shadow:0 18px 40px -20px rgba(11,24,48,.5);color:#EEF2F8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .dia .core p{color:#9fb0c8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .dia .wire{background:linear-gradient(90deg,rgba(47,120,184,.15),rgba(47,120,184,.7))}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .dia .wire::after{background:#2F78B8;box-shadow:0 0 6px rgba(47,120,184,.6)}

/* Formulare und Kontakt */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cf input,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cf select,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cf textarea{background:#fff;color:#0B1830;border-color:rgba(11,24,48,.24)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cf input:focus,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cf select:focus,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cf textarea:focus{border-color:#2F78B8;box-shadow:0 0 0 3px rgba(47,120,184,.18)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cf .cb input{accent-color:#2F78B8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cf .cb{background:transparent;border-color:rgba(11,24,48,.14);border-left-color:#2F78B8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sms{background:#fff;border-color:rgba(11,24,48,.16);box-shadow:0 16px 36px -24px rgba(11,24,48,.4)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .fmsg{background:#fff;border-color:rgba(47,120,184,.5)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) a.cline:hover{color:#2A6DA8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cline{border-bottom-color:rgba(11,24,48,.12)}

/* Lichtfäden im Hintergrund: auf Hell ausgeblendet (wären unsichtbar und kosten Rechenzeit) */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) canvas.lf{display:none}

/* Signatur-Szene „Ein Ort für alles" */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-dots i{background:rgba(11,24,48,.16)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-dots i.on{background:#2F78B8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-svg path{stroke:rgba(11,24,48,.16)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-svg path.lit{stroke:#2F78B8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .src{background:var(--cbg);color:#45546E;border-color:var(--line)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .src .si{background:rgba(47,120,184,.08);border-color:rgba(47,120,184,.35)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .src svg{stroke:#2F78B8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .src.on{border-color:#2F78B8;color:#0B1830;box-shadow:0 8px 22px -12px rgba(47,120,184,.55)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .tw .fr{background:linear-gradient(180deg,#f4f7fb 0%,#9fb0c8 30%,#5a6d8f 70%,#2f3f5c 100%)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .tw .lf{background:linear-gradient(180deg,#c9d4e2 0%,#7487a6 40%,#3c4e6e 100%)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .tw .rt{background:linear-gradient(180deg,#6d7f9d 0%,#3a4b69 50%,#1b2840 100%)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .tw .tp{background:linear-gradient(135deg,#ffffff,#aebdd1)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .hzn{filter:drop-shadow(0 0 4px rgba(47,120,184,.6))}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .sgcl{color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .sgcs{color:#56667F}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .sgst i{color:#2A6DA8;border-color:rgba(47,120,184,.4);background:#fff}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-core .slab{background:radial-gradient(ellipse at 50% 50%,rgba(47,120,184,calc(.14 + .25*var(--glow))),rgba(11,24,48,.18) 70%);border-color:rgba(47,120,184,calc(.2 + .4*var(--glow)))}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-portal{background:var(--cbg);border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 24px 50px -30px rgba(11,24,48,.35)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-portal .sgh b{color:#fff;background:#2F78B8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sgr{background:var(--sbg);border-color:rgba(11,24,48,.1)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sgr .sgt b{color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sgr .sgtg{color:#2A6DA8;border-color:rgba(47,120,184,.4)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sgr[data-i="0"] .sgd{background:#2F78B8!important}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sgr[data-i="1"] .sgd{background:#6F819D!important}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sgr[data-i="2"] .sgd{background:#9C97E6!important}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-toast{background:#fff;border-color:rgba(95,207,154,.6);box-shadow:0 20px 40px -20px rgba(11,24,48,.35)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-toast .sgti{color:#1E7A4F;background:rgba(95,207,154,.2)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .sig-toast small{color:#45546E}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .pk{background:radial-gradient(circle,#fff 0,#7FC4E2 40%,rgba(47,120,184,.6) 60%,rgba(47,120,184,0) 72%);box-shadow:0 0 14px 3px rgba(47,120,184,.45)}

/* Rechner */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cgh,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cl label,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cleg b,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cleg em,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cyr b{color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cn{color:#2A6DA8;border-color:rgba(47,120,184,.5)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cv{background:#fff;border-color:rgba(11,24,48,.22)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cv:focus-within{border-color:#2F78B8}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cv input{color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cr input[type=range]{background:linear-gradient(90deg,#2F78B8 var(--p,50%),rgba(11,24,48,.14) var(--p,50%))}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cr input[type=range]::-webkit-slider-thumb{background:#fff;border:1px solid rgba(11,24,48,.2);box-shadow:0 0 0 6px rgba(47,120,184,.16),0 2px 6px rgba(11,24,48,.3)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cr input[type=range]::-moz-range-thumb{background:#fff;border:1px solid rgba(11,24,48,.2);box-shadow:0 0 0 6px rgba(47,120,184,.16)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cout{background:#fff;border-color:var(--line)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cbig span{background:none;-webkit-text-fill-color:#0B1830;color:#0B1830}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cyr{color:#45546E}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cbar{background:rgba(11,24,48,.1)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) #b1,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cleg li:first-child>span{background:#2F78B8!important}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) #b2,:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .cleg li:nth-child(2)>span{background:#6F819D!important}

/* Dunkle Inseln (Bildschirm-Mockups) behalten ihre Farben */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .pv{--fg:#eef2f8;--mut:#9fb0c8;--dim:#7f93ad;--acc:#7FC4E2;--line:rgba(140,190,240,.25);color:#eef2f8;color-scheme:dark}

/* ===== Übergänge Dunkel/Hell: klare, gerade Kanten (Ömür 04.11.: Bogen und Verlauf verworfen) ===== */
html[data-hell=a] :is(#demo,#nadine){padding-top:96px!important;padding-bottom:96px}
html[data-hell] footer{border-top:0}
html[data-hell] main:not(:has(>section))~footer{border-top:1px solid rgba(140,190,240,.15)}
@media (max-width:860px){html[data-hell=a] :is(#demo,#nadine){padding-top:64px!important;padding-bottom:64px}}

/* ===== Ansprechpartner-Karte: Navy mit dem Lichtband aus dem Kundenportal (assets/hero.jpg = team/portal/hintergrund.jpg) ===== */
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .card.ap{--fg:#eef2f8;--mut:#9fb0c8;--dim:#8a9cb6;--acc:#7FC4E2;--line:rgba(160,200,240,.22);color:#eef2f8;color-scheme:dark;position:relative;overflow:hidden;isolation:isolate;border-color:rgba(160,200,240,.22);background:#050C19 url(hero.jpg) 72% center/cover no-repeat;box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 24px 50px -24px rgba(11,24,48,.55)}
html[data-hell] .card.ap{--fg:#eef2f8;--mut:#9fb0c8;--dim:#8a9cb6;--acc:#7FC4E2;--line:rgba(160,200,240,.22);color:#eef2f8;color-scheme:dark;position:relative;overflow:hidden;isolation:isolate;border-color:rgba(160,200,240,.22);background:#050C19 url(hero.jpg) 72% center/cover no-repeat;box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 24px 50px -24px rgba(11,24,48,.55)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .card.ap::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,12,25,.95) 0%,rgba(5,12,25,.9) 50%,rgba(5,12,25,.62) 78%,rgba(5,12,25,.2) 100%)}
html[data-hell] .card.ap::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,12,25,.95) 0%,rgba(5,12,25,.9) 50%,rgba(5,12,25,.62) 78%,rgba(5,12,25,.2) 100%)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .card.ap .k{color:#7FC4E2}
html[data-hell] .card.ap .k{color:#7FC4E2}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .card.ap .cline{color:#eef2f8;border-bottom-color:rgba(160,200,240,.16)}
html[data-hell] .card.ap .cline{color:#eef2f8;border-bottom-color:rgba(160,200,240,.16)}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .card.ap .cline svg{stroke:#7FC4E2}
html[data-hell] .card.ap .cline svg{stroke:#7FC4E2}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .card.ap a.cline:hover{color:#bfe9f7}
html[data-hell] .card.ap a.cline:hover{color:#bfe9f7}
:is(html[data-hell=a] main>section:not(#demo):not(#nadine),html[data-hell=c] main>section:is(:has(.faq,.ghl,form.cf,.cta),#problem,#fuer-wen)) .card.ap.hov:hover{border-color:rgba(127,196,226,.55);box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 28px 56px -24px rgba(11,24,48,.6)}
html[data-hell] .card.ap.hov:hover{border-color:rgba(127,196,226,.55);box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 28px 56px -24px rgba(11,24,48,.6)}
@media (max-width:860px){html[data-hell] main>section:not(#demo):not(#nadine) .card.ap{background-position:78% 75%;background-size:auto 150%}html[data-hell] main>section:not(#demo):not(#nadine) .card.ap::before{background:linear-gradient(180deg,rgba(5,12,25,.9) 0%,rgba(5,12,25,.76) 55%,rgba(5,12,25,.52) 100%)}}