/* Scoped site navigation: original tariff styles remain independent. */
body{--site-rail:225px;padding-left:var(--site-rail)!important}
.si-rail{position:fixed;inset:0 auto 0 0;width:var(--site-rail);height:100dvh;z-index:1000;box-sizing:border-box;background:#eef1f5;color:#182029;border-right:1px solid #d6dce2;padding:35px 18px;overflow-y:auto;font-family:Inter,Arial,sans-serif}
.si-rail-brand{display:block;margin:0 10px 55px}.si-rail-brand img{width:170px;height:32px;object-fit:contain}
.si-rail nav{display:flex;flex-direction:column;gap:10px}.si-rail nav a{display:flex;align-items:center;gap:11px;padding:14px 10px;border-radius:12px;color:inherit;text-decoration:none;font-size:13px;font-weight:600;line-height:1.4}.si-rail nav a:hover{background:#dde4eb}.si-rail nav a[aria-current]{background:#dfe5eb;color:#26323b}.si-rail svg{width:20px;height:20px;flex:none}.si-rail a:focus-visible{outline:3px solid #4c941e;outline-offset:2px}.si-rail nav a:last-child{margin-top:24px;border-top:1px solid #d1d8df}
body #navbar,body .sticky-cta{left:var(--site-rail);width:calc(100% - var(--site-rail))}body #progressBar{left:var(--site-rail);max-width:calc(100% - var(--site-rail))}
.comparison-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e4e8e1;color:#303a32;background:#fff}.comparison-row:nth-child(even){background:#f6f8f5}.comparison-cell{padding:20px 16px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid #e4e8e1;font-size:14px;overflow-wrap:anywhere}.comparison-feature{justify-content:flex-start;text-align:left;font-weight:500}.comparison-cell--accent{background:#edf6e8;color:#315d28;font-weight:700;border-right:0}
@media(max-width:1199px){body{--site-rail:68px}.si-rail{padding:22px 8px}.si-rail-brand{margin:0 0 35px}.si-rail-brand img{width:48px;height:36px;object-fit:contain}.si-rail nav a{padding:14px 0;justify-content:center}.si-rail nav a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comparison-cell{padding:14px 8px;font-size:12px}}
@media(max-width:600px){body{--site-rail:54px}.si-rail{padding:16px 5px}.si-rail-brand img{width:40px}.comparison-shell>.grid>div{padding:14px 5px}.comparison-shell>.grid p{font-size:10px;overflow-wrap:anywhere}.comparison-shell>.grid svg{display:none}.comparison-cell{font-size:11px;padding:12px 6px}.si-rail nav a{min-height:44px}.si-rail nav{gap:8px}}
.si-rail{z-index:10000}
@media(min-width:1024px) and (max-width:1499px){#navbar .nav-brand-name{display:none}#navbar .gap-8{gap:20px}}
/* Unified sidebar and native, keyboard-operable disclosures. */
body{--site-rail:225px}.si-rail{padding:28px 14px}.si-rail-brand{margin:0 12px 30px}.si-rail-brand img{width:170px;height:55px}.si-rail:not([data-area="home"]) .si-rail-brand img{width:80px;height:88px}.si-rail-brand{display:flex;justify-content:center}.si-navigation>summary{display:none}.si-group>summary{display:flex;align-items:center;gap:10px;padding:14px 10px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.si-group>summary::-webkit-details-marker{display:none}.si-group>summary b{margin-left:auto;transition:transform .2s}.si-group[open]>summary b{transform:rotate(180deg)}.si-group[open]>summary{background:#dce4eb}.si-submenu{padding:6px 0 8px 22px;border-left:1px solid #cbd3dc;margin-left:19px}.si-rail .si-submenu a{font-size:12px;padding:9px 8px}.si-rail nav a:last-child{margin-top:0;border-top:0}.si-rail nav>a:last-child{margin-top:16px;border-top:1px solid #d1d8df}.si-rail nav a span{position:static;width:auto;height:auto;clip-path:none;overflow:visible}.si-rail nav a{justify-content:flex-start}.si-group summary:focus-visible{outline:2px solid #518631}.si-submenu a:hover{background:#dce4eb}
#navbar,.sp-nav,.energy-header,.tariff-nav{display:none!important}.notice-bar{position:relative!important;top:auto!important}.sp-page{padding-top:0}body{padding-top:0!important}.reading-progress{left:225px;width:calc(100% - 225px)}
@media(max-width:700px){body{--site-rail:64px}.si-rail{width:64px;padding:18px 6px;overflow:visible}.si-rail-brand{margin:0 0 22px}.si-rail-brand img,.si-rail:not([data-area="home"]) .si-rail-brand img{width:50px;height:52px}.si-navigation>summary{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font-size:10px;list-style:none;padding:12px 0}.si-navigation>summary span{font-size:23px}.si-navigation>nav{display:none}.si-navigation[open]>nav{display:flex;position:absolute;left:64px;top:0;width:min(270px,calc(100vw - 64px));height:100dvh;overflow:auto;background:#eef1f5;padding:24px 14px;box-sizing:border-box;box-shadow:12px 0 30px #0002}.reading-progress{left:64px;width:calc(100% - 64px)}}
@media(min-width:701px) and (max-width:1250px){#main-content h1{font-size:clamp(38px,4.5vw,56px)}#main-content>.relative .lg\:grid-cols-2{gap:28px}}
/* Persistent navigation on every screen; narrow screens retain labelled links. */
@media(max-width:700px){body{--site-rail:116px}.si-rail{width:116px;padding:16px 7px;overflow-y:auto;overflow-x:hidden}.si-rail-brand img,.si-rail:not([data-area="home"]) .si-rail-brand img{width:72px;height:65px}.si-rail[data-area="home"] .si-rail-brand img{width:100px;height:40px}.si-navigation>summary{display:none}.si-navigation>nav,.si-navigation[open]>nav{display:flex;position:static;width:auto;height:auto;padding:0;box-shadow:none;overflow:visible}.si-rail nav>a,.si-group>summary{flex-wrap:wrap;justify-content:flex-start;gap:6px;padding:11px 5px;font-size:11px;overflow-wrap:anywhere}.si-rail nav a span,.si-group>summary>span{flex-basis:100%}.si-group>summary b{position:absolute;right:10px}.si-submenu{margin-left:5px;padding-left:5px}.si-rail .si-submenu a{font-size:10px;padding:9px 4px;line-height:1.5}.reading-progress{left:116px;width:calc(100% - 116px)}}
@media(max-width:700px){body main{min-width:0;width:100%;box-sizing:border-box}#main-content .grid{min-width:0;max-width:100%}#main-content .grid>div{min-width:0}#main-content .hero-title{font-size:clamp(25px,7vw,38px);overflow-wrap:anywhere}#main-content .hero-title span{white-space:normal}#main-content p{overflow-wrap:anywhere}#main-content .max-w-7xl{width:100%;min-width:0;box-sizing:border-box}.si-group>summary>span{hyphens:auto}.si-rail nav>a,.si-group>summary{font-size:10px}.sticky-cta{font-size:10px}}
/* Isolate sidebar disclosures from the site's generic FAQ disclosure rules. */
.si-rail .si-navigation{border:0;margin:0;padding:0}
.si-rail .si-group{border:0;margin:0;padding:0;position:relative}
.si-rail .si-group>summary{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:14px 10px;font-size:13px;line-height:1.4;list-style:none}
.si-rail .si-group>summary>span,.si-rail .si-group[open]>summary>span{font-size:inherit;color:inherit;transform:none;letter-spacing:normal;font-weight:600}
.si-rail .si-group>summary>b{position:static;margin-left:auto;font-size:14px;flex:none}
.si-rail .si-navigation>nav{display:flex;position:static;flex-direction:column;width:auto;height:auto;padding:0;margin:0;box-shadow:none;background:transparent}
@media(max-width:700px){.si-rail .si-group>summary{font-size:10px;gap:6px;padding:11px 5px;flex-wrap:wrap}.si-rail .si-group>summary>b{position:absolute;top:13px;right:5px}.si-rail .si-group>summary>span{flex-basis:100%}.si-rail .si-navigation>nav{overflow:visible}}
/* Supplied two-line wordmark, framed without the surrounding transparent canvas. */
.si-rail[data-area="home"] .si-stacked-wordmark{display:block;position:relative;width:170px;aspect-ratio:3.57;overflow:hidden;flex:none}
.si-rail[data-area="home"] .si-stacked-wordmark img{position:absolute;width:116.7%;max-width:none;height:auto;left:-8.35%;top:-158.7%;filter:brightness(0)}
@media(max-width:700px){.si-rail[data-area="home"] .si-stacked-wordmark{width:96px}.si-rail[data-area="home"] .si-stacked-wordmark img{width:116.7%;height:auto}}
/* Homepage scene state follows both hover selection and the automatic cycle. */
/* Home stays neutral even while the hero changes the rail's area color. */
.si-rail .si-navigation a[data-nav="home"]{--scene-color:#26323b;--scene-tint:#dfe5eb}
.si-rail .si-submenu a[aria-current],.si-rail[data-area="repair"] .si-navigation>nav>a[aria-current]:not([data-nav="home"]){background:var(--scene-tint,#dfe5eb);color:var(--scene-color,#26323b)}
.si-rail[data-area="camera"]{--scene-color:#067d94;--scene-tint:#d9f1f6}
.si-rail[data-area="repair"]{--scene-color:#75409b;--scene-tint:#eee0f8}
.si-rail[data-area="energy"]{--scene-color:#396623;--scene-tint:#e2efd8}
.si-rail[data-area="home"]{--scene-color:#26323b;--scene-tint:#dfe5eb}
.si-rail .si-navigation .scene-active{background:var(--scene-tint)!important;color:var(--scene-color)!important;box-shadow:inset 3px 0 var(--scene-color);transition:background .3s,color .3s}
.si-rail-brand{min-height:88px;align-items:center}
@media(max-width:700px){.si-rail-brand{min-height:65px}}
/* Sidebar padding is part of the viewport width, never added outside it. */
html{width:100%;max-width:100%;overflow-x:clip}
body{box-sizing:border-box;width:100%;max-width:100%;margin:0;overflow-x:clip}
body>main{min-width:0;max-width:100%}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

/* ============ Mobil & Tablet (≤1023px) ============
   Kopfzeile im Seitenfluss (scrollt weg) · Dock im Daumenbereich (beim Hochscrollen) · Bottom-Sheets. */
.si-bar-context,.si-menu-btn,.si-sheet,.si-dock,.si-backdrop{display:none}
@media(max-width:1023px){
body{--site-rail:0px;padding-left:0!important}
@supports(overflow:clip){body.overflow-x-hidden,body{overflow-x:clip!important}}
.si-rail{--bar-bg:#0b0c0d;--bar-fg:#fff;--bar-sub:rgba(255,255,255,.62);position:relative!important;inset:auto!important;width:100%!important;height:56px!important;display:flex;align-items:center;gap:10px;padding:0 10px 0 16px!important;box-sizing:border-box;overflow:visible!important;background:var(--bar-bg)!important;color:var(--bar-fg);border:0!important;z-index:10000!important;font-family:Inter,system-ui,sans-serif}
.si-rail[data-bar=light]{--bar-bg:#f5f6f8;--bar-fg:#14181c;--bar-sub:#5b6570;border-bottom:1px solid #e3e7eb!important}
body[data-home-design=showcase] .si-rail{background:#0b0c0d!important;border:0!important}
.si-rail .si-navigation{display:none!important}
.si-rail .si-rail-brand,body[data-home-design=showcase] .si-rail .si-rail-brand{margin:0!important;min-height:0!important;height:44px!important;display:flex!important;align-items:center;justify-content:flex-start!important;flex:none}
.si-rail .si-rail-brand img,.si-rail:not([data-area="home"]) .si-rail-brand img{width:34px!important;height:34px!important;object-fit:contain}
.si-rail[data-area="home"] .si-stacked-wordmark{width:100px!important}
.si-rail[data-area="home"] .si-stacked-wordmark img{width:116.7%!important;height:auto!important}
.si-rail[data-bar=dark][data-area="home"] .si-stacked-wordmark img{filter:brightness(0) invert(1)!important}
.si-bar-context{display:block;flex:1;min-width:0;font-size:15px;font-weight:600;letter-spacing:-.006em;color:var(--bar-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-menu-btn{display:inline-flex;align-items:center;gap:9px;margin-left:auto;height:44px;padding:0 16px 0 14px;border:0;border-radius:14px;background:var(--bar-fg);color:var(--bar-bg);font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent}
.si-burger{position:relative;width:18px;height:12px;display:block;flex:none}
.si-burger i{position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:currentColor}
.si-burger i:nth-child(1){top:0}.si-burger i:nth-child(2){top:5px}.si-burger i:nth-child(3){top:10px}
.si-rail button:focus-visible,.si-rail a:focus-visible{outline:3px solid #12b5d3;outline-offset:2px}

/* Dock */
.si-dock{display:flex;position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:10001;width:min(calc(100% - 20px),480px);height:60px;padding:6px;gap:6px;align-items:stretch;box-sizing:border-box;border-radius:20px;background:rgba(16,18,20,.9);-webkit-backdrop-filter:saturate(1.5) blur(18px);backdrop-filter:saturate(1.5) blur(18px);box-shadow:0 12px 34px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.08);transform:translate(-50%,calc(100% + 30px));transition:transform .32s cubic-bezier(.2,.8,.2,1);color:#fff}
.si-dock.is-on{transform:translate(-50%,0)}
.si-dock button,.si-dock a{-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif}
.si-dock-menu{flex:none;width:48px;border:0;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer}
.si-dock-toc{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;border:0;border-radius:14px;background:transparent;color:#fff;text-align:left;cursor:pointer}
.si-dock-toc>svg:first-child{flex:none;opacity:.7}
.si-dock-toc>svg:last-child{flex:none;opacity:.55}
.si-dock-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.si-dock-k{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-dock-v{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-dock--no-toc{width:auto;min-width:220px}
.si-dock--no-toc .si-dock-cta{flex:1;justify-content:center}
.si-dock-cta{flex:none;display:inline-flex;align-items:center;gap:6px;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,var(--dock-a,#12b5d3),var(--dock-b,#0a93b3));color:#fff!important;font-weight:650;font-size:15px;text-decoration:none;white-space:nowrap}
.si-rail[data-area=repair] .si-dock-cta{--dock-a:#9b6bff;--dock-b:#7c4ddb}
.si-rail[data-area=energy] .si-dock-cta{--dock-a:#3cc027;--dock-b:#2da01e}
.si-rail[data-area=home] .si-dock-cta{--dock-a:#2d3339;--dock-b:#1d2226;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}

/* Sheets */
.si-backdrop{display:block;position:fixed;inset:0;z-index:10002;background:rgba(8,10,12,.5);opacity:0;transition:opacity .26s}
.si-backdrop[hidden]{display:none}
.si-backdrop.is-open{opacity:1}
.si-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:10003;max-height:min(88dvh,760px);background:#f6f7f8;color:#14181c;border-radius:26px 26px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.28);transform:translateY(104%);transition:transform .3s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom);font-family:Inter,system-ui,sans-serif;max-width:640px;margin:0 auto}
.si-sheet[hidden]{display:none}
.si-sheet.is-open{transform:none}
.si-sheet-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 14px 10px 22px;flex:none;touch-action:none}
.si-grip{position:absolute;left:50%;top:8px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#cfd5db}
.si-sheet-head b{font-size:20px;font-weight:700;letter-spacing:-.011em}
.si-sheet-close{width:44px;height:44px;border:0;border-radius:50%;background:#e8ebee;color:#14181c;display:grid;place-items:center;cursor:pointer}
.si-sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:6px 16px 22px;-webkit-overflow-scrolling:touch}
.si-m-row{display:flex;align-items:center;gap:14px;min-height:54px;padding:0 14px;border-radius:16px;color:#14181c;text-decoration:none;font-size:17px;font-weight:600}
.si-m-row svg{width:22px;height:22px}
.si-m-row[aria-current]{background:#e4e8ec}
.si-m-label{margin:16px 6px 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a848d}
.si-m-area{--c:#067d94;--t:#dff4f8;background:#fff;border-radius:18px;margin-bottom:10px;box-shadow:0 1px 2px rgba(20,24,28,.05),0 6px 18px rgba(20,24,28,.05);overflow:hidden}
.si-m-area[data-area=repair]{--c:#6d3fb8;--t:#f0e8ff}
.si-m-area[data-area=energy]{--c:#2f7d1f;--t:#e4f3dc}
.si-m-area--here{box-shadow:inset 0 0 0 2px var(--c),0 6px 18px rgba(20,24,28,.06)}
.si-m-card{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 14px;min-height:68px;color:#14181c;text-decoration:none}
.si-m-ic{width:44px;height:44px;border-radius:13px;background:var(--t);color:var(--c);display:grid;place-items:center;flex:none}
.si-m-ic svg{width:23px;height:23px}
.si-m-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.si-m-txt b{font-size:17px;font-weight:700;letter-spacing:-.006em}
.si-m-txt small{font-size:13.5px;color:#6b747c}
.si-m-card>svg{color:var(--c);flex:none}
.si-m-sub{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px 72px}
.si-m-sub a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:12px;background:#f1f3f5;color:#26323b;text-decoration:none;font-size:14.5px;font-weight:600}
.si-m-sub a[aria-current]{background:var(--t);color:var(--c);box-shadow:inset 0 0 0 1.5px var(--c)}
.si-m-contact{margin-top:6px}
.si-m-legal{display:flex;gap:18px;margin:14px 14px 0;font-size:14px}
.si-m-legal a{color:#6b747c;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.si-toc-top{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:14px;color:#5b6570;text-decoration:none;font-weight:600;font-size:15px}
#si-toc ol{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}
#si-toc ol a{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 12px;border-radius:14px;color:#14181c;text-decoration:none;font-size:16.5px;font-weight:600}
#si-toc ol a span{font-size:12.5px;font-weight:700;color:#8a939b;width:22px;flex:none}
#si-toc ol a[aria-current]{background:#fff;box-shadow:0 1px 2px rgba(20,24,28,.06),0 6px 16px rgba(20,24,28,.06),inset 3px 0 0 #12b5d3}
html.si-lock,html.si-lock body{overflow:hidden!important}
.reading-progress,body #progressBar{left:0!important;width:100%!important;max-width:100%!important}
body #navbar{left:0!important;width:100%!important}
/* Tarife: Dock ersetzt die eigene Sticky-Leiste; WhatsApp-Knopf weicht dem Dock aus */
body .sticky-cta{display:none!important}
.whatsapp-btn{bottom:calc(16px + env(safe-area-inset-bottom))!important;right:14px!important;width:54px!important;height:54px!important;transition:transform .32s cubic-bezier(.2,.8,.2,1)!important}
html.si-dock-on .whatsapp-btn{transform:translateY(-70px)}
/* Seitenende: Platz, damit das Dock den Footer nicht verdeckt */
body::after{content:"";display:block;height:calc(84px + env(safe-area-inset-bottom))}
body.sx::after{background:#111}
body:has(>footer.bg-gray-900)::after{background:#111827}
body[data-home-design=showcase] .slant-home{height:calc(100svh - 56px)}
body[data-home-design=showcase] .slant-top>div{display:none}
}
/* Smartphone: Kopfzeile liegt transparent über dem Vollbild-Hero (Bereichsseiten und Startseite) */
@media(max-width:700px){
body.sx .si-rail,body[data-home-design=showcase] .si-rail{position:absolute!important;top:0!important;left:0!important;right:0!important;background:transparent!important;border:0!important}
body.sx .si-rail .si-bar-context,body[data-home-design=showcase] .si-rail .si-bar-context{color:rgba(255,255,255,.82);text-shadow:0 1px 8px rgba(0,0,0,.4)}
}
@media(max-width:1023px) and (prefers-reduced-motion:reduce){.si-dock,.si-sheet,.si-backdrop,.whatsapp-btn{transition:none!important}}

/* ============ Desktop-Seitenleiste v13 (≥1024px) ============
   Dunkel wie Hero und CTA-Flächen, Bereiche mit 01–03 in ihrer Farbe (wie im Hero), keine grauen Kästen,
   Kontakt als Button am Fuß, Rechtliches klein darunter. */
.si-rail-label,.si-rail-legal{display:none}
@media(min-width:1024px){
body .si-rail{--rail-fg:rgba(255,255,255,.68);--rail-dim:rgba(255,255,255,.58);--rail-line:rgba(255,255,255,.08);display:flex;flex-direction:column;padding:30px 16px 22px;background:#0b0c0d;color:#fff;border-right:1px solid var(--rail-line);font-family:Inter,system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
body .si-rail .si-rail-brand{flex:none;justify-content:flex-start;min-height:0;height:72px;margin:0 10px 26px}
body .si-rail[data-area="home"] .si-stacked-wordmark{width:150px}
body .si-rail[data-area="home"] .si-stacked-wordmark img{filter:brightness(0) invert(1)}
body .si-rail:not([data-area="home"]) .si-rail-brand img{width:64px;height:72px;object-fit:contain;object-position:left center}
body .si-rail .si-navigation{flex:1;display:flex;flex-direction:column;min-height:0}
body .si-rail .si-navigation>nav{flex:1;gap:2px}
/* Einträge */
body .si-rail nav a,body .si-rail .si-group>summary{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:10px;background:transparent;color:var(--rail-fg);font-size:14.5px;font-weight:500;line-height:1.25;letter-spacing:.005em;text-decoration:none;box-shadow:none;transition:color .2s,background .2s}
body .si-rail .si-group>summary>span{font-weight:500}
body .si-rail nav a:hover,body .si-rail .si-group>summary:hover{background:rgba(255,255,255,.05);color:#fff}
body .si-rail nav>a:last-child{margin-top:0;border-top:0}
body .si-rail nav a svg{width:18px;height:18px;opacity:.8}
body .si-rail .si-n{flex:none;width:22px;font:700 11px/1 Inter,Inter,system-ui,sans-serif;font-style:normal;letter-spacing:.02em;color:var(--c,#fff)}
body .si-rail [data-key="camera"]{--c:#6ee1ed}
body .si-rail [data-key="repair"]{--c:#c5a7ef}
body .si-rail [data-key="energy"]{--c:#b0db89}
body .si-rail .si-group>summary>b{margin-left:auto;display:grid;place-items:center;opacity:.5;transition:transform .25s,opacity .2s}
body .si-rail .si-group>summary>b svg{width:15px;height:15px}
body .si-rail .si-group[open]>summary>b{transform:rotate(180deg);opacity:.8}
body .si-rail .si-group[open]>summary{background:transparent;color:#fff}
/* Aktiv: aktuelle Seite bzw. die gerade im Hero gezeigte Szene */
body .si-rail nav>a[aria-current],body .si-rail .si-navigation .scene-active,body .si-rail .si-group:has(.si-submenu a[aria-current])>summary{background:rgba(255,255,255,.07)!important;color:#fff!important;box-shadow:none!important;border:0!important}
body .si-rail nav>a[aria-current]:not(.si-rail-cta)::before,body .si-rail .si-navigation .scene-active::before,body .si-rail .si-group:has(.si-submenu a[aria-current])>summary::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:2px;background:var(--c,#fff)}
body .si-rail .si-navigation a[data-nav="home"]{--c:#fff}
/* Unterpunkte */
body .si-rail .si-submenu{margin:2px 0 8px 23px;padding:2px 0 2px 10px;border-left:1px solid var(--rail-line)}
body .si-rail .si-submenu a{min-height:36px;padding:7px 10px;font-size:13.5px;color:rgba(255,255,255,.55)}
body .si-rail .si-submenu a:hover{color:#fff;background:rgba(255,255,255,.04)}
body .si-rail .si-submenu a[aria-current]{background:transparent!important;box-shadow:none!important;color:#fff!important}
body .si-rail .si-submenu a[aria-current]::before{content:"";position:absolute;left:-11px;top:9px;bottom:9px;width:1px;background:currentColor}
/* Gruppenlabel, Kontakt, Rechtliches */
body .si-rail .si-rail-label{display:block;margin:22px 12px 6px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rail-dim)}
body .si-rail nav>a.si-rail-cta{margin-top:auto;justify-content:space-between;min-height:48px;padding:0 6px 0 18px;border-radius:99px;background:#fff;color:#0b0c0d;font-weight:600;font-size:14px;white-space:nowrap;box-shadow:none}
body .si-rail nav>a.si-rail-cta svg{width:34px;height:34px;padding:8px;border-radius:50%;background:#0b0c0d;color:#fff;opacity:1;transition:transform .25s}
body .si-rail nav>a.si-rail-cta:hover{background:#e9edf0;color:#0b0c0d}
body .si-rail nav>a.si-rail-cta:hover svg{transform:translateX(2px)}
body .si-rail nav>a.si-rail-cta[aria-current]{background:#fff!important;color:#0b0c0d!important;box-shadow:none!important}
body .si-rail .si-rail-legal{display:flex;flex-wrap:wrap;gap:6px 14px;margin:16px 12px 0}
body .si-rail .si-rail-legal a{min-height:0;padding:0;border-radius:0;font-size:12px;color:var(--rail-dim)}
body .si-rail .si-rail-legal a:hover{background:none;color:#fff}
body .si-rail a:focus-visible,body .si-rail summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
body .si-rail .si-navigation>nav{overflow:visible}
}
@media(min-width:1024px) and (max-height:760px){body .si-rail{padding-top:22px}body .si-rail .si-rail-brand{height:56px;margin-bottom:14px}body .si-rail .si-rail-label{margin-top:14px}body .si-rail nav a,body .si-rail .si-group>summary{min-height:40px;padding:8px 12px}}

/* Lange Dock-Beschriftungen (z. B. „Partner werden“): Pfeil weg, damit „Auf dieser Seite“ lesbar bleibt */
@media(max-width:430px){.si-dock:not(.si-dock--no-toc) .si-dock-cta--long svg{display:none}.si-dock:not(.si-dock--no-toc) .si-dock-cta--long{padding:0 14px}}
@media(max-width:430px){.si-dock:has(.si-dock-cta--long) .si-dock-toc>svg:first-child{display:none}.si-dock:has(.si-dock-cta--long) .si-dock-toc{padding-left:8px}}

/* ============ v14 Navigation nach Apple-Vorbild ============
   Globale Leiste oben (hell, durchscheinend), Flyouts mit Bereichsseiten und Ratgeber,
   Bereichsleiste (Produktleiste) klebt beim Scrollen. Die alte Seitenleiste entfällt. */
html body{--site-rail:0px!important;padding-left:0!important;--gn-h:52px}
.sx-progress{display:none!important}
.gn{position:sticky;top:0;z-index:1100;height:var(--gn-h);background:rgba(244,245,247,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#1d1d1f}
body:has(.ln) .gn{position:relative}
.gn-in{display:flex;align-items:center;gap:24px;max-width:1240px;height:100%;margin:0 auto;padding:0 22px}
.gn-brand{display:flex;align-items:center;gap:10px;flex:none;font-size:16px;font-weight:650;letter-spacing:-.01em;color:inherit;text-decoration:none}
.gn-brand img{width:26px;height:auto}
.gn-wm{display:block;height:11.5px;width:auto;flex:none}
.sf-brand .gn-wm{height:11px}
.gn-nav{flex:1;display:flex;justify-content:center;height:100%}
.gn-list{display:flex;gap:4px;list-style:none;margin:0;padding:0;height:100%}
.gn-item{display:flex;align-items:center;height:100%}
.gn-top{display:flex;align-items:center;height:100%;padding:0 12px;font-size:14px;font-weight:450;color:rgba(29,29,31,.82);text-decoration:none;transition:color .2s}
.gn-top:hover,.gn-item.hover .gn-top,.gn-item:focus-within .gn-top{color:#1d1d1f}
.gn-top[aria-current]{color:#1d1d1f;font-weight:600}
.gn-fly{position:absolute;left:0;right:0;top:var(--gn-h);background:rgba(250,249,246,.97);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 30px 60px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility 0s .25s}
.gn-item.hover .gn-fly,.gn-item:focus-within .gn-fly{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
.gn-fly-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) minmax(0,.8fr);gap:48px;max-width:1240px;margin:0 auto;padding:36px 22px 46px 140px}
.gn-k{margin:0 0 14px;font-size:12px;font-weight:500;color:#6e6e73}
.gn-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gn-col a{font-size:14px;font-weight:550;color:#1d1d1f;text-decoration:none;line-height:1.35}
.gn-col a:hover{color:var(--gn-accent,#05697d)}
.gn-col-big a{font-size:24px;font-weight:650;letter-spacing:-.02em}
.gn-item[data-key=camera]{--gn-accent:#0a8fae}.gn-item[data-key=repair]{--gn-accent:#7c4ddb}.gn-item[data-key=energy]{--gn-accent:#2a8a1c}
.gn-tools{display:flex;align-items:center;gap:6px;flex:none}
.gn-lang{position:relative}
.gn-lang summary{display:flex;align-items:center;gap:4px;height:34px;padding:0 10px;border-radius:99px;list-style:none;cursor:pointer;font-size:13px;font-weight:600;color:#1d1d1f}
.gn-lang summary::-webkit-details-marker{display:none}
.gn-lang summary svg{width:13px;height:13px;opacity:.6}
.gn-lang summary:hover,.gn-icon:hover{background:rgba(0,0,0,.05)}
.gn-lang-pop{position:absolute;right:0;top:42px;display:grid;min-width:150px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06)}
.gn-lang-pop button{padding:9px 12px;border:0;border-radius:9px;background:none;text-align:left;font:500 14px Inter,system-ui,sans-serif;color:#1d1d1f;cursor:pointer}
.gn-lang-pop button:hover{background:rgba(0,0,0,.05)}
.gn-lang-pop button[aria-pressed=true]{font-weight:700}
.gn-icon{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:none;color:#1d1d1f;cursor:pointer}
.gn-icon svg{width:17px;height:17px}
.gn-icon .si-sun{display:none}
html[data-theme=dark] .gn-icon .si-sun{display:inline}html[data-theme=dark] .gn-icon .si-moon{display:none}
.gn-cta{display:inline-flex;align-items:center;height:34px;margin-left:6px;padding:0 16px;border-radius:99px;background:#1d1d1f;color:#fff!important;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .2s}
.gn-cta:hover{background:#000}
.gn-menu{display:none;width:40px;height:40px;margin-right:-8px;border:0;background:none;color:#1d1d1f;cursor:pointer}
.gn-menu .si-burger{display:grid;gap:6px;width:18px;margin:auto}
.gn-menu .si-burger i{display:block;height:1.5px;border-radius:2px;background:currentColor;transition:transform .3s}
html.gn-open .gn-menu .si-burger i:first-child{transform:translateY(3.75px) rotate(45deg)}
html.gn-open .gn-menu .si-burger i:last-child{transform:translateY(-3.75px) rotate(-45deg)}
/* Bereichsleiste */
.ln{position:sticky;top:0;z-index:1050;height:52px;background:rgba(244,245,247,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#1d1d1f}
.ln-in{display:flex;align-items:center;gap:20px;max-width:1240px;height:100%;margin:0 auto;padding:0 22px}
.ln-title{flex:none;font-size:20px;font-weight:650;letter-spacing:-.02em;color:inherit;text-decoration:none}
.ln-toggle{display:none}
.ln-links{display:flex;gap:22px;list-style:none;margin:0 0 0 auto;padding:0}
.ln-links a{font-size:13px;color:rgba(29,29,31,.8);text-decoration:none;white-space:nowrap}
.ln-links a:hover{color:#1d1d1f}
.ln-links a[aria-current]{color:#1d1d1f;font-weight:600}
.ln-cta{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:99px;background:var(--ln-c,#076d84);color:#fff!important;font-size:12.5px;font-weight:600;text-decoration:none}
.ln[data-area=repair]{--ln-c:#6d3fb8}.ln[data-area=energy]{--ln-c:#237a17}.ln[data-area=home]{--ln-c:#1d1d1f}
/* Mobil-Menü */
.gn-panel{position:fixed;inset:var(--gn-h) 0 0;z-index:1090;overflow-y:auto;background:#f4f5f7;font-family:Inter,system-ui,-apple-system,sans-serif;animation:gpIn .3s ease}
.gn-panel[hidden]{display:none}
@keyframes gpIn{from{opacity:0;transform:translateY(-8px)}}
html.gn-open,html.gn-open body{overflow:hidden}
.gp-in{display:grid;gap:22px;max-width:640px;margin:0 auto;padding:26px 22px 40px}
.gp-big{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:650;letter-spacing:-.025em;color:#1d1d1f;text-decoration:none}
.gp-big img{width:26px;height:auto}
.gp-area ul{list-style:none;margin:10px 0 0 38px;padding:0;display:grid;gap:9px}
.gp-area ul a{font-size:16px;color:#424245;text-decoration:none}
.gp-contact{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:52px;border-radius:99px;background:#1d1d1f;color:#fff!important;font-size:16px;font-weight:600;text-decoration:none}
.gp-contact svg{width:18px;height:18px}
.gp-legal{display:flex;gap:18px;margin:0}.gp-legal a{font-size:14px;color:#6e6e73}
.gn-panel .si-m-prefs{display:grid;gap:16px}
/* Dunkles Design */
html[data-theme=dark] .gn,html[data-theme=dark] .ln{background:rgba(18,19,21,.8);border-color:rgba(255,255,255,.08);color:#f5f5f7}
html[data-theme=dark] .gn-top,html[data-theme=dark] .ln-links a{color:rgba(245,245,247,.75)}
html[data-theme=dark] :is(.gn-top:hover,.gn-top[aria-current],.gn-item.hover .gn-top,.ln-links a[aria-current],.ln-links a:hover,.gn-lang summary,.gn-icon,.gn-menu,.gn-col a,.gp-big){color:#f5f5f7}
html[data-theme=dark] .gn-fly{background:rgba(22,23,25,.97);border-color:rgba(255,255,255,.08)}
html[data-theme=dark] .gn-cta,html[data-theme=dark] .gp-contact{background:#f5f5f7;color:#1d1d1f!important}
html[data-theme=dark] .gn-lang-pop{background:#1f2124}html[data-theme=dark] .gn-lang-pop button{color:#f5f5f7}
html[data-theme=dark] .gn-panel{background:#121315}html[data-theme=dark] .gp-area ul a{color:#c7c7cc}
/* Tablet/Handy */
@media (max-width:1023px){
  .gn-nav,.gn-tools{display:none}
  .gn-menu{display:block}
  .gn-in{justify-content:space-between;padding:0 16px}
  .gn{--gn-h:48px}
  .ln{height:48px}
  .ln-in{gap:10px;padding:0 16px}
  .ln-title{font-size:17px}
  .ln-toggle{display:grid;place-items:center;width:30px;height:30px;margin-left:-6px;border:0;background:none;color:inherit;cursor:pointer;transition:transform .25s}
  .ln-toggle svg{width:16px;height:16px}
  .ln.open .ln-toggle{transform:rotate(180deg)}
  .ln-links{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;gap:0;margin:0;padding:6px 16px 14px;background:rgba(244,245,247,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 20px 40px rgba(0,0,0,.08)}
  .ln.open .ln-links{display:flex}
  .ln-links a{display:block;padding:11px 0;font-size:16px;border-bottom:1px solid rgba(0,0,0,.06)}
  .ln-cta{margin-left:auto}
  html[data-theme=dark] .ln-links{background:rgba(22,23,25,.97)}
}
@media (prefers-reduced-motion:reduce){.gn-fly,.gn-panel{transition:none;animation:none}}
.gn-card{position:relative;display:block;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;align-self:start}
.gn-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.gn-card:hover img{transform:scale(1.04)}
.gn-card span{position:absolute;inset:auto 0 0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.gn-card b{display:block;font-size:16px;font-weight:650}.gn-card small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.85)}
.gn-fly-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(240px,.9fr)!important;padding-left:22px!important}
/* Startseite: eigene Kopfzeile im Hero entfällt, Hero passt unter die Leiste */
.slant-top{display:none!important}
.slant-home{height:calc(100svh - var(--gn-h))!important}
.gn-fly{background:#f7f8fa!important;z-index:2}
html[data-theme=dark] .gn-fly{background:#18191b!important}
.gn::after{content:"";position:absolute;left:0;right:0;top:100%;height:100vh;background:rgba(10,12,14,.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility 0s .25s;z-index:1}
html.gn-flying .gn::after{opacity:1;visibility:visible;transition:opacity .25s}
.gn-panel .si-m-label{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6e6e73}
.gn-panel .si-langs,.gn-panel .si-theme-seg{display:flex;gap:6px;padding:4px;border-radius:14px;background:rgba(0,0,0,.05);width:max-content}
.gn-panel .si-langs button,.gn-panel .si-theme-seg button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:0;border-radius:10px;background:none;font:600 14px Inter,system-ui,sans-serif;color:#424245;cursor:pointer}
.gn-panel .si-langs button[aria-pressed=true],.gn-panel .si-theme-seg button[aria-pressed=true]{background:#fff;color:#1d1d1f;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.gn-panel .si-theme-seg svg{width:16px;height:16px}
html[data-theme=dark] .gn-panel :is(.si-langs,.si-theme-seg){background:rgba(255,255,255,.08)}
html[data-theme=dark] .gn-panel :is(.si-langs,.si-theme-seg) button{color:#c7c7cc}
html[data-theme=dark] .gn-panel :is(.si-langs,.si-theme-seg) button[aria-pressed=true]{background:#2c2c2e;color:#f5f5f7}
.gn .gn-lang summary{all:unset;display:flex;align-items:center;gap:4px;height:34px;padding:0 10px;border-radius:99px;cursor:pointer;font:600 13px Inter,system-ui,sans-serif;color:inherit;box-sizing:border-box}
.gn .gn-lang summary::marker,.gn .gn-lang summary::before,.gn .gn-lang summary::after{content:none;display:none}
.gn .gn-lang summary:hover{background:rgba(0,0,0,.05)}
.gn .gn-lang summary:focus-visible{outline:2px solid #0a8fae;outline-offset:2px}
.gn ul,.gn li,.ln ul,.ln li{list-style:none}
.gn a,.ln a{border:0}
.gn details.gn-lang{all:unset;position:relative;display:block}
.gn .gn-lang [data-lang-now]{all:unset;font:inherit;color:inherit}
.gn .gn-lang summary svg{display:block;width:13px;height:13px;opacity:.6}
.gn .gn-lang-pop{position:absolute;right:0;top:42px}

/* ============ v14 Fußzeile (alle Seiten) ============ */
.sf{background:#eceef1;color:#1d1d1f;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;border-top:1px solid rgba(0,0,0,.08)}
.sf-in{max-width:1240px;margin:0 auto;padding:56px 22px 28px}
.sf-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 28px;padding-bottom:32px;border-bottom:1px solid rgba(0,0,0,.1)}
.sf-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:16px;font-weight:650}
.sf-brand img{width:26px;height:auto}
.sf-claim{margin:0;font-size:14px;line-height:1.45;color:#56565b}
.sf-cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:99px;background:#1d1d1f;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none}
.sf-cta:hover{background:#000}
.sf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding:32px 0}
.sf-h{margin:0 0 12px;font-size:13px;font-weight:650;color:#1d1d1f}
.sf-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sf-col a{font-size:13px;line-height:1.35;color:#515154;text-decoration:none}
.sf-col a:hover{color:#1d1d1f;text-decoration:underline}
.sf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);font-size:12.5px;color:#56565b}
html[data-theme=dark] .sf{background:#121315;color:#f5f5f7;border-color:rgba(255,255,255,.08)}
html[data-theme=dark] .sf-top,html[data-theme=dark] .sf-bottom{border-color:rgba(255,255,255,.1)}
html[data-theme=dark] .sf-h{color:#f5f5f7}
html[data-theme=dark] .sf-col a{color:#c7c7cc}
html[data-theme=dark] .sf-col a:hover{color:#fff}
html[data-theme=dark] .sf-claim,html[data-theme=dark] .sf-bottom{color:#a1a1a6}
html[data-theme=dark] .sf-cta{background:#f5f5f7;color:#1d1d1f!important}
@media (max-width:900px){.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-top{grid-template-columns:minmax(0,1fr)}.sf-cta{justify-self:start}}
@media (max-width:520px){.sf-in{padding:40px 18px 24px}.sf-grid{gap:24px 16px}.sf-col a{display:inline-block;padding:3px 0}}

/* v15.7: ein Scrollbalken für alle Seiten, oben über der Navigation, in der Spartenfarbe */
.si-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1200;pointer-events:none}
.si-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#12b5d3,#9b6bff,#3cc027)}
.si-progress[data-area=camera] i{background:linear-gradient(90deg,#79daff,#12b5d3)}
.si-progress[data-area=repair] i{background:linear-gradient(90deg,#d9c4ff,#9b6bff)}
.si-progress[data-area=energy] i{background:linear-gradient(90deg,#c4ec9f,#3cc027)}
.sx-progress,#progressBar{display:none!important}
/* v15.7: Hinweisleiste der Tarifseite in Spartenfarbe Grün statt Blau */
.notice-bar__accent,.notice-bar__copy a{color:#3cc027!important}
/* v15.7: Laufschrift ohne Überlappung auf dem Handy, nahtlose Schleife */
.notice-bar__marquee{gap:0!important}
.notice-bar__copy{flex:0 0 auto!important;min-width:100vw}
/* v15.7: Sparcheck neu (tools/sparcheck.py): eine Karte im Stil der Seite, Eingabe links, Ergebnis rechts */
#calculator.sc{background:radial-gradient(120% 80% at 50% 0%,#14181b 0%,#0a0b0c 62%)}
#calculator .sc-wrap{max-width:1080px;margin:0 auto;padding:0 20px}
#calculator .sc-head{max-width:760px;margin:0 auto 44px;text-align:center}
#calculator .sc-kicker{display:inline-block;padding:7px 16px;border-radius:99px;background:rgba(60,192,39,.16);color:#8fe07a;font-size:14px;font-weight:600;margin-bottom:18px}
#calculator .sc-head h2{margin-bottom:16px}
#calculator .sc-head p{color:rgba(255,255,255,.72);font-size:18px;line-height:1.55}
#calculator .sc-card{display:grid;grid-template-columns:1.05fr .95fr;border-radius:30px;background:#111315;border:1px solid rgba(255,255,255,.09);box-shadow:0 40px 90px rgba(0,0,0,.5);overflow:hidden;color:#fff}
#calculator .sc-in{padding:44px 44px 40px}
#calculator .sc-out{display:flex;flex-direction:column;padding:44px 42px 40px;background:linear-gradient(165deg,rgba(60,192,39,.15),rgba(60,192,39,.035) 58%,rgba(60,192,39,0));border-left:1px solid rgba(255,255,255,.07)}
#calculator .sc-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:6px;border:0;border-radius:20px;background:rgba(255,255,255,.07)}
#calculator .sc-seg input{position:absolute;opacity:0;pointer-events:none}
#calculator .sc-seg span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;border-radius:15px;color:rgba(255,255,255,.75);font-size:18px;font-weight:650;cursor:pointer;transition:background .2s,color .2s}
#calculator .sc-seg span:hover{color:#fff}
#calculator .sc-seg svg{width:22px;height:22px;flex:none}
#calculator .sc-seg input:checked+span{background:#f5f5f7;color:#0b0d0f;box-shadow:0 6px 18px rgba(0,0,0,.3)}
#calculator .sc-seg input:checked+span svg{color:#2da01e}
#calculator .sc-seg input:focus-visible+span{outline:3px solid #3cc027;outline-offset:2px}
#calculator .sc-label{display:block;margin:36px 0 12px;font-size:17px;font-weight:600;color:rgba(255,255,255,.88)}
#calculator .sc-field{display:flex;align-items:baseline;gap:12px;padding:16px 24px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);transition:border-color .2s,box-shadow .2s}
#calculator .sc-field:focus-within{border-color:#3cc027;box-shadow:0 0 0 4px rgba(60,192,39,.22)}
#calculator .sc-field input{width:3.6ch;min-width:0;flex:none;padding:0;border:0;background:none;color:#fff;font:800 52px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.035em;outline:none;-moz-appearance:textfield;appearance:textfield}
#calculator .sc-field input::-webkit-outer-spin-button,#calculator .sc-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#calculator .sc-field span{font-size:19px;font-weight:600;color:rgba(255,255,255,.62)}
#calculator .sc-field .sc-sizer{position:absolute;visibility:hidden;white-space:pre;font:800 52px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.035em}
#calculator .sc-field{position:relative}
#calculator .sc-in{display:flex;flex-direction:column}
#calculator .sc-hint{margin-top:auto;padding-top:28px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.6)}
#calculator .sc-range{display:block;width:100%;height:10px;margin:28px 0 0;border-radius:5px;background:linear-gradient(to right,#3cc027 var(--val,26%),rgba(255,255,255,.14) var(--val,26%))}
#calculator .sc-range::-webkit-slider-thumb{width:32px;height:32px;background:#fff;border:6px solid #3cc027;box-shadow:0 4px 14px rgba(0,0,0,.4)}
#calculator .sc-range::-moz-range-thumb{width:20px;height:20px;background:#fff;border:6px solid #3cc027;box-shadow:0 4px 14px rgba(0,0,0,.4)}
#calculator .sc-range:focus-visible{outline:3px solid #3cc027;outline-offset:6px}
#calculator .sc-scale{display:flex;justify-content:space-between;margin-top:12px;font-size:14px;color:rgba(255,255,255,.58)}
#calculator .sc-out-k{font-size:15px;font-weight:600;color:rgba(255,255,255,.75)}
#calculator .sc-big{margin-top:6px;color:#8fe07a;font:800 clamp(54px,6.2vw,76px)/1 Inter,system-ui,sans-serif;letter-spacing:-.045em;white-space:nowrap}
#calculator .sc-ca{margin-right:.12em;font-size:.36em;font-weight:700;letter-spacing:0;color:rgba(255,255,255,.72);vertical-align:.62em}
#calculator .sc-sub{margin-top:12px;font-size:17px;color:rgba(255,255,255,.78)}
#calculator .sc-bars{display:grid;gap:14px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
#calculator .sc-bars-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
#calculator .sc-bar{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:baseline}
#calculator .sc-bar-l{font-size:15px;color:rgba(255,255,255,.75)}
#calculator .sc-bar b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
#calculator .sc-bar.is-new b{color:#8fe07a}
#calculator .sc-bar-t{grid-column:1/-1;display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}
#calculator .sc-bar-t i{display:block;width:100%;height:100%;border-radius:inherit;background:rgba(255,255,255,.4);transition:width .45s cubic-bezier(.22,1,.36,1)}
#calculator .sc-bar.is-new .sc-bar-t i{background:linear-gradient(90deg,#2da01e,#8fe07a)}
#calculator .sc-note{margin-top:22px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.62)}
#calculator .sc-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;margin-top:auto;padding:0 8px 0 26px;border-radius:99px;background:#3cc027;color:#062108;font-size:17px;font-weight:700;text-decoration:none;transition:background .2s,gap .2s}
#calculator .sc-note+.sc-cta{margin-top:24px}
#calculator .sc-cta:hover{background:#4bd034}
#calculator .sc-cta:focus-visible{outline:3px solid #8fe07a;outline-offset:3px}
#calculator .sc-cta i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#062108;color:#8fe07a}
#calculator .sc-cta svg{width:20px;height:20px}
@media(max-width:860px){
 #calculator .sc-card{grid-template-columns:1fr;border-radius:26px}
 #calculator .sc-in{padding:26px 22px 28px}
 #calculator .sc-out{padding:26px 22px 24px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
 #calculator .sc-head{margin-bottom:32px}
 #calculator .sc-head p{font-size:16.5px}
 #calculator .sc-label{margin-top:28px}
 #calculator .sc-field input,#calculator .sc-field .sc-sizer{font-size:44px}
 #calculator .sc-cta{font-size:16px;padding-left:22px}
 #calculator .sc-big{font-size:56px}
}
/* v15.7: fehlende Farbklasse der alten Tarifseite ergänzt (Label „Strom/Gas“ in der Ergebniskarte war dunkelgrau) */
.text-white\/45{color:rgba(255,255,255,.62)}

/* v15.7: Einwilligungs-Banner und Cookie-Einstellungen (alle Seiten) */
#si-consent-root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
.si-c-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:2147483000;display:flex;align-items:center;gap:18px 24px;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:18px 20px;border-radius:20px;background:#fff;color:#1d1d1f;box-shadow:0 20px 60px rgba(0,0,0,.22),inset 0 0 0 1px rgba(0,0,0,.08)}
.si-c-tx{flex:1 1 380px;font-size:15px;line-height:1.5;color:#3a3d42}
.si-c-tx b{color:#1d1d1f}
.si-c-tx a,.si-c-more a{color:#0a6c80;font-weight:600}
.si-c-acts{display:flex;flex-wrap:wrap;gap:10px}
.si-c-btn{min-height:44px;padding:0 18px;border:0;border-radius:12px;background:#eceef1;color:#1d1d1f;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.si-c-btn:hover{background:#e1e4e8}
.si-c-btn.si-c-p{background:#1d1d1f;color:#fff;box-shadow:none}
.si-c-btn.si-c-p:hover{background:#000}
.si-c-btn:focus-visible{outline:3px solid #12b5d3;outline-offset:2px}
.si-c-back{position:fixed;inset:0;z-index:2147483001;background:rgba(10,12,14,.5)}
.si-c-dlg{position:fixed;left:50%;top:50%;z-index:2147483002;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:26px;border-radius:24px;background:#fff;color:#1d1d1f;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.si-c-dlg h2{margin:0 0 10px;font-size:24px;letter-spacing:-.02em}
.si-c-dlg>p{margin:0 0 16px;font-size:15.5px;line-height:1.55;color:#3a3d42}
.si-c-cats{display:grid;gap:10px;margin-bottom:18px}
.si-c-cat{padding:14px 16px;border-radius:16px;background:#f4f5f7;box-shadow:inset 0 0 0 1px #e1e4e8}
.si-c-cat label{display:flex;align-items:center;gap:12px;cursor:pointer}
.si-c-cat input{position:absolute;opacity:0;width:1px;height:1px}
.si-c-sw{flex:none;position:relative;width:42px;height:26px;border-radius:13px;background:#c3cad1;transition:background .2s}
.si-c-sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.si-c-cat input:checked+.si-c-sw{background:#12b5d3}
.si-c-cat input:checked+.si-c-sw::after{transform:translateX(16px)}
.si-c-cat input:disabled+.si-c-sw{opacity:.6}
.si-c-cat input:focus-visible+.si-c-sw{outline:3px solid #12b5d3;outline-offset:2px}
.si-c-cat b{font-size:16px}
.si-c-cat small{margin-left:auto;font-size:12.5px;color:#5d666e}
.si-c-cat p{margin:8px 0 0 54px;font-size:14px;line-height:1.5;color:#5d666e}
.si-c-none{font-style:italic}
.si-c-svc{list-style:none;margin:10px 0 0 54px;padding:0;display:grid;gap:8px}
.si-c-svc li{display:grid;gap:2px;font-size:13.5px;color:#3a3d42}
.si-c-more{margin:14px 0 0;font-size:14px}
.si-embed{position:relative;min-height:220px;border-radius:18px;overflow:hidden;background:#eceef1}
.si-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.si-embed-ph{display:grid;place-items:center;gap:12px;min-height:220px;padding:24px;text-align:center;font-size:15px;color:#3a3d42}
.sf-cookie{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.sf-cookie:hover{text-decoration:underline}
html[data-theme=dark] .si-c-bar,html[data-theme=dark] .si-c-dlg{background:#1c1f23;color:#f2f3f5;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.1)}
html[data-theme=dark] .si-c-tx,html[data-theme=dark] .si-c-dlg>p,html[data-theme=dark] .si-c-svc li{color:#c9ced4}
html[data-theme=dark] .si-c-tx b{color:#fff}
html[data-theme=dark] .si-c-tx a,html[data-theme=dark] .si-c-more a{color:#6ee1ed}
html[data-theme=dark] .si-c-btn{background:#2a2f35;color:#f2f3f5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html[data-theme=dark] .si-c-btn.si-c-p{background:#fff;color:#111}
html[data-theme=dark] .si-c-cat{background:#23272c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme=dark] .si-c-cat p,html[data-theme=dark] .si-c-cat small{color:#a8afb6}
@media(max-width:600px){.si-c-bar{left:10px;right:10px;bottom:10px;padding:16px}.si-c-acts{width:100%}.si-c-acts .si-c-btn{flex:1 1 auto}.si-c-cat p,.si-c-svc{margin-left:0}}

/* v15.7: Kontrast auf der Tarifseite (WCAG AA) */
.star{color:#b45309!important}
.bg-gray-800 .star,[class*="text-white"] .star,.glass .star{color:#fbbf24!important}
.comparison-shell .text-gray-400{color:#5d666e!important}
html[data-theme=dark] .process-heading-note__eyebrow{color:#8fe28a!important}
html[data-theme=dark] .star{color:#fbbf24!important}
/* v15.7: Bereichsname statt S&I SOLUTIONS neben der Bildmarke. Schrift aus den Bereichslogos (design/medien/logos), als Maske in der Textfarbe: schwarz hell, weiß dunkel.
   Originale dünne Logoschrift (tools/build_area_wordmarks.py). Bild: Versalhöhe 1/1.3 der Höhe, Platz für Ä darüber; translateY setzt die Versalmitte auf die Mitte der Bildmarke. */
.gn-awm{display:none;flex:none;height:14.3px;width:auto;aspect-ratio:var(--r);background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:translateY(-8.5%)}
.gn-awm[data-k=camera]{--r:18.75;-webkit-mask-image:url(../wordmark-camera.png);mask-image:url(../wordmark-camera.png)}
.gn-awm[data-k=repair]{--r:16.85;-webkit-mask-image:url(../wordmark-repair.png);mask-image:url(../wordmark-repair.png)}
.gn-awm[data-k=energy]{--r:19.775;-webkit-mask-image:url(../wordmark-energy.png);mask-image:url(../wordmark-energy.png)}
.gn-brand:is([data-wm=camera],[data-wm=repair],[data-wm=energy]) .gn-wm{display:none}
.gn-brand[data-wm=camera] .gn-awm[data-k=camera],.gn-brand[data-wm=repair] .gn-awm[data-k=repair],.gn-brand[data-wm=energy] .gn-awm[data-k=energy]{display:block}
.gn-brand :is(img,.gn-wm,.gn-awm){transition:opacity .18s ease}
.gn-brand.is-swap :is(img,.gn-wm,.gn-awm){opacity:0}
@media(max-width:400px){.gn-awm{height:12.5px}}
/* Logo-Block auf dem Desktop immer gleich breit (längster Name: Sparenergie & Tarife), damit die Menüpunkte auf allen Seiten an derselben Stelle stehen */
@media(min-width:1024px){.gn-brand{min-width:319px}}
@media(min-width:1024px) and (max-width:1180px){.gn-brand{min-width:283px}.gn-awm{height:12.5px}}
/* v15.7: Tarifseite „Über uns“ kurz und ruhig (tools/tarife_sections.py); weiß, damit er sich von den Bewertungen abhebt */
#about.ab{background:#fff}
html[data-theme=dark] #about.ab{background:#16181b}
#about .ab-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;max-width:1120px;margin:0 auto;padding:0 24px}
#about .ab-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#about .ab-photos figure{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:#e9ebee}
#about .ab-photos img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
#about .ab-photos figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;gap:3px;padding:48px 18px 16px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.74));color:#fff}
#about .ab-photos b{font-size:16px;font-weight:700}
#about .ab-photos figcaption span{font-size:13px;color:rgba(255,255,255,.85)}
#about .ab-kicker{display:inline-block;margin-bottom:16px;padding:6px 14px;border-radius:99px;background:rgba(60,192,39,.12);color:#23801a;font-size:14px;font-weight:600}
#about h2{margin-bottom:16px;color:#111;font-size:clamp(32px,3.4vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.03em}
#about .ab-lead{margin-bottom:28px;color:#4b5563;font-size:18px;line-height:1.55}
#about .ab-list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid rgba(0,0,0,.08)}
#about .ab-list li{position:relative;padding:16px 0 16px 38px;border-bottom:1px solid rgba(0,0,0,.08);color:#4b5563;font-size:16px;line-height:1.5}
#about .ab-list li::before{content:"";position:absolute;left:0;top:17px;width:24px;height:24px;border-radius:50%;background:#3cc027 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062108' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
#about .ab-list b{color:#111;font-weight:650}
html[data-theme=dark] #about .ab-kicker{color:#8fe07a}
html[data-theme=dark] #about h2,html[data-theme=dark] #about .ab-list b{color:#f5f5f7}
html[data-theme=dark] #about .ab-lead,html[data-theme=dark] #about .ab-list li{color:rgba(255,255,255,.74)}
html[data-theme=dark] #about .ab-list,html[data-theme=dark] #about .ab-list li{border-color:rgba(255,255,255,.1)}
@media(max-width:900px){#about .ab-wrap{grid-template-columns:1fr;gap:36px}#about .ab-photos{max-width:520px}}
/* v15.7: Anfrageformular der Tarifseite im Stil des Sparchecks (Aufbau und Versand unverändert) */
#contact .form-card{background:#111315!important;border:1px solid rgba(255,255,255,.09);border-radius:30px!important;box-shadow:0 40px 90px rgba(0,0,0,.45)}
#contact .contact-method-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:none;overflow:visible}
#contact .contact-method-btn{min-height:56px;border-radius:15px;background:transparent;box-shadow:none!important;color:rgba(255,255,255,.75);font-size:17px}
#contact .contact-method-btn:hover{background:rgba(255,255,255,.06);color:#fff}
#contact .contact-method-btn.active{background:#f5f5f7;color:#0b0d0f;box-shadow:0 6px 18px rgba(0,0,0,.3)!important}
#contact .contact-method-btn.active svg{color:#1f9d3a}
#contact .contact-method-btn:has(:focus-visible){outline:3px solid #3cc027;outline-offset:2px}
#contact form label.text-white\/70{color:rgba(255,255,255,.86)!important;font-size:15px!important;font-weight:600!important}
#contact .input-dark{min-height:56px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:17px}
#contact .input-dark:focus{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 2px #3cc027,0 0 0 4px rgba(60,192,39,.2)}
#contact .input-dark::placeholder{color:rgba(255,255,255,.38)}
#contact .radio-option div{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:15px!important;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:16px!important;font-weight:600!important}
#contact .radio-option input:checked+div{background:#f5f5f7!important;color:#0b0d0f!important;box-shadow:0 6px 18px rgba(0,0,0,.3)}
#contact .usage-panel{padding:0;background:none;box-shadow:none}
#contact .usage-visual-grid{gap:10px}
#contact .usage-visual-card{min-height:92px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);transform:none!important}
#contact .usage-visual-card:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.07)}
#contact .usage-visual-card.is-active,#contact .usage-visual-card:has(.usage-visual-input:checked){border-color:transparent;background:#f5f5f7;color:#0b0d0f;box-shadow:0 6px 18px rgba(0,0,0,.3)}
#contact .usage-visual-card.is-active .usage-visual-card__icon,#contact .usage-visual-card:has(.usage-visual-input:checked) .usage-visual-card__icon{color:#1f9d3a}
#contact .usage-visual-card:has(:focus-visible){outline:3px solid #3cc027;outline-offset:2px}
#contact #contactSubmitBtn{min-height:60px;border-radius:99px!important;background:#3cc027!important;color:#062108!important;box-shadow:none!important;font-size:17px!important}
#contact #contactSubmitBtn:hover{background:#4bd034!important}
#contact .ct-note{margin-top:16px;text-align:center;font-size:14px;color:rgba(255,255,255,.62)}
#contact .ct-note a{color:#8fe07a;text-decoration:underline;text-underline-offset:3px}
/* v15.7: Tarifseite ruhiger: Grün statt Cyan im Verlauf, dunkle Karten im Hero wie beim Sparcheck, schmales Band „Weitere Vergleiche“ */
[data-fam=tarife] .gradient-text{background:linear-gradient(135deg,#a4e58f 0%,#3cc027 100%);-webkit-background-clip:text;background-clip:text}
[data-fam=tarife] .gradient-hero{background:radial-gradient(80% 70% at 78% 40%,rgba(60,192,39,.12),rgba(60,192,39,0) 60%),linear-gradient(180deg,#0d0f10,#121416)!important}
[data-fam=tarife] .gradient-hero .glass:not(.hero-panel){background:rgba(255,255,255,.05)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important}
[data-fam=tarife] .wv{padding:64px 24px 0}
[data-fam=tarife] .wv-in{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1072px;margin:0 auto;padding:24px 28px;border-radius:22px;background:#fff;border:1px solid rgba(0,0,0,.07)}
[data-fam=tarife] .wv-k{color:#23801a;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
[data-fam=tarife] .wv-t{margin-top:4px;color:#374151;font-size:17px;line-height:1.45}
[data-fam=tarife] .wv-a{display:inline-flex;align-items:center;gap:10px;flex:none;min-height:48px;padding:0 20px;border-radius:99px;background:#111;color:#fff;font-weight:650;text-decoration:none;transition:gap .2s}
[data-fam=tarife] .wv-a:hover{gap:14px}
[data-fam=tarife] .wv-a svg{width:18px;height:18px}
html[data-theme=dark][data-fam=tarife] .wv-in{background:#16181b;border-color:rgba(255,255,255,.08)}
html[data-theme=dark][data-fam=tarife] .wv-k{color:#8fe07a}
html[data-theme=dark][data-fam=tarife] .wv-t{color:rgba(255,255,255,.76)}
html[data-theme=dark][data-fam=tarife] .wv-a{background:#f5f5f7;color:#111}
@media(max-width:640px){[data-fam=tarife] .wv{padding-top:48px}[data-fam=tarife] .wv-in{flex-direction:column;align-items:flex-start;padding:22px}}
/* Bewertungen: Rahmen statt Schatten, der an der Kante des Karussells abgeschnitten wurde und wie ein grauer Kasten wirkte */
[data-fam=tarife] #reviews .review-card{box-shadow:none!important;border:1px solid rgba(0,0,0,.07)}
html[data-theme=dark][data-fam=tarife] #reviews .review-card{border-color:rgba(255,255,255,.08)}
/* dunkle Bänder der Tarifseite im selben Graphit wie Hero und Sparcheck */
[data-fam=tarife] .contact-shell{background:linear-gradient(180deg,#121416,#0b0c0d)!important}
/* Formular auf dem Smartphone: Umschalter ohne Umbruch, Haushaltsgröße als 2 x 2 statt vier hoher Karten */
@media(max-width:640px){
 #contact .contact-method-btn{gap:8px;padding-inline:8px;font-size:15px;white-space:nowrap}
 #contact .contact-method-btn svg{width:18px;height:18px}
 #contact .usage-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 #contact .usage-visual-card{min-height:72px;padding-block:10px}
}
@media(max-width:350px){#contact .contact-method-btn{font-size:14px;gap:6px;padding-inline:6px}}
/* Tarif-Hero: Zeitraum der Beispielwerte klein; auf dem Smartphone weniger Leerraum über dem Inhalt */
[data-fam=tarife] .hm-per{font-size:.6em;font-weight:600;opacity:.72;letter-spacing:0}
@media(max-width:640px){
 [data-fam=tarife] .hm-per{display:block;margin-top:2px}
 [data-fam=tarife] .hero-section{padding-top:0!important}  /* Navigation und Hinweisleiste stehen im Fluss; der Skript-Ausgleich (style.paddingTop) wäre doppelt */
 [data-fam=tarife] .hero-section>.max-w-7xl{padding-top:32px}
}

/* ===== v15.7 (06.10.2026): Tarifseite, nur Design. Aufbau, Reihenfolge und alle Texte bleiben (Nutzervorgabe).
   Formensprache wie die Unterseiten Strom/Gas (si-pages.css): ruhige Flächen, Haarlinien, grüne Pills, Knöpfe mit 16 px Radius,
   keine Leuchtrahmen, keine Wellen, kein Wasserzeichen. Dunkelmodus: site-theme.css (!important) gewinnt bei Flächen. ===== */
[data-fam=tarife]{--tf-soft:#e4f3dc;--tf-ink:#286a1a;--tf-line:#e1e4e8;--tf-shadow:0 1px 2px rgba(20,24,28,.04),0 18px 50px rgba(20,24,28,.08);--tf-card:#fff}
html[data-theme=dark][data-fam=tarife]{--tf-soft:rgba(60,192,39,.16);--tf-ink:#8fe07a;--tf-line:rgba(255,255,255,.09);--tf-shadow:0 1px 2px rgba(0,0,0,.3),0 18px 50px rgba(0,0,0,.32);--tf-card:#171a1e}

/* Grundflächen und Überschriften */
[data-fam=tarife] .section-soft{background:#f4f5f7}
[data-fam=tarife] h2.font-display,[data-fam=tarife] .gewerbe-teaser__headline{font-weight:750!important;letter-spacing:-.028em!important;line-height:1.06!important}
[data-fam=tarife] :is(.badge-green,.badge-gray){display:inline-flex;align-items:center;padding:6px 14px;border:0;border-radius:999px;background:var(--tf-soft);color:var(--tf-ink);font-size:14px;font-weight:600;letter-spacing:.01em;box-shadow:none;text-transform:none}

/* Knöpfe wie auf den Unterseiten */
[data-fam=tarife] .btn-primary{border-radius:16px!important;background:linear-gradient(135deg,#3cc027,#2a9a1c)!important;box-shadow:0 6px 20px rgba(60,192,39,.26)!important;font-weight:650!important}
[data-fam=tarife] .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(60,192,39,.3)!important}
[data-fam=tarife] .btn-secondary{border-radius:16px!important;background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;font-weight:650!important}

/* Laufband: gleiche Texte, ruhigere Optik */
[data-fam=tarife] .notice-bar{background:#0b0c0d!important;border-bottom:1px solid rgba(255,255,255,.07)}
[data-fam=tarife] .notice-bar__copy{font-size:13.5px!important;color:rgba(255,255,255,.7)!important;letter-spacing:.005em}
[data-fam=tarife] .notice-bar__accent,[data-fam=tarife] .notice-bar__copy a{color:#8fe07a!important}

/* Hero: Grauverlauf wie die Unterseiten, Beispielrechnung als Glas-Karte, keine Welle */
[data-fam=tarife] .gradient-hero{background:linear-gradient(135deg,#000 0%,#262626 58%,#4d4d4d 100%)!important}
[data-fam=tarife] .hero-section>.absolute.bottom-0{display:none}
[data-fam=tarife] .hero-panel{background:rgba(255,255,255,.07)!important;border:0!important;border-radius:24px!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 30px 80px rgba(0,0,0,.25)!important}
[data-fam=tarife] .hero-panel .glass{background:rgba(255,255,255,.05)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;border:0!important}
[data-fam=tarife] .hero-panel .gradient-green{background:rgba(60,192,39,.16)!important;color:#8fe07a;box-shadow:inset 0 0 0 1px rgba(143,224,122,.25)!important}
[data-fam=tarife] .hero-panel .gradient-green svg{color:#8fe07a!important}
[data-fam=tarife] .hero-example-badge{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;letter-spacing:.12em}
[data-fam=tarife] .hero-trust-grid>*{background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}

/* Kennzahlen: ruhige Zeile mit Haarlinien statt schwebender Karte über der Welle */
[data-fam=tarife] .stats-band-section{margin-top:0!important;padding:clamp(36px,5vw,56px) 0!important;background:#fff;border-bottom:1px solid var(--tf-line)}
html[data-theme=dark][data-fam=tarife] .stats-band-section{background:#121417}
[data-fam=tarife] .stats-band{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;backdrop-filter:none!important}
[data-fam=tarife] .stats-band>div{text-align:left!important;padding:2px 0 2px clamp(16px,2.4vw,32px);border-left:1px solid var(--tf-line)}
[data-fam=tarife] .stats-band>div:first-child{border-left:0;padding-left:0}
[data-fam=tarife] .stats-band>div>p:first-child{font-weight:750!important;letter-spacing:-.035em}
@media(max-width:1023px){[data-fam=tarife] .stats-band>div:nth-child(3){border-left:0;padding-left:0}}

/* Gewerbe: dunkle Bühne wie auf den Unterseiten, ohne Leuchtrahmen, Kugel und „GEWERBE“-Wasserzeichen (Texte bleiben) */
[data-fam=tarife] .gewerbe-teaser{background:#f4f5f7!important}
html[data-theme=dark][data-fam=tarife] .gewerbe-teaser{background:#0e1012!important}
[data-fam=tarife] .gewerbe-teaser__shell{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:28px!important}
[data-fam=tarife] .gewerbe-teaser__card{border-radius:28px!important;background:radial-gradient(900px 400px at 85% -10%,rgba(60,192,39,.12),transparent 60%),linear-gradient(180deg,#141814,#0e110e)!important;box-shadow:0 24px 60px rgba(10,14,12,.22)!important}
[data-fam=tarife] :is(.gewerbe-teaser__bg-text,.gewerbe-teaser__orb){display:none!important}
[data-fam=tarife] .gewerbe-teaser__badge{display:inline-flex!important;width:auto!important;max-width:max-content;align-self:flex-start;background:rgba(60,192,39,.14)!important;border:0!important;color:#8fe07a!important}
[data-fam=tarife] .gewerbe-teaser__headline-em{color:#8fe07a!important;background:none!important;-webkit-text-fill-color:currentColor!important}
[data-fam=tarife] .gewerbe-teaser__insight-card{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;border-radius:20px!important}
[data-fam=tarife] .gewerbe-teaser__metric{border-radius:14px!important;background:rgba(255,255,255,.03)!important}
[data-fam=tarife] .gewerbe-teaser__btn{border-radius:16px!important;background:linear-gradient(135deg,#3cc027,#2a9a1c)!important;color:#fff!important;box-shadow:0 6px 20px rgba(60,192,39,.26)!important}
[data-fam=tarife] .gewerbe-teaser__btn-icon{background:rgba(255,255,255,.18)!important;color:#fff!important}

/* So läuft es ab: Karten wie die Ablaufkarten der Unterseiten, Symbole als ruhige Kacheln */
[data-fam=tarife] .process-card{border-radius:26px!important;border:0!important;background:var(--tf-card)!important;box-shadow:var(--tf-shadow),inset 0 0 0 1px var(--tf-line)!important}
[data-fam=tarife] .process-card .gradient-green{background:var(--tf-soft)!important;box-shadow:none!important}
[data-fam=tarife] .process-card .gradient-green svg{color:var(--tf-ink)!important}
[data-fam=tarife] .process-card__pill{background:var(--tf-soft)!important;color:var(--tf-ink)!important}
[data-fam=tarife] .process-grid>.absolute{display:none}
[data-fam=tarife] .process-reassurance{border-radius:24px!important;background:var(--tf-card)!important;box-shadow:var(--tf-shadow),inset 0 0 0 1px var(--tf-line)!important}
[data-fam=tarife] .process-reassurance__label{color:var(--tf-ink)!important}
[data-fam=tarife] .process-reassurance__cta{border-radius:16px!important;box-shadow:none!important}

/* Vergleich: S&I-Spalte in hellem Grün statt grellem Verlauf */
[data-fam=tarife] .comparison-shell{border:0!important;border-radius:24px!important;box-shadow:var(--tf-shadow),inset 0 0 0 1px var(--tf-line)!important}
[data-fam=tarife] .comparison-shell .gradient-green{background:var(--tf-soft)!important}
[data-fam=tarife] .comparison-shell .gradient-green :is(p,svg){color:var(--tf-ink)!important}
[data-fam=tarife] .comparison-cell--accent{background:rgba(60,192,39,.06)!important}

/* Woher die Tarife kommen: Karten im Kartenstil der Seite */
[data-fam=tarife] :is(.info-block,.info-aside){border-radius:24px!important;background:var(--tf-card)!important;box-shadow:var(--tf-shadow),inset 0 0 0 1px var(--tf-line)!important}
[data-fam=tarife] .partner-action{border-radius:14px!important}

/* Bewertungen und FAQ */
[data-fam=tarife] .review-card{border-radius:24px!important;border:0!important;box-shadow:var(--tf-shadow),inset 0 0 0 1px var(--tf-line)!important}
[data-fam=tarife] .review-card .gradient-green{background:var(--tf-soft)!important;color:var(--tf-ink)!important;box-shadow:none!important}
[data-fam=tarife] .review-card .gradient-green *{color:var(--tf-ink)!important}
[data-fam=tarife] .review-chip{box-shadow:inset 0 0 0 1px var(--tf-line)!important}
[data-fam=tarife] .faq-item{border-radius:20px!important;background:var(--tf-card)!important;box-shadow:var(--tf-shadow)!important}
/* v15.7 Gesamtprüfung: Echtheitshinweis unter den Bewertungen (§ 5b Abs. 3 UWG) */
#reviews .tf-review-note{margin:18px auto 0;max-width:640px;text-align:center;font-size:13px;line-height:1.5;color:#6b7280}
html[data-theme=dark] #reviews .tf-review-note{color:#939ca3}

/* ---------- 07.10.2026 KlickAgent-Standard ---------- */
/* Fußzeile: Farblinie der drei Bereiche (wie auf der alten Website) und Zeile mit Hinweis und Eigenwerbung */
.sf{position:relative}
.sf::before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,#12b5d3 0 33.34%,#9b6bff 33.34% 66.67%,#3cc027 66.67%)}
.sf-credit{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:12px;font-size:12.5px;line-height:1.5;color:#6e6e73}
.sf-credit a{color:#1d1d1f;font-weight:600;text-decoration:underline;text-underline-offset:3px}
html[data-theme=dark] .sf-credit{color:#8e8e93}
html[data-theme=dark] .sf-credit a{color:#f5f5f7}
@media (max-width:520px){.sf-col ul{gap:0}.sf-col a{display:inline-flex;align-items:center;min-height:40px;padding:0}}

/* Abschnittsleiste am unteren Rand (nur Handy). Glas wie die Kopfleiste (.gn), Pillen mit Nummer, aktiver Abschnitt gefüllt. */
.mnav{display:none}
@media (max-width:767.98px){
 :root{--mnav-h:65px}
 .mnav{display:block;position:fixed;inset-inline:0;bottom:0;z-index:1080;padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(244,245,247,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid rgba(255,255,255,.35);box-shadow:0 -1px 0 rgba(0,0,0,.06);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
 .mnav-list{display:flex;gap:8px;margin:0;padding:10px 14px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .mnav-list::-webkit-scrollbar{display:none}
 .mnav-list li{flex:0 0 auto;scroll-snap-align:start}
 .mnav-list a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.38);border-radius:999px;color:#1d1d1f;font-size:14px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}
 .mnav-nr{font-size:11px;font-variant-numeric:tabular-nums;color:#86868b}
 .mnav-list a[aria-current]{background:#1d1d1f;border-color:#1d1d1f;color:#fff}
 .mnav-list a[aria-current] .mnav-nr{color:inherit;opacity:.7}
 .mnav-list a.mnav-cta{font-weight:650;border-color:var(--mnav-accent,#12b5d3);background:color-mix(in srgb,var(--mnav-accent,#12b5d3) 16%,transparent)}
 .mnav[data-area=repair]{--mnav-accent:#9b6bff}
 .mnav[data-area=energy]{--mnav-accent:#3cc027}
 html[data-theme=dark] .mnav{background:rgba(22,23,25,.7);border-top-color:rgba(255,255,255,.1)}
 html[data-theme=dark] .mnav-list a{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#f5f5f7}
 html[data-theme=dark] .mnav-nr{color:#8e8e93}
 html[data-theme=dark] .mnav-list a[aria-current]{background:#f5f5f7;border-color:#f5f5f7;color:#1d1d1f}
 html.gn-open .mnav{display:none}
 /* Abstand in der Fußzeile selbst: Impressum und Datenschutz bleiben über der Leiste */
 .sf{padding-bottom:calc(var(--mnav-h) + env(safe-area-inset-bottom,0px))}
 .whatsapp-btn{bottom:calc(var(--mnav-h) + 14px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.mnav-list a{transition:none}}
@media print{.mnav{display:none!important}}
/* Alter Platzhalter für das frühere Dock (dunkler Streifen unter der Fußzeile) entfällt: den Abstand trägt jetzt .sf */
@media (max-width:1023px){body::after{content:none!important;display:none!important}}
/* Der Platzhalter am Seitenende war für das frühere Dock gedacht (gibt es nicht mehr) und erzeugte einen dunklen
   Streifen unter der Fußzeile. Den Abstand für die Abschnittsleiste trägt jetzt .sf selbst. */
@media (max-width:1023px){body::after{content:none!important;display:none!important}}

/* ---------- 07.10.2026 Handy: Tarif-Hero kompakt, alles Wichtige auf einen Blick (Texte unverändert) ---------- */
@media (max-width:700px){
 [data-fam=tarife] .gradient-hero{min-height:0!important;align-items:flex-start!important}
 [data-fam=tarife] .gradient-hero>.max-w-7xl{padding:16px 16px 22px!important}
 [data-fam=tarife] .gradient-hero .grid{gap:16px!important}
 /* Google-Hinweis */
 [data-fam=tarife] .gradient-hero .inline-flex.glass{margin-bottom:12px!important;padding:5px 12px 5px 5px!important;gap:8px!important}
 [data-fam=tarife] .gradient-hero .inline-flex.glass .w-8{width:26px!important;height:26px!important}
 [data-fam=tarife] .gradient-hero .inline-flex.glass .text-sm{font-size:12.5px!important;line-height:1.3!important}
 /* Überschrift, Text */
 [data-fam=tarife] #main-content .hero-title{max-width:none!important;font-size:30px!important;line-height:1.04!important;letter-spacing:-.03em!important;margin-bottom:10px!important}
 [data-fam=tarife] #main-content .hero-title .gradient-text{margin-top:4px!important;font-size:.8em!important}
 [data-fam=tarife] .gradient-hero p.text-lg{font-size:15px!important;line-height:1.45!important;margin-bottom:14px!important}
 /* Knöpfe nebeneinander */
 [data-fam=tarife] .gradient-hero .flex-col.gap-4{flex-direction:row!important;gap:8px!important;margin-bottom:12px!important}
 [data-fam=tarife] .gradient-hero .flex-col.gap-4>a{min-height:48px;padding:10px 12px!important;border-radius:14px!important;font-size:14.5px!important;line-height:1.2!important;gap:7px!important}
 [data-fam=tarife] .gradient-hero .flex-col.gap-4>.btn-primary{flex:1.25 1 0}
 [data-fam=tarife] .gradient-hero .flex-col.gap-4>.btn-secondary{flex:1 1 0}
 [data-fam=tarife] .gradient-hero .flex-col.gap-4>a svg{width:17px!important;height:17px!important;flex:none}
 /* Vertrauens-Punkte als schmale Zeile */
 [data-fam=tarife] .hero-trust-grid{gap:6px!important}
 [data-fam=tarife] .hero-trust-grid>*{padding:7px 6px!important;gap:5px!important;border-radius:10px!important;min-height:40px}
 [data-fam=tarife] .hero-trust-grid span{font-size:12px!important;line-height:1.2!important}
 [data-fam=tarife] .hero-trust-grid svg{display:none!important}
 [data-fam=tarife] .hero-trust-grid span{text-align:center}
 /* Beispielrechnung kompakt */
 [data-fam=tarife] .hero-panel{padding:14px!important;border-radius:20px!important}
 [data-fam=tarife] .hero-panel>.flex{margin-bottom:10px!important}
 [data-fam=tarife] .hero-panel .hero-example-badge{margin-bottom:6px!important;font-size:10.5px!important;padding:4px 9px!important}
 [data-fam=tarife] .hero-panel .text-4xl{font-size:26px!important;line-height:1.05!important}
 [data-fam=tarife] .hero-panel .w-14{display:none!important}
 [data-fam=tarife] .hero-panel .hm-per{display:inline!important;margin-left:4px;font-size:11px!important}
 [data-fam=tarife] .hero-panel>.flex>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;width:100%}
 [data-fam=tarife] .hero-panel>.flex>div>.hero-example-badge{grid-column:1/-1;justify-self:start}
 [data-fam=tarife] .hero-panel>.flex>div>.text-sm{margin:0!important;font-size:13px!important}
 [data-fam=tarife] .hero-panel>.flex>div>.text-4xl{justify-self:end}
 [data-fam=tarife] .hero-panel .hero-rate-grid{gap:8px!important;margin-bottom:8px!important}
 [data-fam=tarife] .hero-panel .hero-rate-grid>*{padding:10px 11px!important;border-radius:14px!important}
 [data-fam=tarife] .hero-panel .hero-rate-grid .text-xs{font-size:10.5px!important;margin-bottom:3px!important;letter-spacing:.1em!important}
 [data-fam=tarife] .hero-panel .hero-rate-grid .text-xl{font-size:17px!important}
 [data-fam=tarife] .hero-panel .hero-rate-grid .mt-3{margin-top:7px!important;height:5px!important}
 [data-fam=tarife] .hero-panel .grid-cols-3{gap:8px!important}
 [data-fam=tarife] .hero-panel .grid-cols-3>*{padding:7px 4px!important;border-radius:12px!important}
 [data-fam=tarife] .hero-panel .grid-cols-3 .text-xl{font-size:15px!important;line-height:1.15!important}
 [data-fam=tarife] .hero-panel .grid-cols-3 .text-xs{font-size:11px!important;margin-top:1px!important}
}

/* ---- Sparcheck: Ersparnis angeheftet, solange man die Eingaben bedient (nur Handy) ---- */
.sc-mini{display:none}
@media (max-width:700px){
  #calculator.overflow-hidden,#calculator .sc-card{overflow:clip!important}
  .sc-mini{position:sticky;top:56px;z-index:5;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:-8px -6px 16px;padding:11px 14px;border-radius:16px;background:rgba(17,19,21,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 26px rgba(0,0,0,.4),inset 0 0 0 1px rgba(143,224,122,.35);transition:opacity .3s}
  .sc-mini.is-off{opacity:0;pointer-events:none}
  .sc-mini span{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.7)}
  .sc-mini b{font:800 24px/1 Inter,system-ui,sans-serif;letter-spacing:-.03em;color:#8fe07a;white-space:nowrap;font-variant-numeric:tabular-nums}
  /* Vergleichstabelle: Zellen lesbarer (vorher 10–11 px) */
  #comparison .comparison-cell{font-size:14px!important;line-height:1.3!important;padding:12px 10px!important}
  #comparison .comparison-cell.comparison-feature{font-size:13.5px!important}
  #comparison .comparison-shell p.text-sm{font-size:12.5px!important}
}

@media (max-width:700px){
  /* Tarifseite: Bewertungspunkte und Regler mit größerer Tippfläche (Optik unverändert) */
  [data-fam=tarife] #reviews .dot{position:relative}
  [data-fam=tarife] #reviews .dot::after{content:"";position:absolute;inset:-16px -4px}
  [data-fam=tarife] #reviews a.bg-gray-50{min-height:44px;display:inline-flex;align-items:center}
  #calculator .sc-range::-webkit-slider-thumb{width:36px;height:36px}
  #calculator .sc-range{margin-top:34px}
}

/* 07.10.2026: overflow-x:hidden am body der alten Tarifvorlage hebt die angeheftete Kopfzeile auf (Desktop); clip schneidet genauso ab, ohne das */
[data-fam=tarife] body.overflow-x-hidden{overflow-x:clip!important}