From 62d0076799c3af01369e8464a725a3f234648d07 Mon Sep 17 00:00:00 2001
From: smueller <smueller+vm@hexahost.de>
Date: Wed, 27 May 2026 14:42:32 +0200
Subject: [PATCH] Enhance legal page styles in custom CSS: Added new styles for
 legal hero and content sections, adjusted margins and padding, and modified
 section hover effects for improved visual consistency and readability.

---
 public/assets/css/custom.css | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/public/assets/css/custom.css b/public/assets/css/custom.css
index 7a6547a..7c20476 100644
--- a/public/assets/css/custom.css
+++ b/public/assets/css/custom.css
@@ -23,10 +23,21 @@
     color: #000000;
 }
 
+.legal-hero {
+    margin-top: 70px;
+    padding: 2rem 0 1.5rem;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.legal-content {
+    padding-top: 2rem;
+}
+
 .legal-hero-title {
     background: none;
     -webkit-text-fill-color: #000000;
     color: #000000;
+    margin-bottom: 0.5rem;
 }
 
 .legal-hero-description,
@@ -39,19 +50,29 @@
     color: #000000;
 }
 
-.legal-section {
-    background: #ffffff;
-    border: 1px solid #d9d9d9;
+.legal-section,
+.legal-section.glass-card {
+    background: transparent;
+    border: none;
     box-shadow: none;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    border-radius: 0;
+    padding: 0;
 }
 
-.legal-section:hover {
+.legal-section:hover,
+.legal-section.glass-card:hover {
     transform: none;
     box-shadow: none;
+    border: none;
+    background: transparent;
 }
 
 .legal-section h2 {
-    border-bottom: 1px solid #d9d9d9;
+    border-bottom: 1px solid #e5e5e5;
+    padding-bottom: 0.5rem;
+    margin-bottom: 0.8rem;
 }
 
 .legal-block a,