// Impressum & Datenschutz page (nur über die Fußzeile erreichbar)

function PageImpressum({ navigate }) {
  const h2 = {
    color: "var(--ink)",
    fontSize: "1.6rem",
    margin: "56px 0 18px",
    lineHeight: 1.25,
  };
  const h3 = {
    color: "var(--ink)",
    fontSize: "1.15rem",
    margin: "32px 0 10px",
  };
  const p = { marginBottom: 16 };
  const ul = { margin: "0 0 16px", paddingLeft: 22 };
  const li = { marginBottom: 6 };
  const addr = {
    margin: "0 0 24px",
    lineHeight: 1.7,
    color: "var(--ink)",
    fontStyle: "normal",
  };

  return (
    <main>
      <section className="hero-slim">
        <div className="bg" style={{ backgroundImage: `url(${IMG.woodland})` }} />
        <div className="overlay" />
        <span className="eyebrow on-dark">Rechtliches</span>
        <h1 style={{ marginTop: 12 }}>Impressum &amp; Datenschutz</h1>
      </section>

      <section className="section-pad" style={{ background: "#fff" }}>
        <div className="container">
          <div
            style={{
              maxWidth: 820,
              margin: "0 auto",
              color: "var(--muted)",
              lineHeight: 1.7,
              fontSize: "1.02rem",
            }}>

            {/* ── Impressum ───────────────────────────── */}
            <span className="eyebrow">Angaben gemäß § 5 DDG</span>
            <h2 style={{ ...h2, marginTop: 14 }}>Impressum</h2>

            <address style={addr}>
              <strong style={{ fontWeight: 600 }}>Biotope-Studio</strong><br />
              Umweltplanungsbüro<br />
              Felix Kwasny<br />
              Framheinstraße 20<br />
              22083 Hamburg<br />
              Deutschland
            </address>

            <h3 style={h3}>Kontakt</h3>
            <p style={p}>
              Telefon: +49 1749653346<br />
              E-Mail:{" "}
              <a href="mailto:info@biotope-studio.org">info@biotope-studio.org</a>
            </p>

            <h3 style={h3}>Tätigkeit / Berufsbezeichnung</h3>
            <p style={p}>
              Freier Umweltplaner – Naturschutz &amp; Landnutzungsplanung
            </p>

            <h3 style={h3}>Umsatzsteuer-Identifikationsnummer</h3>
            <p style={p}>
              Umsatzsteuer-Identifikationsnummer gemäß § 27 a UStG: DE458736604
            </p>

            <h3 style={h3}>Haftungshinweis</h3>
            <p style={p}>
              Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine
              Haftung für die Inhalte externer Links. Für den Inhalt der
              verlinkten Seiten sind ausschließlich deren Betreiber
              verantwortlich. Alle Angaben auf dieser Website werden sorgfältig
              geprüft, eine Garantie für Vollständigkeit und Richtigkeit kann
              jedoch nicht übernommen werden.
            </p>

            <h3 style={h3}>Copyright</h3>
            <p style={p}>
              © 2026 Felix Kwasny – Biotope-Studio<br />
              Die Inhalte und Gestaltung dieser Website sind urheberrechtlich
              geschützt. Die Vervielfältigung oder Verwendung von Texten,
              Textteilen oder Bildmaterial bedarf der vorherigen schriftlichen
              Zustimmung.
            </p>

            {/* ── Datenschutz ─────────────────────────── */}
            <div
              style={{
                borderTop: "1px solid var(--line)",
                margin: "64px 0 0",
              }} />
            <span className="eyebrow" style={{ display: "block", marginTop: 56 }}>
              Stand Januar 2026
            </span>
            <h2 style={{ ...h2, marginTop: 14 }}>Datenschutzerklärung</h2>

            <h3 style={h3}>1. Verantwortlicher</h3>
            <p style={p}>
              Verantwortlich für die Datenverarbeitung auf dieser Website ist:
            </p>
            <address style={addr}>
              Felix Kwasny<br />
              Biotope-Studio – Umweltplanungsbüro<br />
              Framheinstraße 20<br />
              22083 Hamburg<br />
              Deutschland
            </address>
            <p style={p}>
              E-Mail:{" "}
              <a href="mailto:info@biotope-studio.org">info@biotope-studio.org</a>
              <br />
              Telefon: +49 174 9653346
            </p>

            <h3 style={h3}>2. Allgemeine Hinweise</h3>
            <p style={p}>
              Der Schutz Ihrer personenbezogenen Daten ist uns ein wichtiges
              Anliegen. Wir behandeln Ihre personenbezogenen Daten vertraulich
              und entsprechend den gesetzlichen Datenschutzvorschriften sowie
              dieser Datenschutzerklärung.
            </p>
            <p style={p}>
              Personenbezogene Daten sind alle Daten, mit denen Sie persönlich
              identifiziert werden können (z. B. IP-Adresse oder E-Mail-Adresse).
            </p>

            <h3 style={h3}>3. Zugriffsdaten / Server-Logfiles</h3>
            <p style={p}>
              Beim Besuch dieser Website erhebt und speichert der
              Hosting-Anbieter automatisch Informationen in sogenannten
              Server-Logfiles. Diese sind insbesondere:
            </p>
            <ul style={ul}>
              <li style={li}>IP-Adresse</li>
              <li style={li}>Datum und Uhrzeit des Zugriffs</li>
              <li style={li}>aufgerufene Seite bzw. Datei</li>
              <li style={li}>Referrer-URL</li>
              <li style={li}>Browsertyp und Betriebssystem</li>
            </ul>
            <p style={p}>
              Diese Daten dienen ausschließlich der technischen Bereitstellung,
              Sicherheit und Stabilität der Website. Rechtsgrundlage der
              Verarbeitung ist Art. 6 Abs. 1 lit. f DSGVO (berechtigtes
              Interesse). Eine Zusammenführung dieser Daten mit anderen
              Datenquellen findet nicht statt.
            </p>

            <h3 style={h3}>4. Hosting über Uberspace</h3>
            <p style={p}>
              Diese Website wird beim Dienstleister Uberspace gehostet, betrieben
              von Jonas Pasche, Kaiserstraße 15, 55116 Mainz, Deutschland. Die
              Server befinden sich ausschließlich in Deutschland. Uberspace
              verarbeitet personenbezogene Daten (insbesondere die in Abschnitt 3
              genannten Server-Logfiles) ausschließlich zur Bereitstellung und
              zum sicheren Betrieb dieser Website. Mit Uberspace wurde ein
              Vertrag zur Auftragsverarbeitung gemäß Art. 28 DSGVO geschlossen.
            </p>
            <p style={p}>
              Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse
              an einer sicheren und effizienten Bereitstellung der Website).
            </p>

            <h3 style={h3}>5. Kontaktformular (Formspree)</h3>
            <p style={p}>
              Für das Kontaktformular auf dieser Website nutzen wir den Dienst
              Formspree der Formspree, Inc. (USA). Wenn Sie das Formular
              absenden, werden die von Ihnen eingegebenen Daten (Name,
              E-Mail-Adresse, Betreff und Nachricht) sowie technische Daten wie
              Ihre IP-Adresse an Formspree übermittelt, dort verarbeitet und als
              E-Mail an uns weitergeleitet. Dabei werden Daten auf Servern in den
              USA verarbeitet.
            </p>
            <p style={p}>
              Formspree stützt die Datenübermittlung in die USA auf die von der
              EU-Kommission genehmigten Standardvertragsklauseln (SCC). Die Daten
              werden ausschließlich zur Bearbeitung Ihrer Anfrage verwendet und
              nicht für andere Zwecke an Dritte weitergegeben.
            </p>
            <p style={p}>
              Rechtsgrundlage: Art. 6 Abs. 1 lit. b DSGVO (vorvertragliche
              Maßnahmen) sowie Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse
              an effizienter Kommunikation). Wenn Sie diese Übermittlung
              vermeiden möchten, können Sie uns jederzeit direkt per E-Mail unter
              info@biotope-studio.org kontaktieren.
            </p>

            <h3 style={h3}>6. Kontaktaufnahme per E-Mail</h3>
            <p style={p}>
              Wenn Sie uns per E-Mail kontaktieren, werden Ihre Angaben (z. B.
              Name, E-Mail-Adresse, Inhalt der Nachricht) zur Bearbeitung Ihrer
              Anfrage verarbeitet. Diese Daten werden ausschließlich zur
              Bearbeitung der Anfrage verwendet und nicht ohne Ihre Einwilligung
              an Dritte weitergegeben. Rechtsgrundlage der Verarbeitung ist Art.
              6 Abs. 1 lit. b DSGVO (vorvertragliche Maßnahmen) oder Art. 6 Abs.
              1 lit. f DSGVO (berechtigtes Interesse an Kommunikation). Die Daten
              werden gelöscht, sobald sie für den Zweck der Verarbeitung nicht
              mehr erforderlich sind und keine gesetzlichen Aufbewahrungspflichten
              bestehen.
            </p>

            <h3 style={h3}>7. Cookies</h3>
            <p style={p}>
              Diese Website verwendet ausschließlich technisch notwendige
              Cookies, die für den Betrieb und die grundlegenden Funktionen der
              Website erforderlich sind. Für diese Cookies ist keine Einwilligung
              erforderlich.
            </p>

            <h3 style={h3}>8. Ihre Rechte als betroffene Person</h3>
            <p style={p}>Sie haben jederzeit das Recht:</p>
            <ul style={ul}>
              <li style={li}>
                Auskunft über Ihre gespeicherten personenbezogenen Daten zu
                erhalten
              </li>
              <li style={li}>Berichtigung unrichtiger Daten zu verlangen</li>
              <li style={li}>Löschung Ihrer Daten zu verlangen</li>
              <li style={li}>Einschränkung der Verarbeitung zu verlangen</li>
              <li style={li}>Widerspruch gegen die Verarbeitung einzulegen</li>
              <li style={li}>Datenübertragbarkeit zu verlangen</li>
            </ul>
            <p style={p}>
              Zur Wahrnehmung Ihrer Rechte können Sie sich jederzeit an die oben
              angegebenen Kontaktdaten wenden.
            </p>

            <h3 style={h3}>9. Beschwerderecht bei der Aufsichtsbehörde</h3>
            <p style={p}>
              Sie haben das Recht, sich bei einer Datenschutzaufsichtsbehörde zu
              beschweren. Zuständig ist insbesondere der Hamburgische
              Beauftragte für Datenschutz und Informationsfreiheit.
            </p>

            <h3 style={h3}>
              10. Aktualität und Änderung dieser Datenschutzerklärung
            </h3>
            <p style={{ ...p, marginBottom: 0 }}>
              Diese Datenschutzerklärung ist aktuell gültig und hat den Stand
              Januar 2026. Wir behalten uns vor, sie bei Änderungen der Website
              oder der rechtlichen Anforderungen anzupassen.
            </p>
          </div>
        </div>
      </section>
    </main>);

}

window.PageImpressum = PageImpressum;
