adjusted datenschutz page

client/src/app/Main.tsx

@@ -9,10 +9,10 @@ import React, { useEffect, useState } from "react";
 enum AuthState {
 	LoggedIn,
 	LoginScreen,
+	NoLongSite,
 	Unauthorized,
 	Loading,
 }
-
 export default function Main({ children }: { children: React.ReactNode }) {
 	const [auth, setAuth] = useState(AuthState.Loading);
 
@@ -39,19 +39,21 @@ export default function Main({ children }: { children: React.ReactNode }) {
 				zustand.getState().reset();
 			}
 
-			if (pathname === "/login") {
-				if (loggedIn) {
-					router.push("/");
-				} else {
-					setAuth(AuthState.LoginScreen);
-				}
-			} else {
-				if (loggedIn) {
-					setAuth(AuthState.LoggedIn);
-				} else {
+			switch (pathname) {
+				case "/datenschutz":
+				case "/impressum":
+					setAuth(AuthState.NoLongSite);
+					return;
+				case "/login":
+					if (loggedIn) {
+						router.push("/");
+					} else {
+						setAuth(AuthState.LoginScreen);
+					}
+					return;
+				default:
 					setAuth(AuthState.Unauthorized);
 					router.push("/login");
-				}
 			}
 		})();
 	}, [pathname, router]);
@@ -61,6 +63,7 @@ export default function Main({ children }: { children: React.ReactNode }) {
 			return <Loading />;
 		case AuthState.LoggedIn:
 		case AuthState.LoginScreen:
+		case AuthState.NoLongSite:
 			return children;
 		case AuthState.Unauthorized:
 			return "";

client/src/app/datenschutz/page.tsx

@@ -1,9 +1,174 @@
 export default function Datenschutz() {
 	return (
-		<div>
-			<h2 className="text-center font-headline text-4xl text-highlight">
-				Datenschutz
+		<div className="mx-auto max-w-3xl">
+			<h2 className="mb-8 text-center text-4xl font-bold">
+				Datenschutzerklärung
 			</h2>
+			<div className="mb-4">
+				<div className="font-semibold">Simon Ziegler</div>
+				<div>
+					Moose Straße 57
+					<br />
+					77815 Bühl
+				</div>
+			</div>
+			<p className="my-2">
+				Der Schutz Ihrer persönlichen Daten ist uns ein besonderes Anliegen. Wir
+				verarbeiten Ihre Daten daher ausschließlich auf Grundlage der
+				gesetzlichen Bestimmungen (DSGVO, TKG 2003). In diesen
+				Datenschutzinformationen informieren wir Sie über die wichtigsten
+				Aspekte der Datenverarbeitung im Rahmen unserer Website.
+			</p>
+			<h3 className="mt-4 text-xl font-semibold">Verantwortlicher</h3>
+			<p className="my-2">
+				Verantwortlicher für die Datenverarbeitung ist die Person Simon Ziegler
+				mit Sitz in Moose Straße 57, 77815 Bühl. Sie erreichen uns telefonisch
+				unter +49 1577 037 9441, per Mail unter{" "}
+				<a
+					href="mailto:simon.ziegler.1998+golunteer@pm.me"
+					className="font-mono"
+				>
+					{" "}
+					simon.ziegler.1998+golunteer@pm.me
+				</a>
+				oder postalisch unter der Anschrift Moose Straße 57, 77815 Bühl.
+			</p>
+			<h3 className="mt-4 text-xl font-semibold">Datensicherheit</h3>
+
+			<p className="my-2">
+				Wir treffen nach Maß des Art 32 DSGVO entsprechende Vorkehrungen zum
+				Schutz Ihrer personenbezogenen Daten. Diese betreffen insbesondere den
+				Schutz vor unerlaubtem, rechtswidrigem oder auch zufälligem Zugriff,
+				Verarbeitung, Verlust, Verwendung und Manipulation.
+			</p>
+			<h3 className="mt-4 text-xl font-semibold">Webseite</h3>
+			<h4 className="mt-2 text-lg font-semibold">
+				Personenbezogene Daten, Zweck der Datenverarbeitung und Rechtsgrundlage
+			</h4>
+			<p className="my-2">
+				Personenbezogene Daten sind Angaben, die eindeutig einer Person
+				zugeordnet werden können. Dazu gehören unter anderem Angaben wie
+				vollständiger Name, Anschrift, E-Mail und Telefonnummer. Bei einer
+				Nutzung unserer Website werden aus technischen Gründen automatisch
+				weitere Daten erfasst (Datum und Uhrzeit der Anfrage, angesteuerte
+				Unterseite auf unserer Webseite). Diese technischen Informationen können
+				im Einzelfall personenbezogene Daten sein. Im Regelfall verwenden wir
+				diese technischen Informationen nur, wenn dies (aus technischen Gründen)
+				für den Betrieb und Schutz unserer Website vor Angriffen und Missbrauch
+				erforderlich ist.
+			</p>
+			<p className="my-2">
+				Wenn Sie per E-Mail Kontakt mit uns aufnehmen, werden Ihre angegebenen
+				Daten (Vorname, Nachname, Adresse, Telefonnummer, E-Mail) zwecks
+				Bearbeitung der Anfrage und für den Fall von Anschlussfragen sechs
+				Monate bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre
+				Einwilligung weiter. Sie können Ihre Einwilligung mit Wirkung für die
+				Zukunft jederzeit widerrufen. Dies gilt auch für den Widerruf von
+				Einwilligungserklärungen, die vor der Geltung der DSGVO, uns gegenüber
+				erteilt worden sind. Über die Zwecke und über die Konsequenzen eines
+				Widerrufs oder der Nichterteilung einer Einwilligung werden Sie
+				gesondert im entsprechenden Text der Einwilligung informiert.
+			</p>
+			<p className="my-2">
+				Zur Erfüllung von Verträgen bzw. vorvertragliche Maßnahmen und darüber
+				hinaus verarbeiten wir Ihre Daten (Vorname, Nachname, Adresse,
+				Telefonnummer, E-Mail) gegebenenfalls, wenn es erforderlich ist, um
+				berechtigte Interessen von uns oder Dritten zu wahren, insbesondere für
+				folgende Zwecke: hinaus verarbeiten wir Ihre Daten (Vorname, Nachname,
+				Adresse, Telefonnummer, E-Mail) gegebenenfalls, wenn es erforderlich
+				ist, um berechtigte Interessen von uns oder Dritten zu wahren,
+				insbesondere für folgende Zwecke:
+			</p>
+			<ul className="ml-6 list-disc">
+				<li>Beantwortung von Anfragen</li>
+				<li>Technische Administration</li>
+				<li>
+					der Weiterentwicklung von Dienstleistungen und Produkten sowie
+					bestehenden Systemen und Prozessen
+				</li>
+				<li>
+					der Geltendmachung rechtlicher Ansprüche &amp; Verteidigung bei
+					rechtlichen Streitigkeiten, die nicht unmittelbar dem
+					Vertragsverhältnis zuzuordnen sind
+				</li>
+				<li>
+					der Verhinderung und Aufklärung von Straftaten, soweit nicht
+					ausschließlich zur Erfüllung gesetzlicher Vorgaben
+				</li>
+			</ul>
+			<p className="my-2">Die Rechtsgrundlagen der Datenverarbeitung sind:</p>
+			<ul className="ml-6 list-disc">
+				<li>Vertragsabwicklung gemäß Art 6 Abs 1 lit b DSGVO</li>
+				<li>Ihre allfällige Einwilligung gemäß Art 6 Abs 1 lit a DSGVO</li>
+				<li>berechtigtes Interesse Art 6 Abs 1 lit f DSGVO</li>
+			</ul>
+			<h4 className="font-lg mt-2 font-semibold">Speicherdauer</h4>
+			<p className="my-2">
+				Die Löschung der gespeicherten personenbezogenen Daten erfolgt, wenn Sie
+				als Nutzer unserer Website und/oder Kunde die Einwilligung zur
+				Speicherung widerrufen, wenn Ihre Daten zur Erfüllung des mit der
+				Speicherung verfolgten Zwecks nicht mehr erforderlich sind und nach
+				Ablauf der gesetzlichen Aufbewahrungspflichten bzw. nach Ablauf der
+				Dauer allfälliger darüber hinaus andauernden Rechtsstreitigkeiten oder
+				wenn Ihre Speicherung aus sonstigen gesetzlichen Gründen unzulässig ist
+				bzw. wird.
+			</p>
+			<h4 className="font-lg mt-2 font-semibold">
+				Weitergabe von Daten / Empfänger bzw. Kategorien von Empfängern
+			</h4>
+			<p className="my-2">
+				Eine Weitergabe Ihrer Daten an externe Stellen erfolgt ausschließlich im
+				Zusammenhang mit der Vertragsabwicklung, zu Zwecken der Erfüllung
+				gesetzlicher Vorgaben, nach denen wir zur Auskunft, Meldung oder
+				Weitergabe von Daten verpflichtet sind oder sofern die Datenweitergabe
+				im öffentlichen Interesse liegt.
+			</p>
+			<p className="my-2">
+				Personenbezogene Daten werden von uns nicht weitergegeben bzw.
+				übermittelt.
+			</p>
+			<h3>Cookies</h3>
+			<p className="my-2">
+				Unsere Website verwendet so genannte Cookies. Wir nutzen Cookies dazu,
+				unser Angebot nutzerfreundlich zu gestalten. Dabei handelt es sich um
+				kleine Textdateien, die mit Hilfe des Browsers auf Ihrem Endgerät
+				abgelegt werden. Sie richten keinen Schaden an. Wird der entsprechende
+				Server unserer Website erneut von Ihnen aufgerufen, sendet Ihr Browser
+				den zuvor empfangenen Cookie wieder zurück an den Server. Der Server
+				kann dann die durch diese Prozedur erhaltenen Informationen auf
+				verschiedene Arten auswerten. Durch Cookies können z. B. Logins
+				gespeichert oder das Navigieren auf einer Internetseite erleichtert
+				werden.
+			</p>
+			<p className="my-2">
+				Wenn Sie die Nutzung von Cookies unterbinden möchten, so können Sie dies
+				durch lokale Vornahme der Änderungen Ihrer Einstellungen in dem auf
+				Ihrem Computer verwendeten Internetbrowser (z. B. Google Chrome, Mozilla
+				Firefox, Safari etc.) tun. Sie können Ihren Browser so einrichten, dass
+				er Sie über das Setzen von Cookies informiert und Sie dies nur im
+				Einzelfall erlauben. Bei der Deaktivierung von Cookies kann zur
+				Einschränkung der Funktionalität unserer Website kommen.
+			</p>
+
+			<h3 className="mt-4 text-xl font-semibold">Ihre Rechte</h3>
+			<p className="my-2">
+				Ihnen stehen grundsätzlich die Rechte auf Auskunft, Berichtigung,
+				Löschung, Einschränkung, Datenübertragbarkeit, Widerruf und Widerspruch
+				zu.
+			</p>
+			<p className="my-2">
+				Wenn Sie glauben, dass die Verarbeitung Ihrer Daten gegen das
+				Datenschutzrecht verstößt oder Ihre datenschutzrechtlichen Ansprüche
+				sonst in einer Weise verletzt worden sind, können Sie sich bei uns{" "}
+				<a
+					href="mailto:simon.ziegler.1998+golunteer@pm.me"
+					className="font-mono"
+				>
+					{" "}
+					simon.ziegler.1998+golunteer@pm.me
+				</a>
+				oder der Datenschutzbehörde beschweren.
+			</p>
 		</div>
 	);
 }

client/src/app/impressum/page.tsx

@@ -1,10 +1,30 @@
 export default function Impressum() {
 	return (
-		<div>
-			{" "}
-			<h2 className="text-center font-headline text-4xl text-highlight">
+		<div className="mx-auto max-w-3xl">
+			<h2 className="mb-8 text-center font-headline text-4xl font-bold text-highlight">
 				Impressum
 			</h2>
+			<div className="mb-4 grid gap-2">
+				<div>Simon Ziegler</div>
+				<div>
+					Moose Straße 57
+					<br />
+					77815 Bühl
+				</div>
+				<div className="grid grid-cols-[min-content_1fr] gap-x-2">
+					<div>Telefon:</div>
+					<div className="font-mono">+49 1577 037 9441</div>
+					<div>E-Mail:</div>
+					<div>
+						<a
+							href="mailto:simon.ziegler.1998+golunteer@pm.me"
+							className="font-mono"
+						>
+							simon.ziegler.1998+golunteer@pm.me
+						</a>
+					</div>
+				</div>
+			</div>
 		</div>
 	);
 }

client/tailwind.config.ts

@@ -52,6 +52,7 @@ export default {
 			subheadline: ["uncut-sans"],
 			body: ["uncut-sans"],
 			numbers: ["space-mono"],
+			mono: ["space-mono"],
 		},
 	},
 	safelist: [