Merge pull request 'Fix #15: Kontaktformular – mailto:-Integration für echte Anfragen' (#20) from feature/issue-15-kontaktformular-backend into main

Reviewed-on: #20

css/haus-schleusingen.css

@@ -928,6 +928,29 @@ nav.scrolled .nav-links a:hover {
   color: var(--stone);
 }
 
+.contact-details {
+  text-align: center;
+  margin-top: 2rem;
+  padding-top: 1.5rem;
+  border-top: 1px solid var(--warm);
+}
+
+.contact-details p {
+  font-size: 0.95rem;
+  color: var(--stone);
+}
+
+.contact-details a {
+  color: var(--accent);
+  text-decoration: none;
+  font-weight: 600;
+  transition: color 0.2s;
+}
+
+.contact-details a:hover {
+  color: var(--accent-light);
+}
+
 /* FOOTER */
 footer {
   background: var(--dark);

haus-schleusingen.html

@@ -527,16 +527,19 @@
           <div class="form-success" id="formSuccess">
             <p>Vielen Dank für Ihre Anfrage!</p>
             <br />
-            <small>Wir melden uns schnellstmöglich bei Ihnen.</small>
+            <small>Ihr E-Mail-Programm wurde geöffnet. Bitte senden Sie die E-Mail ab, damit Ihre Anfrage bei uns eingeht.</small>
           </div>
         </div>
+        <div class="contact-details">
+          <p>Oder schreiben Sie uns direkt: <a href="mailto:mki@kies-media.de">mki@kies-media.de</a></p>
+        </div>
       </div>
     </section>
 
     <footer>
       <div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
       <div class="footer-links">
-        <a href="#">Impressum</a>
+        <a href="/impressum" target="_blank">Impressum</a>
         <a href="#">Datenschutz</a>
       </div>
     </footer>

js/haus-schleusingen.js

@@ -71,14 +71,33 @@ $(function () {
     }
   });
 
-  // Form submit
+  // Form submit – opens email client with pre-filled mailto: link
   $("#contactForm").on("submit", function (e) {
     e.preventDefault();
-    var btn = $(this).find(".btn-submit");
+
-    btn.text("Wird gesendet...").prop("disabled", true);
+    var fname = $("#fname").val().trim();
-    setTimeout(function () {
+    var lname = $("#lname").val().trim();
-      $("#contactForm").hide();
+    var email = $("#email").val().trim();
-      $("#formSuccess").fadeIn(400);
+    var phone = $("#phone").val().trim();
-    }, 1200);
+    var interest = $("#interest").val();
+    var message = $("#message").val().trim();
+
+    var subject = "Kontaktanfrage: " + interest;
+    var body = "Von: " + fname + " " + lname + "\n";
+    body += "E-Mail: " + email + "\n";
+    if (phone) body += "Telefon: " + phone + "\n";
+    body += "Anliegen: " + interest + "\n\n";
+    body += message;
+
+    var mailto =
+      "mailto:mki@kies-media.de" +
+      "?subject=" + encodeURIComponent(subject) +
+      "&body=" + encodeURIComponent(body);
+
+    window.location.href = mailto;
+
+    // Show success message
+    $("#contactForm").hide();
+    $("#formSuccess").fadeIn(400);
   });
 });