*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-bg);color:var(--c-text);font:var(--fw-text) var(--fs-md)/var(--lh-text) var(--font-text);font-variant-numeric:tabular-nums}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--s-4)}
@media (min-width:720px){.wrap{padding:0 var(--s-6)}}
h1,h2,h3{font-family:var(--font-head);font-weight:var(--fw-head);line-height:var(--lh-head);letter-spacing:var(--tracking-head);margin:0}
h1{font-size:var(--fs-3xl)} h1,h2,h3{hyphens:auto;overflow-wrap:break-word} h2{font-size:var(--fs-2xl);margin-bottom:var(--s-2)} h3{font-size:var(--fs-lg);margin-bottom:var(--s-2)}
p{margin:0 0 var(--s-3);max-width:var(--measure)}
a{color:var(--c-link);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
.muted{color:var(--c-text-muted)} .klein{font-size:var(--fs-sm)} .xs{font-size:var(--fs-xs)}
.mono{font-family:var(--font-mono);font-size:.94em}
section{padding:var(--s-abschnitt) 0;border-bottom:var(--b-haar) solid var(--c-line)}
.kopf{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-5)}
.kopf .nr{font:var(--fw-strong) var(--fs-sm) var(--font-mono);color:var(--c-text-muted)}
.raster{display:grid;gap:var(--s-5)}
@media (min-width:860px){.r2{grid-template-columns:1fr 1fr}.r3{grid-template-columns:repeat(3,1fr)}.r-7-5{grid-template-columns:7fr 5fr}}
.hero{padding:var(--s-8) 0 var(--s-7)}
.hero h1{max-width:20ch;margin-bottom:var(--s-4);font-size:var(--fs-hero);line-height:var(--lh-hero);letter-spacing:var(--tracking-hero);font-weight:var(--fw-hero)}
.claim{font:var(--fw-strong) var(--fs-lg)/1.3 var(--font-text);margin:var(--s-5) 0 0;padding:var(--s-3) var(--s-4);background:var(--c-signal-flaeche);color:var(--c-signal-text);display:inline-block;border-radius:var(--r-1)}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--hit);padding:0 var(--s-5);font:var(--fw-strong) var(--fs-md)/1 var(--font-text);border-radius:var(--r-2);border:var(--b-regel) solid transparent;cursor:pointer;text-decoration:none;transition:background-color var(--t-kurz) var(--ease)}
.k-haupt{background:var(--c-accent);color:var(--c-on-accent)} .k-haupt:hover{background:var(--c-accent-hover)}
.k-zweit{background:var(--c-blatt);color:var(--c-text);border-color:var(--c-line-strong)} .k-zweit:hover{border-color:var(--c-text)}
.k-text{background:transparent;color:var(--c-link);padding:0 var(--s-2);text-decoration:underline;text-underline-offset:.18em}
.k-fokus{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.knopfreihe{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}
label{display:block;font-weight:var(--fw-strong);margin-bottom:var(--s-1)}
.eingabe{width:100%;min-height:var(--field-h);padding:0 var(--s-3);font:var(--fs-md) var(--font-text);color:var(--c-text);background:var(--c-surface);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-2)}
.eingabe:focus-visible{outline:var(--focus-ring);outline-offset:0;border-color:var(--c-focus)}
.hilfe{font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:var(--s-1)}
.feldfehler .eingabe{border:var(--b-regel) solid var(--c-fehler)}
.feldfehler .hilfe{color:var(--c-fehler-text);font-weight:var(--fw-medium)}
.meldung{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-left:4px solid;border-radius:var(--r-1);font-size:var(--fs-sm);margin-bottom:var(--s-2)}
.m-fehler{background:var(--c-fehler-fill);color:var(--c-fehler-text);border-color:var(--c-fehler)}
.m-warn{background:var(--c-warnung-fill);color:var(--c-warnung-text);border-color:var(--c-warnung)}
.m-info{background:var(--c-info-fill);color:var(--c-info-text);border-color:var(--c-info)}
.m-ok{background:var(--c-entschieden-fill);color:var(--c-entschieden-text);border-color:var(--c-entschieden-line)}
.meldung svg{flex:none;width:20px;height:20px;margin-top:2px}
.tabwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);line-height:var(--lh-ui)}
th,td{padding:var(--s-3) var(--s-3);text-align:left;border-bottom:var(--b-haar) solid var(--c-line);vertical-align:top}
thead th{background:var(--c-surface-2);font-weight:var(--fw-strong);border-bottom:var(--b-regel) solid var(--c-line-strong);white-space:nowrap}
td.z,th.z{text-align:right;white-space:nowrap}
tfoot td{border-top:var(--b-regel) solid var(--c-text);border-bottom:0;font-weight:var(--fw-strong)}
.ampel{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3) var(--s-1) var(--s-2);border-radius:var(--r-1);font-weight:var(--fw-strong);font-size:var(--fs-sm);line-height:1.3;white-space:nowrap}
.ampel svg{width:16px;height:16px;flex:none}
.a-ok{background:var(--c-frist-ok-fill);color:var(--c-frist-ok-text)} .a-ok svg{fill:var(--c-frist-ok)}
.a-bald{background:var(--c-frist-bald-fill);color:var(--c-frist-bald-text)} .a-bald svg{fill:var(--c-frist-bald);stroke:var(--c-frist-bald-rand);stroke-width:2}
.a-ueber{background:var(--c-frist-ueber-fill);color:var(--c-frist-ueber-text)} .a-ueber svg{fill:var(--c-frist-ueber)}
.ampelliste{list-style:none;margin:0;padding:0}
.ampelliste li{display:grid;grid-template-columns:1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3) 0;border-bottom:var(--b-haar) solid var(--c-line)}
.ampelliste small{display:block;color:var(--c-text-muted);font-size:var(--fs-sm)}
.beleg{background:var(--c-blatt);border-radius:var(--r-blatt);padding:var(--s-blatt) var(--s-blatt) var(--s-3);box-shadow:var(--shadow-blatt)}
.vorschlag{border:var(--b-vorschlag);background:var(--c-vorschlag-fill)}
.entschieden{border:var(--b-entschieden);background:var(--c-entschieden-fill)}
.status{display:flex;align-items:center;gap:var(--s-2);font-weight:var(--fw-strong);font-size:var(--fs-sm);margin-bottom:var(--s-2)}
.vorschlag .status{color:var(--c-vorschlag-text)} .entschieden .status{color:var(--c-entschieden-text)}
.status svg{width:18px;height:18px;flex:none}
.beleg h3{margin-bottom:var(--s-1)}
.beleg table{margin:var(--s-3) 0}
.beleg thead th{background:transparent}
.kuerzel{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-rund);border:var(--b-regel) solid var(--c-entschieden-line);color:var(--c-entschieden-text);font:var(--fw-head) var(--fs-sm) var(--font-text);transform:rotate(-8deg);flex:none}
.abzeichnung{display:flex;gap:var(--s-3);align-items:center;font-size:var(--fs-sm);color:var(--c-entschieden-text)}
.geaendert{color:var(--c-entschieden-text);font-weight:var(--fw-strong)}
.geaendert s{color:var(--c-text-muted);font-weight:400;margin-right:.3em}
.frage{font-weight:var(--fw-strong);margin-bottom:var(--s-3)}
.frage span{display:block;font:var(--fw-medium) var(--fs-xs) var(--font-text);color:var(--c-text-muted)}
.antwort{border-left:3px dashed var(--c-vorschlag-line);padding:var(--s-1) 0 var(--s-1) var(--s-4)}
.antwort .status{color:var(--c-vorschlag-text)}
.quelle{display:flex;gap:var(--s-3);align-items:flex-start;margin-top:var(--s-3);padding:var(--s-3);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-2);font-size:var(--fs-sm);background:var(--c-surface-2)}
.quelle .nr{flex:none;display:inline-grid;place-items:center;min-width:28px;height:28px;border:var(--b-regel) solid var(--c-text);border-radius:var(--r-1);font:var(--fw-head) var(--fs-sm) var(--font-mono)}
sup.fn{font:var(--fw-head) .72em var(--font-mono);border:1.5px solid currentColor;border-radius:2px;padding:0 .25em;margin-left:.15em}
.lieferschein{background:var(--c-blatt);border:var(--b-blatt) solid var(--c-blatt-line);border-top:6px solid var(--c-text);border-radius:var(--r-blatt);box-shadow:var(--shadow-blatt);padding:var(--s-5) var(--s-4)}
@media (min-width:720px){.lieferschein{padding:var(--s-6)}}
.ls-kopf{display:flex;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5)}
.ls-kopf dl{margin:0;display:grid;grid-template-columns:auto auto;gap:var(--s-1) var(--s-4);font-size:var(--fs-sm)}
.ls-kopf dt{color:var(--c-text-muted)} .ls-kopf dd{margin:0;text-align:right}
.unterschrift{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);margin-top:var(--s-6);font-size:var(--fs-xs);color:var(--c-text-muted)}
.unterschrift div{border-top:var(--b-haar) solid var(--c-text);padding-top:var(--s-1)}
.beispiel{display:inline-block;font:var(--fw-strong) var(--fs-xs) var(--font-text);color:var(--c-text-muted);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-1);padding:0 var(--s-2);vertical-align:middle}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:-999px;top:0;background:var(--c-text);color:var(--c-bg);padding:var(--s-2) var(--s-3);z-index:99}.skip:focus{left:var(--s-2);top:var(--s-2)}
.ki-hinweis{background:var(--c-hinweis);color:var(--c-hinweis-text);font-size:var(--fs-xs);padding:var(--s-1) 0;text-align:center}
.ki-hinweis a{color:inherit}
.band .wrap{justify-content:space-between}
.logo-h,.logo-d{height:52px;width:auto;display:block}
.logo-h{display:var(--logo-hell)}.logo-d{display:var(--logo-dunkel)}
.nav{display:none;gap:var(--s-5);align-items:center;font-weight:var(--fw-medium)}
.nav a{color:var(--c-band-text);text-decoration:none;padding:var(--s-2) 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--c-band-akzent)}
.nav .knopf{padding:0 var(--s-4);min-height:var(--hit-min);color:var(--c-on-accent);border-bottom:0}
.nav .knopf.k-zweit{color:var(--c-band-text);background:transparent;border-color:var(--c-band-text)}
@media (min-width:960px){.nav{display:flex}.mobil{display:none}}
.mobil{position:relative}
.mobil summary{list-style:none;cursor:pointer;min-height:var(--hit-min);display:inline-flex;align-items:center;padding:0 var(--s-4);border:var(--b-regel) solid var(--c-band-text);color:var(--c-band-text);border-radius:var(--r-2);font-weight:var(--fw-medium)}
.mobil summary::-webkit-details-marker{display:none}
.mobil nav{position:absolute;right:0;top:calc(100% + var(--s-2));background:var(--c-surface);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-2);padding:var(--s-3);display:grid;gap:var(--s-1);min-width:15rem;box-shadow:var(--shadow-float);z-index:20}
.mobil nav a{padding:var(--s-3);color:var(--c-text);text-decoration:none;min-height:var(--hit-min)}
section.ohne-linie{border-bottom:0}
.hero-grid{display:grid;gap:var(--s-7);align-items:center}
@media (min-width:960px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.hero .lead{font-size:var(--fs-lg);line-height:1.5;color:var(--c-text);max-width:46ch}
.knopfreihe.mt{margin-top:var(--s-5)}
.abschnitt-kopf{display:grid;gap:var(--s-3);margin-bottom:var(--s-5)}
@media (min-width:860px){.abschnitt-kopf{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:var(--s-7)}}
.abschnitt-kopf p{margin:0;color:var(--c-text-muted)}
.legende{display:grid;gap:var(--s-5)}
@media (min-width:860px){.legende{grid-template-columns:repeat(3,minmax(0,1fr))}}
.legende article{border-top:2px solid var(--c-text);padding-top:var(--s-3)}
.legende h3{font-size:var(--fs-lg)}
.legende p{color:var(--c-text-muted);margin:0}
.legende .status{margin-bottom:var(--s-2)}
.legende .v{color:var(--c-vorschlag-text)}.legende .e{color:var(--c-entschieden-text)}.legende .f{color:var(--c-text)}
.filter{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-4)}
.chip{min-height:var(--hit-min);padding:0 var(--s-4);font:var(--fw-medium) var(--fs-sm) var(--font-text);color:var(--c-text);background:transparent;border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-2);cursor:pointer}
.chip{border-radius:var(--r-chip);background:var(--c-blatt)}.chip[aria-pressed="true"]{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}
.zeilen{list-style:none;margin:0;padding:0 var(--s-2);border-top:var(--b-regel) solid var(--c-text);background:var(--c-blatt);border-radius:0 0 var(--r-blatt) var(--r-blatt);box-shadow:var(--shadow-blatt)}
.zeilen li{border-bottom:var(--b-haar) solid var(--c-line)}.zeilen li:last-child{border-bottom:0}
.zeilen li[hidden]{display:none}
.zeilen a{display:grid;gap:var(--s-1) var(--s-6);padding:var(--s-4) var(--s-2);color:var(--c-text);text-decoration:none;min-height:var(--hit)}
@media (min-width:860px){.zeilen a{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.zeilen a:hover{background:var(--c-surface-2)}
.zeilen .name{font:var(--fw-head) var(--fs-xl)/1.1 var(--font-head)}
.zeilen .satz{color:var(--c-text-muted)}
.zeilen .sonder a{background:var(--c-surface-2)}
.nicht-dabei{margin-top:var(--s-5);color:var(--c-text-muted)}
.schichten{width:100%;border-collapse:collapse}
.schichten th,.schichten td{padding:var(--s-4) var(--s-3);border-bottom:var(--b-haar) solid var(--c-line);vertical-align:top;text-align:left}
.schichten th{font:var(--fw-head) var(--fs-lg)/1.2 var(--font-head);width:26%}
.schichten th small{display:block;font:var(--fw-text) var(--fs-sm) var(--font-text);color:var(--c-text-muted);margin-top:var(--s-1)}
.schichten ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.schichten li{border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-1);padding:var(--s-1) var(--s-3);font-size:var(--fs-sm)}
.schichten tr:last-child th,.schichten tr:last-child td{border-bottom:var(--b-regel) solid var(--c-text)}
@media (max-width:700px){.schichten th,.schichten td{display:block;width:auto}.schichten th{border-bottom:0;padding-bottom:0}}
.daten{background:var(--c-daten);color:var(--c-daten-text);border-bottom:0}
.daten ul{list-style:none;margin:0;padding:0}
.daten li{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-3) 0;border-top:var(--b-haar) solid var(--c-daten-line);font-weight:var(--fw-medium)}
.daten li svg{width:20px;height:20px;flex:none;color:var(--c-daten-haken)}
.schluss{border-bottom:0;background:var(--c-signal-flaeche);color:var(--c-signal-text)}
.schluss p{color:inherit}
.schluss .knopf.k-haupt{background:var(--c-signal-accent);color:var(--c-signal-on-accent)}
.schluss .knopf.k-zweit{background:transparent;color:inherit;border-color:currentColor}
.schluss a:not(.knopf){color:inherit}
.schluss :focus-visible{outline-color:currentColor}
.fuss{padding:var(--s-7) 0 var(--s-8);border-top:var(--b-regel) solid var(--c-fuss-kante);background:var(--c-fuss);color:var(--c-fuss-text);font-size:var(--fs-sm)}
.fuss-oben{display:grid;gap:var(--s-6);padding-bottom:var(--s-6);margin-bottom:var(--s-6);border-bottom:var(--b-haar) solid var(--c-fuss-line)}
@media (min-width:860px){.fuss-oben{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-8);align-items:start}}
.fuss-spruch{font:var(--fw-head) var(--fs-fuss-spruch)/1.12 var(--font-head);letter-spacing:var(--tracking-head);margin:0 0 var(--s-3);max-width:18ch}
.fuss-wer{font-size:var(--fs-md);color:var(--c-fuss-muted);max-width:48ch;margin:0 0 var(--s-4)}
.fuss .knopfreihe{margin:0}
.fuss .knopf.k-haupt{background:var(--c-fuss-accent);color:var(--c-fuss-on-accent)}
.fuss .chip-link{color:var(--c-fuss-text);border-color:var(--c-fuss-line);background:transparent}
.fuss .chip-link:hover{border-color:var(--c-fuss-text);background:transparent}
.fuss-fakten{list-style:none;margin:0;padding:0;border-top:var(--b-regel) solid var(--c-fuss-text)}
.fuss-fakten li{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-3) 0;border-bottom:var(--b-haar) solid var(--c-fuss-line);font-weight:var(--fw-medium);font-size:var(--fs-md)}
.fuss-fakten svg{width:20px;height:20px;flex:none;color:var(--c-fuss-accent)}
.fuss-spalten{display:grid;gap:var(--s-5);margin-bottom:var(--s-6)}
@media (min-width:720px){.fuss-spalten{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fuss h2{font:var(--fw-strong) var(--fs-sm) var(--font-text);margin:0 0 var(--s-2);padding-bottom:var(--s-2);border-bottom:var(--b-haar) solid var(--c-fuss-line);color:var(--c-fuss-text)}
.fuss a:not(.knopf):not(.chip-link){display:block;color:var(--c-fuss-text);padding:var(--s-1) 0;text-decoration:none}
.fuss a:hover{text-decoration:underline}
.fuss .fuss-unten{color:var(--c-fuss-muted);font-size:var(--fs-xs);max-width:none}
.fuss .fuss-unten a:not(.knopf):not(.chip-link){display:inline;padding:0;color:inherit;text-decoration:underline}
.bildschirm{border:var(--b-blatt) solid var(--c-blatt-line);border-bottom-width:var(--b-blatt-unten);border-radius:var(--r-blatt);background:var(--c-blatt);box-shadow:var(--shadow-blatt);position:relative}
.bildschirm>*{position:relative;z-index:1}
.bildschirm .titel{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface-2);border-bottom:var(--b-haar) solid var(--c-line);font-size:var(--fs-sm);font-weight:var(--fw-strong)}
.bildschirm .titel span{font-weight:var(--fw-text);color:var(--c-text-muted)}
.bildschirm .inhalt{padding:var(--s-blatt)}
.bildschirm .beleg{box-shadow:none;padding:0;background:transparent}
.bildschirm .beleg.vorschlag,.bildschirm .beleg.entschieden{padding:var(--s-4)}
.bildschirm.tablet{max-width:760px}
.bild-zeile{display:grid;gap:var(--s-6);margin-bottom:var(--s-8)}
@media (min-width:960px){.bild-zeile{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start}}
.bild-zeile h2{font-size:var(--fs-xl)}
.bild-zeile .text p{color:var(--c-text-muted)}
.menge{width:5.5rem;min-height:var(--hit-min);padding:0 var(--s-2);font:var(--fs-md) var(--font-text);color:var(--c-text);background:var(--c-surface);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-2);text-align:right}
.menge:focus-visible{outline:var(--focus-ring);outline-offset:0;border-color:var(--c-focus)}
.pruef{list-style:none;margin:0;padding:0}
.pruef li{display:grid;gap:var(--s-2) var(--s-4);padding:var(--s-4) 0;border-bottom:var(--b-haar) solid var(--c-line);align-items:center}
@media (min-width:640px){.pruef li{grid-template-columns:minmax(0,1fr) auto auto}}
.pruef small{display:block;color:var(--c-text-muted);font-size:var(--fs-sm)}
.pruef .abgezeichnet{display:none;align-items:center;gap:var(--s-2);color:var(--c-entschieden-text);font-size:var(--fs-sm)}
.pruef li.fertig .abgezeichnet{display:flex}.pruef li.fertig button{display:none}
.pruef li.fertig{border-left:3px solid var(--c-entschieden-line);padding-left:var(--s-3)}
.auszug{margin-top:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface-2);border-radius:var(--r-1);font-size:var(--fs-sm)}
.auszug mark{background:var(--c-vorschlag-fill);color:inherit;box-shadow:inset 0 -2px 0 var(--c-vorschlag-line)}
details.quelle-auf summary{cursor:pointer;color:var(--c-link);text-decoration:underline;text-underline-offset:.18em;min-height:var(--hit-min);display:inline-flex;align-items:center}
.motive{display:grid;gap:var(--s-5)}
@media (min-width:960px){.motive{grid-template-columns:repeat(2,minmax(0,1fr))}}
.motiv h2,.motiv h3{font-size:var(--fs-xl);margin-bottom:var(--s-1)}
.motiv .wer{color:var(--c-text-muted);font-size:var(--fs-sm);margin-bottom:var(--s-3)}
.motiv{display:flex;flex-direction:column}.motiv .beleg{flex:1}
.ohne-js .nur-js{display:none}
@media (prefers-reduced-motion:no-preference){.beleg.wechsel{animation:wechsel var(--t-kurz) var(--ease)}}
@keyframes wechsel{from{opacity:.6}to{opacity:1}}
.probleme{margin:0;display:grid;gap:0;border-top:var(--b-regel) solid var(--c-text)}
.probleme>div{padding:var(--s-5) 0;border-bottom:var(--b-haar) solid var(--c-line);display:grid;gap:var(--s-2) var(--s-6)}
@media (min-width:860px){.probleme>div{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
.probleme dt{font:var(--fw-head) var(--fs-lg)/1.2 var(--font-head)}
.probleme dd{margin:0;color:var(--c-text-muted);max-width:var(--measure)}
.fliess p{color:var(--c-text-muted)}
.sr{position:absolute;left:-999px}
.zeile-kopf h1{font-size:var(--fs-kopf)}
[hidden]{display:none!important}
.hero-grid,.bild-zeile,.motive,.abschnitt-kopf,.legende,.fuss-spalten{grid-template-columns:minmax(0,1fr)}
.hero-grid>*,.bild-zeile>*,.motive>*,.abschnitt-kopf>*,.legende>*{min-width:0}
@media (min-width:960px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.bild-zeile{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.motive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:860px){.abschnitt-kopf{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.legende{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:720px){.fuss-spalten{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.band .wrap{flex-wrap:nowrap}.nav{gap:var(--s-4)}.nav .knopf{padding:0 var(--s-3);white-space:nowrap}.nav a{white-space:nowrap}}
.band{background:var(--c-band);color:var(--c-band-text);border-bottom:var(--b-haar) solid var(--c-band-line)}
.band .wrap{display:flex;align-items:center;gap:var(--s-4);min-height:var(--band-h);padding-top:var(--s-2);padding-bottom:var(--s-2)}
.seiten-kopf h1{max-width:24ch;font-size:var(--fs-kopf)}
.seiten-kopf .lead{max-width:60ch}
.seiten-inhalt{padding-bottom:var(--s-8)}
.seiten-inhalt section{padding:var(--s-6) 0;border-top:var(--b-haar) solid var(--c-line);display:grid;row-gap:0;column-gap:var(--s-7);grid-template-columns:minmax(0,1fr)}
.seiten-inhalt section>*{min-width:0}
.seiten-inhalt section:first-child{border-top:var(--b-regel) solid var(--c-text)}
@media (min-width:960px){
  .seiten-inhalt section{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .seiten-inhalt section>h2{grid-column:1;grid-row:1/span 40;align-self:start;position:sticky;top:var(--s-5)}
  .seiten-inhalt section>*:not(h2){grid-column:2}
  .seiten-inhalt section:not(:has(>h2))>*{grid-column:1/-1}
}
.seiten-inhalt h2{font-size:var(--fs-xl)}
.seiten-inhalt h3{font-size:var(--fs-lg);margin:var(--s-4) 0 var(--s-2)}
.seiten-inhalt h4{font:var(--fw-strong) var(--fs-md)/1.3 var(--font-text);margin:var(--s-3) 0 var(--s-1)}
.seiten-inhalt p,.seiten-inhalt li{max-width:var(--measure)}
.seiten-inhalt ul,.seiten-inhalt ol{padding-left:1.2em;margin:0 0 var(--s-3)}
.seiten-inhalt li{margin-bottom:var(--s-1)}
.seiten-inhalt img{max-width:100%;height:auto;border-radius:var(--r-bild);display:block}
.seiten-inhalt figure{margin:var(--s-3) 0;position:relative}
.seiten-inhalt blockquote{margin:var(--s-4) 0;padding:var(--s-2) var(--s-4);border-left:4px solid var(--c-line-strong);color:var(--c-text-muted)}
.seiten-inhalt hr{border:0;border-top:var(--b-haar) solid var(--c-line);margin:var(--s-5) 0}
.seiten-inhalt details{border-bottom:var(--b-haar) solid var(--c-line)}
.seiten-inhalt summary{cursor:pointer;font-weight:var(--fw-strong);padding:var(--s-3) var(--s-2);min-height:var(--hit-min)}
.seiten-inhalt summary:hover{background:var(--c-surface-2)}
.seiten-inhalt details[open] summary{color:var(--c-entschieden-text)}
.seiten-inhalt .raster{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-bottom:var(--s-6)}
@media (min-width:960px){.seiten-inhalt .raster:has(>.karte>h2){grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start}.seiten-inhalt .raster>.karte:has(>h2){position:sticky;top:var(--s-5)}}
.seiten-inhalt .karte{border-top:2px solid var(--c-text);padding-top:var(--s-3)}
.seiten-inhalt .karte:has(ul){border-top:var(--b-blatt) solid var(--c-blatt-line)}
.seiten-inhalt .karte h3{margin-top:0}
.seiten-inhalt .karte p{color:var(--c-text-muted)}
.seiten-inhalt .tabwrap{margin:var(--s-3) 0}
.seiten-inhalt [data-ki]{display:inline-block;font:var(--fw-medium) var(--fs-xs) var(--font-text);color:var(--c-text-muted);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-1);padding:0 var(--s-2);background:var(--c-surface)}
.seiten-inhalt .knopf{margin:var(--s-2) var(--s-2) var(--s-2) 0}
.seiten-inhalt section>.knopf,.seiten-inhalt section>.chip-link{justify-self:start}
.beitrag .wrap{max-width:820px}
.beitrag section{grid-template-columns:minmax(0,1fr)!important;border-top:0!important;padding:var(--s-3) 0}
.beitrag section>h2{position:static!important;grid-row:auto!important}
.beitrag section>*{grid-column:1/-1!important}
.beitrag-meta{color:var(--c-text-muted);font-size:var(--fs-sm);margin-bottom:var(--s-3)}
.blog-liste .satz{display:block}
.zeilen a{align-items:center}
.zeilen .foto{position:relative;display:block;border-radius:var(--r-bild);overflow:hidden;background:var(--c-surface-2)}
.zeilen .foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ki-tag{position:absolute;left:var(--s-2);bottom:var(--s-2);font:var(--fw-medium) var(--fs-xs)/1.3 var(--font-text);color:var(--c-text);background:var(--c-tag-fill);border-radius:var(--r-1);padding:0 var(--s-2)}
@media (min-width:860px){.zeilen a{grid-template-columns:150px minmax(0,4fr) minmax(0,6fr)}}
@media (max-width:859px){.zeilen a{grid-template-columns:96px minmax(0,1fr);column-gap:var(--s-4)}.zeilen .foto{grid-row:1/3}.zeilen .name,.zeilen .satz{grid-column:2}}
figure.video{margin:0}
figure.video video{width:100%;height:auto;border-radius:var(--r-bild);background:var(--c-surface-2);display:block}
figure.video figcaption{margin-top:var(--s-2);font-size:var(--fs-sm);color:var(--c-text-muted)}
.nav-gruppe{position:relative}
.nav-sub{display:none;position:absolute;left:calc(-1 * var(--s-4));top:100%;min-width:17rem;padding:var(--s-2);background:var(--c-surface);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-3);box-shadow:var(--shadow-float);z-index:30}
.nav-gruppe:hover .nav-sub,.nav-gruppe:focus-within .nav-sub{display:grid}
.nav-sub a{color:var(--c-text);padding:var(--s-3);min-height:var(--hit-min);border-bottom:0!important;border-radius:var(--r-2);font-weight:var(--fw-text)}
.nav-sub a:hover{background:var(--c-surface-2)}
.mobil nav a.unter{padding-left:var(--s-6);font-size:var(--fs-sm);color:var(--c-text-muted)}
.vorzeile{font:var(--fw-medium) var(--fs-sm)/1.3 var(--font-text);color:var(--c-text-muted);margin:0 0 var(--s-3)}
.seiten-inhalt [data-tarif]{border:var(--b-blatt) solid var(--c-blatt-line);border-bottom-width:var(--b-blatt-unten);border-radius:var(--r-blatt);padding:var(--s-blatt);background:var(--c-blatt);box-shadow:var(--shadow-blatt);display:flex;flex-direction:column;gap:var(--s-2);position:relative}
.seiten-inhalt [data-tarif="hervor"]{border:var(--b-regel) solid var(--c-entschieden-line)}
.seiten-inhalt [data-tarif] h3{margin:0;font-size:var(--fs-xl)}
.seiten-inhalt [data-rolle="tag"]{color:var(--c-text-muted);margin:0}
.seiten-inhalt [data-rolle="preis"]{margin:var(--s-3) 0 0;font:var(--fw-head) var(--fs-2xl)/1 var(--font-head);color:var(--c-text)}
.seiten-inhalt [data-rolle="preis"] s{font-size:var(--fs-lg);color:var(--c-text-muted);font-weight:var(--fw-text);margin-right:var(--s-2)}
.seiten-inhalt [data-rolle="sub"]{margin:0 0 var(--s-3);font-size:var(--fs-sm);color:var(--c-text-muted)}
.seiten-inhalt [data-rolle="band"]{align-self:flex-start;font:var(--fw-strong) var(--fs-sm)/1.3 var(--font-text);color:var(--c-entschieden-text);background:var(--c-entschieden-fill);border:var(--b-haar) solid var(--c-entschieden-line);border-radius:var(--r-1);padding:0 var(--s-2)}
.seiten-inhalt [data-tarif] ul{flex:1}
.seiten-inhalt [data-tarif] .knopf{align-self:flex-start}
.seiten-inhalt video{max-width:100%;height:auto;border-radius:var(--r-bild);display:block;background:var(--c-surface-2)}
.seiten-inhalt iframe{max-width:100%}
.seiten-inhalt,.zeilen,.blog-liste,.fuss{overflow-wrap:anywhere}
.seiten-inhalt a{overflow-wrap:anywhere;word-break:break-word}
.zeilen .name,.legende h3,.karte h3{hyphens:auto}
.handbuch section{display:block!important}
.handbuch section>h2{position:static!important;margin:var(--s-7) 0 var(--s-3)}
.handbuch .wrap{max-width:980px}
.handbuch table{font-size:var(--fs-sm)}
.handbuch code{font:var(--fw-text) .9em var(--font-mono);background:var(--c-surface-2);padding:0 .25em;border-radius:var(--r-1)}
.balken{margin:var(--s-4) 0;max-width:34rem}
.balken p{margin:var(--s-2) 0 var(--s-1)}
.balken progress{-webkit-appearance:none;appearance:none;width:100%;height:14px;border:0;border-radius:7px;background:var(--c-surface-2);accent-color:var(--c-accent);display:block}
.balken progress::-webkit-progress-bar{background:var(--c-surface-2);border-radius:7px}
.balken progress::-webkit-progress-value{background:var(--c-accent);border-radius:7px}
.balken progress::-moz-progress-bar{background:var(--c-accent);border-radius:7px}
table.lewis{max-width:34rem}
table.lewis th{width:9rem;text-align:left;font-weight:var(--fw-strong)}
.lewis-marker{font-weight:var(--fw-strong);color:var(--c-entschieden-text)}
.kreis-block{display:grid;gap:var(--s-4);justify-items:center}
.kreis{width:100%;max-width:520px;height:auto;display:block;overflow:visible}
.kreis .speichen line{stroke:var(--c-line-strong);stroke-width:1.5}
.kreis .mitte .ring{fill:var(--c-surface);stroke:var(--logo-violett);stroke-width:7}
.kreis .mitte .balken{fill:var(--logo-orange)}
.kreis .blase circle{fill:var(--c-surface);stroke:var(--c-line-strong);stroke-width:1.5;transition:fill var(--t-kurz) var(--ease),stroke var(--t-kurz) var(--ease)}
.kreis .blase text{font:var(--fw-head) 18px/1 var(--font-text);fill:var(--c-text);text-anchor:middle;dominant-baseline:central;pointer-events:none}
.kreis .blase:hover circle,.kreis .blase:focus-visible circle,.kreis .blase.treffer circle{fill:var(--c-accent);stroke:var(--c-accent)}
.kreis .blase:hover text,.kreis .blase:focus-visible text,.kreis .blase.treffer text{fill:var(--c-on-accent)}
.kreis .blase:focus-visible{outline:none}
.kreis .blase:focus-visible circle{stroke:var(--c-focus);stroke-width:4}
.kreis .blase.treffer circle{stroke-width:4;stroke:var(--c-entschieden-line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kreis .mitte .ring{stroke:var(--logo-violett-dunkelgrund)}}
:root[data-theme="dark"] .kreis .mitte .ring{stroke:var(--logo-violett-dunkelgrund)}
.kreis-suche{width:100%;max-width:520px}
.kreis-suche label{display:block;font-weight:var(--fw-strong);margin-bottom:var(--s-1)}
.kreis-treffer{margin:var(--s-2) 0 0;font-weight:var(--fw-medium)}
.vorschlag-zeile{max-width:560px}
.kreis-pause{justify-self:end;margin-top:calc(-1 * var(--s-2))}
.ki-tag{white-space:nowrap}
.zeilen .foto{align-self:center}
@media (max-width:859px){
  .zeilen .ki-tag{left:var(--s-1);bottom:var(--s-1);font-size:.75rem;line-height:1.35;padding:0 var(--s-1)}
  .zeilen .name{font-size:var(--fs-lg);line-height:1.15}
  .zeilen a{padding:var(--s-3) var(--s-2)}
}
.seiten-kopf.mit-bild .wrap{display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1fr);align-items:center}
@media (min-width:960px){.seiten-kopf.mit-bild .wrap{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}}
.systembild{margin:0}
.systembild img{display:block;width:100%;height:auto;border-radius:var(--r-bild);border:var(--b-haar) solid var(--c-blatt-line);background:var(--c-blatt);box-shadow:var(--shadow-blatt)}
.systembild figcaption{margin-top:var(--s-2);font-size:var(--fs-sm);color:var(--c-text-muted)}
.seiten-inhalt .karte:has(ul){border:var(--b-blatt) solid var(--c-blatt-line);border-bottom-width:var(--b-blatt-unten);border-radius:var(--r-blatt);padding:var(--s-blatt);background:var(--c-blatt);box-shadow:var(--shadow-blatt);position:relative}
.beispiel-raster{display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){.beispiel-raster{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-8);align-items:start}}
.legende-stapel{grid-template-columns:minmax(0,1fr)!important}
ul.linkreihe{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0 0 var(--s-3)}
ul.linkreihe li{margin:0;max-width:none}
ul.linkreihe a,.chip-link{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--hit-min);padding:0 var(--s-4);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-chip);text-decoration:none;color:var(--c-text);font-weight:var(--fw-medium);background:var(--c-blatt);line-height:1.25}
ul.linkreihe a:hover,.chip-link:hover{background:var(--c-surface-2);border-color:var(--c-text)}
p.verweis{margin:0 0 var(--s-3)}
.nav-karten{list-style:none;margin:var(--s-4) 0;padding:0;display:grid;gap:var(--s-3)}
@media (min-width:720px){.nav-karten{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}
.nav-karten li{margin:0;max-width:none}
.nav-karten a{display:grid;gap:var(--s-1);height:100%;padding:var(--s-4) var(--s-blatt);color:var(--c-text);text-decoration:none;background:var(--c-blatt);border:var(--b-blatt) solid var(--c-blatt-line);border-left:4px solid var(--c-text);border-bottom-width:var(--b-blatt-unten);border-radius:var(--r-blatt);box-shadow:var(--shadow-blatt)}
.nav-karten a:hover{border-left-color:var(--c-accent)}
.nav-karten a:hover .nk-titel{text-decoration:underline;text-decoration-color:var(--c-accent)}
.nav-karten .nk-titel{font:var(--fw-head) var(--fs-lg)/1.2 var(--font-head);hyphens:auto}
.nav-karten .nk-zweck{color:var(--c-text-muted);font-size:var(--fs-sm)}
.nav-karten .nk-aktion{color:var(--c-link);font-weight:var(--fw-strong);font-size:var(--fs-sm);margin-top:var(--s-1)}
.seiten-inhalt .karte h3 a{color:inherit;text-decoration:none}
.seiten-inhalt .karte h3 a:hover{text-decoration:underline}
.seiten-inhalt .karte a.knopf{margin:var(--s-3) 0 0;text-decoration:none}
.seiten-inhalt .karte:has(ul){display:flex;flex-direction:column}
.seiten-inhalt .karte:has(ul) a.knopf{align-self:flex-start;margin-top:auto}
.seiten-inhalt .karte a.knopf,.seiten-inhalt a.knopf{line-height:1.25;padding-top:var(--s-2);padding-bottom:var(--s-2);text-align:center}
@media (min-width:720px){.fuss-spalten{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fuss button.k-text{font:inherit;background:none;border:0;padding:var(--s-1) 0;text-decoration:none;color:var(--c-fuss-text);cursor:pointer;text-align:left;min-height:0;display:block}
.fuss button.k-text:hover{text-decoration:underline}
.blog-karten{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-6) var(--s-5);grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr))}
.blog-karte a{display:flex;flex-direction:column;gap:var(--s-2);height:100%;color:var(--c-text);text-decoration:none}
.blog-karte .bk-bild{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-bild);background:var(--c-surface-2);border:var(--b-haar) solid var(--c-line)}
.blog-leit{list-style:none;margin:0 0 var(--s-6);padding:0}
.blog-leit a{display:grid;gap:var(--s-4);color:var(--c-text);text-decoration:none;background:var(--c-blatt);border:var(--b-blatt) solid var(--c-blatt-line);border-bottom-width:var(--b-blatt-unten);border-radius:var(--r-blatt);box-shadow:var(--shadow-blatt);overflow:hidden;position:relative}
@media (min-width:860px){.blog-leit a{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0}}
.blog-leit .bk-bild{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--c-surface-2)}
@media (min-width:860px){.blog-leit .bk-bild{aspect-ratio:4/3;height:100%}}
.blog-leit .bk-bild img{display:block;width:100%;height:100%;object-fit:cover}
.blog-leit .bk-text{display:grid;align-content:center;gap:var(--s-2);padding:var(--s-4) var(--s-blatt) var(--s-blatt)}
@media (min-width:860px){.blog-leit .bk-text{padding:var(--s-6) var(--s-6)}}
.blog-leit .bk-titel{font:var(--fw-head) var(--fs-2xl)/1.12 var(--font-head);letter-spacing:var(--tracking-head);hyphens:auto}
.blog-leit a:hover .bk-titel{text-decoration:underline}
.blog-leit .bk-auszug{color:var(--c-text-muted)}
.blog-leit .bk-meta{font-size:var(--fs-sm);color:var(--c-text-muted)}
.blog-leit .bk-kat,.blog-zeilen .bk-kat{font-weight:var(--fw-strong);color:var(--c-text)}
.blog-leit .bk-aktion{color:var(--c-link);font-weight:var(--fw-strong);margin-top:var(--s-2)}
.blog-zeilen .bk-meta{display:block;font-size:var(--fs-sm);color:var(--c-text-muted)}
.blog-zeilen .bk-bild{position:relative;display:block;border-radius:var(--r-bild);overflow:hidden;background:var(--c-surface-2)}
.blog-zeilen .bk-bild img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.blog-zeilen .bk-ohne{aspect-ratio:4/3}
.blog-zeilen .name{font-size:var(--fs-lg)}
.blog-zeilen .satz{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:860px){.blog-zeilen a{grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:var(--s-1)}.blog-zeilen .bk-bild{grid-row:1/4}.blog-zeilen .bk-meta,.blog-zeilen .name,.blog-zeilen .satz{grid-column:2}}
@media (max-width:859px){.blog-zeilen a{grid-template-columns:96px minmax(0,1fr);column-gap:var(--s-4)}.blog-zeilen .bk-bild{grid-row:1/4}.blog-zeilen .bk-meta,.blog-zeilen .name,.blog-zeilen .satz{grid-column:2}}
.blog-karte .bk-bild img{display:block;width:100%;height:100%;object-fit:cover}
.blog-karte .bk-ohne{background:var(--c-surface-2)}
.blog-karte .bk-meta{font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:var(--s-1)}
.blog-karte .bk-kat{font-weight:var(--fw-strong);color:var(--c-text)}
.blog-karte .bk-titel{font:var(--fw-head) var(--fs-lg)/1.2 var(--font-head)}
.blog-karte a:hover .bk-titel{text-decoration:underline}
.blog-karte .bk-auszug{font-size:var(--fs-sm);color:var(--c-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.beitragsbild{margin:var(--s-5) 0 0}
.beitragsbild img{display:block;width:100%;max-width:820px;height:auto;border-radius:var(--r-bild);border:var(--b-haar) solid var(--c-line)}
.beitragsbild img{width:auto;max-width:100%;max-height:30rem}
.bb-rahmen{position:relative;display:inline-block;max-width:100%;line-height:0}
.bb-rahmen .ki-tag{line-height:1.3}
.bildschirm::before,.bildschirm::after,.lieferschein::before,.lieferschein::after,.seiten-inhalt .karte:has(ul)::before,.seiten-inhalt .karte:has(ul)::after,.blog-leit a::before,.blog-leit a::after,.kontakt-karte::before,.kontakt-karte::after{content:"";position:absolute;width:var(--eckmarke);height:var(--eckmarke);border:0 solid var(--c-blatt-marke);pointer-events:none;z-index:2}
.bildschirm::before,.lieferschein::before,.seiten-inhalt .karte:has(ul)::before,.blog-leit a::before,.kontakt-karte::before{top:0;left:0;border-top-width:var(--b-eckmarke);border-left-width:var(--b-eckmarke)}
.bildschirm::after,.lieferschein::after,.seiten-inhalt .karte:has(ul)::after,.blog-leit a::after,.kontakt-karte::after{bottom:0;right:0;border-bottom-width:var(--b-eckmarke);border-right-width:var(--b-eckmarke)}
@media (prefers-reduced-motion:no-preference){
  :root:not([data-bewegung="reduziert"]) .hero [data-bestellung] tbody tr{animation:drucken var(--t-druck) var(--ease) both;animation-delay:var(--t-druck-start)}
  :root:not([data-bewegung="reduziert"]) .hero [data-bestellung] tbody tr:nth-child(2){animation-delay:calc(var(--t-druck-start) + var(--t-druck-schritt))}
  :root:not([data-bewegung="reduziert"]) .hero [data-bestellung] tbody tr:nth-child(3){animation-delay:calc(var(--t-druck-start) + 2*var(--t-druck-schritt))}
  :root:not([data-bewegung="reduziert"]) .hero [data-bestellung] .aktion-v,:root:not([data-bewegung="reduziert"]) .hero [data-bestellung] .hinweis-v{animation:drucken var(--t-druck) var(--ease) both;animation-delay:calc(var(--t-druck-start) + 3*var(--t-druck-schritt))}
  :root:not([data-bewegung="reduziert"]) .hero .systembild{animation:schieben calc(2*var(--t-druck)) var(--ease) both;animation-delay:var(--t-druck-start)}
}
@keyframes drucken{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-6px)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes schieben{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.kontakt-karte{background:var(--c-blatt);border:var(--b-blatt) solid var(--c-blatt-line);border-top:4px solid var(--c-text);border-bottom-width:var(--b-blatt-unten);border-radius:var(--r-blatt);box-shadow:var(--shadow-blatt);padding:var(--s-blatt);position:relative;display:grid;gap:var(--s-3);align-content:start}
.kontakt-karte h2{font-size:var(--fs-xl);margin:0}
.kontakt-karte .kk-wer{color:var(--c-text-muted);margin:0}
.kontakt-karte .kk-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.kontakt-karte dl{margin:0;display:grid;gap:var(--s-1) var(--s-3)}
.kontakt-karte dt{color:var(--c-text-muted);font-size:var(--fs-sm);margin-top:var(--s-2)}.kontakt-karte dd{margin:0}
.kontakt-karte .kk-fakten{list-style:none;margin:0;padding:0;border-top:var(--b-haar) solid var(--c-line)}
.kontakt-karte .kk-fakten li{display:flex;gap:var(--s-2);align-items:center;padding:var(--s-2) 0;border-bottom:var(--b-haar) solid var(--c-line);font-size:var(--fs-sm)}
.kontakt-karte .kk-fakten svg{width:18px;height:18px;flex:none;color:var(--c-daten-haken)}
.kontakt-blatt{background:var(--c-blatt);border:var(--b-blatt) solid var(--c-blatt-line);border-bottom-width:var(--b-blatt-unten);border-radius:var(--r-blatt);box-shadow:var(--shadow-blatt);padding:var(--s-blatt)}
@media (min-width:720px){.kontakt-blatt{padding:var(--s-6)}}
.kontakt-blatt .formular{max-width:none}
.kontakt-blatt h2{font-size:var(--fs-xl);margin-bottom:var(--s-4)}
.beitrag-weiter{padding:var(--s-6) 0 var(--s-8);border-top:var(--b-regel) solid var(--c-text);margin-top:var(--s-6)}
.beitrag-weiter h2{font-size:var(--fs-lg);margin-bottom:var(--s-3)}
.band{border-top:var(--band-kante) solid var(--c-band-akzent)}
@media (min-width:960px){
  .seiten-inhalt .raster>.raster{grid-template-columns:minmax(0,1fr);margin-bottom:0}
  .seiten-inhalt .raster>.raster .karte ul{columns:2;column-gap:var(--s-5)}
  .seiten-inhalt .raster>.raster .karte li{break-inside:avoid}
}
@media (min-width:960px){
  .seiten-inhalt .raster:has(>.karte:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .seiten-inhalt section>div>ul:has(>li:nth-child(8)),.seiten-inhalt section>ul:has(>li:nth-child(8)){columns:2;column-gap:var(--s-5)}
  .seiten-inhalt ul:has(>li:nth-child(8))>li{break-inside:avoid}
}
@media (min-width:960px){
  .seiten-inhalt section>div:has(>div>h2):has(>figure){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-6);align-items:start}
  .seiten-inhalt section>div:has(>div>h2):has(>figure)>figure{margin:0}
}
.kopierfeld { display: inline-block; padding: var(--s-1) var(--s-3); border: var(--b-haar) solid var(--c-line-strong); border-radius: var(--r-2); background: var(--c-blatt); user-select: all; overflow-wrap: anywhere; }
.support-abschnitt { margin-top: var(--s-8); padding-top: var(--s-6); border-top: var(--b-haar) solid var(--c-line); max-width: 46rem; }
.support-abschnitt h3 { margin-top: var(--s-6); }
.orte{display:grid;gap:var(--s-6) var(--s-5);grid-template-columns:minmax(0,1fr)}
.ort{margin:0;min-width:0}
.ort-bild{position:relative}
.ort-bild img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-bild)}
.ort-bild .ki-tag{top:var(--s-2);bottom:auto}
.ort figcaption{margin-top:var(--s-3);max-width:52ch}
.ort h3{margin:0 0 var(--s-1)}
.ort p{margin:0;color:var(--c-text-muted)}
@media (min-width:860px){
  .orte{grid-template-columns:repeat(12,minmax(0,1fr))}
  .ort-1{grid-column:1/8}.ort-2{grid-column:8/13;align-self:end}
  .ort-3{grid-column:1/6;align-self:start}.ort-4{grid-column:6/13}
  .ort-2 .ort-bild img,.ort-3 .ort-bild img{aspect-ratio:4/3}
  .ort-1 .ort-bild img,.ort-4 .ort-bild img{aspect-ratio:16/10}
}
@media (min-width:860px){ul.linkreihe.nur-schmal{display:none}}
.nb{white-space:nowrap}
.vorschau-blatt{margin:0;max-width:26rem}.vorschau-blatt a{display:block}.vorschau-blatt a:hover img{border-color:var(--c-text)}.vorschau-blatt img{display:block;width:100%;height:auto;border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-1);background:#fff}.vorschau-blatt figcaption{margin-top:var(--s-2);color:var(--c-text-muted);font-size:var(--fs-sm)}
.vorlagen-raster{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-6) var(--s-5);grid-template-columns:minmax(0,1fr)}
.vorlagen-karte{min-width:0}
.vorlagen-karte h2{margin:var(--s-3) 0 var(--s-1);font-size:var(--fs-lg)}
.vorlagen-karte h2 a{color:inherit;text-decoration:none}
.vorlagen-karte h2 a:hover{text-decoration:underline}
.vorlagen-karte p{margin:0 0 var(--s-3);color:var(--c-text-muted)}
.vorschau-link{display:block}.vorschau-link img{display:block;width:100%;height:auto;border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-1);background:#fff}
.vorschau-link:hover img{border-color:var(--c-text)}
@media (min-width:860px){.vorlagen-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.vorlagen-teaser p a:not(.knopf),.seiten-kopf p.klein a{display:inline-block;padding-block:.55rem}}
.ew-huelle .ew-box{max-height:calc(100dvh - 2 * var(--s-2));overflow-y:auto}
.fuss-branchen{margin-bottom:var(--s-5)}.fuss-branchen h2{font-size:var(--fs-md);margin:0 0 var(--s-2)}
.mobil nav summary{border:0;padding:var(--s-3);color:var(--c-text);font-weight:var(--fw-regular,400);min-height:var(--hit-min);display:flex;align-items:center;cursor:pointer;background:none}
.mobil nav summary::after{content:"▾";margin-left:var(--s-2)}
.mobil-unter[open] summary::after{content:"▴"}
.mobil-unter{display:block}
.mobil nav .mobil-unter a{display:block}
@media (min-width:960px){
.beitrag-kopf>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 19rem;column-gap:var(--s-6);align-items:start}
.beitrag-kopf>.wrap>*{grid-column:1}
.beitrag-kopf>.wrap>.beitragsbild{grid-column:2;grid-row:1/span 5;margin:0}
.beitrag-kopf .beitragsbild img{max-height:none;width:100%}
}
.formular{display:grid;gap:var(--s-4);max-width:36rem}
.formular .feld{margin:0}
.formular label{margin-bottom:var(--s-1)}
.formular textarea.eingabe{min-height:9rem;padding:var(--s-3);resize:vertical;line-height:1.5}
.formular .eingabe[aria-invalid="true"]{border:var(--b-regel) solid var(--c-fehler)}
.formular .eingabe:focus-visible,.formular .haken input:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.formular .haken{display:flex;align-items:flex-start;gap:var(--s-3);font-weight:var(--fw-text);min-height:var(--hit);cursor:pointer}
.formular .haken input{flex:none;width:24px;height:24px;margin:var(--s-2) 0 0;accent-color:var(--c-accent)}
.formular .haken a{color:var(--c-link)}
.formular .feld-fehler{display:flex;gap:var(--s-2);align-items:flex-start;margin:var(--s-1) 0 0;color:var(--c-fehler-text);font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.formular .feld-fehler[hidden],.formular .form-meldung[hidden],.formular .form-erfolg[hidden]{display:none}
.formular .feld-fehler svg{flex:none;width:20px;height:20px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:2}
.formular .form-meldung{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-left:4px solid;border-radius:var(--r-1)}
.formular .form-meldung svg{flex:none;width:20px;height:20px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2}
.formular .form-meldung p{margin:0}
.formular .form-meldung.m-ok p+p{margin-top:var(--s-2)}
.formular [aria-busy="true"] .knopf,.formular .knopf[disabled]{opacity:.6;cursor:progress}
.formular .hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.kontakt-raster{display:grid;gap:var(--s-6);padding:var(--s-6) 0}
@media (min-width:960px){.kontakt-raster{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.kontakt-daten h2{font-size:var(--fs-xl);margin-bottom:var(--s-4)}
.kontakt-daten dl{margin:0}
.kontakt-daten dt{font-weight:var(--fw-strong);margin-top:var(--s-4)}
.kontakt-daten dd{margin:var(--s-1) 0 0;color:var(--c-text-muted)}
.kontakt-daten dd a{color:var(--c-link)}
.kontakt-recht{padding-bottom:var(--s-7);color:var(--c-text-muted);font-size:var(--fs-sm);max-width:var(--measure)}
@media (max-width:959px){.kontakt-raster .kontakt-blatt{order:-1}}
.wz{display:grid;gap:var(--s-5);margin:var(--s-4) 0;max-width:46rem;font-family:var(--font-text)}
.wz [hidden]{display:none!important}
.wz h2{font-size:var(--fs-xl);margin:0 0 var(--s-3)}
.wz h3{font-size:var(--fs-lg);margin:0 0 var(--s-3)}
.wz p{max-width:none}
.wz .meldung{margin:0}
.wz-karte{background:var(--c-surface);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-2);padding:var(--s-4);display:grid;gap:var(--s-4);min-width:0}
@media (min-width:720px){.wz-karte{padding:var(--s-5)}}
.wz-badge{margin:0;padding:var(--s-3) var(--s-4);border-left:4px solid var(--c-info);background:var(--c-info-fill);color:var(--c-info-text);border-radius:var(--r-1);font-size:var(--fs-sm)}
.wz-klein{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0}
.wz-ergebnis .wz-klein{color:var(--c-text)}
.wz-aktion{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.wz .knopf{margin:0}
.wz .knopf[disabled]{opacity:.55;cursor:not-allowed}
.wz-raster,.wz-raster1{display:grid;gap:var(--s-4)}
@media (min-width:560px){.wz-raster{grid-template-columns:1fr 1fr}}
.wz-feld{min-width:0;position:relative}
.wz-feld label{display:block;margin:0 0 var(--s-1);font-weight:var(--fw-strong)}
.wz-einheit{display:flex;align-items:center;gap:var(--s-2)}
.wz-einheit .eingabe{flex:1}
.wz select.eingabe{padding-right:var(--s-2)}
.wz .eingabe[aria-invalid="true"]{border:var(--b-regel) solid var(--c-fehler)}
.wz .feld-fehler{display:flex;gap:var(--s-2);align-items:flex-start;margin:var(--s-1) 0 0;color:var(--c-fehler-text);font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.wz .feld-fehler svg{flex:none;width:20px;height:20px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:2}
.wz-labelzeile{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}
.wz-labelzeile label{margin:0}
.wz-info summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--hit-min);height:var(--hit-min);margin:-8px -8px -8px 0;border-radius:var(--r-2)}
.wz-info summary::-webkit-details-marker{display:none}
.wz-info summary span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--r-rund);border:2px solid var(--c-link);color:var(--c-link);font-weight:var(--fw-head);font-size:var(--fs-xs);line-height:1}
.wz-info[open] summary span{background:var(--c-link);color:var(--c-bg)}
.wz-info summary:focus-visible{outline:var(--focus-ring);outline-offset:0}
.wz-info p{position:absolute;left:0;right:0;top:calc(var(--hit-min) + 2px);z-index:5;margin:0;padding:var(--s-3) var(--s-4);background:var(--c-surface);color:var(--c-text);border:var(--b-regel) solid var(--c-entschieden-line);border-radius:var(--r-2);box-shadow:var(--shadow-float);font-size:var(--fs-sm);font-weight:var(--fw-text);line-height:1.5}
.wz-umschalter{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.wz-tg{min-height:var(--hit);padding:0 var(--s-4);font:var(--fw-medium) var(--fs-md)/1.2 var(--font-text);color:var(--c-text);background:var(--c-surface);border:var(--b-regel) solid var(--c-line-strong);border-radius:var(--r-2);cursor:pointer}
.wz-tg:hover{border-color:var(--c-text)}
.wz-tg[aria-pressed="true"]{background:var(--c-entschieden-fill);border-color:var(--c-entschieden-line);color:var(--c-entschieden-text);font-weight:var(--fw-strong)}
.wz-tg[aria-pressed="true"]::before{content:"\2713\00a0"}
.wz-tg:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.wz-regler{display:grid;gap:var(--s-3)}
.wz-zeile label{display:flex;justify-content:space-between;gap:var(--s-3);margin:0;font-weight:var(--fw-strong)}
.wz-zeile output,.wz-ausgabe{font-weight:var(--fw-head);color:var(--c-entschieden-text);font-variant-numeric:tabular-nums}
.wz-slider{display:block;width:100%;height:var(--hit-min);margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.wz-slider:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--r-2)}
.wz-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--c-line-strong)}
.wz-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--c-line-strong)}
.wz-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;background:var(--c-accent);border:3px solid var(--c-surface);box-shadow:0 0 0 1px var(--c-accent)}
.wz-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--c-accent);border:3px solid var(--c-surface);box-shadow:0 0 0 1px var(--c-accent)}
.wz-ergebnis{background:var(--c-entschieden-fill);border:var(--b-entschieden);border-radius:var(--r-2);padding:var(--s-4);display:grid;gap:var(--s-4);min-width:0}
@media (min-width:720px){.wz-ergebnis{padding:var(--s-5)}}
.wz-ergebnis>*{margin:0}
.wz-ergebnis h3 .wz-sub{font-weight:var(--fw-text);color:var(--c-text-muted)}
.wz-werte{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4)}
@media (min-width:560px){.wz-werte{grid-template-columns:1fr 1fr}}
.wz-wert{border-top:var(--b-regel) solid var(--c-text);padding-top:var(--s-2);margin:0;max-width:none}
.wz-wert p{margin:0}
.wz-l{font-size:var(--fs-sm);color:var(--c-text-muted)}
.wz-v{font:var(--fw-head) var(--fs-xl)/1.15 var(--font-head);overflow-wrap:anywhere}
.wz-v .unit{font-size:var(--fs-md);font-weight:var(--fw-strong)}
.wz-c{font-size:var(--fs-sm)}
.wz-gross{font:var(--fw-head) var(--fs-2xl)/1.15 var(--font-head);overflow-wrap:anywhere}
.wz-score{font:var(--fw-head) var(--fs-2xl)/1.1 var(--font-head);outline:none}
.wz-band{font-size:var(--fs-lg);font-weight:var(--fw-strong)}
.wz-skala{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.wz-skala li{flex:1;height:14px;margin:0;border:2px solid var(--c-entschieden-line);border-radius:3px}
.wz-skala li.ja{background:var(--c-accent)}
.wz-fortschritt{display:grid;gap:var(--s-2)}
.wz-fortschritt p{margin:0;font-weight:var(--fw-strong)}
.wz-progress{display:block;width:100%;height:12px;border:0;border-radius:6px;background:var(--c-surface-3);overflow:hidden;-webkit-appearance:none;appearance:none}
.wz-progress::-webkit-progress-bar{background:var(--c-surface-3)}
.wz-progress::-webkit-progress-value{background:var(--c-accent)}
.wz-progress::-moz-progress-bar{background:var(--c-accent)}
.wz-fragen,.wz-kat{display:grid;gap:var(--s-4)}
.wz-fragen{gap:var(--s-6)}
.wz-frage{min-width:0;margin:0;padding:var(--s-4) 0 0;border:0;border-top:var(--b-haar) solid var(--c-line)}
.wz-frage legend{padding:0;margin:0 0 var(--s-3);font-weight:var(--fw-strong);max-width:100%}
.wz-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}
.wz-opt{position:relative;display:block;margin:0;font-weight:var(--fw-medium)}
.wz-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.wz-opt span{display:flex;align-items:center;justify-content:center;gap:.4em;min-height:var(--hit);padding:var(--s-1) var(--s-2);text-align:center;line-height:1.2;background:var(--c-surface);border:var(--b-regel) solid var(--c-line-strong);border-radius:var(--r-2)}
.wz-opt:hover span{border-color:var(--c-text)}
.wz-opt input:checked+span{background:var(--c-entschieden-fill);border-color:var(--c-entschieden-line);color:var(--c-entschieden-text);font-weight:var(--fw-strong)}
.wz-opt input:checked+span::before{content:"\2713"}
.wz-opt input:focus-visible+span{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.wz-hint{display:flex;gap:var(--s-2);margin:var(--s-3) 0 0;padding:var(--s-3);background:var(--c-info-fill);color:var(--c-info-text);border-left:4px solid var(--c-info);border-radius:var(--r-1);font-size:var(--fs-sm)}
.wz-hint svg{flex:none;width:20px;height:20px;margin-top:2px;fill:none;stroke:currentColor}
.wz-lead-schalter{margin-top:var(--s-2)}
.wz-lead{margin:0;padding:var(--s-4);max-width:none;background:var(--c-surface);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-2)}
.wz-lead h3{margin:0}
.wz-lead .haken{font-size:var(--fs-sm)}
.wz-msg{margin:0}
.wz-msg p{margin:0}
.wz-msg:focus-visible{outline:var(--focus-ring)}
.wz-zeilen{display:grid;gap:var(--s-3)}
.wz-zutat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-3);padding:var(--s-3);border:var(--b-haar) solid var(--c-line);border-radius:var(--r-2)}
.wz-zutat .z-name,.wz-zutat .z-preis{grid-column:1/-1}
.wz-rm{justify-self:end;width:var(--hit);height:var(--hit);padding:0;font:var(--fw-strong) 1.5rem/1 var(--font-text);color:var(--c-text);background:transparent;border:var(--b-regel) solid var(--c-line-strong);border-radius:var(--r-2);cursor:pointer}
.wz-rm:hover{border-color:var(--c-text)}
.wz-rm:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
@media (min-width:720px){
  .wz-zutat{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) var(--hit);align-items:end}
  .wz-zutat .z-name,.wz-zutat .z-preis{grid-column:auto}
}
.wz-tabwrap{overflow-x:auto}
.wz-tab{width:100%;border-collapse:collapse;font-size:var(--fs-md)}
.wz-tab th,.wz-tab td{padding:var(--s-2) var(--s-3);border-bottom:var(--b-haar) solid var(--c-line);background:transparent;text-align:left;vertical-align:top;font-weight:var(--fw-text)}
.wz-tab td.z{text-align:right;white-space:nowrap}
.wz-tab tr.total th,.wz-tab tr.total td{font-weight:var(--fw-head);border-bottom:var(--b-regel) solid var(--c-line-strong)}
.wz-urteil{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--c-surface);border:var(--b-regel) solid var(--c-entschieden-line);border-radius:var(--r-1);font-weight:var(--fw-strong)}
.wz-urteil svg{flex:none;width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:1}
.wz-faq h3{margin:var(--s-4) 0 var(--s-2)}
.wz-faq p{margin:0 0 var(--s-3)}
.wz-form{display:grid;gap:var(--s-5)}
.wz-faq{padding-top:var(--s-3)}
.anmelden-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--s-5);margin:var(--s-6) 0}.anmelden-raster .kontakt-karte{align-content:start}
.shot{margin:0;border:var(--b-blatt) solid var(--c-blatt-line);border-bottom-width:var(--b-blatt-unten);border-radius:var(--r-blatt);background:var(--c-blatt);box-shadow:var(--shadow-blatt);overflow:hidden}
.shot img{display:block;width:100%;height:auto}
.shot .s-d{display:none}
:root[data-theme="dark"] .shot .s-d{display:block}
:root[data-theme="dark"] .shot .s-h:has(+ .s-d){display:none}
.shot figcaption{padding:var(--s-2) var(--s-4);font-size:var(--fs-xs);color:var(--c-text-muted);border-top:var(--b-haar) solid var(--c-line)}
.bild-zeile .text h3{font-size:var(--fs-xl);margin-top:0}
.etikett-tarif{display:inline-block;margin-left:var(--s-3);padding:0 var(--s-3);vertical-align:middle;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-text);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-chip);white-space:nowrap}
table.tarife{min-width:40rem}
table.tarife .z-mitte{text-align:center}
table.tarife thead th{vertical-align:bottom}
table.tarife .preis{display:block;font-size:var(--fs-xl);font-weight:var(--fw-hero);line-height:1.2}
table.tarife tr.gruppe th{background:var(--c-surface-2);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted)}
table.tarife tbody th[scope="row"]{font-weight:normal}
table.tarife tfoot th,table.tarife tfoot td{border-bottom:0;padding-top:var(--s-4)}
table.tarife tfoot .knopf{white-space:normal}
.schritte{list-style:none;counter-reset:schritt;display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:var(--s-5) 0;padding:0}
.schritte li{counter-increment:schritt;padding-top:var(--s-3);border-top:2px solid var(--c-text)}
.schritte li::before{content:counter(schritt);display:block;font-weight:var(--fw-hero);font-size:var(--fs-xl);line-height:1.1;margin-bottom:var(--s-2)}
.schritte h3{font-size:var(--fs-lg);margin:0 0 var(--s-2)}
.schritte p{margin:0;color:var(--c-text-muted)}
.demo-block{margin-top:var(--s-6);padding:var(--s-5);border:var(--b-blatt) solid var(--c-blatt-line);border-radius:var(--r-blatt);background:var(--c-blatt)}
.demo-block h3{margin-top:0}
.haken-liste{max-width:46rem;margin:var(--s-5) 0;padding-left:var(--s-5)}
.haken-liste li{margin-bottom:var(--s-2)}
.faq{max-width:50rem}
.faq details{border-top:var(--b-haar) solid var(--c-line);padding:var(--s-3) 0}
.faq details:last-child{border-bottom:var(--b-haar) solid var(--c-line)}
.faq summary{cursor:pointer;font-weight:var(--fw-medium);font-size:var(--fs-md);min-height:var(--hit-min)}
.faq p{margin:var(--s-2) 0 0;color:var(--c-text-muted);max-width:60ch}
.newsletter-block{padding:var(--s-8) 0;background:var(--c-surface-2)}
.newsletter-block .formular{max-width:36rem}
.newsletter-block .lead-klein{max-width:46ch;color:var(--c-text-muted)}
.start-schritte{list-style:none;counter-reset:sch;display:grid;gap:var(--s-3);padding:0;margin:0;max-width:60rem}
@media (min-width:860px){.start-schritte{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}}
.start-schritte li{counter-increment:sch;border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-karte,4px);background:var(--c-blatt);padding:var(--s-4);max-width:none}
.start-schritte li::before{content:counter(sch);display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--c-text);color:var(--c-blatt);font-weight:var(--fw-strong);margin-bottom:var(--s-3)}
.start-schritte strong{display:block;margin-bottom:var(--s-1)}
.glossar{max-width:50rem;margin:0}.glossar>div{border-top:var(--b-haar) solid var(--c-line);padding:var(--s-3) 0}.glossar>div:last-child{border-bottom:var(--b-haar) solid var(--c-line)}.glossar dt{font-weight:var(--fw-strong);font-size:var(--fs-md)}.glossar dd{margin:var(--s-1) 0 0;color:var(--c-text-muted);max-width:62ch}
.brot{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0 0 var(--s-3)}.brot a{color:inherit}.brot [aria-current]{color:var(--c-text)}
@media (min-width:720px){.glossar.fakten{max-width:none}.glossar.fakten>div{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:var(--s-4)}.glossar.fakten dd{margin:0}}
.flaeche{background:var(--c-surface);border-top:var(--b-haar) solid var(--c-line);border-bottom:var(--b-haar) solid var(--c-line)}
.s-start .daten{background:var(--c-bg);border-top:var(--b-haar) solid var(--c-line)}
.s-start .kreis-block{background:var(--c-blatt);border:var(--b-blatt) solid var(--c-blatt-line);border-top:4px solid var(--c-text);border-radius:var(--r-blatt);padding:var(--s-blatt);position:relative;gap:var(--s-3)}
.s-start .kreis-block::before,.s-start .kreis-block::after{content:"";position:absolute;width:var(--eckmarke);height:var(--eckmarke);border:0 solid var(--c-blatt-marke);pointer-events:none}
.s-start .kreis-block::before{top:0;left:0;border-top-width:var(--b-eckmarke);border-left-width:var(--b-eckmarke)}
.s-start .kreis-block::after{bottom:0;right:0;border-bottom-width:var(--b-eckmarke);border-right-width:var(--b-eckmarke)}
.s-start .kreis{width:100%;max-width:420px;height:auto}
.s-start .kreis-pause{justify-self:center;margin-top:0}
.s-start .kreis-suche{max-width:none;border-top:var(--b-haar) solid var(--c-line);padding-top:var(--s-3)}
.s-start .hero .claim{margin-top:var(--s-4);border-left:6px solid var(--logo-orange);border-radius:0 var(--r-1) var(--r-1) 0}
@media (min-width:860px){
  .zeilen:not(.blog-zeilen) a{grid-template-columns:190px minmax(0,4fr) minmax(0,6fr) 1.5rem;padding:var(--s-4) var(--s-3)}
  .zeilen:not(.blog-zeilen) a::after{content:"";width:.7rem;height:.7rem;border-top:var(--b-regel) solid var(--c-text-muted);border-right:var(--b-regel) solid var(--c-text-muted);transform:rotate(45deg);justify-self:end;transition:transform var(--t-kurz) var(--ease),border-color var(--t-kurz) var(--ease)}
  .zeilen:not(.blog-zeilen) a:hover::after,.zeilen:not(.blog-zeilen) a:focus-visible::after{transform:translateX(4px) rotate(45deg);border-color:var(--c-link)}
}
.zeilen a:hover .name,.zeilen a:focus-visible .name{color:var(--c-link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.zeilen .foto img{aspect-ratio:3/2}
:root{--c-marke:var(--logo-orange)}
:root[data-kontrast="hoch"]{--c-marke:var(--k-orange)}
.abschnitt-kopf h2::before{content:"";display:block;width:2.5rem;height:.3rem;background:var(--c-marke);margin-bottom:var(--s-3);border-radius:1px}
.abschnitt-kopf h2{letter-spacing:-.015em}
.s-start .daten{background:var(--c-signal-flaeche);color:var(--c-signal-text);border-top:0}
.s-start .daten h2{color:var(--c-signal-text)}
.s-start .daten li{border-color:var(--c-band-line)}
.s-start .daten svg{color:var(--c-signal-accent);stroke:currentColor}
.k-haupt{box-shadow:inset 0 calc(-1 * var(--b-fokus)) 0 color-mix(in srgb,var(--c-accent) 72%,var(--d-25));transition:background var(--t-kurz) var(--ease),transform var(--t-kurz) var(--ease)}
.k-haupt:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--c-accent) 72%,var(--d-25))}
.k-zweit{transition:background var(--t-kurz) var(--ease),border-color var(--t-kurz) var(--ease)}
.k-zweit:hover{background:var(--c-surface-2)}
.schluss .knopf.k-zweit:hover,.nav .knopf.k-zweit:hover{background:rgb(255 255 255 / .08)}
.nav-sub{border-top:.25rem solid var(--c-marke);padding:var(--s-2);min-width:16rem}
.nav-sub a{padding:var(--s-2) var(--s-3);min-height:2.5rem;display:flex;align-items:center}
.nav-breit .nav-sub{min-width:32rem}
.nav-gruppe.nav-breit:hover .nav-sub,.nav-gruppe.nav-breit:focus-within .nav-sub{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq{max-width:52rem}
.faq details{padding:0;border-top:var(--b-haar) solid var(--c-line-strong)}
.faq details:last-child{border-bottom:var(--b-haar) solid var(--c-line-strong)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-2);font-size:var(--fs-lg);font-weight:var(--fw-strong);line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:1.1rem;height:1.1rem;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat}
.faq details[open] summary::after{background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
.faq summary:hover{background:var(--c-surface-2)}
.faq details[open]{background:var(--c-surface-2)}
.faq p{padding:0 var(--s-2) var(--s-4);margin:0;max-width:62ch}
.fuss .fuss-branchen .linkreihe a:not(.knopf):not(.chip-link){display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--s-4);border:var(--b-haar) solid var(--c-fuss-kante);border-radius:var(--r-chip);background:transparent;font-weight:var(--fw-medium);line-height:1.2}
.fuss .fuss-branchen .linkreihe a:not(.knopf):not(.chip-link):hover{background:var(--c-blatt);text-decoration:none}
.fuss .fuss-branchen h2{border-bottom:0;padding-bottom:0}
.fuss-oben{padding-bottom:var(--s-5);margin-bottom:var(--s-5);border-bottom:var(--b-haar) solid var(--c-fuss-line)}
.fuss-spalten h2{border-bottom:var(--b-regel) solid var(--c-fuss-kante)}
html body{padding-bottom:0}
.fuss{padding-bottom:calc(var(--hit-min) + var(--s-5) + env(safe-area-inset-bottom,0px))}
.start-schritte li{position:relative;border-top:4px solid var(--c-text);border-radius:var(--r-blatt);padding-top:var(--s-6)}
.start-schritte li::before{position:absolute;top:calc(-1 * 4px - 1.25rem);left:var(--s-4);width:2.5rem;height:2.5rem;border-radius:var(--r-1);margin:0;background:var(--c-text);color:var(--c-blatt);font-size:var(--fs-lg);box-shadow:0 0 0 .3rem var(--c-bg)}
@media (min-width:860px){.start-schritte li:not(:last-child)::after{content:"";position:absolute;top:-4px;right:calc(-1 * var(--s-4));width:var(--s-4);height:4px;background:var(--c-marke)}}
.start-schritte{padding-top:1.25rem}
.start-schritte{max-width:none}
.seiten-inhalt .karte p{color:var(--c-text)}
.seiten-inhalt .karte h3{font-size:var(--fs-lg);line-height:1.2;letter-spacing:-.005em}
.seiten-inhalt .karte:not(:has(>h2)):not(:has(ul))>h3::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:var(--s-2);background:var(--c-marke);vertical-align:.08em}
.seiten-inhalt section>h2::before,.seiten-inhalt .karte>h2::before{content:"";display:block;width:2.5rem;height:.3rem;background:var(--c-marke);margin-bottom:var(--s-3);border-radius:1px}
.seiten-inhalt section>h2,.seiten-inhalt .karte>h2{font-size:var(--fs-2xl);letter-spacing:-.015em;line-height:1.1}
.seiten-inhalt section>nav:first-child{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0 0 var(--s-4)}
.seiten-inhalt section>nav:first-child a{color:inherit}
.seiten-inhalt section>nav:first-child+div{margin-bottom:var(--s-5)}
.seiten-inhalt .raster{margin-top:var(--s-4)}
@media (min-width:960px){
  .seiten-inhalt .raster:has(>.karte>h2){grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:stretch}
  .seiten-inhalt .raster>.karte:has(>h2){position:static;grid-column:1/-1;border-top:0;padding-top:0}
}
.blog-leit a,.blog-leit a:hover{text-decoration:none}
.blog-leit .bk-titel{text-decoration:none;text-underline-offset:.15em;text-decoration-thickness:2px}
.blog-leit a:hover .bk-titel,.blog-leit a:focus-visible .bk-titel{text-decoration:underline;color:var(--c-link)}
.blog-leit .bk-aktion{font-weight:var(--fw-strong)}
.seiten-kopf+section.ohne-linie{padding-top:0}
.kontakt-blatt{border-top:4px solid var(--c-text)}
.formular .eingabe,.eingabe{border-width:var(--b-regel)}
.formular .eingabe:focus-visible,.eingabe:focus-visible{border-color:var(--c-accent);box-shadow:0 0 0 var(--b-fokus) color-mix(in srgb,var(--c-accent) 25%,transparent)}
.formular label{font-weight:var(--fw-strong)}
.formular .haken{padding:var(--s-1) 0}
.formular button[type=submit],.formular .knopf{min-height:3.25rem;padding-inline:var(--s-6)}
h1,h2,h3,.lead,.abschnitt-kopf p{text-wrap:balance}
p,li,dd{text-wrap:pretty}
.s-start .hero h1{max-width:22ch}
.s-start .hero h1{font-size:clamp(2.25rem,1.1rem + 3.5vw,3.55rem);max-width:none}
@media (max-width:640px){
  :root{--s-abschnitt:var(--s-7)}
  .hero{padding:var(--s-6) 0 var(--s-6)}
  .s-start .kreis-block{padding:var(--s-4)}
  .start-schritte{gap:var(--s-5)}
  .faq summary{font-size:var(--fs-md)}
}
main p a:not([class]),main li a:not([class]),main dd a:not([class]){text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-skip-ink:auto}
main p a:not([class]):hover,main li a:not([class]):hover,main dd a:not([class]):hover{text-decoration-thickness:2px}
::selection{background:color-mix(in srgb,var(--c-accent) 26%,transparent);color:inherit}
html{scroll-behavior:smooth}
.vorlagen-karte{display:flex;flex-direction:column}
.vorlagen-karte .knopfreihe{margin-top:auto;padding-top:var(--s-3)}
.vorlagen-karte .vorschau-link img{border:var(--b-haar) solid var(--c-line-strong);border-bottom-width:var(--b-regel);border-radius:var(--r-1);background:var(--n-0)}
.vorlagen-karte h2{margin-top:var(--s-3)}
.s-start .hero-text{display:grid;gap:var(--s-4);align-content:start}
.s-start .hero-text>*{margin:0;min-width:0}
.s-start .hero h1{max-width:none}
.wahl-block{background:var(--c-blatt);border:var(--b-blatt) solid var(--c-blatt-line);border-top:4px solid var(--c-text);border-radius:var(--r-blatt);padding:var(--s-4);position:relative}
.wahl-titel{margin:0 0 var(--s-3);font-size:var(--fs-md)}
.kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}
.kacheln li{margin:0;max-width:none}
.kacheln a{position:relative;display:block;aspect-ratio:3/2;border-radius:var(--r-bild);overflow:hidden;background:var(--c-surface-2);text-decoration:none;border:var(--b-haar) solid var(--c-blatt-line)}
.kacheln img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--t-mittel) var(--ease)}
.kacheln span{position:absolute;left:0;bottom:0;padding:.3rem .7rem;background:var(--c-signal-flaeche);color:var(--c-signal-text);font:var(--fw-strong) var(--fs-sm)/1.2 var(--font-text);border-top-right-radius:var(--r-1)}
.kacheln a:hover img,.kacheln a:focus-visible img{transform:scale(1.06)}
.kacheln a:hover span,.kacheln a:focus-visible span,.kacheln a.treffer span{background:var(--c-accent);color:var(--c-on-accent)}
.kacheln a.treffer{outline:var(--b-fokus) solid var(--c-entschieden-line);outline-offset:2px}
.wahl-block .kreis-suche{margin-top:var(--s-3);padding-top:var(--s-3);border-top:var(--b-haar) solid var(--c-line);max-width:none}
.wahl-hinweis{margin:var(--s-2) 0 0}
@media (min-width:960px){
  .s-start .hero-text{grid-template-columns:minmax(0,1fr) minmax(0,26rem);column-gap:var(--s-7);align-items:start}
  .s-start .hero-text>*{grid-column:1}
  .s-start .hero-text>.wahl-block{grid-column:2;grid-row:1/span 6}
  .s-start .hero .hero-grid{display:block}
}
@media (max-width:959px){.s-start .hero-text>.hero-def{order:5}}
header.band{position:sticky;top:0;z-index:40}
.vorteile{list-style:none;margin:var(--s-6) 0 0;padding:var(--s-4) 0 0;border-top:var(--b-regel) solid var(--c-text);display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr)}
.vorteile li{margin:0;max-width:none;display:grid;gap:var(--s-1);padding-left:var(--s-4);border-left:.3rem solid var(--c-marke)}
.vorteile strong{font-size:var(--fs-md);line-height:1.25}
.vorteile span{color:var(--c-text-muted);font-size:var(--fs-sm);line-height:1.45}
@media (min-width:720px){.vorteile{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.vorteile{grid-template-columns:repeat(4,minmax(0,1fr))}}
.s-start .hero{padding-bottom:var(--s-6)}
@media (min-width:720px){
  .kacheln{grid-template-columns:repeat(5,minmax(0,1fr))}
  .kacheln span{font-size:var(--fs-xs);padding:.25rem .55rem}
}
@media (min-width:960px){
  .s-start .hero-text{grid-template-columns:minmax(0,1fr);row-gap:var(--s-4)}
  .s-start .hero-text>.wahl-block{grid-column:1;grid-row:auto;order:2}
  .s-start .hero-text>.hero-cta{order:1}
  .s-start .hero-text>.hero-def{order:3;max-width:60ch}
  .s-start .hero-text>.claim{order:4;justify-self:start}
  .s-start .hero-text>.lead{max-width:62ch}
  .wahl-block{padding:var(--s-3) var(--s-4) var(--s-3)}
  .wahl-block .kreis-suche{display:grid;grid-template-columns:auto minmax(0,24rem) 1fr;gap:var(--s-3);align-items:center}
  .wahl-block .kreis-suche label{margin:0}
}
.s-start .hero{padding-top:var(--s-6)}
.hinweis-zeile{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-1) var(--s-5)}
.hinweis-tel{color:var(--c-hinweis-text);text-decoration:none;white-space:nowrap}
.hinweis-tel strong{color:var(--c-hinweis-text);font-weight:var(--fw-head);text-decoration:underline;text-underline-offset:.18em}
@media (max-width:640px){.hinweis-tel{display:none}}
.hero-foto{position:relative;margin:var(--s-5) 0 0;border-radius:var(--r-bild);overflow:hidden;border:var(--b-haar) solid var(--c-blatt-line);background:var(--c-surface-2)}
.hero-foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.hero-foto .ki-tag{position:absolute;left:var(--s-2);bottom:var(--s-2)}
@media (min-width:960px){
  .ist-start:not(.s-start) .seiten-kopf>.wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--s-7);align-items:center}
  .ist-start:not(.s-start) .seiten-kopf>.wrap>.hero-foto{margin:0}
  .ist-start:not(.s-start) .seiten-kopf>.wrap>.kopf-text{grid-column:1}
}
.mobil-tel{display:none}
@media (max-width:959px){
  header.band .wrap{gap:var(--s-2)}
  .mobil-tel{display:inline-flex;align-items:center;margin-left:auto;min-height:var(--hit-min);padding:0 var(--s-4);border-radius:var(--r-2);background:var(--c-accent);color:var(--c-on-accent);font-weight:var(--fw-strong);text-decoration:none;box-shadow:inset 0 calc(-1 * var(--b-fokus)) 0 color-mix(in srgb,var(--c-accent) 72%,var(--d-25))}
}
@media (max-width:359px){.mobil-tel{display:none}}
.ew-text{font-size:var(--fs-sm);line-height:1.4;margin-bottom:var(--s-2)}
.ew-box{padding:var(--s-3) var(--s-4)}
.ew-aktionen .knopf{min-height:2.75rem;flex:1 1 7rem}
@media (max-width:600px){
  .ew-box .ew-aktionen{flex-direction:row;flex-wrap:wrap;gap:var(--s-2)}
  .ew-box .ew-aktionen .knopf{flex:1 1 7rem;width:auto}
  .ew-box .ew-text{font-size:var(--fs-xs)}
}
.haeufig{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);align-items:center;margin:var(--s-4) 0 0}
.haeufig strong{margin-right:var(--s-1)}
.haeufig a{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--s-3);border-radius:var(--r-chip);border:var(--b-haar) solid var(--c-line-strong);background:var(--c-blatt);color:var(--c-text);text-decoration:none;font-weight:var(--fw-medium)}
.haeufig a:hover{border-color:var(--c-text);background:var(--c-surface-2)}
.definition-zeile{display:grid;gap:var(--s-4);align-items:center;margin-top:var(--s-5)}
.definition-zeile p{margin:0}
.definition-zeile .claim{justify-self:start}
@media (min-width:960px){.definition-zeile{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s-7)}.definition-zeile .muted{max-width:70ch}}
.haeufig{max-width:none}
.vorteile li{align-content:start}
.such-knopf{font:inherit;background:none;border:0;padding:0;color:var(--c-hinweis-text);text-decoration:underline;text-underline-offset:.18em;cursor:pointer}
.such-knopf[hidden]{display:none}
.hinweis-zeile .such-knopf{color:var(--c-hinweis-text)}
.mobil nav .such-mobil{padding:var(--s-3);color:var(--c-text);text-decoration:none;text-align:left;min-height:var(--hit-min);display:block;width:100%}
.mobil nav .such-mobil[hidden]{display:none}
@media (min-width:960px){.such-mobil{display:none}}
.suche{border:0;padding:0;background:transparent;width:min(40rem,calc(100% - 1.5rem));max-height:calc(100% - 4rem);margin:4rem auto auto;color:var(--c-text);overflow:visible}
.suche::backdrop{background:rgb(0 0 0 / .55)}
.such-box{background:var(--c-surface);border:var(--b-haar) solid var(--c-line-strong);border-top:.25rem solid var(--c-marke);border-radius:var(--r-3);box-shadow:var(--shadow-float);padding:var(--s-5)}
.such-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-3)}
.such-kopf h2{margin:0;font-size:var(--fs-xl)}
.such-zu{font:inherit;font-weight:var(--fw-strong);background:none;border:var(--b-regel) solid var(--c-line-strong);border-radius:var(--r-2);min-height:2.5rem;padding:0 var(--s-3);cursor:pointer;color:var(--c-text)}
#such-treffer{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;gap:var(--s-1);max-height:55vh;overflow:auto}
#such-treffer li{margin:0;max-width:none}
#such-treffer a{display:grid;gap:2px;padding:var(--s-3);border-radius:var(--r-2);text-decoration:none;color:var(--c-text);border:var(--b-haar) solid transparent}
#such-treffer a:hover,#such-treffer a:focus-visible{background:var(--c-surface-2);border-color:var(--c-line-strong)}
#such-treffer strong{font-size:var(--fs-md)}
#such-treffer span{color:var(--c-text-muted);font-size:var(--fs-sm);line-height:1.4}
.such-box{display:flex;flex-direction:column;max-height:calc(100vh - 6rem)}
.such-box>*{flex:none}
#such-treffer{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}
.such-box>p{margin:var(--s-3) 0 0}
.mobil nav{max-height:calc(100vh - 11rem);max-height:calc(100dvh - 11rem);overflow-y:auto;overscroll-behavior:contain}
.nav-sub{max-height:calc(100vh - 11rem);overflow-y:auto}
@media (hover:none){.such-box>p.muted{display:none}}
.fragen-block{margin-bottom:var(--s-6)}
.fragen-titel{margin:0 0 var(--s-3);display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);align-items:baseline;max-width:none}
.fragen{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:minmax(0,1fr)}
@media (min-width:860px){.fragen{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fragen li{position:relative;margin:0;max-width:none;padding:var(--s-3) var(--s-4);background:var(--c-blatt);border:var(--b-haar) solid var(--c-line-strong);border-radius:var(--r-3) var(--r-3) var(--r-3) 0;font-weight:var(--fw-medium);line-height:1.35}
.fragen li::before{content:"";position:absolute;left:-1px;bottom:-.6rem;width:.8rem;height:.6rem;background:var(--c-line-strong);clip-path:polygon(0 0,100% 0,0 100%)}
.fragen li::after{content:"";position:absolute;left:0;bottom:-.52rem;width:.7rem;height:.52rem;background:var(--c-blatt);clip-path:polygon(0 0,100% 0,0 100%)}
@media (max-width:640px){
  .schweb{min-height:2.5rem;font-size:.875rem;padding:0 .8rem;border-width:var(--b-haar)}
}
.slug-produkt .seiten-inhalt .raster{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}
.slug-produkt .seiten-inhalt .karte:has(ul) h2,.slug-produkt .seiten-inhalt .karte:has(ul) h3{font-size:var(--fs-xl)}
@media (min-width:960px){
  #newsletter>.wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--s-7);align-items:start}
  #newsletter>.wrap>h2,#newsletter>.wrap>.lead-klein{grid-column:1}
  #newsletter>.wrap>form{grid-column:2;grid-row:1/span 3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-4);align-items:start}
  #newsletter form>*{grid-column:1/-1}
  #newsletter form>[data-feld=email],#newsletter form>[data-feld=firma]{grid-column:1/-1}
  #newsletter form>[data-feld=vorname],#newsletter form>[data-feld=nachname]{grid-column:span 1}
}
#newsletter{background:var(--c-surface);border-top:var(--b-haar) solid var(--c-line)}
.kk-weiter{margin:var(--s-3) 0 0;font-size:var(--fs-md)}
.kk-schritte{margin:0;padding:0;list-style:none;counter-reset:ks;display:grid;gap:var(--s-2)}
.kk-schritte li{counter-increment:ks;display:grid;grid-template-columns:1.75rem 1fr;gap:var(--s-2);align-items:start;margin:0;max-width:none}
.kk-schritte li::before{content:counter(ks);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--r-1);background:var(--c-text);color:var(--c-blatt);font-weight:var(--fw-strong);font-size:var(--fs-sm)}
@media (min-width:960px){
  .s-haccp .seiten-kopf>.wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--s-7);align-items:center}
  .s-haccp .seiten-kopf>.wrap>.hero-foto{margin:0}
}
:target,[id]{scroll-margin-top:6.5rem}
:root{
  --c-bg:#F6F3EE; --c-surface-2:#EFEAE3; --c-line:#E1DAD0;
  --c-ink:#1A1546; --c-ink-dark:#110E33; --c-ink-text:#FFFFFF; --c-ink-muted:#D2CEF2; --c-ink-line:rgb(255 255 255 / .2); --c-ink-karte:#FFFFFF;
  --c-cta:var(--logo-orange); --c-on-cta:#1A1546;
  --c-band:var(--c-ink); --c-hinweis:var(--c-ink-dark);
  --r-blatt:16px; --r-bild:14px; --r-chip:999px; --r-2:10px; --r-3:16px;
  --shadow-karte:0 1px 2px rgb(26 21 70 / .06),0 12px 32px -10px rgb(26 21 70 / .22);
  --shadow-blatt:var(--shadow-karte);
  --fs-hero:clamp(2.6rem,1.2rem + 5.2vw,5rem); --fs-2xl:clamp(2rem,1.2rem + 2.6vw,3rem); --fs-xl:clamp(1.5rem,1.2rem + 1vw,1.875rem);
  --lh-hero:1; --tracking-hero:-.035em;
}
:root[data-theme="dark"]{
  --c-bg:#0F0E16; --c-surface-2:#1C1B28;
  --c-ink:#1D1A45; --c-ink-dark:#0B0A1F; --c-band:var(--c-ink); --c-hinweis:var(--c-ink-dark);
  --c-cta:var(--logo-orange); --c-on-cta:#11103A;
  --shadow-karte:0 1px 2px rgb(0 0 0 / .4),0 12px 32px -10px rgb(0 0 0 / .6);
}
:root[data-kontrast="hoch"],:root[data-kontrast="hoch"][data-theme="light"],:root[data-kontrast="hoch"][data-theme="dark"]{
  --c-ink:#000; --c-ink-dark:#000; --c-ink-text:#fff; --c-ink-muted:#fff; --c-ink-line:#fff;
  --c-cta:#FFB38A; --c-on-cta:#000; --c-band:#000; --c-hinweis:#000;
}
body{font-size:1.125rem}
.knopf{border-radius:999px;padding-inline:var(--s-6)}
.k-haupt{box-shadow:none}
.k-haupt:active{transform:translateY(1px)}
.nav .knopf{padding-inline:var(--s-5)}
header.band{border-bottom:0}
.s-start .hero{background:var(--c-ink);color:var(--c-ink-text);padding:var(--s-7) 0 var(--s-7)}
.s-start .hero h1{color:var(--c-ink-text)}
.s-start .hero .lead{color:var(--c-ink-muted)}
.s-start .hero .k-haupt{background:var(--c-cta);color:var(--c-on-cta)}
.s-start .hero .k-haupt:hover{background:#fff}
.s-start .hero .k-zweit{background:transparent;color:var(--c-ink-text);border-color:var(--c-ink-text)}
.s-start .hero .k-zweit:hover{background:rgb(255 255 255 / .12)}
.s-start .hero .muted{color:var(--c-ink-muted)}
.s-start .hero .vorteile{border-top-color:var(--c-ink-line)}
.s-start .hero .vorteile strong{color:var(--c-ink-text)}
.s-start .hero .vorteile span{color:var(--c-ink-muted)}
.s-start .hero .haeufig strong{color:var(--c-ink-text)}
.s-start .hero .haeufig a{background:transparent;color:var(--c-ink-text);border-color:var(--c-ink-line)}
.s-start .hero .haeufig a:hover{background:rgb(255 255 255 / .12);border-color:var(--c-ink-text)}
.s-start .hero .claim{background:var(--c-cta);color:var(--c-on-cta);border-left:0;border-radius:var(--r-2)}
.wahl-block{border-radius:var(--r-blatt);border-top-width:var(--b-haar);box-shadow:var(--shadow-karte);background:var(--c-ink-karte);color:#1A1546}
:root[data-theme="dark"] .wahl-block{background:var(--c-surface);color:var(--c-text)}
.wahl-block .wahl-titel,.wahl-block label,.wahl-block .muted{color:inherit}
.kacheln a{border-radius:12px}
.kacheln span{border-top-right-radius:10px}
.nav{gap:var(--s-4)}
.nav .knopf{padding-inline:var(--s-4);min-height:2.75rem}
.nav{gap:var(--s-3)}
:root{--eckmarke:0px;--b-eckmarke:0px;--b-blatt-unten:1px}
.kontakt-karte,.kontakt-blatt,.bildschirm,.lieferschein,.blog-leit a,.wahl-block,.seiten-inhalt .karte:has(ul),.vorlagen-karte,.legende article,.kk-karte{border-top-width:var(--b-haar)!important;border-top-color:var(--c-blatt-line)!important}
.kontakt-karte,.kontakt-blatt,.blog-leit a,.seiten-inhalt .karte:has(ul),.zeilen{border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);border-color:transparent}
.zeilen{border-top:0;padding:var(--s-2) var(--s-3);overflow:hidden}
.kontakt-blatt{border-color:var(--c-blatt-line)}
.kontakt-karte,.seiten-inhalt .karte:has(ul),.vorlagen-karte,.blog-leit a{transition:transform var(--t-mittel) var(--ease),box-shadow var(--t-mittel) var(--ease)}
.seiten-inhalt .karte:has(ul):hover,.vorlagen-karte:hover,.blog-leit a:hover{transform:translateY(-3px)}
.fragen li,.beispiel-raster .vorschlag-zeile,.mia-karte{box-shadow:none}
.seiten-inhalt .karte{border-top-width:3px;border-top-color:var(--c-text)}
.start-schritte li{border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);border-top:0;padding-top:var(--s-6)}
.start-schritte li::before{border-radius:12px;box-shadow:0 0 0 .3rem var(--c-bg)}
.start-schritte li::after{display:none!important}
.hero{background:var(--c-ink);color:var(--c-ink-text);padding:var(--s-7) 0 var(--s-7)}
.hero h1,.hero h2{color:var(--c-ink-text)}
.hero .lead,.hero p,.hero .vorzeile,.hero .brot,.hero .brot a,.hero .muted,.hero .klein{color:var(--c-ink-muted)}
.hero .brot [aria-current],.hero .vorzeile{color:var(--c-ink-muted)}
.hero a:not(.knopf):not(.chip-link){color:var(--c-ink-text)}
.hero .k-haupt{background:var(--c-cta);color:var(--c-on-cta)}
.hero .k-haupt:hover{background:#fff}
.hero .k-zweit{background:transparent;color:var(--c-ink-text);border-color:var(--c-ink-text)}
.hero .k-zweit:hover{background:rgb(255 255 255 / .12)}
.hero .chip-link{background:transparent;color:var(--c-ink-text);border-color:var(--c-ink-line)}
.hero-foto{border-color:var(--c-ink-line)}
.hero-foto .ki-tag{background:var(--c-tag-fill)}
.fragen-block{margin-top:var(--s-6)}
@media (min-width:960px){
  .ist-start:not(.s-start) .hero,.s-haccp .hero{padding-bottom:var(--s-6)}
  .ist-start:not(.s-start) .hero-foto,.s-haccp .hero-foto{transform:translateY(5.5rem);box-shadow:0 24px 48px -16px rgb(10 8 40 / .55);border-radius:var(--r-blatt);position:relative;z-index:3}
  .ist-start:not(.s-start) .fragen-block{margin-top:var(--s-9)}
  .s-haccp .hero+section{padding-top:var(--s-8)}
}
@media (min-width:860px){
  .zeilen:not(.blog-zeilen){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);background:transparent;box-shadow:none;padding:0;border-radius:0;overflow:visible}
  .zeilen:not(.blog-zeilen)>li{border:0;background:var(--c-blatt);border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);overflow:hidden;transition:transform var(--t-mittel) var(--ease),box-shadow var(--t-mittel) var(--ease)}
  .zeilen:not(.blog-zeilen)>li:hover{transform:translateY(-4px)}
  .zeilen:not(.blog-zeilen) a{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;height:100%;grid-template-columns:none}
  .zeilen:not(.blog-zeilen) a::after{display:none}
  .zeilen:not(.blog-zeilen) .foto{border-radius:0}
  .zeilen:not(.blog-zeilen) .foto img{aspect-ratio:3/2}
  .zeilen:not(.blog-zeilen) .name{padding:var(--s-4) var(--s-4) var(--s-1);font-size:var(--fs-xl)}
  .zeilen:not(.blog-zeilen) .satz{padding:0 var(--s-4) var(--s-4);font-size:var(--fs-md)}
  .zeilen:not(.blog-zeilen) .sonder a,.zeilen:not(.blog-zeilen) a:hover{background:transparent}
}
.flaeche{background:var(--c-surface-2);border-color:transparent}
@media (min-width:860px){
  .zeilen:not(.blog-zeilen)>li.sonder{grid-column:span 2}
  .zeilen:not(.blog-zeilen)>li.sonder a{display:grid;grid-template-columns:45% minmax(0,1fr);grid-template-rows:1fr auto;align-items:end}
  .zeilen:not(.blog-zeilen)>li.sonder .foto{grid-row:1/3;height:100%}
  .zeilen:not(.blog-zeilen)>li.sonder .foto img{height:100%}
  .zeilen:not(.blog-zeilen)>li.sonder .name{align-self:end;padding-top:var(--s-5)}
  .zeilen:not(.blog-zeilen)>li.sonder .satz{align-self:start}
}
#haccp-only{background:var(--c-ink);color:var(--c-ink-text);border:0}
#haccp-only .abschnitt-kopf h2{color:var(--c-ink-text)}
#haccp-only .abschnitt-kopf p,#haccp-only>.wrap>p{color:var(--c-ink-muted)}
#haccp-only>.wrap>p a{color:var(--c-ink-text)}
#haccp-only .kontakt-karte{border-top:0!important;box-shadow:0 24px 48px -20px rgb(0 0 0 / .6)}
#haccp-only .kontakt-karte h3{font-size:var(--fs-xl)}
.schichten,.schichten tbody,.schichten tr,.schichten th,.schichten td{display:block;border:0}
.schichten tr{display:grid;gap:var(--s-3);background:var(--c-blatt);border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);padding:var(--s-5);margin-bottom:var(--s-4);border-left:.6rem solid var(--c-marke)}
.schichten tr:nth-child(2){border-left-color:var(--v-500)}
.schichten tr:nth-child(3){border-left-color:var(--c-ink)}
.schichten th{padding:0;font-size:var(--fs-xl);text-align:left}
.schichten td{padding:0}
@media (min-width:720px){.schichten tr{grid-template-columns:15rem minmax(0,1fr);align-items:center}}
.schichten li{border-radius:999px;background:var(--c-surface-2);border-color:transparent;padding:.35rem .9rem}
.schichten{border-bottom:0}
.s-start .daten{background:var(--c-ink)}
.s-start .daten li svg{color:var(--c-cta)}
.s-start .daten h2{font-size:var(--fs-2xl)}
table.schichten,.schichten th,.schichten td{border:0!important}
.schichten tr{border-left:.6rem solid var(--c-marke)!important}
.schichten tr:nth-child(2){border-left-color:var(--v-500)!important}
.schichten tr:nth-child(3){border-left-color:var(--c-ink)!important}
.schichten th small{display:block;margin-top:var(--s-1);font-size:var(--fs-sm);font-weight:var(--fw-text);color:var(--c-text-muted)}
.schichten th,.schichten th small{width:auto;max-width:none}
.schichten th{display:block}
@media (min-width:860px){
  .glossar.fakten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);max-width:none}
  .glossar.fakten>div,.glossar.fakten>div:last-child{display:block;border:0;background:var(--c-blatt);border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);padding:var(--s-5)}
  .glossar.fakten>div:first-child{grid-column:span 2;background:var(--c-ink);color:var(--c-ink-text)}
  .glossar.fakten>div:first-child dt{color:var(--c-cta)}
  .glossar.fakten>div:first-child dd{color:var(--c-ink-text);font-size:var(--fs-lg)}
}
.glossar.fakten dt{color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-strong);margin-bottom:var(--s-2)}
.glossar.fakten dd{margin:0;color:var(--c-text);font-size:var(--fs-md);line-height:1.4;max-width:none}
@media (min-width:860px){
  .glossar.fakten>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:var(--s-5);background:var(--c-cta);color:var(--c-on-cta)}
  .glossar.fakten>div:last-child dt{margin:0;color:var(--c-on-cta);font-size:var(--fs-md);flex:none}
  .glossar.fakten>div:last-child dd{color:var(--c-on-cta);font-weight:var(--fw-strong);font-size:var(--fs-lg)}
}
:root,:root[data-theme="dark"],:root[data-kontrast="hoch"],:root[data-kontrast="hoch"][data-theme="light"],:root[data-kontrast="hoch"][data-theme="dark"]{
  --c-fuss:var(--c-ink-dark);--c-fuss-text:var(--c-ink-text);--c-fuss-muted:var(--c-ink-muted);--c-fuss-line:var(--c-ink-line);--c-fuss-kante:var(--c-ink-line);
  --c-fuss-accent:var(--c-cta);--c-fuss-on-accent:var(--c-on-cta);
}
.schluss{background:var(--c-cta);color:var(--c-on-cta)}
.schluss h2,.schluss p{color:var(--c-on-cta)}
.schluss .knopf.k-haupt{background:var(--c-ink);color:#fff}
.schluss .knopf.k-haupt:hover{background:#000}
.schluss .knopf.k-zweit{border-color:var(--c-on-cta);color:var(--c-on-cta);background:transparent}
.schluss .knopf.k-zweit:hover{background:rgb(0 0 0 / .08)}
.fuss{border-top:0}
.fuss .fuss-branchen .linkreihe a:not(.knopf):not(.chip-link):hover{background:rgb(255 255 255 / .12)}
.fuss-spalten h2{border-bottom-color:var(--c-ink-line)}
.fuss .fuss-oben{border-bottom-color:var(--c-ink-line)}
.fuss .fuss-spruch{color:var(--c-ink-text)}
.fuss .chip-link{background:transparent;color:var(--c-ink-text);border-color:var(--c-ink-line)}
.fuss .chip-link:hover{background:rgb(255 255 255 / .12)}
.seiten-inhalt .karte:not(:has(>h2)){background:var(--c-blatt);border:0;border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);padding:var(--s-5);transition:transform var(--t-mittel) var(--ease)}
.seiten-inhalt .karte:not(:has(>h2)):hover{transform:translateY(-3px)}
.seiten-inhalt .karte:has(ul){padding:var(--s-5)}
.seiten-inhalt .karte:not(:has(>h2)) h3{margin-bottom:var(--s-2)}
.seiten-inhalt section{border-top-color:transparent}
.seiten-inhalt section+section{border-top:var(--b-haar) solid var(--c-line)}
.seiten-inhalt form.formular{background:var(--c-blatt);border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);padding:var(--s-5);max-width:36rem}
.seiten-inhalt form.formular .eingabe{border-radius:12px}
.seiten-inhalt form.formular button[type=submit]{border-radius:999px}
.gesicht-demo{background:var(--c-blatt);border:0;border-radius:20px;box-shadow:var(--shadow-karte)}
.gesicht-start{padding:var(--s-6);gap:var(--s-7)}
.gesicht-vorab,.gesicht-vorab.muted{margin:0 0 var(--s-5);max-width:none;text-align:left;padding:0 0 0 var(--s-4);background:transparent;border:0;border-left:.3rem solid var(--c-marke);border-radius:0;color:var(--c-text-muted);font-weight:var(--fw-text)}
.gesicht-text .vorzeile{color:var(--c-text-muted)}
@media (min-width:760px){.gesicht-start{grid-template-columns:minmax(0,17rem) minmax(0,1fr)}}
.legende article{background:var(--c-blatt);border:0!important;border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);padding:var(--s-4) var(--s-5)}
.legende-stapel{gap:var(--s-3)}
@media (min-width:860px){
  .blog-zeilen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);background:transparent;box-shadow:none;padding:0;border-radius:0;overflow:visible}
  .blog-zeilen>li{border:0;background:var(--c-blatt);border-radius:var(--r-blatt);box-shadow:var(--shadow-karte);overflow:hidden;transition:transform var(--t-mittel) var(--ease)}
  .blog-zeilen>li:hover{transform:translateY(-4px)}
  .blog-zeilen a{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2);padding:0 0 var(--s-4);height:100%;grid-template-columns:none}
  .blog-zeilen a::after{display:none}
  .blog-zeilen .bk-bild,.blog-zeilen .bk-ohne{border-radius:0;order:-1}
  .blog-zeilen .bk-bild img,.blog-zeilen .bk-ohne{aspect-ratio:16/10;width:100%}
  .blog-zeilen .bk-meta,.blog-zeilen .name,.blog-zeilen .satz{padding:0 var(--s-4)}
  .blog-zeilen .name{font-size:var(--fs-lg);line-height:1.2}
}
.blog-leit a{border-radius:var(--r-blatt);overflow:hidden}
@media (min-width:860px){
  .blog-leit a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch}
  .blog-leit .bk-bild{aspect-ratio:auto;height:auto;min-height:0}
  .blog-leit .bk-bild img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
  .blog-leit .bk-titel{font-size:clamp(1.5rem,1rem + 1.6vw,2.125rem);hyphens:auto}
  .blog-leit .bk-text{padding:var(--s-5) var(--s-6)}
}
.s-start .hero .wahl-block,.s-start .hero .wahl-block .muted,.s-start .hero .wahl-block label,.s-start .hero .wahl-block .wahl-titel{color:#1A1546}
:root[data-theme="dark"] .s-start .hero .wahl-block,:root[data-theme="dark"] .s-start .hero .wahl-block .muted,:root[data-theme="dark"] .s-start .hero .wahl-block label,:root[data-theme="dark"] .s-start .hero .wahl-block .wahl-titel{color:var(--c-text)}
.s-start .hero .wahl-block .muted{opacity:.8}
:root[data-kontrast="hoch"],:root[data-kontrast="hoch"][data-theme="light"],:root[data-kontrast="hoch"][data-theme="dark"]{--c-hinweis-text:#fff;--c-band-text:#fff}
#haccp-only .kontakt-karte{color:var(--c-text)}
#haccp-only .kontakt-karte p{color:var(--c-text)}
.s-start .daten,.s-start .daten h2,.s-start .daten li{color:var(--c-ink-text)}
.s-start .daten li{border-color:var(--c-ink-line)}
@media (min-width:860px){
  .zeilen:not(.blog-zeilen)>li.sonder .foto{display:block;width:100%;min-height:15rem}
  .zeilen:not(.blog-zeilen)>li.sonder .foto img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
}
.seiten-inhalt .raster{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}
.seiten-inhalt .karte h3{overflow-wrap:normal;word-break:normal;hyphens:auto;font-size:var(--fs-lg)}
.hero+.seiten-inhalt .wrap>section:first-child,.hero+.seiten-inhalt{border-top:0}
.seiten-kopf::after,.hero::after{display:none}
.hero+.seiten-inhalt section:first-child{border-top-color:transparent}
:root{--balken:linear-gradient(var(--c-marke),var(--c-marke))}
.abschnitt-kopf h2::before,.seiten-inhalt section>h2::before,.seiten-inhalt .karte>h2::before{
  width:1.9rem;height:1.5rem;border-radius:0;margin-bottom:var(--s-3);
  background:var(--balken) 0 100%/.4rem 55% no-repeat,var(--balken) .75rem 100%/.4rem 100% no-repeat,var(--balken) 1.5rem 100%/.4rem 75% no-repeat}
.s-start .hero h1::before,.hero .vorzeile::before{content:"";display:inline-block;vertical-align:-.15em;width:1.5rem;height:1.1rem;margin-right:.6rem;
  background:var(--balken) 0 100%/.3rem 55% no-repeat,var(--balken) .55rem 100%/.3rem 100% no-repeat,var(--balken) 1.1rem 100%/.3rem 75% no-repeat}
.s-start .hero h1::before{display:block;margin:0 0 var(--s-4);width:2.4rem;height:1.8rem;background:var(--balken) 0 100%/.5rem 55% no-repeat,var(--balken) .95rem 100%/.5rem 100% no-repeat,var(--balken) 1.9rem 100%/.5rem 75% no-repeat}
:root{--r-blatt:8px;--r-bild:6px;--r-2:8px;--r-3:10px;--r-chip:6px;
  --shadow-karte:none;--shadow-blatt:none;--kante:rgb(26 21 70 / .9)}
:root[data-theme="dark"]{--kante:rgb(0 0 0 / .9)}
.knopf{border-radius:8px}
.kontakt-karte,.kontakt-blatt,.blog-leit a,.seiten-inhalt .karte:not(:has(>h2)),.seiten-inhalt .karte:has(ul),.vorlagen-karte,.legende article,.schichten tr,.gesicht-demo,.start-schritte li,.glossar.fakten>div,.zeilen:not(.blog-zeilen)>li,.blog-zeilen>li,.seiten-inhalt form.formular,#haccp-only .kontakt-karte{
  border:1.5px solid var(--c-text)!important;border-radius:var(--r-blatt);box-shadow:none;transition:transform var(--t-kurz) var(--ease),box-shadow var(--t-kurz) var(--ease)}
.seiten-inhalt .karte:not(:has(>h2)):hover,.vorlagen-karte:hover,.blog-leit a:hover,.zeilen:not(.blog-zeilen)>li:hover,.blog-zeilen>li:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--kante)}
.wahl-block{border:1.5px solid var(--c-ink-dark)}
.schichten tr{border-left-width:.6rem!important}
.glossar.fakten>div:first-child{border-color:var(--c-ink)!important}
#haccp-only .kontakt-karte{border-color:var(--c-ink-text)!important}
.fragen li{border:1.5px solid var(--c-text);border-radius:8px 8px 8px 0}
.fragen li::before,.fragen li::after{display:none}
.such-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:var(--b-regel) solid var(--c-ink-line);border-radius:8px;background:transparent;color:var(--c-band-text);cursor:pointer}
.such-icon[hidden]{display:none}
.such-icon:hover{background:rgb(255 255 255 / .14);border-color:var(--c-band-text)}
@media (max-width:959px){.such-icon{display:none}}
.absicht{list-style:none;margin:var(--s-5) 0 0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.absicht{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.absicht{grid-template-columns:repeat(4,minmax(0,1fr))}}
.absicht li{margin:0;max-width:none}
.absicht a{display:grid;gap:var(--s-1);height:100%;padding:var(--s-4);border:1.5px solid var(--c-ink-text);border-radius:8px;color:var(--c-ink-text);text-decoration:none;position:relative;transition:background var(--t-kurz) var(--ease),color var(--t-kurz) var(--ease)}
.absicht a::after{content:"";position:absolute;right:var(--s-4);top:var(--s-4);width:.6rem;height:.6rem;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.absicht strong{font-size:var(--fs-lg);line-height:1.2;padding-right:var(--s-5)}
.absicht span{color:var(--c-ink-muted);font-size:var(--fs-sm);line-height:1.4}
.absicht a:hover,.absicht a:focus-visible{background:var(--c-cta);color:var(--c-on-cta);border-color:var(--c-cta)}
.absicht a:hover span,.absicht a:focus-visible span{color:var(--c-on-cta)}
.seitennav{position:sticky;top:4.8rem;z-index:20;display:flex;gap:var(--s-2);flex-wrap:nowrap;overflow-x:auto;padding:var(--s-2);margin:0 0 var(--s-5);background:var(--c-surface);border:1.5px solid var(--c-text);border-radius:8px;scrollbar-width:none}
.seitennav::-webkit-scrollbar{display:none}
.seitennav a{flex:none;display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--s-3);border-radius:6px;color:var(--c-text);text-decoration:none;font-weight:var(--fw-medium);white-space:nowrap}
.seitennav a:hover{background:var(--c-surface-2)}
.seitennav .seitennav-cta{margin-left:auto;background:var(--c-cta);color:var(--c-on-cta);font-weight:var(--fw-strong)}
.seitennav .seitennav-cta:hover{background:var(--c-ink);color:#fff}
.seiten-inhalt .wrap>.seitennav{display:flex}
:target,[id]{scroll-margin-top:9rem}
.nav-bilder a{display:flex!important;align-items:center;gap:var(--s-3);padding:var(--s-2)!important}
.nav-bilder img{width:3.5rem;height:2.6rem;object-fit:cover;border-radius:4px;flex:none}
.nav-breit .nav-sub{min-width:38rem}
.hero-tel{margin:var(--s-3) 0 0;color:var(--c-ink-muted)}
.hero-tel a{color:var(--c-ink-text);font-weight:var(--fw-strong);text-decoration:underline;text-underline-offset:.18em;white-space:nowrap}
@media (max-width:959px){
  .s-start .hero-text>h1{order:0}
  .s-start .hero-text>.wahl-block{order:1}
  .s-start .hero-text>.lead{order:2}
  .s-start .hero-text>.hero-cta{order:3}
}
.hinweis-zeile .such-knopf{display:none!important}
.verwandt,.branchen-weg{margin:var(--s-7) 0 0}
.verwandt ul{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;gap:var(--s-3)}
@media (min-width:860px){.verwandt ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.verwandt li{margin:0;max-width:none}
.verwandt a{display:grid;gap:var(--s-2);height:100%;padding:var(--s-4);border:1.5px solid var(--c-text);border-radius:8px;color:var(--c-text);text-decoration:none;background:var(--c-blatt)}
.verwandt a:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--kante)}
.verwandt span{color:var(--c-text-muted);font-size:var(--fs-sm)}
.verwandt strong{font-size:var(--fs-md);line-height:1.3}
#such-vorschlaege[hidden]{display:none}
.such-label{margin:var(--s-4) 0 var(--s-2);font-weight:var(--fw-strong);font-size:var(--fs-sm);color:var(--c-text-muted)}
.such-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.such-chips li{margin:0;max-width:none}
.such-chips a{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--s-3);border:1.5px solid var(--c-text);border-radius:6px;color:var(--c-text);text-decoration:none;font-weight:var(--fw-medium)}
.such-chips a:hover{background:var(--c-cta);border-color:var(--c-cta);color:var(--c-on-cta)}
.zwischen-cta{background:var(--c-cta);color:var(--c-on-cta);padding:var(--s-5) 0}
.zwischen-cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4)}
.zwischen-cta p{margin:0;max-width:46ch;color:var(--c-on-cta)}
.zwischen-cta strong{display:block;font-size:var(--fs-lg);line-height:1.25}
.zwischen-cta .k-haupt{background:var(--c-ink);color:#fff}
.zwischen-cta .k-haupt:hover{background:#000}
.zwischen-cta .k-zweit{background:transparent;border-color:var(--c-on-cta);color:var(--c-on-cta)}
.plaketten{list-style:none;margin:var(--s-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.plaketten li{margin:0;max-width:none;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border:1.5px solid var(--c-ink-line);border-radius:6px;color:var(--c-ink-text);font-weight:var(--fw-medium);font-size:var(--fs-sm)}
.plaketten li::before{content:"";width:.5rem;height:.9rem;background:var(--c-marke);flex:none}
.claim::before,.fuss-spruch::before{content:"";display:inline-block;vertical-align:-.1em;width:1.3rem;height:1rem;margin-right:.65rem;
  background:var(--balken) 0 100%/.28rem 55% no-repeat,var(--balken) .5rem 100%/.28rem 100% no-repeat,var(--balken) 1rem 100%/.28rem 75% no-repeat}
.claim::before{background:linear-gradient(var(--c-on-cta),var(--c-on-cta)) 0 100%/.28rem 55% no-repeat,linear-gradient(var(--c-on-cta),var(--c-on-cta)) .5rem 100%/.28rem 100% no-repeat,linear-gradient(var(--c-on-cta),var(--c-on-cta)) 1rem 100%/.28rem 75% no-repeat}
@media (max-width:959px){
  .hero-tel a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--s-3);margin-left:var(--s-1);border:1.5px solid var(--c-ink-text);border-radius:8px;text-decoration:none}
}
.antwort-karte{display:none}
@media (min-width:960px){
  .s-start .hero-text{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--s-7)}
  .s-start .hero-text>*{grid-column:1}
  .s-start .hero-text>.wahl-block{grid-column:1/-1;order:5}
  .s-start .hero-text>.antwort-karte{display:grid;grid-column:2;grid-row:1/span 3;align-self:center;order:4}
  .antwort-karte{gap:var(--s-3);padding:var(--s-5);background:var(--c-ink-karte);color:#1A1546;border:1.5px solid var(--c-ink-dark);border-radius:8px;box-shadow:8px 8px 0 var(--c-cta)}
  :root[data-theme="dark"] .antwort-karte{background:var(--c-surface);color:var(--c-text)}
  .s-start .hero .antwort-karte p{margin:0;color:inherit}
  .ak-label{font-size:var(--fs-sm);font-weight:var(--fw-strong);opacity:.75}
  .ak-frage{font-weight:var(--fw-strong);font-size:var(--fs-lg);line-height:1.25;padding:var(--s-3) var(--s-4);background:var(--c-surface-2);border-radius:8px 8px 8px 0}
  .ak-antwort{font-size:var(--fs-md);line-height:1.45}
  .ak-quelle{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding-top:var(--s-3);border-top:1.5px dashed currentColor}
  .ak-quelle span{width:.5rem;height:.9rem;background:var(--c-marke);flex:none}
}
.seiten-inhalt,.seiten-inhalt .karte,.seiten-inhalt .karte p{overflow-wrap:break-word;word-break:normal;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:7 3 3}
.seiten-inhalt .raster:has(>.karte:nth-child(3):last-child){grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}
@media (min-width:960px){
  .s-start .hero{padding-top:var(--s-4);padding-bottom:var(--s-5)}
  .s-start .hero h1{font-size:clamp(2.4rem,1rem + 3vw,3.6rem)}
  .s-start .hero h1::before{width:1.9rem;height:1.4rem;margin-bottom:var(--s-2);background:var(--balken) 0 100%/.4rem 55% no-repeat,var(--balken) .75rem 100%/.4rem 100% no-repeat,var(--balken) 1.5rem 100%/.4rem 75% no-repeat}
  .s-start .hero-text{row-gap:var(--s-3)}
  .s-start .hero .lead{font-size:var(--fs-md);line-height:1.45}
  .wahl-block{padding:var(--s-3) var(--s-4)}
  .wahl-titel{margin-bottom:var(--s-2)}
  .antwort-karte{padding:var(--s-4)}
}
@media (max-width:959px){
  .such-mobil-kopf{display:inline-flex;margin-left:auto;width:2.75rem;height:2.75rem}
  .such-mobil-kopf[hidden]{display:none}
  .such-mobil-kopf+.mobil-tel{margin-left:0}
}
@media (max-width:480px){.logo-h,.logo-d{height:40px}}
.such-mobil-kopf{display:none}
@media (max-width:959px){.such-mobil-kopf{display:inline-flex}.such-mobil-kopf[hidden]{display:none}}
@media (max-width:420px){
  .mobil-tel{padding:0 .75rem}
  .mobil summary{padding:0 .75rem}
  header.band .wrap{gap:.4rem}
  .logo-h,.logo-d{height:36px}
}
@media (max-width:560px){
  .vorschlag-zeile .tabwrap{overflow:visible}
  .vorschlag-zeile table,.vorschlag-zeile tbody{display:block;width:100%}
  .vorschlag-zeile thead{position:absolute;left:-9999px}
  .vorschlag-zeile tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-1) var(--s-3);padding:var(--s-3) 0;border-bottom:var(--b-haar) solid var(--c-line)}
  .vorschlag-zeile td{display:block;padding:0;border:0}
  .vorschlag-zeile td:nth-child(1){grid-column:1;font-weight:var(--fw-strong)}
  .vorschlag-zeile td:nth-child(2){grid-column:2;grid-row:1;text-align:right}
  .vorschlag-zeile td:nth-child(3){grid-column:1/-1;color:var(--c-text-muted);font-size:var(--fs-sm)}
}
@media (max-width:1259px){
  .nav{display:none!important}
  .mobil{display:block!important}
  .mobil-tel,.such-mobil-kopf{display:inline-flex}
  .such-mobil-kopf[hidden]{display:none}
  .mobil-tel{margin-left:auto}
  .such-mobil-kopf{margin-left:auto;width:2.75rem;height:2.75rem}
  .such-mobil-kopf+.mobil-tel{margin-left:0}
}
html{scroll-padding-top:6.5rem}
.ist-start:not(.s-start){scroll-padding-top:9.5rem}
html{scroll-padding-bottom:5rem}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.mt-icon{display:none}
@media (max-width:1259px){
  header.band .wrap{flex-wrap:nowrap;min-width:0;gap:.4rem}
  header.band .wrap>a:first-child{min-width:0;flex:0 1 auto}
  .logo-h,.logo-d{height:38px;max-width:100%}
  .mobil summary,.mobil-tel,.such-mobil-kopf{flex:none;white-space:nowrap}
}
@media (max-width:560px){
  .mobil-tel .mt-text{display:none}
  .mobil-tel .mt-icon{display:block}
  .mobil-tel{width:2.75rem;height:2.75rem;padding:0;justify-content:center}
  .such-mobil-kopf{width:2.75rem;height:2.75rem}
  .mobil summary{padding:0 .8rem}
}
.seiten-inhalt .raster{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}
.seiten-inhalt .raster:has(>.karte:nth-child(3):last-child){grid-template-columns:repeat(auto-fit,minmax(min(14.5rem,100%),1fr))}
.anmelden-raster{grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr))}
.slug-produkt .seiten-inhalt .raster{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}
@media (max-width:560px){
  h1 .nb{white-space:normal;overflow-wrap:anywhere}
  .s-start .hero h1,.hero h1{font-size:clamp(1.75rem,8.2vw,2.5rem);hyphens:auto}
}
.kontakt-raster>*,.definition-zeile>*,.formular .feld,.absicht li,.vorteile li{min-width:0}
.kk-chips a,.chip-link{white-space:normal;overflow-wrap:anywhere}
.eingabe,.formular .eingabe{max-width:100%;box-sizing:border-box}
.claim{max-width:100%;white-space:normal}
.kontakt-karte{min-width:0;max-width:100%}
.absicht strong{overflow-wrap:anywhere}
.hero+section,.hero+.seiten-inhalt{padding-top:var(--s-6)}
.hero+section.ohne-linie{padding-top:var(--s-7)}
@media (max-width:1259px){
  .mobil-tel{background:var(--c-accent);color:var(--c-on-accent);border-radius:8px;text-decoration:none;align-items:center;min-height:var(--hit-min);padding:0 var(--s-4);font-weight:var(--fw-strong)}
}
@media (max-width:560px){.mobil-tel{padding:0}}
.ew-huelle{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:center;padding:var(--s-3);padding-bottom:max(var(--s-3),env(safe-area-inset-bottom));pointer-events:none}
.ew-huelle[hidden]{display:none}
.ew-huelle.ew-modal{inset:0;align-items:flex-end;background:rgba(0,0,0,.5);pointer-events:auto}
.ew-box{pointer-events:auto;box-sizing:border-box;width:100%;max-width:44rem;background:var(--c-surface);color:var(--c-text);border:var(--b-haar,1px) solid var(--c-line-strong);border-radius:var(--r-3,var(--r-2));box-shadow:var(--shadow-float);padding:var(--s-4) var(--s-5);font-family:var(--font-text);font-size:var(--fs-md);line-height:var(--lh-text,1.5)}
.ew-text{margin:0 0 var(--s-3)}
.ew-text a{color:var(--c-link);text-decoration:underline;text-underline-offset:.18em}
.ew-stand{margin:0 0 var(--s-3);color:var(--c-text-muted);font-size:var(--fs-sm)}
.ew-aktionen{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.ew-aktionen .knopf{flex:1 1 9rem;min-height:var(--hit,48px)}
.ew-box :focus-visible,.ew-aktionen .knopf:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
@media (max-width:600px){.ew-huelle{padding:var(--s-2)}.ew-box{padding:var(--s-3) var(--s-4);font-size:var(--fs-sm)}.ew-aktionen{flex-direction:column}.ew-aktionen .knopf{flex:0 0 auto;width:100%}}
body{padding-bottom:calc(var(--hit-min) + var(--s-5) + env(safe-area-inset-bottom,0px))}
.schweb-leiste{position:fixed;left:var(--s-3);right:var(--s-3);bottom:calc(var(--s-3) + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:var(--s-3);pointer-events:none;z-index:40}
.schweb{pointer-events:auto;min-height:var(--hit-min);padding:0 var(--s-4);font:var(--fw-medium) var(--fs-sm)/1 var(--font-text);color:var(--c-text);background:var(--c-surface);border:var(--b-regel) solid var(--c-line-strong);border-radius:var(--r-rund);cursor:pointer}
.schweb:hover{border-color:var(--c-text)}
.darstellung-panel{position:fixed;left:var(--s-3);bottom:calc(var(--hit-min) + var(--s-3) + var(--s-2) + env(safe-area-inset-bottom,0px));width:min(calc(100vw - 2 * var(--s-3)),24rem);max-height:calc(100vh - 8rem);overflow:auto;padding:var(--s-4);background:var(--c-surface);color:var(--c-text);border:var(--b-regel) solid var(--c-line-strong);border-radius:var(--r-3);box-shadow:var(--shadow-float);z-index:41}
.darstellung-panel[hidden]{display:none}
.darstellung-titel{font:var(--fw-head) var(--fs-lg)/1.2 var(--font-head);margin:0 0 var(--s-3)}
.darstellung-gruppe{margin-bottom:var(--s-3)}
.darstellung-label{margin:0 0 var(--s-1);font-weight:var(--fw-strong);font-size:var(--fs-sm)}
.darstellung-optionen{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.darstellung-unten{display:flex;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-4);align-items:center}
@media print{.schweb-leiste,.darstellung-panel{display:none}}
:root[data-schrift="gross"]{font-size:112.5%}
:root[data-schrift="sehr-gross"]{font-size:125%}
:root[data-bewegung="reduziert"] *,:root[data-bewegung="reduziert"] *::before,:root[data-bewegung="reduziert"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-kontrast="hoch"] a{text-decoration:underline;text-decoration-thickness:2px}
:root[data-kontrast="hoch"] .knopf,:root[data-kontrast="hoch"] .schweb,:root[data-kontrast="hoch"] .chip{border-width:3px}
:root[data-kontrast="hoch"] :focus-visible{outline-width:4px}
:root[data-schrift] .nav{display:none!important}
:root[data-schrift] .mobil{display:block!important}
.kreis a,:root[data-kontrast="hoch"] .kreis a{text-decoration:none}
.schweb{white-space:nowrap}
.schweb .kurz{display:none}
@media (max-width:480px){
  .schweb{padding:0 var(--s-3)}
  .schweb .lang{display:none}
  .schweb .kurz{display:inline}
}
.darstellung-panel{font-family:var(--font-text);color:var(--c-text);background:var(--c-surface);border:var(--b-regel,2px) solid var(--c-line-strong);border-radius:var(--r-2)}
.darstellung-panel .chip{min-height:var(--hit-min);padding:0 var(--s-4);font:var(--fw-medium) var(--fs-sm) var(--font-text);color:var(--c-text);background:var(--c-blatt);border:var(--b-haar,1px) solid var(--c-line-strong);border-radius:var(--r-chip,var(--r-2));cursor:pointer}
.darstellung-panel .chip[aria-pressed="true"]{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}
.darstellung-panel .knopf{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hit-min);padding:0 var(--s-4);font:var(--fw-strong) var(--fs-sm)/1 var(--font-text);border-radius:var(--r-2);border:var(--b-regel,2px) solid transparent;cursor:pointer}
.darstellung-panel .k-zweit{background:var(--c-blatt);color:var(--c-text);border-color:var(--c-line-strong)}
.darstellung-panel .k-text{background:transparent;color:var(--c-link);text-decoration:underline;text-underline-offset:.18em}
.darstellung-panel .chip:focus-visible,.darstellung-panel .knopf:focus-visible,.schweb:focus-visible{outline:var(--focus-ring,3px solid var(--c-focus));outline-offset:2px}
.gesicht-demo{border:var(--b-haar) solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface-2);overflow:hidden}
.gesicht-start{display:grid;gap:var(--s-5);align-items:center;padding:var(--s-5);grid-template-columns:minmax(0,1fr)}
.gesicht-start img{width:100%;max-width:15rem;height:auto;justify-self:center}
.gesicht-text p{margin:0 0 var(--s-3);max-width:46ch}
.gesicht-text .knopfreihe{margin-top:var(--s-4)}
@media (min-width:760px){.gesicht-start{grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:var(--s-7);padding:var(--s-6)}}
.gesicht-demo.laeuft{background:none;border:0;border-radius:0;overflow:visible}
.gesicht-demo iframe{display:block;width:100%;height:34rem;border:0;color-scheme:normal}
.gesicht-hinweis{margin-top:var(--s-3);max-width:70ch}
.gesicht-vorab{margin:0 auto var(--s-4);max-width:60ch;padding:var(--s-3) var(--s-5);text-align:center;background:var(--c-entschieden-fill);border:var(--b-haar) solid var(--c-entschieden-line);border-radius:var(--r-3);color:var(--c-entschieden-text);font-weight:var(--fw-medium);font-size:var(--fs-md)}