Files
reactShop/src/pages/Datenschutz.js
sebseb7 55d9f6a543 feat: update data protection legal documents and enhance translation support
- Added new legal documents for data protection, including basic, customer, Google orders, newsletter, chatbot, cookies, and rights.
- Updated the main Datenschutz component to utilize the new translation files for improved localization.
- Removed the old legal-datenschutz.js file to streamline the structure and ensure clarity in legal documentation.
2025-08-05 18:22:50 +02:00

154 lines
14 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import React from 'react';
import Typography from '@mui/material/Typography';
import LegalPage from './LegalPage.js';
import { useTranslation } from 'react-i18next';
const Datenschutz = () => {
const { t: tBasic } = useTranslation('legal-datenschutz-basic');
const { t: tCustomer } = useTranslation('legal-datenschutz-customer');
const { t: tGoogleOrders } = useTranslation('legal-datenschutz-google-orders');
const { t: tNewsletter } = useTranslation('legal-datenschutz-newsletter');
const { t: tChatbot } = useTranslation('legal-datenschutz-chatbot');
const { t: tCookiesPayment } = useTranslation('legal-datenschutz-cookies-payment');
const { t: tRights } = useTranslation('legal-datenschutz-rights');
const content = (
<>
<Typography variant="h6" gutterBottom>
{tBasic ? tBasic('responsibleParty.title') : 'Verantwortlich im Sinne der Datenschutzgesetzes:'}
</Typography>
<Typography variant="body1" paragraph>
{tBasic ? tBasic('responsibleParty.company') : 'Growheads\nTrachenberger Straße 14\n01129 Dresden'}
</Typography>
<Typography variant="body1" paragraph>
{tBasic ? tBasic('generalInfo') : 'Soweit nachstehend keine anderen Angaben gemacht werden, ist die Bereitstellung Ihrer personenbezogenen Daten weder gesetzlich oder vertraglich vorgeschrieben, noch für einen Vertragsabschluss erforderlich. Sie sind zur Bereitstellung der Daten nicht verpflichtet. Eine Nichtbereitstellung hat keine Folgen. Dies gilt nur soweit bei den nachfolgenden Verarbeitungsvorgängen keine anderweitige Angabe gemacht wird. "Personenbezogene Daten" sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person beziehen.'}
</Typography>
{/* Information Deletion and Server Logfiles from Basic */}
{['informationDeletion', 'serverLogfiles'].map(section => (
<React.Fragment key={section}>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tBasic ? tBasic(`sections.${section}.title`) : `Section ${section} title`}
</Typography>
<Typography variant="body1" paragraph>
{tBasic ? tBasic(`sections.${section}.content`) : `Section ${section} content`}
</Typography>
</React.Fragment>
))}
{/* Customer Account from Customer */}
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tCustomer ? tCustomer('sections.customerAccount.title') : 'Kundenkonto'}
</Typography>
<Typography variant="body1" paragraph>
{tCustomer ? tCustomer('sections.customerAccount.content') : 'Customer account content'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tGoogleOrders ? tGoogleOrders('sections.googleSSO.title') : 'Anmeldung mit Google (Google Single Sign-On)'}
</Typography>
<Typography variant="body1" paragraph>
{tGoogleOrders ? tGoogleOrders('sections.googleSSO.content') : 'Google SSO content'}
</Typography>
<Typography variant="body1" paragraph>
<strong>Rechtsgrundlagen:</strong> {tGoogleOrders ? tGoogleOrders('sections.googleSSO.legalBasis') : 'Legal basis content'}
</Typography>
<Typography variant="body1" paragraph>
<strong>Freiwillige Nutzung:</strong> {tGoogleOrders ? tGoogleOrders('sections.googleSSO.voluntaryUse') : 'Voluntary use content'}
</Typography>
<Typography variant="body1" paragraph>
<strong>Ihre Rechte:</strong> {tGoogleOrders ? tGoogleOrders('sections.googleSSO.yourRights') : 'Your rights content'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tGoogleOrders ? tGoogleOrders('sections.orders.title') : 'Erhebung, Verarbeitung und Nutzung personenbezogener Daten bei Bestellungen'}
</Typography>
<Typography variant="body1" paragraph>
{tGoogleOrders ? tGoogleOrders('sections.orders.content') : 'Bei der Bestellung erheben und verwenden wir Ihre personenbezogenen Daten nur, soweit dies zur Erfüllung und Abwicklung Ihrer Bestellung sowie zur Bearbeitung Ihrer Anfragen erforderlich ist. Die Bereitstellung der Daten ist für den Vertragsschluss erforderlich. Eine Nichtbereitstellung hat zur Folge, dass kein Vertrag geschlossen werden kann. Die Verarbeitung erfolgt auf Grundlage des Art. 6 (1) lit. b DSGVO und ist für die Erfüllung eines Vertrags mit Ihnen erforderlich. Eine Weitergabe Ihrer Daten an Dritte ohne Ihre ausdrückliche Einwilligung erfolgt nicht. Ausgenommen hiervon sind lediglich unsere Dienstleistungspartner, die wir zur Abwicklung des Vertragsverhältnisses benötigen oder Dienstleister, derer wir uns im Rahmen einer Auftragsverarbeitung bedienen. Neben den in den jeweiligen Klauseln dieser Datenschutzerklärung benannten Empfängern sind dies beispielsweise Empfänger folgender Kategorien: Versanddienstleister, Zahlungsdienstleister, Warenwirtschaftsdienstleister, Diensteanbieter für die Bestellabwicklung, Webhoster, IT-Dienstleister und Dropshipping-Händler. In allen Fällen beachten wir strikt die gesetzlichen Vorgaben. Der Umfang der Datenübermittlung beschränkt sich auf ein Mindestmaß.'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tNewsletter ? tNewsletter('sections.newsletter.title') : 'Verwendung der E-Mail-Adresse für die Zusendung von Newslettern'}
</Typography>
<Typography variant="body1" paragraph>
{tNewsletter ? tNewsletter('sections.newsletter.content') : 'Wir nutzen Ihre E-Mail-Adresse unabhängig von der Vertragsabwicklung ausschließlich für eigene Werbezwecke zum Newsletterversand, sofern Sie dem ausdrücklich zugestimmt haben. Die Verarbeitung erfolgt auf Grundlage des Art. 6 (1) lit. a DSGVO mit Ihrer Einwilligung. Sie können die Einwilligung jederzeit widerrufen, ohne dass die Rechtmäßigkeit der aufgrund der Einwilligung bis zum Widerruf erfolgten Verarbeitung berührt wird. Sie können dazu den Newsletter jederzeit unter Nutzung des entsprechenden Links im Newsletter oder durch Mitteilung an uns abbestellen. Ihre E-Mail-Adresse wird danach aus dem Verteiler entfernt. Ihre Daten werden dabei an einen Dienstleister für E-Mail-Marketing im Rahmen einer Auftragsverarbeitung weitergegeben. Eine Weitergabe an sonstige Dritte erfolgt nicht. Ihre Daten werden an ein Drittland übermittelt, für welches ein Angemessenheitsbeschluss der Europäischen Kommission vorhanden ist.'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tChatbot ? tChatbot('sections.chatbot.title') : 'Einsatz eines KI-Chatbots (OpenAI API)'}
</Typography>
<Typography variant="body1" paragraph>
{tChatbot ? tChatbot('sections.chatbot.content') : 'Wir verwenden auf unserer Website einen KI-gestützten Chatbot, der über die Programmierschnittstelle (API) des Anbieters OpenAI betrieben wird. Der Chatbot dient dazu, Anfragen von Besuchern effizient und automatisiert zu beantworten und somit eine Support-Funktion bereitzustellen. Wenn Sie den Chatbot nutzen, werden Ihre Eingaben vom System verarbeitet, um passende Antworten zu generieren. Die Verarbeitung erfolgt anonymisiert es werden keine IP-Adressen oder sonstige personenbezogene Daten (wie Name oder Kontaktdaten) erfasst oder gespeichert.'}
</Typography>
<Typography variant="body1" paragraph>
{tChatbot ? tChatbot('sections.chatbot.legalBasis') : 'Rechtsgrundlage für den Einsatz des Chatbots ist unser berechtigtes Interesse nach Art. 6 Abs. 1 lit. f DSGVO. Dieses Interesse liegt in der Bereitstellung eines effektiven Besucher-Supports sowie in der Verbesserung der Nutzererfahrung auf unserer Website.'}
</Typography>
<Typography variant="body1" paragraph>
{tChatbot ? tChatbot('sections.chatbot.dataRecipient') : 'Empfänger der Chat-Daten ist OpenAI (OpenAI OpCo, LLC) als technischer Dienstleister. OpenAI verarbeitet die übermittelten Chat-Inhalte auf seinen Servern ausschließlich zum Zweck der Antwortgenerierung. OpenAI handelt hierbei als Auftragsverarbeiter gemäß Art. 28 DSGVO und verwendet die Daten nicht für eigene Zwecke. Wir haben mit OpenAI einen Vertrag zur Auftragsverarbeitung geschlossen, der die EU-Standardvertragsklauseln als geeignete Garantien für den Datenschutz umfasst. OpenAI hat seinen Hauptsitz in den USA; durch die Vereinbarung der Standardvertragsklauseln wird sichergestellt, dass bei der Übermittlung Ihrer Daten ein der Europäischen Union entsprechendes Datenschutzniveau gewährleistet ist.'}
</Typography>
<Typography variant="body1" paragraph>
{tChatbot ? tChatbot('sections.chatbot.dataRetention') : 'Wir speichern Ihre Chat-Anfragen nur so lange, wie es für die Bearbeitung und Beantwortung erforderlich ist. Sobald Ihr Anliegen abgeschlossen ist, werden die Chat-Verläufe zeitnah gelöscht beziehungsweise anonymisiert. OpenAI bewahrt die verarbeiteten Chat-Daten nach eigenen Angaben nur vorübergehend auf und löscht sie automatisiert spätestens nach 30 Tagen.'}
</Typography>
<Typography variant="body1" paragraph>
{tChatbot ? tChatbot('sections.chatbot.voluntaryUse') : 'Die Nutzung des Chatbots ist freiwillig. Wenn Sie den Chatbot nicht verwenden, findet keine Datenübermittlung an OpenAI statt. Bitte geben Sie im Chat keine sensiblen personenbezogenen Daten ein.'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tCookiesPayment ? tCookiesPayment('sections.cookies.title') : 'Cookies'}
</Typography>
<Typography variant="body1" paragraph>
{tCookiesPayment ? tCookiesPayment('sections.cookies.intro') : 'Unsere Website setzt Cookies in folgenden Fällen ein:'}
</Typography>
<Typography variant="body1" paragraph component="div" style={{ paddingLeft: '20px' }}>
<div style={{ marginBottom: '10px' }}>
<strong>{tCookiesPayment ? tCookiesPayment('sections.cookies.payment') : '1. Zahlungsprozess: Bei Kreditkartenzahlungen oder Sofortüberweisungen (z. B. Klarna Sofort) werden technisch notwendige Cookies verwendet. Diese enthalten eine charakteristische Zeichenfolge, die eine eindeutige Identifizierung des Browsers ermöglicht. Die Cookies werden vom Zahlungsdienstleister Stripe gesetzt und sind für die sichere und reibungslose Abwicklung der Zahlungen zwingend erforderlich. Ohne diese Cookies ist eine Bestellung mit diesen Zahlungsarten nicht möglich. Die Verarbeitung erfolgt auf Grundlage des Art. 6 (1) lit. b DSGVO zur Vertragserfüllung.'}</strong>
</div>
<div>
<strong>{tCookiesPayment ? tCookiesPayment('sections.cookies.googleSSO') : '2. Google Single Sign-On (SSO): Bei Nutzung der Google-Anmeldung werden Cookies durch Google gesetzt, die für den Anmeldevorgang und die Authentifizierung erforderlich sind. Diese Cookies ermöglichen es Ihnen, sich bequem mit Ihrem Google-Konto anmelden zu können, ohne sich jedes Mal neu anmelden zu müssen. Die Verarbeitung erfolgt auf Grundlage von Art. 6 (1) lit. b DSGVO (Vertragserfüllung) und Art. 6 (1) lit. f DSGVO (berechtigtes Interesse an einer benutzerfreundlichen Anmeldung).'}</strong>
</div>
</Typography>
<Typography variant="body1" paragraph>
{tCookiesPayment ? tCookiesPayment('sections.cookies.otherPayments') : 'Für andere Zahlungsarten Lastschrift, Abholung oder Nachnahme werden keine zusätzlichen Cookies verwendet, sofern Sie nicht die Google-Anmeldung nutzen.'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tCookiesPayment ? tCookiesPayment('sections.mollie.title') : 'Mollie (Zahlungsabwicklung)'}
</Typography>
<Typography variant="body1" paragraph>
{tCookiesPayment ? tCookiesPayment('sections.mollie.content') : 'Mollie payment processing content'}
</Typography>
<Typography variant="body1" paragraph>
{tCookiesPayment ? tCookiesPayment('sections.mollie.responsibility') : 'Mollie responsibility content'}
</Typography>
<Typography variant="body1" paragraph>
{tCookiesPayment ? tCookiesPayment('sections.mollie.dataTransfer') : 'Mollie data transfer content'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tRights ? tRights('sections.dataRetention.title') : 'Dauer der Speicherung'}
</Typography>
<Typography variant="body1" paragraph>
{tRights ? tRights('sections.dataRetention.content') : 'Nach vollständiger Vertragsabwicklung werden die Daten zunächst für die Dauer der Gewährleistungsfrist, danach unter Berücksichtigung gesetzlicher, insbesondere steuer- und handelsrechtlicher Aufbewahrungsfristen gespeichert und dann nach Fristablauf gelöscht, sofern Sie der weitergehenden Verarbeitung und Nutzung nicht zugestimmt haben.'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tRights ? tRights('sections.dataSubjectRights.title') : 'Rechte der betroffenen Person'}
</Typography>
<Typography variant="body1" paragraph>
{tRights ? tRights('sections.dataSubjectRights.content') : 'Ihnen stehen bei Vorliegen der gesetzlichen Voraussetzungen folgende Rechte nach Art. 15 bis 20 DSGVO zu: Recht auf Auskunft, auf Berichtigung, auf Löschung, auf Einschränkung der Verarbeitung, auf Datenübertragbarkeit. Außerdem steht Ihnen nach Art. 21 (1) DSGVO ein Widerspruchsrecht gegen die Verarbeitungen zu, die auf Art. 6 (1) f DSGVO beruhen, sowie gegen die Verarbeitung zum Zwecke von Direktwerbung. Kontaktieren Sie uns auf Wunsch. Die Kontaktdaten finden Sie in unserem Impressum.'}
</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
{tRights ? tRights('sections.supervisoryAuthority.title') : 'Beschwerderecht bei der Aufsichtsbehörde'}
</Typography>
<Typography variant="body1" paragraph>
{tRights ? tRights('sections.supervisoryAuthority.content') : 'Sie haben gemäß Art. 77 DSGVO das Recht, sich bei der Aufsichtsbehörde zu beschweren, wenn Sie der Ansicht sind, dass die Verarbeitung Ihrer personenbezogenen Daten nicht rechtmäßig erfolgt.'}
</Typography>
</>
);
return <LegalPage title={tBasic ? tBasic('title') : 'Datenschutzerklärung'} content={content} />;
};
export default Datenschutz;