/* MPC-Formular /mpc/ (Robin 17.10.2026): eigenstaendiges Layout, nutzt Tokens/Komponenten aus funnel.css. */
.mpc{max-width:640px;margin:0 auto}
.mpc-intro{background:var(--green);color:#fff;padding:32px var(--pad) 36px}
.mpc-intro h1{font-size:clamp(28px,7.4vw,44px);line-height:1.1;font-weight:700;color:#fff}
.mpc-intro .sub{margin-top:16px;font-size:18px;line-height:1.5;color:#DCEBE5}
.mpc-intro .btn{margin-top:28px}
.mpc-intro .note{margin-top:10px;text-align:center;font-size:15px;color:#DCEBE5}
.mpc-card{padding:16px var(--pad) 8px}
.mpc-card [data-step]{margin-top:24px}
.mpc-counter{margin-top:10px;font-size:15px;color:var(--muted);min-height:1.4em}
.opt.is-off{opacity:.45;cursor:not-allowed}
.opt.is-off:hover{border-color:var(--line)}
.mpc-actions{display:grid;gap:10px;margin-top:22px}
.mpc-err{margin-top:12px;color:var(--error);font-size:15px;font-weight:600}
.mpc-card textarea{width:100%;min-height:120px;padding:12px 14px;border:2px solid var(--line);border-radius:var(--r);font:400 17px/1.4 var(--f);color:var(--ink);background:#fff;resize:vertical;margin-top:16px}
.mpc-card .field>input[id^="q-"]{margin-top:16px}
.mpc-card textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px rgba(5,150,105,.25)}
.mpc-card textarea[aria-invalid="true"]{border-color:var(--error);background:var(--error-bg)}
.field-help{margin:-2px 0 6px;font-size:14px;line-height:1.4;color:var(--muted)}
.mpc-thanks h2{margin-top:8px}
.mpc-cv{margin-top:24px;background:var(--steel);border-radius:var(--r);padding:16px 18px}
.mpc-cv p{margin-top:0;font-size:17px}
.mpc-cv .btn{margin-top:16px}
.mpc-mail{overflow-wrap:anywhere}
.mpc-page .foot{margin-top:32px}
@media (min-width:1024px){
  .mpc{max-width:720px;padding-top:32px}
  .mpc-intro{border-radius:14px;padding:44px 48px 48px}
  .mpc-intro .btn,.mpc-intro .note{max-width:360px}
  .mpc-card{border:1px solid var(--line);border-radius:14px;padding:20px 32px 32px;box-shadow:0 18px 40px -24px rgba(0,57,51,.45)}
  .mpc-actions{grid-template-columns:repeat(auto-fit,minmax(180px,240px))}
}
.mpc-page .top{padding-bottom:14px}
.mpc-page .top:has(+ .mpc .mpc-intro:not([hidden])){padding-bottom:0}
/* Mehrfachauswahl: Kaestchen links, damit sichtbar ist, dass mehrere gehen */
.opts-multi .opt{position:relative;padding-left:48px}
.opts-multi .opt::before{content:"";position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;border:2px solid var(--line);border-radius:4px;background:#fff}
.opts-multi .opt[aria-pressed="true"]::before{border-color:#fff;background:url(check.svg) center/16px no-repeat #fff}
/* v3-Widgets (Tags, Branchen-Schalter, Chips, Folgefeld, Gehalt): siehe mpc-design.css (Diana). */