---
import Layout from "../layouts/Layout.astro";
import PageHeader from "../components/PageHeader.astro";
import { getSettings } from "../lib/directus";

const settings = await getSettings();
---

<Layout
  title="Datenschutz"
  description="Datenschutzerklärung des Kitafreunde Regenbogen e.V. gemäß DSGVO."
>
  <PageHeader eyebrow="Rechtliches" decor={false}>Datenschutz</PageHeader>

  <section class="section pt-2 max-w-3xl">
    <div class="space-y-8 text-[var(--color-text-muted)] text-sm leading-relaxed">

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">1. Verantwortliche Stelle</h2>
        <p>
          Verantwortlich im Sinne der Datenschutz-Grundverordnung (DSGVO) und anderer
          datenschutzrechtlicher Bestimmungen ist:
        </p>
        <div class="mt-3">
          <p class="font-semibold text-[var(--color-text)]">Kitafreunde Regenbogen e.V.</p>
          <p>c/o Kindertagesstätte Regenbogen</p>
          <p>Keilerstraße 23 · 13503 Berlin</p>
          {settings?.contact_email && (
            <p class="mt-1">E-Mail: <a href={`mailto:${settings.contact_email}`} class="text-[var(--color-primary)] hover:underline">{settings.contact_email}</a></p>
          )}
        </div>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">2. Allgemeines zur Datenverarbeitung</h2>
        <p>
          Wir nehmen den Schutz deiner persönlichen Daten sehr ernst. Diese Website erhebt
          und verarbeitet personenbezogene Daten nur im technisch notwendigen Umfang und
          ausschließlich auf der Grundlage der gesetzlichen Bestimmungen (DSGVO, TMG).
        </p>
        <p class="mt-3">
          Wir verwenden <strong class="text-[var(--color-text)]">keine Tracking- oder Analysetools,
          keine Werbenetzwerke und keine Social-Media-Plugins</strong>, die automatisch Daten
          erheben. Es werden keine Cookies gesetzt.
        </p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">3. Hosting</h2>
        <p>
          Diese Website wird auf Servern der Hetzner Online GmbH (Industriestr. 25, 91710 Gunzenhausen)
          in Deutschland betrieben. Hetzner ist als Auftragsverarbeiter nach Art. 28 DSGVO vertraglich
          gebunden. Beim Aufruf der Website werden durch den Webserver automatisch folgende Daten
          in Server-Logfiles gespeichert:
        </p>
        <ul class="list-disc pl-5 mt-3 space-y-1">
          <li>IP-Adresse des anfragenden Rechners (anonymisiert nach kurzer Zeit)</li>
          <li>Datum und Uhrzeit des Zugriffs</li>
          <li>Aufgerufene Seite / Datei</li>
          <li>HTTP-Statuscode</li>
          <li>Übertragene Datenmenge</li>
          <li>Referrer-URL</li>
          <li>Browser und Betriebssystem (User-Agent)</li>
        </ul>
        <p class="mt-3">
          Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse am sicheren
          und fehlerfreien Betrieb der Website). Die Daten werden nicht mit anderen Datenquellen
          zusammengeführt und nach spätestens 7 Tagen gelöscht.
        </p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">4. Google Fonts</h2>
        <p>
          Diese Website lädt Schriftarten (Fraunces, Hanken Grotesk) von Google Fonts
          (<code class="text-xs bg-[var(--color-surface)] px-1 rounded">fonts.googleapis.com</code>).
          Dabei wird deine IP-Adresse an Server von Google LLC in den USA übermittelt.
          Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO; unser berechtigtes Interesse
          liegt in der einheitlichen Darstellung der Website.
        </p>
        <p class="mt-3">
          Google ist unter dem EU-US Data Privacy Framework zertifiziert. Weitere
          Informationen: <a href="https://policies.google.com/privacy" target="_blank"
          rel="noopener noreferrer" class="text-[var(--color-primary)] hover:underline">
          policies.google.com/privacy</a>.
        </p>
        <p class="mt-3 text-xs italic">
          Hinweis: Wir planen, alle Schriftarten künftig lokal zu betreiben,
          sodass keine Daten mehr an Google übertragen werden.
        </p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">5. Kontaktaufnahme per E-Mail</h2>
        <p>
          Wenn du uns per E-Mail kontaktierst, werden deine Angaben (E-Mail-Adresse,
          ggf. Name und Nachrichteninhalt) zum Zweck der Bearbeitung deiner Anfrage
          und für den Fall von Anschlussfragen bei uns gespeichert.
        </p>
        <p class="mt-3">
          Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO (Vertragsanbahnung oder
          berechtigtes Interesse). Die Daten werden nicht an Dritte weitergegeben
          und nach Abschluss der Kommunikation gelöscht, sofern keine gesetzlichen
          Aufbewahrungspflichten entgegenstehen.
        </p>
        <p class="mt-3">
          Das Kontaktformular auf dieser Website funktioniert als mailto-Link — es werden
          keine Formulardaten auf unseren Servern gespeichert oder verarbeitet.
        </p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">6. Mitgliedschaft</h2>
        <p>
          Wenn du Mitglied des Kitafreunde Regenbogen e.V. wirst, verarbeiten wir die
          in der Beitrittserklärung angegebenen Daten (Name, Anschrift, E-Mail, ggf.
          IBAN für den Beitragseinzug) zur Verwaltung der Mitgliedschaft.
        </p>
        <p class="mt-3">
          Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO (Vertragserfüllung) sowie
          § 26 BDSG (Vereinsmitgliedschaft). Die Daten werden für die Dauer der
          Mitgliedschaft und anschließend entsprechend den gesetzlichen
          Aufbewahrungsfristen gespeichert.
        </p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">7. Deine Rechte</h2>
        <p>Du hast jederzeit das Recht auf:</p>
        <ul class="list-disc pl-5 mt-3 space-y-1">
          <li><strong class="text-[var(--color-text)]">Auskunft</strong> über die zu deiner Person gespeicherten Daten (Art. 15 DSGVO)</li>
          <li><strong class="text-[var(--color-text)]">Berichtigung</strong> unrichtiger Daten (Art. 16 DSGVO)</li>
          <li><strong class="text-[var(--color-text)]">Löschung</strong> deiner Daten (Art. 17 DSGVO)</li>
          <li><strong class="text-[var(--color-text)]">Einschränkung</strong> der Verarbeitung (Art. 18 DSGVO)</li>
          <li><strong class="text-[var(--color-text)]">Datenübertragbarkeit</strong> (Art. 20 DSGVO)</li>
          <li><strong class="text-[var(--color-text)]">Widerspruch</strong> gegen die Verarbeitung (Art. 21 DSGVO)</li>
        </ul>
        <p class="mt-3">
          Zur Ausübung deiner Rechte wende dich an:
          {settings?.contact_email ? (
            <a href={`mailto:${settings.contact_email}`} class="text-[var(--color-primary)] hover:underline">{settings.contact_email}</a>
          ) : (
            <span class="text-[var(--color-primary)] font-medium">[E-Mail eintragen]</span>
          )}
        </p>
        <p class="mt-3">
          Du hast außerdem das Recht, dich bei der zuständigen Datenschutz-Aufsichtsbehörde
          zu beschweren. In Berlin ist das die Berliner Beauftragte für Datenschutz und
          Informationsfreiheit (<a href="https://www.datenschutz-berlin.de" target="_blank"
          rel="noopener noreferrer" class="text-[var(--color-primary)] hover:underline">
          datenschutz-berlin.de</a>).
        </p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">8. Aktualität dieser Erklärung</h2>
        <p>
          Diese Datenschutzerklärung ist aktuell gültig und hat den Stand Juni 2026.
          Durch die Weiterentwicklung unserer Website oder aufgrund geänderter gesetzlicher
          Vorgaben kann es notwendig werden, diese Datenschutzerklärung anzupassen.
        </p>
      </div>

    </div>
  </section>
</Layout>
