:root{--green:#433939;--green-2:#78604f;--cream:#e5dcce;--cream-2:#f3ede5;--gold:#78604f;--ink:#433939;--muted:#70645c;--line:#d6cbbb;--shadow:0 24px 70px rgba(22,34,28,.16);--sans:Arial,Helvetica,sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{background:#e9e4da}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at 15% 15%,rgba(184,134,78,.18),transparent 28%),linear-gradient(135deg,#ede8df,#dfddd5);min-height:100vh}.page-shell{min-height:100vh;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(520px,1.1fr)}.brand-panel{position:relative;overflow:hidden;padding:clamp(32px,5vw,76px);background:linear-gradient(160deg,rgba(38,59,49,.97),rgba(22,36,29,.98));color:white;display:flex;flex-direction:column;justify-content:space-between}.brand-panel:before,.brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.brand-panel:before{width:440px;height:440px;right:-180px;top:-130px}.brand-panel:after{width:280px;height:280px;left:-120px;bottom:-80px}.brand{position:relative;z-index:1;display:inline-flex;gap:16px;align-items:center;color:white;text-decoration:none;width:max-content}.brand span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:14px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}.brand b{font-family:var(--serif);font-size:31px;font-weight:500}.brand-mark{width:56px;height:56px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:4px;border:1px solid rgba(255,255,255,.5);padding:10px}.brand-mark i{display:block;background:var(--gold)}.brand-mark i:nth-child(1){height:28px}.brand-mark i:nth-child(2){height:36px}.brand-mark i:nth-child(3){height:21px}.brand-copy{position:relative;z-index:1;max-width:640px;margin:80px 0}.eyebrow,.step-kicker{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:12px}.brand-copy h1{font-family:var(--serif);font-size:clamp(44px,5vw,76px);line-height:1.02;font-weight:500;margin:18px 0 24px}.brand-copy p{font-size:clamp(18px,2vw,24px);line-height:1.55;color:rgba(255,255,255,.76);max-width:600px}.trust-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-grid div{padding:18px 0;border-top:1px solid rgba(255,255,255,.18)}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-size:17px}.trust-grid span{font-size:13px;color:rgba(255,255,255,.62);margin-top:6px}.location{position:relative;z-index:1;margin:28px 0 0;color:rgba(255,255,255,.58);font-size:13px}.funnel-panel{background:var(--cream-2);padding:clamp(28px,4vw,64px);display:flex;flex-direction:column}.progress-wrap{max-width:720px;width:100%;margin:0 auto 34px}.progress-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.progress{height:5px;background:#e2ddd3;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;width:12.5%;background:linear-gradient(90deg,var(--gold),#d4aa74);transition:width .35s ease}form{width:100%;max-width:720px;margin:auto}.step{display:none;animation:fade .32s ease}.step.is-active{display:block}.step h2{font-family:var(--serif);font-size:clamp(36px,4vw,58px);line-height:1.08;font-weight:500;margin:15px 0 18px}.lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:650px}.benefit-list{list-style:none;padding:0;margin:30px 0}.benefit-list li{padding:14px 0 14px 36px;border-bottom:1px solid var(--line);position:relative}.benefit-list li:before{content:"✓";position:absolute;left:4px;color:var(--gold);font-weight:800}.button{appearance:none;border:0;border-radius:4px;padding:16px 22px;font:700 15px var(--sans);cursor:pointer;transition:.2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:var(--green);color:white;box-shadow:0 10px 26px rgba(38,59,49,.22)}.button.primary:hover{background:var(--green-2);transform:translateY(-1px)}.button.ghost{background:transparent;color:var(--green);border:1px solid var(--line)}.button:disabled{opacity:.6;cursor:not-allowed}.step small{display:block;color:var(--muted);margin-top:12px}.actions{display:flex;justify-content:space-between;gap:14px;margin-top:30px}.choices{display:grid;gap:12px;margin-top:28px}.choices.compact{grid-template-columns:repeat(2,1fr)}.choices.checks{grid-template-columns:repeat(2,1fr)}.choices label{position:relative}.choices input{position:absolute;opacity:0;pointer-events:none}.choices span{display:block;border:1px solid var(--line);border-radius:8px;padding:17px 18px;background:white;cursor:pointer;transition:.2s ease}.choices input:checked+span{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,134,78,.16);background:#fffaf3}.choices span:hover{border-color:rgba(184,134,78,.7)}.hint{color:var(--muted);margin-top:-8px}.field{display:grid;gap:8px;margin:16px 0}.field>span{font-weight:700;font-size:14px}.field em{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);background:white;border-radius:7px;padding:15px 16px;font:16px var(--sans);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(184,134,78,.18);border-color:var(--gold)}[aria-invalid="true"]{border-color:#b33a3a}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.privacy{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:14px;color:var(--muted)}.privacy input{width:auto;margin-top:3px}.privacy a{color:var(--green)}.form-status{display:none;margin-top:18px;padding:14px;border-radius:6px}.form-status.is-visible{display:block}.form-status.is-error{background:#fff1f0;color:#8c2c25}.form-status.is-success{background:#eef8f1;color:#245c38}.success-step{text-align:center}.success-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 24px;border-radius:50%;background:var(--green);color:white;font-size:34px}.success-step .lead{margin-left:auto;margin-right:auto}.honeypot{position:absolute;left:-9999px}footer{max-width:720px;width:100%;margin:50px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer nav{display:flex;gap:18px}footer a{color:inherit}.funnel-panel>footer{margin-top:auto}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:980px){.page-shell{grid-template-columns:1fr}.brand-panel{min-height:auto;padding-bottom:38px}.brand-copy{margin:55px 0 35px}.brand-copy h1{font-size:48px}.trust-grid{grid-template-columns:1fr 1fr 1fr}.funnel-panel{min-height:760px}}@media(max-width:620px){.brand-panel{padding:26px 22px}.brand-copy{margin:44px 0 24px}.brand-copy h1{font-size:39px}.brand-copy p{font-size:17px}.trust-grid{grid-template-columns:1fr}.trust-grid div{padding:10px 0}.funnel-panel{padding:26px 20px}.step h2{font-size:36px}.choices.compact,.choices.checks,.field-grid{grid-template-columns:1fr}.actions{position:sticky;bottom:0;background:linear-gradient(transparent,var(--cream-2) 26%);padding-top:24px}.actions .button{flex:1}footer{flex-direction:column}.brand b{font-size:25px}}
/* Haarnagel: Creme, Sand und warmes Dunkelbraun. */
html,body{background:var(--cream-2)}body{font-size:16px;line-height:1.6}.brand-panel{background:var(--cream);color:var(--ink)}.brand-panel:before,.brand-panel:after{display:none}.brand{color:var(--ink);max-width:100%}.brand-logo{width:64px;height:64px;object-fit:contain}.brand-copy p,.trust-grid span,.location{color:var(--muted)}.trust-grid div{border-color:var(--line)}.eyebrow,.step-kicker,.progress-meta,footer,.trust-grid span,.location{font-size:14px}.progress span{background:var(--green)}.button{border-radius:0;font-size:16px}.button.primary{box-shadow:none}.choices span{border-radius:3px;background:#fffaf5}.choices input:checked+span{border-color:var(--green);background:#e5dcce;box-shadow:0 0 0 1px var(--green)}.choices input:focus-visible+span,a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.choices span:hover{border-color:var(--gold)}.back-link{color:var(--ink);margin-top:28px;text-underline-offset:4px}.progress-wrap{scroll-margin-top:20px}.success-step:focus,.step h2:focus{outline:none}.funnel-panel>footer{margin-top:42px}.choices span{overflow-wrap:anywhere}.brand-copy h1{overflow-wrap:normal}.page-shell>*,.field-grid>*{min-width:0}.honeypot{width:1px;height:1px;overflow:hidden}.privacy{line-height:1.6}.privacy a{overflow-wrap:anywhere}.brand strong{font-size:14px}
@media(max-width:980px){.brand-copy{margin:24px 0 0}.brand-copy h1{font-size:32px;line-height:1.15;margin:12px 0}.brand-copy p,.trust-grid,.location{display:none}.brand-panel{padding:24px}.back-link{margin-top:16px}.funnel-panel{min-height:0;padding:28px 24px 40px}.funnel-panel form{margin:0 auto}.progress-wrap{margin-bottom:24px}.brand-copy h1{max-width:680px}}
@media(max-width:620px){.brand-logo{width:48px;height:48px}.brand-copy h1{font-size:28px}.brand-copy .eyebrow{display:none}.brand-panel{padding:20px}.funnel-panel{padding:24px 20px 32px}.step h2{font-size:32px}.lead{font-size:17px}.button{padding:16px 18px}.brand-copy{margin-top:18px}.actions{position:static;background:none;padding-top:0}.actions .button{min-width:0}footer nav{flex-wrap:wrap}.step small{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}