/* Reale Wohnraum-Referenzen */
.wohnraum-project{padding:110px 0 0;background:#f4f5f0}.wohnraum-project-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;margin-bottom:42px}.wohnraum-project-head h2{max-width:650px}.wohnraum-project-head p{max-width:520px;color:var(--muted);margin:0}.wohnraum-mosaic{display:grid;grid-template-columns:1.16fr .84fr .84fr;grid-template-rows:310px 310px;gap:12px}.wohnraum-shot{position:relative;overflow:hidden;background:#dce3da;min-height:0}.wohnraum-shot:first-child{grid-row:span 2}.wohnraum-shot img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.wohnraum-shot:hover img{transform:scale(1.04)}.wohnraum-shot figcaption{position:absolute;inset:auto 0 0;padding:45px 18px 16px;background:linear-gradient(transparent,rgba(8,23,16,.78));color:white;font:700 11px Manrope;letter-spacing:.1em;text-transform:uppercase}.wohnraum-shot figcaption small{display:block;margin-top:4px;color:#c8e4b3;font:500 9px Manrope;letter-spacing:.12em}.wohnraum-project-note{font-size:11px;color:#6e7d70;margin:17px 0 0}.staircases{padding:105px 0 112px;background:#f4f5f0}.staircases-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.staircases-top h2{max-width:660px}.staircases-top p{max-width:410px;color:var(--muted);font-size:14px;margin:0}.staircase-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.staircase-card{background:#fff;border:1px solid #dce3da;padding:16px}.staircase-compare{position:relative;aspect-ratio:1.34;overflow:hidden;background:#e6e9e2;isolation:isolate}.staircase-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.staircase-before{clip-path:inset(0 50% 0 0)}.staircase-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;transform:translateX(-50%);box-shadow:0 0 20px #0007;z-index:2}.staircase-divider::after{content:'↔︎';position:absolute;top:50%;left:50%;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#17382d;color:white;font:700 19px/1 Arial;box-shadow:0 4px 14px #0005}.staircase-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;opacity:0;cursor:ew-resize}.staircase-label{position:absolute;z-index:2;top:14px;padding:6px 9px;background:#112b20d9;color:#fff;font:800 9px Manrope;letter-spacing:.12em;text-transform:uppercase}.staircase-label.before{left:14px}.staircase-label.after{right:14px}.staircase-copy{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:17px 3px 2px}.staircase-copy h3{font:650 21px/1.2 Manrope;letter-spacing:-.035em;margin:0}.staircase-copy p{margin:0;color:#6a786f;font-size:12px;max-width:245px}.staircase-instruction{display:flex;align-items:center;gap:8px;color:#49734b;font:700 10px Manrope;letter-spacing:.06em;text-transform:uppercase}.staircase-instruction b{font-size:17px;font-weight:400}@media(max-width:800px){.wohnraum-project,.staircases{padding-top:75px}.wohnraum-project-head{grid-template-columns:1fr;gap:12px}.wohnraum-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:330px 210px 210px}.wohnraum-shot:first-child{grid-column:span 2;grid-row:auto}.staircases-top{display:block}.staircases-top p{margin-top:15px}.staircase-grid{grid-template-columns:1fr}.staircase-copy{align-items:start;flex-direction:column}.staircase-copy p{max-width:none}}@media(max-width:480px){.wohnraum-mosaic{grid-template-columns:1fr;grid-template-rows:300px repeat(4,185px)}.wohnraum-shot:first-child{grid-column:auto}.staircase-card{padding:10px}.staircase-compare{aspect-ratio:1.05}.wohnraum-shot figcaption{padding:36px 13px 12px}}
