@font-face{font-family:'HspMontserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/montserrat-subset.woff2') format('woff2')}
body.seite-hautschutzplan{overflow-x:clip}
html{scroll-padding-top:100px}
.seite-hautschutzplan{--hsp-petrol:#1E3538;--hsp-dunkel:#1a2a2d;--hsp-blaugrau:#9CB1B4;--hsp-orange:#D99255;--hsp-akzent-text:#9C5A20;--hsp-feldrand:#888;--hsp-st-schuetzen:#1E3538;--hsp-st-reinigen:#9CB1B4;--hsp-st-desinfizieren:#9C5A20;--hsp-st-pflegen:#D99255}
[data-stufe="schuetzen"]{--hsp-st:var(--hsp-st-schuetzen);--hsp-st-zeichen:#fff}
[data-stufe="reinigen"],[data-stufe="paste"]{--hsp-st:var(--hsp-st-reinigen);--hsp-st-zeichen:var(--hsp-petrol)}
[data-stufe="desinfizieren"]{--hsp-st:var(--hsp-st-desinfizieren);--hsp-st-zeichen:#fff}
[data-stufe="pflegen"],[data-stufe="sonne"]{--hsp-st:var(--hsp-st-pflegen);--hsp-st-zeichen:var(--hsp-petrol)}
.seite-hautschutzplan [hidden]{display:none !important}
.hsp-symbole{position:absolute;width:0;height:0;overflow:hidden}
.hsp-i{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.seite-hautschutzplan .page-hero{min-height:0;padding:140px 0 80px}
.hsp-planer-bereich{background:var(--color-bg)}
.hsp-planer-bereich .section-header{max-width:none;margin-bottom:32px}
.hsp-planer{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
.hsp-planer > *{min-width:0}
.hsp-eingabe{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:28px}
.hsp-eingabe fieldset{border:none;margin:0 0 18px;padding:0;min-width:0}
.hsp-eingabe legend,.hsp-feld label,.hsp-feld-titel{display:block;font-size:0.85rem;font-weight:600;color:var(--color-text);margin:0 0 8px;padding:0}
.hsp-eingabe .optional,.hsp-ergebnis-karte .optional{font-weight:400;color:var(--color-text-muted)}
.hsp-feld{margin-bottom:18px;min-width:0}
.hsp-paar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end}
.hsp-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.hsp-drei .hsp-feld{margin-bottom:4px}
.hsp-feld input[type="text"]{width:100%;padding:12px 16px;font-family:var(--font-body);font-size:1rem;border:2px solid var(--hsp-feldrand);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);outline:none;box-sizing:border-box}
.hsp-feld input[type="text"]:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(217,146,85,0.15)}
.hsp-feld input[type="text"]:focus-visible{outline:3px solid #A5601F;outline-offset:2px}
.hsp-feld input::placeholder{color:var(--color-text-muted)}
.hsp-feld--kurz input[type="text"]{max-width:8em}
.hsp-klein{display:block;font-size:0.8rem;line-height:1.5;color:var(--color-text-muted);margin:0 0 12px}
.hsp-klein a{color:var(--color-accent-text)}
.hsp-vorbelegt{margin:-4px 0 14px;font-size:0.82rem;font-weight:600;color:var(--color-accent-text)}
.hsp-hinweis{margin:0 0 18px;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-white);border-left:3px solid var(--color-accent);font-size:0.85rem;line-height:1.5}
.hsp-hinweis a{color:var(--color-accent-text);font-weight:600}
.hsp-trenner{border-top:1px solid rgba(0,0,0,0.08);padding-top:16px}
.hsp-unter-chips{margin:8px 0 0}
.hsp-chips{display:flex;flex-wrap:wrap;gap:8px}
.hsp-chip{position:relative;display:inline-flex;margin:0;cursor:pointer}
.hsp-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.hsp-chip span{display:inline-flex;align-items:center;gap:7px;min-height:var(--knopf-h,44px);padding:8px 16px;border-radius:999px;background:var(--color-white);border:1px solid var(--color-primary-light);color:var(--color-text-light);font-family:var(--font-body);font-size:0.88rem;font-weight:600;line-height:1.2;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease}
.hsp-chip span .hsp-i{width:20px;height:20px}
.hsp-chip:hover span{border-color:var(--color-primary);color:var(--color-text)}
.hsp-chip input:checked + span{background:var(--knopf-glanz,none),var(--color-accent);border-color:var(--color-accent-text);box-shadow:0 0 0 1px var(--color-accent-text);color:var(--color-white)}
.hsp-chip input:focus-visible + span{outline:3px solid #A5601F;outline-offset:2px}
.hsp-chip--zahl span{min-width:var(--knopf-h,44px);justify-content:center;padding:6px 12px;font-variant-numeric:tabular-nums}
.hsp-zaehler{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;align-items:stretch}
.hsp-zaehler input[type="text"]{text-align:center;font-variant-numeric:tabular-nums;padding-left:8px;padding-right:8px}
.hsp-zaehler button{min-height:44px;border:2px solid var(--hsp-feldrand);border-radius:var(--knopf-radius,12px);background:var(--color-white);color:var(--color-accent-text);font-family:var(--font-button);font-size:1.35rem;font-weight:500;line-height:1;cursor:pointer}
.hsp-zaehler button:hover{border-color:var(--color-accent)}
.hsp-zaehler button:focus-visible{outline:3px solid #A5601F;outline-offset:2px}
.hsp-mehr{margin:4px 0 0;border-top:1px solid rgba(0,0,0,0.08);padding-top:12px}
.hsp-mehr + .hsp-mehr{margin-top:0}
.hsp-mehr summary{cursor:pointer;font-weight:600;font-size:0.95rem;color:var(--color-accent-text);list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:6px 0;min-height:44px}
.hsp-mehr summary .optional{font-size:0.82rem;color:var(--color-text-muted)}
.hsp-mehr summary::-webkit-details-marker{display:none}
.hsp-mehr summary::before{content:'+';content:'+' / '';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--color-accent-text);font-size:0.9rem;line-height:1;flex-shrink:0}
.hsp-mehr[open] summary::before{content:'\2212';content:'\2212' / ''}
.hsp-mehr summary:focus-visible{outline:3px solid #A5601F;outline-offset:2px;border-radius:4px}
.hsp-mehr-inhalt{padding-top:12px}
.hsp-mobil-leiste{display:none;margin:16px 0 0;padding:8px 16px;border-radius:var(--radius-md);background:var(--hsp-dunkel);color:var(--color-white);font-weight:600;font-variant-numeric:tabular-nums;text-align:center;text-decoration:none}
.hsp-mobil-leiste .hsp-i{width:18px;height:18px;margin-left:8px}
.hsp-mobil-leiste:hover{color:var(--color-white);background:#2a3b3c}
.hsp-mobil-leiste:focus-visible{outline:3px solid #A5601F;outline-offset:2px}
.hsp-ausgabe{display:grid;gap:14px}
@media (min-width:1025px) and (min-height:760px){.hsp-ausgabe{position:sticky;top:96px}
}
.hsp-kicker{margin:0;font-family:var(--font-body);font-size:0.78rem;font-weight:600;line-height:1.4;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted)}
.hsp-leer-hinweis{margin:0;font-size:0.85rem;color:var(--color-text-light)}
.hsp-vorschau{border:1px solid var(--color-primary-lighter);background:var(--color-white)}
.hsp-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.hsp-aktionen .btn .hsp-i{width:20px;height:20px}
.hsp-textlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;font-family:var(--font-body);font-size:0.88rem;font-weight:600;color:var(--color-accent-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hsp-textlink .hsp-i{width:18px;height:18px}
.hsp-textlink:hover{color:var(--color-accent-text-hover,#7f4a1a)}
.hsp-textlink:focus-visible{outline:3px solid #A5601F;outline-offset:2px;border-radius:2px}
.hsp-textlink.ist-kopiert{color:var(--color-text)}
.hsp-status{margin:0;font-size:0.88rem;line-height:1.5;color:var(--color-text)}
.hsp-aktionen .hsp-status{flex-basis:100%}
.hsp-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hsp-freigabe{margin:0;font-size:0.8rem;line-height:1.5;color:var(--color-text-muted)}
.hsp-freigabe a{color:var(--color-accent-text)}
#hspDrucken[aria-disabled="true"]{opacity:0.55;cursor:not-allowed}
.hsp-ergebnis-karte .hsp-leer-text a{color:var(--color-primary-light)}
.hsp-zur-bestellung{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 16px;border-radius:var(--radius-md);background:var(--hsp-dunkel);color:var(--color-white);font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none}
.hsp-zur-bestellung:hover{color:var(--color-white);background:#2a3b3c}
.hsp-zur-bestellung:focus-visible{outline:3px solid #A5601F;outline-offset:2px}
.hsp-zur-bestellung .hsp-i{width:18px;height:18px}
.hsp-ergebnis-karte{margin-top:24px;background:linear-gradient(135deg,#1a2a2d 0%,#2a3b3c 60%,#1a2a2d 100%);color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px 30px}
.hsp-ergebnis-karte .hsp-kicker{color:var(--color-primary-light);margin-bottom:14px}
.hsp-ergebnis-karte .hsp-leer-text{margin:0;font-size:0.95rem;line-height:1.6;color:rgba(255,255,255,0.85);max-width:60ch}
.hsp-bestell-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start}
.hsp-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hsp-posten{display:grid;grid-template-columns:56px minmax(0,1fr) 9.5em;align-items:start;gap:12px;padding:12px 14px 12px 10px;border-radius:var(--radius-md);background:rgba(255,255,255,0.06)}
.hsp-posten-bild{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;border:3px solid var(--hsp-st,var(--color-primary));background:var(--color-white);color:var(--hsp-petrol);overflow:hidden}
.hsp-posten-bild img{width:100%;height:100%;object-fit:contain}
.hsp-ergebnis-karte [data-stufe="schuetzen"]{--hsp-st:var(--color-primary-light)}
.hsp-posten-bild .hsp-i{width:24px;height:24px}
.hsp-posten-name{display:grid;gap:2px;min-width:0;font-weight:600;font-size:0.95rem;line-height:1.3}
.hsp-posten-name a{color:var(--color-white);text-decoration:none}
.hsp-posten-name a:hover{text-decoration:underline;text-underline-offset:3px}
.hsp-posten-name a:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px;border-radius:2px}
.hsp-posten-stufe::before{content:'';display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:var(--hsp-st,var(--color-primary));box-shadow:0 0 0 1.5px rgba(255,255,255,0.55);vertical-align:0}
.hsp-posten-stufe{font-size:0.7rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-primary-light)}
.hsp-posten-info{font-size:0.75rem;font-weight:400;color:rgba(255,255,255,0.7)}
.hsp-posten-gebinde{margin-top:6px;font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.85)}
.hsp-posten select{display:block;width:100%;min-height:44px;padding:6px 10px;border-radius:var(--radius-md);border:2px solid var(--hsp-feldrand);font-family:var(--font-body);font-size:0.88rem;font-weight:500;background:var(--color-white);color:var(--color-text)}
.hsp-posten select:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}
.hsp-posten-menge{display:grid;justify-items:end;text-align:right;font-variant-numeric:tabular-nums}
.hsp-posten-menge strong{font-size:1.1rem;font-weight:600}
.hsp-posten-menge small{display:block;margin-top:2px;font-size:0.75rem;color:rgba(255,255,255,0.7)}
.hsp-posten-menge .hsp-posten-preis{color:var(--color-white);font-weight:600}
.hsp-biozid{margin:14px 0 0;font-size:0.82rem;line-height:1.5;color:rgba(255,255,255,0.9)}
.hsp-abschluss{display:flex;flex-direction:column;gap:16px}
.hsp-kpi{margin:0;line-height:1.1}
.hsp-kpi-wert{display:block;font-size:clamp(2.2rem,4.4vw,3rem);font-weight:600;color:var(--color-accent);font-variant-numeric:tabular-nums}
.hsp-kpi-text{display:block;margin-top:4px;font-size:0.82rem;color:rgba(255,255,255,0.78)}
.hsp-ergebnis-karte fieldset{border:none;margin:0;padding:0;min-width:0}
.hsp-ergebnis-karte legend{padding:0;margin:0 0 8px;font-size:0.82rem;font-weight:600;color:rgba(255,255,255,0.85)}
.hsp-ergebnis-karte legend .hsp-i{width:18px;height:18px;margin-right:6px;vertical-align:-4px;color:var(--color-primary-light)}
.hsp-ergebnis-karte .hsp-chip span{padding:6px 14px}
.hsp-ergebnis-karte .hsp-chip input:focus-visible + span{outline-color:var(--color-primary-light)}
.hsp-frei-haus{display:flex;align-items:center;gap:8px;margin:0;font-size:0.85rem;font-weight:600;color:var(--color-primary-light)}
.hsp-frei-haus .hsp-i{width:20px;height:20px}
.hsp-ergebnis-karte .btn{align-self:flex-start}
.hsp-ergebnis-karte .btn .hsp-i{width:20px;height:20px}
.hsp-ergebnis-karte .btn:focus-visible{outline-color:var(--color-primary-light)}
.hsp-ergebnis-karte .btn[aria-disabled="true"]{opacity:0.75;cursor:progress}
.hsp-ergebnis-karte .hsp-status{color:var(--color-white)}
.hsp-ergebnis-karte .hsp-status:not(:empty){padding:10px 12px;border-radius:var(--radius-md);background:rgba(255,255,255,0.08);border-left:3px solid var(--color-primary)}
.hsp-unternehmer{margin:0;font-size:0.78rem;line-height:1.5;color:rgba(255,255,255,0.7)}
.hsp-unternehmer a{color:var(--color-primary-light)}
.hsp-blatt-rahmen{container-type:inline-size}
#hspBlatt{container-name:hsp-vorschau}
.hsp-blatt{--hsp-l:2.1em;--hsp-m:1.4em;--hsp-xs:0.72em;--hsp-spalt:1.4em;--hsp-haar:0.075em;position:relative;box-sizing:border-box;aspect-ratio:283 / 196;--hsp-schrift:1.7;font-size:calc(var(--hsp-schrift) * 1cqi);font-family:'HspMontserrat',var(--font-body,Arial,sans-serif);font-weight:500;background:#fff;color:var(--hsp-petrol);overflow:hidden;display:flex;flex-direction:column;padding:0.55em 0.65em 0.45em;line-height:1.25;-webkit-hyphens:manual;hyphens:manual}
.hsp-blatt[data-spalten="4"]{--hsp-l:1.82em;--hsp-m:1.32em}
.hsp-blatt p{margin:0}
.hsp-linie{display:inline-block;min-width:9em;height:1em;vertical-align:-0.2em;border-bottom:var(--hsp-haar) solid currentColor}
.hsp-blatt-kopf{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2em;align-items:start}
.hsp-titelstapel{min-width:0}
.hsp-t1{font-size:var(--hsp-l);font-weight:800;letter-spacing:-0.025em;line-height:0.95;text-transform:uppercase}
.hsp-blatt .hsp-t2{font-size:var(--hsp-l);font-weight:300;letter-spacing:-0.02em;line-height:1.02}
.hsp-t2 .hsp-linie{min-width:7em}
.hsp-blatt .hsp-wortmarke{display:flex;align-items:center;gap:0.55em;padding-top:0.15em}
.hsp-wortmarke img{display:block;width:2.2em;height:2.2em}
.hsp-wort{display:block;font-size:1em;font-weight:800;letter-spacing:0.26em;line-height:1.15;white-space:nowrap}
.hsp-wort sup{position:relative;top:-0.15em;margin-left:0.05em;font-size:0.5em;font-weight:600;letter-spacing:0;vertical-align:top;line-height:1}
.hsp-unter{display:block;margin-top:0.3em;font-size:0.56em;font-weight:500;letter-spacing:0.16em;white-space:nowrap}
.hsp-blatt .hsp-kopf-zeile{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--hsp-spalten,3),minmax(0,1fr));column-gap:var(--hsp-spalt);margin-top:0.6em;font-size:var(--hsp-xs);line-height:1.3}
.hsp-blatt[data-spalten="2"] .hsp-kopf-zeile{grid-template-columns:repeat(4,minmax(0,1fr))}
.hsp-blatt[data-spalten="2"] .hsp-kopf-zeile .hsp-kw:first-child{grid-column:span 2}
.hsp-blatt:not([data-spalten="2"]) .hsp-kopf-zeile .hsp-kw:nth-child(2){grid-column:2 / -2}
.hsp-k,.hsp-w{display:block}
.hsp-kw .hsp-linie{display:block;width:100%;min-width:0;height:1.3em}
.hsp-k{font-weight:600;letter-spacing:0.12em;text-transform:uppercase}
.hsp-blatt-stufen{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(var(--hsp-spalten,3),minmax(0,1fr));grid-template-rows:auto auto auto auto 1fr auto;column-gap:var(--hsp-spalt);margin-top:0.85em}
.hsp-stufe{position:relative;grid-row:1 / -1;display:grid;grid-template-rows:subgrid;min-width:0}
.hsp-stufe + .hsp-stufe::before{content:'';position:absolute;top:1.1em;bottom:0;left:calc(var(--hsp-spalt) / -2);border-left:0.05em solid var(--hsp-blaugrau)}
.hsp-stufe-kopf{grid-row:1;display:flex;align-items:center;gap:0.22em;min-width:0;padding-top:0.55em;border-top:0.3em solid var(--hsp-st,var(--hsp-petrol))}
.hsp-stufe-kopf .hsp-stufe-zeichen{flex:none;width:calc(var(--hsp-l) * 0.78);height:calc(var(--hsp-l) * 0.78);stroke-width:1.8;color:var(--hsp-petrol)}
.hsp-stufe-name{display:block;font-size:var(--hsp-l);font-weight:800;letter-spacing:-0.015em;line-height:1;white-space:nowrap}
.hsp-blatt .hsp-stufe-wann{grid-row:2;margin-top:0.35em}
.hsp-blatt .hsp-stufe-produkt{grid-row:3;display:grid;grid-template-columns:4.6em minmax(0,1fr);column-gap:0.6em;align-items:start;margin-top:0.75em}
.hsp-blatt[data-spalten="4"] .hsp-stufe-produkt{grid-template-columns:4.2em minmax(0,1fr)}
.hsp-produkt-bild{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.hsp-stufe-produkt:not(.hat-bild) .hsp-produkt-text{grid-column:2}
.hsp-blatt .hsp-stufe-produkt.ist-leer{display:flex;flex-direction:column;gap:0.3em}
.hsp-stufe-produkt.ist-leer .hsp-linie{order:-1;display:block;width:100%;min-width:0;height:1.6em}
.hsp-blatt .hsp-produkt-text{min-width:0;line-height:1.2}
.hsp-produkt-marke,.hsp-produkt-art{display:block;font-size:var(--hsp-xs)}
.hsp-produkt-marke{font-weight:600;letter-spacing:0.12em;text-transform:uppercase}
.hsp-produkt-name{display:block;margin-top:0.06em;font-size:var(--hsp-m);font-weight:800;letter-spacing:-0.02em;line-height:1.05}
.hsp-produkt-art{margin-top:0.3em;line-height:1.3}
.hsp-stufe-wie{grid-row:4;margin:0.75em 0 0;padding:0;list-style:none}
.hsp-stufe-wie li{position:relative;padding-left:0.85em}
.hsp-stufe-wie li + li{margin-top:0.25em}
.hsp-stufe-wie li::before{content:'';position:absolute;left:0.04em;top:0.46em;width:0.34em;height:0.34em;border-radius:50%;background:currentColor}
.hsp-blatt .hsp-stufe-hinweis{grid-row:6;margin-top:0.75em;padding-top:0.45em;border-top:var(--hsp-haar) solid var(--hsp-petrol);font-weight:600}
.hsp-blatt-baender{flex:none;display:grid;grid-template-columns:repeat(var(--hsp-spalten,3),minmax(0,1fr));column-gap:var(--hsp-spalt);row-gap:0.8em;margin-top:0.8em;padding-top:0.6em;border-top:var(--hsp-haar) solid var(--hsp-petrol)}
.hsp-blatt-baender.ist-frei{grid-template-columns:repeat(var(--hsp-baender,2),minmax(0,1fr))}
.hsp-band{position:relative;min-width:0;grid-column:span var(--hsp-breite,1)}
.hsp-band + .hsp-band::before{content:'';position:absolute;top:0;bottom:0;left:calc(var(--hsp-spalt) / -2);border-left:0.05em solid var(--hsp-blaugrau)}
.hsp-band-bild{float:right;width:3.4em;height:3.4em;margin:0 0 0.15em 0.6em;object-fit:contain}
.hsp-blatt .hsp-rubrik{position:relative;margin-bottom:0.3em;padding-top:0.6em;font-size:var(--hsp-xs);font-weight:600;letter-spacing:0.14em;line-height:1.2;text-transform:uppercase}
.hsp-rubrik::before{content:'';position:absolute;left:0;top:0;width:1.5em;height:0.18em;background:var(--hsp-orange)}
.hsp-band-text{font-size:var(--hsp-xs);line-height:1.35}
.hsp-band-text b{font-weight:600}
.hsp-band-text .hsp-linie{min-width:6em}
.hsp-nobr{white-space:nowrap}
.hsp-band-satz{display:block}
.hsp-band-satz + .hsp-band-satz{margin-top:0.25em}
.hsp-band-warnung{font-weight:600}
.hsp-blatt-fuss{flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--hsp-spalt);margin-top:0.75em}
.hsp-blatt[data-spalten="3"] .hsp-blatt-fuss{grid-template-columns:repeat(6,minmax(0,1fr))}
.hsp-blatt[data-spalten="3"] .hsp-fuss-feld:nth-child(n+3){grid-column:span 2}
.hsp-fuss-feld{display:grid;min-width:0;font-size:var(--hsp-xs)}
.hsp-unterschrift{min-height:1.75em;padding-bottom:0.15em;border-bottom:0.1em solid var(--hsp-petrol);display:flex;align-items:flex-end}
.hsp-fuss-label{display:block;margin-top:0.2em}
.hsp-blatt .hsp-blatt-zeile{flex:none;display:flex;justify-content:space-between;gap:1.5em;margin-top:0.4em;font-size:var(--hsp-xs);line-height:1.3}
.hsp-muster{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font-size:6em;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:rgba(156,177,180,0.16);pointer-events:none;white-space:nowrap}
@container hsp-vorschau (max-width:540px){.hsp-blatt{aspect-ratio:auto;font-size:14px;padding:16px}
.hsp-blatt-kopf{grid-template-columns:minmax(0,1fr);row-gap:12px}
.hsp-blatt[data-spalten] .hsp-kopf-zeile{grid-template-columns:minmax(0,1fr);row-gap:8px}
.hsp-blatt[data-spalten] .hsp-kopf-zeile .hsp-kw:nth-child(n){grid-column:auto}
.hsp-blatt-stufen{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:22px}
.hsp-stufe{grid-row:auto;display:flex;flex-direction:column}
.hsp-stufe + .hsp-stufe::before,.hsp-band + .hsp-band::before{display:none}
.hsp-blatt-baender,.hsp-blatt-baender.ist-frei{grid-template-columns:minmax(0,1fr)}
.hsp-band{grid-column:auto}
.hsp-blatt[data-spalten] .hsp-blatt-fuss{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
.hsp-blatt[data-spalten] .hsp-fuss-feld:nth-child(n){grid-column:auto}
.hsp-blatt .hsp-blatt-zeile{flex-direction:column;gap:4px}
.hsp-muster{font-size:3.2em}
}
.hsp-dialog{width:min(96vw,1400px,calc((100dvh - 120px) * 283 / 196 + 36px));max-width:none;padding:18px;border:0;border-radius:var(--radius-lg);background:var(--color-bg-alt);box-shadow:var(--shadow-lg)}
.hsp-dialog::backdrop{background:rgba(20,30,35,0.62)}
.hsp-dialog-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.hsp-dialog-kopf h2{margin:0;font-size:1.1rem;color:var(--hsp-petrol)}
.hsp-dialog .hsp-blatt-rahmen{border:1px solid var(--color-primary-lighter);background:var(--color-white)}
.hsp-wissen{padding:64px 0}
.hsp-wissen-alt{background:var(--color-bg-alt)}
.hsp-breite{max-width:1080px;margin:0 auto}
.hsp-antwortsatz,.hsp-einleitung,.hsp-notiz{max-width:68ch}
.hsp-antwortsatz{font-size:1.05rem;line-height:1.7;color:var(--color-text-light);margin:0 0 16px}
.hsp-antwortsatz strong{color:var(--color-text)}
.hsp-einleitung{margin:0 0 6px;color:var(--color-text-light);line-height:1.65}
.hsp-notiz{font-size:0.92rem;line-height:1.65;color:var(--color-text-light);margin:14px 0 0}
.hsp-notiz a,.hsp-einleitung a,.hsp-antwortsatz a{color:var(--color-accent-text)}
.hsp-h3{font-size:1.1rem;margin:26px 0 0;color:var(--hsp-petrol)}
.hsp-tabelle-wrap{overflow-x:auto;margin:18px 0;border-radius:var(--radius-md);border:1px solid var(--color-primary-lighter);background:var(--color-white)}
.hsp-tabelle{width:100%;border-collapse:collapse;font-size:0.92rem}
.hsp-tabelle caption{text-align:left;padding:12px 16px 0;font-size:0.85rem;color:var(--color-text-muted);caption-side:top}
.hsp-tabelle th,.hsp-tabelle td{padding:10px 16px;text-align:left;border-top:1px solid #EEF2F3;vertical-align:top}
.hsp-tabelle thead th{border-top:0;font-size:0.78rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--hsp-petrol)}
.hsp-tabelle tbody th{font-weight:600;color:var(--hsp-petrol)}
.hsp-tabelle td small{color:var(--color-text-muted);font-size:0.85em}
.hsp-tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hsp-schritte-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;counter-reset:hsp}
.hsp-schritte-liste li{position:relative;background:var(--color-white);border:1px solid var(--color-primary-lighter);border-radius:var(--radius-lg);padding:20px 18px 18px 64px;counter-increment:hsp}
.hsp-schritte-liste li::before{content:counter(hsp);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;border:2px solid var(--color-accent-text);color:var(--color-accent-text);display:grid;place-items:center;font-weight:600}
.hsp-schritte-liste strong{display:block;color:var(--hsp-petrol);margin-bottom:4px}
.hsp-schritte-liste span{font-size:0.9rem;color:var(--color-text-light);line-height:1.5}
.hsp-haken{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.hsp-haken li{position:relative;padding:6px 0 6px 22px;line-height:1.5}
.hsp-haken li::before{content:'';position:absolute;left:0;top:0.95em;width:8px;height:8px;border-radius:50%;background:var(--color-accent)}
.hsp-beispiele{display:grid;gap:12px;margin-top:20px}
.hsp-beispiel{background:var(--color-white);border:1px solid var(--color-primary-lighter);border-radius:var(--radius-lg)}
.hsp-beispiel > summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:16px 20px;cursor:pointer;font-weight:600;font-size:1rem;color:var(--color-accent-text);list-style:none}
.hsp-beispiel > summary::-webkit-details-marker{display:none}
.hsp-beispiel > summary::after{content:'+';content:'+' / '';margin-left:auto;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--color-accent-text);font-size:1rem;line-height:1;flex-shrink:0}
.hsp-beispiel[open] > summary::after{content:'\2212';content:'\2212' / ''}
.hsp-beispiel-titel{margin:0;font-size:inherit;font-weight:inherit;line-height:1.35;color:inherit}
.hsp-biozid-hinweis{margin:0 0 12px;font-size:0.88rem;line-height:1.5;color:var(--color-text);max-width:68ch}
.hsp-beispiel > summary:focus-visible{outline:3px solid #A5601F;outline-offset:2px;border-radius:4px}
.hsp-beispiel-inhalt{padding:0 20px 20px}
.hsp-beispiel-inhalt p{margin:0 0 10px;font-size:0.93rem;line-height:1.6;color:var(--color-text-light);max-width:68ch}
.hsp-bsp-produkte{list-style:none;margin:6px 0 0;padding:0;font-size:0.86rem;color:var(--color-text-light)}
.hsp-bsp-produkte li{margin:2px 0}
.hsp-bsp-marke{font-weight:600;color:var(--hsp-petrol)}
.hsp-bsp-produkte small{color:var(--color-text-muted)}
.hsp-beispiel-inhalt .btn{margin-top:4px}
.hsp-fragen{max-width:860px}
.hsp-h2-klein{font-size:1.25rem;margin:0 0 12px;color:var(--hsp-petrol)}
.hsp-links{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hsp-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:var(--knopf-radius,12px);border:1px solid var(--color-primary-light);background:var(--color-white);color:var(--color-accent-text);font-weight:600;font-size:0.9rem;text-decoration:none}
.hsp-links a:hover{border-color:var(--color-accent)}
.hsp-quellen ul{margin:6px 0 0;padding-left:18px}
.hsp-quellen li{margin:3px 0;font-size:0.88rem}
.hsp-quellen a{color:var(--color-accent-text)}
.hsp-noscript{margin:0 0 16px;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-bg-alt)}
@media (min-width:1025px){#hspBlatt:empty{aspect-ratio:283 / 196}
}
@media (max-width:960px){.hsp-zur-bestellung{display:none !important}
html{scroll-padding-top:76px;scroll-padding-bottom:calc(144px + env(safe-area-inset-bottom,0px))}
.hsp-planer{grid-template-columns:minmax(0,1fr)}
.hsp-bestell-raster{grid-template-columns:minmax(0,1fr);gap:22px}
.hsp-mobil-leiste{display:flex;align-items:center;justify-content:center;min-height:44px;position:sticky;bottom:12px;z-index:5;box-shadow:var(--shadow-md)}
body:has(.shop-bottom-bar) .hsp-mobil-leiste{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
body.seite-hautschutzplan .scroll-top{display:none}
}
@media (max-width:768px){body.seite-hautschutzplan .page-hero{padding:120px 0 56px}
#hspGross{display:none}
.hsp-schritte-liste{grid-template-columns:minmax(0,1fr)}
.hsp-haken{grid-template-columns:minmax(0,1fr)}
.hsp-wissen{padding:48px 0}
}
@media (max-width:600px){.hsp-planer-bereich{padding-top:24px}
.hsp-planer-bereich .section-header{margin-bottom:0}
.hsp-planer-bereich .section-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hsp-eingabe,.hsp-ergebnis-karte{padding:22px 16px}
.hsp-paar{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px}
.hsp-posten{grid-template-columns:56px minmax(0,1fr)}
.hsp-posten-menge{grid-column:2;justify-items:start;text-align:left}
}
.hsp-druckblatt{display:none}
.hsp-messrahmen{position:absolute;left:-20000px;top:0;width:1070px;visibility:hidden;pointer-events:none;container-type:inline-size}
@media print{@page{size:A4 landscape;margin:7mm}
html,body{background:#fff !important;margin:0 !important;padding:0 !important}
body.seite-hautschutzplan > *:not(.hsp-druckblatt):not(.hsp-symbole){display:none !important}
body.seite-hautschutzplan > .hsp-druckblatt{display:block !important;width:283mm;height:196mm;overflow:hidden}
.hsp-druckblatt .hsp-blatt{width:283mm;height:196mm;aspect-ratio:auto;font-size:calc(283mm * var(--hsp-schrift,1.7) / 100);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.hsp-druckblatt .hsp-muster{display:none}
.hsp-druck-hinweis{padding:20mm;font-family:var(--font-body);font-size:14pt;line-height:1.5;color:#1E3538}
}
@media (max-width:600px){body.seite-hautschutzplan .page-hero .container > p{padding-right:28px}
}