chore: Repository-Struktur bereinigt - Dateien aus dev/ in das Hauptverzeichnis verschoben
This commit is contained in:
@@ -0,0 +1,116 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user