/* Dunkle und helle Ansicht (Timo 04.10.2026). Erzeugt von tools/dunkel.py — Quelle: tools/dunkel-hand.css,
   tools/dunkel-hand-nach.css und das CSS der Seiten. Nicht direkt in public/theme.css ändern. */

/* Der Browser soll wissen: diese Seite hat selbst Hell und Dunkel (Samsung Internet färbt dann nicht selbst um) */
:root{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;
  --ink:#e7edf0;--ink2:#b7c4ca;--muted:#93a3aa;--line:#2f3c42;
  --bg:#111619;--bg2:#161d21;--card:#1b2327;--dark:#0b1012;
  --accent-d:#6fd3cf;--hell:#95e0df;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --schatten:0 1px 3px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){color-scheme:dark;background:#111619;color:#e7edf0}
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] img{filter:brightness(.92)}

/* Knopf in der Kopfzeile: Zeichen + Wort */
.theme-knopf{display:inline-flex;align-items:center;gap:.35rem;flex:none;font:inherit;font-size:.85rem;font-weight:700;
  line-height:1;padding:.5rem .7rem;border-radius:999px;cursor:pointer;white-space:nowrap;
  border:1px solid #d5dde1;background:#fff;color:#282f33}
.theme-knopf span{font-size:1rem;line-height:1}
.theme-knopf:hover{border-color:#0d767a}
.theme-knopf:focus-visible{outline:2px solid #0d767a;outline-offset:2px}
html[data-theme="dark"] .theme-knopf{background:#1b2327;color:#e7edf0;border-color:#3a474e}
/* Platz in der Kopfzeile: Computer ganz rechts, Handy direkt neben «Menü» */
.nav .theme-knopf{order:5;margin-left:14px}
@media (max-width:900px){.nav .theme-knopf{order:0;margin-left:auto;margin-right:8px}}
@media (min-width:901px){.nav .mainnav{margin-left:auto}}

/* ===== Automatisch aus den Seiten erzeugt (tools/dunkel.py) — nicht von Hand ändern ===== */
html[data-theme="dark"][data-art="seite"] body{color:var(--ink);background:var(--bg)}
html[data-theme="dark"][data-art="seite"] .hero{background:#282f33;color:#fff}
html[data-theme="dark"][data-art="seite"] .hero .kicker{color:#eaffff}
html[data-theme="dark"][data-art="seite"] .hero h1 em{color:var(--accent)}
html[data-theme="dark"][data-art="seite"] .hero .slogan{color:#95e0df}
html[data-theme="dark"][data-art="seite"] .hero p.lead{color:#dbe2ea}
html[data-theme="dark"][data-art="seite"] .werke{background:var(--bg2);border-bottom:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .wcard .cap{color:#fff}
html[data-theme="dark"][data-art="seite"] .wcard .cap em{color:var(--accent)}
html[data-theme="dark"][data-art="seite"] .werke-note{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .ba{background:#1b2327}
html[data-theme="dark"][data-art="seite"] .vbox{background:#111827}
html[data-theme="dark"][data-art="seite"] .vbox .ov{color:#fff}
html[data-theme="dark"][data-art="seite"] .vbox .play{background:var(--accent);color:#e7edf0}
html[data-theme="dark"][data-art="seite"] .vcap{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .vcap b{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .btn.primary{background:var(--accent);color:#fff}
html[data-theme="dark"][data-art="seite"] .btn.primary:hover{background:#0a5f62}
html[data-theme="dark"][data-art="seite"] .btn.ghost{color:#fff}
html[data-theme="dark"][data-art="seite"] .btn.ghost:hover{border-color:#2f3c42}
html[data-theme="dark"][data-art="seite"] .btn.wa{background:#25d366;color:#fff}
html[data-theme="dark"][data-art="seite"] .hero .trustrow{color:#cbd2d9}
html[data-theme="dark"][data-art="seite"] .hero .trustrow b{color:#fff}
html[data-theme="dark"][data-art="seite"] .sec-head .tag{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .sec-head p{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .services{background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .card{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .card:hover .card-main{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .cardlink{background:#16292a;border:1.5px solid var(--accent);color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .cardlink:hover{background:var(--accent);color:#e7edf0}
html[data-theme="dark"][data-art="seite"] .card .ic{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .card p{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .shop-band{background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .shop-band-in{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--accent)}
html[data-theme="dark"][data-art="seite"] .shop-band .tag{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .shop-band p{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .pillar .n{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .pillar p{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .reviews{background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .review{background:#1b2327;border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .review .stars{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .review-author span{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .review blockquote{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .review summary{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .review-full{border-top:1px solid var(--line);color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .review-nav{border:1px solid var(--line);background:#1b2327;color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .review-nav:hover{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="dark"][data-art="seite"] .review-dot{background:#22292f}
html[data-theme="dark"][data-art="seite"] .review-dot[aria-selected="true"]{background:#0a5f62}
html[data-theme="dark"][data-art="seite"] .reviews-note{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .reviews-note a{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .area{background:var(--dark);color:#fff}
html[data-theme="dark"][data-art="seite"] .area p{color:#cbd2d9}
html[data-theme="dark"][data-art="seite"] .chip.main{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="dark"][data-art="seite"] .chip.hier{background:#1b2327;border-color:#2f3c42;color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .chip.hier em{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .cinfo p{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .cline b{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .cline a, html[data-theme="dark"][data-art="seite"] .cline span{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .contact-action{border:1px solid var(--line);background:#1b2327;color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .contact-action:hover{border-color:var(--accent);background:#16292a}
html[data-theme="dark"][data-art="seite"] .contact-action.phone{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="dark"][data-art="seite"] .contact-action.phone small{color:#fff}
html[data-theme="dark"][data-art="seite"] form{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .fld label{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .date-placeholder{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .fld input, html[data-theme="dark"][data-art="seite"] .fld textarea, html[data-theme="dark"][data-art="seite"] .fld select{border:1px solid var(--line);background:#1b2327;color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .fld input:focus, html[data-theme="dark"][data-art="seite"] .fld textarea:focus, html[data-theme="dark"][data-art="seite"] .fld select:focus{outline:2px solid var(--accent)}
html[data-theme="dark"][data-art="seite"] .formnote{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .ph{background:#3b3216;color:#eed3a0}
html[data-theme="dark"][data-art="seite"] .gesendet .karte{background:#1b2327}
html[data-theme="dark"][data-art="seite"] .gesendet h3{color:#e7edf0}
html[data-theme="dark"][data-art="seite"] .gesendet p{color:#b7c4ca}
html[data-theme="dark"][data-art="seite"] .gesendet button{background:#0d767a;color:#fff}
html[data-theme="dark"][data-art="seite"] .gesendet button:hover{background:#075b5e}
html[data-theme="dark"][data-art="seite"] .gs-land .berg{fill:#dfe7e9}
html[data-theme="dark"][data-art="seite"] .gs-land .berg2{fill:#cbd8db}
html[data-theme="dark"][data-art="seite"] .gs-land .schnee{fill:#fff}
html[data-theme="dark"][data-art="seite"] .gs-land .boden{stroke:#cbd8db}
html[data-theme="dark"][data-art="seite"] .gs-land .wolke{fill:#eef3f4}
html[data-theme="dark"][data-art="seite"] .gs-land .vogel{stroke:#8a989d}
html[data-theme="dark"][data-art="seite"] .gs-land .route{stroke:#4fbcba}
html[data-theme="dark"][data-art="seite"] .gs-wer small{color:#e7edf0}
html[data-theme="dark"][data-art="seite"] .gs-kopf{background:#1e3333;border:2px solid #0d767a}
html[data-theme="dark"][data-art="seite"] .gs-marke .koerper{fill:#4fbcba}
html[data-theme="dark"][data-art="seite"] .gs-marke .loch{fill:#fff}
html[data-theme="dark"][data-art="seite"] .gs-marke .glied{stroke:#4fbcba}
html[data-theme="dark"][data-art="seite"] .gs-marke .mund{stroke:#fff}
html[data-theme="dark"][data-art="seite"] .gs-brief b{color:#4fbcba;background:#1b2327}
html[data-theme="dark"][data-art="seite"] .gs-konfetti .w{stroke:#4fbcba}
html[data-theme="dark"][data-art="seite"] .gs-konfetti .g{stroke:#e7edf0}
html[data-theme="dark"][data-art="seite"] .gs-konfetti .o{stroke:#e0a326}
html[data-theme="dark"][data-art="seite"] a{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .lhero{background:linear-gradient(150deg,#282f33,#465158);color:#fff}
html[data-theme="dark"][data-art="seite"] .crumb{color:#9aa5b1}
html[data-theme="dark"][data-art="seite"] .crumb a{color:#cbd2d9}
html[data-theme="dark"][data-art="seite"] .lhero h1 em{color:var(--accent)}
html[data-theme="dark"][data-art="seite"] .lhero p{color:#cbd2d9}
html[data-theme="dark"][data-art="seite"] main p{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] main .lead{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .steps li{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .steps li::before{background:var(--accent);color:#fff}
html[data-theme="dark"][data-art="seite"] .steps li b{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .steps li span{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .box{background:#16292a;border:1px solid #2f6a6b}
html[data-theme="dark"][data-art="seite"] .box b{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .note{background:var(--bg2);border-left:4px solid var(--accent);color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .shot figcaption{color:var(--muted);background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .gal figure{background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .gal figcaption{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .gal figcaption b{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .duo figure{background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .duo figcaption{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .lcta{background:var(--dark);color:#fff}
html[data-theme="dark"][data-art="seite"] .lcta h2{color:#fff}
html[data-theme="dark"][data-art="seite"] .lcta p{color:#cbd2d9}
html[data-theme="dark"][data-art="seite"] .lcta .lcta-region{color:#9aa5b1}
html[data-theme="dark"][data-art="seite"] .mcard{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .mcard p{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .vorteil{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .vorteil .v-lead{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .vorteil .v-row{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .vorteil .v-i b{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .split figure{background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .split figcaption{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .lightbox button{color:#fff}
html[data-theme="dark"][data-art="seite"] .lightbox p{color:#fff}
html[data-theme="dark"][data-art="seite"] .check li::before{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .faq details{border:1px solid var(--line);background:#1b2327;border-bottom:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .faq details[open]{border-color:#2f4a4b}
html[data-theme="dark"][data-art="seite"] .faq summary{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .faq summary::after{border-right:2.2px solid var(--accent);border-bottom:2.2px solid var(--accent)}
html[data-theme="dark"][data-art="seite"] .faq summary:hover{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .faq .anb{color:#c3cfd4}
html[data-theme="dark"][data-art="seite"] .querlinks a{border:1px solid var(--line);background:#1b2327;color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .querlinks a:hover{border-color:#2f4a4b}
html[data-theme="dark"][data-art="seite"] .querlinks b{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .querlinks span{color:#a7b5bb}
html[data-theme="dark"][data-art="seite"] .rechnerhinweis{background:linear-gradient(135deg,#0d767a,#075b5e);color:#fff}
html[data-theme="dark"][data-art="seite"] .rechnerhinweis span{color:#cdeceb}
html[data-theme="dark"][data-art="seite"] .rechnerhinweis .btn{background:#1b2327;color:#6fd3cf;border-color:#2f3c42}
html[data-theme="dark"][data-art="seite"] .rechnerhinweis .btn:hover{background:#16292a;color:#6fd3cf}
html[data-theme="dark"][data-art="seite"] .ccard{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .ccard .tagline{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .ba2 figure{background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .ba2 figcaption{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .ba2 figcaption b{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] main ul{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .schema{background:#1b2327;border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .schema .wisch{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .schema figcaption, html[data-theme="dark"][data-art="seite"] .gal figcaption{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .intro{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .ausbauhinweis .kette{color:var(--accent-d);background:#16292a}
html[data-theme="dark"][data-art="seite"] .crumb a:hover{color:#fff}
html[data-theme="dark"][data-art="seite"] .lhero .tag{color:var(--accent)}
html[data-theme="dark"][data-art="seite"] .lhero .btn{background:var(--accent);color:#fff}
html[data-theme="dark"][data-art="seite"] .photo{background:var(--bg2);border:2px dashed #303d4a;color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .shot figcaption, html[data-theme="dark"][data-art="seite"] .gal figcaption{color:var(--muted);background:var(--bg2)}
html[data-theme="dark"][data-art="seite"] .ccard.hl{background:#16292a;border-color:#2f6a6b}
html[data-theme="dark"][data-art="seite"] .ctag{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .ccard .cwhen{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .ccard ul{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .ccard .cno{color:var(--ink2);border-top:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .lcta .primary{background:var(--accent);color:#fff}
html[data-theme="dark"][data-art="seite"] .lcta .wa{background:#25d366;color:#fff}
html[data-theme="dark"][data-art="seite"] .service-card{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .split.ueber.ich{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .unterschrift-rolle{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .unterschrift{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] main ol{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] main ol li b{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .wahl{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .wahl label{color:var(--ink)}
html[data-theme="dark"][data-art="seite"] .wahl select{color:var(--ink);background:#1b2327;border:2px solid var(--accent)}
html[data-theme="dark"][data-art="seite"] .wahl select:focus{outline:3px solid #2f6a6b}
html[data-theme="dark"][data-art="seite"] .wahl .hinweis{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .kanton{border:1px solid var(--line);background:#1b2327}
html[data-theme="dark"][data-art="seite"] .kanton dt{color:var(--accent-d)}
html[data-theme="dark"][data-art="seite"] .kanton dd{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .q{color:var(--muted)}
html[data-theme="dark"][data-art="seite"] .einl{color:var(--ink2)}
html[data-theme="dark"][data-art="seite"] .stand{color:var(--muted);border-top:1px solid var(--line)}
html[data-theme="dark"][data-art="seite"] .region{background:var(--bg2);border:1px solid var(--line)}
html[data-theme="dark"][data-art="recht"] body{color:var(--ink);background:var(--bg)}
html[data-theme="dark"][data-art="recht"] a{color:var(--accent)}
html[data-theme="dark"][data-art="recht"] .card{background:#1b2327;border:1px solid var(--line)}
html[data-theme="dark"][data-art="recht"] p{color:#c3cfd4}
html[data-theme="dark"][data-art="recht"] .updated{color:var(--muted)}
html[data-theme="dark"][data-art="recht"] ul{color:#c3cfd4}
html[data-theme="dark"][data-art="recht"] .bg{background:var(--bg)}
html[data-theme="dark"][data-art="recht"] .bg .veil{background:radial-gradient(120% 70% at 50% 18%,rgba(5,12,15,.72) 0%,rgba(5,12,15,.93) 55%,#050c0f 100%)}
html[data-theme="dark"][data-art="recht"] h1 b{color:var(--cy)}
html[data-theme="dark"][data-art="recht"] .claim{color:#dbe9eb}
html[data-theme="dark"][data-art="recht"] .leist svg{stroke:var(--cy)}
html[data-theme="dark"][data-art="recht"] .leist span{color:#cfe2e4}
html[data-theme="dark"][data-art="recht"] .region{color:#a9bfc2}
html[data-theme="dark"][data-art="recht"] .act{border:1px solid var(--line)}
html[data-theme="dark"][data-art="recht"] .act:hover, html[data-theme="dark"][data-art="recht"] .act:focus-visible{border-color:var(--cy)}
html[data-theme="dark"][data-art="recht"] .act .ic{background:linear-gradient(150deg,#12878f,#0a6a71)}
html[data-theme="dark"][data-art="recht"] .act.wa .ic{background:linear-gradient(150deg,#2fdc77,#1eb85a)}
html[data-theme="dark"][data-art="recht"] .act.web .ic{background:linear-gradient(150deg,#2b3942,#18222a)}
html[data-theme="dark"][data-art="recht"] .act .ic svg{fill:#fff}
html[data-theme="dark"][data-art="recht"] .act i{color:#a9bfc2}
html[data-theme="dark"][data-art="recht"] .act .go{color:#7f9ba0}
html[data-theme="dark"][data-art="recht"] .save a{border:1.5px solid var(--cy);color:var(--cy)}
html[data-theme="dark"][data-art="recht"] .save a:hover, html[data-theme="dark"][data-art="recht"] .save a:focus-visible{background:var(--cy);color:#a0deee}
html[data-theme="dark"][data-art="recht"] .foot{color:#6f888c}
html[data-theme="dark"][data-art="recht"] .legal{color:#93a7ab}
html[data-theme="dark"][data-art="recht"] .legal a{color:#cfe2e4}
html[data-theme="dark"][data-art] header{border-bottom:1px solid #2f3c42}
html[data-theme="dark"][data-art] header .logo b{color:#4fbcba}
html[data-theme="dark"][data-art] header .logo span{color:#93a3aa}
html[data-theme="dark"][data-art] header .nav a{color:#b7c4ca}
html[data-theme="dark"][data-art] header .nav a:hover{color:#6fd3cf}
html[data-theme="dark"][data-art] header .nav .cta{background:#0d767a;color:#fff}
html[data-theme="dark"][data-art] header .nav .cta:hover{background:#075b5e;color:#fff}
html[data-theme="dark"][data-art] footer{background:#161d24;color:#9aa5b1}
html[data-theme="dark"][data-art] footer b{color:#fff}
html[data-theme="dark"][data-art] footer a{color:#4fbcba}
html[data-theme="dark"][data-art] header a.logo{color:#e7edf0}
html[data-theme="dark"][data-art] header a.logo b{color:#4fbcba}
html[data-theme="dark"][data-art] header a.logo:hover b{color:#6fd3cf}
html[data-theme="dark"][data-art] header a.logo span{color:#93a3aa}
html[data-theme="dark"][data-art] header .mainnav > a{color:#b7c4ca}
html[data-theme="dark"][data-art] header .mainnav > a:hover{color:#6fd3cf}
html[data-theme="dark"][data-art] header .mainnav a.cta{background:#0d767a;color:#fff}
html[data-theme="dark"][data-art] header .mainnav a.cta:hover{background:#075b5e;color:#fff}
html[data-theme="dark"][data-art] header .subtoggle{color:#b7c4ca}
html[data-theme="dark"][data-art] header .subtoggle:hover, html[data-theme="dark"][data-art] header .has-sub.open .subtoggle{color:#6fd3cf}
html[data-theme="dark"][data-art] header .sub{background:#1b2327;border:1px solid #2f3c42}
html[data-theme="dark"][data-art] header .sub a{color:#e7edf0}
html[data-theme="dark"][data-art] header .sub a i{color:#93a3aa}
html[data-theme="dark"][data-art] header .sub a:hover{background:#161d21}
html[data-theme="dark"][data-art] header .sub a.is-active{background:#16292a}
html[data-theme="dark"][data-art] header .sub a.is-active b{color:#6fd3cf}
html[data-theme="dark"][data-art] header .sub .sub-all{border-top:1px solid #2f3c42;color:#6fd3cf}
html[data-theme="dark"][data-art] footer .fuss-links{color:#5f6b72}
html[data-theme="dark"][data-art] footer a.is-active{color:#fff}
html[data-theme="dark"][data-art] .seiten-tabs{background:#161d21;border-bottom:1px solid #2f3c42}
html[data-theme="dark"][data-art] .seiten-tabs .tabs-titel{color:#93a3aa}
html[data-theme="dark"][data-art] .seiten-tabs a{border:1.5px solid #2f3c42;background:#1b2327;color:#b7c4ca}
html[data-theme="dark"][data-art] .seiten-tabs a:hover{border-color:#0d767a;color:#6fd3cf}
html[data-theme="dark"][data-art] .seiten-tabs a[aria-current="page"]{background:#16292a;border-color:#0d767a;color:#6fd3cf}
html[data-theme="dark"][data-art] .seitenkopf{background:#1f262a;color:#fff}
html[data-theme="dark"][data-art] .seitenkopf h1{color:#fff}
html[data-theme="dark"][data-art] .seitenkopf h1 em{color:#95e0df}
html[data-theme="dark"][data-art] .seitenkopf p{color:#dbe2ea !important}
html[data-theme="dark"][data-art] .seitenkopf .crumb{color:#b8c3cb}
html[data-theme="dark"][data-art] .seitenkopf .crumb a{color:#e6edf1}
html[data-theme="dark"][data-art] .seitenkopf .tag, html[data-theme="dark"][data-art] .seitenkopf .kicker{color:#eaffff;border-radius:var(--vb-radius)}
html[data-theme="dark"][data-art] .seitenkopf .btn{background:#0d767a !important;color:#fff !important;border:2px solid #0d767a !important;border-radius:var(--vb-radius) !important}
html[data-theme="dark"][data-art] .seitenkopf .btn:hover{background:#075b5e !important;border-color:#075b5e !important}
html[data-theme="dark"][data-art] .btn, html[data-theme="dark"][data-art] .cardlink, html[data-theme="dark"][data-art] .knopf, html[data-theme="dark"][data-art] .chip span, html[data-theme="dark"][data-art] .gruppen button, html[data-theme="dark"][data-art] .seiten-tabs a, html[data-theme="dark"][data-art] .rechnerhinweis, html[data-theme="dark"][data-art] .box, html[data-theme="dark"][data-art] .note, html[data-theme="dark"][data-art] .vorteil, html[data-theme="dark"][data-art] .faq details, html[data-theme="dark"][data-art] .querlinks a, html[data-theme="dark"][data-art] .card, html[data-theme="dark"][data-art] .mcard, html[data-theme="dark"][data-art] .wcard, html[data-theme="dark"][data-art] .pillar, html[data-theme="dark"][data-art] .review, html[data-theme="dark"][data-art] .kategorien a, html[data-theme="dark"][data-art] .kacheln a, html[data-theme="dark"][data-art] .lightbox img, html[data-theme="dark"][data-art] header .sub, html[data-theme="dark"][data-art] header .sub a, html[data-theme="dark"][data-art] header .nav-toggle, html[data-theme="dark"][data-art] header .mainnav a.cta, html[data-theme="dark"][data-art] header .nav .cta{border-radius:var(--vb-radius) !important}
html[data-theme="dark"][data-art] .note{border-radius:0 var(--vb-radius) var(--vb-radius) 0 !important}
html[data-theme="dark"][data-art] main figure img, html[data-theme="dark"][data-art] main figure video, html[data-theme="dark"][data-art] .shot img, html[data-theme="dark"][data-art] .gal img, html[data-theme="dark"][data-art] .split figure img{border-radius:var(--vb-radius) !important}
html[data-theme="dark"][data-art] .vbox{border-radius:var(--vb-radius) !important}
html[data-theme="dark"][data-art] .split.variante-a .a-inhalt figcaption{color:#fff !important;border-radius:0 0 var(--vb-radius) var(--vb-radius)}
html[data-theme="dark"][data-art="rechner"] body{color:var(--ink);background:var(--bg)}
html[data-theme="dark"][data-art="rechner"] a{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .titel p{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .karte{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="rechner"] .feld .hilfe{color:var(--muted);background:#1d3135}
html[data-theme="dark"][data-art="rechner"] .zahlzeile span{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .wahl button{border:1px solid var(--line);color:var(--ink2);background:#161d21}
html[data-theme="dark"][data-art="rechner"] .wahl button:hover{border-color:#3a474e}
html[data-theme="dark"][data-art="rechner"] .wahl button.aktiv{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="dark"][data-art="rechner"] .schalter .kasten::after{background:#1b2327;color:#fff}
html[data-theme="dark"][data-art="rechner"] .ergebnis{background:#0b1012;color:#fff}
html[data-theme="dark"][data-art="rechner"] .ergebnis .klein{color:#9fb3bb}
html[data-theme="dark"][data-art="rechner"] .ergebnis .betrag em{color:var(--hell)}
html[data-theme="dark"][data-art="rechner"] .ergebnis li{color:#dbe4e8}
html[data-theme="dark"][data-art="rechner"] .ergebnis .aufwand{color:#cfdae0}
html[data-theme="dark"][data-art="rechner"] .ergebnis .aufwand b{color:#fff}
html[data-theme="dark"][data-art="rechner"] .merke{background:#3b2e16;border:1px solid #534428;border-left:4px solid #534428;color:#ecd5a2}
html[data-theme="dark"][data-art="rechner"] .merke b{color:#eed7a0}
html[data-theme="dark"][data-art="rechner"] .rechner-cta{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="rechner"] .rechner-cta p{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .knopf{border:1px solid var(--line);background:#1b2327;color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .knopf:hover{border-color:var(--accent);color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .knopf.haupt{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="dark"][data-art="rechner"] .knopf.haupt:hover{background:#0a5f62;color:#fff}
html[data-theme="dark"][data-art="rechner"] .liste a{background:var(--card);border:1px solid var(--line);color:var(--ink)}
html[data-theme="dark"][data-art="rechner"] .liste a:hover{border-color:var(--accent)}
html[data-theme="dark"][data-art="rechner"] .liste b{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .liste span{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .liste em{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .raum-name{border:1px solid var(--line);background:#161d21}
html[data-theme="dark"][data-art="rechner"] .raum-mass{border:1px solid var(--line);background:#161d21}
html[data-theme="dark"][data-art="rechner"] .raum-name:focus, html[data-theme="dark"][data-art="rechner"] .raum-mass:focus{border-color:var(--accent);background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .raum-einheit{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .raum-weg{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .raum-weg:hover{background:#3b1616;color:#eea0a0}
html[data-theme="dark"][data-art="rechner"] .raum-summe{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .raum-mehr{border:1px dashed #344547;color:var(--accent-d);background:#193838}
html[data-theme="dark"][data-art="rechner"] .raum-mehr:hover{border-color:var(--accent);background:#16292a}
html[data-theme="dark"][data-art="rechner"] .plzzeile input{border:1px solid var(--line);background:#161d21}
html[data-theme="dark"][data-art="rechner"] .plzzeile input:focus{border-color:var(--accent);background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .plz-ort{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .ergebnis li i{color:#8fa4ad}
html[data-theme="dark"][data-art="rechner"] select.aufklapp{border:1px solid var(--line);background:#161d21;color:var(--ink)}
html[data-theme="dark"][data-art="rechner"] select.aufklapp:focus{border-color:var(--accent);background-color:#1b2327}
html[data-theme="dark"][data-art="rechner"] button.info{border:1.5px solid #334347;color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] button.info:hover, html[data-theme="dark"][data-art="rechner"] button.info.auf{border-color:var(--accent);color:var(--accent);background:#16292a}
html[data-theme="dark"][data-art="rechner"] .offen-zeile span:last-child{color:#fff}
html[data-theme="dark"][data-art="rechner"] .ergebnis .aufwand em{color:#9fb3bb}
html[data-theme="dark"][data-art="rechner"] .rinne{background:#212c30}
html[data-theme="dark"][data-art="rechner"] .balken{background:var(--accent)}
html[data-theme="dark"][data-art="rechner"] .fortschritt-text{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .angabe{border:1px solid var(--line);background:#161d21}
html[data-theme="dark"][data-art="rechner"] .angabe:hover{border-color:var(--accent);background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .angabe span{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .angabe b{color:var(--ink)}
html[data-theme="dark"][data-art="rechner"] .angabe em{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .rechner-hero{background:#282f33;color:#fff}
html[data-theme="dark"][data-art="rechner"] .rechner-hero .kicker{color:#eaffff}
html[data-theme="dark"][data-art="rechner"] .rechner-hero h1{color:#fff}
html[data-theme="dark"][data-art="rechner"] .rechner-hero p.lead{color:#dbe2ea}
html[data-theme="dark"][data-art="rechner"] .rechner-hero p.lead-fest{color:#eaffff}
html[data-theme="dark"][data-art="rechner"] .rechner-hero p.lead-fest b{color:#95e0df}
html[data-theme="dark"][data-art="rechner"] .rad{background:linear-gradient(135deg,#0d767a,#075b5e);color:#fff}
html[data-theme="dark"][data-art="rechner"] .rad p{color:#cdeceb}
html[data-theme="dark"][data-art="rechner"] .rad .knopf.haupt{background:#1b2327;color:var(--accent-d);border-color:#2f3c42}
html[data-theme="dark"][data-art="rechner"] .rad .knopf.haupt:hover{background:#16292a;color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .rad.gewonnen-rahmen{background:linear-gradient(135deg,#15803d,#0f6a32)}
html[data-theme="dark"][data-art="rechner"] .gewonnen{color:#b9f0cd}
html[data-theme="dark"][data-art="rechner"] .gewinn-code{color:#d9f5e3}
html[data-theme="dark"][data-art="rechner"] .seo{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="rechner"] .seo p{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .drucklogo{border-bottom:2px solid var(--ink)}
html[data-theme="dark"][data-art="rechner"] .drucklogo .name b{color:var(--accent)}
html[data-theme="dark"][data-art="rechner"] .drucklogo .zeile{color:#c7c7c7}
html[data-theme="dark"][data-art="rechner"] .zahlzeile input{border:1px solid var(--line);background:#161d21}
html[data-theme="dark"][data-art="rechner"] .zahlzeile input:focus{border-color:var(--accent);background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .zahlzeile .stufe{border:1px solid var(--line);background:#161d21;color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .zahlzeile .stufe:hover{border-color:var(--accent);background:#16292a}
html[data-theme="dark"][data-art="rechner"] .zahlzeile .stufe:active{background:var(--accent);color:#fff}
html[data-theme="dark"][data-art="rechner"] .zahlzeile .einheit{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .rad-scheibe::before{border-top:24px solid #534728}
html[data-theme="dark"][data-art="rechner"] .rad-regeln{color:#e6f6f5}
html[data-theme="dark"][data-art="rechner"] .rad-regeln summary{color:#fff}
html[data-theme="dark"][data-art="rechner"] .rad .rad-regeln p{color:#e6f6f5}
html[data-theme="dark"][data-art="rechner"] .rad-regeln b{color:#fff}
html[data-theme="dark"][data-art="rechner"] .rad-teaser{color:#fff;background:linear-gradient(135deg,#0d767a,#075b5e)}
html[data-theme="dark"][data-art="rechner"] .rad-teaser:hover{background:linear-gradient(135deg,#0f8589,#086a6e)}
html[data-theme="dark"][data-art="rechner"] .rad-teaser .geschenk{background:#f5b301;color:#eed8a0}
html[data-theme="dark"][data-art="rechner"] .rad-teaser-text i{color:#cdeceb}
html[data-theme="dark"][data-art="rechner"] .material{border-top:2px dashed #2f4a4b}
html[data-theme="dark"][data-art="rechner"] .material-kopf span{color:var(--accent-d,#6fd3cf)}
html[data-theme="dark"][data-art="rechner"] .material li{border-bottom:1px solid #314149}
html[data-theme="dark"][data-art="rechner"] .material li i{color:#93a3aa}
html[data-theme="dark"][data-art="rechner"] .material li span:last-child{color:#b7c4ca}
html[data-theme="dark"][data-art="rechner"] .material em{color:#93a3aa}
html[data-theme="dark"][data-art="rechner"] .anfrage{border-top:1px solid var(--line)}
html[data-theme="dark"][data-art="rechner"] .af-klein{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .af-feld span{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .af-feld input, html[data-theme="dark"][data-art="rechner"] .af-feld select, html[data-theme="dark"][data-art="rechner"] .af-feld textarea{border:1px solid #3a474e;background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .af-feld input:focus, html[data-theme="dark"][data-art="rechner"] .af-feld select:focus, html[data-theme="dark"][data-art="rechner"] .af-feld textarea:focus{outline:2px solid var(--hell);border-color:var(--accent)}
html[data-theme="dark"][data-art="rechner"] .af-code{background:#33301f;border:1px solid #534828}
html[data-theme="dark"][data-art="rechner"] .af-datenschutz{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .af-meldung.fehler{color:#eea4a0}
html[data-theme="dark"][data-art="rechner"] .af-danke{background:#173b38;border:1px solid var(--hell)}
html[data-theme="dark"][data-art="rechner"] .af-danke b{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .rabattzeile{color:#fff}
html[data-theme="dark"][data-art="rechner"] .rabattzeile span:last-child{color:#ffd166}
html[data-theme="dark"][data-art="rechner"] .neuerpreis{background:#1b2327;color:var(--ink)}
html[data-theme="dark"][data-art="rechner"] .neuerpreis b{color:var(--ink)}
html[data-theme="dark"][data-art="rechner"] .ergebnis li span:last-child{color:#fff}
html[data-theme="dark"][data-art="rechner"] .ergebnis li small.hinweis{color:#ffd166}
html[data-theme="dark"][data-art="rechner"] .ergebnis .material-kopf b{color:#fff}
html[data-theme="dark"][data-art="rechner"] .ergebnis .material-kopf span{color:#fff}
html[data-theme="dark"][data-art="rechner"] .ergebnis .material li{color:#dbe4e8}
html[data-theme="dark"][data-art="rechner"] .ergebnis .material li i{color:#9fb3bb}
html[data-theme="dark"][data-art="rechner"] .ergebnis .material li span:last-child{color:#fff}
html[data-theme="dark"][data-art="rechner"] .ergebnis .material em{color:#b8c7cd}
html[data-theme="dark"][data-art="rechner"] .schalter{border:1px solid #3a474e;background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .schalter:focus-visible{outline:2px solid var(--accent)}
html[data-theme="dark"][data-art="rechner"] .schalter .zustand{color:#a7b5bb}
html[data-theme="dark"][data-art="rechner"] .schalter.an .zustand{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .schalter .kasten{background:#8a989e;border:2px solid #8a989e}
html[data-theme="dark"][data-art="rechner"] .schalter.an{border-color:var(--accent);background:#16292a}
html[data-theme="dark"][data-art="rechner"] .schalter.an .kasten{background:var(--accent);border-color:#26a3a6}
html[data-theme="dark"][data-art="rechner"] .ergebnis .betrag s{color:#9fb3bb}
html[data-theme="dark"][data-art="rechner"] .ergebnis .betrag .neu{color:#6ee7a8}
html[data-theme="dark"][data-art="rechner"] .gewonnen-zeile{color:#dbe4e8}
html[data-theme="dark"][data-art="rechner"] .gewonnen-zeile b{color:#ffd166}
html[data-theme="dark"][data-art="rechner"] .ergebnis .basis{color:#dbe4e8}
html[data-theme="dark"][data-art="rechner"] .gruppe summary::before{border-right:2px solid #285352;border-bottom:2px solid #285352}
html[data-theme="dark"][data-art="rechner"] .gruppe summary span{color:#fff}
html[data-theme="dark"][data-art="rechner"] .gruppe summary b{color:#fff}
html[data-theme="dark"][data-art="rechner"] .gruppe.material summary b, html[data-theme="dark"][data-art="rechner"] .gruppe.offen summary b{color:#dbe4e8}
html[data-theme="dark"][data-art="rechner"] .gruppe.offen .offen-zeile{color:#cfdae0}
html[data-theme="dark"][data-art="rechner"] .gruppe em{color:#b8c7cd}
html[data-theme="dark"][data-art="rechner"] .gruppe.info summary span{color:#95e0df}
html[data-theme="dark"][data-art="rechner"] .gruppe.info p{color:#dbe4e8}
html[data-theme="dark"][data-art="rechner"] .gruppe.info p b{color:#fff}
html[data-theme="dark"][data-art="rechner"] .angaben-box{background:#1b2327;border:1px solid var(--line)}
html[data-theme="dark"][data-art="rechner"] .angaben-box summary{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .angaben-box[open] summary{border-bottom:1px solid var(--line)}
html[data-theme="dark"][data-art="rechner"] .bewilligung-link{background:#1b2327;border:1px solid var(--line);border-left:4px solid var(--accent);color:var(--ink)}
html[data-theme="dark"][data-art="rechner"] .bewilligung-link i{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .bewilligung-link .pfeil{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .raum-leiste{background:#1b2327;border:1px solid var(--line)}
html[data-theme="dark"][data-art="rechner"] .raum-leiste span{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .raum-leiste.offen{border-color:var(--accent);background:#16292a}
html[data-theme="dark"][data-art="rechner"] .raum-leiste.offen b{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .raum-entfernen{color:#e9aba5;border:1px solid #532d28;background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .wieder-da{background:#33301f;border:1px solid #534728}
html[data-theme="dark"][data-art="rechner"] .wieder-da button{color:var(--accent-d);border:1px solid var(--accent);background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .bildwahl button{border:2px solid var(--line);background:#1b2327;color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .bildwahl button:hover{border-color:#3a474e}
html[data-theme="dark"][data-art="rechner"] .bildwahl button.aktiv{border-color:var(--accent);background:#16292a;color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .skizze{background:#1b2327;border:1px solid var(--line)}
html[data-theme="dark"][data-art="rechner"] .skizze-bild .m{fill:#6fd3cf;stroke:#fff}
html[data-theme="dark"][data-art="rechner"] .skizze-text{color:var(--muted)}
html[data-theme="dark"][data-art="rechner"] .schalter .sbild{background:#161d21}
html[data-theme="dark"][data-art="rechner"] .schalter.an .sbild{background:#16292a}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht [data-feld="form"] .bildwahl button{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht [data-feld="form"] .bildwahl button.aktiv{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht .schalter .sbild{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht .schalter.an .sbild{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht .skizze{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht .bildwahl button .vb-floor-icon{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht .bildwahl button.aktiv .vb-floor-icon{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .vb-thickness-icon{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .vb-thickness-chips button{border:1px solid var(--line);color:var(--ink2);background:#1b2327}
html[data-theme="dark"][data-art="rechner"] .vb-thickness-chips button.aktiv{border-color:var(--accent);background:#16292a;color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht .bildwahl button svg{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .dachboden-leicht .bildwahl button.aktiv svg{color:var(--accent-d)}
html[data-theme="dark"][data-art="rechner"] .ergebnis .mindest-box{color:#f6d36b}
html[data-theme="dark"][data-art="rechner"] .ergebnis .mindest-box b{color:#ffe08a}
html[data-theme="dark"][data-art="rechner"] .ergebnis li em.mindest{color:#f6d36b}
html[data-theme="dark"][data-art="rechner"] .af-fotos-titel{color:var(--ink2)}
html[data-theme="dark"][data-art="rechner"] .af-foto{border:1px solid var(--line);background:var(--card)}
html[data-theme="dark"][data-art="rechner"] .af-foto button{color:#eea5a0}
html[data-theme="dark"][data-art="rechner"] .af-foto-knopf{border:1px dashed #334248;color:var(--accent-d)}
html[data-theme="dark"][data-art="shop"] body{color:var(--ink);background:var(--bg)}
html[data-theme="dark"][data-art="shop"] a{color:var(--accent-d)}
html[data-theme="dark"][data-art="shop"] .knopf.ruhig{border:1.5px solid var(--accent);color:var(--accent-d);background:var(--card)}
html[data-theme="dark"][data-art="shop"] .knopf.hell{background:#1b2327;color:var(--accent-d)}
html[data-theme="dark"][data-art="shop"] .knopf.voll{background:var(--accent);color:#fff;border:1.5px solid var(--accent)}
html[data-theme="dark"][data-art="shop"] .knopf.voll:hover{background:#0a5f62}
html[data-theme="dark"][data-art="shop"] p.klein, html[data-theme="dark"][data-art="shop"] .klein{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .zurueck{color:var(--accent-d);border:1.5px solid var(--accent);background:var(--card)}
html[data-theme="dark"][data-art="shop"] .dekor-bild img{background:var(--line)}
html[data-theme="dark"][data-art="shop"] .kicker{color:var(--accent)}
html[data-theme="dark"][data-art="shop"] .kicker span{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .kaufen{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .preis b{color:var(--ink)}
html[data-theme="dark"][data-art="shop"] .preis span{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .preis-neben{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .eingabe{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .kaufen input[type=number], html[data-theme="dark"][data-art="shop"] .kasse input, html[data-theme="dark"][data-art="shop"] .kasse textarea{color:var(--ink);background:var(--card);border:1.5px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .verschnitt{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .zwischen{color:var(--ink)}
html[data-theme="dark"][data-art="shop"] .im-korb{color:var(--accent-d)}
html[data-theme="dark"][data-art="shop"] .angaben th, html[data-theme="dark"][data-art="shop"] .angaben td{border-top:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .angaben tr:last-child th, html[data-theme="dark"][data-art="shop"] .angaben tr:last-child td{border-bottom:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .angaben th{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .dekor-mehr p{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .dekor-mehr p.hinweis{color:var(--muted);border-left:3px solid var(--accent)}
html[data-theme="dark"][data-art="shop"] .aufruf{background:var(--accent);color:#fff}
html[data-theme="dark"][data-art="shop"] .aufruf p{color:#d9f0f0}
html[data-theme="dark"][data-art="shop"] .uebersicht .lead{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .inhalt small{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .abschnitt .unter{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .kacheln a{background:var(--card);border:1px solid var(--line);color:var(--ink)}
html[data-theme="dark"][data-art="shop"] .kacheln img{background:var(--line)}
html[data-theme="dark"][data-art="shop"] .kacheln span{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .kacheln a:hover, html[data-theme="dark"][data-art="shop"] .kacheln a:focus-visible{border-color:var(--accent)}
html[data-theme="dark"][data-art="shop"] .korb-leiste{background:var(--accent);color:#fff}
html[data-theme="dark"][data-art="shop"] .filter-panel{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .chip span{border:1.5px solid var(--line);background:var(--card)}
html[data-theme="dark"][data-art="shop"] .chip input:checked + span{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="dark"][data-art="shop"] .chip input:focus-visible + span{outline:2px solid var(--accent)}
html[data-theme="dark"][data-art="shop"] .sortieren{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .sortieren select{color:var(--ink);background:var(--card);border:1.5px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .treffer{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .kacheln strong{color:var(--ink)}
html[data-theme="dark"][data-art="shop"] .kacheln strong small{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .leer{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .korb-liste li{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .korb-liste img{background:var(--line)}
html[data-theme="dark"][data-art="shop"] .korb-text a{color:var(--ink)}
html[data-theme="dark"][data-art="shop"] .knopf.weg{border-color:var(--line);color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .block{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .option{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .option b{color:var(--ink)}
html[data-theme="dark"][data-art="shop"] .felder small, html[data-theme="dark"][data-art="shop"] label.breit small{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .kasse input.ungueltig{border-color:#c0392b}
html[data-theme="dark"][data-art="shop"] .summen{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .summen th, html[data-theme="dark"][data-art="shop"] .summen td{border-bottom:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .summen small{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .ablauf ol{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .fehler{color:#eaaaa3}
html[data-theme="dark"][data-art="shop"] .danke{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .danke h2{color:var(--accent-d)}
html[data-theme="dark"][data-art="shop"] .danke p{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .shop-einstieg .einleitung{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .kategorien a{background:var(--card);border:1px solid var(--line);color:var(--ink)}
html[data-theme="dark"][data-art="shop"] .kategorien .kat-text span{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .kategorien .kat-text .kat-preis{color:var(--accent-d)}
html[data-theme="dark"][data-art="shop"] .gruppen button{border:1.5px solid var(--line);background:var(--card);color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .gruppen button small{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .gruppen button:hover{border-color:var(--accent);color:var(--accent-d)}
html[data-theme="dark"][data-art="shop"] .gruppen button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="dark"][data-art="shop"] .gruppen button[aria-pressed="true"] small{color:#e6f4f4}
html[data-theme="dark"][data-art="shop"] .mindest{color:var(--accent-d)}
html[data-theme="dark"][data-art="shop"] .preis .mwst{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .kaufen .ausverkauft{color:#eea0a0}
html[data-theme="dark"][data-art="shop"] .kacheln .nl{color:#eea0a0}
html[data-theme="dark"][data-art="shop"] .varianten{border-bottom:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .var-titel{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .var-reihe legend{color:var(--ink2)}
html[data-theme="dark"][data-art="shop"] .var-reihe legend b{color:var(--ink)}
html[data-theme="dark"][data-art="shop"] .chip-knopf{color:var(--ink);background:var(--card);border:1.5px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .chip-knopf:hover{border-color:var(--accent)}
html[data-theme="dark"][data-art="shop"] .chip-knopf[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="dark"][data-art="shop"] .chip-knopf:focus-visible{outline:2px solid var(--accent)}
html[data-theme="dark"][data-art="shop"] .produktdaten details{background:var(--card);border:1px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .produktdaten summary::after{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .dokumente .dok{color:var(--accent-d);border:1.5px solid var(--line)}
html[data-theme="dark"][data-art="shop"] .dokumente .dok:hover{border-color:var(--accent)}
html[data-theme="dark"][data-art="shop"] .dokumente small{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .schnell-wahl[aria-pressed="true"]{background:#0f6b4f;border-color:#0f6b4f;color:#fff}
html[data-theme="dark"][data-art="shop"] .kacheln .schnell{color:#a0eed6}
html[data-theme="dark"][data-art="shop"] .schnell-hinweis{background:#19392b;color:#a1edd4}
html[data-theme="dark"][data-art="shop"] .chip small[data-zahl]{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .filter-panel legend small{color:var(--muted)}
html[data-theme="dark"][data-art="shop"] .filter-knoepfe{background:var(--card)}
@media (max-width:600px){html[data-theme="dark"][data-art="seite"] .services .card::after{color:var(--accent-d)}html[data-theme="dark"][data-art="seite"] .why .pillar{border:1px solid var(--line);background:#1b2327}}
@media (max-width:900px){html[data-theme="dark"][data-art] header .nav-toggle{border:1px solid #2f3c42;background:#1b2327;color:#e7edf0}html[data-theme="dark"][data-art] header .nav-toggle .bars{background:linear-gradient(#282f33,#282f33) left top/16px 2px no-repeat,linear-gradient(#282f33,#282f33) left center/16px 2px no-repeat,linear-gradient(#282f33,#282f33) left bottom/16px 2px no-repeat}html[data-theme="dark"][data-art] header .mainnav{background:#1b2327;border:1px solid #2f3c42}html[data-theme="dark"][data-art] header .sub{background:#161d21}}
/* ===== Einzelfälle nach dem Erzeugten (tools/dunkel-hand-nach.css) ===== */
/* Einzelfälle, die das Erzeugte überschreiben. */
/* Seitenkopf (Hero) der Leistungsseiten: in Dunkel eine Stufe dunkler, sonst heller als die Seite */
html[data-theme="dark"] .lhero{background:linear-gradient(150deg,#161c1f,#222b30) !important}
/* Schalter: der Knopf bleibt weiss — sonst verschwindet er auf der Schiene (das war Timos Samsung-Problem) */
html[data-theme="dark"] .schalter .kasten::after{background:none !important;color:#fff !important}
html[data-theme="dark"] .schalter .kasten{background:#56656c !important}
html[data-theme="dark"] .schalter.an .kasten{background:var(--accent) !important}
/* Kopfzeile: halbdurchsichtiges Weiss wird halbdurchsichtiges Dunkel */
html[data-theme="dark"] header{background:rgba(17,22,25,.94) !important;border-bottom-color:#2f3c42 !important}
/* Menü-Symbol (drei Striche) hell */
html[data-theme="dark"] header .nav-toggle .bars{background:linear-gradient(#e7edf0,#e7edf0) left top/16px 2px no-repeat,linear-gradient(#e7edf0,#e7edf0) left center/16px 2px no-repeat,linear-gradient(#e7edf0,#e7edf0) left bottom/16px 2px no-repeat !important}

/* Bestätigung «Anfrage gesendet» mit Flug (09.10.2026): Farben in SVG-Attributen erreicht das
   erzeugte Teil nicht — Türkis heller, Berg/Wolke dunkel, Marke und Umschlag lesbar. */
html[data-theme="dark"] .gs-wer small{color:#e7edf0}
html[data-theme="dark"] .gs-kopf{background:#22333a;border-color:#4fbcba}
html[data-theme="dark"] .gs-kopf circle,html[data-theme="dark"] .gs-kopf path{fill:#4fbcba}
html[data-theme="dark"] .gs-land .route{stroke:#4fbcba}
html[data-theme="dark"] .gs-land .berg{fill:#2a363c}
html[data-theme="dark"] .gs-land .berg2{fill:#33424a}
html[data-theme="dark"] .gs-land .schnee{fill:#e7edf0}
html[data-theme="dark"] .gs-land .boden{stroke:#33424a}
html[data-theme="dark"] .gs-land .wolke{fill:#2a363c}
html[data-theme="dark"] .gs-marke .koerper{fill:#4fbcba}
html[data-theme="dark"] .gs-marke .glied{stroke:#4fbcba}
html[data-theme="dark"] .gs-marke .loch{fill:#1b2327}
html[data-theme="dark"] .gs-marke .mund{stroke:#1b2327}
html[data-theme="dark"] .gs-brief b{background:#1b2327;color:#4fbcba}
html[data-theme="dark"] .gs-konfetti .g{stroke:#e7edf0}