/* Gridpol 13.11.2026 – eigenes Design (Premium-SaaS, Gruen/Tinte, Linien statt Schatten-Kitsch). */
@font-face{font-family:Jakarta;src:url(/fonts/plus-jakarta-sans-700-latin.woff2) format("woff2");font-weight:700;font-display:optional}
@font-face{font-family:Jakarta;src:url(/fonts/plus-jakarta-sans-800-latin.woff2) format("woff2");font-weight:800;font-display:optional}
@font-face{font-family:Jakarta;src:url(/fonts/plus-jakarta-sans-600-latin.woff2) format("woff2");font-weight:600;font-display:optional}
:root{--ink:#0b1b2b;--tx:#26313d;--mu:#5b6876;--a:#0b7a55;--a2:#12b981;--am:#f59e0b;--li:#e3e9e6;--soft:#f3f7f5;--card:#fff;--r:18px;--sh:0 30px 60px -38px rgba(11,27,43,.45)}
*{box-sizing:border-box}html{scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tx);background:#fff;overflow-x:hidden}
h1,h2,h3,h4{font-family:Jakarta,system-ui,sans-serif;color:var(--ink);letter-spacing:-.02em;line-height:1.12;text-wrap:balance}
h1{font-size:clamp(34px,5vw,58px);font-weight:800;margin:8px 0 18px}h2{font-size:clamp(27px,3.4vw,40px);font-weight:800;margin:0 0 14px}h3{font-size:20px;font-weight:700;margin:0 0 6px}
h1 em,h2 em{font-style:normal;color:var(--a)}
a{color:var(--a)}a:hover{color:#075e41}
img,svg,video{max-width:100%}
.w{max-width:1160px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px}
/* Kopf */
header.k{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--li)}
header.k .w{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:800 22px Jakarta,sans-serif;color:var(--ink);letter-spacing:-.03em}.logo svg{width:30px;height:30px;flex:none}.logo em{font-style:normal;color:var(--a)}
nav.m{display:flex;align-items:center;gap:4px}nav.m a{text-decoration:none;color:var(--tx);font:600 15px Jakarta,sans-serif;padding:10px 12px;border-radius:10px}nav.m a:hover{background:var(--soft)}
nav.m a.cta,.btn{background:var(--ink);color:#fff;border-radius:12px;padding:11px 18px}nav.m a.cta:hover{background:#000;color:#fff}
details.mn{display:none;position:relative}details.mn summary{list-style:none;cursor:pointer;width:46px;height:46px;border-radius:12px;display:grid;place-content:center;gap:5px;border:1px solid var(--li)}details.mn summary::-webkit-details-marker{display:none}details.mn summary i{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}
.mnp{position:absolute;right:0;top:54px;background:#fff;border:1px solid var(--li);border-radius:16px;box-shadow:var(--sh);padding:8px;min-width:230px;display:grid}.mnp a{padding:13px 14px;text-decoration:none;color:var(--ink);font:600 16px Jakarta,sans-serif;border-radius:10px}.mnp a:hover{background:var(--soft)}
@media(max-width:900px){nav.m a:not(.cta){display:none}details.mn{display:block}header.k .w{gap:8px}nav.m a.cta{padding:12px 14px;min-height:46px;display:inline-flex;align-items:center}}
/* Knoepfe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:700 16px Jakarta,sans-serif;padding:15px 24px;border:0;cursor:pointer;min-height:50px}
.btn.g{background:var(--a)}.btn.g:hover{background:#075e41;color:#fff}.btn:hover{color:#fff}
.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid #cdd7d2}.btn.ghost:hover{background:var(--soft);color:var(--ink)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.eb{display:inline-flex;align-items:center;gap:8px;font:800 12.5px Jakarta,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--a);background:#e7f5ef;padding:6px 12px;border-radius:99px}
.eb i{width:7px;height:7px;border-radius:50%;background:var(--a2);box-shadow:0 0 0 4px rgba(18,185,129,.18)}
.lead{font-size:clamp(18px,1.8vw,21px);line-height:1.55;color:#3b4652;max-width:640px;margin:0 0 26px}
.mu{color:var(--mu)}.sm{font-size:14px}
/* Hero */
.hx{padding:56px 0 44px;background:radial-gradient(900px 500px at 95% 0%,#e3f6ee,transparent 65%),radial-gradient(700px 420px at -10% 110%,#f2f7ff,transparent 70%),#fff;overflow:hidden}
.hxg{display:grid;grid-template-columns:1fr 1.08fr;gap:44px;align-items:center}
.hck{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;font:700 14.5px Jakarta,sans-serif;color:#2b3742}.hck li{display:flex;align-items:center;gap:7px}.hck li:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d8f3e7;color:var(--a);font-size:12px}
@media(max-width:960px){.hxg{grid-template-columns:1fr;gap:28px}.hx{padding:28px 0 26px}}
/* Rahmen / Fenster */
.fr{background:#fff;border:1px solid var(--li);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.frb{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f7faf8;border-bottom:1px solid var(--li)}.frb i{width:9px;height:9px;border-radius:50%;background:#d4ddd8}.frb span{margin-left:8px;font:700 12px Jakarta,sans-serif;color:#5b6876;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frc{padding:14px}
svg.drw{display:block;width:100%;height:auto;background:#fff}
/* Video */
.vbx{margin:0}.vfr{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--li);box-shadow:var(--sh);background:#fff;aspect-ratio:16/9}.vfr img,.vfr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vfr video{opacity:0;transition:opacity .5s}.vfr.play video{opacity:1}
.vbx figcaption{font-size:12.5px;color:var(--mu);margin-top:8px;text-align:center}
@media(max-width:700px){.vfr{aspect-ratio:4/5}}
/* Abschnitte */
.sec{padding:84px 0}.sec.soft{background:var(--soft)}.sec.dark{background:var(--ink);color:#cdd8e2}.sec.dark h2,.sec.dark h3{color:#fff}.sec.dark .eb{background:#16324a;color:#7ee0b5}
@media(max-width:860px){.sec{padding:56px 0}}
.ctr{text-align:center;max-width:780px;margin:0 auto 34px}.ctr .lead{margin:0 auto}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.grid3,.grid4{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}
@media(max-width:600px){.grid3,.grid4{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--li);border-radius:var(--r);padding:22px}.card .ic{width:46px;height:46px;border-radius:14px;background:#e7f5ef;color:var(--a);display:grid;place-items:center;margin-bottom:12px}.card .ic svg{width:24px;height:24px}.card p{margin:0;color:#47525e;font-size:15.5px}
.card.lnk{text-decoration:none;color:inherit;display:block;transition:border-color .2s,transform .2s}.card.lnk:hover{border-color:#a7d9c3;transform:translateY(-2px)}
/* Kennzahlen */
.fs{border-top:1px solid var(--li);border-bottom:1px solid var(--li);padding:26px 0}.fs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.fs b{display:block;font:800 30px/1.1 Jakarta,sans-serif;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.fs span{display:block;font-size:13.5px;color:var(--mu);margin-top:4px}
.fsn{font-size:12.5px;color:var(--mu);text-align:center;margin:14px 0 0}
@media(max-width:760px){.fs ul{grid-template-columns:1fr 1fr}}
/* Ablauf */
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:f}.flow li{counter-increment:f;background:#fff;border:1px solid var(--li);border-radius:var(--r);padding:22px;position:relative}.flow li:before{content:counter(f);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;font:800 15px Jakarta,sans-serif;margin-bottom:12px}.flow p{margin:0;font-size:15.5px;color:#47525e}
@media(max-width:900px){.flow{grid-template-columns:1fr 1fr}}@media(max-width:560px){.flow{grid-template-columns:1fr}}
/* Statuskette */
.chain{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chain li{font:700 13.5px Jakarta,sans-serif;padding:8px 12px;border-radius:99px;background:#fff;border:1px solid var(--li);color:#33404c}.chain li.on{background:var(--a);color:#fff;border-color:var(--a)}.chain li.done{background:#e3f5ec;border-color:#bfe6d3;color:#0b5e40}
/* ZIP-Suche */
.zipf{display:flex;gap:10px;flex-wrap:wrap;max-width:520px}.zipf input{flex:1 1 180px;min-width:0;font:600 18px Jakarta,sans-serif;padding:14px 16px;border:1.5px solid #cdd7d2;border-radius:12px;min-height:52px}.zipf input:focus{outline:3px solid #bfe6d3;border-color:var(--a)}
.zres{margin-top:16px}.zres .card{margin-bottom:10px}
.ut{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.ut b{font:700 17px Jakarta,sans-serif;color:var(--ink)}
.badge{display:inline-block;font:700 12px Jakarta,sans-serif;padding:3px 10px;border-radius:99px;background:#eef2f0;color:#3d4955}.badge.v{background:#d8f3e7;color:#0b5e40}.badge.p{background:#fff4e0;color:#8a5300}
/* Preis */
.price{max-width:560px;margin:0 auto;background:#fff;border:2px solid var(--ink);border-radius:24px;padding:30px;box-shadow:var(--sh)}.price .amt{font:800 60px/1 Jakarta,sans-serif;color:var(--ink);letter-spacing:-.04em}.price .amt small{font-size:19px;color:var(--mu);font-weight:700;letter-spacing:0}
.price ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:9px}.price li{display:flex;gap:10px;font-size:16px}.price li:before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d8f3e7;color:var(--a);font-size:12px;font-weight:800;margin-top:2px}
.price .btn{width:100%}
.nol li:before{content:"–";background:#f1f3f2;color:#777}
/* Tabellen/Fakten */
.kv{display:grid;grid-template-columns:220px 1fr;gap:0;border:1px solid var(--li);border-radius:14px;overflow:hidden;font-size:15.5px}.kv>*{padding:11px 14px;border-bottom:1px solid var(--li);margin:0}.kv>b{background:#f7faf8;color:#33404c;font-weight:600}.kv>*:nth-last-child(-n+2){border-bottom:0}
@media(max-width:640px){.kv{grid-template-columns:1fr}.kv>b{border-bottom:0;padding-bottom:2px}}
.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl th,.tbl td{text-align:left;padding:10px 10px;border-bottom:1px solid var(--li);vertical-align:top}.tbl th{font:700 12px Jakarta,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--mu)}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:640px){.tbl.rs thead{display:none}.tbl.rs tr{display:block;border-bottom:1px solid var(--li);padding:8px 0}.tbl.rs td{display:block;border:0;padding:3px 0}}
.docs{list-style:none;padding:0;margin:0;display:grid;gap:8px}.docs li{display:grid;grid-template-columns:28px 1fr;gap:10px;background:#fff;border:1px solid var(--li);border-radius:14px;padding:12px 14px}.docs li:before{content:"";width:22px;height:22px;border-radius:7px;background:#e7f5ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%230b7a55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;margin-top:2px}.docs b{display:block;color:var(--ink);font-weight:650}.docs small{color:var(--mu);font-size:13.5px}
.steps{padding-left:22px;margin:0}.steps li{margin:0 0 8px}
.note{background:#fff8eb;border:1px solid #f4dfb3;border-radius:14px;padding:14px 16px;font-size:15px;color:#5c4210}.note.g{background:#eef8f3;border-color:#c7e8d8;color:#164a35}
.src{font-size:13.5px;color:var(--mu)}.src a{word-break:break-all}
.crumb{font-size:14px;color:var(--mu);margin:0 0 6px}.crumb a{color:var(--mu);display:inline-block;padding:6px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--li);border-radius:99px;text-decoration:none;color:var(--ink);font:600 14.5px Jakarta,sans-serif;background:#fff}.chips a:hover{border-color:#a7d9c3}
.ulist{columns:3;column-gap:28px;padding:0;list-style:none;margin:0}.ulist li{break-inside:avoid;padding:0;border-bottom:1px solid #eef2f0}.ulist a{display:flex;justify-content:space-between;gap:10px;padding:11px 0;text-decoration:none;color:var(--ink)}.ulist small{color:var(--mu);white-space:nowrap}
@media(max-width:900px){.ulist{columns:2}}@media(max-width:600px){.ulist{columns:1}}
/* FAQ */
.faq details{border-bottom:1px solid var(--li);padding:6px 0}.faq summary{cursor:pointer;font:700 18px Jakarta,sans-serif;color:var(--ink);padding:12px 30px 12px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;top:10px;font-size:22px;color:var(--a)}.faq details[open] summary:after{content:"–"}.faq p{margin:0 0 14px;color:#3f4a56}
/* Pre-check Mockup */
.pc{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:14px}.pc li{display:flex;gap:9px;align-items:flex-start;padding:9px 11px;border-radius:11px;background:#f7faf8}.pc li i{flex:none;width:18px;height:18px;border-radius:50%;margin-top:2px}.pc .p-ok i{background:var(--a2)}.pc .p-warn i{background:var(--am)}.pc .p-error i{background:#e11d48}.pc .p-info i{background:#94a3b8}
/* Rechtliches / Prosa */
.prose{max-width:800px}.prose h2{font-size:24px;margin:30px 0 8px}.prose p,.prose li{color:#36414c}
/* Fuss */
footer.f{background:var(--ink);color:#a9b6c3;padding:56px 0 110px;font-size:14.5px}footer.f a{color:#d6e0ea;text-decoration:none;display:inline-block;padding:7px 0}footer.f a:hover{color:#fff}
.fg4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}.fg4 b{display:block;color:#fff;font:700 14px Jakarta,sans-serif;margin-bottom:8px}.fg4 div>a{display:block}
footer .logo{color:#fff}.legal{font-size:12.5px;color:#8293a4;margin:26px 0 0;border-top:1px solid #1d3247;padding-top:18px}
@media(max-width:860px){.fg4{grid-template-columns:1fr 1fr}}@media(max-width:520px){.fg4{grid-template-columns:1fr}}
/* Sticky CTA (Handy) */
.stk{display:none}@media(max-width:700px){.stk{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:25;justify-content:center;align-items:center;min-height:52px;background:var(--a);color:#fff;border-radius:14px;font:700 16px Jakarta,sans-serif;text-decoration:none;box-shadow:0 14px 30px -12px rgba(11,27,43,.6)}}
/* Einblendungen */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease var(--d,0s),transform .6s ease var(--d,0s)}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.pulse{animation:pl 2.4s ease-in-out infinite}@keyframes pl{50%{opacity:.45}}
.hxg>*,.grid2>*,.grid3>*,.grid4>*,.fg>*{min-width:0}
h1,h2{overflow-wrap:break-word}
@media(max-width:600px){.ctas .btn{flex:1 1 100%}.zipf .btn{flex:1 1 100%}}
.logo{min-height:44px}footer.f a{padding:11px 0}.crumb a{padding:11px 0}a.more{display:inline-block;padding:12px 0}
.pl a{display:inline-block;padding:12px 0}.box{overflow-x:auto}.pl td{overflow-wrap:anywhere}
.mnp a{min-height:46px;display:flex;align-items:center}
.crumb a{padding:11px 3px}