/* global React */
// Datenschutzerklärung — Inhalte von 4its.de/datenschutzerklarung übernommen

function DatenschutzPage() {
  const H = ({children, nr}) => (
    <h2 style={{fontSize:22,marginTop:56,marginBottom:20,letterSpacing:'-0.01em',display:'flex',alignItems:'baseline',gap:16}}>
      {nr && <span className="mono" style={{fontSize:12,color:'var(--fg-dim)',fontWeight:500}}>{nr}</span>}
      <span>{children}</span>
    </h2>
  );
  const H3 = ({children}) => (<h3 style={{fontSize:15,marginTop:28,marginBottom:10,color:'var(--fg)',letterSpacing:'-0.005em'}}>{children}</h3>);
  const P = ({children}) => (<p style={{fontSize:14,lineHeight:1.75,color:'var(--fg-muted)',marginBottom:12}}>{children}</p>);
  const L = ({href}) => (<a href={href} target="_blank" rel="noreferrer" style={{textDecoration:'underline',wordBreak:'break-all'}}>{href}</a>);

  return (
    <div className="page">
      <PageHeader
        crumbs={[{label:'Start',path:'#/'},{label:'Datenschutz'}]}
        eyebrow="Rechtliches"
        title="Datenschutzerklärung"
        lead="Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutz­vorschriften sowie dieser Erklärung."
      />
      <section className="section">
        <div className="container" style={{maxWidth:780}}>

          <H nr="01">Datenschutz auf einen Blick</H>
          <H3>Allgemeine Hinweise</H3>
          <P>Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen entnehmen Sie unserer nachfolgenden Datenschutzerklärung.</P>

          <H3>Wer ist verantwortlich für die Datenerfassung?</H3>
          <P>Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum entnehmen.</P>

          <H3>Wie erfassen wir Ihre Daten?</H3>
          <P>Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen (z.B. über ein Kontaktformular). Andere Daten werden automatisch beim Besuch der Website durch unsere IT-Systeme erfasst — vor allem technische Daten wie Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs.</P>

          <H3>Wofür nutzen wir Ihre Daten?</H3>
          <P>Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzer­verhaltens verwendet werden.</P>

          <H3>Welche Rechte haben Sie?</H3>
          <P>Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung, Sperrung oder Löschung dieser Daten zu verlangen. Zu Fragen des Datenschutzes können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.</P>

          <H3>Analyse-Tools und Tools von Drittanbietern</H3>
          <P>Beim Besuch unserer Website kann Ihr Surfverhalten statistisch ausgewertet werden — vor allem mit Cookies und mit sogenannten Analyseprogrammen. Die Analyse erfolgt in der Regel anonym. Sie können dieser Analyse widersprechen oder sie durch die Nichtbenutzung bestimmter Tools verhindern.</P>

          <H nr="02">Allgemeine Hinweise und Pflichtinformationen</H>
          <H3>Datenschutz</H3>
          <P>Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personen­bezogenen Daten vertraulich und entsprechend der gesetzlichen Vorschriften sowie dieser Erklärung. Wir weisen darauf hin, dass die Datenübertragung im Internet Sicherheits­lücken aufweisen kann — ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</P>

          <H3>Verantwortliche Stelle</H3>
          <div style={{padding:20,background:'var(--surface)',border:'1px solid var(--border-soft)',borderRadius:10,fontSize:14,lineHeight:1.6,color:'var(--fg)',marginBottom:16}}>
            <strong>4its GmbH</strong><br/>
            Burchardstraße 22 · 20095 Hamburg<br/>
            Telefon: +49 (0) 40 56 19 47 0<br/>
            E-Mail: info@4its.de
          </div>
          <P>Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten entscheidet.</P>

          <H3>Widerruf Ihrer Einwilligung</H3>
          <P>Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen — eine formlose Mitteilung per E-Mail reicht. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt unberührt.</P>

          <H3>SSL-/TLS-Verschlüsselung</H3>
          <P>Diese Seite nutzt aus Sicherheitsgründen eine SSL-/TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie am „https://" in der Adresszeile und am Schloss-Symbol im Browser.</P>

          <H3>Auskunft, Sperrung, Löschung</H3>
          <P>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger sowie den Zweck der Datenverarbeitung — und gegebenenfalls ein Recht auf Berichtigung, Sperrung oder Löschung.</P>

          <H nr="03">Datenerfassung auf unserer Website</H>
          <H3>Cookies</H3>
          <P>Die Internetseiten verwenden teilweise sogenannte Cookies. Sie richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren. Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen. Die meisten sind Session-Cookies und werden nach Ende Ihres Besuchs automatisch gelöscht. Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben.</P>
          <P>Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs oder zur Bereitstellung bestimmter Funktionen erforderlich sind, werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert.</P>

          <H3>Server-Log-Dateien</H3>
          <P>Der Provider der Seiten erhebt und speichert automatisch Informationen in sogenannten Server-Log-Dateien, die Ihr Browser übermittelt:</P>
          <ul style={{fontSize:14,color:'var(--fg-muted)',paddingLeft:24,marginBottom:12,lineHeight:1.8}}>
            <li>Browsertyp und Browserversion</li>
            <li>Verwendetes Betriebssystem</li>
            <li>Referrer-URL</li>
            <li>Hostname des zugreifenden Rechners</li>
            <li>Uhrzeit der Serveranfrage</li>
            <li>IP-Adresse</li>
          </ul>
          <P>Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Grundlage: Art. 6 Abs. 1 lit. f DSGVO.</P>

          <H3>Kontaktformular</H3>
          <P>Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben inklusive Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter. Verarbeitung auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) — jederzeit widerrufbar.</P>
          <P>Die Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung widerrufen oder der Zweck entfällt. Zwingende gesetzliche Aufbewahrungs­fristen bleiben unberührt.</P>

          <H3>Registrierung auf dieser Website</H3>
          <P>Sie können sich auf unserer Website registrieren, um zusätzliche Funktionen zu nutzen. Die dabei erfassten Daten werden nur zum Zweck der Nutzung des jeweiligen Angebots verwendet. Verarbeitung auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO).</P>

          <H3>Kommentarfunktion</H3>
          <P>Für die Kommentarfunktion werden neben Ihrem Kommentar auch Zeitpunkt der Erstellung, E-Mail-Adresse sowie (falls nicht anonym) der gewählte Nutzername gespeichert. Die Kommentarfunktion speichert IP-Adressen, um bei Rechtsverletzungen wie Beleidigungen gegen den Verfasser vorgehen zu können. Die Kommentare verbleiben, bis der kommentierte Inhalt vollständig gelöscht wurde oder aus rechtlichen Gründen gelöscht werden müssen.</P>

          <H nr="04">Soziale Medien</H>
          <P>Wir können auf unseren Seiten Plugins bzw. Schaltflächen folgender Dienste einbinden. Beim Aufruf stellt Ihr Browser eine direkte Verbindung zu den jeweiligen Servern her, wobei typischerweise Ihre IP-Adresse und die besuchte URL übermittelt werden:</P>
          <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(220px,1fr))',gap:12,marginTop:16,marginBottom:16}}>
            {[
              {n:'Facebook', u:'https://de-de.facebook.com/policy.php', a:'1 Hacker Way, Menlo Park, CA 94025, USA'},
              {n:'Twitter / X', u:'https://twitter.com/privacy', a:'1355 Market Street, San Francisco, CA 94103, USA'},
              {n:'Google+', u:'https://policies.google.com/privacy', a:'1600 Amphitheatre Parkway, Mountain View, CA 94043, USA'},
              {n:'Instagram', u:'https://instagram.com/about/legal/privacy/', a:'1601 Willow Road, Menlo Park, CA 94025, USA'},
              {n:'Tumblr', u:'https://www.tumblr.com/policy/de/privacy', a:'35 East 21st St., 10th Floor, New York, NY 10010, USA'},
              {n:'LinkedIn', u:'https://www.linkedin.com/legal/privacy-policy', a:'2029 Stierlin Court, Mountain View, CA 94043, USA'},
              {n:'XING', u:'https://www.xing.com/app/share?op=data_protection', a:'Dammtorstraße 29-32, 20354 Hamburg, Deutschland'},
              {n:'Pinterest', u:'https://about.pinterest.com/de/privacy-policy', a:'808 Brannan Street, San Francisco, CA 94103, USA'},
            ].map(p => (
              <div key={p.n} style={{padding:14,background:'var(--surface)',border:'1px solid var(--border-soft)',borderRadius:10}}>
                <div style={{fontSize:14,color:'var(--fg)',fontWeight:500,marginBottom:4}}>{p.n}</div>
                <div style={{fontSize:11,color:'var(--fg-dim)',lineHeight:1.5,marginBottom:6}}>{p.a}</div>
                <a href={p.u} target="_blank" rel="noreferrer" style={{fontSize:11,textDecoration:'underline',wordBreak:'break-all'}}>Datenschutzerklärung</a>
              </div>
            ))}
          </div>
          <P>Wir weisen darauf hin, dass wir als Anbieter der Seiten keine Kenntnis vom Inhalt der übermittelten Daten sowie deren Nutzung durch die genannten Anbieter erhalten. Wenn Sie nicht möchten, dass ein Anbieter Ihren Besuch Ihrem Nutzerkonto zuordnen kann, loggen Sie sich bitte vorher aus.</P>

          <H nr="05">Analyse-Tools und Werbung</H>
          <H3>Google Analytics</H3>
          <P>Diese Website nutzt Funktionen des Webanalysedienstes Google Analytics (Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA). Google Analytics verwendet Cookies, die eine Analyse der Benutzung der Website ermöglichen. Die durch den Cookie erzeugten Informationen werden in der Regel an einen Server von Google in den USA übertragen. Grundlage: Art. 6 Abs. 1 lit. f DSGVO.</P>
          <P><strong style={{color:'var(--fg)'}}>IP-Anonymisierung:</strong> Wir haben auf dieser Website die Funktion IP-Anonymisierung aktiviert. Dadurch wird Ihre IP-Adresse von Google innerhalb der EU bzw. des EWR vor der Übermittlung in die USA gekürzt.</P>
          <P><strong style={{color:'var(--fg)'}}>Widerspruch:</strong> Sie können die Erfassung durch Google Analytics verhindern, indem Sie das Browser-Plugin unter <L href="https://tools.google.com/dlpage/gaoptout?hl=de"/> installieren. Mehr Informationen: <L href="https://support.google.com/analytics/answer/6004245?hl=de"/>.</P>
          <P>Wir haben mit Google einen Vertrag zur Auftragsdaten­verarbeitung abgeschlossen und setzen die strengen Vorgaben der deutschen Datenschutz­behörden vollständig um.</P>

          <H3>Google reCAPTCHA</H3>
          <P>Wir nutzen „Google reCAPTCHA" auf unseren Websites (Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA). Mit reCAPTCHA wird überprüft, ob die Dateneingabe auf unseren Websites durch einen Menschen oder durch ein automatisiertes Programm erfolgt. Dazu analysiert reCAPTCHA verschiedene Informationen (z.B. IP-Adresse, Verweildauer, Mausbewegungen) — die Analyse läuft vollständig im Hintergrund. Grundlage: Art. 6 Abs. 1 lit. f DSGVO.</P>

          <H nr="06">Newsletter</H>
          <P>Wenn Sie einen Newsletter beziehen möchten, benötigen wir von Ihnen eine E-Mail-Adresse sowie Informationen, welche uns die Überprüfung gestatten, dass Sie der Inhaber der angegebenen E-Mail-Adresse sind und mit dem Empfang einverstanden sind. Weitere Daten werden nur auf freiwilliger Basis erhoben und ausschließlich für den Versand der angeforderten Informationen verwendet. Verarbeitung auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) — jederzeit widerrufbar, z.B. über den „Austragen"-Link im Newsletter.</P>

          <H nr="07">Plugins und Tools</H>
          <H3>Google Maps</H3>
          <P>Diese Seite nutzt über eine API den Kartendienst Google Maps (Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA). Zur Nutzung ist es notwendig, Ihre IP-Adresse zu speichern. Diese Informationen werden in der Regel an einen Google-Server in den USA übertragen. Grundlage: Art. 6 Abs. 1 lit. f DSGVO. Mehr: <L href="https://www.google.de/intl/de/policies/privacy/"/></P>

          <div style={{marginTop:64,paddingTop:32,borderTop:'1px solid var(--border-soft)'}}>
            <details>
              <summary style={{color:'var(--fg-dim)',fontSize:13,cursor:'pointer',padding:'8px 0'}} className="mono">PRIVACY POLICY (ENGLISH VERSION)</summary>
              <div style={{marginTop:24}}>
                <H3>1. An overview of data protection</H3>
                <P>The following gives a simple overview of what happens to your personal information when you visit our website. Personal information is any data with which you could be personally identified. Detailed information can be found in the German version of this policy above.</P>
                <H3>2. Notice concerning the party responsible for this website</H3>
                <P>4its GmbH · Burchardstraße 22 · 20095 Hamburg · Phone +49 (0) 40 56 19 47 0 · Email info@4its.de</P>
                <H3>3. Your rights</H3>
                <P>You always have the right to request information about your stored data, its origin, recipients and the purpose of its collection at no charge. You also have the right to request that it be corrected, blocked, or deleted. You can contact us at any time using the address in our legal notice. You may also file a complaint with the competent regulatory authorities.</P>
                <H3>4. SSL/TLS encryption</H3>
                <P>This site uses SSL or TLS encryption for security reasons and for the protection of the transmission of confidential content. You can recognize an encrypted connection in your browser's address line when it changes from „http://" to „https://".</P>
                <H3>5. Analytics &amp; cookies</H3>
                <P>This website uses Google Analytics with IP anonymization activated. You can prevent the collection of your data by Google Analytics by installing the browser plug-in at <L href="https://tools.google.com/dlpage/gaoptout?hl=en"/>. We also use Google reCAPTCHA to distinguish human visitors from automated programs. Data processing is based on Art. 6 (1) (f) GDPR.</P>
                <P style={{fontSize:12,fontStyle:'italic'}}>For the complete policy (social plugins, newsletter, Google Maps), please refer to the full German text above.</P>
              </div>
            </details>
          </div>

          <p style={{fontSize:11,color:'var(--fg-dim)',marginTop:32,textAlign:'center'}} className="mono">Stand: 2018-05-22 · Quelle: 4its.de/datenschutzerklarung</p>
        </div>
      </section>
    </div>
  );
}

Object.assign(window, { DatenschutzPage });
