:root{--lp-city-navy:#0b2854;--lp-city-text:#17365f;--lp-city-muted:#6b8097;--lp-city-line:#d8e6ee}
body.lp-city-modern{--city-accent:#0aa7ae;--city-accent2:#38ced2;--city-soft:#eefafa;--city-glow:rgba(10,167,174,.16);background:linear-gradient(180deg,#fff 0%,#f6fafc 30%,#f2f7fa 100%);color:var(--lp-city-text)}
body.lp-city-strom{--city-accent:#08a7ae;--city-accent2:#27c879;--city-soft:#effbf8;--city-glow:rgba(8,167,174,.17)}
body.lp-city-gas{--city-accent:#147fe3;--city-accent2:#55b3ff;--city-soft:#eef6ff;--city-glow:rgba(20,127,227,.17)}
body.lp-city-internet{--city-accent:#6d4aff;--city-accent2:#9b7cff;--city-soft:#f3f0ff;--city-glow:rgba(109,74,255,.17)}
body.lp-city-mietwagen{--city-accent:#f28a00;--city-accent2:#ffb13b;--city-soft:#fff5e8;--city-glow:rgba(242,138,0,.17)}
body.lp-city-modern .sh{position:relative;z-index:50;background:rgba(255,255,255,.95)!important;border-bottom:1px solid rgba(210,224,233,.92);box-shadow:0 8px 28px rgba(12,40,75,.045);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.lp-city-modern .sh .logo,body.lp-city-modern .sh a{color:var(--lp-city-navy)!important}
body.lp-city-modern .sh .logo:hover,body.lp-city-modern .sh .logo:focus-visible{color:var(--city-accent)!important}
body.lp-city-modern .sh nav a.active,body.lp-city-modern .sh nav a[aria-current="page"]{color:var(--city-accent)!important;background:var(--city-soft)!important;box-shadow:inset 0 -2px 0 var(--city-accent)}
body.lp-city-modern .hamburger{color:var(--lp-city-navy)!important}
body.lp-city-modern .mobile-menu{background:rgba(255,255,255,.985)!important;color:var(--lp-city-navy)!important;box-shadow:0 18px 36px rgba(11,40,84,.12)}
body.lp-city-modern .hero{position:relative;overflow:hidden;isolation:isolate;min-height:360px;border-bottom:1px solid rgba(214,227,235,.8);box-shadow:inset 0 -1px 0 rgba(255,255,255,.7)}
body.lp-city-modern .hero:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,0) 50%);pointer-events:none}
body.lp-city-modern .hero-in{position:relative;z-index:2;display:flex!important;align-items:center!important;min-height:360px!important;padding-top:34px!important;padding-bottom:34px!important}
body.lp-city-modern .hero .a1{width:min(650px,58vw);padding:27px 30px 25px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(250,253,255,.88));border:1px solid rgba(255,255,255,.88);box-shadow:0 22px 55px rgba(11,40,84,.16),inset 0 1px 0 rgba(255,255,255,.98);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);color:var(--lp-city-text)!important}
body.lp-city-modern .hero h1{font-family:'Sora',sans-serif!important;font-size:clamp(34px,3.9vw,58px)!important;line-height:1.04!important;letter-spacing:-.035em!important;color:var(--lp-city-navy)!important;text-wrap:balance;margin-bottom:12px!important}
body.lp-city-modern .hero .hbadge,body.lp-city-modern .hero .city{color:var(--city-accent)!important}
body.lp-city-modern .hero .hbadge{background:var(--city-soft)!important;border:1px solid color-mix(in srgb,var(--city-accent) 22%,#d8e6ee)!important;border-radius:999px!important;box-shadow:none!important}
body.lp-city-modern .hero .hero-sub,body.lp-city-modern .hero p{color:#526b88!important}
body.lp-city-modern .hero .stats{gap:9px!important;margin-top:18px!important}
body.lp-city-modern .hero .stat{background:rgba(255,255,255,.88)!important;border:1px solid #d9e6ee!important;border-radius:13px!important;box-shadow:0 8px 18px rgba(20,48,80,.055)!important;color:var(--lp-city-text)!important}
body.lp-city-modern .hero .stat .n,body.lp-city-modern .hero .stat strong{color:var(--city-accent)!important}
body.lp-city-modern .rechner-mit-experte{position:relative;z-index:5;background:linear-gradient(180deg,#f3f8fb 0%,#f7fbfd 100%)!important;padding-top:0!important;border-bottom:1px solid #e1ebf0}
body.lp-city-modern .rechner-mit-experte-in{position:relative;transform:translateY(-24px);margin-bottom:-10px;padding:20px!important;border:1px solid rgba(206,221,231,.95);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 20px 52px rgba(13,45,80,.11),inset 0 1px 0 #fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.lp-city-modern .rme-rechner,body.lp-city-modern .rme-experte,body.lp-city-modern .cbox{border-radius:18px!important;border-color:#d9e6ee!important;box-shadow:0 10px 26px rgba(16,45,78,.055)!important}
body.lp-city-modern input,body.lp-city-modern select,body.lp-city-modern textarea{border-color:#cddce7!important;border-radius:12px!important;background:#fff!important;color:var(--lp-city-navy)!important;transition:border-color .18s ease,box-shadow .18s ease}
body.lp-city-modern input:focus,body.lp-city-modern select:focus,body.lp-city-modern textarea:focus{outline:none!important;border-color:var(--city-accent)!important;box-shadow:0 0 0 4px var(--city-glow)!important}
body.lp-city-modern .bcta,body.lp-city-modern .lp-vw-entry-cta,body.lp-city-modern .c24-gate-btn,body.lp-city-modern button[type="submit"]{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--city-accent),var(--city-accent2))!important;color:#fff!important;border-color:transparent!important;border-radius:12px!important;box-shadow:0 11px 26px var(--city-glow)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
body.lp-city-modern .bcta:hover,body.lp-city-modern .lp-vw-entry-cta:hover,body.lp-city-modern .c24-gate-btn:hover,body.lp-city-modern button[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 15px 32px var(--city-glow)!important;filter:saturate(1.05)}
body.lp-city-modern .lp-vw-entry-wrap{margin-top:18px!important;margin-bottom:18px!important}
body.lp-city-modern .lp-vw-entry{border:1px solid #d9e6ee!important;border-left:4px solid var(--city-accent)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 12px 30px rgba(16,45,78,.07)!important}
body.lp-city-modern .lp-vw-entry-kicker{color:var(--city-accent)!important}
body.lp-city-modern .pg-qs-in,body.lp-city-modern .pg-dh-in,body.lp-city-modern .pg-toc,body.lp-city-modern .trust,body.lp-city-modern .two,body.lp-city-modern .city-section,body.lp-city-modern .uvp-block,body.lp-city-modern .nc,body.lp-city-modern .lp-local-sources{border:1px solid rgba(210,225,234,.95)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,255,.96))!important;box-shadow:0 13px 34px rgba(17,48,82,.055),inset 0 1px 0 #fff!important}
body.lp-city-modern .pg-qs,body.lp-city-modern .pg-dh,body.lp-city-modern .sec,body.lp-city-modern .city-section{background:transparent!important}
body.lp-city-modern .sec-title,body.lp-city-modern .pg-qs-t,body.lp-city-modern .pg-dh-t,body.lp-city-modern h2,body.lp-city-modern h3{color:var(--lp-city-navy)}
body.lp-city-modern .sec-title:after{content:"";display:block;width:54px;height:3px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,var(--city-accent),var(--city-accent2))}
body.lp-city-modern .pg-dh-tab,body.lp-city-modern .pg-tg-item,body.lp-city-modern .ni,body.lp-city-modern .fq,body.lp-city-modern .cc2{border-color:#dbe7ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 20px rgba(17,48,82,.04)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.lp-city-modern .pg-dh-tab:hover,body.lp-city-modern .pg-tg-item:hover,body.lp-city-modern .ni:hover,body.lp-city-modern .fq:hover,body.lp-city-modern .cc2:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--city-accent) 28%,#dbe7ef)!important;box-shadow:0 13px 28px rgba(17,48,82,.075)!important}
body.lp-city-modern .city-chip,body.lp-city-modern .nchip,body.lp-city-modern .tp{border-color:#dbe7ef!important;background:linear-gradient(180deg,#fff,var(--city-soft))!important;color:var(--lp-city-text)!important}
body.lp-city-modern .lp-city-visual{border-radius:22px!important;overflow:hidden;box-shadow:0 18px 42px rgba(15,44,76,.12)!important;border:1px solid rgba(210,225,234,.9)!important}
body.lp-city-modern .lp-city-visual img{transition:transform .5s ease}
body.lp-city-modern .lp-city-visual:hover img{transform:scale(1.012)}
body.lp-city-modern .sf{position:relative;overflow:hidden;background:radial-gradient(circle at 10% -30%,rgba(10,167,174,.3) 0,rgba(10,167,174,0) 31%),radial-gradient(circle at 92% -20%,rgba(114,87,255,.2) 0,rgba(114,87,255,0) 28%),linear-gradient(125deg,#061832 0%,#0b2a50 55%,#0b4156 100%)!important;border-top:1px solid rgba(89,211,219,.18)}
body.lp-city-modern .sf a{transition:color .18s ease,transform .18s ease}
body.lp-city-modern .sf a:hover{color:#8fe9ed!important;transform:translateX(2px)}
@media(max-width:900px){body.lp-city-modern .hero{min-height:0!important}body.lp-city-modern .hero-in{min-height:0!important;padding-top:26px!important;padding-bottom:26px!important}body.lp-city-modern .hero .a1{width:min(680px,92vw);padding:24px 24px 22px}body.lp-city-modern .rechner-mit-experte-in{transform:translateY(-18px)}}
@media(max-width:700px){body.lp-city-modern .hero{background-position:center!important}body.lp-city-modern .hero-in{padding-top:18px!important;padding-bottom:18px!important}body.lp-city-modern .hero .a1{width:calc(100% - 28px);margin:0 auto;padding:20px 18px 18px;border-radius:18px;background:rgba(255,255,255,.95)}body.lp-city-modern .hero h1{font-size:clamp(31px,9.5vw,42px)!important}body.lp-city-modern .hero .stats{display:grid!important;grid-template-columns:1fr 1fr!important}body.lp-city-modern .rechner-mit-experte-in{width:calc(100% - 24px)!important;transform:translateY(-12px);padding:13px!important;border-radius:18px}body.lp-city-modern .pg-qs-in,body.lp-city-modern .pg-dh-in,body.lp-city-modern .pg-toc,body.lp-city-modern .trust,body.lp-city-modern .two,body.lp-city-modern .city-section,body.lp-city-modern .uvp-block,body.lp-city-modern .nc,body.lp-city-modern .lp-local-sources{border-radius:16px!important}body.lp-city-modern .lp-vw-entry{border-radius:15px!important}}
@media(prefers-reduced-motion:reduce){body.lp-city-modern *,body.lp-city-modern *:before,body.lp-city-modern *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* LP_CITY_MODERN_V3_20260919 — city pages aligned with 2026 portal hubs */
body.lp-city-modern .hero{padding:22px 0 34px!important;min-height:0!important;background-size:cover!important;background-repeat:no-repeat!important;background-color:#eef5f8!important}
body.lp-city-strom .hero{background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.72) 47%,rgba(255,255,255,.12) 68%,rgba(255,255,255,0) 78%),url('/assets/images/hero-strom-portal-20260919.jpg?v=1')!important;background-position:center 52%!important}
body.lp-city-gas .hero{background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.72) 47%,rgba(255,255,255,.12) 68%,rgba(255,255,255,0) 78%),url('/assets/images/hero-gas-portal-20260919.jpg?v=1')!important;background-position:center 52%!important}
body.lp-city-internet .hero{background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.72) 47%,rgba(255,255,255,.12) 68%,rgba(255,255,255,0) 78%),url('/assets/images/hero-internet-portal-20260919.jpg?v=1')!important;background-position:center 52%!important}
body.lp-city-mietwagen .hero{background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 28%,rgba(255,255,255,.72) 47%,rgba(255,255,255,.12) 68%,rgba(255,255,255,0) 78%),url('/assets/images/hero-mietwagen-portal-20260919.jpg?v=1')!important;background-position:center 52%!important}
body.lp-city-modern .hero:after{background:linear-gradient(180deg,rgba(255,255,255,0) 62%,rgba(245,250,252,.36) 100%)!important}
body.lp-city-modern .hero-in{min-height:0!important;padding:22px 40px!important;align-items:center!important}
body.lp-city-modern .hero .a1{width:min(620px,55vw);padding:22px 25px 20px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(250,253,255,.91))!important;box-shadow:0 20px 48px rgba(11,40,84,.13),inset 0 1px 0 #fff!important}
body.lp-city-modern .hero h1{font-size:clamp(34px,3.25vw,50px)!important;line-height:1.03!important;margin-bottom:10px!important}
body.lp-city-modern .hero .hero-sub{font-size:clamp(15px,1.15vw,18px)!important;line-height:1.48!important}
body.lp-city-modern .hero .stats{margin-top:14px!important}
body.lp-city-modern .hero .stat{padding:10px 13px!important}
body.lp-city-modern .rechner-mit-experte{padding-bottom:26px!important}
body.lp-city-modern .rechner-mit-experte-in{transform:translateY(-30px)!important;margin-bottom:-18px!important;padding:18px!important}
body.lp-city-modern .sec{padding:44px 0!important}
body.lp-city-modern .uvp-late-sec{padding:34px 0 38px!important}
body.lp-city-modern .pg-toc{margin-bottom:20px!important}
body.lp-city-modern .pg-dh{margin-bottom:20px!important}
body.lp-city-modern .two{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;gap:20px!important;align-items:start!important}
body.lp-city-modern .two>div:first-child{padding:25px 27px!important;border:1px solid rgba(210,225,234,.95)!important;border-radius:20px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 13px 34px rgba(17,48,82,.055),inset 0 1px 0 #fff!important}
body.lp-city-modern .two>div:last-child{min-width:0}
body.lp-city-modern .nc{padding:22px 22px 18px!important}
body.lp-city-modern .sec-title{margin-top:0!important}
body.lp-city-modern .ob{position:relative;overflow:hidden;padding:26px 0!important;background:linear-gradient(112deg,#061b38 0%,#0b2b52 56%,color-mix(in srgb,var(--city-accent) 44%,#0b2b52) 100%)!important;border-top:1px solid rgba(255,255,255,.09)!important;border-bottom:1px solid color-mix(in srgb,var(--city-accent) 32%,#173f67)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(7,28,55,.08)!important}
body.lp-city-modern .ob:before{content:"";position:absolute;inset:-60% 52% -80% -10%;background:radial-gradient(circle, color-mix(in srgb,var(--city-accent) 25%,transparent) 0%,transparent 70%);pointer-events:none}
body.lp-city-modern .oi{position:relative;z-index:1}
body.lp-city-modern .ob h2{color:#fff!important;margin:0 0 4px!important;font-family:'Sora',sans-serif!important;font-size:21px!important;line-height:1.25!important}
body.lp-city-modern .ob p{color:rgba(231,240,249,.78)!important;margin:0!important}
body.lp-city-modern .ob label{color:rgba(255,255,255,.9)!important;font-weight:800!important}
body.lp-city-modern .ob input,body.lp-city-modern .ob select{background:#fff!important;color:var(--lp-city-navy)!important;border-color:#c9dae7!important;box-shadow:0 6px 16px rgba(0,0,0,.10)!important}
body.lp-city-modern .uvp-modules{gap:16px!important}
body.lp-city-modern .uvp-balance-grid{gap:16px!important;align-items:start!important}
body.lp-city-modern .uvp-balance-column{gap:16px!important}
body.lp-city-modern .uvp-block{padding:21px 22px 19px!important}
body.lp-city-modern .lp-city-page-search-zone{margin-top:10px!important}
@media(max-width:900px){
 body.lp-city-modern .hero{padding:18px 0 26px!important}
 body.lp-city-modern .hero-in{padding:18px 24px!important}
 body.lp-city-modern .hero .a1{width:min(650px,94vw);padding:20px 21px 18px!important}
 body.lp-city-modern .sec{padding:34px 0!important}
}
@media(max-width:700px){
 body.lp-city-strom .hero{background-image:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 48%,rgba(255,255,255,.64) 68%,rgba(255,255,255,.08) 88%),url('/assets/images/hero-strom-portal-mobile-20260919.jpg?v=1')!important;background-position:center bottom!important}
 body.lp-city-gas .hero{background-image:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 48%,rgba(255,255,255,.64) 68%,rgba(255,255,255,.08) 88%),url('/assets/images/hero-gas-portal-mobile-20260919.jpg?v=1')!important;background-position:center bottom!important}
 body.lp-city-internet .hero{background-image:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 48%,rgba(255,255,255,.64) 68%,rgba(255,255,255,.08) 88%),url('/assets/images/hero-internet-portal-mobile-20260919.jpg?v=1')!important;background-position:center bottom!important}
 body.lp-city-mietwagen .hero{background-image:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 48%,rgba(255,255,255,.64) 68%,rgba(255,255,255,.08) 88%),url('/assets/images/hero-mietwagen-portal-mobile-20260919.jpg?v=1')!important;background-position:center bottom!important}
 body.lp-city-modern .hero{padding:12px 0 142px!important;background-size:cover!important}
 body.lp-city-modern .hero-in{padding:12px 12px 0!important;align-items:flex-start!important}
 body.lp-city-modern .hero .a1{width:100%!important;margin:0!important;padding:17px 16px 16px!important;border-radius:17px!important;background:rgba(255,255,255,.96)!important}
 body.lp-city-modern .hero h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.02!important}
 body.lp-city-modern .hero .hero-sub{font-size:14px!important;line-height:1.45!important}
 body.lp-city-modern .hero .stats{margin-top:12px!important;gap:7px!important}
 body.lp-city-modern .hero .stat{padding:8px 9px!important}
 body.lp-city-modern .rechner-mit-experte{padding-bottom:16px!important}
 body.lp-city-modern .rechner-mit-experte-in{transform:translateY(-16px)!important;margin-bottom:-8px!important;padding:11px!important}
 body.lp-city-modern .sec{padding:27px 0!important}
 body.lp-city-modern .uvp-late-sec{padding:25px 0 28px!important}
 body.lp-city-modern .two{gap:12px!important}
 body.lp-city-modern .two>div:first-child{padding:18px 17px!important;border-radius:16px!important}
 body.lp-city-modern .nc{padding:17px 16px 15px!important}
 body.lp-city-modern .ob{padding:20px 0!important}
 body.lp-city-modern .oi{padding-left:16px!important;padding-right:16px!important}
 body.lp-city-modern .ob h2{font-size:18px!important}
 body.lp-city-modern .of{gap:10px!important}
}
/* v3 refinement: legacy city blocks may include style/script nodes before the first content div */
body.lp-city-modern .two>div:first-of-type{padding:25px 27px!important;border:1px solid rgba(210,225,234,.95)!important;border-radius:20px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 13px 34px rgba(17,48,82,.055),inset 0 1px 0 #fff!important}
@media(max-width:700px){body.lp-city-modern .two>div:first-of-type{padding:18px 17px!important;border-radius:16px!important}}
/* beat legacy agency rule scoped with #tarife-sec */
body.lp-city-modern #tarife-sec .two>div:first-child,body.lp-city-modern #tarife-sec .two>div:first-of-type{padding:25px 27px!important;border:1px solid rgba(210,225,234,.95)!important;border-radius:20px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 13px 34px rgba(17,48,82,.055),inset 0 1px 0 #fff!important}
@media(max-width:700px){body.lp-city-modern #tarife-sec .two>div:first-child,body.lp-city-modern #tarife-sec .two>div:first-of-type{padding:18px 17px!important;border-radius:16px!important}}

/* LP CITY MODERN V4 — dense first viewport + readable controls / 2026-09-19 */
body.lp-city-modern{--lp-action-1:#0b8f63;--lp-action-2:#14b87a;--lp-action-hover:#087451;--lp-action-shadow:rgba(11,143,99,.22)}
/* Consistent conversion action: vertical color remains decorative, primary action stays brand-green. */
body.lp-city-modern .bcta,body.lp-city-modern .lp-vw-entry-cta,body.lp-city-modern .c24-gate-btn,body.lp-city-modern button[type="submit"]{
 background:linear-gradient(135deg,var(--lp-action-1),var(--lp-action-2))!important;color:#fff!important;width:auto!important;max-width:min(100%,380px)!important;min-width:220px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 9px 22px var(--lp-action-shadow)!important;
}
body.lp-city-modern .bcta:hover,body.lp-city-modern .lp-vw-entry-cta:hover,body.lp-city-modern .c24-gate-btn:hover,body.lp-city-modern button[type="submit"]:hover{background:linear-gradient(135deg,var(--lp-action-hover),#0ea568)!important}
body.lp-city-modern .rc-inline{width:min(100%,440px)!important;max-width:440px!important;margin-left:0!important;margin-right:0!important}
/* White benefit cards need dark secondary copy; the previous inherited white made the last tile look empty. */
body.lp-city-modern .hero .stat .l{color:#5d7188!important;opacity:1!important;display:block!important}
body.lp-city-modern .hero .stat .n{line-height:1.05!important}
body.lp-city-modern .hero .stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;gap:8px!important;max-width:610px!important}
body.lp-city-modern .hero .stat{min-width:0!important;padding:9px 11px!important}
/* Early-page wayfinding: remove redundant mini table-of-contents and keep one understandable goal chooser. */
body.lp-city-modern .pg-toc{display:none!important}
body.lp-city-modern .pg-dh{margin-top:10px!important;margin-bottom:14px!important}
body.lp-city-modern .pg-dh-in{padding:16px 18px!important}
body.lp-city-modern .pg-dh-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.lp-city-modern .pg-dh-tab{color:#17365f!important;background:#fff!important;border:1px solid #d7e4ec!important;min-height:36px!important;padding:8px 14px!important;font-weight:700!important;line-height:1.2!important}
body.lp-city-modern .pg-dh-radio:checked + .pg-dh-tab{color:#07583e!important;background:#e9fbf3!important;border-color:#8bd7b7!important;box-shadow:inset 0 0 0 1px rgba(11,143,99,.08)!important}
body.lp-city-modern .pg-dh-panel{margin-top:10px!important;margin-bottom:0!important}
/* Hero + calculator form a compact conversion zone. */
@media(min-width:901px){
 body.lp-city-modern .hero{padding:14px 0 24px!important}
 body.lp-city-modern .hero-in{padding:14px 40px!important}
 body.lp-city-modern .hero .a1{padding:18px 21px 17px!important;width:min(600px,53vw)!important}
 body.lp-city-modern .hero h1{font-size:clamp(32px,3vw,46px)!important;line-height:1.02!important;margin-bottom:8px!important}
 body.lp-city-modern .hero .hero-sub{font-size:15.5px!important;line-height:1.42!important}
 body.lp-city-modern .hero .stats{margin-top:11px!important}
 body.lp-city-modern .rechner-mit-experte{padding-bottom:15px!important}
 body.lp-city-modern .rechner-mit-experte-in{grid-template-columns:minmax(0,1fr) 164px!important;gap:14px!important;padding:13px!important;transform:translateY(-22px)!important;margin-bottom:-16px!important}
 body.lp-city-modern .rme-experte[data-lp-virtual-assistant-v1="1"]{width:164px!important;max-width:164px!important;min-width:164px!important;padding:10px!important;border-radius:14px!important}
 body.lp-city-modern .rme-experte[data-lp-virtual-assistant-v1="1"] img{width:70px!important;height:70px!important;min-width:70px!important;max-width:70px!important;margin-bottom:5px!important}
 body.lp-city-modern .rme-experte[data-lp-virtual-assistant-v1="1"] .rme-experte-name{font-size:16px!important}
 body.lp-city-modern .rme-experte[data-lp-virtual-assistant-v1="1"] .rme-experte-rolle{font-size:8.5px!important;padding:4px 5px!important;margin:4px 0!important}
 body.lp-city-modern .rme-experte[data-lp-virtual-assistant-v1="1"] .rechner-exp-status{font-size:9.5px!important;line-height:1.3!important;padding:6px!important}
 body.lp-city-modern .cbox{padding:17px 18px!important}
 body.lp-city-modern .cbox>.ct{margin-bottom:3px!important}
 body.lp-city-modern .cbox>.cs{margin-bottom:10px!important}
 /* Strom/Gas/Internet: fields and action share the same row instead of leaving a large empty half-card. */
 body.lp-city-strom .cbox,body.lp-city-gas .cbox,body.lp-city-internet .cbox{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:14px!important;row-gap:8px!important;align-items:end!important}
 body.lp-city-strom .cbox>.ct,body.lp-city-strom .cbox>.cs,body.lp-city-strom .cbox>.spill,
 body.lp-city-gas .cbox>.ct,body.lp-city-gas .cbox>.cs,
 body.lp-city-internet .cbox>.ct,body.lp-city-internet .cbox>.cs{grid-column:1/-1!important}
 body.lp-city-strom .cbox>.ig,body.lp-city-gas .cbox>.ig,body.lp-city-internet .cbox>.ig{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:none!important;margin:0!important}
 body.lp-city-strom .cbox>.bcta,body.lp-city-gas .cbox>.bcta,body.lp-city-internet .cbox>.bcta{grid-column:2!important;align-self:end!important;margin:0!important;min-height:48px!important}
 body.lp-city-strom .cbox>.cnote,body.lp-city-gas .cbox>.cnote,body.lp-city-internet .cbox>.cnote,
 body.lp-city-strom .cbox>.rc-inline,body.lp-city-gas .cbox>.rc-inline,body.lp-city-internet .cbox>.rc-inline,
 body.lp-city-gas .cbox>.c24-gate,body.lp-city-internet .cbox>.c24-gate{grid-column:1/-1!important}
 body.lp-city-strom .cbox>.ig{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.lp-city-gas .cbox>.ig{grid-template-columns:minmax(240px,1fr)!important}
 body.lp-city-internet .cbox>.ig{display:grid!important;grid-template-columns:minmax(180px,.5fr) minmax(0,1.5fr)!important;gap:10px!important;height:auto!important}
 body.lp-city-internet .cbox>.ig>div{min-width:0!important}
 /* Mietwagen: four stacked form rows become a compact two-column desktop form. */
 body.lp-city-mietwagen .cbox>.ig{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important;width:100%!important;height:auto!important}
 body.lp-city-mietwagen .cbox>.ig>div{min-width:0!important;width:auto!important;margin:0!important}
 body.lp-city-mietwagen .cbox>.bcta{margin-top:12px!important;min-width:280px!important}
 body.lp-city-mietwagen .mw-tog-wrap{margin:7px 0 10px!important}
}
@media(max-width:900px){body.lp-city-modern .pg-dh-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.lp-city-modern .pg-dh-tab{text-align:center!important}}
@media(max-width:700px){body.lp-city-modern .bcta,body.lp-city-modern .lp-vw-entry-cta,body.lp-city-modern .c24-gate-btn,body.lp-city-modern button[type="submit"]{width:100%!important;max-width:none!important;min-width:0!important}body.lp-city-modern .rc-inline{width:100%!important;max-width:none!important}body.lp-city-modern .hero .stat .l{font-size:9.5px!important}body.lp-city-modern .pg-dh-in{padding:14px!important}body.lp-city-modern .pg-dh-tabs{grid-template-columns:1fr 1fr!important;gap:7px!important}body.lp-city-modern .pg-dh-tab{padding:8px 9px!important;font-size:12px!important}}
/* Mietwagen desktop: keep all booking inputs above the fold by placing the action beside the compact field grid. */
@media(min-width:901px){
 body.lp-city-mietwagen .cbox{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:16px!important;row-gap:7px!important;align-items:start!important}
 body.lp-city-mietwagen .cbox>.ct,body.lp-city-mietwagen .cbox>.cs,body.lp-city-mietwagen .cbox>.mw-tog-wrap{grid-column:1/-1!important}
 body.lp-city-mietwagen .cbox>.ig{grid-column:1!important;grid-row:auto!important;margin:0!important}
 body.lp-city-mietwagen .cbox>.bcta{grid-column:2!important;grid-row:4!important;margin:0!important;width:100%!important;max-width:300px!important;min-width:0!important;align-self:start!important}
 body.lp-city-mietwagen .cbox>.cnote{grid-column:2!important;grid-row:4!important;align-self:start!important;margin:60px 0 0!important;text-align:left!important;line-height:1.35!important}
}
/* Above-the-fold refinement: compact benefit tiles and remove the redundant Strom helper pill. */
@media(min-width:901px){
 body.lp-city-modern .hero .stat{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:58px!important;height:58px!important;padding:6px 10px!important}
 body.lp-city-modern .hero .stat .n{font-size:18px!important;line-height:1.05!important}
 body.lp-city-modern .hero .stat .l{font-size:9.5px!important;line-height:1.2!important;margin-top:3px!important}
 body.lp-city-strom .cbox>.spill{display:none!important}
}
@media(min-width:901px){body.lp-city-modern .rechner-mit-experte{padding-bottom:8px!important}}

/* CITY MODERN V5 — restore vertical identity + natural PLZ grouping / 2026-09-19 */
body.lp-city-modern .bcta,
body.lp-city-modern .c24-gate-btn,
body.lp-city-modern button[type="submit"]{
  background:linear-gradient(135deg,var(--city-accent),var(--city-accent2))!important;
  color:#fff!important;
  box-shadow:0 11px 26px var(--city-glow)!important;
}
body.lp-city-modern .bcta:hover,
body.lp-city-modern .c24-gate-btn:hover,
body.lp-city-modern button[type="submit"]:hover{
  background:linear-gradient(135deg,var(--city-accent),var(--city-accent2))!important;
  box-shadow:0 15px 32px var(--city-glow)!important;
  filter:saturate(1.06)!important;
}
/* The late-page PLZ prompt is one compact unit, not two islands at opposite screen edges. */
@media(min-width:901px){
  body.lp-city-modern .oi{
    display:grid!important;
    grid-template-columns:minmax(0,520px) minmax(260px,360px)!important;
    justify-content:start!important;
    align-items:end!important;
    column-gap:clamp(38px,5vw,72px)!important;
    row-gap:12px!important;
  }
  body.lp-city-modern .oi>.of{width:100%!important;justify-self:start!important}
  body.lp-city-modern .oi>.of .field{width:100%!important;max-width:360px!important}
  body.lp-city-modern .oi>.of input{width:100%!important;box-sizing:border-box!important}
}
@media(min-width:1600px){
  body.lp-city-modern .oi{max-width:1320px!important;padding-left:36px!important;padding-right:36px!important}
}
@media(max-width:900px){
  body.lp-city-modern .oi{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body.lp-city-modern .oi>.of{width:100%!important}
  body.lp-city-modern .oi>.of .field{width:100%!important}
}

/* CITY MODERN V6 — compact late-PLZ unit / 2026-09-19 */
@media(min-width:901px){
  body.lp-city-modern .ob .oi{
    width:calc(100% - 48px)!important;
    max-width:1050px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:28px!important;
    padding-right:28px!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    justify-content:center!important;
    column-gap:36px!important;
    align-items:center!important;
  }
  body.lp-city-modern .ob .oi>.of{width:340px!important;max-width:340px!important}
  body.lp-city-modern .ob .oi>.of .field{width:340px!important;max-width:340px!important}
}
@media(min-width:1600px){
  body.lp-city-modern .ob .oi{max-width:1080px!important;padding-left:30px!important;padding-right:30px!important;column-gap:40px!important}
}
@media(max-width:900px){
  body.lp-city-modern .ob .oi{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
}

/* CITY MODERN V7 — tighter late-PLZ grouping / 2026-09-19 */
@media(min-width:901px){
  body.lp-city-modern .ob .oi{
    width:calc(100% - 40px)!important;
    max-width:880px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) minmax(280px,320px)!important;
    column-gap:clamp(20px,2vw,28px)!important;
    align-items:center!important;
  }
  body.lp-city-modern .ob .oi>.of{width:100%!important;max-width:320px!important;justify-self:start!important}
  body.lp-city-modern .ob .oi>.of .field{width:100%!important;max-width:320px!important}
  body.lp-city-modern .ob .oi>.of input{width:100%!important;box-sizing:border-box!important}
}
@media(max-width:900px){
  body.lp-city-modern .ob .oi{width:calc(100% - 28px)!important;max-width:none!important;padding-left:0!important;padding-right:0!important;grid-template-columns:1fr!important;gap:14px!important}
  body.lp-city-modern .ob .oi>.of{width:100%!important;max-width:none!important}
  body.lp-city-modern .ob .oi>.of .field{width:100%!important;max-width:none!important}
}

/* 2026-09-20 Mietwagen city editorial rail: prevent sidebar-height whitespace on desktop. */
@media(min-width:901px){
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .two{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;gap:28px!important;align-items:start!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc{padding:14px!important;border-radius:16px!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc .nh{margin:-14px -14px 0!important;padding:12px 14px!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc .news-count{padding:7px 0 8px!important;margin:0!important;font-size:10.8px!important;color:#7a8797!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc .ni{
    min-height:0!important;height:auto!important;padding:10px 11px!important;margin:0 0 7px!important;
    border:1px solid #dbe7ef!important;border-radius:11px!important;background:#fff!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 9px!important;align-items:start!important
  }
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc .ni:last-child{margin-bottom:0!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc .ni-body{min-width:0!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc .ni-hl{font-size:12.5px!important;line-height:1.28!important;margin:0 0 3px!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc .ni-teaser{
    font-size:10.8px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important
  }
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc .ni-arrow{align-self:center!important;font-size:16px!important;color:#087a5b!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .two>div:last-child>div:last-child{font-size:11px!important;line-height:1.45!important;margin-top:9px!important;padding:7px 2px!important}
}

/* 2026-09-20 mobile city containment: prevent intrinsic form/header width from creating horizontal scroll. */
@media(max-width:768px){
  body.lp-city-modern .sh .hi{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}
  body.lp-city-modern .sh .hamburger{margin-left:0!important;flex:0 0 40px!important;position:static!important;transform:none!important}
  body.lp-city-modern.lp-city-mietwagen .rme-rechner,
  body.lp-city-modern.lp-city-mietwagen .rme-rechner .cbox,
  body.lp-city-modern.lp-city-mietwagen .rme-rechner .ig,
  body.lp-city-modern.lp-city-mietwagen .rme-rechner .field{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  body.lp-city-modern.lp-city-mietwagen .rme-rechner .field input,
  body.lp-city-modern.lp-city-mietwagen .rme-rechner .field select,
  body.lp-city-modern.lp-city-mietwagen .rme-rechner .mw-select,
  body.lp-city-modern.lp-city-mietwagen .rme-rechner .mw-date{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  body.lp-city-modern.lp-city-mietwagen .rme-rechner .ig>div[style*="grid-template-columns"]{min-width:0!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}

/* 2026-09-20 three legacy Mietwagen city builds: compact old expert card and header on mobile. */
@media(max-width:768px){
  body.lp-legacy-mietwagen-city .sh .hi{justify-content:space-between!important;gap:12px!important}
  body.lp-legacy-mietwagen-city .sh .hamburger{margin-left:0!important;flex:0 0 40px!important}
  body.lp-legacy-mietwagen-city .rme-experte:not([data-lp-virtual-assistant-v1]){
    display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-areas:"avatar name" "avatar role" "status status" "statement statement"!important;
    gap:4px 12px!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:14px!important
  }
  body.lp-legacy-mietwagen-city .rme-experte:not([data-lp-virtual-assistant-v1]) img{grid-area:avatar!important;width:64px!important;height:64px!important;max-width:64px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important}
  body.lp-legacy-mietwagen-city .rme-experte:not([data-lp-virtual-assistant-v1]) .rme-experte-name{grid-area:name!important;min-width:0!important;text-align:left!important;margin:0!important}
  body.lp-legacy-mietwagen-city .rme-experte:not([data-lp-virtual-assistant-v1]) .rme-experte-rolle{grid-area:role!important;min-width:0!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:0!important}
  body.lp-legacy-mietwagen-city .rme-experte:not([data-lp-virtual-assistant-v1]) .rechner-exp-status{grid-area:status!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:8px 0 0!important;box-sizing:border-box!important}
  body.lp-legacy-mietwagen-city .rme-experte:not([data-lp-virtual-assistant-v1]) .rechner-exp-statement{grid-area:statement!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:4px 0 0!important;box-sizing:border-box!important;padding-left:0!important}
}
@media(max-width:768px){
  body.lp-legacy-mietwagen-city .sh .hi{position:relative!important}
  body.lp-legacy-mietwagen-city .sh .hamburger{position:absolute!important;right:14px!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important}
}

/* V8 — eliminate dead half-column whitespace on Mietwagen city pages. */
@media(min-width:768px){
  body.lp-city-mietwagen #mietwagen-tipps .two{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:26px 28px!important}
  body.lp-city-mietwagen #mietwagen-tipps .two>div{min-width:0!important;width:100%!important}
  body.lp-city-mietwagen #mietwagen-tipps .two>div:nth-child(2){display:block!important}
  body.lp-city-mietwagen #mietwagen-tipps .nc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:14px!important;overflow:visible!important}
  body.lp-city-mietwagen #mietwagen-tipps .nc>.nh,body.lp-city-mietwagen #mietwagen-tipps .nc>.news-count{grid-column:1/-1!important}
  body.lp-city-mietwagen #mietwagen-tipps .nc>.ni{border:1px solid #dbe7ef!important;border-radius:12px!important;min-height:112px!important;padding:14px!important;background:#fff!important}
  body.lp-city-mietwagen #mietwagen-tipps .two>div:nth-child(2)>div[style]{margin:10px 0 0!important;padding:10px 2px 0!important}
}
@media(max-width:767px){body.lp-city-mietwagen #mietwagen-tipps .nc{display:block!important}}

/* V8.1 specificity hardening against the previous 901px Mietwagen rail rule. */
@media(min-width:768px){
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .two{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:26px 28px!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .two>div{min-width:0!important;width:100%!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:14px!important;overflow:visible!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc>.nh,body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc>.news-count{grid-column:1/-1!important}
  body.lp-city-modern.lp-city-mietwagen #mietwagen-tipps .nc>.ni{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:112px!important;height:auto!important;margin:0!important;padding:14px!important;border:1px solid #dbe7ef!important;border-radius:12px!important;background:#fff!important}
}

/* V9 — eliminate editorial half-column dead space on city tariff sections. */
@media(min-width:768px){
  body.lp-city-modern #tarife-sec .two{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  body.lp-city-modern #tarife-sec .two>div{min-width:0!important;width:100%!important}
  body.lp-city-modern #tarife-sec .two>div:nth-child(2){display:block!important}
  body.lp-city-modern #tarife-sec .nc{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:14px!important;
    overflow:visible!important;
    border-radius:16px!important;
  }
  body.lp-city-modern #tarife-sec .nc>.nh,
  body.lp-city-modern #tarife-sec .nc>.news-count{grid-column:1/-1!important}
  body.lp-city-modern #tarife-sec .nc>.ni{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 9px!important;
    min-height:112px!important;
    height:auto!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid #dbe7ef!important;
    border-radius:12px!important;
    background:#fff!important;
    align-items:start!important;
  }
  body.lp-city-modern #tarife-sec .nc .ni-body{min-width:0!important}
  body.lp-city-modern #tarife-sec .nc .ni-hl{font-size:13px!important;line-height:1.3!important;margin:0 0 4px!important}
  body.lp-city-modern #tarife-sec .nc .ni-teaser{
    font-size:11.3px!important;line-height:1.4!important;
    display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  }
  body.lp-city-modern #tarife-sec .nc .ni-arrow{align-self:center!important;color:var(--city-accent,#08a7ae)!important}
}
@media(max-width:767px){
  body.lp-city-modern #tarife-sec .two{grid-template-columns:1fr!important;gap:12px!important}
  body.lp-city-modern #tarife-sec .nc{display:block!important}
}

/* V9.1 — legacy city tariff sections without #tarife-sec: same no-dead-column treatment. */
@media(min-width:768px){
  body.lp-city-modern .sec .two:has(>div .nc){grid-template-columns:minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
  body.lp-city-modern .sec .two:has(>div .nc)>div{min-width:0!important;width:100%!important}
  body.lp-city-modern .sec .two:has(>div .nc) .nc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:14px!important;overflow:visible!important;border-radius:16px!important}
  body.lp-city-modern .sec .two:has(>div .nc) .nc>.nh,
  body.lp-city-modern .sec .two:has(>div .nc) .nc>.news-count{grid-column:1/-1!important}
  body.lp-city-modern .sec .two:has(>div .nc) .nc>.ni{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 9px!important;min-height:112px!important;height:auto!important;margin:0!important;padding:14px!important;border:1px solid #dbe7ef!important;border-radius:12px!important;background:#fff!important;align-items:start!important}
}