:root{--navy:#0e1a3a;--navy2:#1b2a55;--or:#ff6b2c;--or2:#e85a1c;--cream:#fff7ef;--sky:#eaf1ff;--ink:#1a2238;--mut:#5b6580;--line:#e6e9f2;--ok:#16a34a;--r:20px;--sh:0 10px 40px rgba(14,26,58,.10)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:400 17px/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,.logo{font-family:Archivo,Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
h1{font-size:clamp(2rem,5.4vw,3.6rem)}h2{font-size:clamp(1.6rem,3.6vw,2.4rem);margin-bottom:.6em}h3{font-size:1.2rem;margin-bottom:.4em}
p{margin-bottom:1em}a{color:var(--or2)}img,svg{max-width:100%}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.w{max-width:1160px;margin:0 auto;padding:0 22px}.n{max-width:760px;margin:0 auto;padding:0 22px}
header.k{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.k .w{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.05rem}
.logo i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--or),#ff9a5c);display:grid;place-items:center;color:#fff;font-style:normal}
nav.m{display:flex;gap:26px;align-items:center}nav.m a{text-decoration:none;color:var(--ink);font-weight:500;font-size:.96rem}nav.m a:hover{color:var(--or2)}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--or);color:#fff!important;border:0;border-radius:999px;padding:14px 26px;font:600 1rem Inter,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px rgba(255,107,44,.35);transition:.2s}
.b:hover{background:var(--or2);transform:translateY(-2px)}
.b.s{background:#fff;color:var(--navy)!important;box-shadow:inset 0 0 0 2px var(--line)}.b.s:hover{box-shadow:inset 0 0 0 2px var(--navy)}
.b.k2{padding:10px 20px;font-size:.92rem}
.menu{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer}
.hero{background:radial-gradient(1000px 500px at 85% -10%,#ffe3d0 0,transparent 60%),radial-gradient(800px 400px at -10% 10%,var(--sky) 0,transparent 60%),#fff;padding:64px 0 40px}
.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero.k1 .w{grid-template-columns:1fr}.hero.k1{padding:44px 0 28px}.hero.k1 h1{font-size:clamp(1.8rem,4.4vw,2.8rem)}
.pill{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;color:var(--navy);box-shadow:var(--sh);margin-bottom:18px}
.pill b{color:var(--or2)}
.lead{font-size:1.2rem;color:var(--mut);margin:18px 0 26px;max-width:40em}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.haken{list-style:none;margin:0 0 1em}.haken li{padding-left:30px;position:relative;margin:.45em 0}.haken li:before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%}
.heroart{background:linear-gradient(160deg,var(--navy),var(--navy2));border-radius:28px;padding:30px;color:#fff;box-shadow:var(--sh);position:relative;overflow:hidden}
.heroart:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(var(--or),transparent 70%);opacity:.35}
.heroart .pr{font:700 3.2rem/1 Archivo,sans-serif}.heroart small{opacity:.75}
.heroart ul{list-style:none;margin-top:18px}.heroart li{padding:9px 0;border-top:1px solid rgba(255,255,255,.14);font-size:.95rem}
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbff}
.trust .w{display:flex;gap:28px;justify-content:space-between;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;font-size:.92rem;font-weight:600;color:var(--mut)}
.trust span:before{content:"✓ ";color:var(--ok)}
section.sec{padding:80px 0}section.alt{background:var(--cream)}section.dk{background:var(--navy);color:#fff}section.dk h2,section.dk h3{color:#fff}
.kopf{text-align:center;max-width:720px;margin:0 auto 44px}.kopf p{color:var(--mut);font-size:1.1rem}
.dk .kopf p{color:#c6d0ee}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:0 2px 0 rgba(14,26,58,.02);transition:.2s}
.card:hover{box-shadow:var(--sh);transform:translateY(-3px)}
.card .ic{width:48px;height:48px;border-radius:14px;background:var(--cream);display:grid;place-items:center;font-size:1.5rem;margin-bottom:14px}
.card p{color:var(--mut);margin:0;font-size:.98rem}
.step{counter-increment:s;position:relative;padding-top:54px}.step:before{content:counter(s);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background:var(--or);color:#fff;font:700 1.1rem Archivo;display:grid;place-items:center}
.steps{counter-reset:s}
.preis{background:#fff;border-radius:28px;padding:40px;color:var(--ink);box-shadow:var(--sh);display:grid;grid-template-columns:1fr 1fr;gap:36px}
.preis .pr{font:700 3.6rem/1 Archivo,sans-serif;color:var(--navy)}.preis .pr small{font:500 1rem Inter;color:var(--mut)}
.rechner{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--sh)}
.rechner label{display:block;font-weight:600;margin:14px 0 6px;font-size:.95rem}
.rechner select,.rechner input,.form input,.form select,.form textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font:400 1rem Inter,sans-serif;background:#fff;color:var(--ink)}
.rechner select:focus,.rechner input:focus,.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--or)}
.erg{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;border-radius:20px;padding:28px}
.erg .pr{font:700 3rem/1 Archivo}.erg small{color:#c6d0ee}
.merk{background:var(--cream);border-left:4px solid var(--or);border-radius:12px;padding:16px 20px;margin:0 0 1.4em}
.merk p{margin:.3em 0 0;font-size:.97rem}
table.werte{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:.96rem}table.werte th,table.werte td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}table.werte th{background:var(--cream)}
.klein{font-size:.88rem;color:var(--mut)}
details{border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 12px;background:#fff}summary{font-weight:600;cursor:pointer;color:var(--navy)}details p{margin:.7em 0 0;color:var(--mut)}
.art{padding:40px 0 70px}.art h2{margin-top:1.6em;font-size:clamp(1.4rem,3vw,1.9rem)}
.schritte-liste{margin:0 0 1em 1.2em}.schritte-liste li{margin:.4em 0}
.bk{font-size:.88rem;color:var(--mut);margin-bottom:14px}.bk a{color:var(--mut)}
.links{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:0 0 1.4em}.links a{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--navy);font-size:.92rem;background:#fff}.links a:hover{border-color:var(--or);color:var(--or2)}
.form{background:#fff;border-radius:24px;padding:30px;color:var(--ink);box-shadow:var(--sh)}.form .z{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{display:block;font-weight:600;font-size:.9rem;margin:12px 0 5px}
.form .ok{display:none;background:#e9f9ef;border-radius:12px;padding:16px;color:#14532d;margin-top:14px}.form .fe{display:none;background:#fee;border-radius:12px;padding:12px;color:#7f1d1d;margin-top:12px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;font-weight:400!important;color:var(--mut)}.chk input{width:auto;margin-top:4px}
.suche{position:relative;max-width:520px;margin:0 auto}.suche input{width:100%;padding:16px 20px;border-radius:999px;border:2px solid var(--line);font:500 1.05rem Inter}
.suche ul{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:6px;list-style:none;box-shadow:var(--sh);z-index:10;max-height:320px;overflow:auto;text-align:left}
.suche li a{display:block;padding:10px 18px;text-decoration:none;color:var(--ink)}.suche li a:hover{background:var(--cream)}
.vgl th,.vgl td{vertical-align:top}.vgl .hl{background:#fff3ea;font-weight:600}
footer.f{background:var(--navy);color:#c6d0ee;padding:56px 0 30px;font-size:.93rem}footer.f a{color:#fff;text-decoration:none}footer.f a:hover{text-decoration:underline}
footer.f .g4{margin-bottom:30px}footer.f h3{color:#fff;font-size:1rem}footer.f ul{list-style:none}footer.f li{margin:.4em 0}
.mob{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
@media(max-width:900px){.hero .w,.preis,.g2{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}nav.m{display:none}.menu{display:block}
nav.m.on{display:flex;position:absolute;left:0;right:0;top:68px;background:#fff;flex-direction:column;padding:20px;border-bottom:1px solid var(--line);align-items:flex-start}
section.sec{padding:56px 0}.hero{padding:36px 0 24px}.mob{display:block}body{padding-bottom:70px}.form .z{grid-template-columns:1fr}}
@media(max-width:560px){.g3,.g4{grid-template-columns:1fr}.preis{padding:26px}.b{width:100%}.cta .b{flex:1 1 100%}.mob .b{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* ---- modern layer ---- */
:root{--navy:#0a1230;--navy2:#16225a;--or:#ff6b2c;--or2:#f0561a;--vio:#6d5bff;--cream:#fff6ee;--sky:#eef2ff;--r:26px}
body{font-size:17px}
h1{letter-spacing:-.035em;font-size:clamp(2.2rem,5.6vw,4rem)}
header.k{background:rgba(10,18,48,.78);border-bottom:1px solid rgba(255,255,255,.08)}
header.k .logo,header.k nav.m a{color:#fff}header.k nav.m a:hover{color:#ffb38f}header.k .menu{color:#fff}
.logo i{background:linear-gradient(135deg,var(--or),var(--vio));box-shadow:0 6px 18px rgba(109,91,255,.45)}
.b{background:linear-gradient(135deg,var(--or),#ff8a3d);box-shadow:0 10px 30px rgba(255,107,44,.4)}
.b:hover{background:linear-gradient(135deg,var(--or2),var(--or));transform:translateY(-2px) scale(1.01)}
.hero.dk2{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 82% 0,rgba(109,91,255,.55) 0,transparent 60%),radial-gradient(700px 500px at 0 100%,rgba(255,107,44,.32) 0,transparent 60%),var(--navy);color:#fff;padding:72px 0 64px}
.hero.dk2 h1{color:#fff}.hero.dk2 h1 em{font-style:normal;background:linear-gradient(90deg,#ffb38f,#ff6b2c 45%,#b7a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.dk2 .lead{color:#c9d3f5}.hero.dk2 .pill{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none;backdrop-filter:blur(6px)}.hero.dk2 .pill b{color:#ffb38f}
.hero.dk2 .haken li{color:#e3e9ff}.hero.dk2 .bk,.hero.dk2 .bk a{color:#aab6e6}
.hero.dk2 .w{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero.dk2 .ht{max-width:640px}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;animation:fl 14s ease-in-out infinite alternate}
.blob.b1{width:380px;height:380px;background:#6d5bff;right:-80px;top:-100px}.blob.b2{width:320px;height:320px;background:#ff6b2c;left:-100px;bottom:-140px;animation-delay:-6s}
@keyframes fl{to{transform:translate(40px,30px) scale(1.15)}}
.trustrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.trustrow span{font-size:.85rem;font-weight:600;color:#dfe6ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 13px}
.fx{background:#fff;color:var(--ink);border-radius:30px;padding:26px 26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.4) inset;position:relative;scroll-margin-top:90px}
.fxh{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--mut);margin-bottom:10px}.fxt{color:var(--or2)}
.fxp{height:8px;border-radius:99px;background:#eceffa;overflow:hidden;margin-bottom:20px}.fxp i{display:block;height:100%;width:10%;border-radius:99px;background:linear-gradient(90deg,var(--or),var(--vio));transition:width .35s}
.fs{display:none;animation:in .3s}.fs.on{display:block}@keyframes in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.fs h3{font-size:1.45rem;margin-bottom:14px}.fs .sub{color:var(--mut);font-size:.95rem;margin:-6px 0 14px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opts.c1{grid-template-columns:1fr}.opts.c3{grid-template-columns:repeat(3,1fr)}
.opts button{font:600 1rem Inter,sans-serif;text-align:left;background:#f6f8ff;border:2px solid #e6eaf7;color:var(--navy);border-radius:16px;padding:16px 16px;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:10px;min-height:60px}
.opts button span{font-size:1.4rem}.opts button:hover,.opts button:focus-visible{border-color:var(--or);background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,44,.18);outline:0}
.opts button small{display:block;font-weight:400;color:var(--mut);font-size:.82rem;line-height:1.3}
.opts.hs{max-height:300px;overflow:auto;padding:2px}.opts.hs button{min-height:48px;padding:11px 12px;font-size:.92rem}
.fx input[type=text],.fx input[type=email],.fx input[type=tel]{width:100%;padding:15px 16px;border:2px solid #e6eaf7;border-radius:14px;font:500 1.05rem Inter,sans-serif;margin-bottom:10px;background:#fff;color:var(--ink)}.fx input:focus{outline:0;border-color:var(--or)}
.fxz{background:none;border:0;color:var(--mut);font:500 .9rem Inter;cursor:pointer;margin-top:12px;padding:6px 0}.fxz:hover{color:var(--navy)}
.fxl{background:#f0f5ff;border:1px solid #d5e1ff;border-radius:16px;padding:14px 16px;margin-bottom:14px;font-size:.92rem}.fxl b{display:block;margin-bottom:6px}.fxl ul{list-style:none;margin:0;padding:0}.fxl li{padding:3px 0 3px 24px;position:relative}.fxl li:before{content:"✓";position:absolute;left:0;color:#0a5cff;font-weight:700}
.fxe{background:linear-gradient(135deg,#0a1230,#2a2f7a);color:#fff;border-radius:16px;padding:14px 16px;margin-bottom:14px;font-size:.92rem}.fxe b{font:700 1.6rem Archivo;color:#ffb38f;display:block}
.fx .ok2{display:none;text-align:center;padding:10px 0}.fx .ok2 .bg{font-size:3rem}.fx .fe{display:none;background:#fee;border-radius:12px;padding:10px 12px;color:#7f1d1d;margin:8px 0;font-size:.9rem}
.fx .chk{font-size:.8rem;margin:4px 0 12px}
.marq{background:#fff;border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0;position:relative}
.marq:before,.marq:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2}.marq:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.marq:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.marq .tr{display:flex;gap:44px;width:max-content;animation:mq 60s linear infinite}.marq a{font:700 1.15rem Archivo;color:#9aa3c2;text-decoration:none;white-space:nowrap;letter-spacing:-.01em}.marq a:hover{color:var(--or2)}
@keyframes mq{to{transform:translateX(-50%)}}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.bento .t{border-radius:var(--r);padding:30px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}
.bento .t h3{font-size:1.25rem}.bento .t p{color:var(--mut);margin:0}.bento .s2{grid-column:span 2}.bento .s3{grid-column:span 3}.bento .s4{grid-column:span 4}
.bento .t.d{background:linear-gradient(150deg,var(--navy),var(--navy2));color:#fff;border:0}.bento .t.d h3{color:#fff}.bento .t.d p{color:#c9d3f5}
.bento .t.o{background:linear-gradient(150deg,#ff6b2c,#ff9a5c);border:0;color:#fff}.bento .t.o h3,.bento .t.o p{color:#fff}
.bento .big{font:700 3rem/1 Archivo;letter-spacing:-.04em;margin-bottom:8px}.bento .ic{font-size:1.8rem;margin-bottom:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.stats b{display:block;font:700 2.6rem/1 Archivo;color:#fff;letter-spacing:-.04em}.stats span{color:#b9c4ee;font-size:.92rem}
.typen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.typ{border-radius:var(--r);background:#fff;border:1px solid var(--line);padding:28px}.typ h3{margin-bottom:8px}.typ p{color:var(--mut);font-size:.96rem}
.hgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:0}.hgrid a{display:block;text-align:center;text-decoration:none;font:700 1rem Archivo;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 10px;transition:.15s}.hgrid a:hover{border-color:var(--or);transform:translateY(-2px);box-shadow:var(--sh);color:var(--or2)}.hgrid small{display:block;font:400 .78rem Inter;color:var(--mut);margin-top:2px}
.fakt{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 1.4em}.fakt div{background:var(--sky);border-radius:16px;padding:14px 16px}.fakt small{display:block;color:var(--mut);font-size:.8rem}.fakt b{font:700 1.05rem Archivo;color:var(--navy)}
.sec h2{letter-spacing:-.03em}.card{border-radius:var(--r)}
.mob .b{font-size:1rem}
@media(max-width:900px){.hero.dk2 .w{grid-template-columns:1fr;gap:34px}.hero.dk2{padding:40px 0 44px}.bento{grid-template-columns:1fr 1fr}.bento .s2,.bento .s3,.bento .s4{grid-column:span 2}.stats{grid-template-columns:1fr 1fr}.typen{grid-template-columns:1fr}.hgrid{grid-template-columns:repeat(2,1fr)}.fakt{grid-template-columns:1fr}.opts.c3{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bento{grid-template-columns:1fr}.bento .s2,.bento .s3,.bento .s4{grid-column:span 1}.fx{padding:20px 16px;border-radius:24px}.opts{grid-template-columns:1fr}.opts.hs{grid-template-columns:1fr 1fr}.fx .b{width:100%}}
.hero.dk2 .w{position:relative;z-index:1}.hero.dk2.sub h1{font-size:clamp(1.8rem,3.4vw,2.7rem)}.hero.dk2.sub .lead{font-size:1.05rem}
@media(max-width:900px){.hero.dk2 .haken,.hero.dk2 .trustrow{display:none}.hero.dk2 .lead{font-size:1.02rem;margin:12px 0 4px}.hero.dk2 h1{font-size:clamp(1.9rem,8vw,2.4rem)}.hero.dk2 .pill{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.blob,.marq .tr{animation:none!important}}
/* hell */
:root{--navy:#1b2a55;--navy2:#2a3b75}
.hero.dk2{background:radial-gradient(900px 500px at 85% 0,rgba(109,91,255,.14) 0,transparent 60%),radial-gradient(700px 500px at 0 100%,rgba(255,107,44,.14) 0,transparent 60%),linear-gradient(180deg,#f4f7ff,#fff7ef);color:var(--ink)}
.hero.dk2 h1{color:#14204a}.hero.dk2 h1 em{background:linear-gradient(90deg,#ff6b2c,#e0481a 50%,#6d5bff);-webkit-background-clip:text;background-clip:text}
.hero.dk2 .lead{color:#3d4a73}.hero.dk2 .pill{background:#fff;border-color:var(--line);color:var(--navy);box-shadow:var(--sh);backdrop-filter:none}.hero.dk2 .pill b{color:var(--or2)}
.hero.dk2 .haken li{color:#2a3558}.hero.dk2 .bk,.hero.dk2 .bk a{color:#5b6580}
.blob{opacity:.16}
.fx{box-shadow:0 24px 60px rgba(27,42,85,.14),0 0 0 1px var(--line)}
section.dk{background:var(--sky);color:var(--ink)}section.dk h2,section.dk h3{color:var(--navy)}.dk .kopf p{color:#4a5679}
.stats b{color:var(--navy)}.stats span{color:var(--mut)}
.bento .t.d{background:#eef2ff;color:var(--ink);border:1px solid var(--line)}.bento .t.d h3{color:var(--navy)}.bento .t.d p{color:var(--mut)}
.erg{background:linear-gradient(160deg,#fff3ea,#eef2ff);color:var(--ink);border:1px solid var(--line)}.erg .pr,.erg small{color:var(--navy)}
.heroart{background:linear-gradient(160deg,#eef2ff,#fff3ea);color:var(--ink)}
header.k{background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--line)!important}header.k .logo,header.k nav.m a,header.k .menu{color:var(--navy)}header.k nav.m a:hover{color:var(--or2)}
.trustrow span{color:var(--navy);background:#fff;border:1px solid var(--line)}
/* energieaudit-linie */
:root{--navy:#0b0b10;--navy2:#2a2f3c;--or:#0a5cff;--or2:#0046d6;--cream:#f4f5f7;--sky:#eaf1ff;--ink:#0b0b10;--mut:#6b7280;--line:#e6e8ec;--r:24px}
h1,h2,h3,.logo{letter-spacing:-.035em;line-height:1.05}
h1 em,h2 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.b,.b:hover{background:var(--or);box-shadow:0 10px 26px rgba(10,92,255,.32)}.b:hover{background:var(--or2)}
.hero.dk2{background:radial-gradient(1000px 420px at 50% -10%,#eaf1ff 0,transparent 70%),#fff;padding:64px 0 56px}
.hero.dk2 .blob{display:none}
.hero.dk2 .w{display:block;text-align:center}
.hero.dk2 .ht{max-width:900px;margin:0 auto 34px}
.hero.dk2 h1{font-size:clamp(2.4rem,6.2vw,4.6rem);color:var(--ink)}.hero.dk2.sub h1{font-size:clamp(2rem,4.6vw,3.3rem)}
.hero.dk2 h1 em{background:none;-webkit-text-fill-color:initial;color:var(--ink)}
.hero.dk2 .lead{color:var(--mut);margin-left:auto;margin-right:auto;max-width:62ch;font-size:clamp(1.05rem,1.7vw,1.3rem)}
.hero.dk2 .pill{background:#fff1e7;border-color:#fde0cc;color:#c2410c;box-shadow:none}.hero.dk2 .pill b{color:#c2410c}
.hero.dk2 .haken,.hero.dk2 .trustrow{justify-content:center}.hero.dk2 .haken{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:18px 0 0;padding:0}
.hero.dk2 .bk{justify-content:center;text-align:center}
.hero.dk2 .fx{max-width:680px;margin:0 auto;text-align:left;border-radius:32px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 30px 70px -20px rgba(10,40,120,.28),0 0 0 1px var(--line)}
.hero.dk2 .haken li{margin:0;padding-top:0;padding-bottom:0;font-weight:500}
:root{--vio:#5b9bff}
.bento .t.o{background:linear-gradient(150deg,#0a5cff,#4d8dff)}
.hero{background:radial-gradient(1000px 500px at 50% -10%,#eaf1ff 0,transparent 60%),#fff}
@media(max-width:900px){.hero.dk2 .haken{display:none}.hero.dk2{padding:32px 0 36px}}
.opts button{background:#f4f5f7;border-color:#eceef2;color:var(--ink)}.opts button:hover,.opts button.on{border-color:var(--or);background:#eaf1ff}
.bento .t.d{background:#eaf1ff}.stats b{color:var(--or)}
.pill{background:#eaf1ff;color:var(--or2);border-color:#d5e3ff}
.marq a:hover,.links a:hover,.hgrid a:hover{color:var(--or2);border-color:var(--or)}
.fx .chk a,a{color:var(--or2)}
.fx .chk,.form .chk{font-size:1rem;line-height:1.45;color:var(--ink);gap:14px;align-items:center;padding:16px;margin:10px 0 16px;border:1.5px solid var(--line);border-radius:16px;background:#f7f9fc;cursor:pointer}.fx .chk input,.form .chk input{width:28px;height:28px;flex:none;margin:0;accent-color:var(--or)}
footer.f{background:#f4f5f7}
.pk{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pi{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px}.pi .ic{font-size:1.5rem;width:46px;height:46px;border-radius:14px;background:var(--sky);display:flex;align-items:center;justify-content:center;flex:none}.pi h3{font-size:1.02rem;margin:0 0 2px}.pi p{margin:0;color:var(--mut);font-size:.9rem}
@media(max-width:900px){.pk{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pk{grid-template-columns:1fr}}
.logo .lg{flex:none;filter:drop-shadow(0 6px 12px rgba(10,80,230,.28))}.logo .lw{font:800 1.3rem/1 Archivo,sans-serif;letter-spacing:-.035em;color:var(--ink)}.logo .lw em{font:400 1.42rem/1 "Instrument Serif",Georgia,serif;font-style:italic;letter-spacing:-.01em;color:var(--or)}.logo .lw u{text-decoration:none;color:var(--or)}
footer.f{background:#f4f7ff;color:#4a5679;border-top:1px solid var(--line)}footer.f a{color:var(--navy)}footer.f h4,footer.f b{color:var(--navy)}
.reihe2{display:grid;grid-template-columns:2fr 1fr;gap:10px}.reihe2:first-child{grid-template-columns:1fr 1fr}.reihe2 input{min-width:0}
.fig{margin:0;border-radius:24px;overflow:hidden;background:#eef2f7}.fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.galerie{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fig.art{margin:22px 0}@media(max-width:900px){.galerie{grid-template-columns:1fr}}.pk{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}.pk .pi{min-width:0;align-items:flex-start}.pk .pi h3,.pk .pi p{overflow-wrap:anywhere}.paket .w{max-width:100%}@media(max-width:700px){.pk{grid-template-columns:1fr 1fr!important;gap:10px}.pk .pi{padding:14px 12px!important;gap:0;flex-direction:column}.pk .pi h3{font-size:.95rem}.pk .pi p{font-size:.85rem}.sec .b{max-width:100%}}
.apple{background:#fff;padding:120px 0 110px;text-align:center}.apple .ap-k{max-width:860px;margin:0 auto}.apple h2{font-size:clamp(2.3rem,6.4vw,4.6rem);line-height:1.04;letter-spacing:-.035em;font-weight:700;margin:18px 0 22px}.apple h2 em{font-style:normal;background:linear-gradient(90deg,#0a5cff,#6aa6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.apple .ap-l{font-size:clamp(1.1rem,2.4vw,1.4rem);color:#5b6070;line-height:1.45;max-width:660px;margin:0 auto}.ap-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;text-align:left}.ap-c{background:#f5f5f7;border-radius:28px;padding:34px 28px 38px}.ap-c b{display:block;font-size:.95rem;color:#0a5cff;letter-spacing:.08em;margin-bottom:46px}.ap-c h3{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 10px}.ap-c p{color:#5b6070;margin:0;line-height:1.5}@media(max-width:900px){.ap-g{grid-template-columns:1fr 1fr}.apple{padding:80px 0 70px}.ap-c b{margin-bottom:28px}}@media(max-width:520px){.ap-g{grid-template-columns:1fr}}

.n.art{padding:44px 22px 80px}
.art>p,.art li{color:#2b3040}
.art h2{margin-top:2.1em}.art h2:before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--or);margin-bottom:14px}
.art ol{list-style:none;counter-reset:o;padding:0;margin:0 0 1.2em}.art ol li{counter-increment:o;position:relative;padding:9px 0 9px 52px;min-height:44px}
.art ol li:before{content:counter(o);position:absolute;left:0;top:7px;width:36px;height:36px;border-radius:50%;background:var(--or);color:#fff;font:700 1rem Archivo,sans-serif;display:grid;place-items:center}
.art ul.haken li{padding-top:8px;padding-bottom:8px}
table.werte{display:block;overflow-x:auto;border:1px solid var(--line);border-radius:18px;border-collapse:separate;border-spacing:0}
table.werte th{background:var(--sky);color:var(--navy);font-weight:600}table.werte tr:last-child td{border-bottom:0}
.merk{background:var(--sky);border:0;border-left:4px solid var(--or);border-radius:16px;padding:18px 22px}
.fig.art{padding:0}.fig{background:none;box-shadow:0 10px 40px rgba(11,11,16,.10)}.fig img{aspect-ratio:16/9}
.pk{gap:12px}.pi{box-shadow:0 10px 30px rgba(11,11,16,.05)}
details{border-radius:18px;box-shadow:0 6px 20px rgba(11,11,16,.04)}details[open]{border-color:var(--or)}
footer.f h3{color:var(--navy)}
@media(max-width:560px){.art h2{font-size:1.45rem}.pk{grid-template-columns:1fr 1fr}.pi{padding:14px}}

h1 em,h2 em,.apple h2 em{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;letter-spacing:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--or2)!important}
.logo .lw em{font:inherit!important;font-style:normal!important;font-weight:400;color:var(--or2)}
.blob{display:none!important}
.hero.dk2{background:#fff!important;border-bottom:1px solid var(--line);color:var(--ink)}
.pill{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font-size:.78rem!important;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--or2)!important;backdrop-filter:none!important}
.pill b{color:var(--or2)!important}
.ic{display:none!important}
.card,.pi,.ap-c,.t,.pk .pi,.typ,.rechner,.preis,.merk,.pk,.fx,.funnel,details{border-radius:10px!important;box-shadow:none!important}
.ap-c,.t:not(.d):not(.o){background:#f6f7f9!important}.t.d{background:var(--navy)!important;color:#fff!important}.t.o{background:var(--or2)!important;color:#fff!important}.t.d h3,.t.d .big,.t.o h3,.t.o .big{color:#fff!important}.t.d p,.t.o p{color:rgba(255,255,255,.82)!important}
.card,.pi,.typ,details{border:1px solid var(--line)!important;background:#fff!important}
.b,.btn,button.b,a.b{border-radius:8px!important;box-shadow:none!important}
.trustrow span{border-radius:6px!important;background:#f6f7f9!important;border:1px solid var(--line)!important;box-shadow:none!important;font-weight:500}
.apple{background:#f6f7f9!important}.apple h2{letter-spacing:-.025em!important;font-weight:700}
.ap-c{background:#fff!important;border:1px solid var(--line)}
.fx,.funnel{border:1px solid var(--line)!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important}