/* Approved Dark Solar palette, applied to the actual homepage. */
.homepage{--bg:#0a1018;--surface:#102131;--text:#f6f8fc;--muted:#d2deea;--orange:#ffbd3e;--amber:#ffd35b;--gold:#ffe17b;--border:#c3d6ec29;background:#0a1018;color:var(--text)}
.homepage h1,.homepage h2,.homepage h3{font-family:'Exo 2','Bahnschrift',sans-serif}.homepage h2{font-weight:750;letter-spacing:-.025em;font-size:clamp(33px,3.5vw,49px)}.homepage h2 span{color:#edf3fc}.homepage h3{font-size:22px}.homepage .eyebrow{color:var(--gold);font-size:12px;letter-spacing:.16em}.homepage .marker{color:#ffe39a;text-shadow:0 0 20px #ffb82524}.homepage .fine-print,.homepage .small-label{color:#c2d1df;font-size:12px}.homepage .button{font-size:14px}.homepage .primary{background:linear-gradient(145deg,#ffe894 0%,#ffca4c 45%,#fba322 100%);color:#302409;border:1px solid #ffe49588;box-shadow:inset 0 1px #fff9,0 5px 24px #ffa81724}.homepage .primary:hover{box-shadow:inset 0 1px #fff9,0 6px 30px #ffa81740}.homepage .secondary{background:#12253666;border-color:#e3edfb66;color:#f8fbff}.homepage :focus-visible{outline-color:#ffe38b}
.silver.hero-layout.homepage .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:clamp(38px,3.4vw,48px);line-height:1.16;letter-spacing:-.04em;text-transform:none;text-shadow:none;margin-bottom:22px}.homepage .hero-title-metal{display:block;background:linear-gradient(175deg,#fff 12%,#eef2f7 48%,#d7dfe9 70%,#f6f8fc 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #0005)}
.silver.hero-layout.homepage .hero h1 .accent{color:#ffd259;background:linear-gradient(165deg,#ffe598 0%,#ffd05c 55%,#ffb73e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #0005)}.silver.hero-layout.homepage .hero-copy{max-width:440px}.silver.hero-layout.homepage .hero h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:21px;font-weight:600}.silver.hero-layout.homepage .hero .eyebrow{color:#ffe395}.silver.hero-layout.homepage .hero .secondary{border-color:#e5f1ff66;background:#0c1b2966}.silver.hero-layout.homepage .hero-description{color:#f0f4f9;font-size:17px;line-height:1.65;max-width:360px}.silver.hero-layout.homepage .hero .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:20px}.silver.hero-layout.homepage .hero-buttons{margin-top:24px;gap:10px}.silver.hero-layout.homepage .hero-buttons .button{font-size:13px;min-height:44px;padding:11px 18px}.silver.hero-layout.homepage .hero-buttons svg{width:17px;height:17px}.homepage .hero-background:after{background:linear-gradient(0deg,#5c6673 0%,#5c667300 23%),linear-gradient(90deg,#04101bba 0%,#07131d40 52%,#07131d09 90%)}.homepage .hero-video-toggle{background:#17283c66;border-color:#e0edff70}.homepage .hero-scroll{color:#f7faff}.homepage .hero-scroll svg{color:#ffe395}
.silver.hero-layout.homepage .site-header{background:linear-gradient(115deg,#606970b8,#5f696dc9);border-color:#e4eefb50;box-shadow:0 8px 30px #06121c20}.silver.hero-layout.homepage .site-header .nav-cta{background:linear-gradient(140deg,#ffc54a,#f49a09);box-shadow:inset 0 1px #ffeaac80,0 3px 18px #efa20e26;color:#32250a}
.home-section{--section-bg:#19344f;--next-bg:#102a42;--gold:#ffd35b;position:relative;isolation:isolate;padding:75px 0 210px;background:linear-gradient(180deg,var(--section-bg),var(--section-bg) calc(100% - 180px),var(--next-bg));scroll-margin-top:0}
.home-section:before{content:'';position:absolute;inset:0 0 200px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 35%,#7aade713,transparent 65%)}.home-section .section-heading{margin-bottom:35px}.homepage .section-heading>p{color:#d9e4ef;font-size:16px;line-height:1.8}.homepage .glass{background:linear-gradient(135deg,#d6eaff0d,#06152624);border:1px solid #c2ddf433;box-shadow:inset 0 1px #fff1,0 9px 35px #03111d14}.homepage .glass:hover{border-color:#cddffe66}
.intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:end;margin-bottom:45px}.intro-grid h2{font-size:clamp(34px,3.8vw,54px);line-height:1.1}.intro-grid h2 span{color:#ffe69a}.intro-grid>p{font-size:17px;line-height:1.9;color:#f0f4fa}.homepage #kurzinfo{padding-top:68px}.silver.hero-layout.homepage .hero-stats{margin:0;width:100%;padding:30px;border:1px solid #d1e0f34a;border-radius:16px;background:linear-gradient(135deg,#e3ecff0e,#15233320);gap:28px}.silver.hero-layout.homepage .hero-stats>div:first-child{padding-left:40px}.homepage .hero-stats>div+div{border-color:#dbe7f033}.homepage .hero-stats strong{font-family:'Exo 2',sans-serif;font-size:27px;color:#f7faff}.homepage .hero-stats span{color:#e1eaf4;font-size:13px}.homepage .hero-stats svg{filter:drop-shadow(0 0 7px #ffc52b40)}.intro-foot{display:flex;justify-content:space-between;gap:20px;margin-top:23px;color:#e1eaf4;font-size:12px}.intro-foot span:last-child{color:#ffe5a0}
.homepage .feature{padding:30px 26px;position:relative}.homepage .feature:first-child{border-color:#ffda786e;box-shadow:inset 0 1px #ffe8a733,0 0 24px #ffcc3410}.homepage .feature h3{font-size:22px;line-height:1.3}.homepage .feature p{color:#e0e9f3;font-size:15px;line-height:1.8}.homepage .feature-icon{color:#ffda71;border-color:#ffce6238;background:#ffd45a08;filter:drop-shadow(0 0 8px #fcb1241a)}.homepage .small-index{color:#c2d1de}
.homepage .life-section{padding-block:0;align-items:center}.homepage .lifestyle-copy h2{font-size:48px}.homepage .lifestyle-copy>p:not(.eyebrow){color:#dce6ef;font-size:16px;line-height:1.85}.homepage .lifestyle-photo{border:1px solid #d3e6fc3d;box-shadow:0 0 34px #7ab7fc18}.homepage .detail-photo{border:1px solid #d5e5ff2b}.homepage .audiences button{color:#e4ecf5;border-color:#cadaef33;font-size:14px}.homepage .audiences button.selected{color:#ffd570}.homepage .audiences .selected svg{color:#ffd570}
.homepage .comparison-card{background:linear-gradient(145deg,#a8cfff0d,#00132236);border-color:#a7cdf330}.homepage .comparison-card.recommended{border-color:#ffc34cba;box-shadow:inset 0 1px #ffdf6740,0 0 28px #ffbc261c;background:linear-gradient(140deg,#ffb8300c,#04172866)}.homepage .comparison-card h3{font-size:26px}.homepage .comparison-card p,.homepage .comparison-bottom span{color:#ccdae9}.homepage .comparison-bottom b{font-family:'Exo 2',sans-serif;font-size:31px}.homepage .tag{font-size:11px;color:#ffdc82;background:#ffbc2e17}.homepage .bar{background:#c2d9ee1f}.homepage .recommended .bar i{background:linear-gradient(90deg,#ff9d18,#ffe37e);box-shadow:0 0 13px #ffc33833}.homepage .panel-diagram [fill="#152638"]{fill:#1c374d}.homepage .panel-diagram [stroke="#7693ab"]{stroke:#a2bdd5}.homepage .panel-diagram [stroke="#526b82"]{stroke:#718da8}
.homepage .demo-tag{color:#d3e2f2;border-color:#d3e6f833;background:#d6ebff08;font-size:11px}.homepage .chart-panel{background:linear-gradient(145deg,#102d427d,#020d1866);border-color:#92c4fa30}.homepage .chart-heading h3{font-size:20px}.homepage .period-switch button{font-size:13px;color:#cad9e9}.homepage .period-switch .selected{background:#ffc73921;color:#ffe286}.homepage .energy-chart text{fill:#bfd1e2}.homepage .energy-chart text[fill="#17120b"]{fill:#241d10}.homepage .metric strong{font-family:'Exo 2',sans-serif;font-size:38px}.homepage .metric>span,.homepage .chart-key{color:#c4d4e5;font-size:12px}.homepage .promise{background:linear-gradient(135deg,#41676019,#172c391f)}.homepage .metric>svg{filter:drop-shadow(0 0 9px #ffbd3a33)}
.information-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.information-copy>p:not(.eyebrow){color:#d3e3e8;font-size:17px;line-height:1.85;margin-top:24px}.information-copy .button{margin-top:28px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.check-list li{padding:22px 24px;border:1px solid #c6e4e22e;border-radius:12px;background:#c5ece008;display:grid;grid-template-columns:26px 1fr;gap:15px}.check-list svg{color:#f9d47d;margin-top:2px}.check-list strong{font-family:'Exo 2',sans-serif;font-size:22px;display:block;margin-bottom:7px}.check-list p{font-size:15px;line-height:1.75;color:#d0e1e1}.planning-note{border:1px solid #d3e5db38;border-radius:18px;padding:35px;background:linear-gradient(135deg,#a7d3ba0b,#081a2240);box-shadow:0 10px 40px #07141026}.planning-note>svg{color:#ffe18a;width:35px;height:35px;margin-bottom:25px}.planning-note h3{font-size:28px;margin-bottom:16px}.planning-note>p{color:#d8e6de;font-size:16px;line-height:1.8}.planning-note .button{margin-top:25px}.planning-note .fine-print{margin-top:17px;color:#c2d5ca}
.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}.setup-step{border-top:1px solid #f0d9a85c;padding:28px 20px 12px 0}.setup-step>span{font-family:'Exo 2',sans-serif;font-size:42px;color:#f5d486;line-height:1;text-shadow:0 0 22px #f4d2741a}.setup-step h3{font-size:25px;margin:22px 0 14px}.setup-step p{font-size:16px;line-height:1.8;color:#dce7df}.setup-note{margin-top:27px;font-size:12px;color:#c7d6cd}
.homepage .faq-inner{max-width:960px}.homepage .faq-list summary{font-size:17px;padding:24px 0;color:#eef4fa}.homepage .faq-list details{border-color:#c8d9ec2f}.homepage .faq-list details p{font-size:16px;line-height:1.85;color:#d2ddeb}.homepage .faq-list .plus{color:#ffdc82}.homepage .faq-inner h2{margin-bottom:18px}
.homepage #anfragen{padding-bottom:75px;background:radial-gradient(ellipse at 80% 30%,#92601d19,transparent 65%),#0a1018}.closing-layout{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}.closing-copy h2{font-size:clamp(38px,4.7vw,66px);line-height:1.08}.closing-copy h2 span{color:#ffdc82}.closing-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#d7e0ec;margin-top:25px}.closing-copy .marker{display:block;font-size:32px;margin-top:28px}.homepage .closing-card{padding:35px;background:linear-gradient(135deg,#ffce570d,#12243a50);border-color:#d4af634d;box-shadow:0 0 35px #ffba240b}.homepage .closing-card h3{font-size:29px;margin:20px 0}.homepage .closing-card p{font-size:16px;line-height:1.8;color:#dce4ef}.homepage .closing-card .button{margin-top:27px}.homepage .closing-card .fine-print{font-size:12px;margin-top:18px;color:#bfccd9}.homepage .site-footer{padding-bottom:45px;border-color:#e0e7f221;color:#d5dfeb}.homepage .site-footer .brand{background:none;border:0;padding:0}.homepage .site-footer>p,.homepage .site-footer a,.homepage .site-footer button{color:#c2d0e0}.homepage .site-footer .brand small{color:#ffe08a}.homepage .footer-bottom{color:#9eb0c3}
.homepage dialog{background:linear-gradient(145deg,#192b3e,#0b1928);border-color:#bdd8fa38;color:#f3f7fc;box-shadow:0 30px 100px #0008}.homepage dialog::backdrop{background:#040e1bc7;backdrop-filter:blur(10px)}.homepage dialog>p,.homepage dialog label{color:#d1deec}.homepage dialog label{font-size:14px}.homepage dialog input{background:#0413227a;color:#fff;border-color:#b2cdeb40}.homepage dialog input::placeholder{color:#a2b7ca}.homepage dialog .form-result{color:#ffe08c}
@media(max-width:1200px){.silver.hero-layout.homepage .nav-wrap nav{background:#344655ed}.homepage .intro-grid{gap:45px}.information-grid,.closing-layout{gap:40px}.homepage .feature{padding:25px 21px}}
@media(max-width:900px){.homepage .intro-grid{grid-template-columns:1fr;gap:24px}.homepage .closing-layout{gap:35px}.homepage .hero-stats strong{font-size:23px}.information-grid{gap:30px}.homepage .feature h3{font-size:22px}.homepage .lifestyle-copy h2{font-size:39px}.homepage .hero-stats span{font-size:12px}}
@media(max-width:700px){.silver.hero-layout.homepage .hero h1{font-size:clamp(32px,8.8vw,42px)}.silver.hero-layout.homepage .hero h2{font-size:18px}.homepage .hero-background:after{background:linear-gradient(0deg,#5c6673,#5c667300 20%),linear-gradient(90deg,#06131eb5,#06131e25)}.home-section{padding:48px 0 150px;background:linear-gradient(180deg,var(--section-bg),var(--section-bg) calc(100% - 120px),var(--next-bg))}.home-section:before{bottom:140px}.homepage #kurzinfo{padding-top:40px}.homepage .intro-grid{gap:23px;margin-bottom:28px}.homepage .intro-grid>p{font-size:16px}.silver.hero-layout.homepage .hero-stats{padding:25px 18px;gap:25px 12px}.silver.hero-layout.homepage .hero-stats>div,.silver.hero-layout.homepage .hero-stats>div:first-child,.silver.hero-layout.homepage .hero-stats>div+div{padding-left:31px;border:0}.homepage .hero-stats strong{font-size:22px}.homepage .hero-stats span{font-size:12px}.intro-foot{flex-direction:column;gap:7px}.homepage .section-heading{margin-bottom:27px}.homepage .section-heading h2{font-size:34px}.homepage .feature-grid{grid-template-columns:1fr}.homepage .feature{padding:25px;display:grid;grid-template-columns:44px 1fr;column-gap:20px}.homepage .feature-icon{grid-column:1;grid-row:1/3;margin:0}.homepage .feature h3{grid-column:2;font-size:22px;max-width:100%;padding-right:12px}.homepage .feature p{grid-column:2;font-size:15px}.homepage .feature .small-index{top:18px;right:15px;font-size:11px}.homepage .life-section{gap:32px}.homepage .lifestyle-copy h2{font-size:39px}.homepage .comparison-bottom b{font-size:28px}.homepage .comparison-card>p{font-size:14px}.information-grid,.closing-layout{grid-template-columns:1fr;gap:32px}.information-copy>p:not(.eyebrow){font-size:16px}.check-list li{padding:22px 20px}.planning-note{padding:26px}.setup-steps{grid-template-columns:1fr;gap:23px}.setup-step{padding:23px 0 0}.setup-step h3{margin-top:15px}.setup-step>span{font-size:35px}.homepage .faq-list summary{font-size:16px}.homepage .closing-copy h2{font-size:44px}.homepage #anfragen{padding-bottom:50px}.homepage .closing-card{padding:27px}.homepage .site-footer{padding-bottom:35px}.homepage .chart-heading h3{font-size:17px}.homepage .metric strong{font-size:32px}}

.home-section:before{mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent)}

/* Compact navigation: about one third lower, always visible while scrolling. */
.silver.hero-layout.homepage .site-header{position:fixed;height:clamp(59px,4.07vw,74px);border-radius:18px}
.homepage .site-header .brand img{height:36px}
.silver.hero-layout.homepage .site-header .nav-cta{min-height:38px;padding:8px clamp(22px,1.8vw,33px);font-size:clamp(14px,1vw,18px)}
@media(max-width:1200px){.silver.hero-layout.homepage .site-header{height:56px;border-radius:16px}.homepage .site-header .brand img{height:32px}.homepage .site-header .menu-button{height:38px}.silver.hero-layout.homepage .site-header .nav-cta{font-size:14px;padding:8px 22px}}
@media(max-width:480px){.silver.hero-layout.homepage .site-header{height:52px;border-radius:15px}.homepage .site-header .brand img{height:30px}.silver.hero-layout.homepage .site-header .nav-cta{font-size:13px;padding:8px 17px}}