/* MPU-Kompass UX Enterprise V1 — presentation only. */
.mpuk{
 --mpuk-color-ink:#071633;--mpuk-color-ink-2:#102951;--mpuk-color-gold:#d7aa32;--mpuk-color-gold-dark:#9b6b0d;
 --mpuk-color-paper:#fff;--mpuk-color-soft:#f6f4ee;--mpuk-color-muted:#5d6470;--mpuk-color-line:#ded9cd;
 --mpuk-space-1:.375rem;--mpuk-space-2:.625rem;--mpuk-space-3:1rem;--mpuk-space-4:1.5rem;--mpuk-space-5:2rem;--mpuk-space-6:3rem;
 --mpuk-radius-sm:12px;--mpuk-radius-md:18px;--mpuk-radius-lg:28px;
 --mpuk-shadow-card:0 14px 34px rgba(7,22,51,.07);--mpuk-shadow-lift:0 20px 50px rgba(7,22,51,.12);
 --mpuk-ease:cubic-bezier(.22,.8,.3,1);--mpuk-speed:180ms;
 color:var(--mpuk-color-ink);
}
.mpuk__view,.mpuk__option,.mpuk__recommendation,.mpuk__result-card,.mpuk__document-recommendation,.mpuk__intake-complete{
 border-color:var(--mpuk-color-line);border-radius:var(--mpuk-radius-md);box-shadow:var(--mpuk-shadow-card);
}
.mpuk__view{border-radius:var(--mpuk-radius-lg);background:linear-gradient(145deg,#fff 0 76%,#fbfaf6 100%)}
.mpuk__kicker{color:var(--mpuk-color-gold-dark)}
.mpuk__lead{color:#344052}.mpuk__intro,.mpuk__coachline,.mpuk__boundary{color:var(--mpuk-color-muted)}
.mpuk button,.mpuk__option{transition:transform var(--mpuk-speed) var(--mpuk-ease),border-color var(--mpuk-speed),box-shadow var(--mpuk-speed),background-color var(--mpuk-speed)}
.mpuk button{border-radius:var(--mpuk-radius-sm);min-height:54px}.mpuk__primary{background:linear-gradient(180deg,#ebca68,var(--mpuk-color-gold))!important;border-color:var(--mpuk-color-gold-dark)!important}
.mpuk__option{min-height:68px;padding:var(--mpuk-space-3) var(--mpuk-space-4)}
.mpuk__option:hover,.mpuk__option:focus-within{transform:translateY(-2px);box-shadow:var(--mpuk-shadow-lift)}
.mpuk__option:has(input:checked){background:#fff9e8;border-color:var(--mpuk-color-gold-dark);box-shadow:0 12px 32px rgba(155,107,13,.14)}
.mpuk__recommendation-icon,.mpuk__result-mark{background:#fff8e5;border:1px solid #dec36f;color:var(--mpuk-color-gold-dark)}
.mpuk__document-recommendation li,.mpuk__choice-list li,.mpuk__gold-entry{border-radius:var(--mpuk-radius-sm)}
.mpuk__progress-head{color:var(--mpuk-color-muted)}
.mpuk progress{height:8px}
.mpuk__privacy{color:var(--mpuk-color-muted)}

/* Consistent outline icon language; icons remain decorative. */
.mpuk__option span:before,.mpuk__document-recommendation li:before,.mpuk__recommendation h3:before{
 content:"";display:inline-block;width:1.25rem;height:1.25rem;margin-right:.7rem;vertical-align:-.25rem;border:1.75px solid var(--mpuk-color-gold-dark);border-radius:50%;background:radial-gradient(circle at center,var(--mpuk-color-gold-dark) 0 2px,transparent 2.5px);
}
.mpuk__document-recommendation li:before{width:1rem;height:1.2rem;border-radius:3px;background:linear-gradient(135deg,transparent 0 35%,rgba(155,107,13,.14) 36% 52%,transparent 53%)}
.mpuk__recommendation h3:before{border-radius:4px;transform:rotate(45deg);background:linear-gradient(135deg,transparent 42%,var(--mpuk-color-gold-dark) 43% 55%,transparent 56%)}
.mpuk__option:has(input[value="Alkohol"]) span:before{border-radius:3px 3px 9px 9px;background:linear-gradient(to top,rgba(155,107,13,.22) 0 38%,transparent 39%)}
.mpuk__option:has(input[value="Drogen"]) span:before{border-radius:999px 999px 999px 2px;transform:rotate(-35deg);background:linear-gradient(90deg,transparent 47%,var(--mpuk-color-gold-dark) 48% 55%,transparent 56%)}
.mpuk__option:has(input[value="Punkte"]) span:before{border-radius:50%;background:radial-gradient(circle,var(--mpuk-color-gold-dark) 0 2px,transparent 3px 6px,var(--mpuk-color-gold-dark) 7px 8px,transparent 9px)}
.mpuk__option:has(input[value="Straftaten"]) span:before{border-radius:4px;background:linear-gradient(90deg,transparent 43%,var(--mpuk-color-gold-dark) 44% 56%,transparent 57%),linear-gradient(0deg,transparent 43%,var(--mpuk-color-gold-dark) 44% 56%,transparent 57%)}
.mpuk__option:has(input[value*="Gutachten"]) span:before,.mpuk__option:has(input[value*="Fahrerlaubnisakte"]) span:before,.mpuk__option:has(input[value*="Unterlagen"]) span:before{border-radius:3px;background:linear-gradient(135deg,transparent 0 37%,rgba(155,107,13,.17) 38% 52%,transparent 53%)}
.mpuk__option:has(input[value*="Abstinenznachweis"]) span:before,.mpuk__option:has(input[value*="Haaranalyse"]) span:before{border-radius:50% 50% 55% 55%/35% 35% 65% 65%;background:linear-gradient(0deg,rgba(155,107,13,.2) 0 42%,transparent 43%)}
.mpuk__option:has(input[value*="Online"]) span:before,.mpuk__option:has(input[value*="Termin"]) span:before,.mpuk__option:has(input[value*="Beratung"]) span:before{border-radius:4px;background:linear-gradient(0deg,transparent 62%,var(--mpuk-color-gold-dark) 63% 72%,transparent 73%)}
.dx1-faq summary{display:flex;align-items:center;gap:.75rem}.dx1-faq summary:before{content:"?";display:inline-grid;flex:0 0 1.7rem;width:1.7rem;height:1.7rem;border:1.5px solid var(--mpuk-color-gold-dark);border-radius:50%;color:var(--mpuk-color-gold-dark);font:700 .85rem/1 system-ui;place-items:center}

@media(min-width:768px){
 .wp-block-post-content>.dx1{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
 .dx1>.dx1-compass{width:100%!important;max-width:none!important}
 .dx1-compass .dx1-shell{width:min(1480px,calc(100% - 48px))}
 .mpuk{width:min(100%,1480px);margin:clamp(24px,4vw,56px) auto}
 .mpuk__view{min-height:520px;padding:clamp(34px,4vw,58px)}
 .mpuk__dialog{width:min(100%,1200px);margin-inline:auto}
 .mpuk__dialog>h2,.mpuk__dialog>p,.mpuk__dialog>fieldset,.mpuk__dialog>form>fieldset{max-width:1100px}
 .mpuk__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mpuk-space-3)}
 .mpuk__options .mpuk__option:only-child{grid-column:1/-1}
 .mpuk__document-center,.mpuk__personal-notes{max-width:1200px}
 .mpuk__document-center .mpuk__options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mpuk__actions{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(260px,1.2fr) minmax(150px,.55fr);align-items:center}
 .mpuk__actions>*{width:100%;min-width:0}
 .mpuk__result{max-width:1120px;margin-inline:auto}
 .mpuk__recommendation{grid-template-columns:auto minmax(0,1fr);padding:var(--mpuk-space-5)}
 .mpuk__recommendation ul{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mpuk__conversion-actions{grid-template-columns:1fr 1fr}
 .mpuk__choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1200px){
 .mpuk__options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mpuk__option{min-height:76px}
 .mpuk legend{max-width:26ch}
 .mpuk__lead{max-width:48em}
}
@media(max-width:767px){
 .mpuk__option span:before,.mpuk__document-recommendation li:before{margin-right:.55rem}
}
@media(prefers-reduced-motion:reduce){.mpuk *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}