/* Projektseiten (Portfolio), ergänzt 05.10.2026. Baut auf nuber.css auf. */
.projekt-text{gap:24px;max-width:640px}
.projekt-split{gap:56px clamp(24px,5vw,112px);align-items:center}
.projekt-bild{aspect-ratio:4/3;overflow:hidden}
.projekt-bild>img{width:100%;height:100%;object-fit:cover}
.projekt-bild:has(.figur){aspect-ratio:auto;overflow:visible}
.figur__bild--plan{background:#c5bfba}
.figur__bild--plan img{object-fit:contain}
.projekt-split .figur .figur__bild{aspect-ratio:3/2}
.projekt-split .figur .figur__bild--plan{aspect-ratio:auto}
.projekt-text .liste{margin-top:8px}
.palette{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:16px 20px}
.palette li{display:flex;flex-direction:column;gap:8px;width:88px}
.palette__feld{display:block;width:88px;height:56px;border:1px solid var(--border-default)}
.palette .label{font-size:12px;letter-spacing:.08em;text-transform:none;color:var(--nuber-anthracite)}
.raeume__wrap{gap:clamp(72px,8vw,128px)}
.raum{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px clamp(24px,5vw,96px);align-items:center}
.raum--rechts{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.raum--rechts .raum__bild{order:2}
.raum__bild{overflow:hidden}
.raum__bild--169{aspect-ratio:16/9}
.raum__bild--34{aspect-ratio:3/4;max-width:520px}
.raum__bild--11{aspect-ratio:1/1;max-width:600px}
.raum--rechts .raum__bild--34,.raum--rechts .raum__bild--11{justify-self:end}
.raum__bild img{width:100%;height:100%;object-fit:cover}
.raum__text{gap:20px;max-width:520px}
.weiter{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-default);text-decoration:none;color:inherit;min-width:min(100%,360px)}
.weiter__name{font:var(--text-h3,400 24px/1.3 var(--font-display));letter-spacing:var(--tracking-display);text-transform:uppercase}
.weiter__name::after{content:" \2192"}
.weiter:hover .weiter__name{color:var(--accent)}
.projekt__link{align-self:flex-start;border-bottom:1px solid currentColor;text-decoration:none;font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding-bottom:4px}
.projekt__link:hover{color:var(--accent)}
@media (max-width:900px){
  .raum,.raum--rechts{grid-template-columns:1fr}
  .raum--rechts .raum__bild{order:0}
  .raum__bild--34,.raum__bild--11{max-width:none;justify-self:stretch}
  .projekt-split .projekt-bild{order:0}
}
.stack>.vergleich{width:100%}
/* Hochformat (Stuck, Paris), 05.10.2026: ganzes Bild inkl. Rosette, Höhe an das Fenster gebunden */
.projekt-bild--hoch{aspect-ratio:4/5;max-height:calc(100svh - 140px);width:100%}
.projekt-bild--hoch>img{object-position:50% 0}
/* Bildergalerie (Slideshow), 05.10.2026 */
.slider{width:100%;max-width:min(1100px,calc((100svh - 220px)*16/9));margin-left:auto}
.slider__spur{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;outline-offset:3px}
.slider__spur::-webkit-scrollbar{display:none}
.slider__spur:focus-visible{outline:2px solid var(--focus-ring)}
.slider__bild{flex:0 0 100%;margin:0;aspect-ratio:16/9;scroll-snap-align:start;overflow:hidden}
.slider__bild img{width:100%;height:100%;object-fit:cover;display:block}
.slider__steuerung{display:flex;align-items:center;gap:12px;margin-top:16px}
.slider__zaehler{margin-left:12px;color:var(--nuber-anthracite)}
.slider .pfeil:disabled{opacity:.35;cursor:default;background:transparent;color:var(--headline-ink)}
