/* Isolated approved hero preview */
.hero-approved{background:radial-gradient(circle at 83% 23%,rgba(176,224,112,.68),transparent 26%),radial-gradient(circle at 72% 78%,rgba(222,241,184,.9),transparent 34%),linear-gradient(103deg,#fff 0%,#f6fbf3 48%,#e7f2da 100%);overflow:hidden}
.hero-approved .hero{min-height:560px;grid-template-columns:minmax(0,60%) minmax(0,40%);align-items:center}
.hero-approved .hero-copy{padding:36px 0 32px}.hero-approved .kicker{font-size:13px;margin-bottom:12px}
.hero-approved h1{font-size:clamp(60px,5.25vw,82px);line-height:.92;letter-spacing:-4px;margin-bottom:27px}
.hero-approved h1 em{font-size:.69em;margin-left:1.05em;color:#20b514}
.hero-approved .lead{font-size:17px;line-height:1.45;max-width:680px}.hero-approved .lead.second{font-size:16px;max-width:680px}
.hero-approved .cta{margin-top:22px;width:315px;height:54px;border-radius:12px;font-size:18px}
.hero-approved .hero-visual{height:555px;align-items:flex-end;justify-content:center;padding:0;overflow:visible}
.hero-approved .hero-visual img,.hero-approved .hero-visual img[src*="felix-kapitaen-hero"]{width:auto;height:535px;max-height:535px;max-width:590px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(25,55,35,.14))}
@media(max-width:760px){
 .hero-approved .hero{grid-template-columns:1fr;min-height:0}.hero-approved .hero-copy{padding:27px 0 18px}
 .hero-approved .kicker{text-align:center;font-size:10px}.hero-approved h1{font-size:clamp(40px,11.6vw,52px);line-height:.94;letter-spacing:-2.5px;margin-bottom:18px}
 .hero-approved h1 em{font-size:.63em;margin-left:auto;margin-right:auto}.hero-approved .hero-visual{height:255px;margin-top:-5px}
 .hero-approved .hero-visual img,.hero-approved .hero-visual img[src*="felix-kapitaen-hero"]{height:270px;max-height:270px;width:auto}
 .hero-approved .lead,.hero-approved .lead.second{font-size:15px}.hero-approved .cta{height:50px;width:min(300px,82%);margin:17px auto 0}
}
.hero-shell .hero-visual img[src*="felix-kapitaen-hero"]{width:auto!important;height:535px!important;max-height:535px!important;max-width:590px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}
@media(max-width:760px){.hero-shell .hero-visual img[src*="felix-kapitaen-hero"]{height:270px!important;max-height:270px!important;width:auto!important}}
/* Mobile fidelity pass 2026-09-29 */
@media(max-width:760px){
 .hero-approved .hero{display:flex!important;flex-direction:column!important;padding:0 22px!important}
 .hero-approved .hero-copy{display:contents!important}
 .hero-approved .kicker{order:1;margin:27px 0 13px!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important}
 .hero-approved h1{order:2;font-size:42px!important;line-height:.94!important;letter-spacing:-2.3px!important;margin:0 auto 12px!important;width:100%!important;text-align:center!important}
 .hero-approved h1>span{display:block!important;white-space:nowrap!important}
 .hero-approved h1 em{font-size:27px!important;line-height:1.05!important;letter-spacing:-1px!important;margin:8px auto 0!important;max-width:88vw!important}
 .hero-approved h1 em i{font-size:25px!important}
 .hero-approved h1 em:after{height:4px!important;bottom:-6px!important}
 .hero-approved .hero-visual{order:3!important;height:225px!important;margin:2px auto 8px!important;width:100%!important}
 .hero-approved .hero-visual img,.hero-approved .hero-visual img[src*="felix-kapitaen-hero"]{height:235px!important;max-height:235px!important;width:auto!important;max-width:95%!important}
 .hero-approved .lead{order:4;font-size:14.5px!important;line-height:1.38!important;margin:0 0 7px!important;text-align:left!important}
 .hero-approved .lead.second{order:5;font-size:14px!important;line-height:1.38!important;margin-bottom:0!important}
 .hero-approved .cta{order:6!important;display:flex!important;width:min(300px,88%)!important;height:50px!important;margin:14px auto 24px!important;font-size:17px!important}
}
@media(max-width:390px){.hero-approved h1{font-size:38px!important}.hero-approved h1 em{font-size:25px!important}}
/* Reference rebuild v4 */
.ref-hero{background:radial-gradient(circle at 84% 30%,#c9e98e 0,rgba(201,233,142,.65) 18%,transparent 40%),radial-gradient(circle at 63% 78%,#e8f3c7 0,transparent 35%),linear-gradient(105deg,#fff 0,#f8fcf5 48%,#eaf5d8 100%);overflow:hidden}
.ref-hero-inner{width:min(1440px,94vw);margin:auto;min-height:530px;display:grid;grid-template-columns:58% 42%;position:relative}.ref-copy{padding:34px 0 26px;z-index:2}.ref-kicker{font-size:13px;font-weight:900;color:#59635e;margin-bottom:8px}.ref-copy h1{font-size:72px;line-height:.91;letter-spacing:-4px;margin:0;color:#07100c}.ref-script{display:inline-block;color:#18ad16;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:52px;font-weight:800;line-height:1;margin:5px 0 25px 70px;border-bottom:6px solid #18ad16;transform:rotate(-1deg)}.ref-script span{font-family:Arial,sans-serif;font-size:52px}.ref-copy p{font-size:17px;line-height:1.42;color:#48554f;max-width:650px;margin:0 0 7px}.ref-copy p b{color:#101713}.ref-cta{margin-top:17px;display:flex;width:260px;height:50px;border-radius:11px;background:#0db31b;color:#fff;align-items:center;justify-content:center;gap:24px;font-size:18px;font-weight:850}.ref-felix{display:flex;align-items:flex-end;justify-content:center;height:530px}.ref-felix img{height:515px;width:auto;max-width:100%;object-fit:contain}.ref-felix-mobile{display:none}
.ref-topics{width:min(1440px,94vw);margin:12px auto 18px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ref-topics a{min-height:140px;background:#fff;border:1px solid #e4eae6;border-radius:12px;box-shadow:0 6px 18px rgba(20,45,30,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#101713;padding:12px}.ref-topics i{font-style:normal;font-size:34px;line-height:1}.ref-topics b{font-size:16px;margin:8px 0 5px}.ref-topics span{font-size:12px;line-height:1.3;color:#5d6862}
@media(max-width:760px){.ref-hero-inner{width:100%;display:block;min-height:0}.ref-copy{padding:24px 20px 18px}.ref-kicker{text-align:center;font-size:10px;line-height:1.25;margin-bottom:10px}.ref-copy h1{text-align:center;font-size:42px;line-height:.94;letter-spacing:-2px}.ref-script{display:block;width:max-content;max-width:94%;font-size:29px;margin:7px auto 8px;border-bottom-width:4px}.ref-script span{font-size:28px}.ref-felix{display:none}.ref-felix-mobile{display:flex;height:205px;justify-content:center;align-items:flex-end;margin:0 auto 6px}.ref-felix-mobile img{height:215px;width:auto}.ref-copy p{font-size:14px;line-height:1.38;margin-bottom:7px}.ref-cta{width:78%;height:48px;margin:14px auto 0;font-size:17px}.ref-topics{width:calc(100% - 28px);grid-template-columns:repeat(3,1fr);gap:8px;margin:10px auto 18px}.ref-topics a{min-height:92px;padding:7px 4px}.ref-topics i{font-size:26px}.ref-topics b{font-size:13px;margin:5px 0 0}.ref-topics span{display:none}}
/* Mobile fidelity pass v5 */
@media(max-width:760px){
 .ref-copy{padding:18px 18px 12px!important}.ref-kicker{font-size:9px!important;margin-bottom:7px!important}
 .ref-copy h1{font-size:36px!important;line-height:.91!important;letter-spacing:-1.8px!important}
 .ref-script{font-size:25px!important;margin:5px auto 5px!important;border-bottom-width:3px!important}.ref-script span{font-size:23px!important}
 .ref-felix-mobile{height:178px!important;margin:0 auto 4px!important}.ref-felix-mobile img{height:188px!important}
 .ref-copy p{font-size:12.8px!important;line-height:1.3!important;margin:0 0 5px!important}
 .ref-copy p:nth-of-type(2){font-size:12.5px!important}
 .ref-cta{height:44px!important;width:72%!important;margin:10px auto 5px!important;font-size:15px!important}
 .ref-topics{margin-top:7px!important}.ref-topics a{min-height:82px!important}
 .felix-chat-launcher,.felix-chat-fab,.felix-chat-button{bottom:8px!important;right:8px!important;transform:scale(.78)!important;transform-origin:bottom right!important}
}
/* Desktop fidelity pass v6 */
@media(min-width:761px){
 .ref-hero{background:radial-gradient(circle at 86% 24%,rgba(189,228,110,.8) 0,rgba(190,229,113,.55) 22%,transparent 43%),radial-gradient(circle at 65% 75%,rgba(229,243,188,.95) 0,transparent 38%),linear-gradient(103deg,#fff 0,#f8fcf4 46%,#e7f3d5 100%)}
 .ref-hero-inner{width:min(1480px,94vw)!important;min-height:550px!important;grid-template-columns:57% 43%!important}
 .ref-copy{padding:35px 0 24px!important}.ref-kicker{font-size:14px!important;margin-bottom:9px!important}
 .ref-copy h1{font-size:76px!important;line-height:.9!important;letter-spacing:-4.4px!important}
 .ref-script{font-size:55px!important;margin:5px 0 25px 68px!important;border-bottom-width:6px!important}
 .ref-script span{font-size:52px!important}.ref-copy p{font-size:17px!important;line-height:1.4!important;max-width:680px!important}
 .ref-copy p:nth-of-type(2){font-size:16px!important}.ref-cta{width:270px!important;height:51px!important;margin-top:17px!important}
 .ref-felix{height:550px!important;justify-content:center!important;align-items:flex-end!important;transform:translateX(10px)}
 .ref-felix img{height:545px!important;max-height:545px!important;width:auto!important;max-width:none!important}
 .ref-topics{width:min(1480px,94vw)!important;margin:12px auto 18px!important;gap:12px!important}
 .ref-topics a{min-height:140px!important}
}
/* Leaf hero background v7 */
.ref-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.24) 43%,rgba(255,255,255,.03) 70%),url('/assets/hero-blaetter.webp')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
@media(max-width:760px){
 .ref-hero{background-image:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.18)),url('/assets/hero-blaetter.webp')!important;background-size:auto 100%!important;background-position:center top!important}
 .ref-copy p{background:rgba(255,255,255,.78);padding:3px 6px;border-radius:5px}
}
/* Graphic hero title v8 */
.ref-title-art{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;font-size:inherit!important;line-height:1!important;letter-spacing:-3.2px!important;width:max-content;max-width:100%}
.ref-title-line{display:flex;align-items:center;position:relative;padding:1px 22px 4px 14px;border-radius:4px;font-weight:950;white-space:nowrap;box-shadow:0 2px 0 rgba(0,0,0,.04)}
.ref-title-line i{font-style:normal;font-size:.65em;line-height:1;margin-right:10px;letter-spacing:0;filter:drop-shadow(0 2px 0 rgba(255,255,255,.9))}
.ref-title-strom{background:linear-gradient(96deg,rgba(255,215,69,.82),rgba(255,229,124,.55) 78%,transparent)}
.ref-title-heizung{margin-left:54px;background:linear-gradient(96deg,rgba(255,145,87,.82),rgba(255,188,143,.54) 80%,transparent)}
.ref-title-heizung i{color:#e72722}
.ref-title-smart{margin-left:25px;background:linear-gradient(96deg,rgba(183,226,247,.88),rgba(219,242,251,.58) 84%,transparent)}
.ref-title-smart i{color:#1670aa}
@media(max-width:760px){
 .ref-title-art{margin:0 auto!important;align-items:flex-start!important;gap:2px!important;letter-spacing:-1.5px!important}
 .ref-title-line{padding:1px 10px 2px 7px!important}
 .ref-title-line i{margin-right:5px!important}
 .ref-title-heizung{margin-left:28px!important}
 .ref-title-smart{margin-left:12px!important}
}
/* identical handwritten graphic on all devices v9 */
.ref-script-image{display:block!important;border:0!important;transform:none!important;width:520px!important;max-width:72%!important;height:auto!important;margin:5px 0 18px 52px!important;line-height:0!important}
.ref-script-image img{display:block;width:100%!important;height:auto!important}
@media(max-width:760px){
 .ref-script-image{width:330px!important;max-width:88%!important;margin:4px auto 5px!important;border:0!important;transform:none!important}
}