:root{--r23-public-fade:radial-gradient(ellipse at 90% 12%,rgba(134,201,111,.35),transparent 36%),linear-gradient(125deg,#fff 0%,#f5f7ef 48%,#e6f3dc 100%)}
/* Ein durchgehender Hintergrund für zusammenhängende helle Abschnitte. */
.r23-fade-group{background:transparent;color:#26312b}
main .r23-fade-group>section:not(.id4-tariffs):not(.nav-services){background:transparent!important;color:#26312b}
main .r23-fade-group>section+section{border-top:0!important}
main .r23-public-hero{background:transparent!important;color:#26312b!important}
main .r23-public-hero:after{display:none!important}
main .r23-public-hero h1{color:#17372e!important;line-height:1.04!important}
main .r23-public-hero>.wrap>div:first-child>.lead,main .r23-public-hero>.wrap>div:first-child>p{color:#26312b!important}
main .r23-joined-field{background:transparent!important;border-radius:0!important;box-shadow:none!important}
main .r23-joined-field+ .r23-joined-field{border-left:1px solid rgba(23,55,46,.16)}
.r23-site-header{position:sticky!important;top:0!important;width:100%!important;z-index:1000!important;overflow:visible!important}
.r23-site-header .r23-header-inner{display:grid!important;grid-template-columns:160px minmax(0,1fr) 90px 84px!important;gap:10px!important;width:min(1440px,calc(100% - 32px))!important;margin:0 auto!important;min-height:76px!important;padding:0!important;box-sizing:border-box!important}
.r23-site-header .r23-all-menu{position:relative!important;justify-self:end!important;width:84px!important;margin:0!important;flex-shrink:0!important}
.r23-site-header .r23-all-menu>summary{width:84px!important;min-height:46px!important;box-sizing:border-box!important;padding:0 8px!important;gap:7px!important;white-space:nowrap!important;line-height:1!important}
.r23-site-header .r23-menu-icon{flex-shrink:0!important}
.r23-site-header .r23-menu-word{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.r23-site-header .r23-menu-panel{position:fixed!important;top:88px!important;right:max(16px,calc((100vw - 1440px)/2))!important;width:min(440px,calc(100vw - 32px))!important;max-height:calc(100dvh - 104px)!important;overflow:auto!important;padding:20px!important;box-sizing:border-box!important;background:var(--r23-public-fade)!important;color:#26312b!important}
.r23-site-header .r23-menu-links a{min-height:44px!important;background:transparent!important}
.r23-site-header .r23-menu-links a[aria-current="page"]{background:#17372e!important;color:white!important}
.r23-site-header .r23-menu-links a:focus-visible,main a:focus-visible,main button:focus-visible,main input:focus-visible,main select:focus-visible,summary:focus-visible{outline:3px solid #9a6b00!important;outline-offset:3px!important}
main img,main svg{max-width:100%}
main [class*="grid"]>*{min-width:0}
main p,main li{overflow-wrap:break-word}
main .muted{color:#505a53}
@media(max-width:1380px){.r23-site-header .r23-header-inner{grid-template-columns:minmax(0,1fr) 90px 84px!important}.r23-site-header .r23-primary-nav{display:none!important}.r23-site-header .r23-current-page{display:inline-flex!important}}
@media(max-width:600px){.r23-site-header .r23-header-inner{grid-template-columns:minmax(0,1fr) 80px 46px!important;width:calc(100% - 24px)!important;gap:8px!important;min-height:68px!important}.r23-site-header .r23-all-menu,.r23-site-header .r23-all-menu>summary{width:46px!important}.r23-site-header .r23-menu-word,.r23-site-header .r23-current-page{display:none!important}.r23-site-header .r23-menu-panel{top:78px!important;right:12px!important;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 90px)!important}.r23-site-header .r23-menu-links{grid-template-columns:1fr!important}main .r23-joined-field+ .r23-joined-field{border-left:0;border-top:1px solid rgba(23,55,46,.16)}main .btn,main .w4-btn{min-height:46px;max-width:100%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Hintergrund bewegt sich langsam; Textflächen bleiben optisch ruhig. */
html{background:#edf5e7}
body{background:transparent!important;isolation:isolate}
body:before{content:"";position:fixed;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 18%,rgba(151,207,127,.18),transparent 48%),radial-gradient(ellipse at 20% 80%,rgba(194,224,175,.16),transparent 52%),linear-gradient(125deg,#fff,#edf5e7);animation:r23-background-drift 36s ease-in-out infinite alternate}
@keyframes r23-background-drift{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(2%,1%,0)}}
main .r23-fade-group>.id4-tariffs{background:linear-gradient(122deg,#10271f,#17372e 52%,#264c3f)!important;color:#fff}
main .id4-tariffs h2,main .id4-tariff h3,main .id4-tariff:not(.solar) .id4-price-pair strong{color:#fff!important}
main .id4-tariffs .lead,main .id4-tariffs .eyebrow,main .id4-price-pair b,main .id4-price-pair span,main .id4-tariff .note,main .id4-tariff-note{color:#e7efe9!important}
main .id4-tariff small{color:#e5c6a8!important}
main .id4-tariff.solar small,main .id4-tariff.solar .id4-price-pair strong,main .id4-adv{color:#f2c94c!important}
.r23-locator-svg{display:block;width:100%;height:auto;aspect-ratio:640/360}
.r23-as-sign .sign-main{fill:#25579b;stroke:#fff;stroke-width:2}
.r23-as-sign text{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;fill:#fff;font-weight:850}
.r23-as-sign .sign-number{font-size:13px}.r23-as-sign .sign-name{font-size:12px}.r23-as-sign .sign-route{font-size:10px;font-weight:720}
@media(prefers-reduced-motion:reduce){body:before{animation:none!important;transform:none!important}}

/* Ein gemeinsames Lichtfeld ohne lokale Verlaufskanten. */
main .r23-joined-field{border-left:0!important;border-top:0!important}
main .nav-services{background:#17372e!important;color:#fff!important;scroll-margin-top:100px}
main .nav-services h2,main .nav-service b{color:#fff!important}
main .nav-services .eyebrow,main .nav-services p,main .nav-service span{color:#e7efe9!important}
.nav-service-grid{align-items:stretch!important}
.nav-service{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:0}
.nav-service span{flex:1}
.nav-service a{margin-top:auto;min-height:48px;justify-content:center;border-radius:999px!important;padding:12px 16px!important;line-height:1.3;box-sizing:border-box;max-width:100%;text-align:center}
.r23-map-link{display:block;color:inherit;cursor:pointer}
.r23-map-link:focus-visible{outline:3px solid #9a6b00;outline-offset:5px}
@media(max-width:600px){.nav-service a{width:100%}}

/* Ursprünglich weiße und elfenbeinfarbene Flächen teilen den Hintergrund. */
main .conv6-section.ivory,
main .conv6-section.white,
main .conv7-partners,
main .conv7-route-strip,
main .conv7-section,
main .de4-ivory,
main .de4-strip,
main .de4-white,
main .id4-section.ivory,
main .id4-section.white,
main .l5-section.ivory,
main .l5-section.white,
main .l53-principle,
main .power,
main .principle,
main .route-facts,
main .section.ivory,
main .v13-origin,
main .v13-partners,
main .v13-principle,
main .v143-origin,
main .v144-locator-frame,
main .w4-strip,
main .w4-white{background:transparent!important}
