.mmi { --brand1:#fbae44; --brand2:#fdc780; --brand3:#fee0bb; --ink:#222; --soft:#f6f7f9; --line:#e6e7eb;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important; color:var(--ink) !important; }
.mmi * { box-sizing:border-box !important; }
.mmi [hidden] { display:none !important; }
.mmi-card { max-width:900px !important; margin:24px auto !important; background:#fff !important; border:1px solid var(--line) !important;
  border-radius:16px !important; padding:24px !important; box-shadow:0 4px 16px rgba(0,0,0,.06) !important; }
.mmi h1, .mmi h2 { margin:0 0 11px !important; color:#070503 !important; font-family:"Prompt", Sans-serif !important; font-size:36px !important; font-weight:600 !important; line-height:1.2em !important; }
.mmi p { margin:0 0 12px !important; }
.mmi-row { display:grid !important; grid-template-columns:1fr 1fr !important; gap:16px !important; }
.mmi-grid { display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:12px !important; }
label { display:block !important; font-weight:600 !important; font-size:13px !important; margin:12px 0 6px !important; }
input, textarea { width:100% !important; margin-top:6px !important; padding:12px 14px !important; border:1px solid var(--line) !important;
  border-radius:12px !important; background:#fff !important; font:inherit !important; color:#555 !important; }
input:focus, textarea:focus { color:#000 !important; outline:none !important; border-color:var(--brand1) !important; }
textarea { resize:vertical !important; }
.mmi-consent {
  width: 100% !important;
  margin-top: 14px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  white-space: normal !important; /* Text darf umbrechen */
}

.mmi-consent input {
  display: inline !important;
  margin: 0 6px 0 0 !important;  /* kleiner Abstand rechts */
  accent-color: var(--brand1) !important;
}

.mmi-consent span {
  display: inline !important;
}


.mmi-choice { display:flex !important; align-items:center !important; gap:10px !important; padding:12px 14px !important; border:1px solid var(--line) !important; border-radius:12px !important; background:var(--soft) !important; cursor:pointer !important; transition:transform .06s ease, box-shadow .12s ease !important; }
.mmi-choice:hover { transform:translateY(-1px) !important; box-shadow:0 2px 8px rgba(0,0,0,.05) !important; }
.mmi-choice input { accent-color:var(--brand1) !important; }
.mmi-actions { display:flex !important; gap:10px !important; justify-content:flex-end !important; margin-top:16px !important; flex-wrap:wrap !important; }
.mmi-btn { appearance:none !important; border:none !important; padding:12px 16px !important; border-radius:12px !important; background:#eef0f3 !important; cursor:pointer !important; font-weight:700 !important; }
.mmi-btn:hover { filter:brightness(.98) !important; }
.mmi-primary { background:linear-gradient(180deg, var(--brand2), var(--brand1)) !important; color:#222 !important; }
.mmi-progress { height:6px !important; max-width:900px !important; margin:16px auto !important; background:#edf0f5 !important; border-radius:999px !important; overflow:hidden !important; border:1px solid var(--line) !important; }
.mmi-progress-bar { width:0% !important; height:100% !important; background:linear-gradient(90deg, var(--brand3), var(--brand1)) !important; transition:width .25s ease !important; }
.mmi-summary { padding:12px !important; background:var(--soft) !important; border:1px solid var(--line) !important; border-radius:12px !important; line-height:1.5 !important; }
@media(max-width:720px){ .mmi-row{grid-template-columns:1fr !important;} .mmi h1,.mmi h2{font-size:28px !important;} }
