From 3ec200c9eeadc2d37d73f6db3c1a34a46dcd5312 Mon Sep 17 00:00:00 2001 From: TheOnlyMace <0815cracky@gmail.com> Date: Tue, 13 Jan 2026 22:29:48 +0100 Subject: [PATCH] Add legal pages styles and update footer links: Introduced new CSS styles for Impressum and Datenschutz pages, enhancing layout and responsiveness. Updated footer to link to the Impressum page, improving navigation. --- public/assets/css/style.css | 134 ++++++++++++++++++++++++++ public/impressum.php | 185 ++++++++++++++++++++++++++++++++++++ public/includes/footer.php | 2 +- 3 files changed, 320 insertions(+), 1 deletion(-) create mode 100644 public/impressum.php diff --git a/public/assets/css/style.css b/public/assets/css/style.css index ee843e6..c8154ec 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1720,4 +1720,138 @@ body { flex-direction: column; align-items: center; } +} + +/* ========================================== + LEGAL PAGES (Impressum, Datenschutz) + ========================================== */ + +.legal-hero { + padding: calc(var(--header-height) + var(--spacing-2xl)) 0 var(--spacing-2xl); + background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%); + text-align: center; +} + +.legal-hero-content { + max-width: 800px; + margin: 0 auto; +} + +.legal-hero-title { + font-size: clamp(2rem, 5vw, 3rem); + font-weight: 700; + margin-bottom: var(--spacing-md); + background: var(--gradient-primary); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; +} + +.legal-hero-description { + font-size: 1.125rem; + color: var(--text-secondary); + max-width: 600px; + margin: 0 auto; +} + +.legal-content { + padding: var(--spacing-2xl) 0; +} + +.legal-container { + max-width: 900px; + margin: 0 auto; + display: flex; + flex-direction: column; + gap: var(--spacing-lg); +} + +.legal-section { + padding: var(--spacing-xl); +} + +.legal-section h2 { + font-size: 1.5rem; + font-weight: 600; + color: var(--text-primary); + margin-bottom: var(--spacing-md); + padding-bottom: var(--spacing-sm); + border-bottom: 2px solid var(--primary); +} + +.legal-section h3 { + font-size: 1.125rem; + font-weight: 600; + color: var(--text-primary); + margin-bottom: var(--spacing-sm); + margin-top: var(--spacing-md); +} + +.legal-section h3:first-child { + margin-top: 0; +} + +.legal-block { + margin-bottom: var(--spacing-md); +} + +.legal-block:last-child { + margin-bottom: 0; +} + +.legal-block p { + color: var(--text-secondary); + line-height: 1.8; + margin-bottom: var(--spacing-sm); +} + +.legal-block p:last-child { + margin-bottom: 0; +} + +.legal-block a { + color: var(--primary); + text-decoration: none; + transition: color var(--transition-fast); +} + +.legal-block a:hover { + color: var(--primary-light); + text-decoration: underline; +} + +.legal-block ul, +.legal-block ol { + margin: var(--spacing-sm) 0; + padding-left: var(--spacing-lg); + color: var(--text-secondary); +} + +.legal-block li { + margin-bottom: var(--spacing-xs); + line-height: 1.7; +} + +.legal-note { + font-size: 0.875rem; + color: var(--text-muted); + background: rgba(var(--primary-rgb), 0.1); + padding: var(--spacing-sm) var(--spacing-md); + border-radius: var(--radius-sm); + border-left: 3px solid var(--primary); +} + +/* Legal Page Responsive */ +@media (max-width: 768px) { + .legal-section { + padding: var(--spacing-lg); + } + + .legal-section h2 { + font-size: 1.25rem; + } + + .legal-hero { + padding: calc(var(--header-height) + var(--spacing-xl)) 0 var(--spacing-xl); + } } \ No newline at end of file diff --git a/public/impressum.php b/public/impressum.php new file mode 100644 index 0000000..f2f6e01 --- /dev/null +++ b/public/impressum.php @@ -0,0 +1,185 @@ + + +
+ + + + + +
+ + diff --git a/public/includes/footer.php b/public/includes/footer.php index 60c4169..a50b616 100644 --- a/public/includes/footer.php +++ b/public/includes/footer.php @@ -26,7 +26,7 @@