/* The questionnaire keeps its visible input fields, in quieter brand tones. */
:root { --night:#17151d; --ink:#29262e; --muted:#706c75; --violet:#6b587f;
  --pale:#f1edf5; --cyan:#c2b2d4; --line:#ddd7e3; --bg:#f8f7f4; font-family:"Inter",system-ui,sans-serif; }
.hero h1 { font-family:"Fraunces",Georgia,serif; font-weight:400; line-height:1.27; }
.hero h1 span { font-style:italic; }
.step-heading h2 { font-weight:600; }
.hero-note { background:#232129; }
.hero-note:after { border-color:#c2b2d433; }
.hero-note p { color:#d7d0dd; }
.primary:hover { background:#40364b; }
.question>input,.question>textarea { background:#f4f1f7; border-color:#a296b0; box-shadow:none; }
.question>input:hover,.question>textarea:hover { background:#eeebf2; border-color:#79648f; }
.question>input:focus,.question>textarea:focus { background:#fff; border-color:#6b587f; box-shadow:0 0 0 3px #6b587f24; }
.brand { border-radius:8px; }

:root{--night:#34245b;--violet:#66508f;--cyan:#d2baf5;font-family:"Open Sans",sans-serif;}
body,body *{font-family:"Open Sans",sans-serif!important;letter-spacing:normal;}
h1,h1 *,h2,h2 *{font-family:"Play",sans-serif!important;font-weight:700!important;font-style:normal!important;}
.hero-note{background:linear-gradient(135deg,#402e6b,#513981);}.hero-note p{color:#eee5fc;}
input,select,textarea{font-size:16px!important;}

/* MPIONIER: concise inquiry, 07.10.2026. */
.shell{max-width:1180px}.hero{padding:40px 0 32px;gap:48px}.hero h1{font-size:clamp(28px,3.1vw,42px)}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.question>select{appearance:auto;width:100%;min-height:50px;padding:10px 12px;border:1px solid #a296b0;border-radius:9px;background:#f4f1f7;color:var(--ink);font:inherit;max-width:100%}
.question>select:focus-visible{outline:3px solid #79648f;outline-offset:3px}
.question>label,.question>legend{line-height:1.5}.optional{font-weight:400;color:var(--muted)!important}
.question>textarea{min-height:82px}.service-top{padding:16px 18px}.service-top small{margin-top:4px}.service-details{padding:17px}
.service-details legend{font-size:13px}.service-details .selection-hint{display:none}
.advisory{margin-bottom:20px;background:#f5f2fa}.advisory small{display:block;font-size:12px;margin-top:4px;color:var(--muted)}
.budget-intro{margin:8px 0 24px;padding:25px;border:1px solid #d7c9e8;background:linear-gradient(125deg,#f1eaf9,#fcfaff);border-radius:16px}
.budget-intro .eyebrow{font-size:10px;margin-bottom:10px}.budget-intro h3{font-family:'Play',sans-serif!important;font-size:24px;line-height:1.3;margin:0 0 9px;color:#453362}
.budget-intro p{margin:8px 0;font-size:14px}.budget-principle{padding-top:12px;border-top:1px solid #dacfe5}.budget-principle strong{display:block;margin-bottom:4px}
.budget-footnote{margin:-3px 0 25px;font-size:12px;color:var(--muted)}
.money-input{display:flex;align-items:center;background:#f4f1f7;border:1px solid #a296b0;border-radius:9px;min-width:0;overflow:hidden}
.money-input:focus-within{outline:3px solid #6b587f24;border-color:#6b587f}
.money-input input{min-width:0;width:100%;border:0;border-radius:9px;padding:12px;background:transparent;color:var(--ink);outline:none;min-height:49px}
.money-input span{flex:0 0 auto;font-size:12px;color:var(--muted);padding-right:13px}
.money-question>.hint{min-height:36px}.money-question>label{min-height:46px}
.money-question .optional{display:block}.preview-banner{padding:9px 16px;background:#eee7f6;color:#4c396d;text-align:center;font-size:12px;line-height:1.5}
.header-inner,.footer-inner,.hero,.step-heading,.summary-section h3{min-width:0}.header-benefit{min-width:0}
.step-nav button{min-height:48px}.option input{width:20px;height:20px}.question:has(#sonstiges){margin-top:27px}
@media(max-width:900px){.step-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:6px}.step-nav button{justify-content:center;padding:10px 7px;gap:5px;min-width:0}.hero{gap:25px}}
@media(max-width:600px){.shell{padding-left:15px;padding-right:15px}.hero{padding:25px 0;gap:18px}.hero-note{padding:17px 20px}.hero-note strong{font-size:16px}.hero-note p{font-size:13px}.hero-note small{font-size:12px}.step-nav{gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))}.step-nav button{font-size:11px;flex-direction:column;line-height:1.3;padding:9px 3px}.step-nav button span{font-size:13px}#form{padding:23px 17px}.field-grid{grid-template-columns:minmax(0,1fr);gap:0}.budget-intro{padding:20px}.budget-intro h3{font-size:23px}.money-question>.hint,.money-question>label{min-height:0}.money-question .optional{display:inline}.step-heading{padding-bottom:20px;gap:13px}.step-heading h2{font-size:21px}.service-top small{font-size:12px}.section-number{font-size:34px}.header-inner{flex-wrap:nowrap;gap:10px}.header-benefit strong{font-size:11px}.header-benefit{flex:1;max-width:130px}.brand{flex-basis:160px}.footer-inner{overflow-wrap:anywhere}.button{overflow-wrap:anywhere}}
@media(max-width:350px){.header-benefit{display:none}.header-inner{justify-content:center}.step-heading h2{font-size:19px}.service-top{padding:14px 12px}.service-num{display:none}}
@media print{.preview-banner{display:none!important}.step[data-step="4"]{display:block!important}.step[data-step="4"]>.intro{font-size:10pt}.summary-section{break-inside:auto}.summary-section dt{break-after:avoid}.summary-section dd{break-inside:avoid}}
.step-nav button[aria-current="step"]:hover{background:var(--night);color:#fff}

.audience-options .option:last-child{grid-column:1/-1}