.werkzeuge-form{--d: clamp(7rem, 3rem + 14vw, 18rem);--vx: -.3;--vy: -.55}.werkzeuge-block{padding:clamp(var(--space-6),4vw,var(--space-12));border-radius:var(--radius)}.werkzeuge-sektion .werkzeuge-innen>*{grid-column:1 / -1}.werkzeuge-kopf{display:grid;row-gap:var(--space-4);margin-bottom:clamp(var(--space-8),4vw,var(--kopf-luft))}.werkzeuge-kopf .kicker,.werkzeuge-titel,.werkzeuge-einleitung{margin:0}@media(min-width:900px){.werkzeuge-sektion .werkzeuge-kopf{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);align-items:end}.werkzeuge-sektion .werkzeuge-kopf>.kicker{grid-column:1 / -1}.werkzeuge-sektion .werkzeuge-titel{grid-column:1 / 8}.werkzeuge-sektion .werkzeuge-einleitung{grid-column:8 / -1}}.wz-liste{margin:0;padding:0;list-style:none;border-bottom:var(--border) solid var(--linie-dunkel)}.wz{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--space-2);align-items:baseline;margin:0;padding-block:clamp(var(--space-5),.75rem + 2.4vw,var(--zeile));border-top:var(--border) solid var(--linie-dunkel)}.wz-nr{grid-column:1 / -1;font-size:var(--fs-h4);font-weight:var(--w-fett);letter-spacing:var(--track-eng);line-height:1;color:var(--koralle)}.wz-inhalt{grid-column:1 / -1;container-type:inline-size}.wz-name{display:grid;margin:0;font-size:min(var(--fs-h2),100cqi / 8);font-style:italic;line-height:var(--lh-display);letter-spacing:var(--track-display)}.werkzeuge-sektion .wz-name{font-size:min(var(--fs-display),100cqi / 10.4)}.wz-name>span,.wz-name:after{grid-area:1 / 1}.wz-name>span{font-weight:var(--w-schwer)}.wz-name:after{content:attr(data-text);font-weight:var(--w-schwer);visibility:hidden}.wz-zweck{margin:var(--space-2) 0 0;font-size:var(--fs-text)}.wz-weiter{margin:clamp(var(--space-6),1rem + 2vw,var(--space-12)) 0 0}@media(min-width:900px){.wz-nr{grid-column:1 / 2;font-size:var(--fs-mono-gross)}.wz-inhalt{grid-column:2 / -1}.werkzeuge-block .wz-nr{font-size:var(--fs-h3)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.wz-name>span{animation:gewicht-an linear both;animation-timeline:view();animation-range:entry 30% cover 50%}.wz-nr{animation:nr-an linear both;animation-timeline:view();animation-range:entry 30% cover 50%}}}
