function DatenschutzPage() {
  useReveal();
  const s = { fontFamily: 'var(--sans)', fontSize: '1rem', fontWeight: 700, marginBottom: '0.75rem', color: 'var(--fg)' };
  const p = { color: 'var(--fg-muted)', lineHeight: 1.8, marginBottom: 0 };
  return (
    <>
      <Nav active="datenschutz" />
      <main style={{ maxWidth: 760, margin: '0 auto', padding: 'clamp(80px, 10vw, 120px) var(--pad) 80px' }}>
        <h1 className="display" style={{ fontSize: 'clamp(32px, 5vw, 52px)', marginBottom: '2.5rem', paddingBottom: '1.5rem', borderBottom: '1px solid var(--line)' }}>Datenschutzerklärung</h1>

        <section style={{ marginBottom: '2.5rem' }}>
          <h2 style={s}>1. Verantwortliche Stelle</h2>
          <p className="body" style={p}>
            Matthias Radlinger · Malermeister Radlinger<br />
            Griesbacher Straße 21, 94081 Fürstenzell<br />
            Telefon: <a href="tel:+4915167612488" style={{ color: 'var(--accent)' }}>01516 7612488</a><br />
            E-Mail: <a href="mailto:info@malermeister-radlinger.de" style={{ color: 'var(--accent)' }}>info@malermeister-radlinger.de</a>
          </p>
        </section>

        <section style={{ marginBottom: '2.5rem' }}>
          <h2 style={s}>2. Hosting (Cloudflare Pages)</h2>
          <p className="body" style={p}>
            Diese Website wird gehostet von Cloudflare, Inc., 101 Townsend St., San Francisco, CA 94107, USA.
            Cloudflare verarbeitet technisch notwendige Verbindungsdaten (IP-Adresse, Zeitstempel, aufgerufene Seiten).
            Cloudflare ist nach dem EU-US Data Privacy Framework zertifiziert und hat ein DPA abgeschlossen.
            Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO.
            Weitere Informationen: <a href="https://www.cloudflare.com/privacypolicy/" style={{ color: 'var(--accent)' }} target="_blank" rel="noopener">cloudflare.com/privacypolicy</a>.
          </p>
        </section>

        <section style={{ marginBottom: '2.5rem' }}>
          <h2 style={s}>3. Google Fonts</h2>
          <p className="body" style={p}>
            Diese Website nutzt Google Fonts (Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA).
            Beim Laden der Seite stellt Ihr Browser eine Verbindung zu Google-Servern her und überträgt dabei Ihre IP-Adresse.
            Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO. Die Datenübertragung in die USA erfolgt auf Grundlage der EU-Standardvertragsklauseln.
            Weitere Informationen: <a href="https://policies.google.com/privacy" style={{ color: 'var(--accent)' }} target="_blank" rel="noopener">policies.google.com/privacy</a>.
          </p>
        </section>

        <section style={{ marginBottom: '2.5rem' }}>
          <h2 style={s}>4. JavaScript-Bibliotheken (unpkg CDN)</h2>
          <p className="body" style={p}>
            Diese Website lädt technische Hilfsbibliotheken (React, Babel) über unpkg.com (Cloudflare-basiertes CDN).
            Dabei wird Ihre IP-Adresse an den CDN-Anbieter übertragen. Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (technisch notwendig für den Seitenaufbau).
          </p>
        </section>

        <section style={{ marginBottom: '2.5rem' }}>
          <h2 style={s}>5. Server-Logfiles</h2>
          <p className="body" style={p}>
            Beim Besuch dieser Website übermittelt Ihr Browser automatisch technische Daten (IP-Adresse, Browsertyp, Betriebssystem, Uhrzeit).
            Diese Daten sind technisch erforderlich und werden nach kurzer Zeit gelöscht.
            Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO.
          </p>
        </section>

        <section style={{ marginBottom: '2.5rem' }}>
          <h2 style={s}>6. Cookies</h2>
          <p className="body" style={p}>
            Diese Website verwendet keine Tracking-Cookies und keine Analyse-Tools. Es werden ausschließlich technisch notwendige Daten verarbeitet.
          </p>
        </section>

        <section style={{ marginBottom: '2.5rem' }}>
          <h2 style={s}>7. Ihre Rechte (DSGVO)</h2>
          <p className="body" style={{ ...p, marginBottom: '0.5rem' }}>Sie haben das Recht auf Auskunft (Art. 15), Berichtigung (Art. 16), Löschung (Art. 17), Einschränkung (Art. 18), Widerspruch (Art. 21) und Datenübertragbarkeit (Art. 20 DSGVO).</p>
          <p className="body" style={p}>
            Kontakt: <a href="mailto:info@malermeister-radlinger.de" style={{ color: 'var(--accent)' }}>info@malermeister-radlinger.de</a><br />
            Beschwerde bei der Aufsichtsbehörde: Bayerisches Landesamt für Datenschutzaufsicht,{' '}
            <a href="https://www.lda.bayern.de" style={{ color: 'var(--accent)' }} target="_blank" rel="noopener">www.lda.bayern.de</a>.
          </p>
        </section>
      </main>
      <Footer />
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<DatenschutzPage />);