// website/page-datenschutz.jsx — Datenschutzerklärung

function PageDatenschutz() {
  return (
    <main>
      <section className="section" style={{ paddingTop: 80, paddingBottom: 96 }}>
        <div className="container" style={{ maxWidth: 760 }}>

          <div className="eyebrow" style={{ marginBottom: 16 }}>Rechtliches</div>
          <h1 className="h-section" style={{ marginBottom: 8 }}>Datenschutzerklärung</h1>
          <div style={{ fontFamily: 'Inter', fontSize: 14, color: 'var(--text-sub)', marginBottom: 40 }}>
            Version vom 05. Februar 2026
          </div>

          <DSPara>
            In dieser Datenschutzerklärung erläutern wir, die Xaduno GmbH, handelnd unter der Marke SPRUNG. (nachfolgend „wir" oder „uns"), wie wir Personendaten erheben und bearbeiten. Unter Personendaten werden alle Angaben verstanden, die sich auf eine bestimmte oder bestimmbare Person beziehen.
          </DSPara>
          <DSPara>
            Wenn Sie uns Personendaten anderer Personen zur Verfügung stellen, stellen Sie bitte sicher, dass diese Personen die vorliegende Datenschutzerklärung kennen und teilen Sie uns deren Personendaten nur mit, wenn Sie dies dürfen und wenn diese Personendaten korrekt sind.
          </DSPara>
          <DSPara style={{ marginBottom: 48 }}>
            Diese Datenschutzerklärung ist auf die Anforderungen des Schweizer Datenschutzgesetzes (nDSG, SR 235.1) ausgelegt. Für Personen mit Wohnsitz in der EU gilt subsidiär die EU-Datenschutz-Grundverordnung (DSGVO). Ob und inwieweit diese Gesetze anwendbar sind, hängt vom Einzelfall ab.
          </DSPara>

          <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>

            <DSSection number="1" title="Wer ist für die Datenbearbeitung verantwortlich?">
              <DSPara>Verantwortlich für die hier beschriebenen Datenbearbeitungen ist:</DSPara>
              <div className="card" style={{ padding: '16px 20px', marginBottom: 12, background: 'var(--bg-weak)' }}>
                <div style={{ fontFamily: 'Inter', fontSize: 14, lineHeight: 1.7, color: 'var(--text-default)' }}>
                  <strong>Xaduno GmbH (Marke: SPRUNG.)</strong><br />
                  Bahnhofplatz 1a · 3930 Visp · Schweiz<br />
                  <a href="mailto:kontakt@sprung.ch" style={{ color: 'var(--blue-500)' }}>kontakt@sprung.ch</a><br />
                  +41 27 924 30 04
                </div>
              </div>
              <DSPara>Bei datenschutzrechtlichen Anliegen können Sie uns unter der oben genannten Adresse oder per E-Mail an <a href="mailto:kontakt@sprung.ch" style={{ color: 'var(--blue-500)' }}>kontakt@sprung.ch</a> kontaktieren.</DSPara>
            </DSSection>

            <DSSection number="2" title="Welche Daten erheben wir?">
              <DSPara>Wir bearbeiten Personendaten, die wir im Rahmen folgender Aktivitäten erhalten:</DSPara>
              <DSList items={[
                { label: 'Websitebesuch', text: 'IP-Adresse, Geräteinformationen, Browsertyp, Datum und Uhrzeit des Besuchs, aufgerufene Seiten, Herkunfts-URL.' },
                { label: 'Kontaktaufnahme', text: 'Name, E-Mail-Adresse, Telefonnummer, Unternehmen sowie der Inhalt Ihrer Nachricht.' },
                { label: 'Kundenbeziehungen', text: 'Angaben zu Unternehmen und Ansprechpersonen (Name, Funktion, Kontaktdaten), Vertragsdaten, Korrespondenz, Rechnungsdaten.' },
                { label: 'Recruiting-Funnels (Bewerberdaten)', text: 'Wenn Sie sich über einen unserer Quiz-Funnels auf eine Stelle bewerben, erheben wir: Name, Kontaktdaten (E-Mail, Telefon), Wohnort/Region, Berufsausbildung, Berufserfahrung, Mobilität, Verfügbarkeit sowie weitere stellenspezifische Angaben. Diese Daten werden in unserem Xaduno-System gespeichert.' },
                { label: 'Xaduno-Plattform', text: 'Angaben zur Nutzung unserer ATS/HRIS-Software durch Kunden und Kandidaten.' },
              ]} />
            </DSSection>

            <DSSection number="3" title="Wozu verwenden wir Ihre Daten?">
              <DSPara>Wir verwenden Personendaten für folgende Zwecke:</DSPara>
              <DSBullets items={[
                'Abschluss und Abwicklung von Verträgen mit Kunden und Geschäftspartnern',
                'Erbringung unserer Recruiting-Dienstleistungen (Kampagnen, Funnels, Kandidatenvorqualifizierung, Talent Dossiers)',
                'Betrieb und Weiterentwicklung unserer Website, Funnels und der Xaduno-Plattform',
                'Kommunikation mit Kunden, Kandidaten und Geschäftspartnern',
                'Talent-Pool: Kandidaten, die aktiv eingewilligt haben, können für zukünftige, passende Stellen vorgeschlagen werden',
                'Werbung und Marketing (z.B. Retargeting über Meta Ads)',
                'Geltendmachung und Abwehr rechtlicher Ansprüche',
                'Einhaltung gesetzlicher und regulatorischer Pflichten',
              ]} />
            </DSSection>

            <DSSection number="4" title="Hosting">
              <DSSubSection title="Framer (Website-Hosting)">
                <DSPara>Unsere Website wird über Framer gehostet. Anbieter ist Framer B.V., Overtoom 559-3, 1054 LH Amsterdam, Niederlande. Beim Besuch unserer Website erfasst Framer Logfiles inklusive IP-Adressen. Die Nutzung erfolgt auf Grundlage unseres berechtigten Interesses an einer zuverlässigen Darstellung unserer Website (Art. 6 Abs. 1 lit. f DSGVO). Wir haben einen Auftragsverarbeitungsvertrag (AVV) mit Framer abgeschlossen.</DSPara>
              </DSSubSection>
              <DSSubSection title="Metanet (Domain-Registrierung)">
                <DSPara>Unsere Domain wird über die Metanet AG, Hardstrasse 235, 8005 Zürich, Schweiz, registriert und verwaltet. Metanet verarbeitet dabei ausschliesslich die für die Domain-Verwaltung notwendigen Angaben (Inhaber- und Kontaktdaten). Eine darüber hinausgehende Verarbeitung von Besucherdaten findet durch Metanet nicht statt.</DSPara>
              </DSSubSection>
            </DSSection>

            <DSSection number="5" title="Recruiting-Funnels und Bewerberdaten">
              <DSPara>Wir betreiben für unsere Kunden Recruiting-Kampagnen auf Social-Media-Plattformen (Facebook, Instagram, Google Ads, TikTok u.a.). Interessierte Kandidaten gelangen über Anzeigen auf unsere Recruiting-Funnels (Quiz-Seiten/Landingpages), die wir mit dem Tool Perspective (Perspective Software GmbH, Deutschland) erstellen.</DSPara>
              <DSPara>Kandidaten, die sich über einen Funnel bewerben, willigen vor der Dateneingabe aktiv in diese Datenschutzerklärung ein. Ihre Bewerbungsdaten werden in unserem Xaduno-System gespeichert und verwaltet. Wir verarbeiten diese Daten zum Zweck der Stellenvermittlung im Auftrag unserer Kunden sowie — bei ausdrücklicher Einwilligung — für unseren Talent Pool.</DSPara>
              <DSPara><strong>Talent Pool:</strong> Kandidaten, die für eine konkrete Stelle nicht in Frage kommen, können — mit ihrer ausdrücklichen Einwilligung — in unserem Talent Pool verbleiben und für zukünftige, passende Stellen vorgeschlagen werden. Ohne Einwilligung werden ihre Daten nach Abschluss des jeweiligen Mandats gelöscht.</DSPara>
            </DSSection>

            <DSSection number="6" title="Cookies und Tracking">
              <DSPara>Wir setzen auf unserer Website und unseren Funnels Cookies und vergleichbare Technologien ein.</DSPara>
              <DSSubSection title="Google Analytics">
                <DSPara>Wir nutzen Google Analytics (Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland) zur Analyse des Websiteverhaltens. IP-Adressen werden vor einer allfälligen Übertragung in die USA anonymisiert. Sie können der Datenerhebung widersprechen, indem Sie das Google Analytics Opt-out Browser-Add-on installieren.</DSPara>
              </DSSubSection>
              <DSSubSection title="Meta Pixel (Facebook/Instagram)">
                <DSPara>Wir verwenden auf unserer Website und unseren Recruiting-Funnels das Meta Pixel der Meta Platforms Ireland Limited, 4 Grand Canal Square, Dublin 2, Irland. Das Pixel ermöglicht es uns, den Erfolg unserer Werbeanzeigen zu messen (Conversion Tracking) und Zielgruppen für Retargeting-Kampagnen zu bilden. Daten können dabei an Meta in die USA übertragen werden; Meta stützt sich hierbei auf die Standardvertragsklauseln der EU-Kommission sowie das EU-US Data Privacy Framework. Mehr Informationen finden Sie in der <a href="https://www.facebook.com/privacy/policy/" target="_blank" rel="noopener noreferrer" style={{ color: 'var(--blue-500)' }}>Datenschutzerklärung von Meta</a>.</DSPara>
              </DSSubSection>
              <DSSubSection title="Leadinfo">
                <DSPara>Wir nutzen den Lead-Generation-Service von Leadinfo B.V., Rotterdam, Niederlande. Auf der Seite <a href="https://www.leadinfo.com/en/opt-out" target="_blank" rel="noopener noreferrer" style={{ color: 'var(--blue-500)' }}>www.leadinfo.com/en/opt-out</a> haben Sie eine Opt-out-Möglichkeit.</DSPara>
              </DSSubSection>
            </DSSection>

            <DSSection number="7" title="Dienstleister und Auftragsverarbeiter">
              <DSPara>Zur Erbringung unserer Dienstleistungen setzen wir sorgfältig ausgewählte Drittanbieter ein. Dabei handelt es sich insbesondere um Anbieter in folgenden Kategorien:</DSPara>
              <DSList items={[
                { label: 'Kandidatenverwaltung und Recruiting-Software', text: 'Wir verwalten Bewerberdaten in unserem eigenen Xaduno-System (Xaduno GmbH, Schweiz).' },
                { label: 'CRM und Kundenkommunikation', text: 'Zur Verwaltung von Geschäftskontakten und Kundenbeziehungen nutzen wir einen CRM-Dienst eines Anbieters mit Sitz in den USA. Die Übermittlung erfolgt auf Basis von Standardvertragsklauseln.' },
                { label: 'Kommunikation und Zusammenarbeit', text: 'Wir nutzen cloudbasierte Dienste für E-Mail, Kalender und Videokommunikation von Anbietern mit Sitz in der EU bzw. den USA. Bei Drittlandübermittlungen gelten Standardvertragsklauseln oder gleichwertige Garantien.' },
                { label: 'Terminvereinbarung', text: 'Für die Online-Terminbuchung durch Kunden und Interessenten setzen wir einen cloudbasierten Dienst ein.' },
                { label: 'Vertragswesen', text: 'Für die Erstellung und digitale Unterzeichnung von Angeboten und Verträgen nutzen wir einen Dienst eines Anbieters mit Sitz in den USA. Die Übermittlung erfolgt auf Basis von Standardvertragsklauseln.' },
                { label: 'Buchhaltung und Lohnwesen', text: 'Wir nutzen Buchhaltungs- und Lohnabrechnungssoftware von Schweizer Anbietern.' },
                { label: 'Videocall-Aufzeichnung', text: 'Bei Videocalls zu Dokumentationszwecken kann ein Aufzeichnungsdienst eingesetzt werden. Die Teilnehmenden werden zu Beginn des Gesprächs darüber informiert und können der Aufzeichnung widersprechen.' },
              ]} />
              <DSPara>Soweit erforderlich, schliessen wir mit allen Dienstleistern Auftragsverarbeitungsverträge (AVV) ab. Bei Datenübermittlungen in Drittländer stellen wir ein angemessenes Schutzniveau sicher, insbesondere durch Standardvertragsklauseln der EU-Kommission, Zertifizierungen (z.B. EU-US Data Privacy Framework) oder vergleichbare Massnahmen.</DSPara>
            </DSSection>

            <DSSection number="8" title="Weitergabe von Daten">
              <DSPara>Wir geben Personendaten nur weiter, soweit dies zur Leistungserbringung notwendig, gesetzlich erlaubt oder von Ihnen genehmigt ist. Empfänger können sein:</DSPara>
              <DSBullets items={[
                'Kunden (qualifizierte Kandidaten-Dossiers im Rahmen des Auftrags)',
                'Subunternehmer und Tool-Anbieter gemäss Ziffer 7',
                'Behörden und Gerichte bei gesetzlicher Verpflichtung',
              ]} />
            </DSSection>

            <DSSection number="9" title="Datenübermittlungen ins Ausland">
              <DSPara>Einige der unter Ziffer 7 genannten Dienstleister haben ihren Sitz ausserhalb der Schweiz oder der EU (insbesondere USA). Wir stellen sicher, dass ein angemessenes Datenschutzniveau besteht — durch Standardvertragsklauseln, Zertifizierungen (z.B. EU-US Data Privacy Framework) oder vergleichbare Garantien.</DSPara>
            </DSSection>

            <DSSection number="10" title="Wie lange werden Daten aufbewahrt?">
              <DSPara>Wir speichern Personendaten solange es für den jeweiligen Zweck notwendig ist oder gesetzliche Aufbewahrungspflichten bestehen:</DSPara>
              <DSList items={[
                { label: 'Vertragsunterlagen und Rechnungen', text: '10 Jahre gemäss Schweizer Obligationenrecht.' },
                { label: 'Bewerberdaten (ohne Einwilligung in Talent Pool)', text: 'Die Bewerbungsunterlagen werden nach Abschluss des jeweiligen Mandats gelöscht, soweit keine gesetzliche Aufbewahrungspflicht oder ein berechtigtes Interesse besteht.' },
                { label: 'Bewerberdaten (mit Einwilligung Talent Pool)', text: 'Bis zum Widerruf der Einwilligung.' },
                { label: 'Website-Logs', text: 'In der Regel 12 Monate.' },
                { label: 'Kommunikation', text: 'Gemäss vertraglicher und gesetzlicher Notwendigkeit.' },
              ]} />
            </DSSection>

            <DSSection number="11" title="Datensicherheit">
              <DSPara>Wir treffen angemessene technische und organisatorische Sicherheitsmassnahmen zum Schutz Ihrer Personendaten vor unberechtigtem Zugriff, Verlust oder Missbrauch (u.a. verschlüsselte Datenübertragung, Zugriffskontrollen, Pseudonymisierung).</DSPara>
            </DSSection>

            <DSSection number="12" title="Ihre Datenschutzrechte">
              <DSPara>Sie haben folgende Rechte:</DSPara>
              <DSList items={[
                { label: 'Auskunft', text: 'Recht zu erfahren, ob und welche Daten wir von Ihnen bearbeiten.' },
                { label: 'Berichtigung', text: 'Recht auf Korrektur unrichtiger Daten.' },
                { label: 'Löschung', text: 'Recht auf Löschung Ihrer Daten, soweit keine gesetzliche Aufbewahrungspflicht entgegensteht.' },
                { label: 'Datenherausgabe', text: 'Recht auf Herausgabe Ihrer Daten in einem gängigen elektronischen Format.' },
                { label: 'Widerruf', text: 'Recht auf Widerruf einer Einwilligung (ohne Rückwirkung).' },
                { label: 'Widerspruch', text: 'Recht auf Widerspruch gegen bestimmte Bearbeitungen.' },
              ]} />
              <DSPara>Zur Geltendmachung Ihrer Rechte wenden Sie sich an: <a href="mailto:kontakt@sprung.ch" style={{ color: 'var(--blue-500)' }}>kontakt@sprung.ch</a></DSPara>
              <DSPara>Sie haben zudem das Recht, bei der zuständigen Aufsichtsbehörde Beschwerde einzureichen. In der Schweiz ist dies der Eidgenössische Datenschutz- und Öffentlichkeitsbeauftragte (EDÖB), <a href="https://www.edoeb.admin.ch" target="_blank" rel="noopener noreferrer" style={{ color: 'var(--blue-500)' }}>www.edoeb.admin.ch</a>. Für Personen mit Wohnsitz in der EU gilt die zuständige nationale Datenschutzbehörde.</DSPara>
            </DSSection>

            <DSSection number="13" title="Profiling">
              <DSPara>Wir verarbeiten Personendaten teilweise automatisiert, um Kandidatenprofile zu erstellen und Kunden passende Bewerbungen vorzuschlagen. Eine vollautomatisierte Entscheidungsfindung mit rechtlicher Wirkung findet nicht statt.</DSPara>
            </DSSection>

            <DSSection number="14" title="Änderungen">
              <DSPara>Wir können diese Datenschutzerklärung jederzeit anpassen. Es gilt die jeweils aktuelle, auf unserer Website publizierte Version. Bei wesentlichen Änderungen informieren wir Sie per E-Mail oder auf andere geeignete Weise.</DSPara>
            </DSSection>

          </div>

          <div style={{
            fontFamily: 'Inter', fontSize: 13, color: 'var(--text-soft)',
            paddingLeft: 4, marginTop: 48
          }}>
            © {new Date().getFullYear()} Xaduno GmbH, Visp — Alle Rechte vorbehalten.
          </div>

        </div>
      </section>
    </main>
  );
}

// ───────── Datenschutz primitives ─────────
function DSSection({ number, title, children }) {
  return (
    <div className="card" style={{ padding: 32 }}>
      <div style={{ display: 'flex', alignItems: 'baseline', gap: 12, marginBottom: 20 }}>
        <div style={{
          fontFamily: 'Poppins', fontWeight: 700, fontSize: 11,
          color: 'var(--text-soft)', letterSpacing: '0.1em',
          flexShrink: 0, minWidth: 24,
        }}>{number}.</div>
        <h2 style={{
          fontFamily: 'Poppins', fontWeight: 600, fontSize: 17,
          letterSpacing: '-0.01em', color: 'var(--text-strong)', margin: 0,
        }}>{title}</h2>
      </div>
      <div style={{ paddingLeft: 36 }}>{children}</div>
    </div>
  );
}

function DSSubSection({ title, children }) {
  return (
    <div style={{ marginBottom: 16 }}>
      <div style={{
        fontFamily: 'Poppins', fontWeight: 600, fontSize: 14,
        color: 'var(--text-strong)', marginBottom: 6,
      }}>{title}</div>
      {children}
    </div>
  );
}

function DSPara({ children, style }) {
  return (
    <p style={{
      fontFamily: 'Inter', fontSize: 14, lineHeight: 1.7,
      color: 'var(--text-default)', margin: '0 0 12px', ...style,
    }}>{children}</p>
  );
}

function DSBullets({ items }) {
  return (
    <ul style={{ margin: '0 0 12px', padding: 0, listStyle: 'none', display: 'flex', flexDirection: 'column', gap: 6 }}>
      {items.map((item, i) => (
        <li key={i} style={{ display: 'flex', gap: 10, alignItems: 'flex-start' }}>
          <span style={{ color: 'var(--text-soft)', flexShrink: 0, marginTop: 2 }}>—</span>
          <span style={{ fontFamily: 'Inter', fontSize: 14, lineHeight: 1.6, color: 'var(--text-default)' }}>{item}</span>
        </li>
      ))}
    </ul>
  );
}

function DSList({ items }) {
  return (
    <div style={{ display: 'flex', flexDirection: 'column', gap: 10, marginBottom: 12 }}>
      {items.map(({ label, text }, i) => (
        <div key={i} style={{
          background: 'var(--bg-weak)', borderRadius: 10,
          padding: '12px 16px',
        }}>
          <div style={{ fontFamily: 'Inter', fontWeight: 600, fontSize: 13, color: 'var(--text-strong)', marginBottom: 2 }}>{label}</div>
          <div style={{ fontFamily: 'Inter', fontSize: 13, lineHeight: 1.6, color: 'var(--text-sub)' }}>{text}</div>
        </div>
      ))}
    </div>
  );
}

window.PageDatenschutz = PageDatenschutz;