:root{--grund:oklch(0.992 0.002 264);--flaeche:oklch(1 0 0);--flaeche-2:oklch(0.955 0.004 264);--rand:oklch(0.895 0.005 264);--rand-stark:oklch(0.845 0.006 264);--text:oklch(0.200 0.010 264);--text-2:oklch(0.450 0.010 264);--akzent:oklch(0.46 0.17 264);--akzent-hover:oklch(0.41 0.17 264);--akzent-text:oklch(1 0 0);--marke-text:oklch(0.46 0.17 264);--marke-ton:oklch(0.955 0.021 264);--marke-ton-text:oklch(0.28 0.09 264);--radar:oklch(0.56 0.095 205);--treffer:oklch(0.67 0.13 75);--positiv:oklch(0.58 0.13 152);--mittel:oklch(0.62 0.125 80);--mittel-flaeche:oklch(0.965 0.035 88);--positiv-flaeche:oklch(0.965 0.030 152);--note-b:oklch(0.55 0.11 128);--linie:oklch(0.28 0.09 264);--band:oklch(0.28 0.09 264);--band-text:oklch(0.992 0.002 264);--kritisch:oklch(0.58 0.21 27);--kritisch-flaeche:oklch(0.965 0.017 27);--kritisch-text:oklch(0.48 0.19 27);--mittel-text:oklch(0.47 0.095 78);--positiv-text:oklch(0.45 0.11 152);--info:oklch(0.58 0.10 222);--note-a:oklch(0.52 0.12 152);--note-c:oklch(0.58 0.115 85);--note-auf-c:oklch(0 0 0);--note-d:oklch(0.58 0.15 50);--note-f:oklch(0.53 0.20 27);color-scheme:light dark;--schrift:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"Cascadia Code","SF Mono",Menlo,Consolas,monospace;--radius:14px;--breite:74rem;--schatten:0 1px 2px rgb(0 0 0 / .05),0 16px 48px -16px rgb(17 37 85 / .22)}
@media (prefers-color-scheme:dark){:root{--grund:oklch(0.155 0.004 264);--flaeche:oklch(0.185 0.004 264);--flaeche-2:oklch(0.215 0.005 264);--rand:oklch(1 0 0 / 0.09);--rand-stark:oklch(1 0 0 / 0.15);--text:oklch(0.955 0.004 264);--text-2:oklch(0.740 0.008 264);--akzent:oklch(0.72 0.14 264);--akzent-hover:oklch(0.77 0.116 264);--akzent-text:oklch(0.155 0.004 264);--marke-text:oklch(0.78 0.11 264);--marke-ton:oklch(0.24 0.045 264);--marke-ton-text:oklch(0.93 0.03 264);--radar:oklch(0.76 0.10 205);--treffer:oklch(0.82 0.12 78);--positiv:oklch(0.78 0.12 152);--mittel:oklch(0.83 0.13 88);--mittel-flaeche:oklch(0.26 0.045 88);--positiv-flaeche:oklch(0.26 0.04 152);--note-b:oklch(0.80 0.12 128);--linie:oklch(0.955 0.004 264);--band:oklch(0.24 0.045 264);--band-text:oklch(0.955 0.004 264);--kritisch:oklch(0.72 0.17 25);--kritisch-flaeche:oklch(0.26 0.05 27);--kritisch-text:oklch(0.72 0.17 25);--mittel-text:oklch(0.83 0.13 88);--positiv-text:oklch(0.78 0.12 152);--info:oklch(0.78 0.09 222);--note-a:oklch(0.78 0.13 152);--note-c:oklch(0.82 0.13 85);--note-auf-c:oklch(0.185 0.004 264);--note-d:oklch(0.76 0.14 50);--note-f:oklch(0.72 0.17 25);--schatten:0 1px 2px rgb(0 0 0 / .4),0 16px 48px -16px rgb(0 0 0 / .6)}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:1.0625rem;line-height:1.6;letter-spacing:-.003em;overflow-x:hidden}
a{color:var(--marke-text);text-underline-offset:.18em}
a:focus-visible,.knopf:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:8px}
h1,h2,h3{line-height:1.15;letter-spacing:-.022em;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:680}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:660}
h3{font-size:1.1rem;font-weight:630;letter-spacing:-.01em}
p{margin:0 0 1em}
figure{margin:0}
.skip{position:absolute;left:-999px;top:.5rem;background:var(--flaeche);color:var(--text);padding:.5rem 1rem;border-radius:8px;z-index:30}
.skip:focus{left:.5rem}
.rahmen{max-width:var(--breite);margin:0 auto;padding:0 1.25rem}
.ico{width:1.35rem;height:1.35rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.kopf{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--grund) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--rand)}
.kopf .rahmen{display:flex;align-items:center;gap:1.5rem;min-height:4.25rem}
.kopf .knopf{padding:.55rem 1rem;font-size:.92rem}
.marke{display:flex;align-items:center;flex:none;border-radius:8px}
.logo{height:28px;width:auto;display:block}
.logo .mk-linie,.logo .mk-flaeche{color:var(--linie)}.logo .mk-akzent{color:var(--radar)}.logo .mk-treffer{color:var(--treffer)}
.navi{display:flex;gap:.25rem;margin-left:auto;font-size:.95rem}
.navi a{color:var(--text-2);text-decoration:none;padding:.45rem .7rem;border-radius:8px;transition:color .2s,background-color .2s}
.navi a:hover{color:var(--text);background:var(--flaeche-2)}
.navi a[aria-current]{color:var(--text);background:var(--flaeche-2)}
.navi .navi-neben{position:relative;margin-left:.6rem;font-size:.88rem}
.navi .navi-neben::before{content:"";position:absolute;left:-.4rem;top:28%;bottom:28%;border-left:1px solid var(--rand-stark)}
.sprachen{display:flex;gap:.2rem;font-size:.82rem;font-family:var(--mono)}
.sprachen a{color:var(--text-2);text-decoration:none;min-width:2.25rem;min-height:2.25rem;display:inline-grid;place-items:center;border-radius:8px;transition:color .2s,background-color .2s}
.sprachen a:hover{color:var(--text)}
.sprachen a[aria-current]{color:var(--text);background:var(--flaeche-2);font-weight:600}
.sprachmenue{position:relative;flex:none;margin-left:-.75rem;font-size:.86rem;line-height:1}
.sprachmenue details{position:static}
.sprachmenue summary{list-style:none;display:flex;align-items:center;gap:.3rem;min-height:2.45rem;padding:0 .5rem;border-radius:8px;color:var(--text-2);cursor:pointer;font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .2s,background-color .2s}
.sprachmenue summary::-webkit-details-marker{display:none}
.sprachmenue summary:hover,.sprachmenue details[open]>summary{color:var(--text);background:var(--flaeche-2)}
.sprachmenue summary:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
.sprachmenue summary .ico{width:.95rem;height:.95rem}
.sprachmenue summary .ico:last-child{width:.7rem;height:.7rem;stroke-width:2.25;opacity:.75;transition:transform .2s}
.sprachmenue details[open] summary .ico:last-child{transform:rotate(180deg)}
.sprachmenue ul{position:absolute;right:0;top:calc(100% + .35rem);z-index:30;list-style:none;margin:0;padding:.3rem;min-width:9.5rem;background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;box-shadow:var(--schatten);transform-origin:top right}
.sprachmenue a{display:flex;align-items:center;gap:.6rem;min-height:2.3rem;padding:0 .6rem;border-radius:6px;color:var(--text);text-decoration:none;white-space:nowrap}
.sprachmenue a:hover{background:var(--flaeche-2)}
.sprachmenue a:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px}
.sprachmenue a[aria-current]{font-weight:600;background:var(--flaeche-2)}
.sprachmenue .kuerzel{font-family:var(--mono);font-size:.72rem;color:var(--text-2);min-width:1.4rem}
.sprachmenue a[aria-current] .kuerzel{color:var(--akzent)}
@media (prefers-reduced-motion:no-preference){.sprachmenue details[open] ul{animation:menue-auf .14s ease-out}}
@keyframes menue-auf{from{opacity:0;transform:translateY(-4px) scale(.98)}}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.75rem;background:var(--akzent);color:var(--akzent-text);text-decoration:none;font-weight:620;line-height:1.25;text-align:center;padding:.7rem 1.25rem;border-radius:10px;border:1px solid transparent;box-shadow:0 1px 2px rgb(0 0 0 / .08);transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}
.knopf:hover{background:var(--akzent-hover);box-shadow:0 1px 2px rgb(0 0 0 / .08),0 6px 16px -8px color-mix(in srgb,var(--akzent) 70%,transparent)}
.knopf .ico{width:1.15rem;height:1.15rem}
.knopf.leise{background:var(--flaeche);color:var(--text);border-color:var(--rand-stark);box-shadow:0 1px 2px rgb(0 0 0 / .05)}
.knopf.leise:hover{background:color-mix(in srgb,var(--akzent) 7%,var(--flaeche));border-color:color-mix(in srgb,var(--akzent) 55%,var(--rand-stark));color:var(--marke-text);box-shadow:0 1px 2px rgb(0 0 0 / .05)}
.textlink{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;color:var(--marke-text);font-weight:620;text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 calc(50% + .75em)/0 1.5px;transition:background-size .25s}
.textlink:hover{background-size:calc(100% - 1.4rem) 1.5px}
.textlink .ico{width:1rem;height:1rem}
.knopf .ico:last-child:not(:first-child),.textlink .ico:last-child,.weiter .ico:last-child{transition:transform .2s}
@media (prefers-reduced-motion:no-preference){.knopf:hover .ico:last-child:not(:first-child),.knopf:focus-visible .ico:last-child:not(:first-child),.textlink:hover .ico:last-child,.textlink:focus-visible .ico:last-child,.artikel-karte:hover .weiter .ico:last-child,.artikel-karte:focus-within .weiter .ico:last-child{transform:translateX(3px)}}
@media (prefers-reduced-motion:reduce){.textlink{transition:none}}
.held{position:relative;isolation:isolate;overflow:hidden;padding:5.5rem 0 4.5rem}
.held::before{content:"";position:absolute;z-index:-1;width:62rem;height:62rem;right:-24rem;top:-22rem;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 55px,color-mix(in srgb,var(--radar) 16%,transparent) 55px 56px);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 68%);mask-image:radial-gradient(circle,#000 0,transparent 68%)}
.held::after{content:"";position:absolute;z-index:-2;width:44rem;height:44rem;right:-8rem;top:-10rem;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--akzent) 12%,transparent),transparent)}
.held-raster{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.4rem;padding:.35rem .85rem;border:1px solid var(--rand);border-radius:999px;background:var(--flaeche);font-size:.86rem;color:var(--text-2)}
.kicker::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--radar);box-shadow:0 0 0 4px color-mix(in srgb,var(--radar) 22%,transparent)}
.lead{font-size:clamp(1.1rem,1.6vw,1.25rem);color:var(--text-2);max-width:38rem}
.aktionen{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 2.25rem}
.belege{list-style:none;margin:0;padding:1.5rem 0 0;border-top:1px solid var(--rand);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem;max-width:36rem;font-size:.95rem;color:var(--text-2)}
.belege li{display:flex;gap:.55rem;align-items:flex-start}
.belege .ico{width:1.15rem;height:1.15rem;margin-top:.2rem;color:var(--positiv)}
.klein{font-size:.92rem;color:var(--text-2)}
.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.6rem;transition:border-color .2s,box-shadow .2s,transform .2s}
.vorschau{box-shadow:var(--schatten)}
.vorschau-kopf{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}
.ring{width:72px;height:72px;flex:none}
.ring .spur{stroke:var(--flaeche-2)}.ring .wert{stroke:var(--note-b)}.ring.n-a .wert{stroke:var(--note-a)}.ring.n-c .wert{stroke:var(--note-c)}.ring.n-d .wert{stroke:var(--note-d)}.ring.n-f .wert{stroke:var(--note-f)}.ring text{fill:var(--text);font-family:var(--schrift);font-weight:650}
.domain{font-family:var(--mono);font-size:.95rem}
.zeilen{list-style:none;margin:0;padding:0}
.zeilen li{display:grid;grid-template-columns:6.5rem 1fr auto;gap:.75rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--rand);font-size:.92rem}
.zeilen b{font-family:var(--mono);font-weight:600;font-size:.85rem}
.zeilen span{color:var(--text-2)}
.stand{font-style:normal;font-size:.78rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;white-space:nowrap}
.stand::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.35rem}
.stand.ok{background:var(--positiv-flaeche);color:var(--text)}.stand.ok::before{background:var(--positiv)}
.stand.hinweis{background:var(--mittel-flaeche);color:var(--text)}.stand.hinweis::before{background:var(--mittel)}
.fussnote{font-size:.8rem;color:var(--text-2);margin:1rem 0 0}
.streifen{border-top:1px solid var(--rand);border-bottom:1px solid var(--rand);background:var(--flaeche-2)}
.streifen .rahmen{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:1.1rem;padding-bottom:1.1rem;text-align:center;font-weight:560}
.streifen .ico{color:var(--marke-text)}
.streifen p{margin:0}
section{scroll-margin-top:4.5rem}
.block{padding:6rem 0}
.block.ton{background:var(--flaeche-2);border-top:1px solid var(--rand);border-bottom:1px solid var(--rand)}
.abschnitt-kopf{max-width:46rem;margin-bottom:3rem}
.auge{font-family:var(--mono);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--marke-text);margin:0 0 .9rem}
.einleitung{color:var(--text-2);font-size:1.12rem;margin:0}
.raster{display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.raster.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.raster .karte:hover{border-color:var(--rand-stark);box-shadow:var(--schatten)}
.kachel{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:12px;background:var(--marke-ton);color:var(--marke-ton-text);margin-bottom:1.1rem}
.karte h3{margin-bottom:.45em}
.karte p{margin:0;color:var(--text-2);font-size:.98rem}
.raster.gross .karte{padding:2rem}
.raster.gross h3{font-size:1.25rem}
.schritte{list-style:none;margin:0;padding:0;display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:s}
.schritte li{counter-increment:s;position:relative}
.schritte li::before{content:counter(s);position:relative;z-index:1;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--akzent);color:var(--akzent-text);font-weight:680;margin-bottom:1.1rem;box-shadow:0 0 0 6px var(--flaeche-2)}
.schritte li:not(:last-child)::after{content:"";position:absolute;top:1.25rem;left:2.5rem;right:-1.5rem;height:2px;background:var(--rand-stark)}
.schritte p{color:var(--text-2);font-size:.98rem;margin:0}
.vertrauen{display:grid;grid-template-columns:.9fr 1.1fr;gap:3.5rem;align-items:start}
.vertrauen .abschnitt-kopf{margin:0;position:sticky;top:6rem}
.schild{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:16px;background:var(--marke-ton);color:var(--marke-ton-text);margin-bottom:1.5rem}
.schild .ico{width:1.75rem;height:1.75rem}
.punkte{margin:0;padding:0;list-style:none;display:grid;gap:.85rem}
.punkte li{display:flex;gap:.9rem;align-items:flex-start;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.1rem 1.25rem}
.punkte .ico{margin-top:.15rem;color:var(--positiv)}
.aufruf{position:relative;isolation:isolate;overflow:hidden;background:var(--band);color:var(--band-text);padding:5.5rem 0}
.aufruf::before{content:"";position:absolute;z-index:-1;width:48rem;height:48rem;left:-16rem;bottom:-30rem;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 47px,color-mix(in srgb,var(--band-text) 9%,transparent) 47px 48px);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 70%);mask-image:radial-gradient(circle,#000 0,transparent 70%)}
.aufruf-innen{display:grid;grid-template-columns:1.3fr .7fr;gap:2.5rem;align-items:center}
.aufruf h2{color:var(--band-text)}
.aufruf p{color:color-mix(in srgb,var(--band-text) 86%,transparent);font-size:1.12rem;margin:0}
.aufruf-aktion{display:grid;gap:1rem;justify-items:start}
.knopf.hell{background:var(--band-text);color:var(--band);font-size:1.05rem;padding:.85rem 1.5rem}
.knopf.hell:hover{background:color-mix(in srgb,var(--band-text) 88%,var(--band))}
.aufruf-knoepfe{display:flex;flex-wrap:wrap;gap:.75rem}
.knopf.hell-rand{background:transparent;color:var(--band-text);border-color:color-mix(in srgb,var(--band-text) 55%,transparent);font-size:1.05rem;padding:.85rem 1.5rem}
.knopf.hell-rand:hover{background:color-mix(in srgb,var(--band-text) 12%,transparent)}
.aufruf a:focus-visible{outline-color:var(--band-text)}
.aufruf .direkt{font-size:.95rem}
.aufruf .direkt a{color:var(--band-text);font-weight:600}
.platzhalter{font-family:var(--mono);font-size:.9rem}
.fuss{border-top:1px solid var(--rand);padding:3.5rem 0 2rem;font-size:.92rem;color:var(--text-2)}
.fuss-raster{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.fuss-raster p{margin:.9rem 0 0;max-width:22rem}
.fuss h2{font-size:.8rem;font-family:var(--mono);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 .9rem}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.fuss a{color:var(--text-2)}
.fuss a:hover{color:var(--text)}
.fuss .sprachen{margin-top:1rem}
.fuss-unten{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--rand);font-size:.85rem}
.recht{padding:3.5rem 1.25rem 4.5rem;max-width:46rem}
.recht h2{font-size:1.25rem;margin-top:2rem}
.recht p{margin:0 0 .4em}
.recht ul{margin:.4em 0 .8em;padding-left:1.25rem}.recht li{margin:.3em 0}
.recht .einleitung{font-size:1.1rem;color:var(--text-2);margin:0 0 1rem}
.recht .zurueck{margin:0 0 1.25rem;font-size:.92rem}
.tabelle-scroll{overflow-x:auto;margin:.6rem 0 1rem}
.tabelle{width:100%;border-collapse:collapse;font-size:.95rem}
.tabelle th,.tabelle td{text-align:left;vertical-align:top;padding:.6rem .7rem;border-bottom:1px solid var(--rand)}
.tabelle th{font-family:var(--mono);font-size:.72rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.stand.leer{background:var(--flaeche-2);color:var(--text)}.stand.leer::before{background:var(--text-2)}
.vertrag{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:2.25rem 0 0;padding:1.4rem 1.5rem;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche)}
.vertrag h3{grid-column:1/-1;font-size:1.05rem;margin:0}
.vertrag p{grid-column:1/-1;margin:0;font-size:.9rem}.vertrag dl{display:contents}.vertrag dt{font-family:var(--mono);font-size:.72rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.vertrag dd{margin:.35rem 0 0}
@media (max-width:60rem){.vertrag{grid-template-columns:repeat(2,minmax(0,1fr))}.fuss-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:36rem){.vertrag{grid-template-columns:minmax(0,1fr)}}
.wahl{min-height:100vh;min-height:100dvh;display:grid;place-items:center;text-align:center;padding:2rem}
.wahl ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.5rem 0 0}
.stand.kritisch{background:var(--kritisch-flaeche);color:var(--text)}.stand.kritisch::before{background:var(--kritisch)}
.check[hidden],.check-ergebnis[hidden]{display:none}.check-raster{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:start}.check .abschnitt-kopf{margin-bottom:0}
.check-karte{padding:1.75rem;box-shadow:var(--schatten)}
.check-eingabe label{display:block;font-weight:600;font-size:.95rem;color:var(--text);margin-bottom:.55rem}
.check-feld{display:flex;align-items:stretch;gap:.35rem;padding:.35rem;background:var(--grund);border:1px solid var(--rand-stark);border-radius:var(--radius);box-shadow:inset 0 1px 2px rgb(0 0 0 / .04);transition:border-color .15s,box-shadow .15s}
.check-feld:hover{border-color:color-mix(in srgb,var(--akzent) 45%,var(--rand-stark))}
.check-feld:focus-within{border-color:var(--akzent);box-shadow:0 0 0 4px color-mix(in srgb,var(--akzent) 24%,transparent)}
.check-feld.fehler{border-color:var(--kritisch)}.check-feld.fehler:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--kritisch) 22%,transparent)}
.check-zeile{display:flex;align-items:center;gap:.6rem;flex:1 1 auto;min-width:0;padding-left:.8rem;color:var(--text-2)}
.check-zeile .ico{flex:none;width:1.2rem;height:1.2rem;transition:color .15s}.check-feld:focus-within .check-zeile .ico{color:var(--akzent)}
.check-feld input{-webkit-appearance:none;appearance:none;flex:1 1 auto;width:100%;min-width:0;min-height:2.75rem;margin:0;padding:0 .4rem 0 0;font:inherit;font-size:1.0625rem;letter-spacing:-.005em;color:var(--text);background:transparent;border:0;border-radius:0;box-shadow:none}
.check-feld input:focus{outline:2px solid transparent}.check-feld input::placeholder{color:var(--text-2);opacity:.8}
.check-feld .knopf{-webkit-appearance:none;appearance:none;flex:none;margin:0;font-family:inherit;font-size:1rem;cursor:pointer}
.check-feld .knopf:disabled{cursor:progress;opacity:.85}.check-feld .knopf:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}
.check-dreher{display:none;width:1.05rem;height:1.05rem;border-radius:50%;border:2px solid currentColor;border-right-color:transparent}
.check-feld .knopf.laeuft .check-dreher{display:inline-block}.check-feld .knopf.laeuft .ico{display:none}
@media (prefers-reduced-motion:no-preference){.check-dreher{animation:check-dreh .8s linear infinite}}
@keyframes check-dreh{to{transform:rotate(360deg)}}
.check-fehler{display:flex;gap:.45rem;align-items:flex-start;margin:.65rem 0 0;color:var(--kritisch-text);font-weight:560;font-size:.95rem}.check-fehler:empty{display:none}
@media (max-width:36rem){.check-feld{flex-direction:column;gap:.65rem;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.check-feld:focus-within,.check-feld.fehler:focus-within{box-shadow:none}
.check-zeile{min-height:3.25rem;padding-left:1rem;background:var(--grund);border:1px solid var(--rand-stark);border-radius:var(--radius);box-shadow:inset 0 1px 2px rgb(0 0 0 / .04);transition:border-color .15s,box-shadow .15s}
.check-zeile:focus-within{border-color:var(--akzent);box-shadow:0 0 0 4px color-mix(in srgb,var(--akzent) 24%,transparent)}.check-feld.fehler .check-zeile{border-color:var(--kritisch)}
.check-feld .knopf{width:100%;min-height:3.25rem}.check-karte{padding:1.25rem}}
.check-vorlaeufig{margin:-.4rem 0 1rem;font-size:.92rem;color:var(--text-2)}.check-note.n-vorlaeufig{background:var(--flaeche-2);color:var(--text);box-shadow:inset 0 0 0 2px var(--rand-stark)}
.check-hinweis{display:flex;gap:.55rem;align-items:flex-start;margin:.9rem 0 0;font-size:.85rem;line-height:1.55;color:var(--text-2)}.check-hinweis .ico{flex:none;margin-top:.1rem}
.check-status{margin:1rem 0 0;color:var(--text-2)}.check-status:empty{display:none}
.check-ergebnis{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--rand)}.check-kopf{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.check-note{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;font-size:1.6rem;font-weight:700;background:var(--flaeche-2);color:var(--text)}
.check-note.n-a{background:var(--note-a);color:var(--akzent-text)}.check-note.n-b{background:var(--note-b);color:var(--akzent-text)}.check-note.n-c{background:var(--note-c);color:var(--note-auf-c)}.check-note.n-d,.check-note.n-e{background:var(--note-d);color:var(--akzent-text)}.check-note.n-f{background:var(--note-f);color:var(--akzent-text)}
.check-punkte{font-weight:620}.check-bereiche,.check-befunde{list-style:none;margin:0;padding:0}
.check-bereiche li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--rand);font-size:.95rem}
.check-befunde{margin:1rem 0}.check-befunde li{position:relative;padding:.35rem 0 .35rem 1.2rem;font-size:.95rem}.check-befunde li::before{content:"";position:absolute;left:0;top:.8rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--mittel)}
.check-befunde li.kritisch::before{background:var(--kritisch)}.check-befunde li.ok::before{background:var(--positiv)}.check-befunde li.info{color:var(--text-2)}.check-befunde li.info::before{background:var(--rand-stark)}
.check-aufruf{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin-top:1.2rem}.check-aufruf p{margin:0;font-weight:620}
@media (max-width:60rem){.check-raster{grid-template-columns:minmax(0,1fr);gap:2rem}}
.beispiel{margin-left:auto;flex:none;font-family:var(--mono);font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:6px;background:var(--mittel-flaeche);color:var(--mittel-text)}
.vorschau-kopf .beispiel{align-self:flex-start}
.faelle{display:grid;gap:5rem}
.fall{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem;align-items:center}
.fall:nth-child(even) .bild{order:-1}
.fall h3{font-size:1.45rem;margin-bottom:1.1rem}
.pln{margin:0;display:grid;gap:.9rem}
.pln div{display:grid;grid-template-columns:5.75rem minmax(0,1fr);gap:1rem}
.pln dt{font-family:var(--mono);font-size:.72rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding-top:.3rem}
.pln dd{margin:0;color:var(--text-2)}
.pln .nutzen dt{color:var(--positiv-text)}.pln .nutzen dd{color:var(--text);font-weight:560}
.karte .pln{gap:.7rem;margin-top:1rem}.karte .pln div{grid-template-columns:minmax(0,1fr);gap:.1rem}.karte .pln dd{font-size:.95rem}
.bild{margin:0}.bild .fussnote{text-align:center}
.screen,.mail-bild{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);overflow:hidden;font-size:.9rem}
.screen-kopf{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--rand);background:var(--flaeche-2)}
.ampel{display:flex;gap:.35rem}.ampel i{width:.6rem;height:.6rem;border-radius:50%;background:var(--rand-stark)}
.screen-titel{font-weight:600;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen-inhalt{padding:1.1rem 1.15rem 1.2rem;display:grid;gap:.9rem}
.meldung{display:flex;gap:.6rem;align-items:flex-start;margin:0;padding:.7rem .85rem;border-radius:10px;font-weight:600;font-size:.88rem}
.meldung .ico{width:1.1rem;height:1.1rem;margin-top:.1rem}
.meldung.kritisch{background:var(--kritisch-flaeche);color:var(--kritisch-text)}.meldung.hinweis{background:var(--mittel-flaeche);color:var(--mittel-text)}.meldung.ok{background:var(--positiv-flaeche);color:var(--positiv-text)}
.tab-kopf,.tab-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--rand)}
.tab-kopf{border-top:0;padding-top:0;font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}
.tab.vier .tab-kopf,.tab.vier .tab-zeile{grid-template-columns:minmax(0,1fr) 4.5rem 3rem 6.5rem}
.tab-zeile>:last-child,.tab-kopf>:last-child{justify-self:end}
.mono{font-family:var(--mono);font-size:.84rem}
.zahl{font-variant-numeric:tabular-nums;color:var(--text-2)}
.screen-text{display:flex;gap:.55rem;margin:0;color:var(--text-2);font-size:.86rem}.screen-text .ico{width:1.05rem;height:1.05rem;color:var(--info);margin-top:.15rem}
.kurve{width:100%;height:auto;display:block}.kurve .gitter{stroke:var(--rand);stroke-width:1;stroke-dasharray:3 4}.kurve .verlauf{stroke:var(--akzent)}.kurve .punkt{fill:var(--kritisch)}
.achse{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-2);font-family:var(--mono);margin-top:.3rem}
.stufen{list-style:none;margin:0;padding:0;display:grid}
.stufen li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.55rem 0;position:relative}
.stufen li:not(:last-child)::after{content:"";position:absolute;left:.95rem;top:2.6rem;bottom:-.5rem;width:2px;background:var(--rand-stark)}
.stufe-punkt{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;border:2px solid var(--rand-stark);background:var(--flaeche);position:relative;z-index:1}
.stufe-punkt .ico{width:1rem;height:1rem}
.stufen .fertig .stufe-punkt{background:var(--positiv);border-color:var(--positiv);color:var(--flaeche)}
.stufen .jetzt .stufe-punkt{border-color:var(--akzent);box-shadow:0 0 0 4px color-mix(in srgb,var(--akzent) 22%,transparent)}
.stufen b{font-family:var(--mono);font-size:.9rem}
.stufen li>span:last-child{font-size:.8rem;color:var(--text-2)}.stufen .jetzt>span:last-child{color:var(--marke-text);font-weight:600}
.berichte{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.5rem;align-items:start}
.bild-titel{display:flex;align-items:center;gap:.55rem;font-weight:620;margin:0 0 1rem}.bild-titel .ico{color:var(--marke-text)}
.blatt{background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;box-shadow:var(--schatten);padding:1.6rem 1.7rem 1.8rem}
.blatt-kopf{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1.2rem;border-bottom:2px solid var(--akzent)}
.blatt-kopf .logo,.mail-marke .logo{height:22px}
.blatt .auge{margin-bottom:.4rem}
.blatt h3{font-size:1.2rem;margin:0 0 1.1rem}.blatt h3 .domain{color:var(--text-2);font-weight:400;margin-left:.4rem}
.blatt-note{display:flex;gap:1.4rem;align-items:center;margin-bottom:1.4rem}
.kpis{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.25rem;flex:1}
.kpis dt{font-size:.76rem;color:var(--text-2);line-height:1.3}.kpis dd{margin:0;font-weight:680;font-size:1.15rem;font-variant-numeric:tabular-nums}
.blatt-titel{font-family:var(--mono);font-size:.72rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin:0 0 .5rem}
.saeulen{display:flex;align-items:flex-end;gap:.5rem;height:5.5rem;margin-bottom:1.4rem;border-bottom:1px solid var(--rand)}
.saeulen span{flex:1;border-radius:5px 5px 0 0;display:flex;justify-content:center;padding-top:.2rem}
.saeulen .h1{height:10%}.saeulen .h2{height:20%}.saeulen .h3{height:30%}.saeulen .h4{height:40%}.saeulen .h5{height:50%}.saeulen .h6{height:60%}.saeulen .h7{height:70%}.saeulen .h8{height:80%}.saeulen .h9{height:90%}.saeulen .h10{height:100%}
.saeulen i{font-style:normal;font-size:.7rem;font-weight:700;color:var(--flaeche)}.saeulen .n-c i{color:var(--note-auf-c)}
.n-a:is(span){background:var(--note-a)}.n-b:is(span){background:var(--note-b)}.n-c:is(span){background:var(--note-c)}.n-d:is(span){background:var(--note-d)}.n-f:is(span){background:var(--note-f)}
.blatt-empfehlung{background:var(--marke-ton);color:var(--marke-ton-text);border-radius:10px;padding:.9rem 1rem}.blatt-empfehlung p{margin:0;font-size:.92rem}.blatt-empfehlung .blatt-titel{color:inherit;margin-bottom:.3rem}
.mail-kopf{position:relative;padding:.9rem 1.15rem;background:var(--flaeche-2);border-bottom:1px solid var(--rand);display:grid;gap:.25rem}
.mail-kopf p{margin:0;color:var(--text-2);font-size:.84rem;padding-right:5.5rem}.mail-kopf b{display:inline-block;min-width:4.2rem;color:var(--text);font-weight:600}
.mail-kopf .beispiel{position:absolute;top:.85rem;right:1rem}
.mail-inhalt{padding:1.3rem 1.4rem 1.4rem}.mail-inhalt p{margin:0 0 .75rem}
.mail-marke{margin-bottom:1.1rem}
.mail-titel{display:flex;gap:.55rem;align-items:flex-start;font-weight:650;padding:.75rem .9rem;border-radius:10px;background:var(--mittel-flaeche);color:var(--mittel-text)}
.mail-titel .ico{margin-top:.15rem}
.mail-knopf{display:inline-block;margin:.25rem 0 .75rem;padding:.55rem 1rem;border-radius:8px;background:var(--akzent);color:var(--akzent-text);font-weight:600;font-size:.88rem}
.suche{display:flex;gap:.5rem;align-items:center;padding:.55rem .75rem;border:1px solid var(--rand-stark);border-radius:9px;color:var(--text-2);font-size:.86rem}.suche .ico{width:1rem;height:1rem}
.note-marke{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:7px;font-weight:700;font-size:.85rem;color:var(--flaeche)}.note-marke.n-c{color:var(--note-auf-c)}
.vorschlag{display:flex;gap:.6rem;align-items:center;width:fit-content;margin:-1.25rem 0 2.25rem;padding:.7rem 1rem;border-radius:10px;background:var(--mittel-flaeche);color:var(--mittel-text);font-size:.92rem;font-weight:560}
.preise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.preis{position:relative;display:flex;flex-direction:column;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:2rem 1.75rem}
.preis.top{border:2px solid var(--akzent);box-shadow:var(--schatten)}
.preis-band{position:absolute;top:-.85rem;left:1.6rem;margin:0;padding:.25rem .8rem;border-radius:999px;background:var(--akzent);color:var(--akzent-text);font-size:.78rem;font-weight:650}
.preis h3{font-size:1.4rem;margin-bottom:.35rem}
.preis-fuer{color:var(--text-2);font-size:.95rem;min-height:3.2em}
.betrag{font-family:inherit;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:650;margin:.4rem 0 .2rem}
.preis-aktionen{display:grid;gap:.5rem;margin:1.1rem 0 1.5rem}
.alles{font-weight:620;font-size:.92rem;margin:0 0 .6rem}
.preis .betrag{font-family:inherit;font-weight:500;color:var(--text-2)}.betrag .summe{font-family:inherit;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.betrag .summe.anfrage{font-family:inherit;font-size:1.5rem}
.preis .klein{margin:.15rem 0}.preis .domains{font-weight:620;color:var(--text)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.abrechnung{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;width:fit-content;max-width:100%;margin:0 auto 2.5rem;padding:.3rem;border:1px solid var(--rand-stark);border-radius:999px;background:var(--flaeche)}
.abrechnung input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.abrechnung label{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.45rem 1.15rem;border-radius:999px;cursor:pointer;font-weight:620;color:var(--text-2)}
.abrechnung input:checked+label{background:var(--akzent);color:var(--akzent-text)}
.abrechnung input:focus-visible+label{outline:2px solid var(--akzent);outline-offset:3px}
.abr-badge{padding:.12rem .55rem;border-radius:999px;background:var(--positiv-flaeche);color:var(--positiv-text);font-size:.78rem;font-weight:680}
.preis .spart{display:inline-block;width:fit-content;margin:.45rem 0 .2rem;padding:.2rem .65rem;border-radius:8px;background:var(--positiv-flaeche);color:var(--positiv-text);font-size:.9rem;font-weight:650}
.preis-monat{margin-top:.9rem}
.preis-wahl:has(#abr-jahr:checked) .preis-monat,.preis-wahl:has(#abr-monat:checked) .preis-jahr{display:none}
.preis-wahl:has(#abr-monat:checked) .preis-monat{margin-top:0}
@supports not selector(:has(*)){.abrechnung{display:none}}
.parkiert{display:flex;gap:.6rem;align-items:flex-start;margin:1.5rem 0 0;font-size:.92rem;color:var(--text-2)}.parkiert .ico{width:1.1rem;height:1.1rem;flex:none;margin-top:.2rem}
.zusaetze{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
.zusatz{display:flex;gap:1.1rem;align-items:flex-start}.zusatz .kachel{flex:none;margin:0}.zusatz .knopf{margin-top:1rem}
@media (max-width:60rem){.zusaetze{grid-template-columns:minmax(0,1fr)}}
.haken-liste{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.95rem}
.haken-liste li{display:flex;gap:.6rem;align-items:flex-start}.haken-liste .ico{width:1.1rem;height:1.1rem;color:var(--positiv);margin-top:.22rem}
.faq-raster{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:3.5rem;align-items:start}
.faq{display:grid;gap:.75rem}
.faq details{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;transition:border-color .2s}
.faq details[open]{border-color:var(--rand-stark)}
.faq summary{cursor:pointer;list-style:none;position:relative;padding:1.05rem 3rem 1.05rem 1.25rem;font-weight:620;border-radius:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:1.3rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid var(--text-2);border-bottom:2px solid var(--text-2);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq summary:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
.faq details p{margin:0;padding:0 1.25rem 1.2rem;color:var(--text-2)}
.partner-band{border-top:1px solid var(--rand);background:var(--flaeche-2)}
.partner{display:flex;align-items:center;gap:1.5rem;padding-top:2.5rem;padding-bottom:2.5rem}
.partner .kachel{margin:0;flex:none}
.partner h2{font-size:1.35rem;margin:0 0 .25rem}.partner p{margin:0;color:var(--text-2)}
.partner .knopf{margin-left:auto;flex:none}
.held-klein{padding-bottom:4rem}
.schritte.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.mehr-link{margin:2.25rem 0 0}
.preis-teaser{display:grid;grid-template-columns:1.3fr .7fr;gap:2.5rem;align-items:center}
.preis-teaser .abschnitt-kopf{margin-bottom:.75rem}
.teaser-knoepfe{display:flex;flex-direction:column;gap:.75rem}
.block.anschluss{padding-top:.5rem}
.rahmen.schmal{max-width:56rem}
.direkt-hell{font-size:.95rem;color:var(--text-2);margin:0}
.pfad{margin:0 0 1.4rem;font-size:.88rem;color:var(--text-2)}.pfad ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem}
.pfad li{display:flex;align-items:center;gap:.5rem}.pfad li+li::before{content:"/";color:var(--rand-stark)}.pfad a{color:var(--text-2)}.pfad a:hover{color:var(--text)}
.pfad li[aria-current]{color:var(--text);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ill{display:block;width:100%;height:auto}.ill-ringe circle{fill:none;stroke:color-mix(in srgb,var(--radar) 22%,transparent);stroke-width:1}
.ill-f{fill:var(--flaeche);stroke:var(--rand-stark);stroke-width:1.5}.ill-l{fill:none;stroke:var(--marke-ton-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ill-strich{stroke-dasharray:4 5;stroke:var(--radar)}.ill-dick{stroke-width:4}.ill-a{fill:var(--radar)}.ill-a-strich{fill:none;stroke:var(--radar);stroke-width:4;stroke-linecap:round}
.ill-schild{fill:var(--marke-ton);stroke:var(--marke-ton-text);stroke-width:2;stroke-linejoin:round}
.ill-ok{fill:var(--positiv)}.ill-krit{fill:var(--kritisch)}.ill-warn{fill:var(--mittel);stroke:var(--mittel);stroke-width:1;stroke-linejoin:round}
.ill-warn-zeichen{fill:none;stroke:var(--note-auf-c);stroke-width:2.5;stroke-linecap:round}
.ill-ico path,.ill-ico-hell path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ill-ico path{stroke:var(--marke-ton-text)}.ill-ico-hell path{stroke:var(--flaeche)}
.ill-s1{fill:var(--mittel-flaeche);stroke:var(--mittel);stroke-width:1.5}.ill-s2{fill:var(--marke-ton);stroke:var(--radar);stroke-width:1.5}.ill-s3{fill:var(--positiv-flaeche);stroke:var(--positiv);stroke-width:1.5}
.artikel-raster{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.artikel-karte{position:relative;display:flex;flex-direction:column;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.artikel-karte:hover,.artikel-karte:focus-within{border-color:var(--rand-stark);box-shadow:var(--schatten)}
.artikel-bild{background:var(--flaeche-2);border-bottom:1px solid var(--rand);padding:.5rem 1.5rem}
.artikel-karte-text{display:flex;flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.3rem}
.thema{margin:0 0 .6rem;font-family:var(--mono);font-size:.74rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--marke-text)}
.artikel-karte h2,.artikel-karte h3{font-size:1.2rem;margin:0 0 .5rem}.artikel-karte h2 a,.artikel-karte h3 a{color:var(--text);text-decoration:none}
.artikel-karte h2 a::after,.artikel-karte h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.artikel-karte-text>p{margin:0;color:var(--text-2);font-size:.98rem}
.artikel-fuss{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto!important;padding-top:1.1rem;font-size:.88rem}
.artikel-fuss span{display:inline-flex;align-items:center;gap:.4rem}.artikel-fuss .ico{width:1rem;height:1rem}.artikel-fuss .weiter{color:var(--marke-text);font-weight:620}
.wissen-liste{padding-top:1rem}
.mitte-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.25rem;align-items:center;margin:2.5rem 0;padding:1.4rem 1.5rem;background:var(--flaeche);border:1px solid var(--rand-stark);border-radius:var(--radius)}
.artikel .mitte-box{grid-template-columns:auto minmax(0,1fr)}.artikel .mitte-box .knopf{grid-column:2;justify-self:start}.mitte-box .kachel{margin:0}.mitte-box p{margin:0;color:var(--text-2)}.box-titel{font-weight:650;color:var(--text)!important;margin:0 0 .25rem!important}
.artikel-kopf-raster{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:3rem;align-items:center}
.artikel-kopf h1{font-size:clamp(2rem,4.2vw,3rem)}
.artikel-bild.gross{border:1px solid var(--rand);border-radius:var(--radius);padding:1rem;background:var(--flaeche)}
.artikel-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.5rem 0 0;font-size:.92rem;color:var(--text-2)}
.artikel-meta>span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.4rem}.artikel-meta .ico{width:1rem;height:1rem}
.artikel-raster.rahmen,.rahmen.artikel-raster{display:grid;grid-template-columns:15rem minmax(0,44rem);justify-content:center;gap:4rem;padding-top:3rem;padding-bottom:5rem}
.artikel-seite{position:sticky;top:6rem;align-self:start}
.verzeichnis{border-left:2px solid var(--rand);padding-left:1.1rem}
.verzeichnis h2{font-family:var(--mono);font-size:.74rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin:0 0 .8rem}
.verzeichnis ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;font-size:.92rem}
.verzeichnis a{display:block;padding:.35rem 0;color:var(--text-2);text-decoration:none;line-height:1.35}.verzeichnis a:hover{color:var(--text);text-decoration:underline}
.artikel{font-size:1.0625rem;line-height:1.7}
.artikel>h2{font-size:clamp(1.35rem,2.4vw,1.6rem);margin:2.6rem 0 .8rem;scroll-margin-top:6rem}
.artikel>p{margin:0 0 1em}.artikel>ul{margin:.2em 0 1.2em;padding-left:1.25rem}.artikel>ul>li{margin:.4em 0}
.kern{background:var(--flaeche-2);border:1px solid var(--rand);border-radius:var(--radius);padding:1.4rem 1.5rem}
.kern h2{font-size:1.05rem;margin:0 0 .8rem}.kern ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.kern li{display:flex;gap:.65rem;align-items:flex-start;margin:0}.kern .ico{width:1.1rem;height:1.1rem;margin-top:.3rem;color:var(--positiv)}
.box{display:flex;gap:.85rem;align-items:flex-start;margin:1.4rem 0;padding:1.1rem 1.25rem;border-radius:12px;border-left:4px solid var(--info);background:var(--flaeche-2)}
.box p{margin:0}.box .ico{margin-top:.2rem;color:var(--marke-text)}
.box.warnung{background:var(--mittel-flaeche);border-left-color:var(--mittel)}.box.warnung .ico{color:var(--mittel-text)}
.box.tipp{background:var(--positiv-flaeche);border-left-color:var(--positiv)}.box.tipp .ico{color:var(--positiv-text)}
.schema{margin:1.6rem 0;padding:1.3rem;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche)}
.schema-titel{font-weight:650;margin:0 0 1rem;font-size:.98rem}
.schema-karte{display:grid;gap:.2rem;padding:.8rem .9rem;border:1px solid var(--rand);border-radius:10px;background:var(--grund);font-size:.9rem;line-height:1.45}
.schema-karte strong{font-weight:650}.schema-karte span{color:var(--text-2)}
.schema-pfeil{width:1.25rem;height:1.25rem;flex:none;fill:none;stroke:var(--radar);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.schema-schritte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;counter-reset:schritt}
.schema-schritte li{display:flex;align-items:center;gap:.6rem;margin:0;counter-increment:schritt}.schema-schritte .schema-karte{flex:1;align-self:stretch}
.schema-schritte .schema-karte strong::before{content:counter(schritt) ". ";color:var(--marke-text)}
.zs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.6rem;align-items:center}
.zs-spalte{display:grid;gap:.6rem}.schema-karte.mitte{background:var(--marke-ton);border-color:var(--radar)}.schema-karte.mitte span{color:var(--text)}
.schema-karte.ok{border-left:4px solid var(--positiv)}.schema-karte.kritisch{border-left:4px solid var(--kritisch)}.schema-karte.info{border-left:4px solid var(--info)}
.schema-stufen{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}.schema-stufen.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.schema-stufen li{display:grid;gap:.5rem;margin:0}.pegel{display:flex;gap:3px}.pegel i{flex:1;height:.45rem;border-radius:3px;background:var(--flaeche-2);border:1px solid var(--rand)}
.pegel i.an{background:var(--radar);border-color:var(--radar)}
.stufen-achse{display:flex;align-items:center;gap:.6rem;margin:.9rem 0 0!important;font-size:.82rem;font-family:var(--mono);color:var(--text-2)}.stufen-achse .schema-pfeil{flex:1;height:.9rem}
.loesung{position:relative;margin:3rem 0 0;padding:1.8rem;border:1px solid var(--rand-stark);border-radius:var(--radius);background:var(--flaeche);box-shadow:var(--schatten)}
.loesung h2{font-size:1.45rem;margin:0 0 .7rem}.loesung .aktionen{margin:1.4rem 0 1rem}.loesung .klein{margin:0}
.weitere h2{margin-bottom:2rem}.weitere .artikel-karte h3{font-size:1.1rem}
@media (max-width:60rem){.artikel-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.artikel-kopf-raster{grid-template-columns:minmax(0,1fr)}.artikel-bild.gross{display:none}.rahmen.artikel-raster{grid-template-columns:minmax(0,1fr);gap:2rem}.artikel-seite{position:static}
.schema-schritte,.schema-stufen,.schema-stufen.n4{grid-template-columns:minmax(0,1fr)}.schema-schritte .schema-pfeil{display:none}.zs{grid-template-columns:minmax(0,1fr)}.zs>.schema-pfeil{transform:rotate(90deg);justify-self:center}}
@media (max-width:36rem){.artikel-raster{grid-template-columns:minmax(0,1fr)}.mitte-box{grid-template-columns:minmax(0,1fr)}.mitte-box .kachel{display:none}.mitte-box .knopf{width:100%}.artikel .mitte-box .knopf{grid-column:1}.loesung{padding:1.3rem}.pfad li[aria-current]{max-width:18ch}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.raster .karte:hover{transform:translateY(-2px)}.knopf:active{transform:translateY(1px)}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.raster>.karte,.schritte>li,.punkte>li,.fall,.preis{animation:auf linear both;animation-timeline:view();animation-range:entry 0% entry 60%}}}
@keyframes auf{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (max-width:60rem){.held-raster,.vertrauen,.aufruf-innen{grid-template-columns:minmax(0,1fr)}.vertrauen .abschnitt-kopf{position:static}.raster{grid-template-columns:repeat(2,minmax(0,1fr))}.schritte{grid-template-columns:repeat(2,minmax(0,1fr))}.schritte li::after{display:none}.navi{display:none}.sprachmenue{margin-left:auto}.sprachmenue summary,.sprachmenue a{min-height:2.75rem}.preis-teaser{grid-template-columns:minmax(0,1fr)}.fuss-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.fuss-raster>:first-child{grid-column:1/-1}.held{padding-top:3.5rem}.block{padding:4.5rem 0}.fall,.berichte,.faq-raster{grid-template-columns:minmax(0,1fr);gap:2rem}.fall:nth-child(even) .bild{order:0}.faelle{gap:4rem}.preise{grid-template-columns:minmax(0,1fr);max-width:34rem}.partner{flex-wrap:wrap}}
@media (max-width:36rem){.raster,.raster.zwei,.schritte,.schritte.drei,.belege,.fuss-raster{grid-template-columns:minmax(0,1fr)}.held{padding:2.5rem 0 3rem}.kopf .knopf{display:none}.aktionen .knopf{flex:1 1 100%}.sprachen a{min-width:2.75rem;min-height:2.75rem}.zeilen li{grid-template-columns:5rem 1fr}.zeilen .stand{grid-column:2;justify-self:start}.aufruf{padding:4rem 0}.streifen .rahmen{justify-content:flex-start;text-align:left}.pln div{grid-template-columns:minmax(0,1fr);gap:.1rem}.partner{flex-direction:column;align-items:flex-start}.partner .knopf{margin-left:0;align-self:stretch}.mehr-link .knopf,.zusatz .knopf{width:100%}.aufruf-knoepfe .knopf{flex:1 1 100%}.aufruf-aktion{justify-items:stretch}.tab.vier .tab-kopf,.tab.vier .tab-zeile{grid-template-columns:minmax(0,1fr) 3rem 2.5rem auto}.blatt{padding:1.2rem}.blatt-note{flex-direction:column;align-items:flex-start}}
@media print{.kopf,.skip,.held::before,.held::after,.aufruf::before{display:none}body{background:#fff;color:#000}.aufruf{background:#fff;color:#000}*{animation:none!important}}