*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07131a;color:#f7f7f3;font-family:"DM Sans",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.header{position:fixed;z-index:100;top:0;left:0;right:0;height:78px;padding:0 max(4vw,25px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#061218dd,#06121800);backdrop-filter:blur(8px)}.logo{display:flex;align-items:center;gap:10px}.logo-orbit{width:34px;height:34px;border:1px solid #edc36f;border-radius:50%;display:grid;place-items:center;color:#edc36f}.logo b{display:block;font:800 20px/1 "Manrope"}.logo small{display:block;color:#edc36f;font-size:7px;letter-spacing:.2em}.nav{display:flex;align-items:center;gap:25px;font-size:12px;color:#d8dfdf}.nav a:hover{color:#f4d693}.pill,.btn{border:0;border-radius:999px;padding:13px 21px;font-weight:700;display:inline-flex;align-items:center;gap:12px}.pill,.gold{background:linear-gradient(100deg,#e8b85e,#f5d38d);color:#142027;box-shadow:0 10px 30px #e9b95e20}.hamburger{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:820px;position:relative;overflow:hidden;background:#07131a}.hero-art{position:absolute;inset:0;background:radial-gradient(circle at 73% 38%,#695a3e 0,#1a2b30 24%,#07131a 63%)}.hero-sun{position:absolute;width:150px;height:150px;border-radius:50%;right:30%;top:23%;background:#f2c66e;box-shadow:0 0 100px 35px #f2c66e50}.sky-grid{position:absolute;inset:0;background:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(#000,transparent 80%)}.horizon{position:absolute;left:-5%;right:-5%;bottom:-15%;height:40%;background:linear-gradient(165deg,#132a2b,#061219);border-radius:50% 50% 0 0}.hero-house{position:absolute;right:5%;bottom:13%;width:54%;height:53%;filter:drop-shadow(0 35px 35px #0008)}.roof{position:absolute;left:3%;top:0;width:88%;height:55%;background:#17282e;clip-path:polygon(5% 100%,52% 0,100% 100%)}.pv-panels{position:absolute;left:17%;top:10%;width:67%;height:35%;transform:skewX(-20deg);background:repeating-linear-gradient(90deg,#173a47 0 25px,#63808a 26px 27px),repeating-linear-gradient(0deg,#173a47 0 22px,#63808a 23px 24px);border:1px solid #8da2a3}.wall{position:absolute;right:6%;bottom:0;width:76%;height:56%;background:linear-gradient(90deg,#aeb2a8,#e0ddd0);border-radius:2px}.wall i{position:absolute;top:14%;left:8%;width:23%;height:60%;background:#16313b;border:3px solid #d7d4c7}.wall i:nth-child(2){left:35%}.wall .door{left:auto;right:9%;bottom:0;top:auto;width:17%;height:68%;background:#26383d}.hero-copy{position:relative;z-index:5;max-width:780px;padding:190px 6vw 80px}.kicker{font-size:10px;font-weight:800;letter-spacing:.25em;color:#e9b95e;margin:0 0 16px}.kicker.dark{color:#a67827}.hero h1{font:800 clamp(50px,6.7vw,90px)/.97 "Manrope";letter-spacing:-.065em;margin:0 0 26px}.hero em,h2 em{font-style:normal;color:#f3d58f}.lead{font-size:20px;color:#d5dddd;max-width:600px}.btn{cursor:pointer;transition:.25s transform,.25s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #e9b95e35}.hero-trust{display:flex;gap:34px;margin-top:70px}.hero-trust span{font-size:18px;font-weight:700}.hero-trust b{color:#e9b95e;font-size:19px;margin-right:8px}.hero-trust small{display:block;color:#8e9a9e;font-weight:400;margin-left:27px}.scroll{position:absolute;right:5%;bottom:30px;z-index:6;font-size:11px;color:#aab5b8}.section-dark{background:#07131a}.intro{padding:120px 6vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.intro h2,.quick h2,.process h2,.references h2,.about h2,.contact h2{font:800 clamp(36px,4vw,57px)/1.05 "Manrope";letter-spacing:-.055em;margin:0 0 25px}.intro-copy>p:not(.kicker),.quick-intro>p:not(.kicker),.center>p:not(.kicker),.section-head>p,.about-copy>p,.contact-copy>p{color:#9eabad}.arrow-link{display:inline-block;color:#f3d58f;font-weight:700;margin-top:20px;font-size:13px}.solution-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.solution{border:1px solid #fff1;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#10262f,#09171e);transition:.3s}.solution:hover{transform:translateY(-7px);border-color:#e9b95e66}.visual{height:290px;position:relative;overflow:hidden}.pv{background:radial-gradient(circle at 75% 20%,#e9b95e99,transparent 16%),linear-gradient(145deg,#435352,#0c1c22)}.pv svg{position:absolute;inset:10% 0 0;width:100%;height:100%}.sun-icon{position:absolute;right:15%;top:12%;font-size:48px;color:#f4ca76;z-index:2}.heat{background:linear-gradient(145deg,#aeb8ae,#32464b)}.pump-box{position:absolute;width:48%;height:48%;left:26%;bottom:14%;background:linear-gradient(145deg,#e8ece8,#8d9895);border-radius:12px;box-shadow:20px 25px 45px #0005}.pump-box:after{content:"";position:absolute;inset:14%;border:2px solid #5b6767;border-radius:50%;box-shadow:inset 0 0 0 12px #fff3}.heat-wave{position:absolute;right:14%;top:12%;color:#e9b95e;font-size:23px;letter-spacing:5px}.garden-lines{position:absolute;inset:auto 0 0;height:34%;background:repeating-linear-gradient(165deg,#52625a 0 3px,transparent 4px 18px);opacity:.5}.solution-body{padding:26px}.micro{font-size:9px;letter-spacing:.2em;color:#e9b95e;font-weight:800}.solution h3{font:800 25px/1.1 "Manrope";margin:10px 0}.solution-body>p:not(.micro){font-size:14px;color:#9eabad}.solution-body a{font-size:12px;color:#f3d58f;font-weight:700}.section-light{background:#f4f0e7;color:#152228}.quick{padding:110px 6vw}.quick-shell{max-width:1200px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.quick-intro h2,.process h2{color:#152228}.check-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.check-points span{padding:7px 12px;border:1px solid #17262b22;border-radius:999px;font-size:11px}.check-card{background:#0b1b22;color:white;border-radius:24px;padding:30px;box-shadow:0 30px 80px #17222825;min-height:430px}.progress{height:4px;background:#ffffff15;border-radius:9px;margin-bottom:28px}.progress span{display:block;height:100%;width:20%;background:#e9b95e;border-radius:9px;transition:.3s}.check-step{display:none}.check-step.active{display:block}.check-step>small{color:#e9b95e;font-weight:800;letter-spacing:.15em}.check-step h3{font:800 27px "Manrope";margin:8px 0 24px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid button{border:1px solid #fff2;background:#ffffff07;color:white;border-radius:14px;text-align:left;padding:18px;cursor:pointer}.choice-grid button:hover{border-color:#e9b95e;background:#e9b95e0f}.choice-grid b,.choice-grid small{display:block}.choice-grid small{color:#8e9b9e;margin-top:4px}.range-wrap{margin:45px 0}.range-wrap output{display:block;font:800 34px "Manrope";color:#f3d58f;margin-bottom:25px}.range-wrap input{width:100%;accent-color:#e9b95e}.next-btn{border:0;border-radius:999px;background:#e9b95e;color:#142027;font-weight:800;padding:13px 20px;cursor:pointer}.big-input{width:100%;padding:16px;margin:6px 0 13px;background:#08161d;border:1px solid #fff2;border-radius:10px;color:white}.privacy-line{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#aab5b8;margin:10px 0}.privacy-line a{color:#f3d58f;text-decoration:underline}.check-result{display:none;text-align:center;padding:45px 10px}.check-result.show{display:block}.result-icon{margin:auto auto 20px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#e9b95e;color:#172027;font-size:25px}.process{padding:110px 6vw}.center{text-align:center;max-width:700px;margin:0 auto 65px}.center>p:last-child{color:#667377}.steps{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{padding:16px}.step>b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e9b95e;color:#172027;font-size:12px}.step span{display:block;font-size:28px;color:#5b696c;margin:25px 0 10px}.step h3{font:800 18px "Manrope"}.step p{color:#697578;font-size:13px}.references{padding:110px 6vw}.section-head{max-width:1250px;margin:auto auto 45px;display:flex;justify-content:space-between;align-items:end;gap:40px}.section-head>p{max-width:420px}.ref-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ref{background:#0b1b22;border:1px solid #fff1;border-radius:18px;overflow:hidden}.ref-img{height:270px;display:flex;align-items:end;padding:22px;font:800 34px "Manrope"}.ref-a{background:linear-gradient(145deg,#a68d63,#263e42 55%,#08161d)}.ref-b{background:linear-gradient(145deg,#c7b886,#435c5b 50%,#08161d)}.ref-c{background:linear-gradient(145deg,#728e8f,#19333a 55%,#08161d)}.ref h3{font:800 18px "Manrope";margin:17px 20px 2px}.ref p{font-size:12px;color:#879497;margin:0 20px 20px}.about{display:grid;grid-template-columns:.7fr .9fr .65fr;gap:55px;align-items:center;padding:110px 7vw;background:linear-gradient(110deg,#0d1b20,#1b3338);overflow:hidden}.about-photo{position:relative;min-height:480px;border-radius:24px;overflow:hidden;background:#1a292e}.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#07131ad9)}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.about-copy{max-width:540px}.about-copy p{font-size:15px}.about-points{border:1px solid #fff2;border-radius:18px;background:#07131a99;backdrop-filter:blur(10px)}.about-points>div{display:flex;gap:14px;padding:18px;border-bottom:1px solid #fff1;color:#e9b95e}.about-points>div:last-child{border:0}.about-points b,.about-points small{display:block;color:white}.about-points small{color:#8f9da0;font-size:11px;margin-top:2px}.contact{padding:110px 6vw;display:grid;grid-template-columns:.85fr 1fr;gap:75px}.details{display:grid;gap:15px;margin-top:35px}.details>a,.details>div{display:flex;gap:13px;color:#e9b95e;font-size:22px}.details span{color:white;font-size:13px}.details small{display:block;color:#849296;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.contact-form{background:#0b1b22;border:1px solid #fff1;border-radius:22px;padding:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;color:#cfd7d7;font-size:11px;margin-bottom:15px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;margin-top:7px;background:#07131a;color:white;border:1px solid #fff1;border-radius:9px;padding:13px;outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#e9b95e}.hp{position:absolute;left:-9999px;opacity:0}.footer{display:grid;grid-template-columns:1fr 1.4fr auto;gap:25px;padding:35px 6vw;border-top:1px solid #fff1;background:#050e13;align-items:center}.foot-links,.legal{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#899497}.legal{justify-content:flex-end}.copy{grid-column:1/-1;color:#5f6c70;font-size:10px}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.nav{gap:12px}.intro,.quick-shell,.contact{grid-template-columns:1fr}.hero-house{width:75%;opacity:.65}.steps{grid-template-columns:repeat(3,1fr)}.about{grid-template-columns:1fr 1fr}.about-photo{min-height:420px}.about-points{grid-column:1/-1}.footer{grid-template-columns:1fr 1fr}.foot-links{grid-column:1/-1}}@media(max-width:700px){.hamburger{display:block}.nav{display:none;position:absolute;top:70px;left:15px;right:15px;padding:15px;flex-direction:column;align-items:stretch;background:#08161d;border:1px solid #fff2;border-radius:15px}.nav.open{display:flex}.nav .pill{text-align:center;justify-content:center}.hero{min-height:760px}.hero-copy{padding:145px 28px 70px}.hero h1{font-size:50px}.hero-house{right:-35%;width:125%;height:50%;opacity:.55}.hero-trust{gap:13px;margin-top:45px;flex-wrap:wrap}.hero-trust span{font-size:9px}.solution-cards,.ref-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section-head{display:block}.about{grid-template-columns:1fr;padding:85px 28px}.about-photo{min-height:420px}.about-points{grid-column:auto}.form-row{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.foot-links,.legal{grid-column:auto;justify-content:flex-start}.copy{grid-column:auto}.choice-grid{grid-template-columns:1fr}.quick,.process,.references,.contact{padding-left:28px;padding-right:28px}}
/* SolarCompass V2 – lokale KI-Bildassets */
.hero-art{position:absolute;inset:0;overflow:hidden;background:#07131a}.hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.02)}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,25,.93) 0%,rgba(6,20,28,.62) 42%,rgba(6,20,28,.08) 82%),linear-gradient(0deg,rgba(6,19,26,.96),transparent 30%)}
.visual{position:relative;overflow:hidden;background:#0b202b}.visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.visual.pv,.visual.heat{height:330px}.visual .sun-icon,.visual .pump-box,.visual .heat-wave,.visual .garden-lines{display:none}
.about-photo{overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);height:100%;min-height:360px}.about-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.about{position:relative}.about:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,28,.15),rgba(6,20,28,.55));pointer-events:none}.about-copy,.about-points,.about-photo{position:relative;z-index:1}
@media(max-width:850px){.about-photo{min-height:300px}}
.contact{position:relative;overflow:hidden}.contact-ai-bg{position:absolute;inset:0;z-index:0}.contact-ai-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.contact-ai-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,26,.96),rgba(6,19,26,.78) 52%,rgba(6,19,26,.60)),linear-gradient(0deg,rgba(6,19,26,.88),rgba(6,19,26,.18))}.contact-copy,.contact-form{position:relative;z-index:1}
/* In-Page-Seiten: Impressum, Datenschutz und Danke bleiben innerhalb der Startseite */
.site-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.site-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(2,10,15,.78);backdrop-filter:blur(8px)}.modal-panel{position:relative;z-index:2;width:min(900px,100%);max-height:86vh;overflow:auto;background:#0a1d27;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:38px 42px;box-shadow:0 30px 90px rgba(0,0,0,.5);color:#eef3f3}.modal-panel h2{font:800 clamp(36px,5vw,58px)/1 "Manrope";letter-spacing:-.05em;margin:0 0 22px}.modal-panel h3{font:800 20px "Manrope";margin:32px 0 10px;color:#f3d58f}.modal-panel p{font-size:13px;line-height:1.7;color:#b7c2c4}.modal-panel b{color:#fff}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer;opacity:.8}.modal-close:hover{color:#1d71b8;opacity:1}.thanks-panel{text-align:center;max-width:560px}.thanks-panel .result-icon{margin:0 auto 16px}.thanks-panel .btn{border:0;cursor:pointer}.modal-panel a{color:#1d71b8}@media(max-width:600px){.site-modal{padding:12px}.modal-panel{padding:30px 22px;max-height:92vh;border-radius:14px}.modal-panel h2{font-size:38px}.modal-panel p{font-size:12px}}
/* Cookie-Hinweis */
.cookie-banner{position:fixed;left:22px;right:22px;bottom:22px;z-index:500;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 22px;background:rgba(7,19,26,.97);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.45);backdrop-filter:blur(14px);color:#eef3f3}.cookie-banner[hidden],.cookie-settings[hidden]{display:none}.cookie-copy{max-width:780px}.cookie-copy strong{display:block;font:800 17px/1.2 "Manrope",Arial,sans-serif;margin-bottom:6px}.cookie-copy p{margin:0;color:#aebabc;font-size:11px;line-height:1.55}.cookie-copy a{color:#1d71b8;text-decoration:underline}.cookie-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cookie-btn,.cookie-save{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:11px 16px;background:#132a34;color:#fff;font:700 11px/1 Arial,sans-serif;cursor:pointer;white-space:nowrap}.cookie-btn.primary,.cookie-save{background:#1d71b8;border-color:#1d71b8;color:#fff}.cookie-btn.secondary{background:transparent}.cookie-btn:hover,.cookie-save:hover{filter:brightness(1.08)}.cookie-settings{position:fixed;inset:0;z-index:510;display:flex;align-items:center;justify-content:center;padding:20px}.cookie-settings-backdrop{position:absolute;inset:0;background:rgba(2,10,15,.78);backdrop-filter:blur(8px)}.cookie-settings-panel{position:relative;z-index:2;width:min(560px,100%);background:#f4f0e7;color:#152228;border-radius:20px;padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.cookie-settings-panel h2{font:800 36px/1.05 "Manrope",Arial,sans-serif;margin:0 0 12px}.cookie-settings-panel>p:not(.kicker){font-size:13px;line-height:1.6;color:#59686c}.cookie-settings-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:30px;cursor:pointer;color:#152228}.cookie-category{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid rgba(21,34,40,.12);cursor:pointer}.cookie-category b,.cookie-category small{display:block}.cookie-category b{font-size:13px}.cookie-category small{margin-top:4px;font-size:11px;line-height:1.4;color:#68777a}.cookie-category input{width:20px;height:20px;accent-color:#1d71b8}.cookie-save{width:100%;margin-top:15px;padding:13px}
@media(max-width:760px){.cookie-banner{left:12px;right:12px;bottom:12px;display:block;padding:18px}.cookie-actions{justify-content:stretch;margin-top:14px}.cookie-btn{flex:1;text-align:center}.cookie-settings-panel{padding:28px 22px}.cookie-settings-panel h2{font-size:30px}}