/* Ausstellungsseite: echte Einladung als Bild links, Angaben als Text rechts (Vorlage für jede Ausstellung).
   Startseite: Startbild, Einleitung, Einladung. Bilder nie beschnitten. */

.xp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--sp-7);align-items:start;padding:var(--page-top) 0 var(--sp-8)}
.xp-inv{margin:0;width:min(100%,var(--mw,9999px))}
.xp-inv a{display:block;line-height:0}
.xp-inv img{width:100%;height:auto;border:1px solid var(--line)}
.xp-inv figcaption{font-family:var(--f-meta);font-weight:var(--w-meta);font-size:var(--t-meta);color:var(--soft);margin-top:var(--sp-2)}
.xp-text{max-width:var(--text)}
.xp-text .eyebrow{margin:0 0 var(--sp-3)}
.xp-text h1{margin:0 0 var(--sp-3)}
.xp-cur{font-family:var(--f-body);font-size:var(--t-body);color:var(--soft);margin:0 0 var(--sp-6)}
.xp-facts{margin:0 0 var(--sp-6);border-top:1px solid var(--line)}
.xp-facts div{display:grid;grid-template-columns:9em 1fr;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}
.xp-facts dt{font-family:var(--f-meta);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);padding-top:.35em}
.xp-facts dd{margin:0;font-family:var(--f-body);font-size:var(--t-body);line-height:1.5;color:var(--textink)}
.xp-body{font-family:var(--f-body);font-size:var(--t-body);line-height:1.65;margin:0 0 var(--sp-6)}
.xw .grouphead{border-top:1px solid var(--line);padding-top:var(--sp-5)}
.xw-note{color:var(--soft);font-size:var(--t-ui);margin:calc(-1 * var(--sp-1)) 0 var(--sp-5)}
/* Werkliste der Ausstellung */
.worklist{max-width:var(--text);padding-bottom:var(--sp-8)}
.worklist h3{font-family:var(--f-meta);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:400;color:var(--soft);margin:var(--sp-6) 0 var(--sp-3)}
.worklist .grouphead + h3{margin-top:0}
.worklist .wl-sub{font-family:var(--f-head);font-style:italic;font-size:var(--t-sub);color:var(--textink);margin:var(--sp-4) 0 var(--sp-2)}
.worklist ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.worklist li{display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line);font-family:var(--f-ui);font-size:var(--t-ui);line-height:1.5;color:var(--textink)}
.worklist .wl-n{color:var(--strip);font-variant-numeric:tabular-nums}

/* Startseite: Startbild + Einleitung + Einladung (ohne doppelten Text). Bilder nie beschnitten. */
.home-grid{display:grid;gap:var(--sp-7) clamp(32px,4vw,60px);padding:var(--sp-6) 0 var(--page-bottom);align-items:start;
  grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hero hero" "expo intro"}
.home-grid:not(.has-expo){grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "intro"}
.home-grid .hero-fig{grid-area:hero;margin:0;justify-self:start}
.home-grid .hero-intro{grid-area:intro;padding:0;max-width:var(--text)}
.home-grid .expo-card{grid-area:expo}
.home-grid.is-portrait{grid-template-columns:auto minmax(300px,1fr) auto;grid-template-areas:"hero intro expo"}
.home-grid.is-portrait:not(.has-expo){grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hero intro"}
.home-grid.is-portrait .hero-fig{margin:0}
.home-grid.is-portrait .hero-fig img{max-height:min(72vh,680px);max-width:min(100%,44vw)} /* Sicherung: Text bleibt immer lesbar breit */
/* Querformat: das ganze Raster ist so breit wie das Startbild → Text schließt rechts bündig mit dem Bild ab */
.home-grid.is-land{max-width:min(100%,var(--nw))} /* Querformat: bis an die Kanten des Balkens, nie hochskaliert */
.home-grid.is-land .hero-fig{display:block;width:100%}
.home-grid.is-land .hero-fig img{width:100%;max-width:none;max-height:none}
.home-grid.is-land .hero-fig figcaption{display:block}
.expo-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.expo-card .inv{display:block;line-height:0}
.expo-card .inv img{width:clamp(200px,20vw,280px);height:auto;max-width:100%;display:block;border-radius:0;border:1px solid var(--line)}
@media(max-width:1100px) and (min-width:761px){
  .home-grid.is-portrait.has-expo{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hero intro" "hero expo"}
}

@media(max-width:760px){
  .xp{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);padding-top:var(--sp-5)}
  .xp-inv{max-width:420px}
  .xp-facts div{grid-template-columns:1fr;gap:2px}
  .home-grid,.home-grid.is-portrait,.home-grid.is-portrait.has-expo{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "intro" "expo";gap:28px;padding:18px 0 46px}
  .home-grid.is-portrait .hero-fig{margin:0 auto}
  .home-grid.is-portrait .hero-fig img{max-width:100%;max-height:min(64vh,560px)}
  .expo-card .inv img{width:100%;max-width:340px}
}