From acd1f126d090422006e90e0ccef5c7745964ef6c Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 6 Mar 2026 15:09:17 +0000
Subject: [PATCH] Ensure ads do not overlap content and fix footer positioning
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reintroduce side ads to informational pages (Impressum, Kontakt, Datenschutz, Über uns, Empfang) and adjust footer z-index to ensure it displays above ads, preventing content overlap.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 3e8e276e-186c-4696-aba7-43dd2de13954
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 | 2 +-
 client/src/pages/about.tsx       | 2 ++
 client/src/pages/datenschutz.tsx | 2 ++
 client/src/pages/empfang.tsx     | 2 ++
 client/src/pages/impressum.tsx   | 2 ++
 client/src/pages/kontakt.tsx     | 2 ++
 6 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/client/src/components/footer.tsx b/client/src/components/footer.tsx
index cfea553..1847020 100644
--- a/client/src/components/footer.tsx
+++ b/client/src/components/footer.tsx
@@ -10,7 +10,7 @@ const SOCIAL_LINKS = [
 
 export default function Footer() {
   return (
-    <footer className="border-t border-border bg-card mt-16" data-testid="footer">
+    <footer className="border-t border-border bg-card mt-16 relative z-20" data-testid="footer">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
           <div>
diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx
index eebbb4c..a2eb15d 100644
--- a/client/src/pages/about.tsx
+++ b/client/src/pages/about.tsx
@@ -2,12 +2,14 @@ import { Tv } from "lucide-react";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
 import { usePageMeta } from "@/hooks/use-page-meta";
+import { PageSideAds } from "@/components/adsense";
 
 export default function AboutPage() {
   usePageMeta("Über FOLX TV - Volksmusik & Schlager Fernsehsender", "Alles über FOLX TV – Ihren Fernsehsender für Volksmusik und Schlager seit 2013.");
   return (
     <div className="min-h-screen bg-background">
       <Header />
+      <PageSideAds contentHalfWidth={384} />
       <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-8">
           <Tv className="w-7 h-7 text-primary" />
diff --git a/client/src/pages/datenschutz.tsx b/client/src/pages/datenschutz.tsx
index 55492bb..e968673 100644
--- a/client/src/pages/datenschutz.tsx
+++ b/client/src/pages/datenschutz.tsx
@@ -2,12 +2,14 @@ import { Shield } from "lucide-react";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
 import { usePageMeta } from "@/hooks/use-page-meta";
+import { PageSideAds } from "@/components/adsense";
 
 export default function DatenschutzPage() {
   usePageMeta("Datenschutz - FOLX TV", "Datenschutzerklärung von FOLX TV – Ihr Volksmusik & Schlager Fernsehsender.");
   return (
     <div className="min-h-screen bg-background">
       <Header />
+      <PageSideAds contentHalfWidth={384} />
       <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-8">
           <Shield className="w-7 h-7 text-primary" />
diff --git a/client/src/pages/empfang.tsx b/client/src/pages/empfang.tsx
index bd42ee4..dc5117f 100644
--- a/client/src/pages/empfang.tsx
+++ b/client/src/pages/empfang.tsx
@@ -2,6 +2,7 @@ import { Tv, Globe, MapPin } from "lucide-react";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
 import { usePageMeta } from "@/hooks/use-page-meta";
+import { PageSideAds } from "@/components/adsense";
 
 const COUNTRIES = [
   {
@@ -37,6 +38,7 @@ export default function EmpfangPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
+      <PageSideAds contentHalfWidth={448} />
       <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-2">
           <Tv className="w-7 h-7 text-primary" />
diff --git a/client/src/pages/impressum.tsx b/client/src/pages/impressum.tsx
index ac0e90a..ab29b31 100644
--- a/client/src/pages/impressum.tsx
+++ b/client/src/pages/impressum.tsx
@@ -2,12 +2,14 @@ import { Scale } from "lucide-react";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
 import { usePageMeta } from "@/hooks/use-page-meta";
+import { PageSideAds } from "@/components/adsense";
 
 export default function ImpressumPage() {
   usePageMeta("Impressum - FOLX TV", "Impressum und rechtliche Informationen zu FOLX TV – Volksmusik & Schlager Fernsehsender.");
   return (
     <div className="min-h-screen bg-background">
       <Header />
+      <PageSideAds contentHalfWidth={384} />
       <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-8">
           <Scale className="w-7 h-7 text-primary" />
diff --git a/client/src/pages/kontakt.tsx b/client/src/pages/kontakt.tsx
index 0374c68..c372300 100644
--- a/client/src/pages/kontakt.tsx
+++ b/client/src/pages/kontakt.tsx
@@ -4,6 +4,7 @@ import { SiFacebook, SiInstagram, SiYoutube, SiTiktok } from "react-icons/si";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
 import { usePageMeta } from "@/hooks/use-page-meta";
+import { PageSideAds } from "@/components/adsense";
 import { apiRequest } from "@/lib/queryClient";
 
 export default function KontaktPage() {
@@ -39,6 +40,7 @@ export default function KontaktPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
+      <PageSideAds contentHalfWidth={384} />
       <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-8">
           <Mail className="w-7 h-7 text-primary" />