/* Lieblingsportal Gas-Hub Portal Redesign V1 — 2026-09-19 */
:root{--gp-navy:#09265a;--gp-blue:#147fe3;--gp-blue2:#0b9bd7;--gp-teal:#08a7ae;--gp-soft:#f7fbff;--gp-line:#e2eaf2;--gp-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(--gp-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(--gp-blue)!important;background:#eef6ff!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;padding:54px 0 152px!important;background:#f8fcff url('/assets/images/hero-gas-portal-20260919.jpg?v=1') center center/cover no-repeat!important;position:relative!important;isolation:isolate;color:var(--gp-navy)!important;overflow:hidden!important}
.hero-overlay{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(255,255,255,.998) 0%,rgba(255,255,255,.987) 29%,rgba(255,255,255,.93) 39%,rgba(255,255,255,.60) 49%,rgba(255,255,255,.10) 59%,rgba(255,255,255,0) 66%)!important;pointer-events:none!important}
.hero-in{position:relative!important;z-index:3!important;max-width:1200px!important;margin:0 auto!important;padding:0 40px!important}.hero-badge{display:block!important;background:transparent!important;border:0!important;color:var(--gp-blue)!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;text-transform:uppercase!important}.hero-badge::before{display:none!important}
.hero h1{color:var(--gp-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(--gp-blue)!important}.hero-sub{color:#29466c!important;font-size:16px!important;line-height:1.5!important;margin:0 0 18px!important;max-width:560px!important;font-weight:520!important}
.stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 20px!important;margin:0!important;max-width:590px!important}.stat{background:transparent!important;border:0!important;border-radius:0!important;padding:0 0 0 25px!important;position:relative!important;color:#29466c!important}.stat::before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;border:1px solid rgba(20,127,227,.22);color:var(--gp-blue);font-size:11px;font-weight:850}.stat .n{display:inline!important;font-size:12.5px!important;color:#29466c!important;font-weight:750!important;margin:0 4px 0 0!important}.stat .l{display:inline!important;font-size:12px!important;color:#58708a!important;line-height:1.3!important}
.rechner-mit-experte{position:relative!important;z-index:20!important;background:transparent!important;padding:0 0 18px!important;margin-top:-116px!important}.rechner-mit-experte-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,.985)!important;border:1px solid #dfe8ef!important;border-radius:18px!important;box-shadow:var(--gp-shadow)!important;box-sizing:border-box!important}.rme-rechner{min-width:0!important}.cbox{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 6px!important;overflow:visible!important}.ct{font-family:var(--serif)!important;color:var(--gp-navy)!important;font-size:18px!important;line-height:1.2!important;margin:0 0 3px!important}.cs{color:#698099!important;font-size:11.5px!important;margin:0 0 12px!important}.spill{display:none!important}.ig{display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(190px,1fr)!important;gap:10px!important;margin:0 0 10px!important}.field{gap:5px!important}.field label{font-size:11.5px!important;font-weight:760!important;color:var(--gp-navy)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}.field input{width:100%!important;min-height:48px!important;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;font-weight:600!important}.field input:focus{border-color:var(--gp-blue)!important;box-shadow:0 0 0 3px rgba(20,127,227,.10)!important}.bcta-calc,.bcta{min-height:48px!important;border-radius:10px!important;background:linear-gradient(90deg,var(--gp-blue),var(--gp-blue2))!important;padding:0 24px!important;font-size:13px!important;box-shadow:0 8px 20px rgba(20,127,227,.18)!important}.bcta-calc:hover,.bcta:hover{background:linear-gradient(90deg,#0f6fc9,#0888be)!important;transform:none!important;box-shadow:0 9px 22px rgba(20,127,227,.22)!important}.cnote{color:#71859a!important;margin:8px 0 0!important;font-size:10.5px!important}.lp-rc-hub-inline{font-size:10.5px!important;color:#6f8297!important;margin-top:6px!important}.lp-rc-hub-inline span{color:var(--gp-blue)!important;font-weight:750!important}.precheck-text{background:#f1f7ff!important;border-color:#cfe1f5!important;color:#405b78!important}.calc-error{font-size:11px!important}
.rme-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}.rme-experte img{width:64px!important;height:64px!important;border-radius:50%!important;border:2px solid var(--gp-blue)!important;box-shadow:0 6px 18px rgba(20,127,227,.13)!important;margin:0 auto 7px!important}.rme-experte-name{font-size:13px!important;color:var(--gp-navy)!important;margin-top:0!important}.rme-experte-rolle{font-size:8.5px!important;color:var(--gp-blue)!important;letter-spacing:.04em!important;margin-top:2px!important}.rme-experte p{font-size:9.5px!important;line-height:1.4!important;color:#6b7f95!important;margin:5px 0 0!important;max-width:180px!important}.quote-bubble{display:none!important}
.gas-portal-topics{width:min(1180px,calc(100% - 48px));margin:0 auto 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gas-topic-card{min-height:82px;background:#fff;border:1px solid #e1e9f0;border-radius:14px;padding:14px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;box-shadow:0 7px 22px rgba(24,50,80,.055)}.gas-topic-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;color:var(--gp-blue);font-size:20px;font-weight:800}.gas-topic-card:nth-child(2) .gas-topic-icon{background:#eefafa;color:var(--gp-teal)}.gas-topic-card:nth-child(3) .gas-topic-icon{background:#fff5e8;color:#ed8500}.gas-topic-card:nth-child(4) .gas-topic-icon{background:#f3efff;color:#7047e8}.gas-topic-title{font-family:var(--serif);font-size:13.5px;font-weight:750;color:var(--gp-navy);line-height:1.2}.gas-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:#eef6ff!important;color:var(--gp-blue)!important}.lp-vw-entry-kicker{color:var(--gp-blue)!important}.lp-vw-entry-cta{background:var(--gp-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:#eef6ff!important;color:var(--gp-blue)!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}.rechner-mit-experte{margin-top:-110px!important}.rechner-mit-experte-in{width:calc(100% - 30px)!important}.gas-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-overlay{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 h1{font-size:43px!important}.hero-sub{font-size:14px!important;max-width:500px!important}.stats{max-width:500px!important}.rechner-mit-experte{margin-top:-108px!important}.rechner-mit-experte-in{width:calc(100% - 28px)!important;padding:16px!important;grid-template-columns:1fr!important}.rme-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}.rme-experte img{width:52px!important;height:52px!important;margin:0!important;grid-row:1/4}.rme-experte p{max-width:none!important}.gas-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;padding:30px 0 260px!important;background:#fff!important}.hero-overlay{display:block!important;inset:auto 0 0 0!important;height:245px!important;background:url('/assets/images/hero-gas-portal-mobile-20260919.jpg?v=1') 76% 52%/cover no-repeat!important;z-index:1!important}.hero-in{padding:0 18px!important;position:relative!important;z-index:3!important}.hero-badge{font-size:10px!important;margin-bottom:8px!important}.hero h1{font-size:35px!important;max-width:none!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}.stats{grid-template-columns:1fr!important;gap:8px!important;max-width:none!important}.stat .n,.stat .l{font-size:11px!important}.rechner-mit-experte{margin-top:-72px!important;padding-bottom:14px!important}.rechner-mit-experte-in{width:calc(100% - 20px)!important;padding:14px!important;grid-template-columns:1fr!important;border-radius:15px!important}.cbox{padding:0!important}.ct{font-size:16px!important}.cs{font-size:10.5px!important;margin-bottom:10px!important}.ig{grid-template-columns:1fr!important;gap:9px!important}.bcta-calc,.bcta{width:100%!important}.rme-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}.rme-experte img{width:48px!important;height:48px!important;margin:0!important;grid-row:1/4}.rme-experte p{max-width:none!important}.gas-portal-topics{width:calc(100% - 20px)!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:16px!important}.gas-topic-card{min-height:74px;padding:10px;grid-template-columns:34px 1fr;gap:8px}.gas-topic-icon{width:34px;height:34px;font-size:16px}.gas-topic-title{font-size:12px}.gas-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: compact gas calculator for desktop/tablet fold */
@media(min-width:981px){
.cbox{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;column-gap:12px!important;align-items:end!important}
.cbox>.ct,.cbox>.cs,.cbox>.spill,.cbox>.calc-error,.cbox>.precheck,.cbox>.cnote,.cbox>.lp-rc-hub-inline,.cbox>p[style]{grid-column:1/-1!important}
.cbox>.ct{margin-bottom:3px!important}.cbox>.cs{margin-bottom:10px!important}
.cbox>.ig{grid-column:1!important;margin-bottom:0!important}.cbox>.bcta-calc{grid-column:2!important;grid-row:3!important;margin:0!important;height:48px!important}
.cbox>.cnote{margin-top:7px!important}.cbox>.lp-rc-hub-inline{margin-top:4px!important}.cbox>p[style]{margin-top:3px!important;line-height:1.25!important}
.rechner-mit-experte-in{padding-top:15px!important;padding-bottom:15px!important}
}
@media(min-width:981px) and (max-width:1100px){.hero{min-height:500px!important;padding-top:38px!important;padding-bottom:132px!important}.rechner-mit-experte{margin-top:-104px!important}.hero h1{font-size:44px!important}.hero-sub{font-size:14px!important;margin-bottom:14px!important}.stats{gap:8px 16px!important}.stat .n,.stat .l{font-size:11px!important}}

/* V1.2: compact virtual-assistant override after legacy gas rules */
.rme-experte[data-lp-virtual-assistant-v1="1"]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:0!important;align-self:center!important;padding:6px 0 6px 18px!important;margin:0!important;background:transparent!important;border:0!important;border-left:1px solid #e4ebf1!important;border-radius:0!important;box-shadow:none!important;gap:0!important}
.rme-experte[data-lp-virtual-assistant-v1="1"] img{display:block!important;width:64px!important;height:64px!important;margin:0 auto 7px!important;border:2px solid var(--gp-blue)!important;box-shadow:0 6px 18px rgba(20,127,227,.13)!important;grid-column:auto!important;grid-row:auto!important}
.rme-experte[data-lp-virtual-assistant-v1="1"] .rme-experte-name{font-size:13px!important;color:var(--gp-navy)!important;margin:0!important;grid-column:auto!important}.rme-experte[data-lp-virtual-assistant-v1="1"] .rme-experte-rolle{font-size:8.5px!important;line-height:1.2!important;color:var(--gp-blue)!important;letter-spacing:.04em!important;margin:2px 0 0!important;padding:0!important;background:transparent!important;border-radius:0!important;grid-column:auto!important}.rme-experte[data-lp-virtual-assistant-v1="1"] .rechner-exp-status{font-size:9.5px!important;line-height:1.35!important;color:#6b7f95!important;margin:5px 0 0!important;max-width:180px!important}
@media(max-width:980px){.rme-experte[data-lp-virtual-assistant-v1="1"]{display:grid!important;grid-template-columns:52px 1fr!important;grid-template-rows:auto auto auto!important;column-gap:12px!important;row-gap:2px!important;text-align:left!important;align-items:start!important;width:100%!important;padding:12px 0 0!important;border-left:0!important;border-top:1px solid #e4ebf1!important}.rme-experte[data-lp-virtual-assistant-v1="1"] img{grid-column:1!important;grid-row:1/4!important;width:52px!important;height:52px!important;margin:0!important}.rme-experte[data-lp-virtual-assistant-v1="1"] .rme-experte-name,.rme-experte[data-lp-virtual-assistant-v1="1"] .rme-experte-rolle,.rme-experte[data-lp-virtual-assistant-v1="1"] .rechner-exp-status{grid-column:2!important;max-width:none!important;text-align:left!important}}
@media(max-width:700px){.rme-experte[data-lp-virtual-assistant-v1="1"]{grid-template-columns:48px 1fr!important}.rme-experte[data-lp-virtual-assistant-v1="1"] img{width:48px!important;height:48px!important}}

/* V1.2 mobile visual polish 2026-09-19: Sofia + narrow topic grid */
@media(max-width:768px){
.rme-experte[data-lp-virtual-assistant-v1="1"]{grid-template-columns:48px minmax(0,1fr)!important;column-gap:11px!important;min-width:0!important;overflow:hidden!important}
.rme-experte[data-lp-virtual-assistant-v1="1"] img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;inline-size:48px!important;block-size:48px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;grid-column:1!important;grid-row:1/4!important}
.rme-experte[data-lp-virtual-assistant-v1="1"] .rme-experte-name{grid-column:2!important;font-size:14px!important;line-height:1.2!important;margin:0!important;min-width:0!important}
.rme-experte[data-lp-virtual-assistant-v1="1"] .rme-experte-rolle{grid-column:2!important;font-size:9px!important;line-height:1.25!important;margin:2px 0 0!important;padding:0!important;min-width:0!important;overflow-wrap:anywhere!important;background:transparent!important}
.rme-experte[data-lp-virtual-assistant-v1="1"] .rechner-exp-status{grid-column:2!important;font-size:10.5px!important;line-height:1.4!important;margin:4px 0 0!important;min-width:0!important;max-width:none!important;overflow-wrap:anywhere!important}
.gas-portal-topics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.gas-topic-card{min-width:0!important;grid-template-columns:34px minmax(0,1fr)!important}
.gas-topic-card>div{min-width:0!important}.gas-topic-title,.gas-topic-copy{max-width:100%!important;overflow-wrap:anywhere!important}
}

/* V1.3 portrait ratio hardening across all breakpoints */
.rme-experte[data-lp-virtual-assistant-v1="1"] img{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;inline-size:64px!important;block-size:64px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important}
@media(min-width:701px) and (max-width:980px){.rme-experte[data-lp-virtual-assistant-v1="1"]{grid-template-columns:52px minmax(0,1fr)!important}.rme-experte[data-lp-virtual-assistant-v1="1"] img{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;inline-size:52px!important;block-size:52px!important}}
@media(max-width:700px){.rme-experte[data-lp-virtual-assistant-v1="1"] img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;inline-size:48px!important;block-size:48px!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;}
}


/* LP-GAS-DARK-BLOCK-READABILITY-V1 — 2026-09-19 */
.ob .oi p{color:rgba(255,255,255,.76)!important;}
.ob .of .field label{color:#ffffff!important;}
.ob .of .field input{background:#ffffff!important;color:#16335d!important;border-color:#c7d5e4!important;}
.ob .of .field input::placeholder{color:#7d90a8!important;opacity:1!important;}
.ob .of .field input:focus{border-color:#8fb5d7!important;box-shadow:0 0 0 3px rgba(143,181,215,.20)!important;}


/* LP-PORTAL-LOWER-HARMONY-V1 — 2026-09-19 */
.pg-dh{background:linear-gradient(180deg,#f2f8ff 0%,#f8fbff 100%)!important;border-top:1px solid #d7e7f7!important;border-bottom:1px solid #d7e7f7!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:#d7e7f7!important;box-shadow:0 10px 28px rgba(18,48,79,.055)!important;}
.pg-dh-tab{background:#fff!important;border-color:#d7e7f7!important;color:#365272!important;transition:.15s ease!important;}
.pg-dh-radio:focus-visible+.pg-dh-tab{outline-color:#147fe3!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:#147fe3!important;color:#fff!important;border-color:#147fe3!important;box-shadow:0 5px 14px color-mix(in srgb,#147fe3 22%,transparent)!important;}
.pg-dh-panel a{color:#0d6ec6!important;}
.sec.lp-guide{background:linear-gradient(180deg,#f8fbff 0%,#f2f8ff 100%)!important;border-top:1px solid #d7e7f7!important;border-bottom:1px solid #d7e7f7!important;}
.lp-guide-card{border-color:#d7e7f7!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:#d7e7f7!important;box-shadow:0 5px 16px rgba(18,48,79,.035)!important;}
.lp-step-num{background:linear-gradient(135deg,#0d6ec6,#147fe3)!important;box-shadow:0 5px 12px color-mix(in srgb,#147fe3 20%,transparent)!important;}
.lp-sourcebox{border-color:#d7e7f7!important;background:#f8fbff!important;}
.lp-transparency{border-left-color:#147fe3!important;background:#fff!important;}
.sec.lp-news{background:linear-gradient(180deg,#f2f8ff 0%,#f8fbff 100%)!important;border-top:1px solid #d7e7f7!important;border-bottom:1px solid #d7e7f7!important;}
.lp-news-card{background:#fff!important;border-color:#d7e7f7!important;box-shadow:0 7px 22px rgba(18,48,79,.05)!important;}
.lp-news-link{color:#0d6ec6!important;}
#sec-faq.sec{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border-top:1px solid #d7e7f7!important;}
#sec-faq .faq-item,#sec-faq .fi{background:#fff!important;border-color:#d7e7f7!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;}}

/* Portal V2 — preserve Gas identity and improve ultrawide balance */
body .bcta-calc,body .bcta{width:auto!important;max-width:none!important;min-width:0!important;background:linear-gradient(90deg,var(--gp-blue),var(--gp-blue2))!important;color:#fff!important;box-shadow:0 8px 20px rgba(20,127,227,.18)!important;transform:none!important}
body .bcta-calc:hover,body .bcta:hover{background:linear-gradient(90deg,#0f6fc9,#0888be)!important;box-shadow:0 9px 22px rgba(20,127,227,.22)!important;transform:none!important}
@media(min-width:1600px){.hero-in{max-width:1440px!important;padding-left:48px!important;padding-right:48px!important}.rechner-mit-experte-in{max-width:1400px!important}.gas-portal-topics{width:min(1400px,calc(100% - 80px))!important}.lp-vw-entry-wrap{max-width:1400px!important;width:calc(100% - 80px)!important}}