Modernize website: replace legacy PHP with clean responsive HTML5/CSS3, updated DSGVO privacy policy and placeholder impressum

index.html

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Waiswuaschd – Das smarte Brotzeit- & Bestellportal</title>
+  <meta name="description" content="Schluss mit Excel-Listen und Zettelwirtschaft im Büro. Bestelle Weißwürste, Brezen und Brotzeit unkompliziert bis zum Stichtag.">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="icon" href="favicon.ico">
+</head>
+<body>
+
+  <!-- Navigation -->
+  <header class="site-header">
+    <div class="container nav-wrapper">
+      <a href="index.html" class="logo">
+        🥨 <span>Waiswuaschd</span>.de
+      </a>
+      <nav class="main-nav">
+        <a href="index.html" class="active">Startseite</a>
+        <a href="#features">Funktionen</a>
+        <a href="impressum.html">Impressum</a>
+        <a href="datenschutz.html">Datenschutz</a>
+        <a href="https://wops.dev.waiswuaschd.de" class="btn btn-primary">Zum Portal (WOPS)</a>
+      </nav>
+    </div>
+  </header>
+
+  <!-- Hero Section -->
+  <main>
+    <section class="hero">
+      <div class="container">
+        <div class="hero-badge">✨ Das moderne Bestell-Portal für dein Team</div>
+        <h1>
+          Die gemeinsame Brotzeit.<br>
+          <span class="highlight">Ohne Zettelwirtschaft.</span>
+        </h1>
+        <p>
+          Wer kennt es nicht: Freitagmorgen, Excel-Listen im Büro, unleserliche Notizzettel und jemand muss jedem Kollegen hinterherlaufen. Waiswuaschd nimmt dir diese Arbeit komplett ab.
+        </p>
+        <div class="hero-actions">
+          <a href="https://wops.dev.waiswuaschd.de" class="btn btn-primary">Jetzt Brotzeit bestellen</a>
+          <a href="#features" class="btn btn-outline">Funktionen entdecken</a>
+        </div>
+      </div>
+    </section>
+
+    <!-- Features -->
+    <section class="features" id="features">
+      <div class="container">
+        <div class="section-header">
+          <h2>Warum Waiswuaschd?</h2>
+          <p>Entwickelt aus der Praxis für entspannte Büro-Meetings und Teamevents.</p>
+        </div>
+
+        <div class="grid-3">
+          <div class="card">
+            <div class="card-icon">🥨</div>
+            <h3>Individuelle Vorbestellung</h3>
+            <p>Jeder Kollege loggt sich mit seinem persönlichen Konto ein und wählt Weißwürste, Brezen, Wiener oder Getränke mit wenigen Klicks aus.</p>
+          </div>
+
+          <div class="card">
+            <div class="card-icon">⏱️</div>
+            <h3>Feste Bestell-Deadlines</h3>
+            <p>Das Portal schließt automatisch zum Stichtag (z. B. Mittwoch 12:00 Uhr). Wer bis dahin nicht bestellt hat, hat Pech gehabt – kein Nachfragen nötig.</p>
+          </div>
+
+          <div class="card">
+            <div class="card-icon">📊</div>
+            <h3>Einkaufsliste auf Knopfdruck</h3>
+            <p>Für den Einkäufer gibt es eine exakte Gesamtaufstellung aller Produkte sowie eine transparente Abrechnungs- und Strichliste.</p>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <!-- Footer -->
+  <footer class="site-footer">
+    <div class="container footer-content">
+      <p>&copy; 2026 Waiswuaschd.de – Alle Rechte vorbehalten.</p>
+      <div class="footer-links">
+        <a href="impressum.html">Impressum</a>
+        <a href="datenschutz.html">Datenschutz</a>
+        <a href="mailto:kontakt@waiswuaschd.de">Kontakt</a>
+      </div>
+    </div>
+  </footer>
+
+</body>
+</html>