@font-face{font-family:"Plex Sans";src:url("../fonts/plex-sans.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:"Plex Sans";src:url("../fonts/plex-sans-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Plex Mono";src:url("../fonts/plex-mono-400.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Plex Mono";src:url("../fonts/plex-mono-500.woff2") format("woff2");font-weight:500;font-display:swap}:root{--papier:#f6f5f0;--flaeche:#ffffff;--tinte:#15171a;--tinte-2:#4a4f57;--tinte-3:#7b818a;--linie:#d9d7cf;--linie-stark:#15171a;--marker:#e6ff3d;--marker-tinte:#15171a;--warn:#b3261e;--ok:#2f6b3a;--raster:rgba(21,23,26,.06);--mark-h1:linear-gradient(transparent 58%,var(--marker) 58%,var(--marker) 92%,transparent 92%);--mark-text:linear-gradient(transparent 62%,color-mix(in srgb,var(--marker) 70%,transparent) 62%);--sans:"Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;--breite:1180px;--rund:4px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--papier:#111214;--flaeche:#191b1e;--tinte:#ecebe6;--tinte-2:#b4b3ad;--tinte-3:#85847f;--linie:#2c2e32;--linie-stark:#ecebe6;--marker:#e6ff3d;--marker-tinte:#111214;--warn:#ff8a7a;--ok:#8fd19e;--raster:rgba(236,235,230,.05);--mark-h1:linear-gradient(transparent 86%,var(--marker) 86%,var(--marker) 96%,transparent 96%);--mark-text:linear-gradient(transparent 88%,color-mix(in srgb,var(--marker) 60%,transparent) 88%);color-scheme:dark}}:root[data-theme="dark"]{--papier:#111214;--flaeche:#191b1e;--tinte:#ecebe6;--tinte-2:#b4b3ad;--tinte-3:#85847f;--linie:#2c2e32;--linie-stark:#ecebe6;--marker:#e6ff3d;--marker-tinte:#111214;--warn:#ff8a7a;--ok:#8fd19e;--raster:rgba(236,235,230,.05);--mark-h1:linear-gradient(transparent 86%,var(--marker) 86%,var(--marker) 96%,transparent 96%);--mark-text:linear-gradient(transparent 88%,color-mix(in srgb,var(--marker) 60%,transparent) 88%);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--papier);color:var(--tinte);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--tinte);outline-offset:2px;box-shadow:0 0 0 5px var(--marker)}.huelle{max-width:var(--breite);margin:0 auto;padding:0 20px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kopf{border-bottom:1px solid var(--linie)}.kopf .huelle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.marke{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:-.01em;font-size:1.125rem}.marke svg{width:26px;height:26px;flex:none}.marke span{font-family:var(--mono);font-weight:500;font-size:1rem}.kopf nav{display:flex;gap:22px;font-size:.9375rem}.kopf nav a{text-decoration:none;color:var(--tinte-2)}.kopf nav a:hover{color:var(--tinte);text-decoration:underline}@media (max-width:560px){.kopf nav{display:none}}.einstieg{padding:44px 0 28px}.einstieg h1{font-size:clamp(2rem,1.2rem + 3.4vw,3.4rem);line-height:1.05;letter-spacing:-.025em;font-weight:600;margin:0 0 14px;max-width:16ch}.einstieg h1 mark{background:var(--mark-h1);color:inherit;padding:0 .05em}.einstieg p{margin:0;max-width:60ch;color:var(--tinte-2);font-size:1.125rem}.typen{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:0;list-style:none}.typen button{display:inline-flex;align-items:center;gap:8px;font:500 .9375rem/1 var(--sans);color:var(--tinte);background:var(--flaeche);border:1px solid var(--linie);border-radius:999px;padding:9px 14px 9px 12px;cursor:pointer}.typen button svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.typen button:hover{border-color:var(--tinte-3)}.typen button[aria-selected="true"]{background:var(--marker);color:var(--marker-tinte);border-color:var(--marker-tinte)}@media (max-width:640px){.typen{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 18px;padding:0 20px 4px;scrollbar-width:none}.typen::-webkit-scrollbar{display:none}.typen button{white-space:nowrap}}.werkbank{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:start;padding-bottom:64px}@media (max-width:960px){.werkbank{grid-template-columns:1fr}}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund)}.karte + .karte{margin-top:16px}.karte-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--linie)}.karte-kopf h2{font-size:1.0625rem;margin:0;font-weight:600}.karte-kopf .nr{font-family:var(--mono);font-size:.8125rem;color:var(--tinte-3)}.karte-inhalt{padding:20px}.formular[hidden]{display:none}.formular .hilfe{margin:0 0 18px;color:var(--tinte-2);font-size:.9375rem}.felder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 14px}.feld{grid-column:span 6;display:flex;flex-direction:column;gap:6px;min-width:0}.feld.h{grid-column:span 3}.feld.d{grid-column:span 2}.feld.v{grid-column:span 4}@media (max-width:560px){.feld.h,.feld.d,.feld.v{grid-column:span 6}}.felder h3{grid-column:span 6;margin:10px 0 -4px;font:500 .75rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tinte-3)}label,.label{font-size:.875rem;font-weight:500;color:var(--tinte)}label small,.label small{font-weight:400;color:var(--tinte-3)}input[type="text"],input[type="url"],input[type="tel"],input[type="email"],input[type="number"],input[type="date"],input[type="time"],input[type="password"],textarea,select{width:100%;font:400 1rem/1.4 var(--sans);color:var(--tinte);background:var(--papier);border:1px solid var(--linie);border-radius:var(--rund);padding:10px 12px;min-height:44px}textarea{min-height:110px;resize:vertical}input:hover,textarea:hover,select:hover{border-color:var(--tinte-3)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--tinte);box-shadow:0 0 0 3px var(--marker)}input.mono,textarea.mono{font-family:var(--mono);font-size:.9375rem}input[aria-invalid="true"]{border-color:var(--warn)}.feld .notiz{font-size:.8125rem;color:var(--tinte-3);margin:0}.feld .notiz.warn{color:var(--warn)}.haken{display:flex;align-items:center;gap:10px;font-weight:400;cursor:pointer}.haken input{width:20px;height:20px;accent-color:var(--tinte);margin:0}.zeile{display:flex;gap:8px}.zeile>input{flex:1}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 .9375rem/1 var(--sans);color:var(--tinte);text-decoration:none;background:var(--flaeche);border:1px solid var(--linie-stark);border-radius:var(--rund);padding:12px 16px;min-height:44px;cursor:pointer;white-space:nowrap}.knopf svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.knopf:hover{background:var(--papier)}.knopf.haupt{background:var(--tinte);color:var(--papier)}.knopf.haupt:hover{background:var(--tinte-2)}.knopf.klein{padding:8px 12px;min-height:36px;font-size:.875rem}details.gestaltung>summary{list-style:none;cursor:pointer}details.gestaltung>summary::-webkit-details-marker{display:none}details.gestaltung>summary::after{content:"+";font:400 1.25rem/1 var(--mono);color:var(--tinte-2)}details.gestaltung[open]>summary::after{content:"−"}details.gestaltung:not([open])>summary{border-bottom:0}.wahl{display:flex;flex-wrap:wrap;gap:6px}.wahl label{position:relative}.wahl input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.wahl span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linie);border-radius:var(--rund);padding:8px 12px;font-weight:400;background:var(--papier);cursor:pointer}.wahl span svg{width:18px;height:18px}.wahl input:checked + span{border-color:var(--tinte);background:var(--flaeche);box-shadow:inset 0 0 0 1px var(--tinte)}.wahl input:focus-visible + span{box-shadow:0 0 0 3px var(--marker),inset 0 0 0 1px var(--tinte)}.farbe{display:flex;align-items:center;gap:10px;border:1px solid var(--linie);border-radius:var(--rund);background:var(--papier);padding:5px 10px 5px 5px;min-height:44px}.farbe input[type="color"]{width:32px;height:32px;border:1px solid var(--linie);border-radius:3px;padding:0;background:none;cursor:pointer}.farbe input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.farbe input[type="color"]::-webkit-color-swatch{border:0;border-radius:2px}.farbe code{font:400 .875rem var(--mono);color:var(--tinte-2)}input[type="range"]{width:100%;accent-color:var(--tinte);margin:6px 0 0}.regler{display:flex;justify-content:space-between;align-items:baseline}.regler output{font:400 .8125rem var(--mono);color:var(--tinte-2)}.logo-feld{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.logo-feld img{width:40px;height:40px;object-fit:contain;border:1px solid var(--linie);border-radius:3px;background:#fff}.vorschau{position:sticky;top:16px}@media (max-width:960px){.vorschau{position:static}}.buehne{position:relative;padding:34px;display:grid;place-items:center;background-color:var(--papier);background-image:linear-gradient(var(--raster) 1px,transparent 1px),linear-gradient(90deg,var(--raster) 1px,transparent 1px);background-size:12px 12px;border-bottom:1px solid var(--linie)}.bogen{position:relative;width:100%;max-width:320px}.bogen svg{display:block;width:100%;height:auto}.bogen::before,.bogen::after{content:"";position:absolute;width:14px;height:14px;border-color:var(--tinte-3);border-style:solid}.bogen::before{top:-12px;left:-12px;border-width:1px 0 0 1px}.bogen::after{bottom:-12px;right:-12px;border-width:0 1px 1px 0}.bogen.beispiel svg{opacity:.35}.stempel{position:absolute;top:10px;right:10px;font:500 .6875rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--flaeche);border:1px solid var(--linie);padding:5px 7px;border-radius:2px;color:var(--tinte-2)}.stempel[hidden]{display:none}.daten{margin:0;padding:14px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--linie)}.daten div{min-width:0}.daten dt{font:400 .6875rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tinte-3)}.daten dd{margin:2px 0 0;font:500 .9375rem/1.3 var(--mono)}.pruefung{list-style:none;margin:0;padding:12px 20px;border-bottom:1px solid var(--linie);font-size:.875rem;display:grid;gap:6px}.pruefung li{display:flex;gap:10px;align-items:baseline}.pruefung li::before{content:"";flex:none;width:8px;height:8px;transform:translateY(-1px);background:var(--ok)}.pruefung li.warn{color:var(--warn)}.pruefung li.warn::before{background:var(--warn)}.laden{padding:16px 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.laden .knopf.haupt{grid-column:span 2}.laden .groesse{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.875rem;color:var(--tinte-2)}.laden .groesse select{width:auto;min-height:36px;padding:6px 10px;font-size:.875rem}.inhalt-roh{padding:0 20px 18px}.inhalt-roh summary{cursor:pointer;font-size:.875rem;color:var(--tinte-2)}.inhalt-roh pre{margin:10px 0 0;padding:12px;background:var(--papier);border:1px solid var(--linie);border-radius:var(--rund);font:400 .8125rem/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto}.meldung{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--tinte);color:var(--papier);padding:10px 16px;border-radius:var(--rund);font-size:.9375rem;transition:opacity .2s,transform .2s;z-index:10}.meldung.an{opacity:1;transform:translate(-50%,0)}.text{border-top:1px solid var(--linie);padding:56px 0 24px}.text .spalten{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px}@media (max-width:820px){.text .spalten{grid-template-columns:minmax(0,1fr);gap:8px}}.text .spalten>div{min-width:0}.text .kicker{font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tinte-3);padding-top:8px}.text h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.15;letter-spacing:-.015em;margin:0 0 16px;font-weight:600;max-width:24ch}.text h3{font-size:1.125rem;margin:28px 0 8px;font-weight:600}.text p,.text li{max-width:66ch}.text p{margin:0 0 14px}.text ul{padding-left:1.1em;margin:0 0 14px}.text li{margin-bottom:6px}.text li::marker{color:var(--tinte-3)}.text strong{font-weight:600;background:var(--mark-text)}.tabelle{width:100%;max-width:640px;border-collapse:collapse;margin:8px 0 20px;font-size:.9375rem}.tabelle th,.tabelle td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--linie);vertical-align:top}.tabelle th{font:500 .75rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--tinte-3);border-bottom-color:var(--linie-stark)}.tabelle td:first-child{font-family:var(--mono)}@media (min-width:600px){.tabelle td{white-space:nowrap}}.hinweis{border-left:3px solid var(--tinte);background:var(--flaeche);padding:14px 18px;margin:18px 0;max-width:66ch}.hinweis p{margin:0}.hinweis b{font:500 .75rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:6px}.faq details{border-bottom:1px solid var(--linie);max-width:72ch}.faq details:first-of-type{border-top:1px solid var(--linie)}.faq summary{list-style:none;cursor:pointer;padding:16px 36px 16px 0;font-weight:500;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font:400 1.25rem/1 var(--mono);color:var(--tinte-2)}.faq details[open] summary::after{content:"−"}.faq details p{margin:0 0 16px;color:var(--tinte-2)}.recht{padding:44px 0 72px}.recht .brot{font:400 .8125rem var(--mono);color:var(--tinte-3);margin:0 0 14px}.recht .brot a{color:var(--tinte-2)}.recht h1{font-size:clamp(2rem,1.4rem + 2vw,2.75rem);letter-spacing:-.02em;line-height:1.1;margin:0 0 28px;font-weight:600}.recht h2{font-size:1.125rem;margin:36px 0 10px;font-weight:600}.recht p{max-width:68ch;margin:0 0 12px}.anbieter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0;max-width:820px}@media (max-width:700px){.anbieter{grid-template-columns:1fr}}.anbieter>div{padding:22px 24px}.anbieter>div + div{border-left:1px solid var(--linie)}@media (max-width:700px){.anbieter>div + div{border-left:0;border-top:1px solid var(--linie)}}.anbieter .etikett{font:500 .6875rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tinte-3);margin:0 0 12px}.anbieter address{font-style:normal;font-size:1.0625rem;line-height:1.55}.anbieter address strong{font-size:1.1875rem;font-weight:600;display:block;margin-bottom:2px}.anbieter dl{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px}.anbieter dt{font:400 .8125rem/1.6 var(--mono);color:var(--tinte-3)}.anbieter dd{margin:0;font-family:var(--mono);font-size:.9375rem;line-height:1.6;word-break:break-word}.anbieter .fuss{grid-column:1 / -1;border-top:1px solid var(--linie);border-left:0;font-weight:500;background:var(--papier);display:flex;gap:12px;align-items:baseline}.anbieter .fuss::before{content:"!";font:600 .8125rem/1 var(--mono);width:20px;height:20px;display:inline-grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;flex:none;transform:translateY(2px)}.fuss-seite{border-top:1px solid var(--linie);padding:24px 0 40px;font-size:.875rem;color:var(--tinte-3)}.fuss-seite .huelle{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.fuss-seite nav{display:flex;gap:20px}.fuss-seite a{color:var(--tinte-2)}@media print{.kopf,.typen,.formulare,.gestaltung,.laden,.text,.fuss-seite,.einstieg p,.pruefung,.inhalt-roh{display:none !important}.werkbank{display:block}.buehne{background:none;border:0}}.haken.tief{margin-top:26px}.thema{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--linie);border-radius:999px;background:var(--flaeche);color:var(--tinte);cursor:pointer;padding:0;flex:none}.thema:hover{border-color:var(--tinte-3)}.thema svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.thema .mond{display:none}:root[data-theme="dark"] .thema .sonne{display:none}:root[data-theme="dark"] .thema .mond{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .thema .sonne{display:none}:root:not([data-theme="light"]) .thema .mond{display:block}}.kopf-rechts{display:flex;align-items:center;gap:22px}