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);

haus-schleusingen.html

@@ -214,6 +214,10 @@
                 <span class="room-chip-area">18,3 m²</span>
               </div>
             </div>
+            <div class="floor-plan floor-plan-multi">
+              <img src="bilder/grundrisse/EG.png" alt="Grundriss Erdgeschoss" />
+              <img src="bilder/grundrisse/EG 3D.png" alt="Grundriss Erdgeschoss" />
+            </div>
           </div>
         </div>
         <div class="floor-item">
@@ -251,6 +255,10 @@
                 <span class="room-chip-area">18,0 m²</span>
               </div>
             </div>
+            <div class="floor-plan floor-plan-multi">
+              <img src="bilder/grundrisse/OG 1 2.png" alt="Grundriss 1. Obergeschoss" />
+              <img src="bilder/grundrisse/OG 1 3D.png" alt="Grundriss 1. Obergeschoss" />
+            </div>
           </div>
         </div>
         <div class="floor-item">
@@ -288,6 +296,10 @@
                 <span class="room-chip-area">35,8 m²</span>
               </div>
             </div>
+            <div class="floor-plan floor-plan-multi">
+              <img src="bilder/grundrisse/OG 2 grundriss.png" alt="Grundriss 2. Obergeschoss (1)" />
+              <img src="bilder/grundrisse/OG 2 3D.png" alt="Grundriss 2. Obergeschoss (1)" />
+            </div>
           </div>
         </div>
         <div class="floor-item">
@@ -405,7 +417,8 @@
         </h2>
         <p>
           Wir freuen uns über Ihre Anfrage und melden uns innerhalb von 24 Stunden.
-          Besichtigungstermine sind jederzeit möglich.
+          Besichtigungstermine sind nach Absprache möglich. Bitte geben Sie bei Ihrer Anfrage ein
+          paar Terminvorschläge an.
         </p>
         <div class="contact-form">
           <form id="contactForm">