diff --git a/client/src/components/footer.tsx b/client/src/components/footer.tsx
index db61f5e..f67180c 100644
--- a/client/src/components/footer.tsx
+++ b/client/src/components/footer.tsx
@@ -10,8 +10,8 @@ const SOCIAL_LINKS = [
 
 export default function Footer() {
   return (
-    <footer className="border-t border-border mt-16" data-testid="footer">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 relative z-20">
+    <footer className="border-t border-border mt-10" data-testid="footer">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 relative z-20">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
           <div>
             <h3 className="font-bold text-card-foreground text-lg mb-3">Folx Music Television</h3>
diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx
index 0522459..4a34cfe 100644
--- a/client/src/pages/about.tsx
+++ b/client/src/pages/about.tsx
@@ -10,7 +10,7 @@ export default function AboutPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-8">
           <Tv className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-about-title">
diff --git a/client/src/pages/article.tsx b/client/src/pages/article.tsx
index dac9a9e..a0ce10b 100644
--- a/client/src/pages/article.tsx
+++ b/client/src/pages/article.tsx
@@ -220,16 +220,16 @@ export default function ArticlePage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <Link href="/">
-          <Button variant="ghost" size="sm" className="mb-6 gap-2" data-testid="button-back">
+          <Button variant="ghost" size="sm" className="mb-4 gap-2" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />
             Zurück
           </Button>
         </Link>
 
         {article.coverImage && (
-          <div className="relative overflow-hidden rounded-md mb-8">
+          <div className="relative overflow-hidden rounded-md mb-6">
             <img
               src={article.coverImage}
               alt={article.title}
diff --git a/client/src/pages/category.tsx b/client/src/pages/category.tsx
index e17c4a1..b9b6ee4 100644
--- a/client/src/pages/category.tsx
+++ b/client/src/pages/category.tsx
@@ -114,7 +114,7 @@ export default function CategoryPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <Link href="/">
           <Button variant="ghost" size="sm" className="mb-6 gap-2" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />
diff --git a/client/src/pages/datenschutz.tsx b/client/src/pages/datenschutz.tsx
index e1ff39e..b58a2b7 100644
--- a/client/src/pages/datenschutz.tsx
+++ b/client/src/pages/datenschutz.tsx
@@ -10,7 +10,7 @@ export default function DatenschutzPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-8">
           <Shield className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-datenschutz-title">
diff --git a/client/src/pages/empfang.tsx b/client/src/pages/empfang.tsx
index 295b4ba..f3a157a 100644
--- a/client/src/pages/empfang.tsx
+++ b/client/src/pages/empfang.tsx
@@ -39,7 +39,7 @@ export default function EmpfangPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-2">
           <Tv className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-empfang-title">
diff --git a/client/src/pages/gallery.tsx b/client/src/pages/gallery.tsx
index 58d71b9..1ed3610 100644
--- a/client/src/pages/gallery.tsx
+++ b/client/src/pages/gallery.tsx
@@ -12,7 +12,7 @@ export default function GalleryPageWrapper() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <Link href="/">
           <button className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors mb-6 text-sm" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />
diff --git a/client/src/pages/horoscope.tsx b/client/src/pages/horoscope.tsx
index 978ea4f..b3063ec 100644
--- a/client/src/pages/horoscope.tsx
+++ b/client/src/pages/horoscope.tsx
@@ -396,7 +396,7 @@ export default function HoroscopePage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-2">
           <Link href="/">
             <button className="text-muted-foreground hover:text-foreground transition-colors" data-testid="button-back-home">
diff --git a/client/src/pages/impressum.tsx b/client/src/pages/impressum.tsx
index fa30a82..cd6f26a 100644
--- a/client/src/pages/impressum.tsx
+++ b/client/src/pages/impressum.tsx
@@ -10,7 +10,7 @@ export default function ImpressumPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-8">
           <Scale className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-impressum-title">
diff --git a/client/src/pages/kontakt.tsx b/client/src/pages/kontakt.tsx
index f20bed3..3bbd404 100644
--- a/client/src/pages/kontakt.tsx
+++ b/client/src/pages/kontakt.tsx
@@ -41,7 +41,7 @@ export default function KontaktPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-8">
           <Mail className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-kontakt-title">
diff --git a/client/src/pages/recipes.tsx b/client/src/pages/recipes.tsx
index b83d209..0c461d6 100644
--- a/client/src/pages/recipes.tsx
+++ b/client/src/pages/recipes.tsx
@@ -303,7 +303,7 @@ export default function RecipesPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-2">
           <Link href="/">
             <button className="text-muted-foreground hover:text-foreground transition-colors" data-testid="button-recipes-back">
diff --git a/client/src/pages/videos.tsx b/client/src/pages/videos.tsx
index 6f2a22f..69ce30b 100644
--- a/client/src/pages/videos.tsx
+++ b/client/src/pages/videos.tsx
@@ -119,7 +119,7 @@ export default function VideosPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <Link href="/">
           <button className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors mb-6 text-sm" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />