<template>
  <main>
    <header class="site-header">
      <NuxtLink class="brand" to="/" aria-label="FEDEO Startseite">
        <img src="/Logo.png" alt="FEDEO" />
      </NuxtLink>

      <nav aria-label="Hauptnavigation">
        <NuxtLink to="/zielgruppen">Zielgruppen</NuxtLink>
        <NuxtLink to="/#funktionen">Funktionen</NuxtLink>
        <NuxtLink to="/#open-source">Open Source</NuxtLink>
        <NuxtLink to="/#selfhost">Selfhost</NuxtLink>
        <NuxtLink to="/#matrix">Matrix</NuxtLink>
        <NuxtLink to="/kontakt">Kontakt</NuxtLink>
        <a class="login-link" href="https://app.fedeo.de">Einloggen</a>
      </nav>
    </header>

    <section class="legal-page">
      <div class="legal-heading">
        <p class="eyebrow">Federspiel Technology</p>
        <h1>Datenschutzerklärung</h1>
        <p>Stand: 22. Mai 2026</p>
      </div>

      <div class="legal-grid privacy-grid">
        <article>
          <h2>Verantwortlicher</h2>
          <p>
            Federspiel Technology UG (haftungsbeschränkt)<br>
            Am Schwarzen Brack 14<br>
            26452 Sande<br>
            Deutschland
          </p>
          <p>
            E-Mail: <a href="mailto:f.federspiel@federspiel.tech">f.federspiel@federspiel.tech</a>
          </p>
        </article>

        <article>
          <h2>Aufruf der Webseite</h2>
          <p>
            Beim Besuch dieser Webseite werden technisch notwendige Zugriffsdaten verarbeitet, damit die Seite ausgeliefert, gesichert und betrieben werden kann. Dazu können IP-Adresse, Datum, Uhrzeit, angeforderte Seite, Browserinformationen und Serverstatus gehören.
          </p>
          <p>Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO.</p>
        </article>

        <article>
          <h2>Kontaktformular</h2>
          <p>
            Wenn du das Kontaktformular nutzt, verarbeiten wir deinen Namen, deine E-Mail-Adresse, optional dein Unternehmen und deine Nachricht, um deine Anfrage zu beantworten.
          </p>
          <p>Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO, bei allgemeinen Anfragen zusätzlich Art. 6 Abs. 1 lit. f DSGVO.</p>
        </article>

        <article>
          <h2>E-Mail-Versand</h2>
          <p>
            Die Angaben aus dem Kontaktformular werden serverseitig per SMTP an die hinterlegte Kontaktadresse übermittelt. Die SMTP-Zugangsdaten werden ausschließlich als Umgebungsvariablen verarbeitet und nicht im Quellcode gespeichert.
          </p>
        </article>

        <article>
          <h2>Speicherdauer</h2>
          <p>
            Kontaktanfragen werden nur so lange aufbewahrt, wie es für die Bearbeitung und gesetzliche Aufbewahrungspflichten erforderlich ist. Server-Logdaten werden nach Maßgabe der technischen und sicherheitsbezogenen Erfordernisse gelöscht.
          </p>
        </article>

        <article>
          <h2>Empfänger</h2>
          <p>
            Eine Weitergabe personenbezogener Daten erfolgt nur, wenn sie für Betrieb, Sicherheit, Kommunikation oder gesetzliche Pflichten erforderlich ist.
          </p>
        </article>

        <article>
          <h2>Deine Rechte</h2>
          <p>
            Du hast nach Maßgabe der DSGVO Rechte auf Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung, Datenübertragbarkeit und Widerspruch. Außerdem kannst du dich bei einer Datenschutzaufsichtsbehörde beschweren.
          </p>
        </article>

        <article>
          <h2>Pflichtangaben</h2>
          <p>
            Die Nutzung des Kontaktformulars ist freiwillig. Ohne die erforderlichen Angaben können wir deine Anfrage jedoch nicht beantworten.
          </p>
        </article>
      </div>
    </section>

    <footer>
      <img src="/Logo.png" alt="FEDEO" />
      <div>
        <NuxtLink to="/zielgruppen">Zielgruppen</NuxtLink>
        <NuxtLink to="/kontakt">Kontakt</NuxtLink>
        <NuxtLink to="/impressum">Impressum</NuxtLink>
        <NuxtLink to="/datenschutz">Datenschutz</NuxtLink>
        <a href="https://app.fedeo.de">Einloggen</a>
      </div>
      <p>Copyright © 2026 Federspiel Technology UG haftungsbeschränkt.</p>
    </footer>
  </main>
</template>
