/* legal.jsx — Impressum & Datenschutz.
   Impressum enthält Platzhalter für Angaben, die nur bevisible GmbH liefern kann
   (UID/Handelsregister-Nr., verantwortliche Person) — siehe .claude/rules/dont.md.
   Vor Go-Live mit echten Angaben ersetzen. */

function ImpressumPage() {
  const { Reveal } = window;
  return (
    <div>
      <header className="page-hero"><div className="wrap">
        <Reveal><span className="kicker">Rechtliches</span>
          <h1 className="display" style={{ marginTop: 18, fontSize: 'clamp(36px,5vw,72px)' }}>Impressum</h1></Reveal>
      </div></header>
      <section className="section" style={{ paddingTop: 0 }}><div className="wrap" style={{ maxWidth: '68ch' }}>
        <Reveal>
          <h3 style={{ textTransform: 'uppercase', marginBottom: 8 }}>Anbieterin</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            bevisible GmbH<br />
            Hans Huber-Strasse 38<br />
            CH-4500 Solothurn<br />
            E-Mail: <a href="mailto:info@be-visible.ch">info@be-visible.ch</a>
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Handelsregister</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            UID / Handelsregister-Nr.: <em>[von bevisible GmbH einzuholen — siehe .claude/rules/dont.md]</em>
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Verantwortlich für den Inhalt</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            <em>[Verantwortliche Person gemäss Art. 322bis StGB — von bevisible GmbH einzuholen]</em>
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Haftungsausschluss</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            Alle Inhalte dieser Website wurden mit grösster Sorgfalt erstellt. Für die Richtigkeit,
            Vollständigkeit und Aktualität der Inhalte übernehmen wir jedoch keine Gewähr.
            Für Schäden materieller oder ideeller Art, die durch die Nutzung oder Nichtnutzung der
            dargebotenen Informationen verursacht werden, haften wir nicht, sofern kein nachweislich
            vorsätzliches oder grob fahrlässiges Verschulden vorliegt.
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Urheberrecht</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            Die Urheber- und alle anderen Rechte an Inhalten, Bildern, Fotos oder anderen Dateien auf
            dieser Website gehören ausschliesslich der bevisible GmbH oder den speziell genannten
            Rechteinhabern. Für die Reproduktion jeglicher Elemente ist die schriftliche Zustimmung
            der Urheberrechtsträger im Voraus einzuholen.
          </p>
        </Reveal>
      </div></section>
    </div>
  );
}

function DatenschutzPage() {
  const { Reveal } = window;
  return (
    <div>
      <header className="page-hero"><div className="wrap">
        <Reveal><span className="kicker">Rechtliches</span>
          <h1 className="display" style={{ marginTop: 18, fontSize: 'clamp(36px,5vw,72px)' }}>Datenschutz</h1></Reveal>
      </div></header>
      <section className="section" style={{ paddingTop: 0 }}><div className="wrap" style={{ maxWidth: '68ch' }}>
        <Reveal>
          <p className="lead" style={{ marginBottom: 24 }}>
            Der Schutz Deiner Privatsphäre ist uns wichtig. Diese Erklärung informiert Dich darüber,
            welche Daten wir auf be-visible.ch bearbeiten, wozu und wie lange.
          </p>

          <h3 style={{ textTransform: 'uppercase', marginBottom: 8 }}>Verantwortliche Stelle</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            bevisible GmbH, Hans Huber-Strasse 38, CH-4500 Solothurn — <a href="mailto:info@be-visible.ch">info@be-visible.ch</a>
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Kontaktformular</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            Wenn Du uns über das Kontaktformular schreibst, speichern wir Deinen Namen, Deine
            E-Mail-Adresse, Deine Nachricht sowie die Seite, von der aus Du das Formular abgeschickt
            hast, um Deine Anfrage zu beantworten. Diese Daten werden nicht an Dritte weitergegeben
            und ausschliesslich zur Bearbeitung Deiner Anfrage verwendet.
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Besucherstatistik (Cookie-Consent)</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            Wir erfassen anonymisierte Besucherstatistiken (aufgerufene Seite, ungefähre Herkunft
            über die IP-Adresse, Zeitpunkt), aber <strong>nur mit Deiner ausdrücklichen Zustimmung</strong>
            über den Cookie-Banner. Deine IP-Adresse wird dabei sofort anonymisiert (letztes Oktett
            bzw. bei IPv6 die letzten 80 Bit werden entfernt) und nicht im Klartext gespeichert.
            Ohne Zustimmung findet keine Erfassung statt. Wird der „Do Not Track"-Header von Deinem
            Browser gesendet, wird ebenfalls nicht getrackt. Die Daten werden nach 90 Tagen automatisch
            gelöscht.
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Google Fonts</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            Diese Website lädt die Schriftarten „Archivo" und „Space Mono" von Google Fonts
            (fonts.googleapis.com, fonts.gstatic.com). Dabei kann Deine IP-Adresse an Google
            übertragen werden. Weitere Informationen: <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer">Google-Datenschutzerklärung</a>.
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Hosting</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            Diese Website wird auf einem Server von Hostinger betrieben. Es gelten die
            Datenschutzbestimmungen des Hosting-Anbieters für die technische Bereitstellung.
          </p>

          <h3 style={{ textTransform: 'uppercase', marginTop: 28, marginBottom: 8 }}>Deine Rechte</h3>
          <p className="small" style={{ color: 'var(--text-soft)' }}>
            Du hast jederzeit das Recht auf Auskunft, Berichtigung, Löschung oder Einschränkung der
            Bearbeitung Deiner Daten. Wende Dich dazu an <a href="mailto:info@be-visible.ch">info@be-visible.ch</a>.
          </p>

          <p className="small mt-l" style={{ color: 'var(--text-dim)' }}>Stand: August 2026</p>
        </Reveal>
      </div></section>
    </div>
  );
}

Object.assign(window, { ImpressumPage, DatenschutzPage });