/* W1 – Werkzeug-Seiten /werkzeuge/ (Dana, 17.10.2026) */
.wz-hero__grid { display: grid; gap: 18px; margin-top: 12px; grid-template-areas: "titel" "karte" "lead"; }
.wz-hero__titel { grid-area: titel; }
.wz-hero__titel .eyebrow { margin-bottom: 14px; }
.wz-hero h1 { margin-bottom: 0; }
.wz-karte { grid-area: karte; position: relative; background: #fff; color: var(--text); border-radius: var(--r-lg); padding: clamp(20px, 3vw, 32px); box-shadow: var(--shadow-lg); }
.wz-karte .btn { width: 100%; }
.wz-karte .form__hint { font-size: .9375rem; line-height: 1.5; color: var(--muted); }
.wz-hero .wz-hero__lead { grid-area: lead; margin: 0; font-size: 1.05rem; }
@media (min-width: 861px) {
  .wz-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 30rem); grid-template-areas: "titel karte" "lead karte"; grid-template-rows: auto 1fr; column-gap: clamp(32px, 5vw, 72px); row-gap: 22px; align-items: start; margin-top: 26px; }
}
.wz-ergebnis { margin: 1.25em 0; padding: 18px clamp(16px, 3vw, 22px); border: 1px solid var(--line); border-left: 6px solid var(--navy); border-radius: var(--r); background: #fff; }
.wz-ergebnis > :last-child { margin-bottom: 0; }
.wz-ergebnis h3 { margin: 0 0 .5em; line-height: 1.3; min-height: 28px; }
.wz-ergebnis h3::after { content: ""; display: table; clear: both; }
.wz-ergebnis h3::before { content: ""; float: left; width: 28px; height: 28px; margin: -1px 12px 0 0; background: no-repeat center / contain; }
.wz-ergebnis--ok { border-left-color: #1e7a3c; background: #f1f8f3; }
.wz-ergebnis--ok h3::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='14' fill='%231e7a3c'/%3E%3Cpath d='M8.5 15.5l4.2 4.2 8.8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.wz-ergebnis--warnung { border-left-color: #9a5800; background: #fff6e6; }
.wz-ergebnis--warnung h3::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M15 2.5L28.5 27h-27z' fill='%239a5800' stroke='%239a5800' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M15 11v7.5' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='22.6' r='1.8' fill='%23fff'/%3E%3C/svg%3E"); }
.wz-ergebnis--fehler { border-left-color: #c51824; background: #fdecee; }
.wz-ergebnis--fehler h3::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M9.2 1h11.6L29 9.2v11.6L20.8 29H9.2L1 20.8V9.2z' fill='%23c51824'/%3E%3Cpath d='M10.5 10.5l9 9M19.5 10.5l-9 9' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
/* W1.1 – Nachtrag Dev beim Einbau (17.10.2026): Hilfetexte im Formular, Selektor aufklappbar, leere Ausgabe ohne Leerraum */
.wz-karte .field .form__hint { margin-top: 8px; }
.wz-karte noscript p { margin: 0; }
.wz-ergebnisse:has(.wz-ausgabe:empty) { padding: 0; }
.wz-mehr summary { padding: 13px 0; cursor: pointer; font: 600 .9375rem/1.3 var(--f-body); color: var(--ink); }
.wz-mehr[open] summary { margin-bottom: 6px; }
/* W1.2 – Feldfehler am Feld (Mara M1, kn_BbUos89RyOS1): #C51824 auf Weiss 5.95:1 */
.wz-karte .wz-feldfehler { color: #c51824; font-weight: 600; }