
:root{--navy:#163a5f;--text:#263946;--muted:#667780;--green:#16856f;--green-soft:#e8f4f0;--cream:#faf8f3;--white:#fff;--yellow:#f3ca5c;--line:#dfe6e4;--orange:#d9822b;--max:1180px;--radius:20px;--shadow:0 12px 34px rgba(22,58,95,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:850;color:var(--navy);letter-spacing:-.03em}.logo small{display:block;color:var(--muted);font-size:.7rem;font-weight:500;letter-spacing:0}nav{display:flex;gap:4px}nav a{padding:10px 12px;border-radius:10px;color:var(--muted);font-size:.9rem}nav a:hover,nav a.active{background:var(--cream);color:var(--navy);font-weight:750}
.hero,.pagehero{background:var(--cream)}.hero{padding:60px 0 72px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-weight:850}h1{font-size:clamp(2.7rem,5.8vw,5rem);line-height:1.02;letter-spacing:-.06em;color:var(--navy);margin:15px 0 22px}.lead{font-size:1.1rem;color:var(--muted);max-width:620px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:7px;padding:13px 18px;border:1px solid var(--navy);border-radius:12px;font-weight:800}.btn.primary{background:var(--navy);color:#fff}.btn.light{background:#fff;border-color:var(--line)}
.photo{height:420px;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(150deg,#c9e0d9,#f0edcf 55%,#d6c7a4);box-shadow:var(--shadow)}.photo:before{content:"";position:absolute;left:-10%;bottom:-22%;width:125%;height:60%;background:#9bbeb3;border-radius:50% 50% 0 0}.photo:after{content:"";position:absolute;right:13%;top:13%;width:78px;height:78px;border-radius:50%;background:#f4d56d}.house{position:absolute;z-index:2;left:14%;bottom:18%;width:55%;height:31%;background:#f5f0e5;border:4px solid #52655f;border-radius:8px}.roof{position:absolute;left:-7%;top:-42%;width:114%;height:70px;background:#52655f;transform:skew(-25deg);border-radius:4px}.panel{position:absolute;z-index:4;left:27%;top:-3%;width:33%;height:40px;background:#284b65;transform:skew(-25deg)}.person{position:absolute;z-index:5;right:12%;bottom:13%;font-size:4.2rem}.caption{position:absolute;z-index:6;left:18px;bottom:17px;background:#fff;padding:9px 12px;border-radius:10px;font-size:.78rem;font-weight:750}
.section{padding:74px 0}.cream{background:var(--cream)}.head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.head h2{margin:0;color:var(--navy);font-size:2.25rem;letter-spacing:-.04em}.head p{margin:7px 0 0;color:var(--muted);max-width:690px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 4px 18px rgba(22,58,95,.035)}.card:hover{box-shadow:var(--shadow)}.icon{width:45px;height:45px;border-radius:13px;background:var(--green-soft);display:grid;place-items:center;font-size:1.2rem}.card h3{color:var(--navy);margin:17px 0 7px}.card p{margin:0;color:var(--muted);font-size:.92rem}.more{display:block;color:var(--green);font-weight:850;margin-top:17px;font-size:.9rem}
.live{display:grid;grid-template-columns:1.3fr .7fr;gap:17px}.livecard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.charging-local h3{font-size:clamp(1.55rem,2.5vw,2.15rem);letter-spacing:-.035em;margin:14px 0 9px}.charging-local .local-charging-note{padding:12px 15px;margin:18px 0;background:var(--cream);border-left:3px solid var(--green);border-radius:0 9px 9px 0;color:var(--navy)}.available{display:flex;gap:8px;align-items:center;color:var(--green);font-weight:850}.dot{width:9px;height:9px;background:var(--green);border-radius:50%}.price{font-size:2.9rem;line-height:1;color:var(--navy);font-weight:900;letter-spacing:-.06em;margin:10px 0 5px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.stat{padding:14px;background:var(--cream);border-radius:12px}.stat b{display:block;color:var(--navy)}.date{color:var(--green);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.transparency{display:grid;grid-template-columns:.72fr 1.28fr;gap:25px}.pricebox{background:var(--navy);color:#fff;border-radius:var(--radius);padding:30px}.pricebox .price{color:#fff}.pricebox p{color:#d8e2e8}.breakdown{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.row{display:flex;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--line)}.row:last-child{background:var(--cream);font-weight:850;color:var(--navy);border-bottom:0}.note{margin-top:14px;background:var(--green-soft);color:#245f52;padding:14px 16px;border-radius:13px;font-size:.9rem}
.projectgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}.projectpic{min-height:420px;margin:0;border-radius:var(--radius);position:relative;overflow:hidden;background:#dfe9df}.projectpic img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}.projectpic figcaption{position:absolute;bottom:15px;left:15px;background:rgba(255,255,255,.94);padding:8px 12px;border-radius:9px;font-size:.72rem;color:var(--navy)}.projecttext{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(25px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.projecttext h3{font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.13;color:var(--navy);margin:18px 0 12px}.projecttext p{line-height:1.6;max-width:55ch}.project-hint{border-left:3px solid var(--green);padding-left:14px;color:var(--muted);margin:7px 0 23px}.tag{display:inline-block;padding:5px 9px;border-radius:99px;background:var(--green-soft);color:var(--green);font-size:.75rem;font-weight:850}@media(max-width:850px){.projectgrid{grid-template-columns:1fr}.projectpic{min-height:300px;max-height:400px}.projecttext{padding:26px}}@media(max-width:500px){.projectpic{min-height:245px}.projectpic figcaption{font-size:.63rem;left:10px;bottom:10px}.projecttext{padding:22px}}
.quote{font-size:clamp(1.8rem,3.6vw,3.1rem);line-height:1.12;letter-spacing:-.045em;color:var(--navy);max-width:900px}.pagehero{padding:56px 0 45px}.pagehero h1{margin:12px 0}.faq{border-top:1px solid var(--line)}details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:800;color:var(--navy);font-size:1.02rem}details p{color:var(--muted);max-width:760px}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.82rem}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.hero-grid,.transparency,.projectgrid,.live{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}nav{display:none}.hero{padding:40px 0 50px}.photo{height:300px}.section{padding:55px 0}.head{display:block}.grid4,.grid3,.stats{grid-template-columns:1fr}.head h2{font-size:1.9rem}}
/* Original grids remain intact; navigation and editor-added sections are responsive. */
.pricebox h3{font-size:clamp(1.8rem,2.6vw,2.55rem);line-height:1.12;letter-spacing:-.035em;margin:14px 0 16px;color:#fff}.pricebox .btn.light{background:#fff;color:var(--navy);border-color:#fff}.pricebox .btn.light:hover,.pricebox .btn.light:focus-visible{background:var(--green-soft);color:var(--navy)}.tariff-overview .row{align-items:center;gap:18px;min-height:76px}.tariff-overview .row:last-child{background:#fff;font-weight:400;color:var(--text)}.tariff-overview .row strong{display:block;color:var(--navy);font-size:1.06rem}.tariff-overview .row small{display:block;color:var(--muted);font-size:.83rem;margin-top:3px}.tariff-overview .tariff-amount{font-size:1.28rem;font-weight:850;color:var(--navy);white-space:nowrap}
.main-links,.footer-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}.main-links li a{display:block;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:.9rem}.main-links .current-menu-item a,.main-links li a:hover{background:var(--cream);color:var(--navy);font-weight:750}.footer-links{flex-wrap:wrap;gap:16px}.menu-toggle{display:none}.section-extra{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.section-extra img,.hero-image img,.projectpic img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.section-extra h2{color:var(--navy)}.hero-image{height:420px;overflow:hidden;border-radius:28px}.grid3>.card{min-width:0}.livecard h3{color:var(--navy)}.faq details{padding:18px}.wp-admin-bar header{top:32px}.form-row{display:grid;gap:5px;margin:15px 0}.form-row input,.form-row textarea,.form-row select{width:100%;padding:11px;border-radius:9px;border:1px solid var(--line);font:inherit}.btn{cursor:pointer}.message{padding:14px;border-radius:10px;background:var(--green-soft)}.error{background:#ffe9e4}.card a{color:var(--green)}
@media(max-width:900px){.section-extra{grid-template-columns:1fr}}
@media(max-width:650px){.menu-toggle{display:block;background:var(--cream);color:var(--navy);border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit}.nav{position:relative;height:auto;min-height:70px;flex-wrap:wrap}.nav #main-menu{display:none;width:100%;padding-bottom:12px}.nav #main-menu.open{display:block}.main-links{display:flex;flex-direction:column;align-items:stretch}.main-links a{padding:12px!important}.hero-image{height:300px}.price{font-size:2.25rem}.pricebox,.livecard,.projecttext{padding:20px}.row{gap:10px}.row span:last-child{text-align:right}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:10px;font-size:.76rem}h1{overflow-wrap:anywhere}}


/* Wissen & FAQ: Themen, aufklappbare Antworten und Link-Sammlung */
.knowledge-intro{margin-bottom:54px}.knowledge-intro .card{box-shadow:var(--shadow)}.knowledge-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--green-soft);color:var(--green);font-weight:850}.knowledge-head{margin-bottom:22px}.knowledge-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}.knowledge-filters button{background:#fff;border:1px solid #c5d8d3;color:var(--navy);border-radius:999px;padding:10px 16px;min-height:44px;font:inherit;font-weight:750;cursor:pointer}.knowledge-filters button:hover,.knowledge-filters button:focus-visible{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,133,111,.18)}.knowledge-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.knowledge-count{color:var(--muted);font-size:.9rem;margin:0 0 30px}.knowledge-group{margin:0 0 38px}.knowledge-group[hidden],.knowledge-link[hidden]{display:none!important}.knowledge-group h3{font-size:1.45rem;color:var(--navy);margin:0 0 14px}.knowledge-group .faq{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.knowledge-group details{padding:0 22px;border-bottom:1px solid var(--line)}.knowledge-group details:last-child{border:0}.knowledge-group summary{display:block;cursor:pointer;position:relative;list-style:none;padding:19px 34px 19px 0;color:var(--navy);font-weight:750;line-height:1.4}.knowledge-group summary::-webkit-details-marker{display:none}.knowledge-group summary:after{content:"+";position:absolute;right:0;top:16px;font-size:1.5rem;color:var(--green)}.knowledge-group details[open] summary:after{content:"−"}.knowledge-answer{padding:0 0 20px;max-width:800px}.knowledge-answer p{margin:0 0 10px;color:var(--text)}.knowledge-answer p:last-child{margin-bottom:0}.knowledge-answer a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.knowledge-group summary:focus-visible,.knowledge-answer a:focus-visible,.knowledge-link a:focus-visible{outline:3px solid var(--green);outline-offset:3px}.knowledge-links-head{margin-top:62px}.knowledge-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.knowledge-link{padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(22,58,95,.035)}.knowledge-link-meta{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.78rem;font-weight:700}.knowledge-link h3{color:var(--navy);font-size:1.18rem;margin:14px 0 7px}.knowledge-link p{color:var(--muted);margin:0 0 18px}.knowledge-link a{color:var(--green);font-weight:800;text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.knowledge-links{grid-template-columns:1fr}}@media(max-width:650px){.knowledge-intro{margin-bottom:40px}.knowledge-filters{gap:7px}.knowledge-filters button{font-size:.86rem;padding:9px 12px}.knowledge-group details{padding:0 17px}.knowledge-links-head{margin-top:50px}}


/* Gemeinschaft: lokale Erfahrungen und Ablauf der Treffs */
.meetup-story-intro{max-width:830px}.meetup-story-intro h2,.meetup-freedom h2{color:var(--navy);font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.045em;line-height:1.13;margin:12px 0 20px}.meetup-story-intro .lead{font-size:1.12rem;color:var(--text);max-width:790px}.meetup-story-intro>p:last-child{color:var(--muted);max-width:750px}.meetup-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:42px 0 70px}.meetup-story-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.meetup-step{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--green-soft);color:var(--green);font-weight:850}.meetup-story-card h3,.meetup-invite h3{color:var(--navy);margin:20px 0 8px;font-size:1.23rem}.meetup-story-card p{margin:0;color:var(--muted)}.meetup-freedom{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;padding-top:12px}.meetup-freedom>div:first-child{padding:20px 10px 0 0}.meetup-freedom p{color:var(--muted);margin:0}.meetup-invite{background:var(--navy);color:#fff;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.meetup-invite h3{color:#fff;margin-top:0;font-size:1.45rem}.meetup-invite p{color:#e1ebed}.meetup-invite .btn.primary{background:#fff;border-color:#fff;color:var(--navy);margin-top:22px}.meetup-invite .btn.primary:hover,.meetup-invite .btn.primary:focus-visible{background:var(--green-soft)}@media(max-width:900px){.meetup-freedom{grid-template-columns:1fr}.meetup-freedom>div:first-child{padding:0}}@media(max-width:700px){.meetup-story-grid{grid-template-columns:1fr;margin:30px 0 48px}.meetup-story-card{padding:21px}.meetup-invite{padding:23px}.meetup-story-intro h2,.meetup-freedom h2{font-size:2rem}}


.meetup-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 0 78px}.meetup-why-grid>div{border-left:3px solid var(--green);padding:3px 20px}.meetup-why-grid h3{color:var(--navy);font-size:1.25rem;line-height:1.25;margin:0 0 9px}.meetup-why-grid p{color:var(--muted);margin:0}.meetup-block-heading{max-width:760px}.meetup-block-heading h2{color:var(--navy);font-size:clamp(1.9rem,3.5vw,2.6rem);letter-spacing:-.04em;line-height:1.15;margin:10px 0 12px}.meetup-block-heading p{color:var(--muted);margin:0}.meetup-block-heading+.meetup-story-grid{margin-top:25px}@media(max-width:700px){.meetup-why-grid{grid-template-columns:1fr;gap:24px;margin:30px 0 58px}.meetup-why-grid>div{padding-left:16px}.meetup-block-heading h2{font-size:1.85rem}}


/* Gemeinschaft: großzügige Treff-Übersicht mit Infobox */
.meetup-listing{padding:92px 0 104px;background:#fff}.meetup-overview-head{max-width:870px;margin-bottom:54px}.meetup-overview-head h2{font-size:clamp(2.8rem,5.6vw,5rem);line-height:1.02;letter-spacing:-.065em;color:var(--navy);margin:15px 0 22px}.meetup-overview-head p{font-size:1.16rem;line-height:1.65;color:var(--muted);max-width:740px;margin:0}.meetup-list-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:30px;align-items:start}.meetup-list-main{min-width:0}.meetup-list-main .head{margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.meetup-list-main .head h3{color:var(--navy);font-size:clamp(1.65rem,2.8vw,2.25rem);letter-spacing:-.04em;line-height:1.18;margin:0}.meetup-list-main .head p{margin:9px 0 0;color:var(--muted)}.meetup-list-main .gtp-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meetup-side{position:relative;background:linear-gradient(160deg,#f3f5e7 0%,#e7f2eb 100%);border:1px solid #d8e6da;border-radius:26px;padding:31px;box-shadow:0 18px 42px rgba(22,58,95,.08);overflow:hidden}.meetup-side:before{content:"";position:absolute;width:155px;height:155px;border-radius:50%;background:#f3ca5c;opacity:.47;right:-65px;top:-74px}.meetup-side>*{position:relative}.meetup-side-label{font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--green)}.meetup-side h3{font-size:clamp(1.8rem,2.7vw,2.35rem);line-height:1.12;letter-spacing:-.045em;color:var(--navy);margin:16px 0 19px}.meetup-side p{font-size:.96rem;line-height:1.65;color:var(--text);margin:0 0 17px}.meetup-side strong{color:var(--navy)}.meetup-side-rule{height:1px;background:#c9dad0;margin:23px 0}.meetup-side .btn{margin-top:10px;width:100%;justify-content:center;text-align:center}.meetup-story{padding:104px 0 112px}.meetup-story-intro{margin-bottom:10px}.meetup-story-intro .lead{font-size:1.19rem;line-height:1.7}.meetup-why-grid{margin:46px 0 104px;gap:34px}.meetup-story-grid{margin:36px 0 104px;gap:22px}.meetup-freedom{padding-top:28px;border-top:1px solid var(--line);gap:48px}.meetup-block-heading h2{font-size:clamp(2.2rem,4vw,3.1rem)}@media(max-width:1050px){.meetup-list-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.meetup-side{padding:24px}.meetup-list-main .gtp-event-grid{grid-template-columns:1fr}}@media(max-width:760px){.meetup-listing{padding:62px 0 70px}.meetup-overview-head{margin-bottom:42px}.meetup-overview-head h2{font-size:clamp(2.65rem,10vw,4rem)}.meetup-overview-head p{font-size:1.04rem}.meetup-list-layout{grid-template-columns:1fr;gap:34px}.meetup-side{padding:27px}.meetup-story{padding:70px 0 82px}.meetup-why-grid{margin:32px 0 70px}.meetup-story-grid{margin:30px 0 70px}.meetup-freedom{gap:28px}.meetup-block-heading h2{font-size:2.15rem}}
