diff --git a/kontakt.html b/kontakt.html
index 636ffbe..a4e9884 100644
--- a/kontakt.html
+++ b/kontakt.html
@@ -1,16 +1,113 @@
-/* script.js */
-document.querySelector("form")?.addEventListener("submit", function(e) {
-  e.preventDefault();
-  alert("Nachricht gesendet 💖");
-});
+<!DOCTYPE html>
+<html lang="de">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-/* Folder structure (create manually)
+<title>Kontakt – Studienprojekt 2026</title>
 
-/img
-  pic1.jpg
-  pic2.jpg
+<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="style.css">
+</head>
 
-/assets
-  projektinfo.pdf
+<body>
 
-*/
+<nav>
+  <div class="nav-logo">🎓 Studienprojekt</div>
+
+  <ul class="nav-links">
+    <li><a href="index.html">Home</a></li>
+    <li><a href="ueberuns.html">Über uns</a></li>
+    <li><a href="eis_project.html">Projekt</a></li>
+    <li><a href="kontakt.html">Kontakt</a></li>
+    <li><a href="impressum.html">Impressum</a></li>
+  </ul>
+</nav>
+
+<section class="hero">
+
+  <div class="hero-content">
+
+    <div class="hero-tag">📬 Kontakt</div>
+
+    <h1>
+      Schreib uns<br>
+      <span>eine Nachricht</span>
+    </h1>
+
+    <p>
+      Wenn du Fragen zu unserem Studienprojekt hast oder Feedback geben möchtest,
+      kannst du uns hier jederzeit kontaktieren.
+    </p>
+
+  </div>
+
+</section>
+
+<section>
+
+  <div class="section-label">Kontaktformular</div>
+  <h2 class="section-title">Nachricht senden</h2>
+
+  <p class="section-sub">
+    Fülle einfach das Formular aus – wir melden uns so schnell wie möglich zurück.
+  </p>
+
+  <div class="gallery-card" style="padding: 2rem; max-width: 700px; margin: 0 auto;">
+
+    <form>
+
+      <label style="display:block; margin-bottom: 0.5rem; color: var(--muted);">Name</label>
+      <input type="text" placeholder="Dein Name"
+        style="width:100%; padding:12px; margin-bottom:1rem; border-radius:12px; border:1px solid #ddd;">
+
+      <label style="display:block; margin-bottom: 0.5rem; color: var(--muted);">E-Mail</label>
+      <input type="email" placeholder="deine@mail.de"
+        style="width:100%; padding:12px; margin-bottom:1rem; border-radius:12px; border:1px solid #ddd;">
+
+      <label style="display:block; margin-bottom: 0.5rem; color: var(--muted);">Nachricht</label>
+      <textarea rows="5" placeholder="Deine Nachricht..."
+        style="width:100%; padding:12px; margin-bottom:1rem; border-radius:12px; border:1px solid #ddd;"></textarea>
+
+      <button type="submit" class="btn-primary" style="border:none; cursor:pointer;">
+        📨 Senden
+      </button>
+
+    </form>
+
+  </div>
+
+</section>
+
+<section>
+
+  <div class="section-label">Kontakt</div>
+  <h2 class="section-title">Direkt erreichen</h2>
+
+  <div class="stats-row">
+
+    <div class="stat-card">
+      <span class="stat-num">Anni</span>
+      <span class="stat-label">anni@studienprojekt.de</span>
+    </div>
+
+    <div class="stat-card">
+      <span class="stat-num">Lea</span>
+      <span class="stat-label">lea@studienprojekt.de</span>
+    </div>
+
+    <div class="stat-card">
+      <span class="stat-num">2026</span>
+      <span class="stat-label">Antwortzeit: 1–3 Tage</span>
+    </div>
+
+  </div>
+
+</section>
+
+<footer>
+  © 2026 Studienprojekt · Kontakt · Anni & Lea
+</footer>
+
+</body>
+</html>
\ No newline at end of file
