/*
 * Günter Beier Consulting · Designsystem 2026 V4.3
 * Verbindliche Naturgrün-Variante für öffentliche Website und Verwaltung.
 */
:root{
  --brand-forest:#153f32;
  --brand-forest-2:#204f3f;
  --brand-moss:#4f8055;
  --brand-sage:#91a97a;
  --brand-ivory:#f5f5ef;
  --brand-mint:#e3eee0;
  --brand-bluegray:#e6eff2;
  --brand-sand:#f4eddc;
  --brand-graphite:#26352f;
  --brand-info:#56747a;
  --brand-ochre:#8a6120;
  --brand-rust:#9b5948;
  --brand-olive:#69705d;
  --navy:var(--brand-forest);
  --navy-dark:#0e2e24;
  --forest:var(--brand-forest);
  --green:var(--brand-moss);
  --green-bright:#6d9968;
  --mint:var(--brand-mint);
  --sage:#dfe8d8;
  --powder:var(--brand-bluegray);
  --sun:var(--brand-sand);
  --ivory:var(--brand-ivory);
  --ink:var(--brand-graphite);
  --brick:var(--brand-rust);
  --line:rgba(21,63,50,.14);
  --line-strong:rgba(21,63,50,.28);
  --shadow-soft:0 9px 30px rgba(21,63,50,.07);
  --shadow:0 22px 58px rgba(21,63,50,.12);
  --radius-card:15px 46px 15px 46px;
  --radius-panel:18px 58px 18px 58px;
}

html{scroll-padding-top:108px}
body{background:radial-gradient(circle at 7% 2%,#fff 0,transparent 28%),var(--brand-ivory);color:var(--brand-graphite);font:400 16px/1.65 var(--font-inter),Inter,Arial,sans-serif}
h1,h2,h3{color:var(--brand-forest);font-family:var(--font-manrope),Manrope,Arial,sans-serif;letter-spacing:.0005em}
h1,h2{line-height:1.15}
p,li{hyphens:auto}
a{color:var(--brand-forest)}
a,button,input,select,textarea,summary{outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(79,128,85,.42)}
input,select,textarea{min-height:44px;font:500 16px/1.5 var(--font-inter),Inter,Arial,sans-serif}

/* Kopfzeile und Navigation */
.siteHeader{top:14px;height:78px;margin:14px;width:calc(100% - 28px);padding:0 18px 0 24px;grid-template-columns:248px 1fr auto;gap:22px;border:1px solid rgba(255,255,255,.96);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)}
.siteHeader .brand{width:222px}
.siteHeader .brand img{width:100%;height:auto}
.siteHeader nav{gap:19px}
.siteHeader nav a{color:#52615a;font-size:12px;font-weight:760;transition:color .22s,transform .22s}
.siteHeader nav a:after{background:var(--brand-moss)}
.siteHeader nav a:hover{color:var(--brand-forest);transform:translateY(-2px)}
.menuButton{background:var(--brand-forest);border-radius:10px 18px 10px 18px}
.pill{min-height:46px;padding:12px 19px;border-radius:12px;font-weight:820;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.pill:hover{transform:translateY(-3px)}
.primary{background:var(--brand-forest);color:#fff;box-shadow:0 9px 22px rgba(21,63,50,.16)}
.primary:hover{background:var(--brand-forest-2);box-shadow:0 15px 30px rgba(21,63,50,.2)}
.ghost{border:1px solid var(--line);background:rgba(255,255,255,.82);color:var(--brand-forest)}
.textLink{color:var(--brand-forest)}
.textLink span{color:var(--brand-moss)}

/* Durchgängige Seitenrahmen */
.publicShell main>section:not(.homeHero):not(.journeyV2):not(.greenControlBridge):not(.checkTeaserV2):not(.mediationV2):not(.seminarsV2):not(.erfaSection):not(.booksTeaserV2):not(.experienceV2):not(.membershipsV2):not(.bafaV2){width:calc(100% - 28px);margin:14px;border-radius:26px;overflow:hidden}
.subHero,.checkHero,.adminIntro{width:calc(100% - 28px);margin:14px;border-radius:26px;overflow:hidden;background:linear-gradient(125deg,var(--brand-forest),var(--brand-forest-2) 68%,#3b7151)}
.subHero h1,.checkHero h1,.adminIntro h1{color:#fff;line-height:1.15;letter-spacing:.0005em}
.subHero h1 em,.checkHero h1 em{color:#c6dab8}

/* Startseite */
.homeV2>section{width:calc(100% - 28px);margin:14px;border-radius:26px;overflow:hidden;scroll-margin-top:108px}
.homeHero{background:linear-gradient(140deg,#fbfcf8,var(--brand-ivory) 46%,#eaf1e7 75%,var(--brand-bluegray))}
.homeHero h1,.journeyPrinciple h3,.greenControlIntro h2,.checkTeaserV2 h2,.mediationCopy h2,.booksTeaserV2 h2,.experienceCopy h2,.bafaV2 h2{line-height:1.15;letter-spacing:.0005em}
.homeHero h1{color:var(--brand-forest)}
.homeHero h1 em,.homeV2 .sectionHead h2 em,.booksTeaserV2 h2 em{color:var(--brand-moss)}
.homeHeroVisual{border-radius:90px 12px 90px 12px;background:var(--brand-forest);box-shadow:var(--shadow)}
.heroSignature{border-radius:12px 32px 12px 32px;background:rgba(14,46,36,.86)}
.heroProof{border-color:rgba(255,255,255,.95);background:rgba(255,255,255,.8);box-shadow:var(--shadow-soft)}
.journeyV2,.seminarsV2,.erfaSection{background:linear-gradient(180deg,#fafbf7,#eef4ec)}
.erfaLabBrand{display:block;width:min(330px,72vw);height:auto;margin:0 0 30px;filter:saturate(.78)}
.phaseCard,.event,.erfaOffer,.membershipCard,.futureBookGrid article,.downloadGrid a{border-radius:var(--radius-card);border-color:rgba(21,63,50,.13);box-shadow:var(--shadow-soft)}
.phaseCard:hover,.phaseCard.active,.event:hover,.erfaOffer:hover,.membershipCard:hover,.futureBookGrid article:hover,.downloadGrid a:hover{transform:translateY(-8px);border-color:rgba(79,128,85,.43);box-shadow:var(--shadow)}
.phaseCard.dark,.journeyPrinciple,.checkTeaserV2,.mediationV2,.bafaFoot,.erfaOffer.featured{background:linear-gradient(125deg,var(--brand-forest),var(--brand-forest-2) 68%,#3b7151)}
.phaseDetail,.checkAside,.leadBlock.accent{background:linear-gradient(125deg,var(--brand-forest),var(--brand-forest-2))}
.greenControlBridge,.booksTeaserV2{background:linear-gradient(135deg,#fff,#edf3eb)}
.greenControlBrand{width:min(400px,100%);min-height:86px;margin-bottom:30px;overflow:hidden}
.greenControlLogoCrop{position:relative;display:block;width:390px;max-width:100%;height:88px;overflow:hidden}
.greenControlLogoCrop img{position:absolute;left:-9%;top:-94%;width:119%;max-width:none;height:auto;object-fit:initial}
.greenControlCockpit,.erfaRegistration,.featuredBook,.accessForm,.checkPanel{border-radius:var(--radius-panel);border-color:rgba(21,63,50,.14);box-shadow:var(--shadow)}
.greenControlMetric,.greenControlForecast{border-radius:13px 30px 13px 30px}
.greenControlMetric.featured{background:linear-gradient(135deg,var(--brand-forest),var(--brand-forest-2))}
.greenControlForecast,.erfaConsent,.adminFlash{background:var(--brand-mint)}
.checkTeaserV2 h2 em{color:#c6dab8}
.mediationPortrait{border-radius:80px 0 0 12px}
.event.featured{border-color:var(--brand-moss);box-shadow:0 0 0 6px rgba(79,128,85,.1),var(--shadow)}
.eventFeatured{background:var(--brand-moss);color:#fff}
.seminarBooking,.bafaRateCard,.bafaSteps{border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}
.experienceV2 .portrait img{border-radius:90px 12px 90px 12px;box-shadow:var(--shadow)}
.erfaRegistration{background:#fff}
.erfaForm input,.erfaForm select,.erfaForm textarea{border-color:var(--line);background:#fbfcf9}

/* Unterseiten: Porträt, Bücher, Materialien, Standortcheck, Rechtliches */
.aboutIntro,.timelineSection,.aboutCredentials,.bookCurrent,.futureBooks,.accessSection,.checkWorkspace,.legalPage{background:linear-gradient(180deg,#fff,var(--brand-ivory))}
.aboutPortrait img,.bookCoverLink img{box-shadow:var(--shadow)}
.timeline article,.aboutCredentials li,.bookBenefits article,.futureBookGrid article,.downloadGrid a,.checkChoice,.legalPage article{border-color:var(--line)}
.bookCurrent .featuredBook{background:linear-gradient(135deg,#fff,#edf3eb)}
.bookCoverPlaceholder{background:var(--brand-forest)}
.buyerAreaTeaser{background:linear-gradient(125deg,var(--brand-forest),var(--brand-forest-2))}
.accessForm,.checkPanel,.legalPage article{border-radius:var(--radius-panel)}
.checkChoice{border-radius:12px 28px 12px 28px;background:#fbfcf8}
.checkChoice:hover{border-color:rgba(79,128,85,.62);box-shadow:var(--shadow-soft)}
.checkChoice.active{border-color:var(--brand-moss);background:linear-gradient(145deg,#fff,var(--brand-mint))}
.primaryTheme{background:var(--brand-bluegray);border-radius:12px 30px 12px 30px}

/* Verwaltung: dieselbe Gestaltung, klarere Informationshierarchie */
.adminShell{min-height:100vh;background:radial-gradient(circle at 8% 0,#fff 0,transparent 27%),var(--brand-ivory)}
.adminShell .siteHeader{background:rgba(255,255,255,.92)}
.adminBar{top:106px;justify-content:center;gap:22px;margin:0 14px;padding:11px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:var(--brand-forest);box-shadow:var(--shadow-soft)}
.adminBar strong{color:#c6dab8}
.adminBar a{min-height:32px;display:inline-flex;align-items:center;color:#fff}
.adminBar a:hover{color:#d7e7ca}
.adminBar .adminLogout{margin-left:auto;padding-left:18px;border-left:1px solid rgba(255,255,255,.2)}
.adminIntro{padding:70px 7%;color:#fff}
.adminIntro>span,.adminLogin form>span{color:#c6dab8}
.adminIntro p{max-width:820px;color:#dbe7e0}
.adminIntroLink{display:inline-flex;margin-top:20px;padding-bottom:4px;border-bottom:2px solid #c6dab8;color:#fff;font-weight:800;text-decoration:none}
.adminHub{max-width:1400px;margin:0 auto!important;padding:55px 5% 80px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:transparent!important;overflow:visible!important}
.adminHub>a{min-height:210px;padding:30px;border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;color:var(--brand-forest);box-shadow:var(--shadow-soft);transition:transform .27s,box-shadow .27s,border-color .27s}
.adminHub>a:hover{transform:translateY(-7px);border-color:rgba(79,128,85,.43);box-shadow:var(--shadow)}
.adminHub strong{font-family:var(--font-manrope),Manrope,Arial,sans-serif;color:var(--brand-forest)}
.adminLogin{background:linear-gradient(145deg,var(--brand-ivory),var(--brand-bluegray))}
.adminLogin form{border-radius:var(--radius-panel);box-shadow:var(--shadow)}
.adminLogin input,.adminForm input,.adminForm select,.adminForm textarea,.leadFollowup select,.leadFollowup textarea{border-color:var(--line);background:#fbfcf9;color:var(--brand-graphite);font-family:var(--font-inter),Inter,Arial,sans-serif}
.adminCrud,.leadCards,.erfaAdminCards,.systemChecks,.analyticsArea{max-width:1320px;margin:0 auto!important;padding:48px 5% 80px;background:transparent!important;overflow:visible!important}
.adminCrud details,.leadCard,.erfaAdminCard,.checkTable,.systemInfo,.analyticsMetrics article,.analyticsPanel{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}
.adminCrud details,.leadCard,.erfaAdminCard{margin-bottom:16px}
.adminCrud summary,.leadCard>summary,.erfaAdminCard>summary{min-height:68px;padding:22px 26px;color:var(--brand-forest)}
.adminCrud details[open]>summary,.leadCard[open]>summary,.erfaAdminCard[open]>summary{background:var(--brand-bluegray)}
.leadCard>summary,.erfaAdminCard>summary{display:flex;align-items:center;gap:20px;cursor:pointer}
.leadCard>summary span,.erfaAdminCard>summary span{color:#718079;font-size:11px}
.leadCard>summary strong,.erfaAdminCard>summary strong{flex:1}
.leadCard>summary b,.erfaAdminCard>summary b{padding:6px 9px;border-radius:999px;background:var(--brand-mint);color:var(--brand-forest);font-size:10px}
.leadScoreCards article,.erfaAdminFacts article{border:1px solid var(--line);border-radius:13px 30px 13px 30px;background:var(--brand-ivory)}
.leadScoreCards article:nth-child(2),.erfaAdminFacts article:nth-child(2){background:var(--brand-bluegray)}
.leadScoreCards article:nth-child(3),.erfaAdminFacts article:nth-child(3){background:var(--brand-mint)}
.leadFollowup,.erfaAdminFollowup{background:var(--brand-bluegray);border-radius:15px 38px 15px 38px}
.deleteForm button,.leadRemoveButton,.erfaAdminRemove button{color:var(--brand-rust)}
.adminEmpty{padding:30px;border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:rgba(255,255,255,.7)}

/* ERFA-Interessenten – nur Kontakte; Gruppenverwaltung bleibt im ERFA Lab */
.erfaAdminBody{padding:30px}
.erfaAdminContact>span,.erfaAdminMessage>span,.erfaAdminFacts span{color:var(--brand-moss);font-size:10px;font-weight:850;letter-spacing:.13em}
.erfaAdminContact h2{margin:9px 0;font-size:clamp(27px,3vw,38px)}
.erfaAdminContact p{margin:0;color:#607068}
.erfaAdminContact a{font-weight:750}
.erfaAdminFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:25px 0}
.erfaAdminFacts article{min-height:115px;padding:20px}
.erfaAdminFacts strong{display:block;margin-top:13px;color:var(--brand-forest);font:760 16px/1.35 var(--font-manrope),Manrope,Arial,sans-serif}
.erfaAdminMessage{padding:24px;border:1px solid var(--line);border-radius:15px 38px 15px 38px;background:var(--brand-ivory)}
.erfaAdminMessage p{margin:10px 0 0;color:#56655e}
.erfaAdminFollowup{display:grid;gap:16px;margin-top:18px;padding:25px}
.erfaAdminFollowup label{display:grid;gap:7px;color:var(--brand-forest);font-size:12px;font-weight:800}
.erfaAdminFollowup select,.erfaAdminFollowup textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--brand-graphite);font:500 16px/1.5 var(--font-inter),Inter,Arial,sans-serif}
.erfaAdminFollowup .pill{justify-self:start}
.erfaAdminRemove{margin-top:16px}
.erfaAdminRemove button{min-height:44px;padding:10px 15px;border:1px solid rgba(155,89,72,.45);border-radius:12px;background:#fff;font-weight:800}
.erfaAdminRemove button:hover{background:var(--brand-rust);color:#fff}

/* Footer */
footer{margin:14px;width:calc(100% - 28px);padding:31px 4%;border:1px solid var(--line);border-radius:22px;background:#fff;color:#69776f;box-shadow:var(--shadow-soft)}
footer img{width:218px;padding:0;background:transparent;border-radius:0}
footer a{color:var(--brand-forest);font-weight:730}
footer .adminEntry{opacity:.68}

@media(max-width:1180px){
  .siteHeader{grid-template-columns:215px 1fr auto;gap:14px}.siteHeader .brand{width:205px}.siteHeader nav{gap:11px}.siteHeader nav a{font-size:10.5px}
  .adminHub{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:940px){
  .siteHeader{grid-template-columns:1fr auto}.siteHeader nav{display:none}.siteHeader nav.open{top:82px;border-radius:14px 36px 14px 36px}
  .adminBar{top:106px;justify-content:flex-start;overflow-x:auto}.adminBar .adminLogout{margin-left:0}
  .greenControlLogoCrop{width:360px}
  .erfaAdminFacts{grid-template-columns:1fr 1fr}.erfaAdminFacts article:last-child{grid-column:1/-1}
}
@media(max-width:680px){
  html{scroll-padding-top:86px}body{font-size:15px}
  .siteHeader{top:7px;height:67px;margin:7px;width:calc(100% - 14px);padding:0 12px}.siteHeader .brand{width:180px}.siteHeader .navCta{min-height:40px;padding:9px 11px}
  .homeV2>section,.publicShell main>section:not(.homeHero):not(.journeyV2):not(.greenControlBridge):not(.checkTeaserV2):not(.mediationV2):not(.seminarsV2):not(.erfaSection):not(.booksTeaserV2):not(.experienceV2):not(.membershipsV2):not(.bafaV2),.subHero,.checkHero,.adminIntro{width:calc(100% - 14px);margin:7px;border-radius:20px}
  .homeHero h1{font-size:clamp(44px,12vw,58px)}
  .greenControlBrand{min-height:76px}.greenControlLogoCrop{width:315px;height:75px}
  .greenControlCockpit,.erfaRegistration,.accessForm,.checkPanel,.legalPage article,.adminLogin form{border-radius:15px 42px 15px 42px}
  .adminBar{top:81px;margin:0 7px;gap:17px}.adminBar strong{display:none}.adminBar a{white-space:nowrap}.adminBar .adminLogout{padding-left:0;border:0}
  .adminHub{grid-template-columns:1fr;padding:34px 18px 65px}.adminHub>a{min-height:175px}
  .adminCrud,.leadCards,.erfaAdminCards,.systemChecks,.analyticsArea{padding:30px 16px 65px}
  .leadCard>summary,.erfaAdminCard>summary{align-items:flex-start;flex-direction:column;gap:6px}.leadCard>summary strong,.erfaAdminCard>summary strong{flex:auto}
  .erfaAdminBody{padding:20px}.erfaAdminFacts{grid-template-columns:1fr}.erfaAdminFacts article:last-child{grid-column:auto}.erfaAdminFollowup{padding:20px}.erfaAdminFollowup .pill{width:100%}
  footer{margin:7px;width:calc(100% - 14px)}footer img{width:205px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Website 4.3 · kompakter Hero, stärkere Nutzenleiste und ruhige Scrollbewegung */
.homeHero{
  min-height:620px;
  grid-template-columns:minmax(0,1fr) minmax(470px,.9fr);
}
.homeHeroCopy{
  padding:58px clamp(34px,4.3vw,76px) 66px;
}
.homeHero h1{
  max-width:780px;
  margin:19px 0 22px;
  color:var(--brand-forest);
  font-size:clamp(52px,4.45vw,76px);
  font-weight:800;
  font-stretch:normal;
  line-height:1.15;
  letter-spacing:.0005em;
}
.homeHeroCopy>p{
  max-width:670px;
  color:#4f6259;
}
.homeHero .heroActions{margin-top:28px}
.homeHeroVisual{
  min-height:520px;
  margin:24px 24px 24px 0;
  border-radius:76px 12px 76px 12px;
}
.heroSignature{
  left:18px;
  right:18px;
  bottom:18px;
  padding:20px 22px;
}

.heroProof{
  counter-reset:hero-proof;
  min-height:88px;
  border:1px solid rgba(255,255,255,.98);
  background:rgba(255,255,255,.94);
}
.heroProof span{
  counter-increment:hero-proof;
  min-height:88px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  padding:18px clamp(18px,2.5vw,42px);
  color:var(--brand-forest);
  font:800 clamp(15px,1.05vw,18px)/1.25 var(--font-manrope),Manrope,Arial,sans-serif;
  letter-spacing:.0005em;
  border-color:var(--line);
  transition:background-color .28s ease,color .28s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}
.heroProof span:before{
  content:"0" counter(hero-proof);
  width:auto;
  height:auto;
  margin:0;
  border-radius:0;
  background:transparent;
  color:var(--brand-moss);
  font:800 13px/1 var(--font-manrope),Manrope,Arial,sans-serif;
  letter-spacing:.08em;
}
.heroProof span:hover{
  z-index:1;
  color:#fff;
  background:var(--brand-forest);
  transform:translateY(-4px);
}
.heroProof span:hover:before{color:#c6dab8}

.journeyPrinciple>span{color:#c6dab8}
.journeyPrinciple h3{
  color:#fff;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.0005em;
}
.journeyPrinciple h3 em{color:#c6dab8}
.journeyPrinciple p{color:#e5eee9}

/* Erst mit JavaScript aktivieren, damit Inhalte ohne JavaScript immer sichtbar bleiben. */
.motion-ready [data-reveal]{
  --reveal-x:0;
  --reveal-y:34px;
  opacity:0;
  translate:var(--reveal-x) var(--reveal-y);
  scale:.988;
  will-change:opacity,translate,scale;
}
.motion-ready [data-reveal="left"]{--reveal-x:-32px;--reveal-y:18px;scale:.99}
.motion-ready [data-reveal="right"]{--reveal-x:32px;--reveal-y:18px;scale:.99}
.motion-ready [data-reveal].is-visible{
  animation:content-reveal .9s var(--reveal-delay,0ms) cubic-bezier(.16,1,.3,1) both;
  will-change:auto;
}
.motion-ready .homeHeroCopy{
  animation:hero-copy-in .9s cubic-bezier(.16,1,.3,1) both;
}
.motion-ready .homeHeroVisual{
  animation:hero-visual-in 1.05s .08s cubic-bezier(.16,1,.3,1) both;
}
.motion-ready .heroProof span{
  animation:hero-proof-in .72s cubic-bezier(.16,1,.3,1) both;
}
.motion-ready .heroProof span:nth-child(1){animation-delay:.18s}
.motion-ready .heroProof span:nth-child(2){animation-delay:.25s}
.motion-ready .heroProof span:nth-child(3){animation-delay:.32s}
.motion-ready .heroProof span:nth-child(4){animation-delay:.39s}
@keyframes content-reveal{from{opacity:0;translate:var(--reveal-x) var(--reveal-y);scale:.988}to{opacity:1;translate:none;scale:1}}
@keyframes hero-copy-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:none}}
@keyframes hero-visual-in{from{opacity:0;translate:22px 0;scale:.985}to{opacity:1;translate:none;scale:1}}
@keyframes hero-proof-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:none}}

@media(max-width:1180px){
  .homeHero{grid-template-columns:minmax(0,1fr) minmax(410px,.82fr)}
  .homeHeroCopy{padding-left:46px;padding-right:38px}
  .homeHero h1{font-size:clamp(50px,5vw,68px)}
  .heroProof span{padding-left:23px;padding-right:23px}
}
@media(max-width:940px){
  .homeHero{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto}
  .homeHeroCopy{padding:62px 7% 48px}
  .homeHero h1{max-width:760px}
  .homeHeroVisual{min-height:560px;margin:0 28px 24px}
  .heroProof{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .homeHeroCopy{padding:48px 22px 38px}
  .homeHero h1{font-size:clamp(43px,11.7vw,56px);line-height:1.15;letter-spacing:.0005em}
  .homeHeroVisual{min-height:460px;margin:0 14px 14px;border-radius:54px 9px 54px 9px}
  .heroProof{min-height:0}
  .heroProof span{min-height:78px;padding:15px 16px;font-size:14px}
  .journeyPrinciple h3{font-size:clamp(34px,9.5vw,42px);line-height:1.15;letter-spacing:.0005em}
  .motion-ready [data-reveal],.motion-ready [data-reveal="left"],.motion-ready [data-reveal="right"]{--reveal-x:0;--reveal-y:22px;scale:.992}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready [data-reveal],.motion-ready [data-reveal].is-visible,.motion-ready .homeHeroCopy,.motion-ready .homeHeroVisual,.motion-ready .heroProof span{opacity:1!important;translate:none!important;scale:1!important;transform:none!important;animation:none!important;transition:none!important}
}

/* Website 4.3 · versetzte Bühnen statt parallel gestapelter Großflächen */
.journeyPrinciple h3{
  color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
.journeyPrinciple h3 em{color:#bfe596!important}
.journeyPrinciple>span{color:#bfe596!important}
.journeyPrinciple>p{color:#f1f6f3!important}
.checkTeaserV2 h2,.mediationV2 .mediationCopy h2,.erfaOffer.featured h3{
  color:#fff!important;
}
.checkTeaserV2 h2 em,.mediationV2 .mediationCopy h2 em{
  color:#c9e5b5!important;
}

@media(min-width:941px){
  .homeV2{
    --stage-edge:clamp(130px,10vw,240px);
    --stage-center:clamp(210px,18vw,410px);
  }
  .homeV2>.journeyV2,
  .homeV2>.mediationV2,
  .homeV2>.erfaSection,
  .homeV2>.membershipsV2{
    width:calc(100% - var(--stage-edge) - 14px);
    margin-right:var(--stage-edge);
    margin-left:14px;
    border-radius:28px 94px 28px 28px;
  }
  .homeV2>.greenControlBridge,
  .homeV2>.seminarsV2,
  .homeV2>.experienceV2,
  .homeV2>.bafaV2{
    width:calc(100% - var(--stage-edge) - 14px);
    margin-right:14px;
    margin-left:var(--stage-edge);
    border-radius:94px 28px 28px 28px;
  }
  .homeV2>.checkTeaserV2,
  .homeV2>.booksTeaserV2{
    width:calc(100% - var(--stage-center));
    margin-right:auto;
    margin-left:auto;
    border-radius:72px 24px 72px 24px;
  }
  .homeV2>.journeyV2,
  .homeV2>.greenControlBridge,
  .homeV2>.checkTeaserV2,
  .homeV2>.mediationV2,
  .homeV2>.seminarsV2,
  .homeV2>.erfaSection,
  .homeV2>.booksTeaserV2,
  .homeV2>.experienceV2,
  .homeV2>.membershipsV2,
  .homeV2>.bafaV2{
    margin-top:clamp(20px,2vw,38px);
    margin-bottom:clamp(20px,2vw,38px);
    box-shadow:0 28px 70px rgba(21,63,50,.09);
  }
}

/* Website 4.3 · interaktiver Stundensatzhebel im MyGreenControl-Bereich */
.greenControlRateImpact{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(250px,.9fr) minmax(430px,1.3fr) minmax(260px,.72fr);
  gap:clamp(24px,3vw,52px);
  align-items:center;
  padding:clamp(30px,4vw,58px);
  color:#fff;
  background:linear-gradient(125deg,#11382d,#1e5140 64%,#3b7151);
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px 74px 24px 24px;
  box-shadow:0 28px 70px rgba(21,63,50,.18);
}
.rateImpactIntro>span,.rateImpactResult>span{
  display:block;
  color:#bfe596;
  font:850 12px/1.4 var(--font-inter),Inter,Arial,sans-serif;
  letter-spacing:.11em;
}
.rateImpactIntro h3{
  margin:14px 0 16px;
  color:#fff!important;
  font:800 clamp(30px,2.7vw,46px)/1.12 var(--font-manrope),Manrope,Arial,sans-serif;
  letter-spacing:.0005em;
}
.rateImpactIntro p{
  margin:0;
  color:#e8f0eb;
  font-size:15px;
  line-height:1.7;
}
.rateImpactControls{display:grid;gap:22px}
.rateImpactControls label{display:grid;gap:10px}
.rateImpactControls label>span:first-child{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:baseline;
}
.rateImpactControls b{color:#fff;font-size:13px}
.rateImpactControls output{color:#c9e5b5;font:800 17px/1 var(--font-manrope),Manrope,Arial,sans-serif;white-space:nowrap}
.rateImpactControls input[type="range"]{
  width:100%;
  height:44px;
  margin:1px 0;
  appearance:none;
  -webkit-appearance:none;
  border-radius:0;
  background:linear-gradient(90deg,#bfe596 0 var(--range-progress,50%),rgba(255,255,255,.19) var(--range-progress,50%) 100%);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 8px;
  cursor:pointer;
}
.rateImpactControls input[type="range"]::-webkit-slider-thumb{
  width:25px;
  height:25px;
  appearance:none;
  -webkit-appearance:none;
  border:5px solid #fff;
  border-radius:50%;
  background:#4f8055;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.rateImpactControls input[type="range"]::-moz-range-thumb{
  width:15px;
  height:15px;
  border:5px solid #fff;
  border-radius:50%;
  background:#4f8055;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.rateImpactControls input[type="range"]:focus-visible{outline:3px solid #fff;outline-offset:5px}
.rateImpactControls label>small{display:flex;justify-content:space-between;color:#c7d6ce;font-size:10px}
.rateImpactControls label>small i{font-style:normal}
.rateImpactPresets{display:flex!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap}
.rateImpactPresets button{
  min-height:44px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  color:#e8f0eb;
  background:rgba(255,255,255,.07);
  font:800 11px var(--font-inter),Inter,Arial,sans-serif;
  cursor:pointer;
}
.rateImpactPresets button:hover,.rateImpactPresets button.active{border-color:#bfe596;color:#153f32;background:#bfe596}
.rateImpactPresets button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.rateImpactResult{
  min-height:260px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px 48px 18px 18px;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(10px);
}
.rateImpactResult strong{display:block;margin:20px 0 9px;color:#fff;font:800 clamp(40px,4vw,64px)/.96 var(--font-manrope),Manrope,Arial,sans-serif;letter-spacing:-.025em}
.rateImpactResult p{margin:0;color:#d8e6df;font-size:12px;line-height:1.55}
.rateImpactResult a{width:max-content;margin-top:24px;color:#fff;font-weight:850;text-decoration:none;border-bottom:1px solid #bfe596}
.rateImpactResult a b{color:#bfe596}
.rateImpactNote{grid-column:1/-1;margin:-18px 0 0;color:#cbdad2;font-size:11px;line-height:1.55}

@media(max-width:1180px){
  .greenControlRateImpact{grid-template-columns:minmax(240px,.8fr) minmax(390px,1.2fr)}
  .rateImpactResult{grid-column:1/-1;min-height:0}
  .rateImpactNote{margin-top:-8px}
}
@media(max-width:760px){
  .greenControlRateImpact{grid-template-columns:1fr;padding:29px 21px;border-radius:18px 48px 18px 18px}
  .rateImpactResult{grid-column:1;min-height:0;padding:24px 20px}
  .rateImpactResult strong{font-size:clamp(38px,13vw,56px)}
  .rateImpactNote{grid-column:1;margin-top:-8px}
  .rateImpactControls label>span:first-child{align-items:flex-start;flex-direction:column;gap:6px}
}

.motion-ready [data-stage]{
  --stage-from-x:0;
  opacity:.28;
  translate:var(--stage-from-x) 46px;
  scale:.972;
  filter:saturate(.84);
  will-change:opacity,translate,scale,filter;
}
.motion-ready [data-stage="left"]{--stage-from-x:-72px}
.motion-ready [data-stage="right"]{--stage-from-x:72px}
.motion-ready [data-stage="center"]{--stage-from-x:0}
.motion-ready [data-stage].is-stage-visible{
  animation:stage-reveal 1.05s cubic-bezier(.16,1,.3,1) both;
  will-change:auto;
}
@keyframes stage-reveal{
  from{opacity:.28;translate:var(--stage-from-x) 46px;scale:.972;filter:saturate(.84)}
  to{opacity:1;translate:none;scale:1;filter:none}
}

@media(max-width:940px){
  .homeV2>.journeyV2,
  .homeV2>.greenControlBridge,
  .homeV2>.checkTeaserV2,
  .homeV2>.mediationV2,
  .homeV2>.seminarsV2,
  .homeV2>.erfaSection,
  .homeV2>.booksTeaserV2,
  .homeV2>.experienceV2,
  .homeV2>.membershipsV2,
  .homeV2>.bafaV2{
    width:calc(100% - 28px);
    margin:18px 14px;
  }
}
@media(max-width:680px){
  .homeV2>.journeyV2,
  .homeV2>.greenControlBridge,
  .homeV2>.checkTeaserV2,
  .homeV2>.mediationV2,
  .homeV2>.seminarsV2,
  .homeV2>.erfaSection,
  .homeV2>.booksTeaserV2,
  .homeV2>.experienceV2,
  .homeV2>.membershipsV2,
  .homeV2>.bafaV2{
    width:calc(100% - 14px);
    margin:12px 7px;
    border-radius:20px;
  }
}
@media(prefers-reduced-motion:reduce){
  .motion-ready [data-stage],.motion-ready [data-stage].is-stage-visible{
    opacity:1!important;
    translate:none!important;
    scale:1!important;
    filter:none!important;
    animation:none!important;
  }
}