/* Client-approved preview, integrated within THE43's existing page. */
#wohnen.render-wohnen>.innen,#galerie.render-galerie>.innen{max-width:1520px;padding-inline:var(--rand)}
#wohnen.render-wohnen{padding-block:90px 75px}
.visual-section-head{display:grid;grid-template-columns:1.8fr 1fr;gap:45px;align-items:end;margin-bottom:52px}
.visual-section-head h2{font-size:clamp(36px,4.5vw,68px);line-height:1.06;letter-spacing:-.04em;font-weight:400;max-width:none}
#wohnen .visual-section-head .intro{margin:0;font-size:15px;line-height:1.8;max-width:43ch}
.visual-section-head .kicker,.visual-gallery-head .kicker{display:block;margin:0 0 14px;color:#256b00}
.visual-highlights{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 30px;align-items:start}
.visual-highlight{margin:0;min-width:0}.visual-highlight:nth-child(1){grid-column:1/8}.visual-highlight:nth-child(2){grid-column:8/13;padding-top:72px}.visual-highlight:nth-child(3){grid-column:1/6}.visual-highlight:nth-child(4){grid-column:6/13;padding-top:72px}
.visual-image{position:relative;display:block;width:100%;overflow:hidden;text-align:left;cursor:zoom-in}
.visual-image img{display:block;width:100%;height:auto}
.visual-image-hint{position:absolute;right:14px;bottom:14px;padding:7px 12px;background:var(--bg);color:var(--fg);font-size:11px;line-height:1.6}
.visual-highlight .visual-image-hint{opacity:0}.visual-highlight a:hover .visual-image-hint,.visual-highlight a:focus-visible .visual-image-hint{opacity:1}
.visual-highlight figcaption,.visual-gallery-lead figcaption{font-size:11px;line-height:1.65;color:var(--fg-2);padding-top:10px;text-transform:none;letter-spacing:normal}
.visual-more-line{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px}.visual-more-line p{color:var(--fg-2);font-size:12px}.visual-text-link{border-bottom:1px solid var(--fg);padding-block:10px;font-size:12px}
#galerie.render-galerie{background:var(--bg-2);padding-block:90px 85px}
.visual-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px}.visual-gallery-head h2{font-size:clamp(46px,5.6vw,80px);line-height:1.06;font-weight:400;letter-spacing:-.04em}.visual-gallery-head .intro{font-size:15px;line-height:1.8;max-width:32ch}
.visual-collections{display:flex;flex-wrap:wrap;gap:8px 30px;border-bottom:1px solid var(--linie);margin-bottom:32px}
.visual-collections button{font-size:13px;padding:13px 0;border:0;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;min-height:48px;background:transparent;color:var(--fg);letter-spacing:normal}
.visual-collections button[aria-pressed=true]{border-bottom-color:#256b00;color:#256b00}.visual-collections small{font-size:10px;margin-left:7px;color:var(--fg-2)}
.visual-gallery-content{display:grid;grid-template-columns:1.65fr 1fr;gap:30px;align-items:start}.visual-gallery-lead{margin:0}.visual-gallery-lead .visual-image{aspect-ratio:16/9;background:var(--bg)}.visual-gallery-lead img{width:100%;height:100%;object-fit:contain}
.visual-thumb-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;align-items:start}.visual-thumb{display:block;align-self:start;min-width:0;padding:0;text-align:left;color:var(--fg);cursor:zoom-in}.visual-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.visual-thumb.visual-portrait img{object-fit:contain;aspect-ratio:auto 3/4;background:transparent}.visual-thumb span{display:block;font-size:10px;line-height:1.5;padding-top:7px}.visual-thumb:hover span{text-decoration:underline}
.visual-collection-note{font-size:11px;color:var(--fg-2);margin-top:32px;min-height:48px;display:flex;align-items:center;max-width:60%}.visual-gallery-bottom{display:flex;justify-content:flex-end;margin-top:-48px}.visual-all-images{min-height:48px;padding:14px 24px;font-size:12px;background:var(--akzent);color:var(--on-accent,#fff);border:0;text-transform:none;letter-spacing:normal}.visual-all-images:hover{background:#256b00;color:var(--on-accent,#fff)}
.visual-image:focus-visible,.visual-thumb:focus-visible,.visual-collections button:focus-visible,.visual-text-link:focus-visible,.visual-all-images:focus-visible{outline:3px solid var(--akzent);outline-offset:5px}
.phase2-interiors{align-items:start;gap:28px}.phase2-interiors .bild{min-width:0}.phase2-interiors .bild img{display:block;width:100%;height:auto;aspect-ratio:auto 16/9;object-fit:contain}.phase2-interiors [data-interior-id="V17"] img{aspect-ratio:auto 3/4}.phase2-interiors .bild{overflow:visible}.phase2-interiors[data-gallery-source="unit-1-2"] [data-interior-id="V17"]{max-width:65%}
/* The same enlarged viewer serves gallery, townhouse and apartment images. */
#lightbox{padding:20px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;justify-content:stretch;gap:14px 30px;height:100dvh;background:oklch(18% .009 115);color:var(--bg)}
#lightbox[hidden]{display:none}.visual-viewer-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px}
#lightbox button{position:static;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:44px;padding:8px 16px;border:1px solid oklch(60% .009 115);border-radius:0;transform:none;background:transparent;color:var(--bg);font-size:12px;letter-spacing:normal}
#lightbox button:hover{background:var(--bg);color:var(--fg)}
#lightbox .lightbox-figur{grid-column:1/-1;grid-row:2/4;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:14px;min-height:0;max-height:none;width:100%;margin:0;touch-action:pan-y}
#lightbox .lightbox-bild{width:100%;height:100%;max-width:none;max-height:none;min-height:0;object-fit:contain}
#lightbox .lightbox-fuss{min-height:48px;display:flex;align-items:center;justify-content:flex-start;padding:0 300px 0 0;text-align:left}
#lightbox .lightbox-text{font-size:12px;line-height:1.6;letter-spacing:normal;text-transform:none;font-weight:400;color:var(--bg)}
.visual-viewer-controls{grid-column:2;grid-row:3;display:flex;align-items:center;gap:20px;z-index:1}#lightbox .lightbox-zaehler{font-size:12px;white-space:nowrap;letter-spacing:normal;color:var(--bg)}
@media(max-width:759px){
 #wohnen.render-wohnen,#galerie.render-galerie{padding-block:50px}
 .visual-section-head{display:block;margin-bottom:30px}.visual-section-head h2{font-size:38px;line-height:1.08}.visual-desktop-break{display:none}#wohnen .visual-section-head .intro{margin-top:22px;font-size:14px;max-width:36ch}
 .visual-highlights{display:block}.visual-highlight{width:100%;padding:0!important;margin:0 0 26px}.visual-highlight:last-child{margin-bottom:0}.visual-highlight .visual-image-hint{display:none}
 .visual-more-line{display:block;padding-top:26px}.visual-more-line p{margin-bottom:12px}.visual-text-link{display:inline-flex;min-height:44px;align-items:center}
 .visual-gallery-head{display:block;margin-bottom:24px}.visual-gallery-head .intro{margin-top:20px;font-size:14px}.visual-collections{gap:0 21px;margin-bottom:24px}.visual-collections button{font-size:12px;min-height:46px}
 .visual-gallery-content{display:block}.visual-gallery-lead .visual-image-hint{bottom:10px;right:10px;font-size:10px;padding:5px 9px}.visual-thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;margin-top:24px}
 .visual-collection-note{margin-top:25px;min-height:0;max-width:none}.visual-gallery-bottom{display:block;margin-top:18px}.visual-all-images{display:flex;width:100%;min-height:50px;justify-content:center}
 .phase2-interiors[data-gallery-source="unit-1-2"] [data-interior-id="V17"]{max-width:none}
 #lightbox{padding:14px 16px max(16px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
 #lightbox .lightbox-figur{grid-column:1;grid-row:2;gap:12px}#lightbox .lightbox-fuss{min-height:0;padding:0}#lightbox .lightbox-text{font-size:11px}.visual-viewer-top{font-size:11px}.visual-viewer-controls{grid-column:1;grid-row:3;justify-content:space-between;gap:12px}#lightbox button{min-height:48px;padding:10px 18px}
}
