// Datenschutz page sections — expandAI

// ----- Hero -----
const DatenschutzHero = () =>
<section style={{ padding: "120px 0 48px", position: "relative", overflow: "hidden" }}>
    <div aria-hidden style={{
    position: "absolute", left: "50%", top: -200,
    width: 900, height: 600, transform: "translateX(-50%)",
    background: "radial-gradient(ellipse at center, rgba(167,139,250,0.18), rgba(167,139,250,0) 60%)",
    pointerEvents: "none"
  }} />
    <div className="container" style={{ textAlign: "center", position: "relative" }}>
      <div className="eyebrow" style={{ marginBottom: 28 }}>
        <span className="dot" />
        Rechtliches
      </div>
      <h1 className="h1 gradient-text" style={{ marginBottom: 24 }}>
        Datenschutz.
      </h1>
      <p className="lead" style={{ maxWidth: 660, margin: "0 auto" }}>
        Wir schützen Ihre Privatsphäre. Diese Erklärung beschreibt, welche
        Daten wir erheben, warum, wie lange wir sie speichern und welche
        Rechte Ihnen zustehen.
      </p>
    </div>
  </section>;


// ----- Overview (Verantwortlicher + Geltungsbereich) -----
const DatenschutzOverview = () => {
  const fieldLabel = {
    display: "block",
    fontSize: 12,
    color: "var(--text-2)",
    marginBottom: 8,
    fontWeight: 500,
    letterSpacing: "0.02em"
  };
  const fieldValue = {
    fontSize: 15,
    color: "var(--text)",
    fontFamily: "'JetBrains Mono', monospace",
    background: "var(--bg-2)",
    border: "1px solid var(--border)",
    borderRadius: 10,
    padding: "12px 14px"
  };

  return (
    <section className="section section-divider">
      <div className="container">
        <div style={{ display: "grid", gridTemplateColumns: "1.4fr 1fr", gap: 48, alignItems: "start" }}>

          {/* Main card */}
          <div className="card" style={{ padding: 36 }}>
            <div className="eyebrow" style={{ marginBottom: 12 }}>
              <span className="dot" />
              Verantwortlicher
            </div>
            <h2 className="h3" style={{ marginBottom: 8, fontSize: 26, letterSpacing: "-0.02em" }}>
              Wer Ihre Daten verarbeitet.
            </h2>
            <p style={{ color: "var(--text-3)", fontSize: 14, marginTop: 0, marginBottom: 28, lineHeight: 1.6 }}>
              Wir nehmen den Schutz der Nutzer unserer Website und mobilen App sehr ernst
              und behandeln Ihre Daten gemäß den anwendbaren gesetzlichen Vorschriften
              (DSGVO, BDSG, TTDSG).
            </p>

            <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 18, marginBottom: 18 }}>
              <div>
                <label style={fieldLabel}>Firmierung</label>
                <div style={fieldValue}>expandAI GmbH</div>
              </div>
              <div>
                <label style={fieldLabel}>Geschäftsführer</label>
                <div style={fieldValue}>Artur Piet</div>
              </div>
            </div>

            <div style={{ marginBottom: 18 }}>
              <label style={fieldLabel}>Anschrift</label>
              <div style={{ ...fieldValue, lineHeight: 1.6 }}>
                Maria-Goeppert-Str. 1<br />
                23562 Lübeck<br />
                Deutschland
              </div>
            </div>

            <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 18 }}>
              <div>
                <label style={fieldLabel}>E-Mail</label>
                <div style={fieldValue}>artur(at)expandAI.de</div>
              </div>
              <div>
                <label style={fieldLabel}>Stand</label>
                <div style={fieldValue}>Juni 2026</div>
              </div>
            </div>
          </div>

          {/* Sidebar */}
          <aside style={{ display: "grid", gap: 16 }}>
            <div className="card" style={{ padding: 24 }}>
              <div className="eyebrow" style={{ marginBottom: 14 }}>
                <span className="dot" />
                Geltungsbereich
              </div>
              <div style={{ fontSize: 14, color: "var(--text-2)", lineHeight: 1.6 }}>
                Diese Datenschutz&shy;erklärung gilt für unsere Website,
                unsere mobile App sowie alle damit verbundenen Dienste —
                gemeinsam unsere „digitalen Angebote".
              </div>
            </div>

            <div className="card" style={{ padding: 24 }}>
              <div className="eyebrow" style={{ marginBottom: 14 }}>
                <span className="dot" />
                EU-Streitschlichtung
              </div>
              <div style={{ fontSize: 13.5, color: "var(--text-3)", lineHeight: 1.6 }}>
                Plattform zur Online-Streit&shy;beilegung:{" "}
                <a href="https://ec.europa.eu/consumers/odr" target="_blank" rel="noopener noreferrer"
                  style={{ color: "var(--text-2)", textDecoration: "underline" }}>
                  ec.europa.eu/consumers/odr
                </a>
              </div>
            </div>
          </aside>
        </div>
      </div>
    </section>);

};


// ----- Privacy sections (accordion) -----
const DatenschutzSections = () => {
  const sections = [
  {
    eyebrow: "Datenerhebung",
    title: "Wie wir Daten erheben.",
    lead: "Daten entstehen bei der Nutzung unserer Dienste, durch Ihre direkte Eingabe oder aus Drittquellen.",
    body: <>
        <p>Wir erheben Daten auf folgenden Wegen:</p>
        <ul>
          <li>Wenn Sie unsere digitalen Angebote besuchen und Dienste nutzen, erfassen, protokollieren und speichern wir Nutzungs-, Sitzungs- und damit verbundene Informationen.</li>
          <li>Wenn Sie uns Daten selbst übermitteln – etwa per E-Mail mit Kommentaren oder Feedback.</li>
          <li>Aus Drittquellen, sofern dies rechtlich zulässig ist.</li>
          <li>Wenn Sie sich über einen Drittanbieter (z. B. Google) bei unseren Diensten anmelden.</li>
        </ul>
      </>
  },
  {
    eyebrow: "Datenkategorien",
    title: "Welche Daten wir erheben.",
    lead: "Wir unterscheiden zwischen nicht-personen­bezogenen und personen­bezogenen Daten.",
    body: <>
        <p>
          <strong style={{ color: "var(--text)" }}>Nicht-personenbezogene Daten</strong> —
          unidentifizierte und nicht identifizierbare Informationen, die Sie bei der
          Registrierung angeben oder die durch die Nutzung der Dienste erhoben werden.
          Diese bestehen vorwiegend aus technischen und aggregierten Nutzungsdaten und
          lassen keine Rückschlüsse auf einzelne Personen zu.
        </p>
        <p>
          <strong style={{ color: "var(--text)" }}>Personenbezogene Daten</strong> —
          Informationen, anhand derer Sie identifiziert werden können oder mit
          vertretbarem Aufwand identifiziert werden könnten. Hierzu zählen
          beispielsweise Name, E-Mail-Adresse, Anschrift, Telefonnummer und
          IP-Adresse. Werden personenbezogene mit nicht-personenbezogenen Daten
          kombiniert, behandeln wir sie als personenbezogen, solange die
          Verknüpfung besteht.
        </p>
      </>
  },
  {
    eyebrow: "Zwecke",
    title: "Warum wir Daten erheben.",
    lead: "Bereitstellung, Verbesserung und Absicherung unserer Dienste — sowie Kommunikation mit Ihnen.",
    body: <>
        <p>Wir verarbeiten Ihre Daten zu folgenden Zwecken:</p>
        <ul>
          <li>Bereitstellung und Betrieb unserer Dienste</li>
          <li>Entwicklung, Anpassung und Verbesserung unserer Dienste</li>
          <li>Beantwortung von Anfragen, Feedback und Support</li>
          <li>Analyse von Anfrage- und Nutzungsmustern</li>
          <li>interne, statistische und Forschungszwecke</li>
          <li>Datensicherheit und Betrugs&shy;prävention</li>
          <li>Untersuchung von Verstößen sowie Durchsetzung unserer Nutzungs&shy;bedingungen und der Einhaltung gesetzlicher Pflichten</li>
          <li>Bereitstellung von Updates, Neuigkeiten und werbliche Informationen — Sie können den Erhalt jederzeit per Abmelde-Link beenden</li>
        </ul>
      </>
  },
  {
    eyebrow: "Weitergabe",
    title: "Mit wem wir Daten teilen.",
    lead: "Mit ausgewählten Dienstleistern und in gesetzlich vorgesehenen Fällen.",
    body: <>
        <p>
          Wir geben Daten an unsere Dienstleister weiter, soweit dies für den Betrieb
          unserer Dienste erforderlich ist (z. B. Hosting, technischer Support).
          Eine Weitergabe kann zudem erfolgen, um:
        </p>
        <ul>
          <li>rechtswidrige Aktivitäten zu untersuchen, zu erkennen, zu verhindern oder zu adressieren;</li>
          <li>unsere Rechte zu begründen oder zu verteidigen;</li>
          <li>unsere Rechte, unser Eigentum oder die persönliche Sicherheit unserer Nutzer und der Öffentlichkeit zu schützen;</li>
          <li>im Falle eines Kontrollwechsels (Fusion, Übernahme, Verkauf wesentlicher Vermögenswerte) Daten zu übermitteln;</li>
          <li>mit autorisierten Dienstleistern (z. B. Cloud-Anbietern) zu geschäftlichen Zwecken zusammenzuarbeiten.</li>
        </ul>
        <p>Nicht-personenbezogene Daten können wir nach eigenem Ermessen an Dritte übermitteln oder anderweitig nutzen.</p>
      </>
  },
  {
    eyebrow: "Cookies",
    title: "Cookies und ähnliche Technologien.",
    lead: "Wir setzen Tracking-Technologien für Funktion, Optimierung und Sicherheit ein.",
    body: <p>
        Beim Besuch unserer Dienste autorisieren wir Dritte zur Verwendung von
        Web-Beacons, Cookies, Pixel-Tags, Skripten und ähnlichen Technologien
        sowie Analysediensten („Tracking-Technologien"). Diese ermöglichen die
        automatische Erhebung von Informationen, um das Surferlebnis zu
        verbessern, die Leistung zu optimieren, eine angepasste Nutzung zu
        ermöglichen sowie Sicherheit und Betrugsprävention zu gewährleisten.
        Weitere Details finden Sie in unserer Cookie-Richtlinie.
      </p>
  },
  {
    eyebrow: "Google Analytics",
    title: "Webanalyse mit Google Analytics.",
    lead: "Reichweitenmessung nur mit Ihrer Einwilligung — jederzeit widerrufbar.",
    body: <>
        <p>
          Mit Ihrer Einwilligung nutzen wir <strong style={{ color: "var(--text)" }}>Google
          Analytics 4</strong>, einen Webanalysedienst der Google Ireland Limited
          (Gordon House, Barrow Street, Dublin 4, Irland; Mutterkonzern Google LLC,
          USA). Der Dienst hilft uns, die Nutzung unserer Website pseudonym zu
          analysieren und Inhalte sowie Performance zu verbessern.
        </p>
        <p>
          <strong style={{ color: "var(--text)" }}>Rechtsgrundlage</strong> — die
          Verarbeitung erfolgt ausschließlich auf Grundlage Ihrer Einwilligung
          gemäß Art. 6 Abs. 1 lit. a DSGVO sowie § 25 Abs. 1 TTDSG. Vor Ihrer
          Zustimmung über den Cookie-Banner werden keine Analyse-Cookies gesetzt
          und keine Sie identifizierenden Daten verarbeitet.
        </p>
        <p>
          <strong style={{ color: "var(--text)" }}>Verarbeitete Daten</strong> —
          gekürzte (anonymisierte) IP-Adresse, Geräte- und Browser-Informationen,
          besuchte Seiten, Interaktionen und ein ungefährer Standort. Google setzt
          hierfür die Cookies <code>_ga</code> und <code>_ga_&lt;Property-ID&gt;</code>
          (Speicherdauer bis zu 2 Jahre).
        </p>
        <p>
          <strong style={{ color: "var(--text)" }}>Datenübermittlung in die USA</strong> —
          eine Übermittlung in die USA kann stattfinden. Google ist unter dem
          EU-US Data Privacy Framework zertifiziert; ergänzend bestehen
          Standardvertragsklauseln. Die Aufbewahrungsdauer der Analysedaten ist
          in Google Analytics auf 14 Monate begrenzt.
        </p>
        <p>
          <strong style={{ color: "var(--text)" }}>Widerruf</strong> — Sie können
          Ihre Einwilligung jederzeit mit Wirkung für die Zukunft widerrufen,
          indem Sie den Link <strong style={{ color: "var(--text)" }}>„Cookies"</strong>
          im Footer öffnen und Ihre Auswahl anpassen. Weitere Informationen finden
          Sie in der <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer">Datenschutzerklärung
          von Google</a>; ein Deaktivierungs-Add-on für den Browser stellt Google
          unter <a href="https://tools.google.com/dlpage/gaoptout" target="_blank" rel="noopener noreferrer">tools.google.com/dlpage/gaoptout</a> bereit.
        </p>
      </>
  },
  {
    eyebrow: "Speicherort",
    title: "Wo wir Daten speichern.",
    lead: "Unsere Partner und Dienstleister befinden sich weltweit — personen­bezogene Daten nur unter angemessenem Schutzniveau.",
    body: <>
        <p>
          <strong style={{ color: "var(--text)" }}>Nicht-personenbezogene Daten</strong> —
          unsere Unternehmen, Partner und Dienstleister sind weltweit verteilt.
          Für die in dieser Datenschutz&shy;erklärung beschriebenen Zwecke speichern
          und verarbeiten wir nicht-personen&shy;bezogene Daten in unterschiedlichen
          Rechtsordnungen.
        </p>
        <p>
          <strong style={{ color: "var(--text)" }}>Personenbezogene Daten</strong> —
          können in den Vereinigten Staaten, Irland, Südkorea, Taiwan, Israel und
          weiteren Rechts&shy;ordnungen gepflegt, verarbeitet und gespeichert werden,
          soweit dies für die ordnungsgemäße Bereitstellung unserer Dienste oder
          gesetzlich erforderlich ist.
        </p>
      </>
  },
  {
    eyebrow: "Speicherdauer",
    title: "Wie lange wir Daten aufbewahren.",
    lead: "So lange wie für die Erbringung unserer Dienste und unsere gesetzlichen Pflichten erforderlich.",
    body: <p>
        Wir bewahren die erhobenen Informationen so lange auf, wie dies zur
        Bereitstellung unserer Dienste, zur Einhaltung unserer rechtlichen und
        vertraglichen Verpflichtungen, zur Beilegung von Streitigkeiten und zur
        Durchsetzung unserer Vereinbarungen erforderlich ist. Falsche oder
        unvollständige Daten können wir jederzeit nach eigenem Ermessen
        korrigieren, ergänzen oder löschen.
      </p>
  },
  {
    eyebrow: "Datensicherheit",
    title: "Wie wir Daten schützen.",
    lead: "Sichere Server, Firewalls und HTTPS — Vertraulichkeit setzen wir mit technischen und organisatorischen Maßnahmen um.",
    body: <>
        <p>
          Unser Hosting-Anbieter stellt die Online-Plattform bereit, über die wir
          Ihnen unsere Dienste anbieten. Ihre Daten können in den Datenspeichern,
          Datenbanken und Anwendungen unseres Hosting-Anbieters abgelegt werden.
          Dieser speichert Ihre Daten auf gesicherten Servern hinter einer Firewall
          und bietet HTTPS-gesicherten Zugriff auf die meisten Bereiche seiner
          Dienste.
        </p>
        <p>
          Trotz dieser Maßnahmen können wir die absolute Vertraulichkeit oder
          Sicherheit der von Ihnen übermittelten Informationen nicht garantieren.
          Wir empfehlen daher, starke Passwörter zu verwenden und vertrauliche
          Informationen nicht über unsichere Kanäle wie E-Mail oder
          Instant-Messaging zu übermitteln.
        </p>
      </>
  },
  {
    eyebrow: "Minderjährige",
    title: "Umgang mit Minderjährigen.",
    lead: "Unsere Dienste richten sich nicht an Personen unter dem gesetzlichen Mindestalter.",
    body: <p>
        Die Dienste sind nicht für Nutzer bestimmt, die das gesetzliche Mindestalter
        noch nicht erreicht haben. Wir erheben wissentlich keine Informationen von
        Kindern. Sollten Sie noch nicht volljährig sein, dürfen Sie die Dienste weder
        herunterladen noch nutzen und uns keine Informationen übermitteln. Wir
        behalten uns vor, jederzeit einen Altersnachweis anzufordern. Sobald uns
        bekannt wird, dass ein Minderjähriger unsere Dienste nutzt, können wir den
        Zugriff sperren und alle uns vorliegenden Informationen löschen.
      </p>
  },
  {
    eyebrow: "Rechtsgrundlagen",
    title: "Auf welcher Grundlage wir Daten nutzen.",
    lead: "Vertragserfüllung, gesetzliche Pflichten oder berechtigte Interessen.",
    body: <>
        <p>Wir verwenden Ihre personenbezogenen Daten ausschließlich, wenn:</p>
        <ul>
          <li>die Nutzung zur Erfüllung oder zum Abschluss eines Vertrags erforderlich ist (z. B. zur Bereitstellung der Dienste oder zum Support);</li>
          <li>die Nutzung zur Erfüllung einer rechtlichen oder regulatorischen Verpflichtung erforderlich ist;</li>
          <li>die Nutzung unsere berechtigten geschäftlichen Interessen unterstützt – stets verhältnismäßig und unter Wahrung Ihrer Datenschutzrechte.</li>
        </ul>
      </>
  },
  {
    eyebrow: "Ihre Rechte (DSGVO)",
    title: "Als EU-Bürger:in haben Sie Rechte.",
    lead: "Auskunft, Berichtigung, Löschung, Einschränkung, Widerspruch, Datenübertragbarkeit, Beschwerde.",
    body: <>
        <p>Als in der EU wohnhafte Person können Sie:</p>
        <ul>
          <li>Auskunft darüber verlangen, ob Sie betreffende personenbezogene Daten verarbeitet werden, und Zugang zu diesen Daten sowie weiteren Informationen erhalten;</li>
          <li>die Übermittlung der von Ihnen bereitgestellten Daten in einem strukturierten, gängigen und maschinen&shy;lesbaren Format verlangen;</li>
          <li>die Berichtigung der über Sie gespeicherten Daten verlangen;</li>
          <li>die Löschung Ihrer Daten verlangen;</li>
          <li>der Verarbeitung Ihrer Daten widersprechen;</li>
          <li>die Einschränkung der Verarbeitung Ihrer Daten verlangen;</li>
          <li>oder Beschwerde bei einer Aufsichts&shy;behörde einlegen.</li>
        </ul>
        <p>
          Diese Rechte sind nicht absolut und können unseren berechtigten Interessen
          und regulatorischen Anforderungen unterliegen. Bei der Erbringung unserer
          Dienste können wir Daten grenzüberschreitend an verbundene Unternehmen
          oder Dritte übermitteln. Übertragungen außerhalb des EWR erfolgen nur,
          wenn ein angemessenes Schutzniveau gewährleistet ist.
        </p>
      </>
  },
  {
    eyebrow: "California",
    title: "CCPA — Rechte für Bewohner Kaliforniens.",
    lead: "Auskunfts- und Löschungsrechte nach dem California Consumer Privacy Act.",
    body: <p>
        Wenn Sie unsere Dienste als Bewohner:in Kaliforniens nutzen, stehen Ihnen
        nach dem California Consumer Privacy Act (CCPA) ggf. Rechte auf Auskunft
        und Löschung Ihrer Daten zu. Zur Ausübung dieser Rechte kontaktieren Sie
        uns bitte über die unten angegebenen Kontaktdaten. Wir verkaufen keine
        personen&shy;bezogenen Daten unserer Nutzer im Sinne des CCPA.
      </p>
  },
  {
    eyebrow: "Aktualisierungen",
    title: "Änderungen dieser Erklärung.",
    lead: "Wir behalten uns vor, diese Datenschutz­erklärung von Zeit zu Zeit anzupassen.",
    body: <p>
        Wir können diese Datenschutz&shy;erklärung nach eigenem Ermessen von Zeit zu
        Zeit überarbeiten; die auf der Website veröffentlichte Version ist stets
        die aktuelle (siehe „Stand"). Wir empfehlen, diese Erklärung regelmäßig zu
        prüfen. Bei wesentlichen Änderungen weisen wir auf unserer Website darauf
        hin. Ihre fortgesetzte Nutzung der Dienste nach einer solchen
        Benachrichtigung gilt als Kenntnisnahme und Zustimmung zu den geänderten
        Bestimmungen.
      </p>
  }];


  const [open, setOpen] = React.useState(0);

  return (
    <section className="section section-divider">
      <div className="container">
        <div style={{ display: "grid", gridTemplateColumns: "1fr 1.4fr", gap: 64, alignItems: "start" }}>
          <div style={{ position: "sticky", top: 100 }}>
            <div className="eyebrow" style={{ marginBottom: 16 }}>
              <span className="dot" />
              Datenschutzerklärung
            </div>
            <h2 className="h2 gradient-text" style={{ marginBottom: 16 }}>Was wir<br />erheben & warum.</h2>
            <p className="lead" style={{ marginTop: 0 }}>
              Transparenz ist uns wichtig. Klicken Sie einen Abschnitt an,
              um die Details zur jeweiligen Verarbeitung zu lesen.
            </p>
          </div>
          <div style={{ display: "grid", gap: 12 }}>
            {sections.map((s, i) => {
              const isOpen = open === i;
              return (
                <div key={i} className="card" style={{ padding: 0, overflow: "hidden" }}>
                  <button
                    onClick={() => setOpen(isOpen ? -1 : i)}
                    style={{
                      width: "100%", textAlign: "left",
                      background: "transparent", border: "none", color: "var(--text)",
                      padding: "22px 24px",
                      display: "flex", alignItems: "center", justifyContent: "space-between",
                      gap: 16, cursor: "pointer"
                    }}>
                    <div style={{ flex: 1 }}>
                      <div style={{
                        fontSize: 11, color: "var(--text-3)",
                        textTransform: "uppercase", letterSpacing: "0.14em",
                        marginBottom: 6, fontWeight: 500
                      }}>
                        {s.eyebrow}
                      </div>
                      <div style={{ fontSize: 17, fontWeight: 500, color: "var(--text)", letterSpacing: "-0.01em" }}>
                        {s.title}
                      </div>
                      {!isOpen && (
                        <div style={{ fontSize: 13.5, color: "var(--text-3)", marginTop: 6, lineHeight: 1.5 }}>
                          {s.lead}
                        </div>
                      )}
                    </div>
                    <span style={{
                      width: 28, height: 28, borderRadius: 999,
                      background: isOpen ? "var(--accent-soft)" : "var(--bg-2)",
                      color: isOpen ? "var(--accent)" : "var(--text-3)",
                      display: "grid", placeItems: "center",
                      transition: "all 0.2s ease",
                      transform: isOpen ? "rotate(45deg)" : "rotate(0deg)",
                      flexShrink: 0
                    }}>
                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
                        <path d="M12 5v14M5 12h14" />
                      </svg>
                    </span>
                  </button>
                  {isOpen &&
                  <div style={{
                    padding: "0 24px 24px",
                    color: "var(--text-2)",
                    fontSize: 14.5, lineHeight: 1.7,
                    textWrap: "pretty"
                  }}>
                      {s.body}
                    </div>
                  }
                </div>);

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

};


// ----- Disclaimer note -----
const DatenschutzDisclaimer = () =>
<section style={{ padding: "0 0 32px" }}>
    <div className="container">
      <div style={{
      padding: "20px 24px",
      border: "1px solid var(--border)",
      borderRadius: 12,
      background: "var(--bg-2)",
      display: "flex",
      gap: 16,
      alignItems: "flex-start"
    }}>
        <div style={{
        width: 32, height: 32, borderRadius: 8,
        background: "var(--accent-soft)",
        border: "1px solid var(--accent-ring)",
        color: "var(--accent)",
        display: "grid", placeItems: "center",
        flexShrink: 0
      }}>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
            <circle cx="12" cy="12" r="10" />
            <line x1="12" y1="16" x2="12" y2="12" />
            <line x1="12" y1="8" x2="12.01" y2="8" />
          </svg>
        </div>
        <div style={{ fontSize: 13.5, color: "var(--text-3)", lineHeight: 1.6 }}>
          <strong style={{ color: "var(--text-2)" }}>Hinweis.</strong>{" "}
          Die Informationen ersetzen keine Rechtsberatung. Anforderungen können sich je
          nach Land, Bundesstaat oder Zuständigkeit unterscheiden. Wir empfehlen,
          fachkundigen Rat einzuholen, um Ihre spezifischen Pflichten besser zu verstehen.
        </div>
      </div>
    </div>
  </section>;


// ----- CTA strip -----
const DatenschutzCTA = () =>
<section className="section section-divider">
    <div className="container">
      <div style={{
      borderRadius: "var(--radius-xl)",
      border: "1px solid var(--border)",
      background: "var(--surface)",
      padding: "48px",
      display: "flex", alignItems: "center", justifyContent: "space-between",
      gap: 32, flexWrap: "wrap"
    }}>
        <div style={{ maxWidth: 540 }}>
          <div className="eyebrow" style={{ marginBottom: 14 }}>
            <span className="dot" />
            Datenschutzanfrage?
          </div>
          <h3 className="h2 gradient-text" style={{ fontSize: 32, marginBottom: 10 }}>
            Wir antworten zügig.
          </h3>
          <p style={{ color: "var(--text-3)", fontSize: 15, lineHeight: 1.55, margin: 0 }}>
            Fragen zur Verarbeitung Ihrer Daten oder zur Ausübung Ihrer Rechte
            nach DSGVO? Schreiben Sie uns — wir melden uns in der Regel binnen 24 Stunden.
          </p>
        </div>
        <div style={{ display: "flex", gap: 12, flexWrap: "wrap" }}>
          <a href="kontakt.html" className="btn btn-primary btn-lg">
            Kontakt aufnehmen
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
              <path d="M5 12h14M13 5l7 7-7 7" />
            </svg>
          </a>
        </div>
      </div>
    </div>
  </section>;


Object.assign(window, { DatenschutzHero, DatenschutzOverview, DatenschutzSections, DatenschutzDisclaimer, DatenschutzCTA });