feat: Google Maps Karte im Standort-Bereich eingebaut

2026-05-10 10:31:28 +02:00
parent 62d775cc4a
commit f36dc8f37d
2 changed files with 37 additions and 1 deletions
--- a/css/haus-schleusingen.css
+++ b/css/haus-schleusingen.css
@@ -781,6 +781,30 @@ nav.scrolled .nav-links a:hover {
  line-height: 1.6;
 }

+.lage-map-wrapper {
+  margin-top: 3rem;
+  border: 1px solid var(--warm);
+  overflow: hidden;
+}
+
+.lage-map-wrapper iframe {
+  display: block;
+  width: 100%;
+  height: 450px;
+  filter: grayscale(30%) contrast(1.05);
+  transition: filter 0.4s ease;
+}
+
+.lage-map-wrapper:hover iframe {
+  filter: grayscale(0%) contrast(1);
+}
+
+@media (width <= 900px) {
+  .lage-map-wrapper iframe {
+    height: 320px;
+  }
+}
+
 /* CONTACT */
 .contact-section {
  background: var(--cream);
--- a/haus-schleusingen.html
+++ b/haus-schleusingen.html
@@ -6,7 +6,6 @@
    <title>Einfamilienhaus zur Miete - Schleusingen</title>
    <link rel="stylesheet" href="fonts/fonts.css" />
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
-    <!-- Masonry removed – using CSS columns instead -->
    <link rel="stylesheet" href="css/haus-schleusingen.css" />
  </head>
  <body>
@@ -438,6 +437,19 @@
          </div>
        </div>
      </div>
+
+      <div class="lage-map-wrapper">
+        <iframe
+          src="https://maps.google.com/maps?q=50.5090045,10.7473859&t=&z=16&ie=UTF8&iwloc=&output=embed"
+          width="100%"
+          height="450"
+          style="border: 0"
+          allowfullscreen=""
+          loading="lazy"
+          referrerpolicy="no-referrer-when-downgrade"
+          title="Standort Bahnhofstraße 10, Schleusingen"
+        ></iframe>
+      </div>
    </section>

    <section class="contact-section" id="kontakt">