@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#10547a;--dark:#102f40;--cyan:#21a8d2;--pale:#eef8fb;--muted:#5d707b;--line:#dce7ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--dark);font-family:'DM Sans',sans-serif;font-size:16px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:98px;padding:0 5.5%;display:flex;align-items:center;gap:35px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #edf2f4}.brand{width:220px;height:68px;overflow:hidden;display:flex;align-items:center}.brand img{width:225px;max-width:none}header nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:18px 24px;font-weight:600;font-size:14px;box-shadow:0 6px 14px #10547a0a;transition:.2s}.button:hover{background:#083e5d;transform:translateY(-2px)}.button.small{padding:14px 18px;font-size:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;min-height:620px;padding:78px 5.5% 64px;background:linear-gradient(110deg,#fff 40%,#f0f9fc)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--cyan);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(38px,4.15vw,65px);letter-spacing:-2.8px;line-height:1.14;font-weight:800;margin:26px 0}h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{max-width:495px;font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 29px}.hero-note{display:flex;gap:23px;font-size:11px;margin-top:20px;color:var(--muted)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-height:450px;overflow:hidden}.orbit{position:absolute;border-radius:50%;border:1px solid #c4e7f1}.orbit1{width:440px;height:440px;background:radial-gradient(circle,#d4f0fa55,#e9f7fb33 65%)}.orbit2{width:340px;height:340px;border:35px solid #caeaf45c;outline:1px solid #d2ebf1;outline-offset:15px}.electric{font-family:Arial;font-size:330px;font-weight:bold;color:var(--cyan);line-height:1;transform:rotate(9deg);text-shadow:10px 8px 0 #11628c;filter:drop-shadow(0 20px 15px #14628722)}.float-card{position:absolute;z-index:1;display:flex;gap:13px;align-items:center;padding:19px 23px;background:#ffffffed;border:1px solid #fff;border-radius:12px;box-shadow:0 16px 45px #153c5010}.float-card.top{top:48px;right:0}.float-card.bottom{bottom:58px;left:10px}.float-card small{display:block;color:var(--muted);font-size:10px;margin:5px 0}.float-card.top small{font-size:8px;letter-spacing:1.3px}.float-card strong{font-size:13px}.icon,.avatar{width:41px;height:41px;border-radius:10px;display:grid;place-items:center;background:var(--pale);color:var(--navy);font-weight:700}.avatar{border-radius:50%;background:var(--navy);color:white;font-size:13px}.online{width:8px;height:8px;background:#22a887;border:3px solid #e6f8f1;box-sizing:content-box;border-radius:50%;margin-left:20px}.art-caption{position:absolute;bottom:10px;letter-spacing:2px;font-size:8px;color:#6e9aae}.trust-strip{display:flex;justify-content:space-around;padding:27px 5%;border-block:1px solid var(--line);font-size:12px;font-weight:600}.trust-strip span:before{content:'✓';color:var(--cyan);margin-right:12px}.section{padding:100px 7%}h2{font-size:clamp(30px,3vw,44px);line-height:1.25;letter-spacing:-1.6px;margin:18px 0 23px}p{line-height:1.8;color:var(--muted)}.compare{display:grid;grid-template-columns:.9fr 1fr;gap:10%;background:#f6fafb}.section-intro{padding-top:30px}.section-intro>p{max-width:390px}.help-box{display:flex;gap:14px;margin:35px 0;max-width:390px}.help-box .icon{flex-shrink:0;background:#e3f1f6}.help-box strong{font-size:13px}.help-box p{font-size:12px;line-height:1.7;margin-top:8px}.text-link{font-size:13px;line-height:2;color:var(--navy)}.form-card{background:white;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 15px 40px #123f5506;align-self:start}.progress{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.progress span:first-child{color:var(--navy);font-weight:700}.progress-track{height:3px;background:#edf4f6;margin:16px 0 27px}.progress-track i{display:block;background:var(--cyan);width:33.33%;height:100%;transition:.3s}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-family:Manrope;font-weight:800;font-size:21px;margin-bottom:22px;letter-spacing:-.5px}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}input,select,textarea{width:100%;padding:13px 12px;border:1px solid #d9e3e8;border-radius:6px;background:#fff;color:var(--dark);margin-top:8px;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}.choices{display:flex;gap:10px;margin-bottom:19px}.choices label{flex:1;position:relative;margin:0}.choices input{position:absolute;opacity:0;width:1px}.choices span{display:block;text-align:center;border:1px solid var(--line);padding:14px 4px;border-radius:7px;font-size:13px}.choices input:checked+span{border-color:var(--cyan);background:#edf9fd;color:var(--navy)}.choices input:focus-visible+span{outline:2px solid var(--navy)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.usage-help{font-size:11px;margin:0 0 22px;color:var(--navy)}summary{cursor:pointer}.usage-help p{font-size:11px}.usage-buttons{display:flex;gap:5px;flex-wrap:wrap}.usage-buttons button{background:var(--pale);color:var(--navy);border:1px solid var(--line);padding:8px;border-radius:5px;font-size:10px}.form-actions{display:flex;gap:10px}.form-actions .button{flex:1;font-size:12px}.back{border:0;background:none;font-size:12px;color:var(--navy)}.form-foot{text-align:center;font-size:10px;margin:14px 0 0}.form-info{font-size:12px}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.7;font-weight:400}.check input{width:16px;margin-top:4px;flex-shrink:0}.inline{padding:0;border:0;background:none;text-decoration:underline;color:var(--navy)}.summary{background:var(--pale);padding:13px;font-size:12px;line-height:1.8;border-radius:6px}#form-status{font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:45px}.section-heading>p{max-width:330px;font-size:14px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.benefit-grid article{border-top:1px solid var(--line);padding-top:25px}.feature-icon{font-size:28px;color:var(--cyan)}h3{font-size:18px;letter-spacing:-.5px;margin:19px 0 10px}.benefit-grid p{font-size:13px}.process{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%}.process .eyebrow,.process .text-link{color:#88d9f2}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:25px;padding:0 0 25px;margin-bottom:24px;border-bottom:1px solid #ffffff25}.process li:last-child{margin:0;border:0;padding:0}.process li>span{font-size:12px;color:#7bd0ec;padding-top:5px}.process h3{margin-top:0}.process p{color:#c5dce7;font-size:13px;margin-bottom:0}.contact{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:center}.contact-visual{background:linear-gradient(145deg,#edf7fa,#d8eef6);border-radius:16px;min-height:405px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.monogram{display:grid;place-items:center;width:142px;height:142px;border-radius:50%;background:#fff;color:var(--navy);font-family:Manrope;font-size:49px;font-weight:700;position:relative;box-shadow:0 15px 40px #14628710}.mini-bolt{position:absolute;bottom:-5px;right:0;border-radius:50%;background:var(--cyan);color:white;font-size:35px;width:45px;height:45px}.contact-visual p{font-size:9px;letter-spacing:1.6px;margin-top:32px;margin-bottom:0}.contact-visual h3{font-size:27px;margin-top:9px}.contact-visual>span:last-child{color:var(--muted);font-size:12px}.contact>div>p{font-size:14px}.contact-line{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-line span{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.contact-line strong{color:var(--navy);font-size:18px}.faq{background:#f7fafb;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding-top:80px;padding-bottom:80px}.faq details{border-bottom:1px solid var(--line);padding:22px 0;font-size:14px}.faq summary{font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--cyan);font-size:20px}.faq details[open] summary:after{content:'−'}.faq p{font-size:13px}.closing{margin:65px 5.5%;background:linear-gradient(110deg,#13577d,#147ea3);border-radius:15px;padding:45px 50px;display:flex;align-items:center;justify-content:space-between;color:white;gap:25px}.closing h2{font-size:30px;margin-top:0}.closing p{font-size:13px;color:#d1e7f1;margin-bottom:0}.white{background:#fff;color:var(--navy);white-space:nowrap}.white:hover{background:#e7f8ff}footer{padding:30px 5.5% 35px;display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);flex-wrap:wrap}.footer-brand{font-weight:800;font-style:italic;font-size:24px;color:var(--navy)}.footer-brand span{color:var(--cyan)}footer p,footer small,footer button,footer a:not(.footer-brand){font-size:10px;color:var(--muted)}footer>div{display:flex;gap:20px;margin-left:auto}footer button{border:0;background:none;padding:0}dialog{border:1px solid var(--line);border-radius:15px;max-width:600px;width:90%;padding:35px;color:var(--dark)}dialog::backdrop{background:#0a2c43aa;backdrop-filter:blur(3px)}dialog h2{font-size:27px}dialog p{font-size:13px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:var(--navy)}.notice{background:#fff5dd;padding:15px}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}@media(min-width:1500px){main{max-width:1600px;margin:auto}}@media(max-width:1000px){header nav{display:none}.button.small{margin-left:auto}.hero{grid-template-columns:1fr 1fr;padding-top:50px}h1{font-size:43px}.hero-art{min-height:420px}.orbit1{width:330px;height:330px}.orbit2{width:250px;height:250px}.electric{font-size:270px}.float-card{padding:13px}.float-card.top{top:60px}.float-card.bottom{left:0;bottom:45px}.section{padding:70px 5%}.compare{gap:5%}.form-card{padding:23px}.hero-note{gap:12px;flex-wrap:wrap}.contact{gap:6%}.closing{padding:35px}.closing h2{font-size:26px}}@media(max-width:700px){header{height:77px;padding:0 5%;gap:10px}.brand{width:165px;height:60px}.brand img{width:170px}.button.small{font-size:10px;padding:12px}.button.small span{display:none}.hero{grid-template-columns:1fr;padding:40px 6% 25px;gap:0}h1{font-size:42px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-art{min-height:345px}.orbit1{width:310px;height:310px}.orbit2{width:230px;height:230px}.electric{font-size:250px}.float-card.top{top:35px;right:2%}.float-card.bottom{bottom:30px;left:3%}.art-caption{bottom:0}.hero-note{font-size:10px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:10px;padding:25px 6%}.section{padding:56px 6%}.compare,.process,.contact,.faq{grid-template-columns:1fr;gap:35px}.section-intro{padding:0}.section-intro h2{margin-top:14px}.help-box{margin:22px 0}.form-card{padding:24px 20px}.section-heading{display:block}.benefit-grid{grid-template-columns:1fr;gap:18px;margin-top:20px}.benefit-grid article{padding-top:20px}.benefit-grid h3{margin-top:10px}.section-heading>p{max-width:none}.contact-visual{min-height:320px}.contact-line strong{font-size:17px}.faq{gap:15px}.closing{margin:35px 5%;padding:28px;display:block}.closing h2{font-size:25px}.closing .button{margin-top:25px}footer{gap:14px}footer>div{margin-left:0;width:100%}.hero-copy>.button{font-size:12px;padding:17px 18px}h2{font-size:32px}.progress{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Persönlicher Ansprechpartner */
.portrait-avatar{object-fit:cover;object-position:50% 30%}.contact-visual{overflow:hidden;padding-bottom:28px}.contact-portrait{width:100%;height:370px;object-fit:cover;object-position:50% 30%;display:block}.contact-visual p{margin-top:25px}@media(max-width:700px){.contact-portrait{height:390px;object-position:50% 28%}}

/* Persönlicher, konkreter Einstieg und kürzerer Anfrageweg */
.conversion-hero{padding-top:48px;padding-bottom:55px;gap:7%;grid-template-columns:1.15fr 1fr;background:#f4fafc}.conversion-hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.08;margin:25px 0;letter-spacing:-3px}.conversion-hero .hero-copy>p{max-width:490px;font-size:17px}.hero-benefits{display:grid;gap:12px;font-size:13px;margin:26px 0 28px}.hero-benefits span{color:#244b60}.hero-call{display:block;font-size:12px;margin-top:19px;color:var(--muted)}.hero-call strong{color:var(--navy)}.portrait-stage{position:relative;min-height:570px;border-radius:160px 160px 20px 20px;overflow:hidden;background:#dbeef4;box-shadow:0 20px 50px #12476215}.hero-portrait{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.portrait-stage:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#062e46ed)}.portrait-caption{position:absolute;bottom:30px;left:30px;right:25px;z-index:1;color:white}.portrait-caption>span{font-size:8px;letter-spacing:1.5px}.portrait-caption>strong{display:block;font-family:Manrope;font-size:32px;margin-top:9px}.portrait-caption p{color:#e0eff4;font-size:15px;line-height:1.65}.portrait-caption a{font-size:12px;border-bottom:1px solid #ffffff70;padding-bottom:5px}.decision-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 6%;border-bottom:1px solid var(--line);gap:30px}.decision-strip>div{position:relative;padding-left:35px}.decision-strip span{position:absolute;left:0;top:2px;font-size:11px;color:var(--cyan)}.decision-strip strong{font-size:13px}.decision-strip p{font-size:11px;margin:5px 0 0}.offer-preview{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.offer-preview>div>p{max-width:410px;font-size:14px}.offer-sheet{padding:30px;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #1247620b;transform:rotate(-1deg)}.sheet-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;gap:10px}.sheet-top>span{font-style:italic;color:var(--navy);font-weight:bold}.sheet-top strong{color:var(--cyan)}.sheet-top small{font-size:7px;letter-spacing:1px}.offer-sheet h3{font-size:18px;margin:24px 0}.offer-sheet>div:not(.sheet-top){display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #edf2f4;align-items:center}.offer-sheet b{font-size:10px;color:var(--cyan)}.offer-sheet strong{display:block;font-size:12px}.offer-sheet small{display:block;font-size:10px;color:var(--muted);line-height:1.7}.offer-sheet i{margin-left:auto;color:var(--cyan);font-style:normal}.offer-sheet>p{font-size:10px!important;line-height:1.7}.trust-strip{display:none}.request-promise{background:white;border-left:3px solid var(--cyan);padding:20px;margin:27px 0;max-width:410px}.request-promise strong{font-size:14px}.request-promise p{font-size:12px}.request-promise span{font-size:11px;font-weight:bold;color:var(--navy)}.optional-details{border-top:1px solid var(--line);padding-top:16px;margin:20px 0;font-size:11px}.optional-details[open]>summary{margin-bottom:20px}.mobile-action{display:none}@media(max-width:1000px){.portrait-stage{min-height:540px}.conversion-hero h1{font-size:46px}.hero-benefits{font-size:11px}.portrait-caption{left:22px}}@media(max-width:700px){.conversion-hero{grid-template-columns:1fr;padding:34px 6%;gap:32px}.conversion-hero h1{font-size:47px;letter-spacing:-2.4px}.conversion-hero .hero-copy>p{font-size:15px}.hero-benefits{font-size:12px;line-height:1.5}.conversion-hero .hero-copy>.button{width:100%;font-size:14px}.hero-call{font-size:11px;text-align:center}.hero-note{font-size:10px}.portrait-stage{min-height:460px;border-radius:100px 100px 15px 15px}.hero-portrait{object-position:50% 30%}.decision-strip{grid-template-columns:1fr;gap:22px;padding:30px 7%}.decision-strip strong{font-size:14px}.decision-strip p{font-size:12px}.offer-preview{grid-template-columns:1fr;gap:25px}.offer-sheet{padding:23px;transform:none}.mobile-action{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding:12px 5%;gap:20px;align-items:center;justify-content:space-between;box-shadow:0 -5px 25px #102f400a}.mobile-action>a:first-child{font-size:12px;font-weight:bold;color:var(--navy)}.mobile-action .button{padding:14px 18px;font-size:12px}body{padding-bottom:77px}}

.service-article{max-width:850px;margin:0 auto;padding:65px 6%}.service-article h1{font-size:clamp(36px,5vw,56px)}.service-article h2{font-size:26px;margin-top:40px}.service-article .lead{font-size:19px}.service-article nav{margin-top:45px;line-height:2;color:var(--navy)}.service-links>p{max-width:650px}

/* Kompaktes Porträt unten, Tarifcheck im Einstieg */
.hero-offer{align-self:center;background:white;padding:38px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 55px #10547a0c}.hero-offer h2{font-size:34px}.energy-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.energy-options a{display:flex;flex-direction:column;gap:10px;padding:23px 15px;border-radius:10px;background:var(--pale);color:var(--navy);font-size:30px}.energy-options strong{font-size:18px}.energy-options span{font-size:10px;line-height:1.6}.offer-checks p{font-size:12px}.hero-offer>.button{width:100%;margin-top:18px;font-size:12px}.contact{grid-template-columns:240px 1fr;gap:8%;max-width:1100px;margin:auto}.contact-visual{min-height:0;padding:25px 15px;background:#eef8fb}.contact-portrait{width:130px;height:150px;border-radius:12px;object-fit:cover;object-position:50% 25%}.contact-visual h3{font-size:21px}.contact-visual p{font-size:8px;letter-spacing:1px;margin-top:18px}@media(max-width:700px){.hero-offer{padding:25px}.hero-offer h2{font-size:29px}.contact{grid-template-columns:1fr;gap:25px}.contact-visual{max-width:280px;width:100%;justify-self:center}.contact-portrait{width:110px;height:130px}}