From b1c20b28f489f0bf5791570e353b73e2675bb636 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 4 Sep 2025 10:24:44 +0000
Subject: [PATCH] Update legal pages with adjusted spacing and padding for
 better readability

Adjusted vertical spacing and padding within the Impressum, PrivacyPolicy, and TermsOfService components by reducing `space-y` and `mb` values from 6 to 4, 4 to 3, and 3 to 2 respectively.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/DVlzRoR
---
 client/src/pages/Impressum.tsx      | 66 ++++++++++++++---------------
 client/src/pages/PrivacyPolicy.tsx  | 24 +++++------
 client/src/pages/TermsOfService.tsx | 26 ++++++------
 3 files changed, 57 insertions(+), 59 deletions(-)

diff --git a/client/src/pages/Impressum.tsx b/client/src/pages/Impressum.tsx
index 986dc58..ce1da81 100644
--- a/client/src/pages/Impressum.tsx
+++ b/client/src/pages/Impressum.tsx
@@ -14,11 +14,10 @@ export default function Impressum() {
         <div className="bg-bunny-gray/30 rounded-lg p-8">
           <h1 className="text-3xl font-bold text-white mb-8">Impressum</h1>
           
-          <div className="prose prose-invert max-w-none text-bunny-light space-y-6">
+          <div className="prose prose-invert max-w-none text-bunny-light space-y-4">
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Angaben gemäß § 5 TMG</h2>
-              
-              <div className="bg-bunny-gray/20 p-4 rounded-lg mb-4">
+              <h2 className="text-xl font-semibold text-white mb-3">Angaben gemäß § 5 TMG</h2>
+              <div className="bg-bunny-gray/20 p-3 rounded-lg">
                 <p><strong>PRIME TIME Consulting GmbH</strong></p>
                 <p>Ermelessstraße 12</p>
                 <p>72379 Hechingen</p>
@@ -27,75 +26,74 @@ export default function Impressum() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Kontakt</h2>
-              <div className="bg-bunny-gray/20 p-4 rounded-lg">
+              <h2 className="text-xl font-semibold text-white mb-3">Kontakt</h2>
+              <div className="bg-bunny-gray/20 p-3 rounded-lg">
                 <p><strong>E-Mail:</strong> office@primetime.consulting</p>
                 <p><strong>Telefon:</strong> +49 172 5675800</p>
               </div>
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Registereintrag</h2>
-              <div className="bg-bunny-gray/20 p-4 rounded-lg">
+              <h2 className="text-xl font-semibold text-white mb-3">Registereintrag</h2>
+              <div className="bg-bunny-gray/20 p-3 rounded-lg">
                 <p><strong>Registergericht:</strong> Amtsgericht Stuttgart</p>
                 <p><strong>Registernummer:</strong> HRB 761299</p>
               </div>
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Umsatzsteuer-Identifikationsnummer</h2>
-              <div className="bg-bunny-gray/20 p-4 rounded-lg">
+              <h2 className="text-xl font-semibold text-white mb-3">Umsatzsteuer-Identifikationsnummer</h2>
+              <div className="bg-bunny-gray/20 p-3 rounded-lg">
                 <p><strong>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:</strong></p>
                 <p>DE332411962</p>
               </div>
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Rechtliche Informationen und Urheberrechte</h2>
-              <div className="bg-bunny-gray/20 p-6 rounded-lg space-y-4">
-                <div className="mb-6">
-                  <h3 className="text-lg font-semibold text-white mb-3">Technisches Eigentum der Anwendung</h3>
-                  <p className="mb-2">Die Anwendung ist technisches Eigentum des Unternehmens:</p>
+              <h2 className="text-xl font-semibold text-white mb-3">Rechtliche Informationen und Urheberrechte</h2>
+              <div className="bg-bunny-gray/20 p-4 rounded-lg space-y-3">
+                <div className="mb-4">
+                  <h3 className="text-lg font-semibold text-white mb-2">Technisches Eigentum der Anwendung</h3>
+                  <p className="mb-1">Die Anwendung ist technisches Eigentum des Unternehmens:</p>
                   <p><strong>PRIME TIME Consulting GmbH</strong></p>
                   <p>Ermelessstraße 12</p>
                   <p>72379 Hechingen, Deutschland</p>
                 </div>
 
-                <div className="mb-6">
-                  <h3 className="text-lg font-semibold text-white mb-3">Verantwortung für Inhalte</h3>
-                  <p className="mb-2">Für den Betrieb der Anwendung und die Ausstrahlung von Inhalten in der Republik Slowenien ist verantwortlich:</p>
+                <div className="mb-4">
+                  <h3 className="text-lg font-semibold text-white mb-2">Verantwortung für Inhalte</h3>
+                  <p className="mb-1">Für den Betrieb der Anwendung und die Ausstrahlung von Inhalten in der Republik Slowenien ist verantwortlich:</p>
                   <p><strong>BoldFrame Productions d.o.o.</strong></p>
                   <p>Sokolska ulica 46</p>
                   <p>2000 Maribor, Slowenien</p>
                   <p>E-Mail: office@boldframe.productions</p>
                 </div>
 
-                <div className="mb-6">
-                  <h3 className="text-lg font-semibold text-white mb-3">Urheberrechte</h3>
-                  <p className="mb-3">Das Unternehmen BoldFrame Productions d.o.o. hat als registrierter Inhaber einer Rundfunklizenz alle Rechte für die rechtmäßige Ausstrahlung von Musik- und Videoinhalten geregelt:</p>
-                  
-                  <ul className="list-disc list-inside space-y-2 ml-4">
+                <div className="mb-4">
+                  <h3 className="text-lg font-semibold text-white mb-2">Urheberrechte</h3>
+                  <p className="mb-2">Das Unternehmen BoldFrame Productions d.o.o. hat als registrierter Inhaber einer Rundfunklizenz alle Rechte für die rechtmäßige Ausstrahlung von Musik- und Videoinhalten geregelt:</p>
+                  <ul className="list-disc list-inside space-y-1 ml-4">
                     <li><strong>Kollektive Urheberrechte</strong> für Musikwerke über die Organisation SAZAS k.o., Špruha 19, 1236 Trzin, Slowenien, die auch für die Online-Nutzung und weltweite Ausstrahlung gelten (worldwide rights)</li>
                     <li><strong>Individuell geregelte Rechte</strong> für audiovisuelle Inhalte, die innerhalb der Anwendung abgespielt werden</li>
                     <li><strong>Broadcast-Lizenz</strong>, die die Ausstrahlung von Musik-Video-Inhalten über Fernsehprogramme und digitale Plattformen ermöglicht</li>
                   </ul>
                 </div>
 
-                <div className="mb-6">
-                  <h3 className="text-lg font-semibold text-white mb-3">Digitale Rechte</h3>
+                <div className="mb-4">
+                  <h3 className="text-lg font-semibold text-white mb-2">Digitale Rechte</h3>
                   <p>Für die Nutzung von Musikwerken auf dem digitalen Portal wurde ein spezieller Vertrag mit der kollektiven Organisation SAZAS geschlossen, der die Rechte für die globale Online-Ausstrahlung regelt.</p>
                 </div>
 
-                <div className="bg-bunny-gray/30 p-4 rounded-lg">
-                  <p className="text-sm font-medium text-yellow-400 mb-2">⚠️ Wichtiger Hinweis</p>
+                <div className="bg-bunny-gray/30 p-3 rounded-lg">
+                  <p className="text-sm font-medium text-yellow-400 mb-1">⚠️ Wichtiger Hinweis</p>
                   <p className="text-sm">Alle Urheber- und verwandten Rechte sind ordnungsgemäß geschützt und geregelt. Die unbefugte Nutzung von Inhalten, die über die Anwendung zugänglich sind, ist nicht gestattet und kann Gegenstand rechtlicher Verfahren sein.</p>
                 </div>
               </div>
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</h2>
-              <div className="bg-bunny-gray/20 p-4 rounded-lg">
+              <h2 className="text-xl font-semibold text-white mb-3">Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</h2>
+              <div className="bg-bunny-gray/20 p-3 rounded-lg">
                 <p><strong>PRIME TIME Consulting GmbH</strong></p>
                 <p>Ermelessstraße 12</p>
                 <p>72379 Hechingen</p>
@@ -104,7 +102,7 @@ export default function Impressum() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">EU-Streitschlichtung</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">EU-Streitschlichtung</h2>
               <p>
                 Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: 
                 <br />
@@ -118,7 +116,7 @@ export default function Impressum() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Verbraucherstreitbeilegung/Universalschlichtungsstelle</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">Verbraucherstreitbeilegung/Universalschlichtungsstelle</h2>
               <p>
                 Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer 
                 Verbraucherschlichtungsstelle teilzunehmen.
@@ -126,7 +124,7 @@ export default function Impressum() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Haftung für Inhalte</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">Haftung für Inhalte</h2>
               <p>
                 Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den 
                 allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht 
@@ -136,7 +134,7 @@ export default function Impressum() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Haftung für Links</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">Haftung für Links</h2>
               <p>
                 Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. 
                 Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten 
@@ -145,7 +143,7 @@ export default function Impressum() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">Urheberrecht</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">Urheberrecht</h2>
               <p>
                 Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen 
                 Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der 
diff --git a/client/src/pages/PrivacyPolicy.tsx b/client/src/pages/PrivacyPolicy.tsx
index 1f271fb..5e81400 100644
--- a/client/src/pages/PrivacyPolicy.tsx
+++ b/client/src/pages/PrivacyPolicy.tsx
@@ -14,14 +14,14 @@ export default function PrivacyPolicy() {
         <div className="bg-bunny-gray/30 rounded-lg p-8">
           <h1 className="text-3xl font-bold text-white mb-8">Datenschutzerklärung</h1>
           
-          <div className="prose prose-invert max-w-none text-bunny-light space-y-6">
+          <div className="prose prose-invert max-w-none text-bunny-light space-y-4">
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">1. Verantwortlicher</h2>
-              <p className="mb-4">
+              <h2 className="text-xl font-semibold text-white mb-3">1. Verantwortlicher</h2>
+              <p className="mb-3">
                 Verantwortlich für die Datenverarbeitung auf dieser Website ist:
               </p>
-              <div className="bg-bunny-gray/20 p-4 rounded-lg mb-4">
-                <div className="mb-4">
+              <div className="bg-bunny-gray/20 p-3 rounded-lg">
+                <div className="mb-3">
                   <p><strong>PRIME TIME Consulting GmbH</strong></p>
                   <p>Ermelessstraße 12</p>
                   <p>72379 Hechingen</p>
@@ -37,7 +37,7 @@ export default function PrivacyPolicy() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">2. Allgemeine Informationen</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">2. Allgemeine Informationen</h2>
               <p>
                 Diese Datenschutzerklärung klärt Sie über die Art, den Umfang und Zweck der Verarbeitung von personenbezogenen Daten 
                 (nachfolgend kurz „Daten") auf go4.video auf. go4.video ist eine professionelle Video-Streaming-Plattform.
@@ -45,7 +45,7 @@ export default function PrivacyPolicy() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">3. Erhebung und Speicherung personenbezogener Daten</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">3. Erhebung und Speicherung personenbezogener Daten</h2>
               <p>
                 Beim Besuch unserer Website werden automatisch Informationen allgemeiner Natur erfasst. Diese Informationen (Server-Logfiles) 
                 beinhalten etwa die Art des Webbrowsers, das verwendete Betriebssystem, den Domainnamen Ihres Internet-Service-Providers und ähnliches.
@@ -53,7 +53,7 @@ export default function PrivacyPolicy() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">4. Google Analytics</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">4. Google Analytics</h2>
               <p>
                 Unsere Website verwendet Google Analytics, einen Webanalysedienst von Google Inc. Google Analytics verwendet Cookies, 
                 um eine Analyse der Benutzung der Website durch Sie zu ermöglichen. Die durch das Cookie erzeugten Informationen über 
@@ -62,7 +62,7 @@ export default function PrivacyPolicy() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">5. Google AdSense</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">5. Google AdSense</h2>
               <p>
                 Diese Website verwendet Google AdSense, einen Dienst zum Einbinden von Werbeanzeigen der Google Inc. 
                 AdSense verwendet Cookies, die auf Ihrem Computer gespeichert werden und eine Analyse der Benutzung der Website ermöglichen. 
@@ -71,7 +71,7 @@ export default function PrivacyPolicy() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">6. Video-Inhalte</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">6. Video-Inhalte</h2>
               <p>
                 Die auf dieser Plattform bereitgestellten Video-Inhalte werden über Content Delivery Networks (CDN) ausgeliefert. 
                 Beim Abrufen von Videos können IP-Adressen und andere technische Daten verarbeitet werden.
@@ -79,7 +79,7 @@ export default function PrivacyPolicy() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">7. Ihre Rechte</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">7. Ihre Rechte</h2>
               <p>
                 Sie haben das Recht auf Auskunft über die Sie betreffenden personenbezogenen Daten sowie auf Berichtigung oder 
                 Löschung oder auf Einschränkung der Verarbeitung oder ein Widerspruchsrecht gegen die Verarbeitung sowie das Recht auf Datenübertragbarkeit.
@@ -87,7 +87,7 @@ export default function PrivacyPolicy() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">8. Kontakt</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">8. Kontakt</h2>
               <p>
                 Bei Fragen zum Datenschutz wenden Sie sich bitte an: datenschutz@go4.video<br/>
                 Allgemeine Anfragen: office@primetime.consulting<br/>
diff --git a/client/src/pages/TermsOfService.tsx b/client/src/pages/TermsOfService.tsx
index c3ef8d2..e14806a 100644
--- a/client/src/pages/TermsOfService.tsx
+++ b/client/src/pages/TermsOfService.tsx
@@ -14,14 +14,14 @@ export default function TermsOfService() {
         <div className="bg-bunny-gray/30 rounded-lg p-8">
           <h1 className="text-3xl font-bold text-white mb-8">Nutzungsbedingungen</h1>
           
-          <div className="prose prose-invert max-w-none text-bunny-light space-y-6">
+          <div className="prose prose-invert max-w-none text-bunny-light space-y-4">
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">1. Anbieter</h2>
-              <p className="mb-4">
+              <h2 className="text-xl font-semibold text-white mb-3">1. Anbieter</h2>
+              <p className="mb-3">
                 Anbieter dieser Website und der darauf bereitgestellten Dienste ist:
               </p>
-              <div className="bg-bunny-gray/20 p-4 rounded-lg mb-4">
-                <div className="mb-4">
+              <div className="bg-bunny-gray/20 p-3 rounded-lg">
+                <div className="mb-3">
                   <p><strong>PRIME TIME Consulting GmbH</strong></p>
                   <p>Ermelessstraße 12</p>
                   <p>72379 Hechingen</p>
@@ -38,7 +38,7 @@ export default function TermsOfService() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">2. Geltungsbereich</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">2. Geltungsbereich</h2>
               <p>
                 Diese Nutzungsbedingungen regeln die Nutzung der Website go4.video und der darauf bereitgestellten Video-Inhalte. 
                 Durch die Nutzung dieser Website stimmen Sie diesen Bedingungen zu.
@@ -46,7 +46,7 @@ export default function TermsOfService() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">3. Leistungsbeschreibung</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">3. Leistungsbeschreibung</h2>
               <p>
                 go4.video ist eine professionelle Video-Streaming-Plattform, die exklusive Inhalte von FOLX STADL, 
                 Geschichte des Liedes und weitere Premium-Inhalte bereitstellt.
@@ -54,7 +54,7 @@ export default function TermsOfService() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">4. Nutzungsrechte</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">4. Nutzungsrechte</h2>
               <p>
                 Die auf dieser Plattform bereitgestellten Video-Inhalte sind urheberrechtlich geschützt. 
                 Eine Weiterverwendung, Vervielfältigung oder Verbreitung ohne ausdrückliche Genehmigung ist untersagt.
@@ -62,7 +62,7 @@ export default function TermsOfService() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">5. Verbotene Nutzung</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">5. Verbotene Nutzung</h2>
               <p>
                 Es ist untersagt, die Website für illegale Zwecke zu nutzen, die technische Infrastruktur zu beeinträchtigen 
                 oder Inhalte herunterzuladen oder zu verbreiten.
@@ -70,7 +70,7 @@ export default function TermsOfService() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">6. Verfügbarkeit</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">6. Verfügbarkeit</h2>
               <p>
                 Wir bemühen uns um eine hohe Verfügbarkeit der Website. Eine 100%ige Verfügbarkeit können wir jedoch nicht garantieren. 
                 Wartungsarbeiten und technische Störungen können zu temporären Ausfällen führen.
@@ -78,7 +78,7 @@ export default function TermsOfService() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">7. Haftungsausschluss</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">7. Haftungsausschluss</h2>
               <p>
                 Wir haften nicht für Schäden, die durch die Nutzung oder Nichtnutzung der Website entstehen, 
                 soweit diese nicht auf Vorsatz oder grober Fahrlässigkeit beruhen.
@@ -86,7 +86,7 @@ export default function TermsOfService() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">8. Änderungen</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">8. Änderungen</h2>
               <p>
                 Wir behalten uns das Recht vor, diese Nutzungsbedingungen jederzeit zu ändern. 
                 Änderungen werden auf dieser Seite bekannt gegeben.
@@ -94,7 +94,7 @@ export default function TermsOfService() {
             </section>
 
             <section>
-              <h2 className="text-xl font-semibold text-white mb-4">9. Kontakt</h2>
+              <h2 className="text-xl font-semibold text-white mb-3">9. Kontakt</h2>
               <p>
                 Bei Fragen zu den Nutzungsbedingungen wenden Sie sich bitte an: office@primetime.consulting<br/>
                 Telefon: +49 172 5675800