/* Page-specific additions; the existing site styles remain unchanged. */
.awarenessHero{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}
.awarenessBreadcrumb{grid-column:1/-1;font-size:11px;margin-bottom:12px}
.awarenessHero h1{font-size:clamp(43px,4.6vw,72px);line-height:1.12;letter-spacing:-1px}
.awarenessHero h1 em{display:block;margin-top:15px}
.awarenessSubtitle{font-size:12px;letter-spacing:1px;color:var(--gold);margin:30px 0 22px}
.awarenessArtwork{padding:12px;border:1px solid var(--line);background:#fcfaf5;box-shadow:0 18px 46px -32px #69523766}
.awarenessArtwork img{width:100%;height:auto;object-fit:contain}
.awarenessIntro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%}
.awarenessProse p+p{margin-top:22px}
.awarenessProse{color:var(--muted)}
.awarenessServiceList{margin:40px 0 0}
.awarenessServiceList>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%;padding:28px 0;border-top:1px solid var(--line)}
.awarenessServiceList dt{font:400 clamp(28px,3vw,37px)/1.2 var(--serif)}
.awarenessServiceList dd{margin:0;color:var(--muted)}
.awarenessMeeting{background:#f1ebdf}
.awarenessMeetingFrame{border:1px solid #bcaa88;padding:clamp(25px,5vw,65px);max-width:1040px;margin:auto;background:#fcfaf580}
.awarenessMeeting h2{font-size:clamp(36px,4vw,58px);max-width:850px}
.awarenessMeeting h2 em{display:block;margin-top:12px}
.awarenessMeeting p:not(.label){margin-top:22px;max-width:760px}
.awarenessMeetingLead{font:400 27px/1.4 var(--serif)}
.awarenessFormats{display:flex;flex-wrap:wrap;gap:10px 40px;margin:22px 0;padding-left:20px;color:var(--gold)}
.awarenessTerms{font-size:12px;color:var(--muted)}
.awarenessMeeting .btn{justify-content:center;text-align:center;max-width:100%;white-space:normal}
.awarenessLegal{padding:35px 9%;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}
.awarenessLegal p{max-width:1000px;margin-bottom:20px}
@media(max-width:750px){
 .awarenessHero{grid-template-columns:minmax(0,1fr);padding:28px 7% 50px;gap:28px}
 .awarenessHero h1{font-size:clamp(39px,8vw,58px)}
 .awarenessBreadcrumb{margin:0}
 .awarenessSubtitle{font-size:11px;letter-spacing:.5px}
 .awarenessArtwork{max-width:580px;width:100%;justify-self:center}
 .awarenessIntro{grid-template-columns:minmax(0,1fr);gap:30px}
 .awarenessServiceList>div{grid-template-columns:minmax(0,1fr);gap:16px}
 .awarenessMeetingFrame{padding:28px 22px}
 .awarenessMeeting .btn{font-size:10px;letter-spacing:.7px}
 .awarenessFormats{flex-direction:column;gap:8px}
 .awarenessLegal{padding:30px 7%}
}
/* Long German words remain within narrow smartphone layouts. */
.awarenessPage main h1,.awarenessPage main h2,.awarenessPage main dt{overflow-wrap:anywhere;hyphens:auto}
.awarenessHeroText,.awarenessIntro>div,.awarenessMeetingFrame{min-width:0}

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