/* Ergaenzungen fuer werkzeuge.masdemas.de. Alles andere kommt unveraendert
   aus global.css von masdemas.de. */

/* Kopfbereich ohne Bild: eine Spalte statt zwei */
.wz-hero .grid-hero{grid-template-columns:minmax(0,1fr)}
.wz-hero .sub{max-width:52ch}

/* Werkzeug-Karten: zwei nebeneinander, Knoepfe immer unten */
.wz-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem;margin-top:2.4rem}
/* Screenshot mit Abstand zum Kartenrand, wie ein Bild im Rahmen */
.wz-card .shot--43{padding:1.4rem 1.4rem 0;background:var(--paper-2)}
.wz-card .shot--43 img{border:1px solid var(--line-2);border-bottom:0;border-radius:10px 10px 0 0;object-position:top center;box-shadow:0 18px 40px -26px rgba(28,24,20,.45)}
.wz-card .body{display:flex;flex-direction:column;flex:1}
.wz-card .body p{flex:1}
.wz-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.wz-actions .btn{padding:.7rem 1.15rem;font-size:.92rem}

/* Marken oben in der Karte: Phase (gruener Punkt) und Zugang auf Anfrage (Schloss) */
.wz-marken{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}
.wz-status{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.74rem;font-weight:600;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem}
.wz-status svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wz-status .dot{width:8px;height:8px;border-radius:50%;background:#2faa6a}

/* Schloss auf dem Bild: alle Werkzeuge sind geschuetzt */
.wz-card .shot--43{position:relative}
.wz-schloss{position:absolute;top:2.1rem;right:2.1rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ink);box-shadow:0 8px 20px -8px rgba(28,24,20,.6)}
.wz-schloss svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}