116 lines
5.6 KiB
HTML
116 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Void-Genesis | Rechtliches</title>
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
<style>
|
|
/* ----------------------------------------------------------------------
|
|
* OVERRIDES & SPEZIFISCHES STYLING FÜR TEXTSEITEN
|
|
* Wir überschreiben hier bewusst ein paar Regeln aus der layout.css,
|
|
* damit diese Textseiten normal scrollbar und auf allen Geräten gut lesbar sind.
|
|
* ---------------------------------------------------------------------- */
|
|
|
|
body {
|
|
position: relative; /* Überschreibt 'position: fixed' aus layout.css */
|
|
overflow: auto; /* Überschreibt 'overflow: hidden' aus layout.css -> Scrollen erlauben! */
|
|
padding: 40px 20px; /* Etwas Abstand zum Bildschirmrand */
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start; /* Container startet oben, nicht zentriert in der Mitte */
|
|
}
|
|
|
|
/* ----------------------------------------------------------------------
|
|
* DER TEXT-CONTAINER (Sci-Fi Panel Optik)
|
|
* Erzeugt eine dunkle, leicht transparente Box mit einem dezenten Cyan-Rahmen.
|
|
* ---------------------------------------------------------------------- */
|
|
.legal-container {
|
|
max-width: 800px; /* Angenehme Lesebreite für Text */
|
|
width: 100%;
|
|
background: rgba(11, 25, 44, 0.9); /* Unsere PANEL_BG Farbe, fast deckend */
|
|
border: 1px solid var(--color-cyan-dark);
|
|
box-shadow: 0 0 20px rgba(0, 240, 255, 0.1); /* Leichter Glow nach außen */
|
|
padding: 40px;
|
|
box-sizing: border-box;
|
|
color: var(--color-text-main);
|
|
line-height: 1.6; /* Wichtig für gute Lesbarkeit bei langen Texten */
|
|
font-family: var(--font-main);
|
|
}
|
|
|
|
/* ----------------------------------------------------------------------
|
|
* TYPOGRAFIE ANPASSUNGEN
|
|
* Überschriften heben wir farblich in unserem Cyan hervor.
|
|
* ---------------------------------------------------------------------- */
|
|
.legal-container h1, .legal-container h2, .legal-container h3 {
|
|
color: var(--color-cyan-bright);
|
|
letter-spacing: 2px;
|
|
text-transform: uppercase;
|
|
margin-top: 30px;
|
|
margin-bottom: 15px;
|
|
border-bottom: 1px solid rgba(0, 240, 255, 0.2); /* Feine Trennlinie unter den Titeln */
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.legal-container h1 {
|
|
font-size: 24px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.legal-container p, .legal-container ul {
|
|
margin-bottom: 20px;
|
|
color: var(--color-text-inactive); /* Minimal dunklerer Text für weniger Augenbelastung */
|
|
}
|
|
|
|
/* ----------------------------------------------------------------------
|
|
* LINKS INNERHALB DES TEXTES
|
|
* ---------------------------------------------------------------------- */
|
|
.legal-container a {
|
|
color: var(--color-cyan-bright);
|
|
text-decoration: none;
|
|
transition: text-shadow 0.2s ease;
|
|
}
|
|
|
|
.legal-container a:hover {
|
|
text-shadow: 0 0 8px var(--color-cyan-bright);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="legal-container">
|
|
|
|
<h1>Datenschutzerklärung</h1>
|
|
|
|
<h2>1. Verantwortlicher</h2>
|
|
<p>Verantwortlich für die Datenverarbeitung ist der Betreiber (siehe Impressum).</p>
|
|
|
|
<h2>2. Erhebung und Verarbeitung personenbezogener Daten</h2>
|
|
<p>Zur Bereitstellung des Spielbetriebs werden bei der Registrierung und Nutzung folgende Daten erhoben:</p>
|
|
|
|
<ul>
|
|
<li><strong>E-Mail-Adresse:</strong> zur Identifikation und Account-Wiederherstellung</li>
|
|
<li><strong>Benutzername</strong></li>
|
|
<li><strong>Passwörter:</strong> werden ausschließlich kryptografisch gehasht mit Argon2 gespeichert; der Betreiber hat keinen Zugriff auf das Klartextpasswort</li>
|
|
<li><strong>IP-Adressen und Verbindungsdaten:</strong> für Spamschutz, Rate-Limiting und zur Durchsetzung der Multi-Account-Regeln</li>
|
|
<li><strong>Zeitstempel:</strong> Erstellung, letzter Login</li>
|
|
</ul>
|
|
|
|
<h2>3. Lokale Speicherung (Tokens)</h2>
|
|
<p>Void-Genesis verwendet keine Tracking-Cookies von Drittanbietern. Zur technischen Aufrechterhaltung der Sitzung (Authentifizierung) werden lediglich "strictly necessary" (unbedingt erforderliche) Daten lokal im Browser des Spielers gespeichert:</p>
|
|
<ul>
|
|
<li><strong>Session Storage:</strong> Kurzlebige Access-Tokens für den aktuellen Login-Status.</li>
|
|
<li><strong>Local Storage:</strong> Langlebige Refresh-Tokens, sofern die Funktion "Angemeldet bleiben" gewählt wurde, sowie die bevorzugte Spracheinstellung.</li>
|
|
</ul>
|
|
|
|
<h2>4. E-Mail-Versand (Brevo)</h2>
|
|
<p>Für den Versand systemrelevanter E-Mails (Registrierungs-OTP, Passwort-Reset) nutzen wir den Dienstleister Brevo. Hierzu wird die E-Mail-Adresse über eine gesicherte API (REST) an Brevo übermittelt, jedoch nicht für Werbezwecke missbraucht.</p>
|
|
|
|
<h2>5. Betroffenenrechte</h2>
|
|
<p>Sie haben jederzeit das Recht auf Auskunft, Löschung, Sperrung oder Berichtigung Ihrer gespeicherten personenbezogenen Daten. Wenden Sie sich hierfür bitte an die im Impressum angegebene Kontaktadresse.</p>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |