Initial Astro + Tailwind scaffold for Wohlruf landing page

- Astro static site generator with zero-JS default output
- Tailwind CSS for styling (consistent with main app stack)
- German-language landing page: hero, how-it-works, features, pricing, FAQ, CTA
- Placeholder pages for Impressum, Datenschutz, AGB
- Reusable Header/Footer/Base layout components
- FTP-deployable static output via `npm run build`
- README with content TODO list for CMO

Co-Authored-By: Paperclip <noreply@paperclip.ing>

src/components/Footer.astro

@@ -0,0 +1,31 @@
+---
+---
+<footer class="bg-gray-50 border-t border-gray-200 mt-24">
+  <div class="max-w-5xl mx-auto px-6 py-12">
+    <div class="grid md:grid-cols-3 gap-8 text-sm text-gray-600">
+      <div>
+        <p class="font-bold text-gray-900 mb-2">Wohlruf</p>
+        <p>KI-Sprachbegleiter für Senioren.<br/>Einfach. Persönlich. Verlässlich.</p>
+      </div>
+      <div>
+        <p class="font-semibold text-gray-700 mb-2">Links</p>
+        <ul class="space-y-1">
+          <li><a href="#wie-es-funktioniert" class="hover:text-emerald-700">Wie es funktioniert</a></li>
+          <li><a href="#preise" class="hover:text-emerald-700">Preise</a></li>
+          <li><a href="#faq" class="hover:text-emerald-700">FAQ</a></li>
+        </ul>
+      </div>
+      <div>
+        <p class="font-semibold text-gray-700 mb-2">Rechtliches</p>
+        <ul class="space-y-1">
+          <li><a href="/impressum" class="hover:text-emerald-700">Impressum</a></li>
+          <li><a href="/datenschutz" class="hover:text-emerald-700">Datenschutz</a></li>
+          <li><a href="/agb" class="hover:text-emerald-700">AGB</a></li>
+        </ul>
+      </div>
+    </div>
+    <p class="mt-8 pt-6 border-t border-gray-200 text-xs text-gray-400 text-center">
+      © {new Date().getFullYear()} Wohlruf. Alle Rechte vorbehalten.
+    </p>
+  </div>
+</footer>