.spaceCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.spaceSection,.spaceDetail{background:#f5eee3;color:#745d49}
.spaceSection h2,.spaceSection h3,.spaceDetail h1{font-family:Georgia,serif;color:#94633c}
.spaceCard{display:block;border:1px solid #c8a77f55;border-radius:22px;overflow:hidden;background:#fcf8f1;color:inherit;text-decoration:none;box-shadow:0 12px 32px #3822110c;transition:transform .2s}
.spaceCard:hover{transform:translateY(-3px)}
.spaceCard:focus-visible,.spaceBack:focus-visible{outline:3px solid #b77736;outline-offset:5px}
.spaceCard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.spaceCardText{padding:24px;overflow-wrap:anywhere}
.spaceCardText h3{margin:12px 0 24px}.spaceCardText>span:last-child{font-size:.95rem}
.spaceDetail h1{font-size:clamp(2.2rem,6vw,4.5rem);overflow-wrap:anywhere}
.spaceBack{display:inline-block;margin-bottom:36px;color:inherit}
.spaceIntro{white-space:pre-line;max-width:75ch;overflow-wrap:anywhere;line-height:1.7}
.spaceDetail .galleryFigure figcaption{padding:14px 0;overflow-wrap:anywhere}
@media(max-width:950px){.spaceCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.spaceCards{grid-template-columns:1fr}.spaceCardText{padding:20px}}
@media(prefers-reduced-motion:reduce){.spaceCard{transition:none}.spaceCard:hover{transform:none}}

/* New order: dark gallery, light rules, contact footer. */
main #ladies.spaceSection {
  background:linear-gradient(rgba(12,7,4,.15),rgba(12,7,4,.30)),url("backgrounds/palmen-hinweise.png") right center/cover no-repeat #21130b!important;
}
main #ladies .spaceCard {background:rgba(20,12,8,.85);border-color:rgba(231,189,120,.25);color:#eedfc9}
main #ladies .spaceCardText h3 {color:#f2d7aa}
main #regelungen.regulationsSection {position:relative;background:linear-gradient(180deg,#f7f1e8,#f2e8da,#f7f1e8)!important;color:#533929}
main #regelungen .ladiesInfoCard {background:#fbf7f0;border-color:rgba(171,131,92,.18)}
main #regelungen .ladiesInfoCard p {color:#6f5946}
main #regelungen .ladiesInfoCard h3,main #regelungen h2 {color:#8f6039}
main #regelungen .eyebrow {color:#a66c3f}
main #regelungen .regulationsLegacyAnchor {position:absolute;top:0;left:0}
main #regelungen h2,main #ladies h2 {overflow-wrap:anywhere}
@media(max-width:600px){main #ladies.spaceSection{background-position:center,70% center!important}}

/* Fill the area below short gallery pages with the Ladies palm background. */
body.galleryPage {
  min-height: 100vh;
  min-height: 100svh;
  background: linear-gradient(rgba(12,7,4,.15),rgba(12,7,4,.30)),
    url("backgrounds/palmen-hinweise.png") right center / cover no-repeat #21130b;
}
@media (max-width:600px) {
  body.galleryPage { background-position: center, 70% center; }
}