/* Hinweisfenster Gratis-Check (Design 13.10.2026) — Maße aus MARKE.md §3, Farben Auftritt (marke.json) */
.hw-bg{position:fixed;inset:0;z-index:2147483000;background:rgba(6,26,19,.62);display:flex;align-items:center;justify-content:center;padding:18px;animation:hw-in 240ms ease-out}
.hw{position:relative;box-sizing:border-box;width:100%;max-width:540px;max-height:calc(100vh - 36px);overflow:auto;background:#0E3B2E;color:#F4EFE6;border-radius:9px;padding:36px;font-family:inherit;box-shadow:0 24px 72px rgba(0,0,0,.35)}
.hw *{box-sizing:border-box}
.hw p.hw-k{margin:0 0 12px;color:#C9A24B;font-size:15px;line-height:24px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.hw h2{margin:0 0 12px;font-size:27px;line-height:36px;font-weight:400;color:#F4EFE6}
.hw p{margin:0 0 18px;font-size:18px;line-height:27px;color:#F4EFE6}
.hw s{color:#A9BEB2;text-decoration-thickness:2px}
.hw label{display:block;margin:0 0 6px;font-size:15px;line-height:24px;color:#A9BEB2}
.hw input[type=text],.hw input[type=email],.hw input[type=url]{width:100%;height:54px;padding:0 18px;border:1px solid #A9BEB2;border-radius:6px;background:#F4EFE6;color:#061a13;font:inherit;font-size:18px}
.hw input:focus-visible,.hw button:focus-visible,.hw a:focus-visible{outline:3px solid #C9A24B;outline-offset:3px}
.hw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:18px;padding:0 24px;border:0;border-radius:999px;background:#C9A24B;color:#0E3B2E;font:inherit;font-size:18px;font-weight:600;cursor:pointer}
.hw-btn:hover{background:#ddbd75}
.hw-nein{display:inline-block;margin:18px 0 0 18px;padding:12px 6px;background:none;border:0;color:#A9BEB2;font:inherit;font-size:15px;text-decoration:underline;cursor:pointer}
.hw-x{position:absolute;top:12px;right:12px;width:48px;height:48px;border:0;border-radius:999px;background:none;color:#F4EFE6;font-size:27px;line-height:48px;cursor:pointer}
.hw-x:hover{background:rgba(244,239,230,.12)}
.hw p.hw-fehler{min-height:24px;margin:6px 0 0;font-size:15px;line-height:24px;color:#ddbd75}
.hw p.hw-klein{margin:18px 0 0;font-size:12px;line-height:18px;color:#A9BEB2}
.hw p.hw-klein a{color:#F4EFE6}
.hw-ja{display:flex;gap:12px;align-items:flex-start;margin:18px 0 0;font-size:15px;line-height:24px;color:#F4EFE6}
.hw-ja input{width:24px;height:24px;margin:0;flex:none;accent-color:#C9A24B}
@keyframes hw-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.hw-bg{animation:none}}
@media (max-width:640px){.hw{padding:24px 18px 96px;max-width:none}.hw h2{font-size:21px;line-height:27px}.hw p{font-size:18px}.hw-bg{align-items:flex-end;padding:0}.hw{border-radius:9px 9px 0 0}}