
:root{
  --navy:#082b57;
  --navy-2:#0d3d78;
  --blue:#145ecb;
  --amber:#f4a51c;
  --portal-orange:var(--amber);
  --green:#2f8f4e;
  --green-bg:#edf8f0;
  --yellow:#b77a00;
  --yellow-bg:#fff8e7;
  --red:#b64b46;
  --red-bg:#fff0ef;
  --text:#132238;
  --muted:#66758a;
  --line:#dbe3ee;
  --bg:#f4f7fb;
  --white:#ffffff;
  --shadow:0 18px 45px rgba(8,43,87,.12);
  --radius:22px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:linear-gradient(180deg,#eef3f9 0%,#f8fafc 100%);
  color:var(--text);
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh;padding:28px 16px}
.app{max-width:1080px;margin:0 auto;background:var(--white);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(8,43,87,.08)}
.topbar{display:block;min-height:0}
.brand-panel{background:linear-gradient(135deg,var(--navy),#061f42);color:#fff;padding:26px 36px 22px;display:block}
.brand-panel>div:first-child{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:30px;align-items:center}
.brand-panel__lead{display:flex;align-items:center;gap:clamp(18px,3vw,28px);min-width:0}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand--logo{align-self:center}.brand__logo{display:block;width:auto;height:clamp(75px,11.4vw,107px);max-width:min(136px,18vw);object-fit:contain}
.brand-copy{flex:1 1 auto;min-width:0}
.brand-copy h1{font-size:32px;line-height:1.08;margin:0 0 10px}.brand-copy h1 span{color:var(--amber)}
.brand-copy p{font-size:16px;line-height:1.6;color:#dfe9f7;margin:0}
.trust-list{display:grid;gap:10px;margin-top:0}.trust-item{display:flex;gap:10px;align-items:flex-start;color:#e8f0fb;font-size:14px}.tick{width:22px;height:22px;border:1px solid var(--amber);color:var(--amber);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}
.brand-foot{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);font-size:12px;color:#d7e1ef;line-height:1.5}
.main-panel{padding:34px 42px 42px;min-width:0;scroll-margin-top:16px}
.main-panel:focus{outline:none}
.progress-wrap{margin-bottom:30px}.progress-top{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin-bottom:9px}.progress-track{height:9px;background:#e7edf5;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--blue),#4d83df);width:0%;transition:width .35s ease}
.kicker{color:var(--blue);font-weight:800;font-size:14px;margin-bottom:8px}.question-title{font-size:30px;line-height:1.2;margin:0 0 10px}.question-help{color:var(--muted);font-size:15px;line-height:1.55;margin-bottom:24px;max-width:720px}
.options{display:grid;gap:12px}.option{border:1.5px solid var(--line);border-radius:15px;padding:15px 16px;display:flex;align-items:center;gap:13px;background:#fff;transition:.2s ease;text-align:left;width:100%;color:var(--text)}.option:hover{border-color:#9cbced;background:#f8fbff;transform:translateY(-1px)}.option.active{border-color:var(--blue);background:#edf4ff;box-shadow:0 0 0 3px rgba(20,94,203,.08)}.option-icon{width:38px;height:38px;border-radius:12px;background:#edf4ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}.option-label{font-weight:700;font-size:15px}.option-sub{font-size:12px;color:var(--muted);margin-top:3px}.option-check{margin-left:auto;width:22px;height:22px;border-radius:50%;border:1.5px solid #b8c5d6;display:flex;align-items:center;justify-content:center;color:transparent}.option.active .option-check{background:var(--blue);border-color:var(--blue);color:white}
.grid-2{grid-template-columns:1fr 1fr}
.nav-row{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.btn{border:none;border-radius:13px;padding:13px 20px;font-weight:800;transition:.2s ease}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--navy-2));color:#fff;box-shadow:0 8px 20px rgba(20,94,203,.2)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.note{display:flex;gap:10px;align-items:flex-start;margin-top:24px;padding:13px 14px;border-radius:13px;background:#f7f9fc;color:var(--muted);font-size:12px;line-height:1.5}.note__icon{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;font-style:italic;font-family:Georgia,"Times New Roman",serif;line-height:1;flex:0 0 auto;margin-top:1px}.note strong{color:var(--text)}
.hidden{display:none!important}
.result-card{border-radius:18px;padding:24px;border:1px solid var(--line);margin-top:16px}.result-card__badge{margin-top:0;margin-bottom:14px}.result-head{display:flex;gap:16px;align-items:flex-start}.result-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:900;flex:0 0 auto}.result-title{font-size:28px;margin:0 0 6px}.result-sub{margin:0;color:var(--muted);line-height:1.55}.result-green{background:var(--green-bg);border-color:#cde9d5}.result-green .result-icon{background:var(--green);color:#fff}.result-blue{background:#eef5ff;border-color:#c9dcfa}.result-blue .result-icon{background:var(--blue);color:#fff}.result-teal{background:#eefaf8;border-color:#c9e8e1}.result-teal .result-icon{background:#24806f;color:#fff}.result-yellow{background:var(--yellow-bg);border-color:#f0dda9}.result-yellow .result-icon{background:#d99a13;color:#fff}.result-red{background:var(--red-bg);border-color:#f0c9c6}.result-red .result-icon{background:var(--red);color:#fff}.disclaimer{margin-top:16px;padding:13px 15px;border-radius:12px;background:#f7f9fc;border:1px solid var(--line);font-size:12px;line-height:1.55;color:var(--muted)}
.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.score-item{background:#fff;border:1px solid rgba(8,43,87,.09);border-radius:14px;padding:14px}.score-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.score-name{font-weight:800}.score-value{font-weight:800}.score-track{height:7px;background:#edf1f6;border-radius:999px;margin-top:10px;overflow:hidden}.score-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),#57a1ff)}
.result-disqual{margin:22px 0 8px;padding:20px 22px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--text);text-align:left}.result-disqual__title{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:800;color:var(--navy)}.result-disqual p{margin:0 0 14px;font-size:15px;line-height:1.55;color:var(--muted)}.result-disqual p:last-child{margin-bottom:0}.result-disqual__tel{margin-top:18px!important;font-weight:700;color:var(--text)!important}.result-disqual a{color:var(--blue);font-weight:800;text-decoration:none;white-space:nowrap}.result-disqual a:hover{text-decoration:underline}
.result-sub a{color:var(--blue);font-weight:800;text-decoration:none}.result-sub a:hover{text-decoration:underline}
.result-call-panel{margin-top:24px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#eef4fb,#f8fafc);border:1px solid var(--line);color:var(--text)}.result-call-panel h3{margin:0 0 8px;font-size:20px;color:var(--navy)}.result-call-panel p{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--muted)}.result-call-panel__number{margin:0!important;font-size:22px}.result-call-panel__number a{color:var(--navy);text-decoration:none}.result-call-panel__number a:hover{text-decoration:underline}
.result-cta-consult{margin:22px 0 6px}.result-cta-consult .btn-cta-consult{width:100%;padding:15px 22px;font-size:15px;background:var(--portal-orange);color:#1b2a3f;box-shadow:0 8px 22px rgba(244,165,28,.32)}.result-cta-consult .btn-cta-consult:hover{filter:brightness(1.04);transform:translateY(-1px)}.result-analysis{margin-top:22px}.result-analysis h3{margin:0 0 12px;font-size:18px}.analysis-list{display:grid;gap:10px}.analysis-item{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid rgba(8,43,87,.08);padding:12px 14px;border-radius:13px;line-height:1.45;font-size:14px}.analysis-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--blue);flex:0 0 auto}
.cta-panel{margin-top:24px;padding:22px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}.cta-panel h3{font-size:22px;margin:0 0 8px}.cta-panel p{margin:0 0 18px;color:#e2ebf7;line-height:1.55;font-size:14px}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cta-grid--single{grid-template-columns:1fr}.btn-light{background:#fff;color:var(--navy)}.btn-amber{background:var(--portal-orange);color:#1b2a3f}
.form-card{margin-top:20px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.form-card h3{margin:0 0 5px;font-size:22px}.form-card p{margin:0 0 18px;color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.field input,.field select{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,94,203,.08)}.field textarea{width:100%;min-height:88px;border:1.5px solid var(--line);border-radius:11px;padding:12px 13px;outline:none;resize:vertical}.field.full{grid-column:1/-1}.appointment-slots{margin:6px 0 4px;padding-top:6px;border-top:1px solid var(--line)}.appointment-slots__title{margin:0 0 4px;font-size:14px;font-weight:800;color:var(--text)}.appointment-slots__optional{font-weight:600;color:var(--muted)}.appointment-slots__hint{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:1.45}.appointment-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px}.consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:12px;color:var(--muted);line-height:1.4}.consent input{margin-top:2px}
.success-box{padding:26px;border-radius:18px;background:var(--green-bg);border:1px solid #cde9d5;text-align:center}.success-box h2{margin:8px 0}.success-box p{color:var(--muted);line-height:1.55}.success-symbol{width:62px;height:62px;margin:0 auto;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px}
.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:#edf4ff;color:var(--blue);border-radius:999px;font-weight:800;font-size:12px;margin-bottom:10px}
@media(max-width:900px){.topbar{display:block;min-height:auto}.brand-panel{padding:24px}.brand-panel>div:first-child{grid-template-columns:1fr;gap:18px}.brand-panel__lead{align-items:center}.brand__logo{height:clamp(68px,18vw,91px);max-width:min(122px,31vw)}.brand-copy h1{margin:0 0 10px;font-size:30px}.trust-list{grid-template-columns:1fr 1fr}.brand-foot{display:block;margin-top:16px}.main-panel{padding:28px 22px 34px}.grid-2,.score-grid,.cta-grid,.form-grid,.appointment-row{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:560px){.app-shell{padding:0}.app{border-radius:0;min-height:100vh}.question-title{font-size:25px}.main-panel{padding:24px 16px 30px}.brand-panel{padding:22px 18px}.brand-panel>div:first-child{grid-template-columns:1fr;gap:15px}.brand-panel__lead{gap:14px}.brand__logo{height:61px;max-width:79px}.brand-copy h1{font-size:27px}.trust-list{grid-template-columns:1fr}.brand-foot{font-size:11px}.option{padding:13px}.nav-row{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 25%);padding-top:28px}.nav-row .btn{flex:1}.nav-row.result-footer-row .btn{flex:0 1 auto}.result-title{font-size:24px}}
.ec-form-status{font-size:13px;color:var(--red);margin-top:12px;min-height:1.2em}
.consent a{color:var(--blue);font-weight:700}
body.ec-modal-open{overflow:hidden}
.ec-lead-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px 18px;background:rgba(8,43,87,.58);backdrop-filter:blur(2px)}
.ec-lead-modal__panel{width:100%;max-width:640px;max-height:min(92vh,880px);overflow:auto;border-radius:20px;background:var(--white);box-shadow:0 24px 60px rgba(8,43,87,.28);border:1px solid rgba(8,43,87,.1)}
.ec-lead-modal__body{padding:22px 24px 26px}
.ec-lead-modal .form-card{margin-top:0;border:none;padding:0;border-radius:0}
.ec-lead-modal .nav-row{margin-top:22px}
.ec-lead-modal__actions{margin-top:20px;justify-content:center;flex-wrap:wrap}
.ec-lead-modal .success-box .nav-row{background:none;padding-top:12px;position:static}
.result-footer-row{align-items:center;flex-wrap:wrap}.result-footer-row .btn{flex:0 1 auto}.result-footer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;margin-left:auto}.result-call{margin:0;font-size:15px;color:var(--text);line-height:1.45}.result-call a{color:inherit;text-decoration:none}.result-call a:hover{text-decoration:underline}.result-print-btn{margin:0;padding:0;border:none;background:none;font:inherit;font-size:15px;font-weight:800;color:var(--blue);cursor:pointer;text-decoration:underline}.result-print-btn:hover{color:var(--navy)}.result-print-footer{display:none}
@media(max-width:560px){.result-footer-actions{width:100%;margin:12px 0 0;justify-content:flex-start}}
@media print{
  @page{margin:12mm}
  html,body{height:auto!important;min-height:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #lp-site-header,.lp-site-footer,#lp-consent-banner,.ec-lead-modal,.lp-legal-modal,.lp-totop,#lp-totop,#quizView,.result-cta-consult,.cta-panel,.result-footer-row{display:none!important}
  .lp-skip-link{display:none!important}
  .app-shell,.app,#inhalt,.main-panel{background:#fff!important;box-shadow:none!important;border:none!important;min-height:0!important;height:auto!important}
  .app-shell{padding:0!important;margin:0!important}
  .app{max-width:100%!important;border-radius:0!important;overflow:visible!important;border:none!important}
  .topbar{background:transparent!important;min-height:0!important}
  .brand-panel{display:block!important;background:linear-gradient(135deg,var(--navy),#061f42)!important;color:#fff!important;padding:8mm 10mm 6mm!important;margin:0 0 4mm!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid;page-break-inside:avoid;border-radius:0!important}
  .brand-panel>div:first-child{grid-template-columns:1fr!important;gap:4mm!important}
  .brand-panel__lead{align-items:center!important;gap:5mm!important}
  .brand__logo{height:18mm!important;max-width:23mm!important}
  .brand-copy h1{font-size:24px!important;margin:0 0 4px!important;color:#fff!important}
  .brand-copy h1 span{color:var(--amber)!important}
  .brand-copy p{font-size:12px!important;line-height:1.45!important;color:#dfe9f7!important}
  .trust-list{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .trust-item{font-size:10px!important;line-height:1.35!important}
  .brand-foot{font-size:9px!important;margin-top:6px!important;padding-top:6px!important}
  .main-panel{padding:0 10mm 8mm!important}
  #resultView.hidden{display:none!important}
  #resultView:not(.hidden){display:block!important}
  .result-card{margin-top:0!important;break-inside:auto;page-break-inside:auto}
  .result-head,.score-item,.analysis-item,.disclaimer{break-inside:avoid;page-break-inside:avoid}
  .result-print-footer{display:block!important;margin-top:18px;padding-top:14px;border-top:2px solid var(--navy);break-inside:avoid;page-break-inside:avoid}
  .result-print-footer__title{margin:0 0 8px;font-size:13px;font-weight:800;color:var(--text)}
  .result-print-footer__phone{margin:0;font-size:15px;color:var(--text)}
}
