/* Anmeldeformular (Popup), gemeinsam für alle Vercel-Landingpages – Farben/Schrift je Seite über Variablen überschreibbar */
.z-modal{position:fixed;inset:0;z-index:9999;background:rgba(20,16,10,.55);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 12px}
.z-modal[hidden]{display:none}
.z-karte{position:relative;background:#3d3221;color:#fff;max-width:520px;width:100%;border-radius:6px;padding:28px 34px 34px;box-shadow:0 10px 40px rgba(0,0,0,.45);font-family:Lato,system-ui,sans-serif}
.z-karte h2{font-family:Lato,system-ui,sans-serif;font-weight:800;font-size:27px;line-height:1.25;text-align:center;margin:6px 0 20px}
.z-karte h2 span{color:var(--brandboards-senf_gelb,#dca83b)}
.z-zu{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:none;color:#fff;font-size:18px;line-height:1;cursor:pointer}
.z-karte label{display:block;font-size:13px;margin:0 0 12px}
.z-karte input,.z-karte select{display:block;width:100%;box-sizing:border-box;margin-top:6px;height:44px;border:1px solid #d7d2c8;border-radius:4px;padding:0 12px;font:15px Lato,system-ui,sans-serif;color:#30281f;background:#fff}
.z-tel{display:flex;gap:6px}
.z-tel select{width:96px;flex:none}
.z-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.z-hinweis{font-size:11.5px;line-height:1.5;margin:4px 0 10px;opacity:.95}
.z-ds{text-align:center;font-size:12px;margin:0 0 14px}.z-ds a{color:#fff}
.z-fehler{background:#fbe3df;color:#8a2b1f;border-radius:4px;padding:8px 10px;font-size:13px}
.z-senden{width:100%;height:46px;border:0;border-radius:4px;background:var(--brandboards-senf_gelb,#dca83b);color:#fff;font:700 15px Lato,system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.z-senden:disabled{opacity:.8;cursor:default}
@media (max-width:480px){.z-karte{padding:24px 18px 26px}.z-karte h2{font-size:23px}}