---
import Layout from "../../layouts/Layout.astro";
import { datenschutz, rechtstextAlsHtml } from "../../data/legal";
---
<Layout title="Datenschutzerklärung" path="/datenschutz/" legalOnly={true}>
  <section class="section-tight">
    <div class="container">
      <h1>Datenschutzerklärung</h1>
      <div class="legal-note">
        ⚠️ <strong>Muster-Text.</strong> Vorbereiteter Platzhalter, ersetzt keine rechtliche
        Prüfung. Vor Veröffentlichung an die tatsächlich eingesetzten Dienste (z. B. konkreter
        Hosting-Anbieter, Zahlungsdienstleister, Versandtool) anpassen und rechtlich prüfen
        lassen — im Adminbereich unter „⚖️ Rechtstexte & FAQ" bearbeitbar.
      </div>

      {datenschutz.sections.map((s) => (
        <>
          <h2>{s.heading}</h2>
          <Fragment set:html={rechtstextAlsHtml(s.body)} />
        </>
      ))}
    </div>
  </section>
</Layout>
