Bigger redesign

This commit is contained in:
Christian Anetzberger
2023-01-31 17:05:28 +01:00
parent 7ac213d208
commit 13ecc97011
29 changed files with 3207 additions and 299 deletions

View File

@@ -1,6 +1,12 @@
// React, NextJS
import React from "react";
import Head from "next/head";
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
export default function Datenschutz(props) {
return (
<>
@@ -12,10 +18,10 @@ export default function Datenschutz(props) {
/>
<title>Datenschutz - Prothmann GmbH</title>
</Head>
<div className="container products-container navbar-spacing">
<Container className="products-container navbar-spacing">
<h1 className="text-center">Datenschutz</h1>
<div className="section-row row">
<div className="section-text-col section-text-col-text-center col">
<Row className="section-row">
<Col className="section-text-col section-text-col-text-center">
<p className="text-center">
Verantwortliche Stelle im Sinne der Datenschutzgesetze,
insbesondere der EU-Datenschutzgrundverordnung (DSGVO), ist:
@@ -26,13 +32,13 @@ export default function Datenschutz(props) {
Industriestraße 6<br />
82149 Gröbenzell
</p>
</div>
</div>
<div className="section-row-heading row">
</Col>
</Row>
<Row className="section-row-heading">
<h4>Ihre Betroffenenrechte</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<ul>
<li>
Auskunft über Ihre bei uns gespeicherten Daten und deren
@@ -81,15 +87,15 @@ export default function Datenschutz(props) {
</a>
.
</p>
</div>
</div>
<div className="section-row-heading text-center row">
</Col>
</Row>
<Row className="section-row-heading text-center">
<h4>
Erfassung allgemeiner Informationen beim Besuch unserer Website
</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5>
<p>
Wenn Sie auf unsere Website zugreifen, d.h., wenn Sie sich nicht
@@ -148,13 +154,13 @@ export default function Datenschutz(props) {
und Services nicht verfügbar oder eingeschränkt sein. Aus diesem
Grund ist ein Widerspruch ausgeschlossen.{" "}
</p>
</div>
</div>
<div className="section-row-heading text-center row">
</Col>
</Row>
<Row className="section-row-heading text-center">
<h4>Kontaktformular und eAnfrage</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5>
<p>
Die von Ihnen eingegebenen Daten werden zum Zweck der
@@ -207,13 +213,13 @@ export default function Datenschutz(props) {
Sie uns Ihren Namen, Ihre E-Mail-Adresse und den Grund der Anfrage
mitteilen.
</p>
</div>
</div>
<div className="section-row-heading text-center row">
</Col>
</Row>
<Row className="section-row-heading text-center">
<h4>Verwendung von Google Analytics</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5>
<p>
Diese Website benutzt Google Analytics, einen Webanalysedienst der
@@ -305,13 +311,13 @@ export default function Datenschutz(props) {
der Besucher der Webseite bewertet und die Interessen analysiert
werden. Hierzu erstellen wir ein pseudonymes Nutzerprofil.
</p>
</div>
</div>
<div className="section-row-heading text-center row">
</Col>
</Row>
<Row className="section-row-heading text-center">
<h4>Verwendung von Adobe Typekit</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5>
<p>
Wir setzen Adobe Typekit zur visuellen Gestaltung unserer Website
@@ -377,13 +383,13 @@ export default function Datenschutz(props) {
die korrekte Darstellung der Inhalte von Standardschriften nicht
ermöglicht werden.
</p>
</div>
</div>
<div className="section-row-heading text-center row">
</Col>
</Row>
<Row className="section-row-heading text-center">
<h4>Verwendung von Google Maps</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5>
<p>
Auf dieser Webseite nutzen wir das Angebot von Google Maps. Google
@@ -464,13 +470,13 @@ export default function Datenschutz(props) {
Zugriff unterbinden, kann es hierdurch zu Funktionseinschränkungen
auf der Website kommen.
</p>
</div>
</div>
<div className="section-row-heading text-center row">
</Col>
</Row>
<Row className="section-row-heading text-center">
<h4>Google AdWords</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5>
<p>
Unsere Webseite nutzt das Google Conversion-Tracking.
@@ -549,25 +555,25 @@ export default function Datenschutz(props) {
Zugriff unterbinden, kann es hierdurch zu Funktionseinschränkungen
auf der Website kommen.
</p>
</div>
</div>
<div className="section-row-heading text-center row">
</Col>
</Row>
<Row className="section-row-heading text-center">
<h4>SSL-Verschlüsselung</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<p>
Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen,
verwenden wir dem aktuellen Stand der Technik entsprechende
Verschlüsselungsverfahren (z. B. SSL) über HTTPS.
</p>
</div>
</div>
<div className="section-row-heading text-center row">
</Col>
</Row>
<Row className="section-row-heading text-center">
<h4>Änderung unserer Datenschutzbestimmungen</h4>
</div>
<div className="section-row row">
<div className="section-text-col col">
</Row>
<Row className="section-row">
<Col className="section-text-col">
<p>
Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit
sie stets den aktuellen rechtlichen Anforderungen entspricht oder
@@ -575,9 +581,9 @@ export default function Datenschutz(props) {
umzusetzen, z.B. bei der Einführung neuer Services. Für Ihren
erneuten Besuch gilt dann die neue Datenschutzerklärung.
</p>
</div>
</div>
</div>
</Col>
</Row>
</Container>
</>
);
}