@font-face{font-family:Archivo;src:url(/schrift/Archivo-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Archivo;src:url(/schrift/Archivo-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Archivo;src:url(/schrift/Archivo-Black.woff2)format("woff2");font-weight:900;font-display:swap}:root{--papier:#e8ecef;--blatt:#fafbfc;--tinte:#0d1620;--graphit:#55666f;--riss:#c0cad1;--riss-stark:#9aa8b2;--geprueft:#2c7a52;--geprueft-flaeche:#e2eee8;--abweichung:#a93b22;--abweichung-flaeche:#f5e3df;--display:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--spalte:1180px;--rand:clamp(1.25rem, 4vw, 3rem)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--papier:#0e161c;--blatt:#141f27;--tinte:#e6edf2;--graphit:#92a4ae;--riss:#2a3a45;--riss-stark:#3d5260;--geprueft:#5fbd8b;--geprueft-flaeche:#142a20;--abweichung:#e07a5f;--abweichung-flaeche:#2c1a15}}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--papier);color:var(--tinte);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}.blatt{max-width:var(--spalte);padding-inline:var(--rand);margin:0 auto}.abschnitt{grid-template-columns:minmax(0,1fr) 190px;align-content:start;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(3rem,6vw,5rem);display:grid;position:relative}@media (max-width:940px){.abschnitt{grid-template-columns:minmax(0,1fr);gap:2rem}}.abschnitt+.abschnitt:before{content:"";inset-inline:0;background:var(--riss);height:1px;position:absolute;top:0}.abschnitt+.abschnitt:after{content:"";border-left:1.5px solid var(--riss-stark);width:11px;height:11px;position:absolute;top:-5px;left:0;transform:rotate(-45deg)translate(-1px)}.notiz{font-family:var(--mono);letter-spacing:.04em;color:var(--graphit);text-transform:uppercase;border-top:1.5px solid var(--riss-stark);align-self:start;padding-top:.65rem;font-size:.7rem;line-height:1.55;position:sticky;top:2rem}@media (max-width:940px){.notiz{order:-1;position:static}}.notiz b{color:var(--tinte);font-weight:600;display:block}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--geprueft);margin:0 0 1rem;font-size:.7rem}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:900;line-height:.98}h1{-webkit-hyphens:auto;hyphens:auto;font-size:clamp(1.85rem,5vw,4.2rem)}h2{margin-bottom:1rem;font-size:clamp(1.9rem,4.2vw,3.1rem)}h3{letter-spacing:-.01em;font-size:1.05rem;font-weight:600;line-height:1.25}p{max-width:62ch;margin:0 0 1rem}.lead{color:var(--graphit);max-width:54ch;font-size:clamp(1.05rem,2vw,1.22rem)}.gemessen{white-space:nowrap;color:var(--geprueft);position:relative}.gemessen:after{content:"";background:currentColor;height:1.5px;position:absolute;bottom:-.14em;left:0;right:0}.gemessen:before{content:"";opacity:.9;border-left:1.5px solid;border-right:1.5px solid;height:11px;position:absolute;bottom:-.14em;left:-3px;right:-3px;transform:translateY(-4px)skew(-38deg)}.hero{padding-top:clamp(2.5rem,6vw,4rem)}.hero-raster{grid-template-columns:minmax(0,1.15fr) minmax(280px,.72fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}@media (max-width:940px){.hero-raster{grid-template-columns:minmax(0,1fr)}}.marke{font-family:var(--display);letter-spacing:-.02em;align-items:baseline;gap:.6rem;padding-block:1.5rem;font-size:1.05rem;font-weight:900;display:flex}.marke span{font-family:var(--mono);letter-spacing:.14em;color:var(--graphit);text-transform:uppercase;font-size:.66rem;font-weight:400}.belege{gap:1.1rem;max-width:34rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:620px){.belege{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.beleg{border-top:1.5px solid var(--riss-stark);padding-top:.7rem}.beleg-wert{font-family:var(--display);letter-spacing:-.03em;font-size:1.55rem;font-weight:900;line-height:1.1;display:block}.beleg-text{color:var(--graphit);margin-top:.3rem;font-size:.82rem;line-height:1.4;display:block}.vergleich{background:var(--blatt);border:1.5px solid var(--riss-stark);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.vergleich img{aspect-ratio:672/1024;object-fit:cover;width:100%;height:auto;display:block}.vergleich-oben{clip-path:inset(0 calc(100% - var(--schnitt,50%)) 0 0);position:absolute;inset:0;overflow:hidden}.vergleich-oben img{height:100%;position:absolute;inset:0}.schnittlinie{top:0;bottom:0;left:var(--schnitt,50%);background:var(--tinte);pointer-events:none;width:1.5px;position:absolute}.schnittlinie:before,.schnittlinie:after{content:"";background:var(--tinte);width:13px;height:1.5px;position:absolute;left:-6px}.schnittlinie:before{top:0}.schnittlinie:after{bottom:0}.griff{top:50%;left:var(--schnitt,50%);background:var(--blatt);border:1.5px solid var(--tinte);cursor:ew-resize;width:2.6rem;height:2.6rem;font-family:var(--mono);color:var(--tinte);border-radius:50%;place-items:center;padding:0;font-size:.62rem;display:grid;position:absolute;translate:-50% -50%}.griff:focus-visible{outline:3px solid var(--geprueft);outline-offset:3px}.seite{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;background:var(--blatt);border:1.5px solid;padding:.35rem .6rem;font-size:.66rem;line-height:1.35;position:absolute;bottom:.75rem}.seite b{letter-spacing:-.02em;font-size:1.05rem;display:block}.seite-links{color:var(--abweichung);left:.75rem}.seite-rechts{color:var(--geprueft);right:.75rem}.fussnote{font-family:var(--mono);color:var(--graphit);max-width:46ch;margin-top:.8rem;font-size:.66rem;line-height:1.5}.zonen{gap:0;margin:2rem 0 0;padding:0;list-style:none;display:grid}.zone{border-top:1px solid var(--riss);grid-template-columns:8.5rem minmax(0,1fr);gap:1.25rem;padding:1.2rem 0;display:grid}.zone:last-child{border-bottom:1px solid var(--riss)}@media (max-width:620px){.zone{grid-template-columns:minmax(0,1fr);gap:.4rem}}.zone-name{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;padding-top:.15rem;font-size:.7rem}.zone-name[data-stufe=hart]{color:var(--abweichung)}.zone-name[data-stufe=weich]{color:var(--graphit)}.zone-name[data-stufe=frei]{color:var(--geprueft)}.zone-was{margin:0 0 .2rem;font-weight:600}.zone-regel{color:var(--graphit);margin:0;font-size:.94rem}.skala{border:1.5px solid var(--riss-stark);background:var(--blatt);margin:2rem 0 0}.skala-zeile{border-bottom:1px solid var(--riss);grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.skala-zeile:last-child{border-bottom:0}.skala-bereich{font-family:var(--mono);text-align:right;font-size:.85rem;font-weight:600}.skala-text{font-size:.94rem}.skala-zeile[data-gut=ja] .skala-bereich{color:var(--geprueft)}.skala-zeile[data-gut=nein] .skala-bereich{color:var(--abweichung)}.skala-zeile[data-gut=nein]{background:var(--abweichung-flaeche)}.punkte{gap:1.4rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:720px){.punkte{grid-template-columns:1fr 1fr;gap:1.6rem 2.5rem}}.punkt{border-top:1.5px solid var(--riss-stark);padding-top:.8rem}.punkt p{color:var(--graphit);margin:.35rem 0 0;font-size:.94rem}.plaene{gap:1rem;margin:2rem 0 0;display:grid}@media (min-width:760px){.plaene{grid-template-columns:repeat(3,1fr)}}.plan{border:1.5px solid var(--riss-stark);background:var(--blatt);padding:1.4rem 1.3rem}.plan[data-hervor=ja]{border-color:var(--geprueft);border-width:2px}.plan-name{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphit);font-size:.7rem}.plan-preis{font-family:var(--display);letter-spacing:-.04em;margin:.5rem 0 .1rem;font-size:2.3rem;font-weight:900;line-height:1.05}.plan-preis span{color:var(--graphit);letter-spacing:0;font-size:.85rem;font-weight:500}.plan-credits{font-family:var(--mono);color:var(--geprueft);font-size:.78rem}.plan-fuer{color:var(--graphit);margin:.7rem 0 0;font-size:.88rem}.faq{border-top:1px solid var(--riss);margin:2rem 0 0}.faq details{border-bottom:1px solid var(--riss)}.faq summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);color:var(--graphit);flex:none}.faq details[open] summary:after{content:"−"}.faq summary:focus-visible{outline:3px solid var(--geprueft);outline-offset:2px}.faq p{color:var(--graphit);margin:0;padding-bottom:1rem;font-size:.96rem}.formular{gap:.7rem;max-width:30rem;margin-top:1.5rem;display:grid}.feld{gap:.3rem;display:grid}.feld label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--graphit);font-size:.68rem}.feld input,.feld select{font:inherit;background:var(--blatt);color:var(--tinte);border:1.5px solid var(--riss-stark);border-radius:0;padding:.7rem .8rem;font-size:.95rem}.feld input:focus-visible,.feld select:focus-visible{outline:3px solid var(--geprueft);outline-offset:1px}.knopf{font-family:var(--display);letter-spacing:-.01em;background:var(--tinte);color:var(--blatt);border:1.5px solid var(--tinte);cursor:pointer;border-radius:0;justify-self:start;padding:.8rem 1.4rem;font-size:.98rem;font-weight:600;transition:transform .12s}.knopf:hover{transform:translateY(-1px)}.knopf:focus-visible{outline:3px solid var(--geprueft);outline-offset:2px}.knopf[disabled]{opacity:.5;cursor:progress;transform:none}@media (prefers-reduced-motion:reduce){.knopf{transition:none}.knopf:hover{transform:none}}.meldung{font-family:var(--mono);border:1.5px solid;padding:.7rem .9rem;font-size:.78rem}.meldung[data-art=ok]{color:var(--geprueft);background:var(--geprueft-flaeche)}.meldung[data-art=fehler]{color:var(--abweichung);background:var(--abweichung-flaeche)}.fuss{border-top:1.5px solid var(--riss-stark);font-family:var(--mono);color:var(--graphit);padding-block:2rem 3rem;font-size:.68rem;line-height:1.6}.fuss a{color:var(--graphit)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.abschnitt>:not(.notiz){animation:linear both auftauchen;animation-timeline:view();animation-range:entry 5% cover 22%}}}@keyframes auftauchen{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.nur-screenreader{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}