From f5050148314ec504bec185a60aa9efb43ca1c029 Mon Sep 17 00:00:00 2001
From: Tobias Feigel <info@feigel.it>
Date: Sat, 6 Sep 2025 16:00:05 +0200
Subject: [PATCH] =?UTF-8?q?Datenschutzerkl=C3=A4rung=20angelegt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/templates/datenschutz.php | 25 +++++++++++++++++++++++++
 src/css/input.css              | 20 ++++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 site/templates/datenschutz.php

diff --git a/site/templates/datenschutz.php b/site/templates/datenschutz.php
new file mode 100644
index 0000000..eb51da8
--- /dev/null
+++ b/site/templates/datenschutz.php
@@ -0,0 +1,25 @@
+<?php snippet('layout', slots: true) ?>
+
+<section class="datenschutz bg-sf_grau-50 py-24">
+    <div class="lg:px-8 max-w-7xl mx-auto px-4 sm:px-6">
+        <h1>Datenschutzerklärung</h1>
+    </div>
+    <div class="grid grid-cols-1 max-w-7xl mx-auto px-4 sm:px-6">
+        <div id="lc-text"></div>
+        <script>
+            fetch(`https://app.cockpit.legal/api/cockpit/resources/legaldocumentshare/a22854283d720c4b4c44ed462a215cb1/document/render/html?language=de`)
+            .then((result) => { return result.text(); })
+            .then((content) => {
+                document.getElementById("lc-text").innerHTML = content
+            });
+        </script>
+        <noscript>
+            Sie können diesen Rechtstext nicht sehen, weil Sie JavaScript deaktiviert haben.
+            Folgen Sie bitte diesem
+            <a target="_blank" href="https://app.cockpit.legal/api/cockpit/resources/legaldocumentshare/a22854283d720c4b4c44ed462a215cb1/document/render/html?language=de">Link</a>,
+            um den Rechtstext anzuzeigen.
+        </noscript>
+    </div>
+</section>
+
+<?php endsnippet() ?>
diff --git a/src/css/input.css b/src/css/input.css
index 336472a..283deb6 100644
--- a/src/css/input.css
+++ b/src/css/input.css
@@ -65,6 +65,26 @@
     @apply text-3xl pt-12;
   }
 
+  .datenschutz h4 {
+    @apply text-3xl pt-12;
+  }
+
+  .datenschutz h5 {
+    @apply text-2xl pt-12;
+  }
+
+  .datenschutz p {
+    @apply mb-2;
+  }
+
+  .datenschutz ul {
+    @apply list-disc list-inside ml-4;
+  }
+
+  .datenschutz li {
+    @apply text-xl;
+  }
+
   p a {
     @apply text-sf_blau-500 font-bold hover:text-sf_gelb-600;
   }