/* Statische Raumseiten: bewusst nur lokale Seiten, keine Modulabhängigkeiten. */
.m26-space-page{max-width:1120px;margin:0 auto;padding:32px 24px 65px;color:#404b50;font-family:Manrope,Arial,sans-serif}
.m26-space-page .m26-space-breadcrumb{font-size:14px;margin:0 0 18px}
.m26-space-page .m26-space-breadcrumb a{color:#35727c}
.m26-space-page .m26-space-heading{margin:0 0 16px}
.m26-space-page .m26-space-heading h1{font-size:clamp(30px,4.8vw,50px);line-height:1.15;margin:6px 0 12px;color:#334348}
.m26-space-page .m26-space-lead{font-size:clamp(16px,2.1vw,20px);line-height:1.5;margin:0}
.m26-space-page .m26-space-cover{margin:22px 0 30px;width:100%;max-width:none;overflow:hidden;border-radius:16px;background:#eee8df}
.m26-space-page .m26-space-cover img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain}
.m26-space-page .m26-space-article{max-width:850px;margin:0 auto 28px;font-size:16px;line-height:1.8}
.m26-space-page .m26-space-article p{margin:0 0 18px}
.m26-space-page .m26-space-gallery{margin:30px 0}
.m26-space-page .m26-space-gallery h2{font-size:clamp(22px,3vw,29px);margin:0 0 18px}
.m26-space-page .m26-space-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.m26-space-page .m26-space-gallery-grid figure{margin:0;overflow:hidden;border-radius:12px;background:#f3eee7}
.m26-space-page .m26-space-gallery-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block;background:#f3eee7}
.m26-space-page .m26-space-gallery-empty{color:#657177;font-size:14px;margin-top:10px}
.m26-rooms-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.m26-room-photo img{height:100%;width:100%;object-fit:cover;display:block}
@media(max-width:900px){.m26-rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.m26-space-page{padding:20px 15px 45px}.m26-space-page .m26-space-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m26-space-page .m26-space-gallery-grid img{height:auto}.m26-rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* 8.1.34 - Lesbare Beschriftung auf den Raumfotos.
   Nur Raumkarten, keine Aenderungen an Aktuelles, Kalender oder Navigation. */
.m26-rooms .m26-room-card,
.m26-space-page .m26-rooms-grid .m26-room-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  isolation: isolate;
  min-height: 220px;
  overflow: hidden;
  background: #3f4548;
  color: #fff !important;
}
.m26-rooms .m26-room-card .m26-room-photo,
.m26-space-page .m26-rooms-grid .m26-room-card .m26-room-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -2;
}
.m26-rooms .m26-room-card .m26-room-photo img,
.m26-space-page .m26-rooms-grid .m26-room-card .m26-room-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m26-rooms .m26-room-card::after,
.m26-space-page .m26-rooms-grid .m26-room-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 28%, rgba(15, 20, 25, .20) 49%, rgba(15, 20, 25, .85) 100%);
}
.m26-rooms .m26-room-card .m26-room-title,
.m26-space-page .m26-rooms-grid .m26-room-card .m26-room-title {
  position: relative;
  display: block;
  padding: 48px 14px 2px;
  color: #fff !important;
  font-weight: 800;
  text-shadow: 0 1px 3px rgba(0,0,0,.65);
}
.m26-rooms .m26-room-card .m26-room-subtitle,
.m26-space-page .m26-rooms-grid .m26-room-card .m26-room-subtitle {
  position: relative;
  display: block;
  padding: 0 14px 14px;
  color: #fff !important;
  font-weight: 500;
  text-shadow: 0 1px 3px rgba(0,0,0,.65);
}
@media (max-width:650px) {
  .m26-rooms .m26-room-card,
  .m26-space-page .m26-rooms-grid .m26-room-card { min-height: 200px; }
}