@font-face{font-family:outfit;src:url(../media/Outfit-s.p.1fcw18se4-gfj.ttf)format("truetype");font-display:swap;font-weight:100 900}@font-face{font-family:outfit Fallback;src:local(Arial);ascent-override:100.84%;descent-override:26.22%;line-gap-override:0.0%;size-adjust:99.17%}.Zt5B0G_className{font-family:outfit,outfit Fallback}.Zt5B0G_variable{--font-outfit:"outfit", "outfit Fallback"}
:root{--ink:#1d1d1b;--blau:#1f4e9e;--blau-dunkel:#163a77;--rot:#e63b2e;--rot-text:#c8281d;--gelb:#f7c21b;--papier:#fff;--grau:#f1f1ee;--linie:#e6e6e2;--text-2:#46464a;--text-3:#55555a;--text-dunkel:#d9d9d6;--blau-50:#e7edf8;--gelb-50:#fdf2cc;--gelb-900:#6b5200;--gruen-50:#e3f1ea;--gruen-700:#1e6b45;--rot-50:#fbe2df;--rot-900:#9c1f15;--radius-sm:2px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--papier);color:var(--ink);font-family:var(--font-outfit), system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}img,video{max-width:100%;height:auto;display:block}a{color:var(--blau)}a:hover{color:var(--blau-dunkel)}:focus-visible{outline:3px solid var(--blau);outline-offset:3px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.02}p{margin:0}.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}.section{padding:112px 0}.section-grau{background:var(--grau)}.stack{flex-direction:column;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--blau);font-size:13px;font-weight:600}.eyebrow.rot{color:var(--rot-text)}.eyebrow.gelb{color:var(--gelb)}.h-display{letter-spacing:-.035em;font-size:clamp(48px,7.2vw,96px);line-height:.94}.h1{font-size:clamp(36px,4.6vw,60px)}.h2{font-size:clamp(28px,3vw,40px)}.lead{color:var(--text-2);font-size:clamp(18px,1.6vw,21px);line-height:1.5}.muted{color:var(--text-3)}.btn{font:inherit;cursor:pointer;border:2px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:16px 26px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-rot{background:var(--rot-text);color:#fff}.btn-rot:hover{color:#fff;background:#a91f15}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{color:#fff;background:#000}.btn-linie{border-color:var(--ink);color:var(--ink);background:0 0}.btn-linie:hover{background:var(--ink);color:#fff}.btn-weiss{color:var(--ink);background:#fff}.btn-weiss:hover{background:var(--grau);color:var(--ink)}.kopf{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie);background:#fffffff0;position:sticky;top:0}.kopf-inner{justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}.kopf nav{align-items:center;gap:28px;font-weight:500;display:flex}.kopf nav a{color:var(--ink);text-decoration:none}.kopf nav a:hover{color:var(--blau)}.kopf nav a.btn,.kopf nav a.btn:hover{color:#fff}.kopf .btn{padding:11px 18px;font-size:15px}@media (max-width:860px){.kopf nav .nur-gross{display:none}}.hero{background:var(--linie);align-items:flex-end;min-height:min(86vh,820px);display:flex;position:relative;overflow:hidden}.hero video,.hero .hero-bild{object-fit:cover;object-position:70% 50%;width:100%;height:100%;position:absolute;inset:0}.hero-box{max-width:600px;margin:0 0 72px max(32px, calc((100% - var(--max)) / 2 + 32px));background:#fff;flex-direction:column;gap:22px;padding:44px 44px 40px;display:flex;position:relative}.hero-box .h-display{font-size:clamp(42px,5vw,72px)}.hero-formen{grid-template-columns:repeat(2,104px);display:grid;position:absolute;bottom:0;right:0}.hero-formen span{width:104px;height:104px;display:block}@media (max-width:760px){.hero{flex-direction:column;align-items:stretch;min-height:0}.hero video,.hero .hero-bild{height:56vh;position:relative}.hero-box{margin:-48px 16px 0;padding:28px 24px}.hero-formen{grid-template-columns:repeat(2,56px);top:0;bottom:auto}.hero-formen span{width:56px;height:56px}}.f-quadrat{background:var(--blau)}.f-viertel{background:var(--rot);border-radius:0 100% 0 0}.f-kreis{background:var(--gelb);border-radius:50%}.f-dreieck{background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}.f-raute{background:var(--ink);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.f-ring{border:7px solid var(--ink);border-radius:50%}.f-halbkreis{background:var(--rot);clip-path:inset(25% 0 round 999px 999px 0 0)}.f-streifen{background:linear-gradient(var(--rot) 0 38%, transparent 38% 62%, var(--rot) 62%)}.form{flex:none;display:inline-block}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;display:grid}@media (max-width:960px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.grid-3,.grid-4,.split{grid-template-columns:minmax(0,1fr);gap:24px}.section{padding:72px 0}.wrap{padding:0 20px}}.karte{background:#fff;flex-direction:column;gap:14px;padding:32px;display:flex}.karte-rahmen{border:2px solid var(--ink)}.karte-bild{background:#fff;flex-direction:column;display:flex}.karte-bild .bild{position:relative}.karte-bild img{aspect-ratio:4/3;object-fit:cover;width:100%}.karte-bild .marke{width:60px;height:60px;position:absolute;bottom:0;left:0}.karte-bild .text{flex-direction:column;gap:10px;padding:28px;display:flex}.score{align-items:baseline;gap:6px;display:flex}.score b{letter-spacing:-.04em;font-size:clamp(64px,9vw,112px);line-height:.9}.balken{background:var(--grau);height:12px;position:relative}.balken>span{display:block;position:absolute;inset:0 auto 0 0}.status{padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.status-gut{background:var(--gruen-50);color:var(--gruen-700)}.status-ausbaufaehig{background:var(--gelb-50);color:var(--gelb-900)}.status-kritisch{background:var(--rot-50);color:var(--rot-900)}.feld{flex-direction:column;gap:6px;font-size:15px;font-weight:600;display:flex}.feld input,.feld textarea,.feld select{font:inherit;border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:2px;padding:13px 14px;font-size:17px;font-weight:400}.check{align-items:flex-start;gap:12px;font-size:15px;line-height:1.45;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin:1px 0 0}details{border-top:2px solid var(--ink);padding:22px 0}details:last-child{border-bottom:2px solid var(--ink)}summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:22px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-weight:400}details[open] summary:after{content:"–"}details p{color:var(--text-2);max-width:760px;margin-top:12px}.fuss{border-top:1px solid var(--linie);color:var(--text-3);padding:56px 0;font-size:15px}.fuss a{color:var(--text-3)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}.wege{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.weg{color:var(--ink);border:2px solid var(--ink);background:#fff;flex-direction:column;gap:10px;padding:26px;text-decoration:none;display:flex}.weg:hover{color:var(--ink);background:var(--grau)}.weg.haupt{background:var(--rot-text);border-color:var(--rot-text);color:#fff}.weg.haupt:hover{color:#fff;background:#a91f15}.weg strong{font-size:21px;line-height:1.2}.leiste{color:var(--text-2);flex-wrap:wrap;gap:22px;font-size:15px;font-weight:500;display:flex}.leiste span{align-items:center;gap:8px;display:flex}.abo{border:2px solid var(--ink);background:#fff;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.abo ul{gap:18px;margin:0;padding:44px;list-style:none;display:grid}.abo li{align-items:flex-start;gap:16px;font-size:18px;display:flex}.abo li .form{margin-top:4px}.abo li b{display:block}.abo li small{color:var(--text-3);margin-top:2px;font-size:15px;display:block}.preis{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;gap:18px;padding:44px;display:flex}.preis .z{letter-spacing:-.03em;font-size:64px;font-weight:700;line-height:1}.zusatz{border-top:8px solid;flex-direction:column;gap:12px;padding-top:22px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{background:#fff;padding:5px 10px;font-size:14px;font-weight:600}.bericht{border:2px solid var(--ink);box-shadow:16px 16px 0 var(--gelb);background:#fff;flex-direction:column;gap:20px;padding:28px;display:flex}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.kpis div{background:var(--grau);flex-direction:column;padding:14px;display:flex}.kpis b{letter-spacing:-.02em;font-size:26px}.kpis small{color:var(--text-3);font-size:13px}.kpis .gut{color:var(--gruen-700);font-size:13px;font-weight:600}.ampel{gap:8px;font-size:15px;display:grid}.ampel div{align-items:center;gap:10px;display:flex}.ampel i{background:var(--gruen-700);border-radius:50%;flex:none;width:12px;height:12px}.ampel i.gelb{background:var(--gelb)}.block{border-top:2px solid var(--ink);grid-template-columns:280px minmax(0,1fr);gap:56px;padding:64px 0;display:grid}.liste{gap:14px;margin:0;padding:0;font-size:18px;list-style:none;display:grid}.liste li{gap:12px;display:flex}.liste li:before{content:"";background:var(--ink);flex:none;width:10px;height:10px;margin-top:9px}.faelle{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.faelle.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}.fall{background:var(--grau);flex-direction:column;gap:10px;padding:24px;display:flex}.fall .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:13px;font-weight:700}.fall h3{font-size:22px}.fall.dunkel{background:var(--ink);color:#fff}.fall.dunkel .tag,.fall.dunkel p{color:var(--text-dunkel)}.netz{border:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.netz>div{flex-direction:column;gap:8px;padding:24px;display:flex}.netz>div+div{border-left:2px solid var(--ink)}@media (max-width:760px){.abo,.faelle,.faelle.zwei,.netz,.block{grid-template-columns:minmax(0,1fr)}.block{gap:24px;padding:48px 0}.abo ul,.preis{padding:28px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.netz>div+div{border-left:0;border-top:2px solid var(--ink)}.bericht{box-shadow:8px 8px 0 var(--gelb)}}.recht h2{margin:12px 0 0;font-size:20px}.recht p{margin:0;line-height:1.6}.recht code{font-size:.9em}.sync{flex-direction:column;display:flex}.sync-kanaele{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.sync-kanal{text-align:center;border:2px solid var(--ink);padding:22px 18px;font-size:19px;font-weight:600;position:relative}.sync-kanal:after{content:"";background:var(--ink);width:2px;height:34px;position:absolute;top:100%;left:50%}.sync-hub{background:var(--ink);color:#fff;text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:34px;padding:26px;display:flex}.sync-hub strong{font-size:26px}.sync-hub span{color:var(--text-dunkel);font-size:16px}.zwei-wege{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.zwei-wege>div{background:var(--grau);flex-direction:column;gap:10px;padding:26px;display:flex}@media (max-width:760px){.sync-kanaele,.zwei-wege{grid-template-columns:repeat(2,minmax(0,1fr))}.zwei-wege{grid-template-columns:minmax(0,1fr)}.sync-kanal:after{display:none}.sync-hub{margin-top:16px}}