---
import Layout from "../../layouts/Layout.astro";
import { widerruf, rechtstextAlsHtml } from "../../data/legal";
---
<Layout title="Widerrufsbelehrung" path="/widerruf/" legalOnly={true}>
  <section class="section-tight">
    <div class="container">
      <h1>Widerrufsbelehrung</h1>
      <div class="legal-note">
        ⚠️ <strong>Muster-Text.</strong> Vorbereiteter Platzhalter, ersetzt keine rechtliche
        Prüfung durch eine fachkundige Stelle vor Veröffentlichung — im Adminbereich unter
        „⚖️ Rechtstexte & FAQ" bearbeitbar.
      </div>

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

      {/* Fester, nicht editierbarer Link auf das separate Formular-Seiten-Template — bewusst
          nicht Teil des frei bearbeitbaren Textes oben, damit dieser wichtige Link nie aus
          Versehen beim Bearbeiten verloren gehen kann. */}
      <p>
        📄 <a href="/muster-widerrufsformular/">Muster-Widerrufsformular</a> (nicht verpflichtend, kann für den Widerruf genutzt werden).
      </p>
    </div>
  </section>
</Layout>
