Grundrisse in Raumaufteilung eingebaut und CSS skaliert

css/haus-schleusingen.css

@@ -560,6 +560,8 @@ nav.scrolled .nav-links a:hover {
 .floor-body {
   display: none;
   padding: 0 0 1.5rem;
+  max-width: 100%;
+  overflow: hidden;
 }
 
 .floor-rooms-grid {
@@ -583,6 +585,44 @@ nav.scrolled .nav-links a:hover {
   color: var(--stone);
 }
 
+.floor-plan {
+  margin-top: 1.5rem;
+  border: 1px solid var(--warm);
+  background: var(--white);
+  overflow: hidden;
+  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;
+  gap: 1px;
+  background: var(--warm);
+}
+
+.floor-plan-multi img {
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  object-fit: contain;
+  background: var(--white);
+}
+
+@media (width <= 768px) {
+  .floor-plan-multi {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* PRICING */
 .pricing-section {
   background: var(--dark);