feat: Implement initial website structure, core pages, and layout components, including a redesigned homepage.

app/datenschutz/page.tsx

@@ -0,0 +1,93 @@
+import { Metadata } from "next";
+import { Section } from "@/components/layout/Section";
+import { Container } from "@/components/layout/Container";
+
+export const metadata: Metadata = {
+    title: "Datenschutz",
+    description: "Datenschutzerklärung der Telenet Systems GmbH",
+};
+
+export default function DatenschutzPage() {
+    return (
+        <main>
+            <Section variant="hero" className="bg-[var(--color-muted)]">
+                <Container variant="narrow">
+                    <h1>Datenschutzerklärung</h1>
+                </Container>
+            </Section>
+
+            <Section>
+                <Container variant="narrow">
+                    <div className="prose max-w-none">
+                        <div className="card mb-[var(--spacing-xl)]">
+                            <p className="text-[var(--color-primary)] font-medium mb-[var(--spacing-sm)]">
+                                ⚠️ PLATZHALTER – Bitte durch vollständige Datenschutzerklärung ersetzen
+                            </p>
+                            <p className="text-muted text-sm">
+                                Die folgende Datenschutzerklärung ist ein Platzhalter und muss durch eine
+                                rechtlich geprüfte, vollständige Datenschutzerklärung ersetzt werden.
+                            </p>
+                        </div>
+
+                        <h2 className="heading-3">1. Verantwortlicher</h2>
+                        <p className="text-muted">
+                            Telenet Systems GmbH<br />
+                            PLACEHOLDER: Adresse<br />
+                            6600 Reutte, Österreich<br />
+                            E-Mail: PLACEHOLDER: E-Mail-Adresse
+                        </p>
+
+                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">2. Erhebung und Speicherung personenbezogener Daten</h2>
+                        <p className="text-muted">
+                            Beim Besuch unserer Website werden automatisch folgende Daten erhoben:
+                        </p>
+                        <ul className="stack-sm text-muted">
+                            <li>IP-Adresse des anfragenden Rechners</li>
+                            <li>Datum und Uhrzeit des Zugriffs</li>
+                            <li>Name und URL der abgerufenen Datei</li>
+                            <li>Website, von der aus der Zugriff erfolgt (Referrer-URL)</li>
+                            <li>Verwendeter Browser und ggf. das Betriebssystem Ihres Rechners</li>
+                        </ul>
+
+                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">3. Kontaktformular</h2>
+                        <p className="text-muted">
+                            Wenn Sie uns über das Kontaktformular kontaktieren, werden die von Ihnen
+                            mitgeteilten Daten (Name, E-Mail-Adresse, Nachricht) zur Bearbeitung Ihrer
+                            Anfrage gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
+                        </p>
+
+                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">4. Ihre Rechte</h2>
+                        <p className="text-muted">
+                            Sie haben das Recht:
+                        </p>
+                        <ul className="stack-sm text-muted">
+                            <li>Auskunft über Ihre bei uns gespeicherten Daten zu erhalten</li>
+                            <li>Berichtigung unrichtiger Daten zu verlangen</li>
+                            <li>Löschung Ihrer Daten zu verlangen</li>
+                            <li>Die Verarbeitung einzuschränken</li>
+                            <li>Der Verarbeitung zu widersprechen</li>
+                            <li>Datenübertragbarkeit zu verlangen</li>
+                        </ul>
+
+                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">5. Cookies</h2>
+                        <p className="text-muted">
+                            Diese Website verwendet technisch notwendige Cookies, die für den Betrieb
+                            der Website erforderlich sind. Eine weitergehende Nutzung von Cookies erfolgt
+                            nur mit Ihrer ausdrücklichen Einwilligung.
+                        </p>
+
+                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">6. Änderung dieser Datenschutzerklärung</h2>
+                        <p className="text-muted">
+                            Wir behalten uns vor, diese Datenschutzerklärung bei Bedarf anzupassen,
+                            damit sie stets den aktuellen rechtlichen Anforderungen entspricht.
+                        </p>
+
+                        <p className="text-sm text-muted mt-[var(--spacing-2xl)]">
+                            Stand: Februar 2026
+                        </p>
+                    </div>
+                </Container>
+            </Section>
+        </main>
+    );
+}