From b30d871a9e1c762a74a61c4a6472513612e7c7d5 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 6 Mar 2026 15:18:42 +0000
Subject: [PATCH] Align footer content and adjust spacing for improved layout

Adjust the alignment of footer sections and reduce vertical spacing to optimize content distribution and readability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 35676b58-fe59-434c-8467-876b04d05474
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ee1CXlO
Replit-Helium-Checkpoint-Created: true
---
 client/src/components/footer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/footer.tsx b/client/src/components/footer.tsx
index e5f98ea..ea6f539 100644
--- a/client/src/components/footer.tsx
+++ b/client/src/components/footer.tsx
@@ -35,7 +35,7 @@ export default function Footer() {
               ))}
             </div>
           </div>
-          <div>
+          <div className="md:text-center">
             <h4 className="font-semibold text-card-foreground mb-3">Kategorien</h4>
             <ul className="space-y-2 text-sm">
               <li>
@@ -65,7 +65,7 @@ export default function Footer() {
               </li>
             </ul>
           </div>
-          <div>
+          <div className="md:text-right">
             <h4 className="font-semibold text-card-foreground mb-3">Folgt uns</h4>
             <ul className="space-y-2 text-sm">
               {SOCIAL_LINKS.map((s) => (
@@ -74,7 +74,7 @@ export default function Footer() {
                     href={s.href}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-muted-foreground hover:text-primary transition-colors inline-flex items-center gap-2"
+                    className="text-muted-foreground hover:text-primary transition-colors inline-flex items-center gap-2 md:justify-end"
                     data-testid={`link-footer-${s.label.toLowerCase()}`}
                   >
                     <s.icon className="w-4 h-4" />