/* Helle Fassung – wird nach site.css geladen, aktiv mit <html class="lt"> */
html.lt{--bg:#f6f8fd;--fg:#0b1536;--mute:#4b5876;--line:rgba(11,21,54,.12);--limeT:#3f7d00;background:var(--bg)}
html.lt body,html.lt .page{background:var(--bg);color:var(--fg)}
html.lt .kick,html.lt .glp-k{color:var(--limeT)}
/* Kopf */
html.lt .topbar,html.lt header.hd,html.lt header.hd.solid{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
html.lt header.hd.solid{box-shadow:0 10px 30px -18px rgba(11,21,54,.35)}
html.lt .hd nav a{color:var(--mute)}html.lt .hd nav a:hover,html.lt .hd nav a.act{color:var(--fg)}
html.lt .hd nav a.partner small b{color:var(--limeT)}
html.lt .hicon,html.lt .burger{color:var(--fg)}html.lt .burger{background:rgba(11,21,54,.06)}
html.lt .lang a[aria-current]{color:var(--fg);background:rgba(11,21,54,.07)}
html.lt .topbar *{border-color:var(--line)}
@media(max-width:1100px){
html.lt header.hd,html.lt header.hd.solid{background:#050b1f!important;box-shadow:none;--fg:#fff;--mute:#b9c7e6}
html.lt header.hd .logo img,html.lt header.hd.solid .logo img{filter:brightness(0) invert(1)}
html.lt header.hd .hicon,html.lt header.hd .burger{color:#fff}html.lt header.hd .burger{background:rgba(255,255,255,.1)}
html.lt .hd nav{background:#050b1f!important;box-shadow:0 30px 40px -20px rgba(0,0,0,.8)}
html.lt .hd nav a{color:#dbe4ff}html.lt .hd nav a:hover,html.lt .hd nav a.act{color:#fff}
html.lt .hd nav a.cta,html.lt header.hd.solid nav a.cta{background:#b4ff3a!important;color:#0b1536!important}
html.lt .hd nav a.partner small{color:#b9c7e6}html.lt .hd nav a.partner small b{color:#b4ff3a}
}
html.lt .btn.ghost{border-color:rgba(11,21,54,.35);color:var(--fg)}html.lt .btn.ghost:hover{border-color:var(--limeT);color:var(--limeT)}
/* Preloader */
/* Hero */
html.lt .hero .bigh{color:var(--fg)}html.lt .hero .bigh .o{-webkit-text-stroke:2px var(--fg)}html.lt .hero .bigh .l{color:var(--limeT)}
html.lt .hero-foot .tel{color:var(--fg)}
/* Laufband + Manifest */
html.lt .bw span{-webkit-text-stroke:1.5px rgba(11,21,54,.35)}html.lt .bw span.f{color:var(--fg)}html.lt .bw2 span.f{color:var(--limeT)}
html.lt .mani p span{color:rgba(11,21,54,.12)}html.lt .mani p span.on{color:var(--fg)}html.lt .mani p span.on.l{color:var(--limeT)}
html.lt.still .mani p span{color:var(--fg)}
/* Leistungen */
html.lt .svc-list li::before{color:var(--limeT)}
html.lt .svc-stack,html.lt .tin{background:#dfe6f5}
html.lt .dnote{background:#fff;color:var(--mute);box-shadow:0 10px 30px -20px rgba(11,21,54,.3)}html.lt .dnote b{color:var(--fg)}
html.lt .calc-cta{background:linear-gradient(135deg,#ffffff,#eef3fd);color:var(--fg);border:1px solid var(--line);box-shadow:0 20px 40px -30px rgba(11,21,54,.35)}
html.lt .calc-cta .ct{color:var(--mute)}html.lt .calc-cta .ct b{color:var(--fg)}
/* Warum ohne Chemie / Zitat */
html.lt .quote{background:#fff;box-shadow:0 30px 60px -40px rgba(11,21,54,.35)}html.lt .quote figcaption b{color:var(--fg)}
html.lt .qmarks{color:var(--limeT)}
/* Technik */
html.lt .nums b,html.lt .germ-n,html.lt .law .big{color:var(--limeT)}
html.lt .yt{color:var(--fg)}html.lt .yt:hover{background:#fff}
/* Premium-Glasreinigung (Linse bleibt dunkel = Mikroskopbild) */
html.lt .glp-step .glp-n{color:var(--fg)}
html.lt .glp-lbl{background:rgba(11,21,54,.7);color:#e6edff}
html.lt .glp-lens{box-shadow:0 0 0 10px rgba(29,58,138,.1),0 40px 80px -30px rgba(11,21,54,.5)}
html.lt .glp-foot{background:#fff}
/* Keime */
html.lt .lv span.on{color:var(--ink)}
/* Ablauf */
html.lt .steps li i{-webkit-text-stroke:1.5px rgba(11,21,54,.3)}
html.lt .steps li::before{background:var(--lime2);box-shadow:0 0 0 6px rgba(124,200,27,.2)}
html.lt .steps svg line.p{stroke:var(--lime2)}
/* Einsätze */
html.lt .row figcaption{color:#fff}
/* Formular */
html.lt label,html.lt .anl legend{color:var(--mute)}html.lt .anl label{color:var(--fg)}
html.lt input,html.lt textarea{background:#fff;border-color:rgba(11,21,54,.2);color:var(--fg)}
html.lt .cf-wrap{background:#fff;box-shadow:0 30px 60px -40px rgba(11,21,54,.3)}
html.lt .big-tel{color:var(--limeT)}
html.lt .media-l{color:var(--fg)}
/* Padel-Band über Foto: Schrift bleibt hell */
html.lt .zoom-txt,html.lt .zoom-txt h2,html.lt .zoom-txt h3,html.lt .zoom-txt p{color:#fff}
html.lt .zoom-txt .kick{color:var(--lime)}html.lt .zoom-txt p{color:#dbe4f8}
html.lt .svc-mob a{color:#fff}html.lt .svc-mob small{color:#d4def5}
html.lt .spkw[style*="color:#fff"]{color:var(--lime2)!important}
html.lt .topbar a.hot{color:#c25e00}
/* Dunkle Abschnitte, wo der Effekt Dunkel braucht: Dampf (Technik) und leuchtende Keime */
html.lt #technik,html.lt #keime{--bg:#050b1f;--fg:#fff;--mute:#b9c7e6;--line:rgba(160,195,255,.16);--limeT:#b4ff3a;background:#050b1f;color:#fff}
html.lt #technik h2,html.lt #technik h3,html.lt #keime h2,html.lt #keime h3{color:#fff}
/* Start-Intro und Einstieg oben bleiben dunkel */
html.lt .pre img{filter:brightness(0) invert(1)}
html.lt .hero{--bg:#050b1f;--fg:#fff;--mute:#b9c7e6;--line:rgba(160,195,255,.16);--limeT:#b4ff3a;background:#050b1f;color:#fff}
html.lt .topbar{background:#050b1f;box-shadow:none;border-bottom:1px solid rgba(160,195,255,.16);--fg:#fff;--mute:#b9c7e6;--line:rgba(160,195,255,.16);color:#fff}
html.lt .topbar a.hot{color:#ffc35a}
html.lt header.hd:not(.solid){background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;--fg:#fff;--mute:#b9c7e6}
html.lt header.hd:not(.solid) .hicon,html.lt header.hd:not(.solid) .burger{color:#fff}
html.lt header.hd:not(.solid) .burger{background:rgba(255,255,255,.1)}
html.lt header.hd:not(.solid) a.logo img{filter:brightness(0) invert(1)}
html.lt header.hd:not(.solid) .lang a[aria-current]{color:#fff;background:rgba(255,255,255,.1)}
/* Online-Anfrage und Kontakt/Rückruf bleiben dunkel wie im Original */
html.lt #anfrage{--bg:#050b1f;--fg:#fff;--mute:#b9c7e6;--line:rgba(160,195,255,.16);--limeT:#b4ff3a;background:#050b1f;color:#fff}
html.lt #anfrage h2,html.lt #anfrage h3{color:#fff}
html.lt #anfrage .cf-wrap{background:rgba(255,255,255,.04);box-shadow:none}
/* Lüftungsanlagen (RLT) bleiben dunkel wie im Original */
html.lt #lueftung{--bg:#050b1f;--fg:#fff;--mute:#b9c7e6;--line:rgba(160,195,255,.16);--limeT:#b4ff3a;background:#050b1f;color:#fff}
html.lt .media-band{background:#050b1f;--fg:#fff;--mute:#b9c7e6;--line:rgba(160,195,255,.16);color:#fff;border-color:rgba(160,195,255,.16)}html.lt .media-band .media-l{color:#fff}
/* Thermostar/MediCleanTEC-Logo pulsiert leicht */
@keyframes khrPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes khrGlow{0%,100%{box-shadow:0 0 0 0 rgba(124,200,27,0)}50%{box-shadow:0 0 0 6px rgba(124,200,27,.18),0 18px 40px -20px rgba(124,200,27,.55)}}
html.lt .logo-card.wide img{animation:khrPulse 2.8s ease-in-out infinite}
html.lt .logo-card.wide{animation:khrGlow 2.8s ease-in-out infinite}
html.lt.still .logo-card.wide,html.lt.still .logo-card.wide img{animation:none}
@media(prefers-reduced-motion:reduce){html.lt .logo-card.wide,html.lt .logo-card.wide img{animation:none}}
/* Kontakt/Rückruf hell, ruhiger Grund ohne Farbverlauf */
html.lt #kontakt{background:#fff}
html.lt #kontakt .hero-bg{display:none}
html.lt #kontakt .big-tel{color:var(--limeT)}
/* Leistungen am Handy: 2 Kacheln nebeneinander (Seite kürzer) */
@media (max-width:520px){
html.lt .bento{grid-template-columns:1fr 1fr;grid-auto-rows:168px;gap:10px}
html.lt .bento .t-big{grid-column:span 2;grid-row:span 1}
html.lt .bento .t-wide{grid-column:auto}
html.lt .tin{border-radius:20px}
html.lt .tin .tx{left:12px;right:12px;bottom:12px}
html.lt .tin h3{font-size:.98rem;line-height:1.2;hyphens:auto;-webkit-hyphens:auto}
html.lt .bento .tile:last-child{grid-column:span 2}
html.lt .bento .t-big .tin h3{font-size:1.3rem}
html.lt .tin p{display:none}
html.lt .tin .fl{left:10px;top:10px;font-size:.68rem;padding:4px 9px}
html.lt .arr{right:10px;top:10px;width:30px;height:30px}
}
/* Leistungen dunkel hinterlegt */
html.lt #leistungen{--bg:#050b1f;--fg:#fff;--mute:#b9c7e6;--line:rgba(160,195,255,.16);--limeT:#b4ff3a;background:#050b1f;color:#fff;padding-block:110px}
html.lt #leistungen h2{color:#fff}
html.lt #leistungen .dnote{background:rgba(255,255,255,.04);box-shadow:none;color:#b9c7e6}html.lt #leistungen .dnote b{color:#fff}
html.lt #leistungen .calc-cta{background:linear-gradient(135deg,#1d3577,#14275e);border-color:rgba(160,195,255,.16);box-shadow:none;color:#fff}
html.lt #leistungen .calc-cta .ct{color:#b9c7e6}html.lt #leistungen .calc-cta .ct b{color:#fff}
html.lt #leistungen .tin{background:#0b1538}
@media(max-width:520px){html.lt #leistungen{padding-block:70px}}
html.lt #leistungen{background:linear-gradient(180deg,rgba(5,11,31,.82),rgba(5,11,31,.62) 40%,rgba(5,11,31,.88)),url(../img/1bdf187e01.webp) center/cover no-repeat,#050b1f}
/* Fußzeile dunkel: helle Schrift */
html.lt footer{--fg:#fff;--mute:#b9c7e6;--line:rgba(160,195,255,.16);--limeT:#b4ff3a;color:#b9c7e6}html.lt footer a{color:#b9c7e6}html.lt footer .fchecks li{color:#b9c7e6}
html.lt footer .ftel{color:#fff}html.lt header.hd.solid nav a.cta{background:#14275e;color:#fff}
html.lt .hd nav a.cta{color:#0b1536}html.lt header.hd.solid nav a.cta{color:#fff}

/* SEO: Suchbegriffe in der H1 (Zeile über dem großen Schriftzug) */
.hero .eyebrow h1.eh{font:inherit!important;margin:0;letter-spacing:normal;line-height:1.4!important;color:inherit;white-space:normal!important}
.hero .bigh{margin:0}
/* Fußzeile: Spalte Leistungen */
.flinks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
@media(min-width:901px){footer .wrap{grid-template-columns:1.15fr 1.2fr .95fr .8fr}}