Merge pull request 'fix(issue-80): show all 13 house images + 3D floor plans' (#81) from fix/issue-80-show-all-images into main

Reviewed-on: #81

public/css/haus-schleusingen.css

@@ -813,7 +813,8 @@ nav.scrolled {
   color: var(--stone);
 }
 
-.floor-plan {
+.floor-plan,
+.floor-plan-multi {
   margin-top: 1.5rem;
   border: 1px solid var(--warm);
   background: var(--white);
@@ -821,14 +822,6 @@ nav.scrolled {
   max-width: 100%;
 }
 
-.floor-plan img {
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-  display: block;
-  object-fit: contain;
-}
-
 .floor-plan-multi {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -836,7 +829,9 @@ nav.scrolled {
   background: var(--warm);
 }
 
-.floor-plan-multi img {
+.floor-plan img,
+.floor-plan-multi img,
+img.floor-plan-img {
   width: 100%;
   max-width: 100%;
   height: auto;
@@ -845,6 +840,42 @@ nav.scrolled {
   background: var(--white);
 }
 
+/* Room list — visible m² per floor */
+.room-list {
+  list-style: none;
+  margin: 1.5rem 0 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+  gap: 0.5rem;
+}
+
+.room-list li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.75rem 1rem;
+  background: var(--cream);
+  font-size: 0.82rem;
+  color: var(--charcoal);
+}
+
+.room-name {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.room-size {
+  flex: 0 0 auto;
+  font-size: 0.72rem;
+  color: var(--stone);
+  letter-spacing: 0.05em;
+}
+
 @media (width <= 768px) {
   .floor-plan-multi {
     grid-template-columns: 1fr;