:root{
  --navy:#123a4a;
  --navy-2:#1d5669;
  --petrol:#4f8a8b;
  --petrol-dark:#2f6f6f;
  --petrol-soft:#eaf3f1;
  --ink:#17212b;
  --muted:#667582;
  --line:#dbe5e8;
  --panel:#f5f8f8;
  --white:#fff;
  --good:#276b5e;
  --good-bg:#e7f4ef;
  --warn:#8a6b2d;
  --warn-bg:#fbf3df;
  --blue-bg:#eef5f8;
  --blue:#315e70;
  --shadow:0 18px 50px rgba(17,51,65,.09);
  --shadow-soft:0 10px 28px rgba(17,51,65,.06);
}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-behavior:smooth}
body{margin:0;background:#f4f7f8;color:var(--ink);line-height:1.5}
a{color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%;height:auto}
.demo-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.demo-topbar-inner{max-width:1240px;margin:0 auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.demo-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:175px}
.demo-brand img{width:170px;height:auto;display:block}
.demo-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.demo-badge{font-size:12px;font-weight:800;color:#53686e;background:#f0f5f5;border:1px solid #dce6e4;border-radius:999px;padding:7px 10px;white-space:nowrap}
.demo-switch{display:flex;gap:5px;padding:4px;border:1px solid #dce6e4;border-radius:999px;background:#f5f8f8}
.demo-switch a{text-decoration:none;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:850;color:#53686e;white-space:nowrap}
.demo-switch a.is-active{background:var(--navy);color:white}
.demo-page{max-width:1240px;margin:0 auto;padding:34px 22px 70px}
.demo-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:26px;align-items:stretch;margin-bottom:24px}
.demo-hero-main,.demo-hero-side{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft)}
.demo-hero-main{padding:34px 36px;background:linear-gradient(145deg,#fff 55%,#eff7f4)}
.demo-hero-side{padding:26px}
.demo-kicker{margin:0 0 6px;color:var(--petrol-dark);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:clamp(2rem,4vw,3.15rem);line-height:1.06;letter-spacing:-.04em;margin-bottom:14px}
h2{font-size:clamp(1.45rem,2.6vw,2.1rem);line-height:1.18;letter-spacing:-.025em;margin-bottom:10px}
h3{font-size:1.08rem;line-height:1.3;margin-bottom:7px}
.demo-lead{font-size:1.05rem;color:#52666e;max-width:820px;line-height:1.7;margin-bottom:18px}
.demo-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:11px;padding:10px 15px;text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer}
.demo-button.primary{background:var(--navy-2);color:#fff}
.demo-button.secondary{background:#fff;color:var(--navy-2);border-color:#cddde0}
.demo-button.soft{background:var(--petrol-soft);color:#285e5c;border-color:#d6e6e1}
.demo-button.small{min-height:38px;padding:8px 12px;font-size:13px}
.demo-button:hover{transform:translateY(-1px)}
.demo-note{font-size:12px;color:#677b82;line-height:1.55}
.demo-stack{display:grid;gap:12px}
.demo-stat{padding:14px;border:1px solid var(--line);border-radius:15px;background:#fbfdfd;display:grid;gap:2px}
.demo-stat strong{font-size:1.35rem;color:#173e48}
.demo-stat span,.demo-stat small{color:#697b82}
.demo-section{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft);padding:26px}
.demo-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.demo-section-head>div:first-child{max-width:820px}
.demo-section-head p:last-child{color:var(--muted);margin:0}
.demo-label{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#718188}
.demo-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:850;background:#eef4f4;color:#47646a;white-space:nowrap}
.demo-pill.good{background:var(--good-bg);color:var(--good)}
.demo-pill.warn{background:var(--warn-bg);color:var(--warn)}
.demo-pill.blue{background:var(--blue-bg);color:var(--blue)}
.demo-grid{display:grid;gap:14px}
.demo-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.demo-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.demo-card{border:1px solid var(--line);border-radius:17px;background:#fbfdfd;padding:18px;min-width:0}
.demo-card.active{border-color:#9ebfba;background:#f7fbfa;box-shadow:inset 0 0 0 1px rgba(79,138,139,.08)}
.demo-card.good{background:#f5fbf8;border-color:#d4e8de}
.demo-card.warn{background:#fffcf4;border-color:#eadfbf}
.demo-card p:last-child{margin-bottom:0}
.demo-muted{color:var(--muted)}
.demo-prose{color:#566a71;line-height:1.65}
.demo-callout{padding:16px 18px;border-radius:14px;background:#eef6f3;border:1px solid #d6e7e1;color:#315b57}
.demo-callout strong{color:#1d4b4b}
.demo-callout.warn{background:#fff8e8;border-color:#eddcab;color:#725a28}
.demo-callout.blue{background:#f1f7fa;border-color:#d8e5eb;color:#365f70}
.demo-progress{height:10px;background:#e7edef;border-radius:999px;overflow:hidden}
.demo-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--petrol),var(--navy-2));border-radius:inherit}
.demo-progress-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#64777e;margin-top:7px}
.demo-stepbar{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:7px;overflow:auto;padding:3px 1px 5px}
.demo-step{min-width:120px;padding:11px 10px;border:1px solid #dfe7e7;border-radius:12px;background:#f3f6f6;color:#6b7b81;display:flex;gap:8px;align-items:center}
.demo-step b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e7eded;flex:0 0 auto;font-size:12px}
.demo-step span{font-size:12px;font-weight:800;line-height:1.25}
.demo-step.done{background:#ebf6ef;color:#2c6444;border-color:#cfe5d6}
.demo-step.done b{background:#d9efdf}
.demo-step.current{background:#edf6f5;color:#174a50;border-color:#7fa6a2;outline:2px solid rgba(79,138,139,.13)}
.demo-step.current b{background:#d8ebe7;color:#184b4e}
.demo-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.demo-metric{border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff;display:grid;gap:1px}
.demo-metric strong{font-size:1.35rem;color:#173f48}
.demo-metric span{font-size:11px;font-weight:850;color:#657a80}
.demo-metric small{color:#819095;font-size:11px}
.demo-worklist{display:grid;gap:8px}
.demo-workitem{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #e0e8e8;border-radius:13px;background:#fff}
.demo-workitem.important{border-left:4px solid var(--petrol)}
.demo-workitem .kind{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#718187}
.demo-workitem .main{display:grid;gap:3px}
.demo-workitem .main strong{color:#213f46}
.demo-workitem .main span,.demo-workitem .main small{color:#6c7d83;font-size:12px}
.demo-workitem .action{justify-self:end}
.demo-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}
.demo-table{width:100%;border-collapse:collapse;min-width:760px}
.demo-table th,.demo-table td{padding:12px 13px;text-align:left;border-bottom:1px solid #e6ecec;vertical-align:top;font-size:13px}
.demo-table th{background:#f5f8f8;color:#536c72;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.demo-table tr:last-child td{border-bottom:0}
.demo-table td strong{color:#213f46}
.demo-table small{display:block;color:#77878c;margin-top:2px}
.demo-money{font-variant-numeric:tabular-nums;font-weight:850;color:#204c55;white-space:nowrap}
.demo-structure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.demo-structure article{padding:15px;border-radius:15px;border:1px solid var(--line);background:#fbfdfd;display:grid;gap:4px}
.demo-structure article strong{font-size:1.45rem;color:#173f48}
.demo-structure article span{font-size:11px;font-weight:850;color:#657a80}
.demo-bar{display:grid;grid-template-columns:25fr 16.666fr 58.333fr;height:16px;border-radius:999px;overflow:hidden;margin-top:15px;background:#e6eded}
.demo-bar span:nth-child(1){background:#5b9a8f}.demo-bar span:nth-child(2){background:#9bb8b3}.demo-bar span:nth-child(3){background:#2e6878}
.demo-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:9px;color:#667b81;font-size:12px}
.demo-legend span{display:inline-flex;align-items:center;gap:6px}.demo-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
.demo-legend span:nth-child(1) i{background:#5b9a8f}.demo-legend span:nth-child(2) i{background:#9bb8b3}.demo-legend span:nth-child(3) i{background:#2e6878}
.demo-checklist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.demo-checklist li{display:flex;gap:8px;align-items:flex-start;color:#536970;font-size:13px}
.demo-checklist li::before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e2f2e8;color:#2b6a48;font-weight:900;flex:0 0 auto;font-size:11px;margin-top:1px}
.demo-checklist li.open::before{content:"○";background:#f1f4f4;color:#75868b}
.demo-checklist li.warn::before{content:"!";background:#fff0d4;color:#8a6b2d}
.demo-program{display:grid;gap:12px;height:100%}
.demo-program-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.demo-program .why{padding:11px 12px;border-radius:11px;background:#f1f7f5;color:#496a66;font-size:12px;line-height:1.55}
.demo-program dl{display:grid;grid-template-columns:110px 1fr;gap:7px 12px;margin:0;font-size:12px}.demo-program dt{color:#708087}.demo-program dd{margin:0;color:#2f4f56;font-weight:700}
.demo-prefill{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px}
.demo-prefill-score{border:1px solid #d8e6e2;border-radius:18px;padding:20px;background:linear-gradient(145deg,#f9fcfb,#eff7f4)}
.demo-prefill-number{display:flex;align-items:flex-end;gap:9px;margin:10px 0 12px}.demo-prefill-number strong{font-size:2.5rem;line-height:1;color:#1b5360}.demo-prefill-number span{color:#6a7c81;font-size:13px;margin-bottom:4px}
.demo-list{display:grid;gap:7px}
.demo-list-row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #e7eded;font-size:13px}.demo-list-row:last-child{border-bottom:0}.demo-list-row span{color:#62757b}.demo-list-row strong{color:#274a51;text-align:right}
.demo-decision-ready{background:linear-gradient(145deg,#123a4a,#1b5a63);color:white;border:0}
.demo-decision-ready h2,.demo-decision-ready h3{color:white}.demo-decision-ready p{color:#d7e6e4}.demo-decision-ready .demo-checklist li{color:#e4eeed}.demo-decision-ready .demo-checklist li::before{background:rgba(255,255,255,.14);color:white}
.demo-tour{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}.demo-tour a{text-decoration:none;font-size:12px;font-weight:850;color:#315e66;border:1px solid #cfe0df;background:#fff;padding:7px 10px;border-radius:999px}
.demo-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px}
.demo-side-note{border:1px solid #dbe6e4;border-radius:16px;padding:18px;background:#f8fbfa;align-self:start;position:sticky;top:86px}
.demo-side-note h3{margin-bottom:8px}.demo-side-note p{font-size:13px;color:#5e7379}.demo-side-note details{border-top:1px solid #e1e9e7;padding:10px 0}.demo-side-note summary{cursor:pointer;font-weight:800;color:#355e63;font-size:13px}.demo-side-note details p{margin:8px 0 0}
.demo-help{border:1px solid #dfe8e6;border-radius:12px;background:#fff;margin-top:10px}.demo-help summary{cursor:pointer;padding:10px 12px;font-weight:800;color:#315b63}.demo-help[open] summary{border-bottom:1px solid #e7eeec}.demo-help-body{padding:12px;font-size:13px;color:#5f7379;line-height:1.6}
.demo-privacy{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:12px;background:#f2f7f6;border:1px solid #dbe7e4;color:#58716d;font-size:12px}.demo-privacy b{color:#2a5652}
.demo-footer{max-width:1240px;margin:0 auto;padding:0 22px 40px;color:#718187;font-size:12px}.demo-footer-inner{border-top:1px solid #dfe6e7;padding-top:18px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.demo-landing-hero{padding:48px 0 12px;text-align:center;max-width:920px;margin:0 auto}.demo-landing-hero h1{font-size:clamp(2.4rem,6vw,4.5rem)}.demo-landing-hero .demo-lead{margin-left:auto;margin-right:auto}
.demo-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.demo-choice{display:grid;gap:18px;padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);text-decoration:none;transition:.18s ease}.demo-choice:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.demo-choice .icon{width:52px;height:52px;border-radius:16px;background:#e9f3f1;color:#2e6866;display:grid;place-items:center;font-size:24px;font-weight:900}.demo-choice h2{margin:0}.demo-choice p{color:#5f737a;margin:0}.demo-choice strong{color:#245965}
.demo-three-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.demo-three-pillars article{padding:20px;border-radius:18px;border:1px solid var(--line);background:#fbfdfd}.demo-three-pillars strong{display:block;font-size:1.05rem;margin-bottom:5px}.demo-three-pillars span{color:#65787f;font-size:13px}
@media(max-width:980px){.demo-hero,.demo-split,.demo-prefill{grid-template-columns:1fr}.demo-side-note{position:static}.demo-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid.cols-3{grid-template-columns:1fr}.demo-structure{grid-template-columns:1fr}.demo-choice-grid{grid-template-columns:1fr}}
@media(max-width:760px){.demo-topbar-inner{align-items:flex-start}.demo-brand img{width:145px}.demo-top-actions{justify-content:flex-start}.demo-switch{order:3;width:100%;justify-content:space-between}.demo-page{padding:24px 15px 54px}.demo-hero-main{padding:26px}.demo-hero-side,.demo-section{padding:20px}.demo-grid.cols-2,.demo-grid.cols-4,.demo-three-pillars{grid-template-columns:1fr}.demo-workitem{grid-template-columns:1fr}.demo-workitem .action{justify-self:start}.demo-section-head{flex-direction:column}.demo-stepbar{grid-template-columns:repeat(7,minmax(132px,1fr))}.demo-table{min-width:680px}.demo-landing-hero{padding-top:28px}}
@media(max-width:520px){.demo-topbar-inner{padding:11px 14px;gap:10px}.demo-badge{display:none}.demo-brand img{width:132px}.demo-switch a{font-size:11px;padding:7px 9px}.demo-hero-main{padding:22px}.demo-hero-actions{display:grid}.demo-button{width:100%}.demo-section{border-radius:18px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-progress-meta{flex-direction:column;gap:3px}.demo-prefill-number strong{font-size:2.15rem}.demo-program dl{grid-template-columns:1fr}.demo-program dd{margin-bottom:5px}.demo-choice{padding:22px}}
/* utility classes kept in stylesheet so the demo can run with CSP style-src 'self' */
.demo-progress-fill-68{width:68%}
.demo-progress-fill-72{width:72%}
.demo-mt-12{margin-top:12px}
.demo-mt-14{margin-top:14px}
.demo-mt-24{margin-top:24px}
.demo-lead-compact{font-size:1rem}
.demo-kicker-on-dark{color:#a7d1ca}
.demo-button-invert{background:#fff!important;color:#123a4a!important}
.demo-button-outline-light{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}

/* v2: Kundenansichten Kompakt / Management */
.demo-customer-viewbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:15px 17px;border:1px solid #dbe5e8;border-radius:17px;background:#fff;box-shadow:var(--shadow-soft)}
.demo-customer-viewbar>div{display:grid;gap:2px}.demo-customer-viewbar strong{color:#244a53;font-size:14px}.demo-customer-viewbar>div>span{font-size:12px;color:#6a7c82}
.demo-view-switch{display:flex;gap:5px;padding:4px;border:1px solid #d7e3e2;border-radius:12px;background:#f4f8f7;flex:0 0 auto}
.demo-view-switch a{text-decoration:none;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:850;color:#536b70;white-space:nowrap}
.demo-view-switch a.is-active{background:var(--navy);color:#fff;box-shadow:0 5px 14px rgba(18,58,74,.14)}
.demo-management-hint{display:grid;gap:3px;margin-top:15px;padding:13px 14px;border-radius:12px;background:#f4f8fa;border:1px solid #d8e5ea;text-decoration:none;color:#315c69}
.demo-management-hint strong{font-size:13px}.demo-management-hint span{font-size:12px;line-height:1.5;color:#60767d}
.demo-management-hint:hover{border-color:#aac7ce;background:#f0f7f8}
.demo-management-hero .demo-hero-main{background:linear-gradient(145deg,#fff 48%,#eaf3f5)}
.demo-management-kpis h2{font-size:1.75rem;margin:4px 0 1px;color:#173f48}
.demo-portfolio-table{min-width:1040px}
.demo-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.demo-capability-grid article{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfdfd;display:grid;gap:4px}
.demo-capability-grid strong{font-size:13px;color:#244a52}.demo-capability-grid span{font-size:12px;color:#6b7d83;line-height:1.5}
@media(max-width:980px){.demo-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.demo-customer-viewbar{align-items:stretch;flex-direction:column}.demo-view-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.demo-view-switch a{text-align:center}.demo-capability-grid{grid-template-columns:1fr}}
@media(max-width:520px){.demo-customer-viewbar{padding:13px}.demo-view-switch{grid-template-columns:1fr}.demo-management-kpis{grid-template-columns:1fr!important}}


/* v3: vertiefter Finanzierungsvergleich */
.demo-finance-note{padding:12px 14px;border:1px solid #d8e5e8;border-radius:12px;background:#f5f9fa;color:#5c7279;font-size:12px;line-height:1.55}.demo-finance-note strong{color:#2b5661}.demo-finance-table{min-width:980px}.demo-finance-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-finance-detail{padding:0;overflow:hidden}.demo-finance-detail summary{list-style:none;cursor:pointer;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.demo-finance-detail summary::-webkit-details-marker{display:none}.demo-finance-detail summary>span:first-child{display:grid;gap:3px}.demo-finance-detail summary small{color:#73868c;font-weight:600}.demo-finance-detail[open] summary{border-bottom:1px solid #e5ecec;background:#fbfdfd}.demo-finance-detail-body{padding:4px 16px 14px}.demo-finance-detail-grid>.demo-card h3{font-size:1rem}.demo-finance-detail-grid .demo-list-row{font-size:12px}
@media(max-width:980px){.demo-finance-detail-grid{grid-template-columns:1fr}.demo-finance-table{min-width:920px}}


/* v4: echte Demo-Unterseiten für Antragsvorbereitung und Management-Report */
.demo-text-link{display:inline-block;margin-top:12px;color:#235a67;font-size:12px;font-weight:850;text-decoration:none}.demo-text-link:hover{text-decoration:underline}
.demo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-field{padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#fbfdfd;display:grid;gap:4px}.demo-field.wide{grid-column:1/-1}.demo-field span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#718188}.demo-field strong{font-size:13px;color:#244a52;line-height:1.55}.demo-field small{font-size:11px;color:#7b8c91}.demo-field-edit{margin-top:12px;background:#fffdf7;border-color:#eadfbf}
.demo-application-sheet{border:1px solid #cfdcdf;border-radius:18px;background:#fff;padding:22px;box-shadow:0 14px 36px rgba(17,51,65,.06)}.demo-application-head{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid #e3ebec;padding-bottom:14px;margin-bottom:16px}.demo-application-head h3{font-size:1.35rem}.demo-application-head>span{font-size:12px;color:#74868c}.demo-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-application-grid>div{padding:12px;border:1px solid #e0e8e9;border-radius:11px;display:grid;gap:4px}.demo-application-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#76888e;font-weight:850}.demo-application-grid strong{font-size:12px;color:#274a52}
.demo-number-list{margin:10px 0 0;padding-left:20px;color:#536a71;font-size:13px;display:grid;gap:8px}.demo-report-preview{border:1px solid #d4e0e2;border-radius:17px;background:linear-gradient(145deg,#fff,#f7fafb);padding:18px}.demo-report-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.demo-report-preview-head h3{font-size:1.3rem;margin-bottom:3px}.demo-report-preview-head p{font-size:12px;color:#72858b;margin:0}
.demo-report-page{background:#eef3f4}.demo-report-shell{max-width:1180px;margin:0 auto;padding:34px 22px 70px}.demo-report-cover{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:38px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:end}.demo-report-cover img{width:170px;margin-bottom:34px}.demo-report-cover h1{font-size:clamp(2.4rem,5vw,4rem);max-width:760px}.demo-report-meta{display:grid;gap:1px;border:1px solid #dbe5e8;border-radius:15px;overflow:hidden}.demo-report-meta>div{display:flex;justify-content:space-between;gap:18px;padding:11px 13px;background:#f8fbfb;border-bottom:1px solid #e3eaeb}.demo-report-meta>div:last-child{border-bottom:0}.demo-report-meta span{font-size:11px;color:#6f8288}.demo-report-meta strong{font-size:12px;color:#294c54;text-align:right}
.demo-report-section{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft);padding:26px}.demo-report-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.demo-report-title>div{display:flex;gap:14px;align-items:flex-start}.demo-report-title>div>span{width:34px;height:34px;border-radius:10px;background:#e9f2f1;color:#2d6462;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.demo-report-title h2{margin-bottom:0}.demo-report-conclusion{margin-top:14px;padding:16px 18px;border-left:4px solid var(--petrol);background:#f2f8f6;border-radius:0 12px 12px 0;color:#405d62;font-size:13px}.demo-report-conclusion strong{display:block;color:#1f4b4e;margin-bottom:7px}.demo-report-conclusion ol{margin:0;padding-left:19px;display:grid;gap:5px}.demo-report-table{min-width:1080px}
.demo-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-risk{border:1px solid #dfe7e8;border-radius:14px;padding:16px;background:#fbfdfd}.demo-risk>span{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em;margin-bottom:9px}.demo-risk h3{font-size:1rem}.demo-risk p{font-size:12px;color:#667b81;margin:0}.demo-risk.high{border-color:#e3b9ad;background:#fff8f5}.demo-risk.high>span{background:#f7ddd5;color:#8d4637}.demo-risk.medium{border-color:#eadfbf;background:#fffcf4}.demo-risk.medium>span{background:#fbf0d3;color:#826324}.demo-risk.low{border-color:#d4e6dd;background:#f7fbf8}.demo-risk.low>span{background:#e4f1e9;color:#2f684c}
.demo-decision-board{display:grid;gap:9px}.demo-decision-board article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:13px;align-items:start;padding:14px;border:1px solid #dfe7e8;border-radius:13px}.demo-decision-board article>span{width:32px;height:32px;border-radius:9px;background:#eaf3f2;color:#306564;display:grid;place-items:center;font-size:11px;font-weight:900}.demo-decision-board article strong{color:#244952}.demo-decision-board article p{margin:3px 0 0;font-size:12px;color:#65787f}.demo-decision-board article>b{font-size:11px;color:#7b6a3d;background:#fff6df;border-radius:999px;padding:5px 8px;white-space:nowrap}.demo-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-timeline article{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fbfdfd}.demo-timeline b{display:block;color:#254e57;margin-bottom:5px}.demo-timeline span{font-size:12px;color:#687d83}.demo-report-end{background:linear-gradient(145deg,#123a4a,#1b5a63);color:#fff;border:0}.demo-report-end h2{color:#fff}.demo-report-end p{color:#d7e6e4}
@media(max-width:980px){.demo-report-cover{grid-template-columns:1fr}.demo-form-grid,.demo-application-grid{grid-template-columns:1fr}.demo-field.wide{grid-column:auto}.demo-risk-grid{grid-template-columns:1fr}.demo-timeline{grid-template-columns:1fr}}
@media(max-width:760px){.demo-report-shell{padding:22px 14px 50px}.demo-report-cover,.demo-report-section{padding:20px}.demo-report-title,.demo-report-preview-head,.demo-application-head{flex-direction:column}.demo-decision-board article{grid-template-columns:36px minmax(0,1fr)}.demo-decision-board article>b{grid-column:2;justify-self:start}}
@media print{body.demo-report-page{background:#fff}.demo-no-print{display:none!important}.demo-report-shell{max-width:none;padding:0}.demo-report-cover,.demo-report-section{box-shadow:none;border-color:#d7dfe1;break-inside:avoid}.demo-report-section{margin-top:12px}.demo-table-wrap{overflow:visible}.demo-report-table,.demo-table{min-width:0;font-size:10px}.demo-report-cover{border-radius:0}.demo-report-section{border-radius:0}}


/* v5 FINAL: Präsentationsführung, Statuslogik und Entscheidungsreife */
.demo-guided-overview{background:linear-gradient(145deg,#f7fbfa,#fff)}.demo-guided-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.demo-guided-steps a{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:.18s ease}.demo-guided-steps a:hover{transform:translateY(-1px);border-color:#8eb8b5;box-shadow:var(--shadow-soft)}.demo-guided-steps b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e8f2f1;color:#245e5c}.demo-guided-steps span{display:grid;gap:3px}.demo-guided-steps small{color:#74868c;font-size:10px;line-height:1.35}
.demo-status-legend{max-width:1180px;margin:-2px auto 18px;padding:0 22px}.demo-status-legend>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:10px 13px;border:1px solid #d9e4e5;border-radius:12px;background:#f8fbfb;color:#677b81;font-size:10px}.demo-status-legend strong{color:#35575f}.demo-status-legend span{display:inline-flex;align-items:center;gap:5px}.demo-status-legend i{width:8px;height:8px;border-radius:50%;background:#a7b7bb}.demo-status-legend .potential{background:#d1a94e}.demo-status-legend .checked{background:#44857b}.demo-status-legend .applied{background:#587b9b}.demo-status-legend .approved{background:#4f8c61}.demo-status-legend .binding{background:#263e50}
.demo-decision-strip{margin:0 0 18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-soft)}.demo-decision-strip-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.demo-decision-strip-head h2{font-size:1.25rem;margin:0}.demo-decision-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-decision-strip-grid a{padding:13px 14px;border:1px solid #dce6e7;border-radius:13px;text-decoration:none;color:inherit;background:#fbfdfd;display:grid;gap:3px}.demo-decision-strip-grid a:hover{border-color:#87b0ae}.demo-decision-strip-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#72858b}.demo-decision-strip-grid strong{font-size:12px;color:#244c55}.demo-decision-strip-grid small{font-size:10px;color:#72858b;line-height:1.4}
.demo-finance-decision{border:1px solid #cfdfdf;border-radius:16px;padding:17px;background:linear-gradient(145deg,#f7fbfa,#fff)}.demo-finance-decision h3{font-size:1.12rem}.demo-finance-decision>div:first-child p:last-child{font-size:12px;color:#667b81}.demo-finance-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.demo-finance-decision-grid article{padding:12px;border:1px solid #dbe5e6;border-radius:12px;background:#fff;display:grid;gap:4px}.demo-finance-decision-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:#74868c}.demo-finance-decision-grid strong{font-size:12px;color:#244d56}.demo-finance-decision-grid small{font-size:10px;color:#71848a}
.demo-coverage-wrap{border-top:1px solid #e2e9ea;padding-top:14px}.demo-section-head.compact{margin-bottom:10px}.demo-section-head.compact h3{margin:0;font-size:1.05rem}.demo-coverage-table td:not(:first-child),.demo-coverage-table th:not(:first-child){text-align:center}
.demo-org-path{margin:0 0 18px;padding:12px 16px;border:1px solid #d9e4e5;border-radius:14px;background:#f8fbfb;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#64797f}.demo-org-path b{color:#9aabad}.demo-org-path strong{color:#204b54}.demo-org-path small{width:100%;margin-top:2px;color:#809096}.demo-drilldown{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #d3e1e2;border-radius:14px;background:#f8fbfb;padding:15px}.demo-drilldown h3{font-size:1rem;margin:0}.demo-drilldown p{font-size:11px;color:#6b7f85;margin:4px 0 0}.demo-drilldown-links{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}.demo-drilldown-links a{font-size:10px;font-weight:850;color:#255f66;text-decoration:none}.demo-drilldown-links a:hover{text-decoration:underline}
.demo-proof{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed #dbe5e6;color:#6d8288;font-size:10px;line-height:1.4}.demo-visibility-bridge{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 14px;border:1px solid #d4e3df;border-radius:13px;background:#f5faf8}.demo-visibility-bridge>div{display:grid;gap:2px}.demo-visibility-bridge strong{font-size:11px;color:#2f5e57}.demo-visibility-bridge span{font-size:10px;color:#6e8287}.demo-visibility-bridge a{font-size:10px;font-weight:900;color:#245f64;text-decoration:none;white-space:nowrap}
.demo-efficiency-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.demo-efficiency-proof article{padding:10px 12px;border:1px solid #dce6e7;border-radius:11px;background:#fff;display:flex;gap:8px;align-items:center}.demo-efficiency-proof strong{font-size:1.4rem;color:#275e60}.demo-efficiency-proof span{font-size:10px;color:#667b81;line-height:1.35}.demo-before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:0 0 18px}.demo-before-after>div{padding:14px;border:1px solid #e1e7e8;border-radius:13px;background:#fff}.demo-before-after>div.after{border-color:#c8ded9;background:#f4faf7}.demo-before-after span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#76898f;margin-bottom:4px}.demo-before-after strong{font-size:11px;color:#33565e;line-height:1.5}.demo-before-after>b{color:#7d9197}
.demo-status-explainer{display:flex;flex-wrap:wrap;gap:8px 14px;padding:12px 14px;border:1px solid #dae5e6;border-radius:12px;background:#f8fbfb;color:#6d8187;font-size:10px}.demo-status-explainer strong{color:#31565e}
@media(max-width:980px){.demo-guided-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-decision-strip-grid,.demo-finance-decision-grid{grid-template-columns:1fr}.demo-drilldown{align-items:flex-start;flex-direction:column}.demo-efficiency-proof{grid-template-columns:1fr}.demo-before-after{grid-template-columns:1fr}.demo-before-after>b{transform:rotate(90deg);justify-self:center}}
@media(max-width:640px){.demo-guided-steps{grid-template-columns:1fr}.demo-status-legend{padding:0 14px}.demo-decision-strip-head{flex-direction:column}.demo-visibility-bridge{align-items:flex-start;flex-direction:column}.demo-org-path{align-items:flex-start}.demo-coverage-table{min-width:620px}}


/* v6 FINAL POLISH: mobile, program-card alignment, print and accessible demo actions */
.demo-grid>*{min-width:0}
.demo-section,.demo-hero-main,.demo-hero-side,.demo-card{min-width:0}
.demo-program{grid-template-rows:auto minmax(88px,auto) 1fr auto;align-content:stretch}
.demo-program-top{min-height:76px}
.demo-program .why{min-height:88px;display:flex;flex-direction:column;justify-content:center}
.demo-program dl{align-content:start}
.demo-program .demo-help{margin-top:auto}
.demo-program .demo-help summary{min-height:42px;display:flex;align-items:center}
.demo-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
.demo-button[aria-disabled="true"]{opacity:.72;cursor:default;transform:none}
button.demo-button{appearance:none;-webkit-appearance:none}
.demo-action-toast{position:fixed;right:22px;bottom:22px;z-index:120;max-width:390px;padding:14px 16px;border-radius:14px;background:#123a4a;color:#fff;box-shadow:0 16px 45px rgba(15,42,52,.28);font-size:13px;line-height:1.5;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease}
.demo-action-toast.is-visible{opacity:1;transform:translateY(0)}
.demo-action-toast strong{display:block;margin-bottom:3px}
.demo-label{font-size:11px}
.demo-guided-steps small,.demo-decision-strip-grid span,.demo-finance-decision-grid span,.demo-finance-decision-grid small,.demo-status-legend>div,.demo-status-explainer,.demo-proof,.demo-visibility-bridge span,.demo-visibility-bridge a,.demo-efficiency-proof span,.demo-before-after span,.demo-drilldown-links a{font-size:11px}

@media(max-width:760px){
  .demo-topbar-inner{flex-wrap:wrap;width:100%}
  .demo-top-actions{width:100%;min-width:0;justify-content:flex-start}
  .demo-switch{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:14px}
  .demo-switch a{white-space:normal;text-align:center;line-height:1.25}
  .demo-program-top{min-height:0}
  .demo-program .why{min-height:0}
  .demo-pill{white-space:normal;text-align:center;justify-content:center}
  .demo-table-wrap{overflow-x:auto;overscroll-behavior-inline:contain}
  .demo-action-toast{left:14px;right:14px;bottom:14px;max-width:none}
}
@media(max-width:520px){
  .demo-switch{grid-template-columns:1fr}
  .demo-top-actions{gap:6px}
  .demo-page{overflow-x:hidden}
  .demo-finance-detail summary{align-items:flex-start}
  .demo-finance-detail summary .demo-pill{max-width:42%}
}

@page{size:A4 landscape;margin:10mm}
@media print{
  html,body{font-size:10pt}
  .demo-report-cover{break-after:page}
  .demo-report-shell{width:100%;max-width:none!important;padding:0!important}
  .demo-report-cover,.demo-report-section{padding:8mm!important;margin:0 0 5mm!important;break-inside:avoid-page}
  .demo-report-table,.demo-report-section .demo-table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:8.5pt!important}
  .demo-report-table th,.demo-report-table td,.demo-report-section .demo-table th,.demo-report-section .demo-table td{padding:4px 5px!important;overflow-wrap:anywhere;word-break:normal}
  .demo-report-table th,.demo-report-section .demo-table th{font-size:7.5pt!important}
  .demo-report-section h2{font-size:18pt!important}
  .demo-report-cover h1{font-size:28pt!important}
  .demo-report-meta span,.demo-report-meta strong{font-size:9pt!important}
}