/* Page-specific additions; the existing site styles remain unchanged. */
.energyHero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px 6%;align-items:center;padding:35px 9% 75px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#fcfaf4ed,#faf5e9d9),url('/assets/marmor-gross.jpg') center/cover}
.energyBreadcrumb{grid-column:1/-1;font-size:11px;margin-bottom:12px}
.energyHero h1{font-size:clamp(43px,4.6vw,72px);line-height:1.12;letter-spacing:-1px}
.energyHero h1 em{display:block;margin-top:15px}
.energySubtitle{font-size:12px;letter-spacing:1px;color:var(--gold);margin:30px 0 22px}
.energyArtwork{padding:12px;border:1px solid var(--line);background:#fcfaf5;box-shadow:0 18px 46px -32px #69523766}
.energyArtwork img{width:100%;height:auto;object-fit:contain}
.energyIntro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%}
.energyProse p+p{margin-top:22px}
.energyProse{color:var(--muted)}
.energyServiceList{margin:40px 0 0}
.energyServiceList>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%;padding:28px 0;border-top:1px solid var(--line)}
.energyServiceList dt{font:400 clamp(28px,3vw,37px)/1.2 var(--serif)}
.energyServiceList dd{margin:0;color:var(--muted)}
.energyMeeting{background:#f1ebdf}
.energyMeetingFrame{border:1px solid #bcaa88;padding:clamp(25px,5vw,65px);max-width:1040px;margin:auto;background:#fcfaf580}
.energyMeeting h2{font-size:clamp(36px,4vw,58px);max-width:850px}
.energyMeeting h2 em{display:block;margin-top:12px}
.energyMeeting p:not(.label){margin-top:22px;max-width:760px}
.energyMeetingLead{font:400 27px/1.4 var(--serif)}
.energyFormats{display:flex;flex-wrap:wrap;gap:10px 40px;margin:22px 0;padding-left:20px;color:var(--gold)}
.energyTerms{font-size:12px;color:var(--muted)}
.energyMeeting .btn{justify-content:center;text-align:center;max-width:100%;white-space:normal}
.energyLegal{padding:35px 9%;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}
.energyLegal p{max-width:1000px;margin-bottom:20px}
@media(max-width:750px){
 .energyHero{grid-template-columns:minmax(0,1fr);padding:28px 7% 50px;gap:28px}
 .energyHero h1{font-size:clamp(39px,8vw,58px)}
 .energyBreadcrumb{margin:0}
 .energySubtitle{font-size:11px;letter-spacing:.5px}
 .energyArtwork{max-width:580px;width:100%;justify-self:center}
 .energyIntro{grid-template-columns:minmax(0,1fr);gap:30px}
 .energyServiceList>div{grid-template-columns:minmax(0,1fr);gap:16px}
 .energyMeetingFrame{padding:28px 22px}
 .energyMeeting .btn{font-size:10px;letter-spacing:.7px}
 .energyFormats{flex-direction:column;gap:8px}
 .energyLegal{padding:30px 7%}
}
/* Long German words remain within narrow smartphone layouts. */
.energyPage main h1,.energyPage main h2,.energyPage main dt{overflow-wrap:anywhere;hyphens:auto}
.energyHeroText,.energyIntro>div,.energyMeetingFrame{min-width:0}

.energyQuote{margin:26px 0 0;font:italic 400 clamp(23px,2.4vw,30px)/1.45 var(--serif);color:var(--muted)}
.energySubtitle{max-width:38em}
.energyServiceList dt em{display:block;margin-top:10px;font-size:.8em;line-height:1.3}
.energyAudience{margin:20px 0 0;padding-left:20px}
.energyAudience li{padding:6px 0 6px 6px}
.energyAudience li::marker{color:var(--gold)}
.energyConditions{color:var(--gold);font-size:12px}
.energyReturn{padding:30px 9%;border-bottom:1px solid var(--line)}
@media(max-width:750px){.energyMeeting .buttons{align-items:stretch;flex-direction:column}.energyReturn{padding:30px 7%}}

.energyServiceList dd p+p{margin-top:18px}