/* Gemeinsame Bausteine der kostenlosen Werkzeugseiten */
.wz-intro{padding:clamp(28px,4vw,48px) 0 18px}
.wz-intro h1{margin:0 0 12px;font-size:clamp(2.1rem,4.4vw,3.4rem);letter-spacing:-.02em}
.wz-intro .lead{max-width:44em}
.wz{background:#fff;border:2px solid var(--linie);border-radius:10px;overflow:hidden;margin:8px 0 0}
.wz-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:14px 16px;background:var(--hell);border-bottom:1.5px solid var(--linie)}
.wz-gruppe{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wz-gruppe>span{font-size:.9375rem;color:var(--grau);margin-right:4px}
.wz-wahl{min-height:44px;padding:0 14px;border-radius:10px;border:1.5px solid var(--linie);background:#fff;font:inherit;font-size:1rem;cursor:pointer;color:var(--graphit)}
.wz-wahl[aria-pressed=true]{background:var(--tinte);border-color:var(--tinte);color:#fff;font-weight:700}
.wz-wahl:hover{border-color:var(--tinte)}
.wz-wahl.klein{min-width:44px;padding:0 10px;font-weight:700;font-size:1.0625rem}
.wz-steuer{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px 16px;background:#fff;border-top:1.5px solid var(--linie)}
.wz-steuer label{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--grau2)}
.wz-steuer select,.wz-steuer input[type=text]{font:inherit;min-height:44px;border:1.5px solid var(--linie);border-radius:10px;padding:0 10px;background:#fff}
.wz-meldung{margin:0;padding:0 16px 14px;color:var(--grau2);font-size:.975rem;min-height:1.6em}
.gross-offen{overflow:hidden}
.wz.gross{position:fixed;inset:0;z-index:1000;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;height:100vh;height:100dvh}
.wz.gross .wz-buehne{position:absolute;inset:0;min-height:0}
.wz.gross .wz-steuer{position:absolute;left:0;right:0;bottom:0;z-index:5;border-top:0;background:rgba(255,255,255,.94);transition:opacity .45s ease}
.wz.gross.ruhig .wz-steuer{opacity:0;pointer-events:none}
.wz.gross.ruhig{cursor:none}
.wz.gross .wz-leiste,.wz.gross .wz-steuer label,.wz.gross .wz-meldung,.wz.gross .nur-normal{display:none}
.wz-hinweise{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:28px 40px;padding:clamp(36px,5vw,64px) 0 0}
.wz-hinweise h2{margin:0 0 12px;font-size:1.5rem}
.wz-hinweise ol,.wz-hinweise ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:8px}
.wz-faq{padding:clamp(36px,5vw,56px) 0 0}
.wz-faq h2,.wz-werbung h2,.wz-weitere h2{margin:0 0 14px;font-size:1.75rem}
.wz-werbung{margin:clamp(36px,5vw,56px) 0 0;padding:26px 28px;border:2px solid var(--linie);border-radius:6px;background:#FFFBE0;display:flex;flex-direction:column;gap:12px}
.wz-werbung p{margin:0;max-width:44em}
.wz-weitere{padding:clamp(36px,5vw,56px) 0 clamp(36px,5vw,56px)}
.wz-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}
.wz-karten.alle{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.wz-karte{display:flex;flex-direction:column;border:2px solid var(--linie);border-radius:10px;overflow:hidden;background:#fff;color:var(--graphit);text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s}
.wz-karte:hover{transform:translateY(-2px);box-shadow:0 14px 28px -16px rgba(20,30,40,.45);color:var(--graphit)}
.wz-karte svg{display:block;width:100%;height:auto;aspect-ratio:16/9;border-bottom:1.5px solid var(--linie)}
.wz-karte div{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.wz-karte b{font-size:1.1875rem}
.wz-karte span{color:var(--grau2);font-size:.975rem;line-height:1.45}
.wz-karte em{font-style:normal;color:var(--tinte);font-weight:700;margin-top:4px}
@media (prefers-reduced-motion:reduce){.wz-karte{transition:none}}