<template>
  <div class="min-h-full py-16 px-4 sm:px-6 lg:px-8 bg-gray-50">
    <div class="max-w-4xl mx-auto">
      <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
        Datenschutzerklärung
      </h1>
      <div class="w-24 h-1 bg-primary-600 mb-8" />

      <div class="bg-white p-8 rounded-xl shadow-lg space-y-6 text-gray-700">
        <section>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            1. Datenschutz auf einen Blick
          </h2>
          <p>
            Der Schutz Ihrer personenbezogenen Daten hat für den Harheimer TC 1954 e.V. einen hohen Stellenwert.
            Wir verarbeiten personenbezogene Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften.
          </p>
        </section>

        <section>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            2. Verantwortliche Stelle
          </h2>
          <p>
            Harheimer TC 1954 e.V.<br>
            Kontakt über die Angaben im
            <NuxtLink
              to="/impressum"
              class="text-primary-600 hover:underline"
            >
              Impressum
            </NuxtLink>
            .
          </p>
        </section>

        <section>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            3. Verarbeitung personenbezogener Daten
          </h2>
          <p class="mb-3">
            Wir verarbeiten personenbezogene Daten insbesondere in folgenden Fällen:
          </p>
          <ul class="list-disc pl-6 space-y-1">
            <li>Kontaktanfragen über Formulare oder E-Mail</li>
            <li>Mitgliedschaftsanträge</li>
            <li>Nutzung des Mitgliederbereichs (Login, Profilfunktionen)</li>
            <li>Newsletter-Anmeldung und -Abmeldung</li>
          </ul>
        </section>

        <section>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            4. Technische und organisatorische Maßnahmen
          </h2>
          <p>
            Für besonders schützenswerte Daten setzen wir technische Schutzmaßnahmen ein,
            darunter Verschlüsselung, rollenbasierte Zugriffssteuerung und abgesicherte
            Authentifizierungsverfahren.
          </p>
        </section>

        <section>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            5. Ihre Rechte
          </h2>
          <p class="mb-3">
            Sie haben im Rahmen der gesetzlichen Vorgaben insbesondere folgende Rechte:
          </p>
          <ul class="list-disc pl-6 space-y-1">
            <li>Auskunft über gespeicherte Daten</li>
            <li>Berichtigung unrichtiger Daten</li>
            <li>Löschung oder Einschränkung der Verarbeitung</li>
            <li>Widerspruch gegen die Verarbeitung</li>
            <li>Datenübertragbarkeit</li>
          </ul>
        </section>

        <section>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            6. Kontakt zum Datenschutz
          </h2>
          <p>
            Bei Fragen zum Datenschutz nutzen Sie bitte die Kontaktangaben im
            <NuxtLink
              to="/impressum"
              class="text-primary-600 hover:underline"
            >
              Impressum
            </NuxtLink>
            oder unser
            <NuxtLink
              to="/kontakt"
              class="text-primary-600 hover:underline"
            >
              Kontaktformular
            </NuxtLink>
            .
          </p>
        </section>
      </div>
    </div>
  </div>
</template>

<script setup>
useHead({
  title: 'Datenschutzerklärung - Harheimer TC',
})
</script>
