.mmdl{--mmdl-a:#f28827;--mmdl-bg:linear-gradient(135deg,#161f2e,#0f172a);--mmdl-ink:#f1f5f9;--mmdl-ink2:#94a3b8;--mmdl-feld:#0b1220;--mmdl-rand:rgba(148,163,184,.25);
  position:relative;overflow:hidden;margin:28px 0;padding:24px;border-radius:20px;background:var(--mmdl-bg);color:var(--mmdl-ink);
  border:1px solid color-mix(in srgb,var(--mmdl-a) 45%,transparent);box-shadow:0 25px 50px -12px rgba(0,0,0,.55),0 0 40px -18px var(--mmdl-a);font-size:15px;line-height:1.55}
.mmdl::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mmdl-a) 30%,transparent),transparent 70%);pointer-events:none}
.mmdl-hell{--mmdl-bg:linear-gradient(135deg,#ffffff,#fff7ef);--mmdl-ink:#0f172a;--mmdl-ink2:#475569;--mmdl-feld:#ffffff;--mmdl-rand:#cbd5e1;box-shadow:0 18px 40px -18px rgba(15,23,42,.25)}
.mmdl *{box-sizing:border-box}
.mmdl-kopf{display:flex;gap:14px;align-items:center;margin-bottom:10px;position:relative}
.mmdl-icon{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#0b1220;background:linear-gradient(135deg,var(--mmdl-a),#fcd34d);box-shadow:0 8px 20px -6px var(--mmdl-a)}
.mmdl-ueber{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mmdl-a)}
.mmdl .mmdl-titel{margin:2px 0 0;font-size:20px;line-height:1.25;color:var(--mmdl-ink);font-weight:800}
.mmdl-text{color:var(--mmdl-ink2);margin:0 0 14px;position:relative}
.mmdl-text p{margin:0 0 8px}
.mmdl-form{position:relative;margin:0}
.mmdl-zeile{display:flex;gap:10px;flex-wrap:wrap}
.mmdl-email{flex:1 1 240px;min-width:0;height:50px;padding:0 16px;border-radius:12px;border:1px solid var(--mmdl-rand);background:var(--mmdl-feld);color:var(--mmdl-ink);font:inherit;font-size:16px}
.mmdl-email::placeholder{color:var(--mmdl-ink2)}
.mmdl-email:focus{outline:2px solid var(--mmdl-a);outline-offset:1px;border-color:transparent}
.mmdl-email[aria-invalid="true"]{border-color:#f87171}
.mmdl-knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 20px;border:0;border-radius:12px;background:var(--mmdl-a);color:#0b1220!important;font:inherit;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none!important;box-shadow:0 10px 24px -8px var(--mmdl-a);transition:transform .15s,filter .15s}
.mmdl-knopf:hover{filter:brightness(1.08);transform:translateY(-1px)}
.mmdl-knopf:focus-visible{outline:2px solid var(--mmdl-ink);outline-offset:2px}
.mmdl-knopf[disabled]{opacity:.7;cursor:wait;transform:none}
.mmdl-knopf.is-laedt span::after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:mmdl-dreh .7s linear infinite}
@keyframes mmdl-dreh{to{transform:rotate(360deg)}}
.mmdl-knopf-gross{height:54px;padding:0 24px;font-size:16px}
.mmdl-einwilligung{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--mmdl-ink2);cursor:pointer}
.mmdl-einwilligung input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--mmdl-a)}
.mmdl-einwilligung a{color:var(--mmdl-ink);text-decoration:underline}
.mmdl-einwilligung.is-fehler span{color:#fca5a5}
.mmdl-hell .mmdl-einwilligung.is-fehler span{color:#b91c1c}
.mmdl-klein{font-size:12px;color:var(--mmdl-ink2);margin:10px 0 0}
.mmdl-meldung{margin-top:14px;padding:12px 14px;border-radius:12px;font-size:14px;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);color:var(--mmdl-ink)}
.mmdl-meldung.mmdl-ok{background:rgba(74,222,128,.10);border-color:rgba(74,222,128,.35)}
.mmdl-falle{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.mmdl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mmdl-status{max-width:680px;margin:20px auto 40px;padding:32px}
.mmdl-status .mmdl-titel{font-size:26px;margin:6px 0 12px}
.mmdl-status form{margin:16px 0 0}
@media (max-width:560px){.mmdl{padding:20px}.mmdl-knopf{width:100%}}
