From 8b3f8101588279b5559adf56ab38a37cbfd796f9 Mon Sep 17 00:00:00 2001
From: Ludwig Lehnert <ludwig@lehnert.dev>
Date: Wed, 16 Apr 2025 15:40:23 +0200
Subject: [PATCH] changed privacy policy and Datenschutzerklaerung

---
 www/imprint/index.php |   2 +-
 www/privacy/index.php | 116 +++++++++++++++++++++++++++++++-----------
 2 files changed, 86 insertions(+), 32 deletions(-)

diff --git a/www/imprint/index.php b/www/imprint/index.php
index 45e893d..1a651b2 100644
--- a/www/imprint/index.php
+++ b/www/imprint/index.php
@@ -12,7 +12,7 @@
     <style>
         body {
             margin: 0;
-            padding: 2rem;
+            padding: 0.8rem;
             background-color: #000000;
             color: white;
             font-family: 'Courier New', Courier, monospace;
diff --git a/www/privacy/index.php b/www/privacy/index.php
index 60ce941..9b50419 100644
--- a/www/privacy/index.php
+++ b/www/privacy/index.php
@@ -7,38 +7,53 @@
     <title>Privacy Policy</title>
 
     <style>
+        :root {
+            --accent: #00ffe0;
+            --accent2: #ff79c6;
+            --bg: linear-gradient(135deg, #0f0f1f, #000010);
+            --glass: rgba(255, 255, 255, 0.06);
+            --glass-border: rgba(255, 255, 255, 0.12);
+        }
+
+        * {
+            box-sizing: border-box;
+        }
+
         body {
             margin: 0;
-            padding: 3rem 1.5rem;
+            padding: 2rem 1rem;
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: linear-gradient(135deg, #10111a, #000010);
+            background: var(--bg);
             color: #e0e0e0;
             display: flex;
             flex-direction: column;
             align-items: center;
             gap: 2rem;
+            min-height: 100vh;
         }
 
         .glass-box {
-            background: rgba(255, 255, 255, 0.05);
-            border: 1px solid rgba(255, 255, 255, 0.1);
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
             border-radius: 1rem;
-            padding: 2rem 2.5rem;
-            max-width: 720px;
+            padding: 2rem 2rem;
             width: 100%;
+            max-width: 720px;
             backdrop-filter: blur(12px);
-            box-shadow: 0 0 30px rgba(0, 255, 255, 0.05);
+            box-shadow: 0 0 20px rgba(0, 255, 255, 0.05), 0 4px 20px rgba(0, 0, 0, 0.3);
+            animation: fadeIn 0.8s ease-out both;
         }
 
         h1 {
-            color: #00ffe0;
+            color: var(--accent);
             font-size: 1.6rem;
             margin-bottom: 1rem;
+            text-shadow: 0 0 8px rgba(0, 255, 255, 0.4);
         }
 
         h2 {
-            color: #ff79c6;
-            font-size: 1.2rem;
+            color: var(--accent2);
+            font-size: 1.1rem;
             margin-top: 2rem;
         }
 
@@ -48,7 +63,7 @@
         }
 
         a {
-            color: #00ffff;
+            color: var(--accent);
             text-decoration: none;
         }
 
@@ -62,6 +77,45 @@
             text-align: right;
             margin-top: 2rem;
         }
+
+        .divider {
+            height: 2px;
+            width: 60px;
+            background: var(--accent);
+            opacity: 0.4;
+            border-radius: 100px;
+            margin: 0 auto;
+        }
+
+        @media (max-width: 480px) {
+            body {
+                padding: 1.5rem 1rem;
+            }
+
+            .glass-box {
+                padding: 1.5rem 1.2rem;
+            }
+
+            h1 {
+                font-size: 1.4rem;
+            }
+
+            h2 {
+                font-size: 1rem;
+            }
+        }
+
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+                transform: translateY(20px);
+            }
+
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
     </style>
 </head>
 
@@ -71,7 +125,7 @@
         <h1>Datenschutzerklärung</h1>
 
         <h2>Verantwortliche Stelle</h2>
-        <p>Ludwig Lehnert<br>Zedernstr. 41<br>90441 Nürnberg<br><br>E-Mail: <a
+        <p>Ludwig Lehnert<br>Zedernstr. 41<br>90441 Nürnberg<br>E-Mail: <a
                 href="mailto:privacy@lehnert.dev">privacy@lehnert.dev</a></p>
 
         <h2>Erhobene Daten</h2>
@@ -79,46 +133,46 @@
             Cookies verwendet und keine Drittanbieter-Analyse-Tools eingebunden.</p>
 
         <h2>Server-Hosting</h2>
-        <p>Die Website wird auf einem Server der Hetzner Online GmbH (Industriestr. 25, 91710 Gunzenhausen, Deutschland)
-            gehostet. Es besteht ein Auftragsverarbeitungsvertrag gemäß Art. 28 DSGVO.</p>
+        <p>Die Website wird bei der Hetzner Online GmbH (Industriestr. 25, 91710 Gunzenhausen, Deutschland) gehostet. Es
+            besteht ein Auftragsverarbeitungsvertrag gemäß Art. 28 DSGVO.</p>
 
         <h2>Zugriffsprotokolle</h2>
-        <p>Beim Zugriff auf die Website speichert der Webserver automatisch technische Protokolle (sogenannte Logfiles),
-            die Ihre IP-Adresse und den Zeitpunkt des Zugriffs enthalten. Diese Daten werden ausschließlich zur
-            Fehlererkennung, Sicherheit und statistischen Zwecken verwendet und nach spätestens 90 Tagen automatisch
-            gelöscht.</p>
+        <p>Beim Zugriff auf die Website speichert der Server automatisch sogenannte Logfiles, die IP-Adresse und
+            Zeitstempel enthalten. Diese Daten werden ausschließlich für Sicherheit, Fehlererkennung und Statistiken
+            genutzt und nach 90 Tagen automatisch gelöscht.</p>
 
         <h2>Ihre Rechte</h2>
-        <p>Sie haben das Recht auf Auskunft, Berichtigung, Löschung und Einschränkung der Verarbeitung Ihrer
-            personenbezogenen Daten sowie ein Widerspruchsrecht gegen die Verarbeitung. Kontaktieren Sie mich gerne per
-            E-Mail.</p>
+        <p>Sie haben das Recht auf Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung sowie ein
+            Widerspruchsrecht. Bitte kontaktieren Sie mich über die oben genannte E-Mail-Adresse.</p>
 
         <div class="footer-note">Stand: 16. April 2025</div>
     </div>
 
+    <div class="divider"></div>
+
     <div class="glass-box">
         <h1>Privacy Policy</h1>
 
         <h2>Controller</h2>
-        <p>Ludwig Lehnert<br>Zedernstr. 41<br>90441 Nuremberg<br>Germany<br><br>Email: <a
+        <p>Ludwig Lehnert<br>Zedernstr. 41<br>90441 Nuremberg, Germany<br>Email: <a
                 href="mailto:privacy@lehnert.dev">privacy@lehnert.dev</a></p>
 
         <h2>Data Collected</h2>
-        <p>This website does not collect personal data via forms, cookies, or third-party tracking tools. No analytics
-            services are used.</p>
+        <p>This website does not collect personal data via forms or third-party tracking tools. No cookies or analytics
+            are used.</p>
 
         <h2>Server Hosting</h2>
-        <p>The site is hosted on infrastructure provided by Hetzner Online GmbH (Industriestr. 25, 91710 Gunzenhausen,
-            Germany). A data processing agreement in accordance with Art. 28 GDPR is in place.</p>
+        <p>The site is hosted by Hetzner Online GmbH (Industriestr. 25, 91710 Gunzenhausen, Germany). A data processing
+            agreement has been signed in accordance with Art. 28 GDPR.</p>
 
         <h2>Access Logs</h2>
-        <p>When visiting the site, the server automatically stores access logs containing your IP address and timestamp.
-            These logs are only used for debugging, security, and statistical purposes, and are automatically deleted
-            after a maximum of 90 days.</p>
+        <p>When accessing the site, the server automatically stores log files that include your IP address and
+            timestamp. These logs are used solely for security, debugging, and statistical purposes and are
+            automatically deleted after 90 days.</p>
 
         <h2>Your Rights</h2>
-        <p>You have the right to request information about your data, have it corrected or deleted, or restrict its
-            processing. You may also object to certain uses. Feel free to reach out via email.</p>
+        <p>You have the right to request access to your data, rectify or delete it, restrict processing, and object to
+            certain uses. Feel free to reach out via email.</p>
 
         <div class="footer-note">Last updated: April 16, 2025</div>
     </div>