/* global React, Section, Container, Eyebrow */

function PageImpressum() {
  return (
    <div data-screen-label="Impressum">
      <Section pad="120px 28px 96px" bg="#fff" label="Impressum">
        <Container max={780}>
          <Eyebrow dot>RECHTLICHES</Eyebrow>
          <h1 className="kmu-display" style={{ margin: '18px 0 32px', fontSize: 'clamp(40px, 5.4vw, 72px)' }}>
            Impressum.
          </h1>
          <div className="kmu-prose" style={{ fontSize: 17, lineHeight: 1.75, color: 'var(--fg-2)' }}>
            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>Anbieterin</h2>
            <p>
              <strong>KMUcare GmbH</strong><br/>
              Aarauerstrasse 27<br/>
              5102 Rupperswil<br/>
              Schweiz
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>Kontakt</h2>
            <p>
              Telefon: <a href="tel:+41625629600">+41 62 562 96 00</a><br/>
              E‑Mail: <a href="mailto:hallo@kmucare.ch">hallo@kmucare.ch</a>
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>Handelsregister</h2>
            <p>
              Handelsregister: Kanton Aargau<br/>
              UID: CHE‑123.456.789<br/>
              MWST: CHE‑123.456.789 MWST
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>Geschäftsführung</h2>
            <p>Jonas Baumgartner, Gründer & Geschäftsführer</p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>Haftungsausschluss</h2>
            <p>
              Wir bemühen uns um korrekte und aktuelle Inhalte. Trotzdem können wir keine Haftung für Richtigkeit, Vollständigkeit und Aktualität der bereitgestellten Informationen übernehmen. Haftungsansprüche aufgrund von Schäden, die durch die Nutzung dieser Website entstehen, sind ausgeschlossen, soweit gesetzlich zulässig.
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>Urheberrecht</h2>
            <p>
              Alle Inhalte dieser Website (Texte, Bilder, Grafiken, Logos) sind urheberrechtlich geschützt. Die Verwendung — auch auszugsweise — ist nur mit schriftlicher Zustimmung der KMUcare GmbH zulässig.
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>Anwendbares Recht & Gerichtsstand</h2>
            <p>
              Es gilt schweizerisches Recht. Ausschliesslicher Gerichtsstand ist Aarau, Kanton Aargau.
            </p>

            <p style={{ marginTop: 48, color: 'var(--fg-4)', fontSize: 14 }}>Stand: März 2026</p>
          </div>
        </Container>
      </Section>
    </div>
  );
}

function PageDatenschutz() {
  return (
    <div data-screen-label="Datenschutz">
      <Section pad="120px 28px 96px" bg="#fff" label="Datenschutz">
        <Container max={780}>
          <Eyebrow dot>RECHTLICHES</Eyebrow>
          <h1 className="kmu-display" style={{ margin: '18px 0 32px', fontSize: 'clamp(40px, 5.4vw, 72px)' }}>
            Datenschutz.
          </h1>
          <div className="kmu-prose" style={{ fontSize: 17, lineHeight: 1.75, color: 'var(--fg-2)' }}>
            <p style={{ background: 'var(--kmu-blue-50)', border: '1px solid var(--kmu-blue-100)', padding: 20, borderRadius: 12, fontSize: 15 }}>
              <strong>Kurz und ehrlich:</strong> Wir sammeln nur Daten, die wir wirklich brauchen, hosten in der Schweiz, geben nichts an Dritte weiter und du kannst jederzeit eine Auskunft oder Löschung verlangen.
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 36, marginBottom: 12 }}>1. Verantwortliche Stelle</h2>
            <p>
              KMUcare GmbH, Aarauerstrasse 27, 5102 Rupperswil. Bei Fragen: <a href="mailto:datenschutz@kmucare.ch">datenschutz@kmucare.ch</a>.
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>2. Welche Daten wir bearbeiten</h2>
            <ul>
              <li><strong>Server‑Logfiles</strong> (IP, Browser, Zeit) — anonymisiert nach 14 Tagen.</li>
              <li><strong>Kontaktformular & E‑Mail</strong> — wir bewahren Anfragen so lange auf, wie es für die Bearbeitung nötig ist.</li>
              <li><strong>Newsletter</strong> — E‑Mail‑Adresse, abmeldbar mit einem Klick.</li>
              <li><strong>Bewerbungen</strong> — werden 6 Monate nach Abschluss des Verfahrens gelöscht, auf Wunsch früher.</li>
            </ul>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>3. Cookies & Tracking</h2>
            <p>
              Wir setzen ausschliesslich technisch notwendige Cookies ein. Kein Google Analytics, kein Facebook Pixel. Wir messen Traffic mit einer selbstgehosteten, anonymen Lösung (Plausible).
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>4. Hosting & Drittanbieter</h2>
            <p>
              Diese Website wird in einem Schweizer Rechenzentrum gehostet. E‑Mail läuft über Microsoft 365 (EU‑Datenschutz‑Standardvertragsklauseln). Newsletter‑Versand über einen Schweizer Anbieter.
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>5. Deine Rechte</h2>
            <p>
              Auskunft, Berichtigung, Löschung, Einschränkung, Datenübertragbarkeit, Widerspruch. Eine kurze E‑Mail an <a href="mailto:datenschutz@kmucare.ch">datenschutz@kmucare.ch</a> reicht.
            </p>

            <h2 className="kmu-h2" style={{ fontSize: 24, marginTop: 32, marginBottom: 12 }}>6. Änderungen</h2>
            <p>
              Diese Datenschutzerklärung kann gelegentlich angepasst werden. Massgebend ist die jeweils aktuelle Fassung auf dieser Seite.
            </p>

            <p style={{ marginTop: 48, color: 'var(--fg-4)', fontSize: 14 }}>Stand: März 2026</p>
          </div>
        </Container>
      </Section>
    </div>
  );
}

window.PageImpressum = PageImpressum;
window.PageDatenschutz = PageDatenschutz;
