/* Lieblingsportal Strom-Hub Portal Redesign V1 — 2026-09-19 */
:root{--sp-navy:#09265a;--sp-teal:#08a7ae;--sp-green:#10b981;--sp-line:#e3ebf2;--sp-soft:#f5fafb;--sp-shadow:0 18px 48px rgba(18,47,82,.13)}
body{background:#f7fafc!important}
.sh{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e4ecf3!important;box-shadow:0 4px 18px rgba(18,45,79,.055)!important;backdrop-filter:blur(12px)}
.logo{color:var(--sp-navy)!important;font-weight:750!important}.sh nav a{color:#17335f!important;font-weight:650!important}.sh nav a.active,.sh nav a:hover{color:var(--sp-teal)!important;background:#eefafa!important}.hamburger span{background:#17335f!important}.mobile-menu{background:#fff!important;border-top:1px solid #e4ebf2!important}.mobile-menu a{color:#17335f!important;border-bottom:1px solid #edf1f5!important}
.hero{min-height:548px!important;max-height:none!important;padding:54px 0 152px!important;background:#f8fcff url('/assets/images/hero-strom-portal-20260919.jpg?v=1') center center/cover no-repeat!important;position:relative!important;isolation:isolate;color:var(--sp-navy)!important;overflow:hidden!important}
.hero::before{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(255,255,255,.998) 0%,rgba(255,255,255,.985) 28%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.58) 48%,rgba(255,255,255,.08) 58%,rgba(255,255,255,0) 64%)!important;pointer-events:none!important}
.hero-in{max-width:1200px!important;margin:0 auto!important;padding:0 40px!important;display:block!important;position:relative!important;z-index:3!important}.hero .a1{max-width:625px!important}
.hbadge{display:block!important;background:transparent!important;border:0!important;color:var(--sp-teal)!important;padding:0!important;margin:0 0 12px!important;border-radius:0!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.09em!important}.hbadge::before{display:none!important}
.hero h1{color:var(--sp-navy)!important;font-size:clamp(43px,4.2vw,58px)!important;line-height:1.015!important;letter-spacing:-.05em!important;margin:0 0 15px!important;max-width:620px!important}.hero h1 .hl{color:var(--sp-teal)!important}
.hero-sub{color:#29466c!important;font-size:16px!important;line-height:1.5!important;margin:0 0 18px!important;max-width:590px!important;font-weight:520!important}
.trust-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 20px!important;margin:0!important;max-width:590px!important}.trust-strip span{font-size:12.5px!important;color:#29466c!important;line-height:1.3!important;font-weight:650!important;position:relative;padding-left:25px}.trust-strip span::before{content:'✓';position:absolute;left:0;top:-2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#edfbfa;border:1px solid rgba(8,167,174,.25);color:var(--sp-teal);font-size:11px;font-weight:850}
.hero .stats{display:none!important}
.strom-hub-rechner{position:relative!important;z-index:20!important;background:transparent!important;padding:0 0 18px!important;margin-top:-116px!important}.strom-hub-rechner-in{max-width:1180px!important;margin:0 auto!important;padding:18px 20px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;gap:18px!important;align-items:stretch!important;background:rgba(255,255,255,.98)!important;border:1px solid #dfe8ef!important;border-radius:18px!important;box-shadow:var(--sp-shadow)!important;box-sizing:border-box!important}.strom-hub-compare-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 6px!important;min-width:0!important}.strom-hub-compare-title{font-family:var(--serif)!important;color:var(--sp-navy)!important;font-size:18px!important;line-height:1.2!important;margin:0 0 3px!important}.strom-hub-compare-sub{color:#698099!important;font-size:11.5px!important;margin:0 0 12px!important}
.strom-hub-rechner .hero-plz-form{margin:0!important;max-width:none!important;width:100%!important}.strom-hub-rechner .hero-plz-row{display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(190px,1fr) auto!important;gap:10px!important;align-items:end!important}.strom-field-wrap{display:flex;flex-direction:column;gap:5px;min-width:0}.strom-field-label{font-size:11.5px;font-weight:760;color:var(--sp-navy);line-height:1.2}.strom-field-label::before{color:var(--sp-teal);margin-right:6px}.strom-field-wrap--plz .strom-field-label::before{content:'⌖'}.strom-field-wrap--hh .strom-field-label::before{content:'♙'}
.strom-hub-rechner .hero-plz-row input,.strom-hub-rechner .hero-plz-row select{width:100%!important;min-height:48px!important;border:1.5px solid #cdd9e4!important;border-radius:10px!important;background:#fff!important;color:#16335d!important;box-shadow:0 1px 3px rgba(20,45,75,.04)!important;padding:10px 13px!important;font-size:14px!important}.strom-hub-rechner .hero-plz-row input:focus,.strom-hub-rechner .hero-plz-row select:focus{border-color:var(--sp-teal)!important;box-shadow:0 0 0 3px rgba(8,167,174,.11)!important}.strom-hub-rechner .hero-plz-btn{min-height:48px!important;border-radius:10px!important;background:var(--sp-teal)!important;padding:0 24px!important;font-size:13px!important;box-shadow:0 8px 20px rgba(8,167,174,.18)!important}.strom-hub-rechner .hero-plz-btn:hover{background:#078f96!important}.strom-hub-rechner .hero-plz-note{color:#71859a!important;margin:8px 0 0!important;font-size:10.5px!important}.strom-hub-compare-note{display:none!important}.lp-rc-hub-inline{font-size:10.5px!important;color:#6f8297!important;margin-top:6px!important}.lp-rc-hub-inline span{color:var(--sp-teal)!important;font-weight:750!important}
.strom-hub-experte{border-left:1px solid #e4ebf1!important;padding:6px 0 6px 18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:transparent!important}.strom-hub-experte img{width:64px!important;height:64px!important;border-radius:50%!important;border:2px solid var(--sp-teal)!important;box-shadow:0 6px 18px rgba(8,167,174,.13)!important;margin:0 auto 7px!important}.strom-hub-experte-name{font-size:13px!important;color:var(--sp-navy)!important}.strom-hub-experte-rolle{font-size:8.5px!important;color:var(--sp-teal)!important;letter-spacing:.04em!important}.strom-hub-experte p{font-size:9.5px!important;line-height:1.4!important;color:#6b7f95!important;margin:5px 0 0!important;max-width:180px!important}
.strom-portal-topics{width:min(1180px,calc(100% - 48px));margin:0 auto 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.strom-topic-card{min-height:82px;background:#fff;border:1px solid #e1e9f0;border-radius:14px;padding:14px 14px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;box-shadow:0 7px 22px rgba(24,50,80,.055)}.strom-topic-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#edfbfa;color:var(--sp-teal);font-size:20px;font-weight:800}.strom-topic-card:nth-child(1) .strom-topic-icon{background:#eefbea;color:#35a12a}.strom-topic-card:nth-child(2) .strom-topic-icon{background:#eff6ff;color:#2d7fe8}.strom-topic-card:nth-child(3) .strom-topic-icon{background:#eef8ff;color:#228be6}.strom-topic-title{font-family:var(--serif);font-size:13.5px;font-weight:750;color:var(--sp-navy);line-height:1.2}.strom-topic-copy{font-size:10.5px;line-height:1.35;color:#72859a;margin-top:3px}
.lp-vw-entry-wrap{max-width:1180px!important;width:calc(100% - 48px)!important;margin:10px auto 18px!important}.lp-vw-entry{border-color:#dfe8ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 22px rgba(24,50,80,.045)!important}.lp-vw-entry-icon{background:#edfbfa!important;color:var(--sp-teal)!important}.lp-vw-entry-kicker{color:var(--sp-teal)!important}.lp-vw-entry-cta{background:var(--sp-navy)!important}.lp-vw-entry-cta:hover{background:#153a6e!important}
.trust{background:#fff!important;border-top:1px solid #e7edf2!important;border-bottom:1px solid #e7edf2!important;padding:14px 16px!important}.tv{color:#536b85!important}.tc{background:#edfbfa!important;color:var(--sp-teal)!important}
@media(min-width:1101px){.hero{background-position:center 52%!important}}
@media(min-width:981px) and (max-width:1100px){.hero{min-height:520px!important;padding:45px 0 148px!important;background-position:58% 50%!important}.hero h1{font-size:47px!important}.hero-in{padding:0 28px!important}.strom-hub-rechner{margin-top:-110px!important}.strom-hub-rechner-in{width:calc(100% - 30px)!important}.strom-portal-topics{width:calc(100% - 30px)!important}.lp-vw-entry-wrap{width:calc(100% - 30px)!important}}
@media(min-width:701px) and (max-width:980px){.hero{min-height:520px!important;padding:42px 0 152px!important;background-position:64% center!important}.hero::before{background:linear-gradient(90deg,rgba(255,255,255,.998) 0%,rgba(255,255,255,.97) 45%,rgba(255,255,255,.68) 59%,rgba(255,255,255,.12) 72%,rgba(255,255,255,0) 82%)!important}.hero-in{padding:0 24px!important}.hero .a1{max-width:520px!important}.hero h1{font-size:43px!important}.hero-sub{font-size:14px!important;max-width:500px!important}.trust-strip{max-width:500px!important}.strom-hub-rechner{margin-top:-108px!important}.strom-hub-rechner-in{width:calc(100% - 28px)!important;padding:16px!important;grid-template-columns:1fr!important}.strom-hub-experte{border-left:0!important;border-top:1px solid #e4ebf1!important;padding:12px 0 0!important;display:grid!important;grid-template-columns:52px 1fr!important;text-align:left!important;column-gap:12px!important}.strom-hub-experte img{width:52px!important;height:52px!important;margin:0!important;grid-row:1/4}.strom-hub-experte p{max-width:none!important}.strom-portal-topics{width:calc(100% - 28px)!important;grid-template-columns:repeat(2,1fr)!important}.lp-vw-entry-wrap{width:calc(100% - 28px)!important}}
@media(max-width:700px){.sh{position:sticky!important}.hero{min-height:650px!important;max-height:none!important;padding:30px 0 260px!important;background:#fff!important}.hero::before{content:''!important;inset:auto 0 0 0!important;height:245px!important;background:url('/assets/images/hero-strom-portal-mobile-20260919.jpg?v=1') 72% 54%/cover no-repeat!important;z-index:1!important}.hero-in{padding:0 18px!important;position:relative!important;z-index:3!important}.hero .a1{max-width:none!important}.hbadge{font-size:10px!important;margin-bottom:8px!important}.hero h1{font-size:35px!important;max-width:none!important;color:var(--sp-navy)!important;margin-bottom:12px!important}.hero-sub{font-size:13px!important;line-height:1.45!important;max-width:none!important;color:#395574!important;margin-bottom:14px!important}.trust-strip{grid-template-columns:1fr!important;gap:8px!important;max-width:none!important}.trust-strip span{font-size:11px!important}.strom-hub-rechner{margin-top:-72px!important;padding-bottom:14px!important}.strom-hub-rechner-in{width:calc(100% - 20px)!important;padding:14px!important;grid-template-columns:1fr!important;border-radius:15px!important}.strom-hub-compare-card{padding:0!important}.strom-hub-compare-title{font-size:16px!important}.strom-hub-compare-sub{font-size:10.5px!important;margin-bottom:10px!important}.strom-hub-rechner .hero-plz-row{grid-template-columns:1fr!important;gap:9px!important}.strom-hub-rechner .hero-plz-btn{width:100%!important}.strom-hub-experte{border-left:0!important;border-top:1px solid #e4ebf1!important;padding:12px 0 0!important;display:grid!important;grid-template-columns:48px 1fr!important;text-align:left!important;column-gap:11px!important}.strom-hub-experte img{width:48px!important;height:48px!important;margin:0!important;grid-row:1/4}.strom-hub-experte p{max-width:none!important}.strom-portal-topics{width:calc(100% - 20px)!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:16px!important}.strom-topic-card{min-height:74px;padding:10px;grid-template-columns:34px 1fr;gap:8px}.strom-topic-icon{width:34px;height:34px;font-size:16px}.strom-topic-title{font-size:12px}.strom-topic-copy{font-size:9px}.lp-vw-entry-wrap{width:calc(100% - 20px)!important}.trust{padding:12px 10px!important}.ti{justify-content:flex-start!important}.tv{font-size:10.5px!important}}

/* V1.1: neutralize legacy flex sizing/order inside the new portal composition */
.strom-field-wrap input,.strom-field-wrap select{flex:none!important;height:48px!important}
@media(min-width:701px) and (max-width:980px){.hero .a1{display:block!important}.hero .hbadge,.hero h1,.hero .hero-sub,.hero .trust-strip{order:initial!important}}
@media(max-width:700px){.hero .a1{display:block!important}.hero .hbadge,.hero h1,.hero .hero-sub,.hero .trust-strip{order:initial!important}}

/* V1.2: tablet text width and viewport-edge polish */
.strom-topic-card{min-height:80px}
@media(min-width:981px) and (max-width:1100px){.strom-portal-topics{margin-top:8px!important}}
@media(min-width:701px) and (max-width:980px){.hero .hero-sub{max-width:500px!important}}
@media(max-width:700px){.hero .hero-sub{max-width:none!important;width:100%!important}}


/* LP-MOBILE-SHELL-POLISH-V1 — 2026-09-19: mobile-only, desktop untouched */
 .sh .hamburger span{background:#17335f!important;}
@media(max-width:700px){
  .hero{min-height:0!important;height:auto!important;padding-top:30px!important;padding-bottom:245px!important;}
  .hero-overlay{height:235px!important;}
}
@media(max-width:700px){.hero::before{height:235px!important;}}


/* LP-PORTAL-LOWER-HARMONY-V1 — 2026-09-19 */
.pg-dh{background:linear-gradient(180deg,#f1fbfa 0%,#f7fcfc 100%)!important;border-top:1px solid #d4ebe8!important;border-bottom:1px solid #d4ebe8!important;padding-top:24px!important;padding-bottom:24px!important;max-width:none!important;}
.pg-dh-in{max-width:1200px!important;margin:0 auto!important;background:#fff!important;border-color:#d4ebe8!important;box-shadow:0 10px 28px rgba(18,48,79,.055)!important;}
.pg-dh-tab{background:#fff!important;border-color:#d4ebe8!important;color:#365272!important;transition:.15s ease!important;}
.pg-dh-radio:focus-visible+.pg-dh-tab{outline-color:#0aa7ae!important;}
.pg-dh-tabs:has(#dh-goal-1:checked) label[for="dh-goal-1"],.pg-dh-tabs:has(#dh-goal-2:checked) label[for="dh-goal-2"],.pg-dh-tabs:has(#dh-goal-3:checked) label[for="dh-goal-3"],.pg-dh-tabs:has(#dh-goal-4:checked) label[for="dh-goal-4"]{background:#0aa7ae!important;color:#fff!important;border-color:#0aa7ae!important;box-shadow:0 5px 14px color-mix(in srgb,#0aa7ae 22%,transparent)!important;}
.pg-dh-panel a{color:#087f88!important;}
.sec.lp-guide{background:linear-gradient(180deg,#f7fcfc 0%,#f1fbfa 100%)!important;border-top:1px solid #d4ebe8!important;border-bottom:1px solid #d4ebe8!important;}
.lp-guide-card{border-color:#d4ebe8!important;box-shadow:0 8px 24px rgba(18,48,79,.055)!important;}
.lp-guide-card h3{color:#0d2c59!important;}
.lp-step{background:#fff!important;border-color:#d4ebe8!important;box-shadow:0 5px 16px rgba(18,48,79,.035)!important;}
.lp-step-num{background:linear-gradient(135deg,#087f88,#0aa7ae)!important;box-shadow:0 5px 12px color-mix(in srgb,#0aa7ae 20%,transparent)!important;}
.lp-sourcebox{border-color:#d4ebe8!important;background:#f7fcfc!important;}
.lp-transparency{border-left-color:#0aa7ae!important;background:#fff!important;}
.sec.lp-news{background:linear-gradient(180deg,#f1fbfa 0%,#f7fcfc 100%)!important;border-top:1px solid #d4ebe8!important;border-bottom:1px solid #d4ebe8!important;}
.lp-news-card{background:#fff!important;border-color:#d4ebe8!important;box-shadow:0 7px 22px rgba(18,48,79,.05)!important;}
.lp-news-link{color:#087f88!important;}
#sec-faq.sec{background:linear-gradient(180deg,#ffffff 0%,#f7fcfc 100%)!important;border-top:1px solid #d4ebe8!important;}
#sec-faq .faq-item,#sec-faq .fi{background:#fff!important;border-color:#d4ebe8!important;box-shadow:0 4px 14px rgba(18,48,79,.035)!important;}
@media(max-width:640px){.pg-dh{padding:18px 14px!important;}.pg-dh-in{padding:16px!important;}}

/* LP-STROM-FRESH-GREEN-CTA-V1 — 2026-09-19
   Keep green as a distinct Strom action colour, but align it with the fresh
   teal/blue/orange portal palette. Scoped to the legacy green CTAs only. */
:root{--sp-fresh-green:#22c55e;--sp-fresh-green-hover:#1db954;--sp-fresh-green-ink:#09265a;--sp-fresh-green-deep:#15803d;--sp-fresh-green-soft:#f4fff7}
.of .bo,
button[onclick="openSonderModal()"],
#sonder-modal a[onclick*="closeSonderModal()"]{
  background:var(--sp-fresh-green)!important;
  color:var(--sp-fresh-green-ink)!important;
  border-color:var(--sp-fresh-green)!important;
  box-shadow:0 8px 22px rgba(34,197,94,.20)!important;
}
.of .bo:hover,
button[onclick="openSonderModal()"]:hover,
#sonder-modal a[onclick*="closeSonderModal()"]:hover{
  background:var(--sp-fresh-green-hover)!important;
  color:var(--sp-fresh-green-ink)!important;
  box-shadow:0 10px 26px rgba(34,197,94,.26)!important;
}
.of .bo:focus-visible,
button[onclick="openSonderModal()"]:focus-visible,
#sonder-modal a[onclick*="closeSonderModal()"]:focus-visible{
  outline:3px solid rgba(8,167,174,.24)!important;
  outline-offset:3px!important;
}
a[href="/service/kuendigung/"][style*="#10B981"]{
  background:var(--sp-fresh-green-soft)!important;
  color:var(--sp-fresh-green-deep)!important;
  border-color:var(--sp-fresh-green)!important;
}
a[href="/service/kuendigung/"][style*="#10B981"]:hover{
  background:#eafff0!important;
  color:#126c35!important;
  box-shadow:0 5px 14px rgba(34,197,94,.12)!important;
}

/* Portal V2 — Strom keeps the established teal conversion action */
body .strom-hub-rechner .hero-plz-btn{width:auto!important;max-width:none!important;min-width:0!important;background:var(--sp-teal)!important;color:#fff!important;box-shadow:0 8px 20px rgba(8,167,174,.18)!important;transform:none!important}
body .strom-hub-rechner .hero-plz-btn:hover{background:#078f96!important;box-shadow:0 9px 22px rgba(8,167,174,.22)!important;transform:none!important}
@media(min-width:1600px){.hero-in{max-width:1440px!important;padding-left:48px!important;padding-right:48px!important}.strom-hub-rechner-in{max-width:1400px!important}.strom-portal-topics{width:min(1400px,calc(100% - 80px))!important}.lp-vw-entry-wrap{max-width:1400px!important;width:calc(100% - 80px)!important}}

/* STROM PORTAL V3 — trust-copy alignment / 2026-09-19 */
.trust-strip span{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;column-gap:7px!important;align-items:start!important;padding-left:0!important}
.trust-strip span::before{position:static!important;left:auto!important;top:auto!important;grid-column:1!important;grid-row:1!important;margin-top:0!important}
.trust-strip .trust-copy{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important}