/* DOSIGNY — Seitentyp Tool „Die Werkbank“: Kopf mit Status, Werkzeug auf der Lochwand, Ergebnis-Brücke, Wissen, Verweise.
 * Erstellt durch Dominik Baurhenn - DOSIGNY — https://www.dosigny.com */
.dz-wzkopf .dz-fallkopf__media { -webkit-mask-image: linear-gradient(#000 70%, transparent); mask-image: linear-gradient(#000 70%, transparent); }
.dz-wzkopf__titel { max-width: 22ch; font-size: clamp(1.6rem, 4.4vw, 3.6rem); text-wrap: balance; hyphens: none; overflow-wrap: break-word; }
@media (max-width: 480px) { .dz-wzkopf__titel { font-size: clamp(1.35rem, 7vw, 2.2rem); } }
.dz-wzstatus { display: inline-flex; align-items: center; gap: var(--a-2); margin: var(--a-4) 0 0; padding: .5rem .9rem; border: 1px solid rgba(var(--c-online-rgb),.35); border-radius: 99px; background: rgba(var(--c-online-rgb),.07); font: 500 var(--fs-mini)/1.35 var(--f-mono); color: rgba(var(--c-hell-rgb),.9); }
.dz-wzstatus__punkt { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--c-online); box-shadow: 0 0 10px var(--c-online); }

/* Die Werkbank: Lochwand mit Maßband an der Oberkante */
.dz-werkbank { position: relative; padding-block: var(--a-fluss-m) var(--a-fluss-l); background: radial-gradient(circle, rgba(var(--c-weiss-rgb),.07) 1.4px, transparent 1.6px) 0 0 / 22px 22px; }
.dz-werkbank::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 14px; background: repeating-linear-gradient(90deg, rgba(var(--c-tuerkis-rgb),.5) 0 1px, transparent 1px 11px), repeating-linear-gradient(90deg, rgba(var(--c-tuerkis-rgb),.75) 0 1px, transparent 1px 110px); -webkit-mask-image: linear-gradient(#000 0 40%, transparent); mask-image: linear-gradient(#000, transparent); opacity: .7; }
.dz-tool { position: relative; min-width: 0; padding: clamp(1rem, 3vw, 2.25rem); border: 1px solid rgba(var(--c-weiss-rgb),.1); border-radius: 22px; background: linear-gradient(180deg, rgba(26,22,37,.96), rgba(12,8,22,.96)); box-shadow: 0 30px 60px -30px rgba(0,0,0,.8); }
/* Der alte Werkzeugkasten liegt jetzt auf der Werkbank: keine zweite Karte, Breite bleibt wie vom Tool vorgesehen */
.dz-werkbank .dz-tool .tool-box { border: 0; background: none; box-shadow: none; padding: 0; }
.dz-werkbank .dz-tool .tool-box + .tool-box { margin-top: var(--a-6, 2rem); }
.dz-werkbank .dz-tool .tool-container { padding: 0; min-height: 0; }
@media (max-width: 700px) { .dz-tool { padding: var(--a-4) 12px; border-radius: 16px; } }

/* Ergebnis-Brücke */
.dz-bruecke { margin-top: var(--a-5); padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid rgba(var(--c-tuerkis-rgb),.25); border-radius: 18px; background: rgba(var(--c-tuerkis-rgb),.05); transition: border-color .4s, box-shadow .4s, transform .4s; }
.dz-bruecke.is-wach { border-color: var(--c-tuerkis); box-shadow: 0 0 0 4px rgba(var(--c-tuerkis-rgb),.12), 0 20px 50px -24px rgba(var(--c-tuerkis-rgb),.6); }
.dz-bruecke__kicker { margin: 0 0 var(--a-2); font: 600 var(--fs-mini)/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--c-tuerkis); }
.dz-bruecke__titel { margin: 0 0 var(--a-2); font: var(--fw-h) clamp(1.15rem, 1rem + .7vw, 1.6rem)/1.25 var(--f-display); color: var(--c-weiss); }
.dz-bruecke__text { max-width: 62ch; margin: 0 0 var(--a-4); color: rgba(var(--c-hell-rgb),.85); line-height: 1.55; }
.dz-bruecke__aktionen { display: flex; flex-wrap: wrap; align-items: center; gap: var(--a-3) var(--a-5); margin: 0; }
.dz-bruecke__aktionen .k-btn { white-space: normal; text-align: center; padding-inline: var(--a-4); font-size: var(--fs-klein); }

/* Wissen und Verweise */
.dz-wzwissen h3 { margin: var(--a-fluss-s) 0 var(--a-2); font: var(--fw-h) var(--fs-h4)/1.3 var(--f-display); color: var(--c-weiss); }
.dz-wzwissen__intro { font-size: var(--fs-gross, 1.1rem); color: var(--c-weiss); }
.dz-labschnitt .k-h2 { font-size: clamp(1.4rem, 5vw, 2.6rem); text-wrap: balance; hyphens: none; margin-bottom: var(--a-fluss-s); }
.dz-labschnitt > .k-wrap.dz-linhalt { max-width: none; }
.dz-wzweiter { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--a-fluss-l); }
.dz-wzweiter__titel { margin: 0 0 var(--a-3); font: 600 var(--fs-mini)/1.2 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(var(--c-hell-rgb),.7); }
.dz-wzkarten { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: var(--a-3); margin: 0; padding: 0; list-style: none; }
.dz-wzkarten a { display: grid; gap: var(--a-1); height: 100%; padding: var(--a-4); border: 1px solid rgba(var(--c-weiss-rgb),.1); border-radius: 14px; background: var(--c-flaeche); color: inherit; text-decoration: none; transition: border-color .2s; }
.dz-wzkarten a:hover { border-color: var(--c-tuerkis); }
.dz-wzkarten strong { color: var(--c-weiss); font: 700 var(--fs-text)/1.3 var(--f-display); }
.dz-wzkarten span { font-size: var(--fs-mini); line-height: 1.45; color: rgba(var(--c-hell-rgb),.75); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.dz-wzliste { display: grid; gap: var(--a-2); margin: 0; padding: 0; list-style: none; }
.dz-wzliste a { color: var(--c-hell); }
.dz-wzliste a:hover { color: var(--c-tuerkis); }
.dz-fallanfrage .dz-h-gross, .dz-faq .dz-h-gross { font-size: clamp(1.15rem, 2.9vw, 2.8rem); hyphens: none; }
@media (max-width: 960px) {
  .dz-wzweiter { grid-template-columns: minmax(0, 1fr); }
  .dz-fallanfrage .dz-h-gross, .dz-faq .dz-h-gross { font-size: clamp(1.15rem, 5.4vw, 2.6rem); }
}

/* Übersicht: Werkzeugwand */
.dz-wzwand { padding-block: var(--a-fluss-m) var(--raum); background: radial-gradient(circle, rgba(var(--c-weiss-rgb),.07) 1.4px, transparent 1.6px) 0 0 / 22px 22px; }
.dz-wzsuche { max-width: 36rem; margin-top: var(--a-5); }
.dz-wzsuche input { width: 100%; min-height: 52px; padding: 0 var(--a-4); border: 1px solid rgba(var(--c-weiss-rgb),.22); border-radius: 12px; background: rgba(var(--c-weiss-rgb),.05); color: var(--c-weiss); font: inherit; }
.dz-wzsuche input:focus-visible { outline: 2px solid var(--c-tuerkis); outline-offset: 2px; }
.dz-wzsuche__info { min-height: 1.4em; margin: var(--a-2) 0 0; font: 500 var(--fs-mini)/1.4 var(--f-mono); color: rgba(var(--c-hell-rgb),.7); }
.dz-wzspot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--a-4); align-items: center; margin-bottom: var(--a-fluss-m); padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid rgba(var(--c-tuerkis-rgb),.4); border-radius: 20px; background: linear-gradient(135deg, rgba(var(--c-tuerkis-rgb),.1), rgba(var(--c-violett-rgb),.08)); }
.dz-wzspot h2 { margin: var(--a-1) 0; font: var(--fw-h) clamp(1.2rem, 1rem + 1vw, 1.8rem)/1.2 var(--f-display); }
.dz-wzspot p { margin: 0; color: rgba(var(--c-hell-rgb),.85); }
.dz-wzspot .k-btn { white-space: normal; text-align: center; }
@media (max-width: 700px) { .dz-wzspot { grid-template-columns: minmax(0, 1fr); } }
.dz-wzgruppe { margin-top: var(--a-fluss-m); scroll-margin-top: 6rem; }
.dz-wzgruppe__titel { display: flex; align-items: baseline; gap: var(--a-3); margin: 0 0 var(--a-4); font: var(--fw-h) var(--fs-h4)/1.2 var(--f-display); }
.dz-wzgruppe__titel h2 { margin: 0; font: inherit; }
.dz-wzgruppe__titel span { font: 500 var(--fs-mini)/1 var(--f-mono); color: rgba(var(--c-hell-rgb),.6); }
.dz-wzhaken { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: var(--a-4); margin: 0; padding: 0; list-style: none; }
.dz-wzhaken li { position: relative; padding-top: 14px; }
.dz-wzhaken li::before { content: ""; position: absolute; left: 50%; top: 0; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--c-nacht); box-shadow: inset 0 0 0 2px rgba(var(--c-weiss-rgb),.3); }
.dz-wzhaken a { display: grid; gap: var(--a-2); height: 100%; padding: var(--a-5); border: 1px solid rgba(var(--c-weiss-rgb),.12); border-radius: 16px; background: var(--c-flaeche); color: inherit; text-decoration: none; transform-origin: 50% -14px; transition: transform .35s cubic-bezier(.3,1.6,.5,1), border-color .2s; }
.dz-wzhaken a:hover, .dz-wzhaken a:focus-visible { transform: rotate(-2deg); border-color: var(--c-tuerkis); }
.dz-wzhaken li:nth-child(even) a:hover, .dz-wzhaken li:nth-child(even) a:focus-visible { transform: rotate(2deg); }
.dz-wzhaken strong { font: 700 var(--fs-text)/1.3 var(--f-display); color: var(--c-weiss); }
.dz-wzhaken span { font-size: var(--fs-klein); line-height: 1.5; color: rgba(var(--c-hell-rgb),.78); }
.dz-wzhaken em { margin-top: auto; font: 600 var(--fs-mini)/1 var(--f-mono); font-style: normal; letter-spacing: .06em; text-transform: uppercase; color: var(--c-tuerkis); }
.dz-wzhaken li[hidden], .dz-wzgruppe[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .dz-wzhaken a, .dz-bruecke { transition: none; } }
.dz-visuell-weg { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Kleine Korrekturen an übernommenen Werkzeugen (Logik unverändert) */
.dz-werkbank .dz-tool .calc-options { grid-template-columns: minmax(0, 1fr); }
.dz-werkbank .dz-tool .calc-option__content { min-width: 0; }
@media (max-width: 520px) { .dz-werkbank .dz-tool .calc-option__price { min-width: 0; white-space: normal; text-align: right; } }

/* Eingabefelder in Flex-Zeilen dürfen schrumpfen (sonst ragt z. B. „Jetzt prüfen“ am Handy aus dem Rahmen) */
.dz-tool :is(input, select, textarea) { min-width: 0; }