From 342dbc549fc1a7d68df9f78a7d422a2a4d7c0c79 Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Tue, 29 Sep 2026 04:03:29 +0200
Subject: [PATCH] style(legal): update UI design for legal pages

---
 app/(legal)/imprint/page.tsx | 12 ++++++------
 app/(legal)/privacy/page.tsx | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/app/(legal)/imprint/page.tsx b/app/(legal)/imprint/page.tsx
index f16c84a..58c1fd2 100644
--- a/app/(legal)/imprint/page.tsx
+++ b/app/(legal)/imprint/page.tsx
@@ -13,12 +13,12 @@ export default async function ImprintPage() {
 
         <div className="space-y-6 text-sm mt-4 text-foreground/80 leading-relaxed">
           {/* Information pursuant to § 5 DDG */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Information Pursuant to §
               5 DDG
             </h2>
-            <div className="font-mono text-xs bg-background/80 p-4 rounded-xl border border-surface/80 text-foreground space-y-1">
+            <div className="font-mono text-xs bg-background border border-surface/80 rounded-xl p-4 text-foreground space-y-1">
               <p className="font-semibold text-white">André Kempf</p>
               <p className="text-accent">Full-Stack Web Developer</p>
               <p className="text-muted">Großschneidersweg 2a</p>
@@ -30,11 +30,11 @@ export default async function ImprintPage() {
           </div>
 
           {/* Contact */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Contact
             </h2>
-            <div className="p-4 rounded-xl bg-background/80 border border-surface/80 font-mono text-xs">
+            <div className="p-4 bg-background border border-surface/80 rounded-xl font-mono text-xs">
               <p className="text-muted">
                 <span className="text-white">Email:</span>{" "}
                 <span className="text-accent hover:underline cursor-pointer">
@@ -45,7 +45,7 @@ export default async function ImprintPage() {
           </div>
 
           {/* Disclaimer */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-4">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Disclaimer & Legal Notes
             </h2>
@@ -85,7 +85,7 @@ export default async function ImprintPage() {
           </div>
 
           {/* Dispute Resolution */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Dispute Resolution
             </h2>
diff --git a/app/(legal)/privacy/page.tsx b/app/(legal)/privacy/page.tsx
index ca9fa7d..d6326c7 100644
--- a/app/(legal)/privacy/page.tsx
+++ b/app/(legal)/privacy/page.tsx
@@ -13,7 +13,7 @@ export default async function PrivacyPage() {
 
         <div className="space-y-6 text-sm mt-4 text-foreground/80 leading-relaxed">
           {/* Overview */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-4">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Data Protection at a
               Glance
@@ -41,7 +41,7 @@ export default async function PrivacyPage() {
           </div>
 
           {/* Responsible Party */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Responsible Party
               (Controller)
@@ -49,7 +49,7 @@ export default async function PrivacyPage() {
             <p className="text-muted">
               The controller responsible for data processing on this website is:
             </p>
-            <div className="font-mono text-xs bg-background/80 p-4 rounded-xl border border-surface/80 text-foreground space-y-1">
+            <div className="font-mono text-xs bg-background border border-surface/80 rounded-xl p-4 text-foreground space-y-1">
               <p className="font-semibold text-white">André Kempf</p>
               <p className="text-muted">Großschneidersweg 2a</p>
               <p className="text-muted">76149 Karlsruhe, Germany</p>
@@ -63,7 +63,7 @@ export default async function PrivacyPage() {
           </div>
 
           {/* Hosting & Server Log Files */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Hosting & Server
               Infrastructure
@@ -81,7 +81,7 @@ export default async function PrivacyPage() {
           </div>
 
           {/* Server Analytics */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Server Analytics &
               Privacy-First Tracking
@@ -120,7 +120,7 @@ export default async function PrivacyPage() {
           </div>
 
           {/* Your Rights */}
-          <div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3">
+          <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
               <span className="text-accent">//</span> Your Rights
             </h2>