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;
   }