/* Ruhigeres Layout für Projektseiten (freigegeben 2026-10-02), nur auf /projekte/<seite>/ eingebunden */
:root{--rand:clamp(20px,5vw,80px);--luft:clamp(14px,2vw,28px);--abschnitt:clamp(56px,9vh,120px);--inhalt:1400px}
/* Paare: oben bündig, kein Versatz, gleiche Höhe ohne Beschnitt (Breite proportional zum Seitenverhältnis) */
.diptychon,.r-paar{display:flex;gap:var(--luft);padding:0 var(--rand);max-width:var(--inhalt);margin:0 auto var(--luft);align-items:flex-start;box-sizing:content-box}
.diptychon{margin-top:var(--abschnitt)}
.diptychon figure,.r-paar figure{flex:var(--ar,1.5) 1 0;min-width:0;margin:0!important}
.diptychon figure:nth-child(2){margin-top:0!important}
.diptychon img,.r-paar img{width:100%;height:auto;display:block}
/* Galerie: Reihen statt Mauerwerk */
.galerie{columns:auto!important;display:block;padding:0!important;max-width:none!important}
.galerie figure{margin:0}
.r-einzeln{padding:0 var(--rand);max-width:var(--inhalt);margin:0 auto var(--luft);box-sizing:content-box}
.r-einzeln figure{margin:0 auto;max-width:calc(82vh * var(--ar,1.5))}
.r-einzeln img{width:100%;height:auto;display:block}
/* Bildunterschriften einheitlich unter jedem Bild */
.diptychon figcaption,.r-paar figcaption,.r-einzeln figcaption,.solo figcaption,.solo .randnotiz{margin-top:12px;font-size:11px;letter-spacing:.2em;line-height:1.75;text-transform:uppercase;color:var(--hell);text-align:left}
/* Einzelbild: volle Inhaltsbreite, Notiz darunter */
.solo{display:block!important;padding:var(--abschnitt) var(--rand) 0!important;max-width:var(--inhalt);margin:0 auto;box-sizing:content-box}
.solo figure{margin:0 auto;max-width:calc(82vh * var(--ar,1.5))}
.solo img{width:100%;height:auto;display:block}
.solo .randnotiz{border:0!important;padding:0!important;max-width:none!important;margin:12px auto 0;max-width:calc(82vh * var(--ar,1.5))!important}
/* Kapitel: immer Text links, Bild rechts, gleiches Raster, nicht klebend */
.duo,.duo.getauscht{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;gap:clamp(28px,4vw,64px);padding:var(--abschnitt) var(--rand) 0;max-width:var(--inhalt);align-items:start;box-sizing:content-box}
.duo.getauscht .duo-text{order:0!important}
.duo-text{position:static!important;padding-top:4px}
.duo-bild img{width:100%;height:auto;display:block}
.abschnittskopf{margin-top:var(--abschnitt)}
@media (max-width:760px){
  .diptychon,.r-paar{flex-direction:column}
  .diptychon figure,.r-paar figure{flex:none;width:100%}
  .duo,.duo.getauscht{grid-template-columns:1fr!important;gap:22px}
}