:root{--ink:#0c2118;--ink2:#143629;--green900:#071e15;--green800:#0e3425;--green700:#15573c;--green:#1a9b61;--mint:#eef8f2;--mint2:#f7fcf9;--cream:#fbf7ee;--gold:#d89a1f;--gold2:#fff1c6;--muted:#60756a;--line:#dce9e2;--white:#fff;--shadow:0 24px 70px rgba(12,33,24,.12);--shadow2:0 12px 32px rgba(12,33,24,.08);--radius:28px;--max:1180px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:linear-gradient(180deg,#f7fcf9 0%,#fff 64%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 7%,rgba(26,155,97,.13),transparent 25%),radial-gradient(circle at 92% 8%,rgba(216,154,31,.11),transparent 22%),radial-gradient(circle at 70% 68%,rgba(21,87,60,.08),transparent 25%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 38px));margin:auto}.section{padding:78px 0}.section-sm{padding:52px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:8px 12px;background:var(--mint);border:1px solid #cfe7da;color:var(--green700);font-size:13px;font-weight:950}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(26,155,97,.12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:0 19px;border-radius:999px;border:1px solid rgba(12,33,24,.13);background:#fff;color:var(--ink);font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(12,33,24,.06);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(12,33,24,.10)}.btn.primary{background:var(--green800);border-color:var(--green800);color:#fff;box-shadow:0 17px 34px rgba(14,52,37,.22)}.btn.primary:hover{background:var(--green700)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#181207}.btn.light{background:#fff;color:var(--ink)}

    header{position:sticky;top:0;z-index:80;background:rgba(247,252,249,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(12,33,24,.08)}.nav{height:75px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:1000;letter-spacing:-.03em}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green800),var(--green));color:#fff;box-shadow:0 12px 30px rgba(14,52,37,.22)}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.01em;margin-top:2px}.nav-links{display:flex;align-items:center;gap:23px;color:#3b574a;font-size:14px;font-weight:850}.nav-links a:hover{color:var(--green700)}.nav-actions{display:flex;gap:10px;align-items:center}

    .hero{padding:76px 0 56px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center}.hero h1{margin:20px 0 18px;font-size:clamp(42px,6.5vw,76px);line-height:.94;letter-spacing:-.065em;color:var(--ink)}.hero h1 span{color:var(--green700)}.lead{font-size:clamp(17px,1.75vw,21px);line-height:1.58;color:#51665c;margin:0 0 27px;max-width:730px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:21px}.trust{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 12px;background:#fff;border:1px solid var(--line);box-shadow:0 9px 20px rgba(12,33,24,.04);color:#3d574b;font-size:13px;font-weight:900}.check{color:var(--green);font-weight:1000}.hero-note{margin-top:18px;color:#687d72;font-size:13px;line-height:1.55;max-width:650px}

    .dash{position:relative;border-radius:36px;background:#fff;border:1px solid rgba(12,33,24,.1);box-shadow:var(--shadow);padding:22px;overflow:hidden}.dash:before{content:"";position:absolute;inset:0 0 auto 0;height:178px;background:linear-gradient(135deg,var(--green900),var(--green700) 68%,#7c641d)}.dash-top,.dash-grid,.solar-card,.dash-list{position:relative;z-index:1}.dash-top{display:flex;justify-content:space-between;align-items:flex-start;color:#fff;margin-bottom:18px}.dash-top h3{font-size:22px;margin:0;letter-spacing:-.03em}.dash-top p{margin:6px 0 0;color:#c7e4d6;font-size:13px}.live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);font-size:12px;font-weight:950}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-metric{padding:17px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid rgba(12,33,24,.08);box-shadow:0 15px 30px rgba(12,33,24,.10)}.dash-metric small{display:block;color:var(--muted);font-weight:850}.dash-metric b{display:block;font-size:31px;letter-spacing:-.055em;margin-top:5px}.solar-card{margin-top:14px;border-radius:24px;background:#fff;border:1px solid rgba(12,33,24,.08);padding:16px;box-shadow:0 15px 30px rgba(12,33,24,.08)}.roof{height:168px;border-radius:20px;background:linear-gradient(135deg,#edf3ee,#d8e7dd 47%,#fff3ce);position:relative;overflow:hidden}.roof:before{content:"";position:absolute;inset:28px 48px 32px 34px;transform:perspective(660px) rotateX(54deg) rotateZ(-9deg);border-radius:18px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 2px,transparent 2px 44px),repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 2px,transparent 2px 38px),linear-gradient(135deg,#143653,#091827);box-shadow:0 20px 34px rgba(12,33,24,.23)}.roof:after{content:"";position:absolute;right:25px;top:24px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#fff8d7 0 20%,#e4aa37 21% 58%,rgba(228,170,55,.20) 59%)}.dash-list{margin-top:14px;border-radius:20px;background:#fff;border:1px solid rgba(12,33,24,.08);overflow:hidden}.dash-row{display:grid;grid-template-columns:.7fr 1fr 1.15fr .8fr;gap:10px;padding:12px 14px;border-top:1px solid #edf3ef;color:#32483d;font-size:13px}.dash-row:first-child{border-top:0;background:#f6faf7;color:#688077;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.tag{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;background:var(--mint);color:var(--green700);font-size:11px;font-weight:950}

    .logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.logo-card{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2);display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:13px;background:var(--mint);color:var(--green700);display:grid;place-items:center;font-weight:1000}.logo-card b{display:block;font-size:14px}.logo-card span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.metric{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.metric b{display:block;font-size:clamp(30px,4vw,45px);letter-spacing:-.06em}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:850;margin-top:8px;line-height:1.35}.section-head{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:30px}.section-head h2{font-size:clamp(32px,4.7vw,56px);line-height:1;letter-spacing:-.058em;margin:13px 0 0}.section-head p{max-width:480px;margin:0;color:var(--muted);line-height:1.7}

    .calculator{background:linear-gradient(180deg,#0b261b,#103523);color:#fff;border-radius:46px;width:min(1240px,calc(100% - 24px));margin:28px auto;box-shadow:0 32px 80px rgba(12,33,24,.22);overflow:hidden}.calculator .section-head h2{color:#fff}.calculator .section-head p{color:#c5ded1}.calc-wrap{display:grid;grid-template-columns:.97fr 1.03fr;gap:20px;align-items:start}.calc-card,.result-card{border-radius:30px;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 60px rgba(0,0,0,.16);backdrop-filter:blur(12px)}.calc-card{padding:26px}.step-label{color:#b8f3d0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.progress{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:16px 0 24px}.progress span{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff,var(--gold),#7fdfa1);transition:.25s}.calc-title{font-size:30px;line-height:1.08;letter-spacing:-.045em;margin:0 0 10px}.calc-copy{margin:0 0 18px;color:#c8ded4;line-height:1.55}.options{display:grid;gap:12px}.option{width:100%;display:flex;gap:13px;align-items:flex-start;text-align:left;padding:17px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:.18s}.option:hover,.option.active{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.36);transform:translateY(-1px)}.option-icon{width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-weight:1000}.option b{display:block}.option span span{display:block;color:#c8ded4;font-size:13px;line-height:1.4;margin-top:4px}.range-box{padding:18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.range-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.range-line b{font-size:24px}.range-box input[type=range]{width:100%;accent-color:#93e5b0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:900;color:#d4eadf}.field input,.field select,.field textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);color:#fff;padding:12px 13px;outline:none}.field input::placeholder,.field textarea::placeholder{color:#a8c0b5}.field select option{color:#11251b;background:#fff}.nav-btns{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.hidden{display:none!important}.result-card{padding:26px;position:sticky;top:98px}.score{padding:22px;border-radius:24px;background:#fff;color:var(--ink);margin-bottom:14px}.score small{display:block;color:var(--muted);font-weight:900}.score-line{display:flex;justify-content:space-between;gap:18px;align-items:end}.score-line b{font-size:44px;letter-spacing:-.065em}.score-label{display:inline-flex;border-radius:999px;padding:8px 10px;background:var(--mint);color:var(--green700);font-size:12px;font-weight:950}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-item{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.result-item small{display:block;color:#c7ddd2;font-weight:850}.result-item b{display:block;margin-top:7px;font-size:24px;letter-spacing:-.04em;color:#fff}.advice{margin-top:14px;padding:17px;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);color:#dcefe6;line-height:1.55}.advice strong{color:#fff}.fineprint{font-size:12px;color:#b6cec2;line-height:1.55;margin:14px 0 0}

    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.card .num{width:43px;height:43px;border-radius:14px;background:var(--mint);color:var(--green700);display:grid;place-items:center;font-weight:1000;margin-bottom:20px}.card h3{font-size:24px;letter-spacing:-.035em;margin:0 0 9px}.card p{margin:0;color:var(--muted);line-height:1.65}.card ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px;color:#334e42;font-size:14px;font-weight:800}.card li:before{content:"✓";color:var(--green);font-weight:1000;margin-right:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:30px;border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.panel.dark{background:var(--green900);color:#fff;border-color:transparent}.panel h3{font-size:30px;letter-spacing:-.045em;margin:0 0 12px}.panel p{margin:0;color:#5f7469;line-height:1.7}.panel.dark p{color:#c2dacf}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.case-stat{padding:16px;border-radius:18px;background:#f6faf7;border:1px solid #e4eee8}.panel.dark .case-stat{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12)}.case-stat b{display:block;font-size:28px;letter-spacing:-.045em}.panel.dark .case-stat b{color:#fff}.case-stat span{display:block;color:var(--muted);font-size:12px;font-weight:850;margin-top:5px}.panel.dark .case-stat span{color:#bfd7cc}.report-visual{height:315px;border-radius:28px;background:linear-gradient(135deg,#f0f5f1,#dbe8e0);border:1px solid #d4e3da;padding:20px;display:grid;align-content:end;gap:12px}.bar{height:14px;border-radius:999px;background:#dce8e0;overflow:hidden}.bar span{display:block;height:100%;background:var(--green700);border-radius:inherit}.bar:nth-child(2) span{width:76%}.bar:nth-child(3) span{width:58%;background:var(--gold)}.bar:nth-child(4) span{width:88%}.quote{margin-top:18px;border-left:3px solid var(--green);padding-left:18px;color:#314b3f;line-height:1.7}.panel.dark .quote{color:#dcefe6}.comparison{overflow:hidden;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.comp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-top:1px solid #edf3ef}.comp-row:first-child{border-top:0;background:#f5faf7;font-weight:1000}.comp-row div{padding:18px}.comp-row div:nth-child(3){background:#f2fbf6;color:var(--green700);font-weight:900}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:p}.process-step{position:relative;min-height:220px;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.process-step:before{counter-increment:p;content:counter(p);width:44px;height:44px;border-radius:14px;background:var(--green800);color:#fff;display:grid;place-items:center;font-weight:1000;margin-bottom:32px}.process-step:after{content:"";position:absolute;left:24px;top:84px;width:1px;height:32px;background:linear-gradient(var(--green),transparent)}.process-step h3{font-size:21px;letter-spacing:-.03em;margin:0 0 9px}.process-step p{margin:0;color:var(--muted);line-height:1.6}.regions{padding:32px;border-radius:34px;background:linear-gradient(135deg,#fff,#eff8f2);border:1px solid var(--line);box-shadow:var(--shadow2)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip{padding:10px 13px;border-radius:999px;background:#fff;border:1px solid #dcebe3;color:#40584d;font-size:13px;font-weight:850}.lead-table{overflow:hidden;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.lead-row,.lead-head{display:grid;grid-template-columns:.8fr 1fr 1.3fr 1.2fr .9fr;gap:12px;padding:14px 18px;align-items:center;border-top:1px solid #edf3ef;color:#365247;font-size:14px}.lead-head{border-top:0;background:#f5faf7;color:#63786e;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:1000}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.contact-copy{padding:38px;border-radius:34px;background:var(--green900);color:#fff;box-shadow:var(--shadow)}.contact-copy h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.06em;margin:12px 0 14px}.contact-copy p{color:#c4dacf;line-height:1.68;margin:0}.contact-list{display:grid;gap:13px;margin-top:24px}.contact-list div{display:flex;gap:11px;font-weight:850}.form{padding:28px;border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.form .field label{color:#385247}.form .field input,.form .field select,.form .field textarea{background:#f8fbf9;border-color:#dce9e2;color:var(--ink)}.form .field input::placeholder,.form .field textarea::placeholder{color:#8aa096}.consent{display:flex;gap:10px;align-items:flex-start;color:#66786f;font-size:12px;line-height:1.45;margin:14px 0}.consent input{margin-top:2px}.success{padding:15px;border-radius:18px;background:var(--mint);color:var(--green700);font-weight:900;margin-top:12px}.faq{display:grid;gap:12px}.faq details{border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(12,33,24,.04);overflow:hidden}.faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:20px 22px;font-weight:950}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;color:var(--green700)}.faq details[open] summary:after{content:"–"}.faq p{margin:0;padding:0 22px 22px;color:var(--muted);line-height:1.65}

    footer{padding:60px 0 34px;background:#071b13;color:#c2d8cc;margin-top:70px}.footer-grid{display:grid;grid-template-columns:1.25fr .95fr .8fr .8fr;gap:28px}.footer-grid h4{color:#fff;margin:0 0 13px}.footer-grid p,.footer-grid a{color:#c2d8cc;line-height:1.72}.footer-grid .brand{color:#fff}.legal-box{margin-top:22px;padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px;line-height:1.62}.subfooter{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8eaaa0}.cookie{position:fixed;left:18px;bottom:18px;z-index:90;max-width:420px;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.cookie p{margin:0 0 13px;color:#536b5f;line-height:1.5;font-size:14px}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap}.cookie .btn{min-height:40px;padding:0 14px;font-size:13px}.sticky-mobile{display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:80}.sticky-mobile .btn{width:100%;box-shadow:0 16px 40px rgba(12,33,24,.2)}

    @media(max-width:980px){.nav-links{display:none}.hero-grid,.calc-wrap,.split,.contact{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:14px}.logo-row,.metrics{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.result-card{position:relative;top:auto}.footer-grid{grid-template-columns:1fr 1fr}.calculator{border-radius:30px}.lead-row,.lead-head{grid-template-columns:1fr 1fr}.lead-row div:nth-child(3),.lead-row div:nth-child(4),.lead-head div:nth-child(3),.lead-head div:nth-child(4){display:none}}
    @media(max-width:640px){.container{width:min(var(--max),calc(100% - 26px))}.nav{height:66px}.brand small{display:none}.nav-actions .btn:not(.primary){display:none}.hero{padding-top:50px}.hero h1{font-size:44px}.hero-actions .btn{width:100%}.trust{display:grid}.dash,.calc-card,.result-card,.panel,.contact-copy,.form,.regions{padding:22px;border-radius:24px}.dash-grid,.logo-row,.metrics,.cards,.process,.case-stats,.result-grid,.fields{grid-template-columns:1fr}.section{padding:58px 0}.calculator{width:calc(100% - 14px);border-radius:24px;margin:12px auto}.comp-row{grid-template-columns:1fr}.comp-row:first-child{display:none}.comp-row div{padding:13px 16px}.comp-row div:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#82978d;font-weight:1000;margin-bottom:4px}.lead-head{display:none}.lead-row{grid-template-columns:1fr;gap:6px}.lead-row div:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#82978d;font-weight:1000;margin-bottom:2px}.footer-grid{grid-template-columns:1fr}.cookie{left:12px;right:12px;bottom:80px;max-width:none}.sticky-mobile{display:block}.form .btn{width:100%}}


/* === BLUE PERFORMANCE REDESIGN v2 ===
   Sichtbare Überarbeitung: Navy/Blau statt Grün, stärkerer Hero, mehr Tiefe, bessere Formen.
*/
:root{
  --ink:#07182d;
  --ink2:#102842;
  --green900:#04172b;
  --green800:#0a315a;
  --green700:#0c5fa5;
  --green:#168bd8;
  --mint:#eaf6ff;
  --mint2:#f5fbff;
  --cream:#f7faff;
  --gold:#d9a42e;
  --gold2:#fff2c9;
  --muted:#5d7188;
  --line:#d7e8f6;
}
body{background:linear-gradient(180deg,#f3f9ff 0%,#ffffff 58%,#f8fbff 100%);color:var(--ink)}
body:before{background:radial-gradient(circle at 8% 7%,rgba(22,139,216,.18),transparent 25%),radial-gradient(circle at 88% 4%,rgba(56,189,248,.16),transparent 24%),radial-gradient(circle at 72% 70%,rgba(12,95,165,.10),transparent 25%)}
header{background:rgba(4,23,43,.94)!important;border-bottom:1px solid rgba(255,255,255,.10)}
header .brand, header .brand small, header .nav-links, header .nav-links a{color:#eaf6ff!important}
header .nav-links a:hover{color:#ffffff!important}
header .btn:not(.primary){background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);color:#fff;box-shadow:none}
.brand-mark{background:linear-gradient(135deg,#0a315a,#168bd8)!important;box-shadow:0 14px 32px rgba(22,139,216,.28)}
.btn.primary{background:linear-gradient(135deg,#0a4f8e,#168bd8 70%,#38bdf8);border:0;color:#fff;box-shadow:0 18px 34px rgba(22,139,216,.27)}
.btn.primary:hover{background:linear-gradient(135deg,#0b5fa5,#1d9ee8 70%,#4fc3ff)}
.btn.gold{background:linear-gradient(135deg,#0c5fa5,#38bdf8);border:0;color:#fff;box-shadow:0 14px 30px rgba(56,189,248,.22)}
.eyebrow{background:#e8f5ff;border-color:#c6e5fb;color:#0c5fa5}
.dot{background:#38bdf8;box-shadow:0 0 0 5px rgba(56,189,248,.16)}
.hero{position:relative;width:min(1240px,calc(100% - 24px));margin:26px auto 0;padding:86px 0 66px;border-radius:52px;background:linear-gradient(135deg,#04172b 0%,#0a315a 46%,#0c5fa5 100%);color:#fff;box-shadow:0 38px 90px rgba(7,24,45,.24);overflow:hidden}
.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-170px;top:-230px;background:radial-gradient(circle,rgba(125,211,252,.34),transparent 64%);pointer-events:none}
.hero:after{content:"";position:absolute;left:-130px;bottom:-180px;width:420px;height:420px;border-radius:34% 66% 58% 42%;background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(255,255,255,.04));transform:rotate(-18deg);pointer-events:none}
.hero .container{position:relative;z-index:2}
.hero h1{color:#fff;text-shadow:0 16px 42px rgba(0,0,0,.18)}
.hero h1 span{color:#7dd3fc}
.hero .lead,.hero .hero-note{color:#d8ecfb}
.hero .eyebrow{background:rgba(125,211,252,.14);border-color:rgba(191,234,255,.28);color:#dff5ff}
.hero .pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#ecf8ff;box-shadow:none;backdrop-filter:blur(12px)}
.hero .check{color:#7dd3fc}
.dash{border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 80px rgba(0,0,0,.23)}
.dash:before{background:linear-gradient(135deg,#031326 0%,#0a315a 46%,#1595dc 100%)}
.dash-metric b{color:#07182d}
.roof{background:linear-gradient(135deg,#edf7ff,#dcecf8 48%,#fff4cf)}
.roof:before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 2px,transparent 2px 44px),repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 2px,transparent 2px 38px),linear-gradient(135deg,#092b4a,#031326)}
.logo-card,.metric,.card,.panel,.process-step,.regions,.lead-table,.form,.faq details{border-color:#d7e8f6;box-shadow:0 18px 44px rgba(7,24,45,.08)}
.avatar,.card .num,.tag,.score-label{background:#e8f5ff;color:#0c5fa5}
.metrics .metric:nth-child(1),.metrics .metric:nth-child(3){background:linear-gradient(180deg,#ffffff,#f2f9ff)}
.calculator{background:linear-gradient(135deg,#031326 0%,#061d36 45%,#0a4f8e 100%);box-shadow:0 36px 92px rgba(7,24,45,.28)}
.calculator .eyebrow{background:rgba(125,211,252,.14);border-color:rgba(191,234,255,.28);color:#dff5ff}
.calc-card,.result-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)}
.option:hover,.option.active{background:rgba(125,211,252,.15);border-color:rgba(125,211,252,.44)}
.progress span{background:linear-gradient(90deg,#e0f2fe,#38bdf8,#168bd8)}
.range-box input[type=range]{accent-color:#38bdf8}
.score{box-shadow:0 18px 42px rgba(0,0,0,.18)}
.panel.dark,.contact-copy{background:linear-gradient(135deg,#031326,#0a315a 60%,#0c5fa5);box-shadow:0 28px 72px rgba(7,24,45,.20)}
.case-stat{background:#f3f9ff;border-color:#d7e8f6}
.panel.dark .case-stat{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16)}
.report-visual{background:linear-gradient(135deg,#f1f8ff,#dbeefa);border-color:#c7e2f5}
.bar span{background:#0c5fa5}
.comparison{box-shadow:0 18px 44px rgba(7,24,45,.08)}
.comp-row:first-child{background:#f2f9ff}.comp-row div:nth-child(3){background:#eaf6ff;color:#0c5fa5}
.process-step:before{background:linear-gradient(135deg,#0a315a,#168bd8)}
.process-step:after{background:linear-gradient(#38bdf8,transparent)}
.regions{background:linear-gradient(135deg,#fff,#eef8ff 62%,#e3f4ff)}
.chip{border-color:#cfe5f6;color:#24445f;background:#fff}
.footer-grid .brand-mark{background:linear-gradient(135deg,#0a315a,#168bd8)!important}
footer{background:#031326!important}
.cookie{border-color:#cfe5f6;box-shadow:0 24px 70px rgba(7,24,45,.16)}
@media(max-width:640px){.hero{width:calc(100% - 14px);border-radius:28px;padding-top:58px}.hero h1{font-size:43px}}

/* === REVISION AUS PV1.xlsx ===
   Umsetzung der Screenshot-Notizen: lesbarer Hero, Sekunden-Übergabe,
   Bild-/Logo-Platzhalter, bessere Auswertung, ausführlicher Vergleich,
   Prozess-Hover und detailliertere Lead-Tabelle.
*/
.hero.hero-with-bg{
  --hero-bg-image: linear-gradient(135deg,#04172b 0%,#0a315a 46%,#0c5fa5 100%);
  background-image:
    linear-gradient(135deg,rgba(4,23,43,.92) 0%,rgba(6,31,57,.86) 46%,rgba(12,95,165,.78) 100%),
    var(--hero-bg-image),
    linear-gradient(135deg,#04172b 0%,#0a315a 46%,#0c5fa5 100%)!important;
  background-size:cover,cover,cover!important;
  background-position:center!important;
}
.hero h1{
  font-size:clamp(36px,5.15vw,64px)!important;
  line-height:1.03!important;
  letter-spacing:-.046em!important;
  max-width:790px;
}
.hero .lead{max-width:690px;font-size:clamp(16px,1.52vw,20px)!important;line-height:1.62!important}
.hero-grid{gap:42px!important}

.compact-head{align-items:flex-start!important;margin-bottom:22px!important}
.partner-section{padding-top:48px!important}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:10px 0 18px}
.partner-card{position:relative;min-height:158px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 48px rgba(7,24,45,.13);background-image:var(--partner-bg-image);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:#fff;isolation:isolate;transition:transform .22s ease, box-shadow .22s ease}
.partner-card:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.10);z-index:-1}
.partner-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,23,43,.20),rgba(4,23,43,.68));z-index:-1}
.partner-card:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(7,24,45,.20)}
.partner-logo-slot{width:64px;height:40px;border-radius:14px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.65);color:#0a315a;display:grid;place-items:center;font-size:12px;font-weight:1000;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.partner-content b{display:block;font-size:16px;letter-spacing:-.025em}.partner-content span{display:block;color:#dbeeff;font-size:13px;margin-top:4px;line-height:1.35;font-weight:800}
.metrics{margin-top:18px!important}.metric b{letter-spacing:-.045em}

.results-split{align-items:stretch!important}.case-panel{position:relative;overflow:hidden}.case-logo-slot{width:116px;height:54px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);color:#0a315a;display:grid;place-items:center;font-size:12px;font-weight:1000;margin-bottom:20px;box-shadow:0 16px 34px rgba(0,0,0,.18)}
.report-panel{display:flex;flex-direction:column;gap:18px}.report-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.report-head h3{margin:8px 0 0}.report-badge{display:inline-flex;border-radius:999px;padding:8px 11px;background:#eaf6ff;color:#0c5fa5;font-size:12px;font-weight:1000;white-space:nowrap}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.report-kpis div{padding:14px;border-radius:18px;background:linear-gradient(180deg,#fff,#f2f9ff);border:1px solid #d7e8f6}.report-kpis small{display:block;color:#5d7188;font-size:11px;font-weight:900;line-height:1.2}.report-kpis b{display:block;margin-top:6px;font-size:24px;letter-spacing:-.05em;color:#07182d}.report-bars{display:grid;gap:13px;margin-top:2px}.report-bar{display:grid;gap:8px}.report-bar>div{display:flex;justify-content:space-between;gap:14px;align-items:center}.report-bar b{font-size:14px;color:#102842}.report-bar span{font-size:13px;font-weight:1000;color:#0c5fa5}.report-bar i{display:block;height:12px;border-radius:999px;background:#e7f2fb;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(12,95,165,.06)}.report-bar i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a315a,#168bd8 70%,#38bdf8)}

.why-section .section-head{align-items:flex-start!important}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.advantage-card{position:relative;overflow:hidden;padding:24px;border-radius:26px;background:#fff;border:1px solid #d7e8f6;box-shadow:0 18px 44px rgba(7,24,45,.08)}.advantage-card:before{content:"";position:absolute;right:-36px;top:-44px;width:128px;height:128px;border-radius:50%;background:rgba(22,139,216,.10)}.advantage-card>span{display:inline-flex;width:38px;height:38px;border-radius:13px;align-items:center;justify-content:center;background:#e8f5ff;color:#0c5fa5;font-weight:1000;margin-bottom:16px}.advantage-card h3{font-size:22px;letter-spacing:-.035em;margin:0 0 8px}.advantage-card p{margin:0;color:#5d7188;line-height:1.62}.comparison-extended .comp-row{grid-template-columns:.72fr 1fr 1.15fr}.comparison-extended .comp-row div{line-height:1.42}.comparison-extended .comp-row:first-child div{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000;color:#31506d}.comparison-extended .comp-row div:nth-child(3){font-weight:850}

.process-step{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;will-change:transform}.process-step:after{display:none!important}.process-step:hover{transform:translateY(-7px) scale(1.025);box-shadow:0 30px 70px rgba(7,24,45,.15);border-color:#a9d6f4}.process-step h3{position:relative;z-index:1}

.lead-table-detailed{overflow:hidden}.lead-table-detailed .lead-head,.lead-table-detailed .lead-row{grid-template-columns:.55fr .75fr 1.02fr 1.05fr .82fr 1fr .95fr 1.1fr .78fr}.lead-table-detailed .lead-head{font-size:10px}.lead-table-detailed .lead-row{font-size:12px}.lead-table-detailed .lead-row:nth-child(even){background:#fbfdff}.lead-table-detailed .lead-row div{min-width:0;overflow:hidden;text-overflow:ellipsis}.lead-examples-section .section-head p{max-width:560px}

@media(max-width:1100px){.partner-grid{grid-template-columns:repeat(2,1fr)}.report-kpis{grid-template-columns:repeat(2,1fr)}.advantage-grid{grid-template-columns:1fr}.comparison-extended .comp-row{grid-template-columns:1fr}.comparison-extended .comp-row:first-child{display:none}.comparison-extended .comp-row div:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8297ad;font-weight:1000;margin-bottom:5px}.lead-table-detailed .lead-head{display:none}.lead-table-detailed .lead-row{grid-template-columns:repeat(2,1fr);gap:8px}.lead-table-detailed .lead-row div:before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8297ad;font-weight:1000;margin-bottom:3px}}
@media(max-width:700px){.hero h1{font-size:clamp(36px,12vw,46px)!important}.partner-grid,.report-kpis,.lead-table-detailed .lead-row{grid-template-columns:1fr}.partner-card{min-height:145px}.case-logo-slot{width:104px;height:50px}.report-head{display:block}.report-badge{margin-top:10px}.comparison-extended .comp-row{margin-bottom:10px;border-radius:18px;overflow:hidden;border:1px solid #d7e8f6}.lead-table-detailed .lead-row{padding:15px!important}}
.partner-logo-slot img,.case-logo-slot img{max-width:82%;max-height:72%;display:block;object-fit:contain}