/* Badezimmer: sechs Projektgruppen, Originalaufnahmen in bestätigter Reihenfolge. */
.bath-project{padding:34px 0 42px;border-top:1px solid #c5b8a8;scroll-margin-top:24px}
.bath-project:first-of-type{padding-top:4px;border-top:0}
.bath-project-heading{display:flex;gap:18px;align-items:baseline;margin-bottom:12px}
.bath-project-number{color:#7c5c3f;font:11px/1.5 Arial,sans-serif;letter-spacing:.14em;flex:none}
.bath-project h3{font-weight:400;font-size:clamp(25px,2.6vw,35px);line-height:1.2;margin:0;max-width:880px}
.bath-project-description{font-size:17px;line-height:1.65;color:#554b42;max-width:810px;margin:0 0 24px}
.bath-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.bath-photo{margin:0;min-width:0;background:#f5f1ea;border:1px solid #d1c6b8}
.bath-photo-link{display:flex;position:relative;align-items:center;justify-content:center;width:100%;aspect-ratio:3/4;background:#dfd8ce;overflow:hidden;cursor:zoom-in}
.bath-photo img{display:block;width:100%;height:100%;object-fit:contain}
.bath-photo-link::after{content:'+';position:absolute;right:10px;bottom:10px;width:32px;height:32px;display:grid;place-items:center;background:#191714df;color:#f7f2eb;border:1px solid #b78e61;font:25px/1 Arial,sans-serif;border-radius:50%;pointer-events:none}
.bath-photo-link:hover::after{background:#785533}
.bath-photo figcaption{font:11px/1.5 Arial,sans-serif;letter-spacing:.04em;padding:11px 13px;color:#645549;display:flex;justify-content:space-between;gap:12px}
.bath-photo-stage{font-weight:700;color:#58402d}
.bath-project-grid.is-single{max-width:680px;grid-template-columns:1fr}
.bath-project-grid.is-single .bath-photo-link{aspect-ratio:4/3}
.bath-lightbox{width:min(96vw,1180px);max-width:96vw;max-height:96vh;padding:0;border:1px solid #9c7957;color:#f5f2ec;background:#131414;overflow:auto}
.bath-lightbox::backdrop{background:#000e}
.bath-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #554535}
.bath-lightbox-title{font:17px/1.4 Georgia,serif;margin:0}
.bath-lightbox-close,.bath-lightbox-prev,.bath-lightbox-next{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#f5f2ec;background:#292724;border:1px solid #9c7957;font:16px/1.3 Arial,sans-serif;cursor:pointer;padding:9px 14px}
.bath-lightbox-close{font-size:26px;flex:none}
.bath-lightbox button:focus-visible{outline:3px solid #e4bb8b;outline-offset:3px}
.bath-lightbox [hidden]{display:none}
.bath-lightbox-image{display:block;width:100%;height:min(70vh,780px);object-fit:contain;padding:12px}
.bath-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 16px}
.bath-lightbox-count{font:12px/1.5 Arial,sans-serif;color:#d7c9ba;text-align:center}
@media(max-width:1000px) and (min-width:801px){.bath-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
 .bath-project{padding:28px 0 34px}.bath-project-heading{gap:12px}.bath-project h3{font-size:27px}.bath-project-description{font-size:16px;line-height:1.6}
 .bath-project-grid{grid-template-columns:1fr;gap:19px;margin-top:20px}.bath-photo-link{aspect-ratio:3/4;max-height:620px}.bath-project-grid.is-single .bath-photo-link{aspect-ratio:3/4}
 .bath-lightbox-header{padding:12px}.bath-lightbox-title{font-size:15px}.bath-lightbox-image{height:65vh;padding:6px}.bath-lightbox-controls{padding:0 12px 12px;gap:8px}.bath-lightbox-prev,.bath-lightbox-next{padding:9px 12px}
}

/* B 41: Die Originalcollage bleibt auch auf dem Handy vollständig sichtbar. */
#gruene-fliesenwand .bath-photo-link{aspect-ratio:4/3}