Initial commit: Lageplan v1.0 - Next.js 15.5, React 19

src/app/datenschutz/page.tsx

@@ -0,0 +1,187 @@
+'use client'
+
+import Link from 'next/link'
+import { ArrowLeft, Shield, Server, Trash2, Mail } from 'lucide-react'
+
+export default function DatenschutzPage() {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 px-4 py-12">
+      <div className="max-w-3xl mx-auto">
+        <Link href="/" className="text-sm text-gray-400 hover:text-gray-300 inline-flex items-center gap-1 mb-8">
+          <ArrowLeft className="w-3.5 h-3.5" />
+          Zurück zur Startseite
+        </Link>
+
+        <div className="bg-card rounded-xl shadow-2xl p-8 md:p-12 border border-border">
+          <div className="flex items-center gap-3 mb-6">
+            <div className="w-10 h-10 bg-red-600 rounded-full flex items-center justify-center">
+              <Shield className="w-5 h-5 text-white" />
+            </div>
+            <h1 className="text-3xl font-bold text-foreground">Datenschutzerklärung</h1>
+          </div>
+
+          <p className="text-muted-foreground mb-8">
+            Gültig ab 1. Januar 2026 — Lageplan.ch, betrieben in der Schweiz.
+          </p>
+
+          {/* 1. Verantwortlicher */}
+          <section className="mb-8">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <span className="text-red-500 font-mono text-sm">01</span>
+              Verantwortlicher
+            </h2>
+            <p className="text-muted-foreground text-sm leading-relaxed">
+              Verantwortlich für die Datenverarbeitung auf lageplan.ch ist der Betreiber der Plattform. 
+              Bei Fragen zum Datenschutz wenden Sie sich bitte an die im Impressum angegebene Kontaktadresse 
+              oder per E-Mail an <span className="text-foreground font-medium">datenschutz@lageplan.ch</span>.
+            </p>
+          </section>
+
+          {/* 2. Welche Daten */}
+          <section className="mb-8">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <span className="text-red-500 font-mono text-sm">02</span>
+              Welche Daten werden erhoben?
+            </h2>
+            <div className="space-y-3 text-sm text-muted-foreground leading-relaxed">
+              <p><strong className="text-foreground">Registrierungsdaten:</strong> Name, E-Mail-Adresse, Organisationsname, Passwort (verschlüsselt gespeichert).</p>
+              <p><strong className="text-foreground">Einsatzdaten:</strong> Lagepläne, Journal-Einträge, Zeichnungen, Koordinaten, Symbole und zugehörige Projektdaten, die Sie in der Applikation erstellen.</p>
+              <p><strong className="text-foreground">Technische Daten:</strong> IP-Adresse, Browser-Typ, Zugriffszeitpunkt — ausschliesslich für den Betrieb und die Sicherheit der Plattform.</p>
+              <p><strong className="text-foreground">Hochgeladene Dateien:</strong> Logos, Planbilder und Symbole, die Sie über die Applikation hochladen.</p>
+            </div>
+          </section>
+
+          {/* 3. Zweck */}
+          <section className="mb-8">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <span className="text-red-500 font-mono text-sm">03</span>
+              Zweck der Datenverarbeitung
+            </h2>
+            <div className="space-y-2 text-sm text-muted-foreground leading-relaxed">
+              <p>Ihre Daten werden ausschliesslich für folgende Zwecke verwendet:</p>
+              <ul className="list-disc pl-5 space-y-1">
+                <li>Bereitstellung und Betrieb der Lageplan-Applikation</li>
+                <li>Authentifizierung und Benutzerverwaltung</li>
+                <li>Echtzeit-Synchronisierung von Einsatzdaten zwischen Teammitgliedern</li>
+                <li>Erstellung von Einsatzrapports und PDF-Exporten</li>
+                <li>Technischer Support und Fehlerbehebung</li>
+              </ul>
+            </div>
+          </section>
+
+          {/* 4. Betrieb und Wartung */}
+          <section className="mb-8">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <span className="text-red-500 font-mono text-sm">04</span>
+              Betrieb, Wartung und Support
+            </h2>
+            <div className="space-y-3 text-sm text-muted-foreground leading-relaxed">
+              <p>
+                Für den sicheren und zuverlässigen Betrieb der Plattform können autorisierte Mitarbeitende 
+                des Betreibers im Rahmen ihrer Aufgaben auf Systemdaten zugreifen. Dies geschieht ausschliesslich zu folgenden Zwecken:
+              </p>
+              <ul className="list-disc pl-5 space-y-1">
+                <li>Sicherstellung der Systemverfügbarkeit und -stabilität</li>
+                <li>Fehlerbehebung und technischer Support auf Anfrage</li>
+                <li>Durchführung von Wartungs- und Aktualisierungsarbeiten</li>
+                <li>Gewährleistung der Datensicherheit und Missbrauchsprävention</li>
+              </ul>
+              <p>
+                Der Zugriff erfolgt unter Einhaltung strikter Vertraulichkeitspflichten und wird auf das 
+                betrieblich notwendige Minimum beschränkt. Personenbezogene Daten werden nicht an Dritte weitergegeben 
+                und ausschliesslich im Rahmen der oben genannten Zwecke verarbeitet.
+              </p>
+            </div>
+          </section>
+
+          {/* 5. Hosting & Speicherung */}
+          <section className="mb-8">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <Server className="w-4 h-4 text-red-500" />
+              <span><span className="text-red-500 font-mono text-sm mr-2">05</span>Hosting und Speicherung</span>
+            </h2>
+            <div className="space-y-2 text-sm text-muted-foreground leading-relaxed">
+              <p>
+                Alle Daten werden auf Servern in der <strong className="text-foreground">Schweiz</strong> gespeichert. 
+                Es findet keine Übermittlung von Daten ins Ausland statt.
+              </p>
+              <p>
+                Die Daten werden in einer PostgreSQL-Datenbank gespeichert. Dateien (Logos, Bilder) werden in einem 
+                S3-kompatiblen Objektspeicher (MinIO) abgelegt. Die Übertragung erfolgt verschlüsselt via HTTPS/TLS.
+              </p>
+            </div>
+          </section>
+
+          {/* 6. Datenlöschung */}
+          <section className="mb-8">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <Trash2 className="w-4 h-4 text-red-500" />
+              <span><span className="text-red-500 font-mono text-sm mr-2">06</span>Datenlöschung und Konto-Auflösung</span>
+            </h2>
+            <div className="space-y-2 text-sm text-muted-foreground leading-relaxed">
+              <p>
+                Sie haben jederzeit das Recht, Ihr Konto und Ihre Organisation inklusive aller zugehörigen Daten 
+                vollständig zu löschen. Dies können Sie selbstständig über die Applikation durchführen 
+                (Einstellungen → Organisation löschen).
+              </p>
+              <p>
+                Bei der Löschung werden sämtliche Daten unwiderruflich entfernt: Benutzerkonten, Projekte, 
+                Lagepläne, Journal-Einträge, Rapports, hochgeladene Dateien und alle zugehörigen Metadaten.
+              </p>
+              <p>
+                Alternativ können Sie die Löschung per E-Mail an <span className="text-foreground font-medium">datenschutz@lageplan.ch</span> beantragen.
+              </p>
+            </div>
+          </section>
+
+          {/* 7. Rechte */}
+          <section className="mb-8">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <span className="text-red-500 font-mono text-sm">07</span>
+              Ihre Rechte
+            </h2>
+            <div className="space-y-2 text-sm text-muted-foreground leading-relaxed">
+              <p>Gemäss dem Schweizer Datenschutzgesetz (DSG) und der DSGVO haben Sie folgende Rechte:</p>
+              <ul className="list-disc pl-5 space-y-1">
+                <li><strong className="text-foreground">Auskunftsrecht:</strong> Sie können Auskunft über Ihre gespeicherten Daten verlangen.</li>
+                <li><strong className="text-foreground">Berichtigungsrecht:</strong> Sie können die Korrektur unrichtiger Daten verlangen.</li>
+                <li><strong className="text-foreground">Löschungsrecht:</strong> Sie können die Löschung Ihrer Daten verlangen.</li>
+                <li><strong className="text-foreground">Datenportabilität:</strong> Sie können Ihre Daten in einem gängigen Format anfordern.</li>
+                <li><strong className="text-foreground">Widerspruchsrecht:</strong> Sie können der Verarbeitung Ihrer Daten widersprechen.</li>
+              </ul>
+            </div>
+          </section>
+
+          {/* 8. Cookies */}
+          <section className="mb-8">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <span className="text-red-500 font-mono text-sm">08</span>
+              Cookies
+            </h2>
+            <p className="text-sm text-muted-foreground leading-relaxed">
+              Die Applikation verwendet ausschliesslich <strong className="text-foreground">technisch notwendige Cookies</strong> für 
+              die Authentifizierung (Session-Token). Es werden keine Tracking-, Analyse- oder Werbe-Cookies eingesetzt. 
+              Es werden keine Daten an Dritte weitergegeben.
+            </p>
+          </section>
+
+          {/* 9. Kontakt */}
+          <section className="mb-4">
+            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
+              <Mail className="w-4 h-4 text-red-500" />
+              <span><span className="text-red-500 font-mono text-sm mr-2">09</span>Kontakt</span>
+            </h2>
+            <p className="text-sm text-muted-foreground leading-relaxed">
+              Bei Fragen oder Anliegen zum Datenschutz kontaktieren Sie uns unter:{' '}
+              <span className="text-foreground font-medium">datenschutz@lageplan.ch</span>
+            </p>
+          </section>
+        </div>
+
+        <div className="text-center mt-6 text-xs text-gray-500">
+          © {new Date().getFullYear()} Lageplan.ch — Alle Rechte vorbehalten.
+        </div>
+      </div>
+    </div>
+  )
+}