.sf .wz-kopf{display:grid;gap:28px clamp(32px,5vw,72px);align-items:end;padding:clamp(40px,5vw,64px) 0 clamp(44px,5vw,64px)}.sf .wz-kopf--zwei{grid-template-columns:minmax(0,1fr) auto}.sf .wz-kopf-text{display:grid;gap:14px;align-content:end}.sf .wz-kopf-bild{display:grid;justify-items:end}.sf .wz-h1{margin:0;font:700 clamp(34px,4.4vw,54px)/1.04 var(--font-ui);letter-spacing:-.035em;color:var(--tinte);max-width:16ch;text-wrap:balance}.sf .wz-kopf--zwei .wz-h1{font-size:clamp(34px,3.7vw,48px);max-width:18ch}.sf .wz-lead{margin:0;max-width:46ch;color:var(--leise);font-size:18px}.sf .wz-stand{font:500 13px/1.4 var(--font-mono);color:var(--leise)}.sf .wz-abschnitt{padding-bottom:64px;display:grid;gap:18px}.sf .wz-h2{font-size:clamp(24px,2.6vw,34px)}.sf .wz-h3{margin:0;font:600 18px/1.2 var(--font-ui);color:var(--tinte)}.sf .wz-link{font:500 15px/1 var(--font-ui);color:var(--tinte);text-underline-offset:4px}.sf .wz-leise{color:var(--leise)}.sf .wz-unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sf .wz-meldung{margin:0;padding:12px 16px;border-radius:14px;background:rgba(240,160,64,.12);color:var(--tinte)}.sf .wz-mass{display:flex;align-items:center;gap:6px;width:100%}.sf .wz-mass--senkrecht{flex-direction:column;width:auto;height:100%}.sf .wz-strich{display:block;flex:none;width:1px;height:9px;background:var(--zweit)}.sf .wz-strich--quer{width:9px;height:1px}.sf .wz-mass-linie{flex:1;height:0;border-top:1px solid var(--zweit);opacity:.7}.sf .wz-mass--senkrecht .wz-mass-linie{width:0;height:auto;border-top:0;border-left:1px solid var(--zweit)}.sf .wz-mass-zahl{font:500 12.5px/1 var(--font-mono);color:var(--zweit);white-space:nowrap}.sf .wz-mass--senkrecht .wz-mass-zahl{writing-mode:vertical-rl;transform:rotate(180deg)}.sf .wz-vermessen{display:inline-grid;-moz-column-gap:10px;column-gap:10px;row-gap:8px}.sf .wz-vermessen-ding{display:block;position:relative}.sf .wz-umriss{display:block;flex:none;box-shadow:inset 0 0 0 1.5px var(--linie-stark)}.sf .wz-umriss--an{box-shadow:inset 0 0 0 1.5px var(--zweit);background:var(--hauch)}.sf .wz-kopieren{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border:0;border-radius:9px;background:transparent;box-shadow:inset 0 0 0 1px var(--linie-stark);color:var(--leise);cursor:pointer;transition:color .15s ease,box-shadow .15s ease}.sf .wz-kopieren:hover{color:var(--tinte);box-shadow:inset 0 0 0 1px var(--tinte)}.sf .wz-kopieren[data-kopiert]{color:var(--zweit);box-shadow:inset 0 0 0 1.5px var(--zweit)}.sf .wz-schalter{display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 14.5px/1.2 var(--font-ui);color:var(--text);cursor:pointer}.sf .wz-schalter input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:40px;height:24px;margin:0;border-radius:999px;background:var(--senke);box-shadow:inset 0 0 0 1px var(--linie-stark);position:relative;cursor:pointer;transition:background-color .15s ease}.sf .wz-schalter input:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:999px;background:var(--leise);transition:transform .2s cubic-bezier(.2,.7,.2,1),background-color .15s ease}.sf .wz-schalter input:checked{background:var(--zweit);box-shadow:none}.sf .wz-schalter input:checked:after{transform:translateX(16px);background:var(--papier)}.sf .wz-chips{display:inline-flex;flex-wrap:wrap;gap:6px}.sf .wz-chip{height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--linie-stark);font:600 13.5px/1 var(--font-ui);color:var(--text);cursor:pointer}.sf .wz-chip:hover{box-shadow:inset 0 0 0 1px var(--tinte)}.sf .wz-chip[aria-pressed=true]{background:var(--hauch);box-shadow:inset 0 0 0 1.5px var(--zweit);color:var(--tinte)}.sf .wz-chip:focus-visible,.sf .wz-kopieren:focus-visible,.sf .wz-schalter input:focus-visible{outline:2px solid var(--zweit);outline-offset:2px}.sf .wz-index{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie-stark)}.sf .wz-index li{border-bottom:1px solid var(--linie-stark)}.sf .wz-index a{display:grid;grid-template-columns:200px minmax(0,1.3fr) minmax(0,1fr) 40px;gap:24px;align-items:center;margin:6px -20px;padding:22px 20px;border-radius:18px;text-decoration:none;transition:background-color .2s ease}@media (hover:hover){.sf .wz-index a:hover{background:var(--band)}.sf .wz-index a:hover .wz-pfeil{transform:translateX(6px)}}.sf .wz-index a:active{background:var(--band)}.sf .wz-index a:focus-visible{outline:2px solid var(--zweit);outline-offset:-2px}.sf .wz-index-bild{height:130px;display:grid;place-items:center start}.sf .wz-index-name{font:650 clamp(24px,2.4vw,32px)/1.1 var(--font-ui);letter-spacing:-.025em;color:var(--tinte)}.sf .wz-index-satz{color:var(--leise)}.sf .wz-pfeil{justify-self:end;font-size:24px;color:var(--tinte);transition:transform .25s cubic-bezier(.2,.7,.2,1)}.sf .wz-ein-aus{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:baseline}.sf .wz-ein-aus dt{font:500 13px/1.5 var(--font-mono);color:var(--leise)}.sf .wz-ein-aus dd{margin:0;color:var(--text)}.sf .wz-drei{align-items:flex-end}.sf .wz-drei,.sf .wz-drei dl{display:flex;flex-wrap:wrap;gap:16px 40px}.sf .wz-drei dl{margin:0}.sf .wz-drei dt{font-size:14.5px;color:var(--leise)}.sf .wz-drei dd{margin:4px 0 0;font:500 clamp(24px,2.6vw,34px)/1 var(--font-mono);color:var(--tinte);letter-spacing:-.02em}.sf .wz-kern{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;-moz-column-gap:34px;column-gap:34px;row-gap:14px}.sf .wz-kern figure{margin:0;display:grid;grid-row:span 2;grid-template-rows:subgrid}.sf .wz-kern .wz-vermessen{align-self:end}.sf .wz-kern figcaption{align-self:start;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.sf .wz-kern-name{display:block;font:600 15px/1.2 var(--font-ui);color:var(--tinte)}.sf .wz-kern-masse{display:block;font:500 13px/1.3 var(--font-mono);color:var(--tinte);margin-top:5px}.sf .wz-kern-wann{display:block;font-size:13px;line-height:1.35;color:var(--leise);margin-top:3px}.sf .wz-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sf .wz-filter .wz-h2{margin-right:auto}.sf .wz-tabelle{width:100%;border-collapse:collapse}.sf .wz-tabelle td,.sf .wz-tabelle th{padding:9px 12px;text-align:left;vertical-align:middle}.sf .wz-tabelle thead th{font:600 12px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--leise);padding-block:14px}.sf .wz-tabelle thead td,.sf .wz-tabelle thead th{border-bottom:1px solid var(--linie-stark)}.sf .wz-tabelle tbody th{font:500 15px/1.3 var(--font-ui);color:var(--tinte)}.sf .wz-tabelle tr.wz-gruppe th{padding-top:22px;padding-bottom:6px;border-bottom:1px solid var(--linie);font:600 15px/1.2 var(--font-ui)}.sf .wz-tabelle tr.wz-gruppe span{font:400 13.5px/1.3 var(--font-ui);color:var(--leise);margin-left:10px}.sf .wz-tabelle tbody tr:not(.wz-gruppe):hover{background:var(--band)}.sf .wz-zahl{font:500 14.5px/1.3 var(--font-mono);color:var(--tinte);white-space:nowrap}.sf .wz-pflicht{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--seladon);color:#141414;font:600 12px/1 var(--font-ui)}.sf .wz-optional{font:500 13px/1 var(--font-ui);color:var(--leise)}.sf .wz-aelter>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:18px 12px;border-top:1px solid var(--linie-stark);font:600 15px/1.3 var(--font-ui);color:var(--tinte)}.sf .wz-aelter>summary::-webkit-details-marker{display:none}.sf .wz-aelter>summary .wz-plus{color:var(--zweit);transition:transform .2s ease}.sf .wz-aelter[open]>summary .wz-plus{transform:rotate(45deg)}.sf .wz-aelter>summary .wz-leise{font:400 13.5px/1.4 var(--font-ui)}.sf .wz-regeln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(32px,5vw,72px)}.sf .wz-regeln dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px}.sf .wz-regeln dt{font:500 14px/1.45 var(--font-mono);color:var(--zweit);white-space:nowrap}.sf .wz-regeln dd{margin:0;color:var(--text)}.sf .wz-pruef{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px clamp(32px,5vw,72px);align-items:start}.sf .wz-pruef-liste{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;align-items:center}.sf .wz-pruef-liste dt{display:flex;align-items:center;gap:10px;font:500 14px/1.3 var(--font-mono);color:var(--zweit);white-space:nowrap}.sf .wz-pruef-liste dt[data-warnung]{color:#C98420}.sf .wz-pruef-liste dd{margin:0;color:var(--text)}.sf .wz-pruef-liste dd[data-warnung]{color:var(--tinte)}.sf .wz-haken{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:999px;background:var(--hauch);color:var(--zweit)}.sf .wz-haken[data-warnung]{background:rgba(240,160,64,.16);color:#C98420}.sf .wz-werkbank{display:grid;gap:14px;padding:22px;border-radius:20px;background:var(--band)}.sf .wz-trenner{height:1px;background:var(--linie);margin:4px 0}.sf .wz-legende{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--leise)}.sf .wz-legende span{display:inline-flex;align-items:center;gap:6px}.sf .wz-zwei-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sf .wz-lagen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sf .wz-lage{display:grid;gap:14px;align-content:start;padding:18px;border-radius:20px;background:var(--karte);box-shadow:0 0 0 1px var(--linie)}.sf .wz-lage-titel{font:600 12px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--leise)}.sf .wz-darstellungen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sf .wz-darstellung{margin:0;display:grid;gap:8px;justify-items:center}.sf .wz-darstellung-flaeche{width:100%;aspect-ratio:1.15;border-radius:16px;display:grid;place-items:center}.sf .wz-darstellung figcaption{font:600 13px/1 var(--font-ui);color:var(--tinte)}.sf .wz-icon-tabellen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(32px,5vw,72px)}.sf .wz-icon-tabelle{width:100%;border-collapse:collapse}.sf .wz-icon-tabelle caption{text-align:left;font:600 18px/1.2 var(--font-ui);color:var(--tinte);padding-bottom:10px}.sf .wz-icon-tabelle td,.sf .wz-icon-tabelle th{padding:9px 4px;text-align:left;border-bottom:1px solid var(--linie);vertical-align:middle}.sf .wz-icon-tabelle th{font-weight:500;color:var(--tinte)}.sf .wz-icon-tabelle th small{display:block;font:400 12.5px/1.3 var(--font-ui);color:var(--leise)}.sf .wz-ablage{position:relative}.sf .wz-ablage[data-ziehen]{outline:2px dashed var(--zweit);outline-offset:8px;border-radius:12px}.sf .wz-mockup-kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:clamp(40px,5vw,64px) 0 24px}.sf .wz-buehne{--hoehe:clamp(320px,40vw,500px);position:relative;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:48px 32px 132px}.sf .wz-geraete-wahl{display:inline-flex;gap:2px}.sf .wz-reihe{container-type:inline-size;display:flex;align-items:center;justify-content:safe center;width:100%;--geraet-h:min(var(--hoehe),calc(100cqw / (var(--anzahl) + (var(--anzahl) - 1) * var(--luecke-anteil)) / var(--ratio)))}.sf .wz-geraet{position:relative;height:var(--geraet-h);flex:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.28)) drop-shadow(0 6px 12px rgba(0,0,0,.18))}.sf .wz-platzhalter{display:block;height:var(--geraet-h);border-radius:40px;background:rgba(255,255,255,.28)}.sf .wz-buehne[data-ziehen]{outline:2px dashed var(--zweit);outline-offset:-10px}.sf .wz-platz{display:grid;justify-items:center;position:relative}.sf .wz-platz+.wz-platz{margin-left:calc(var(--geraet-h) * var(--ratio) * var(--luecke-anteil))}.sf .wz-weg{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border:0;border-radius:999px;background:var(--karte);color:var(--tinte);box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;font:600 15px/1 var(--font-ui)}.sf .wz-weg:focus-visible{outline:2px solid var(--zweit);outline-offset:2px}.sf .wz-display-leer{display:grid;align-content:center;justify-items:center;gap:10px;padding:10%;background:#F2F4F1;color:#1B2E26;font:500 13px/1.4 var(--font-ui);text-align:center;overflow:hidden}.sf .wz-display-leer button{border:0;background:transparent;color:inherit;font:600 13px/1.3 var(--font-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sf .wz-display-leer button:focus-visible{outline:2px solid var(--zweit);outline-offset:2px;border-radius:4px}.sf .wz-leiste{position:absolute;left:0;right:0;bottom:24px;margin:0 auto;width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:6px;padding:8px;border-radius:999px;background:var(--karte);box-shadow:0 18px 40px rgba(0,0,0,.22),0 0 0 1px var(--linie);white-space:nowrap}.sf .wz-leiste-trenner{width:1px;height:24px;background:var(--linie-stark);margin:0 4px}.sf .wz-geraet-knopf{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 8px;border:0;border-radius:999px;background:transparent;font:600 14px/1 var(--font-ui);color:var(--text);cursor:pointer}.sf .wz-geraet-knopf[aria-pressed=true]{background:var(--hauch);box-shadow:inset 0 0 0 1.5px var(--zweit);color:var(--tinte)}.sf .wz-geraet-knopf svg{flex:none}.sf .wz-tupfer{display:flex;gap:8px}.sf .wz-tupfer button{width:24px;height:24px;border:0;border-radius:999px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--linie-stark)}.sf .wz-tupfer button[aria-pressed=true]{box-shadow:0 0 0 2px var(--karte),0 0 0 4px var(--zweit)}.sf .wz-geraet-knopf:focus-visible,.sf .wz-tupfer button:focus-visible{outline:2px solid var(--zweit);outline-offset:2px}.sf .wz-unterzeile{margin:14px 4px 0;font:500 13px/1.5 var(--font-mono);color:var(--leise)}.sf .wz-held{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px clamp(32px,5vw,72px);align-items:center;padding:clamp(40px,6vw,80px) 0 72px}.sf .wz-held .wz-h1{font-size:clamp(36px,4.6vw,58px);max-width:14ch}.sf .wz-ergebnis{display:grid;grid-template-columns:430px 190px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.18))}.sf .wz-teil{background:var(--karte);padding:20px 22px;display:grid;gap:12px;border-bottom:1px solid var(--linie)}.sf .wz-teil:first-of-type{border-radius:22px 22px 0 0}.sf .wz-teil--letzter{border-radius:0 0 22px 22px;border-bottom:0}.sf .wz-hinweis{display:flex;align-items:center;gap:10px;font:500 13.5px/1.35 var(--font-ui);color:var(--tinte)}.sf .wz-hinweis i:first-child{width:1px;height:9px;background:var(--zweit)}.sf .wz-hinweis i:nth-child(2){width:34px;border-top:1px solid var(--zweit)}.sf .wz-hinweis-klein{display:none;font:600 12px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--zweit)}.sf .wz-ring{place-items:center;flex:none;background:conic-gradient(var(--zweit) 0 59%,var(--senke) 59% 100%)}.sf .wz-ring,.sf .wz-ring span{display:grid;border-radius:999px}.sf .wz-ring span{place-items:center;background:var(--karte);font:700 24px/1 var(--font-ui);color:var(--tinte)}.sf .wz-themen{display:flex;gap:7px;flex-wrap:wrap}.sf .wz-thema{padding:7px 10px;border-radius:999px;font:500 12.5px/1 var(--font-ui);background:var(--hauch);color:var(--zweit)}.sf .wz-thema--weh{background:rgba(240,120,100,.14);color:#E07A66}.sf .wz-zitat{font-size:14.5px;color:var(--text);padding:10px 12px;border-radius:12px;background:var(--band)}.sf .wz-rollen{margin:0;padding:0;list-style:none;display:grid;gap:8px}.sf .wz-rollen li{display:grid;grid-template-columns:24px 92px minmax(0,1fr);gap:8px;align-items:baseline;font-size:14px}.sf .wz-produkt{display:grid;gap:20px clamp(24px,5vw,64px);align-items:center;padding:clamp(24px,4vw,40px) 0;border-top:1px solid var(--linie-stark);border-bottom:1px solid var(--linie-stark)}.sf .wz-produkt--bild{grid-template-columns:minmax(0,1fr) minmax(0,560px)}.sf .wz-produkt-bild img{width:100%;height:auto}.sf .wz-produkt-text{display:grid;gap:10px}.sf .wz-produkt-text p{margin:0;color:var(--leise);max-width:46ch}.sf .wz-produkt-wege{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:8px}.sf .wz-produkt-bild{display:grid;justify-items:end}@media (prefers-reduced-motion:reduce){.sf .wz-aelter>summary .wz-plus,.sf .wz-pfeil,.sf .wz-schalter input:after{transition:none}}@media (max-width:1100px){.sf .wz-lagen{grid-template-columns:repeat(2,minmax(0,1fr))}.sf .wz-held{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.sf .wz-icon-tabellen,.sf .wz-kopf--zwei,.sf .wz-mockup-kopf,.sf .wz-produkt--bild,.sf .wz-pruef,.sf .wz-regeln{grid-template-columns:minmax(0,1fr)}.sf .wz-kopf-bild,.sf .wz-produkt-bild{justify-items:start;max-width:100%;overflow-x:auto}.sf .wz-kern{gap:18px;zoom:.62}.sf .wz-kern-name{font-size:calc(14px / .62)}.sf .wz-kern-masse,.sf .wz-kern-wann{font-size:calc(12px / .62)}.sf .wz-index a{grid-template-columns:96px minmax(0,1fr) 24px;grid-template-rows:auto auto;gap:4px 18px;align-items:start;margin:6px -14px;padding:18px 14px;border-radius:16px}.sf .wz-index-bild{grid-column:1;grid-row:1/span 2;height:auto;zoom:.58;align-self:center}.sf .wz-index a>span:nth-child(2){grid-column:2;grid-row:1}.sf .wz-index a>.wz-ein-aus{grid-column:2;grid-row:2;margin-top:10px}.sf .wz-index a>.wz-pfeil{grid-column:3;grid-row:1;align-self:start;font-size:20px;margin-top:2px}.sf .wz-index-name{font-size:22px}.sf .wz-tabelle .wz-breit{display:none}.sf .wz-tabelle td,.sf .wz-tabelle th{padding:8px 6px}.sf .wz-darstellungen{grid-template-columns:repeat(2,minmax(0,1fr))}.sf .wz-buehne{padding:32px 20px 24px;place-items:start}.sf .wz-leiste{position:static;margin:24px auto 0;width:auto;max-width:100%;border-radius:22px;white-space:normal}.sf .wz-geraete-wahl,.sf .wz-leiste{flex-wrap:wrap;justify-content:center}.sf .wz-leiste-trenner{display:none}}@media (max-width:600px){.sf .wz-buehne{--hoehe:380px}.sf .wz-kern figcaption>:not(span),.sf .wz-kern-wann{display:none}.sf .wz-kern-name{font-size:calc(13px / .62)}.sf .wz-kern-masse{white-space:nowrap}}@media (max-width:700px){.sf .wz-ergebnis{grid-template-columns:minmax(0,1fr)}.sf .wz-ergebnis .wz-hinweis{display:none}.sf .wz-hinweis-klein{display:block}}@media (max-width:560px){.sf .wz-index a{grid-template-columns:68px minmax(0,1fr) 20px;gap:4px 14px;margin:4px -12px;padding:16px 12px;border-radius:14px}.sf .wz-index-bild{zoom:.42}.sf .wz-index-name{font-size:20px}.sf .wz-index-satz{font-size:15px}.sf .wz-ein-aus{font-size:15px;gap:4px 10px}.sf .wz-lagen{grid-template-columns:minmax(0,1fr)}}