From 7b010b7658e0de2ddbc3d2f9485ba837e285658b Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 22 Oct 2025 12:56:30 +0200
Subject: [PATCH] Fix mobile design for CMS pages - correct positioning and
 responsive layout

---
 pages/cms/einstellungen.vue | 12 ++++++------
 pages/cms/geschichte.vue    | 36 ++++++++++++++++++------------------
 pages/cms/tt-regeln.vue     | 36 ++++++++++++++++++------------------
 pages/cms/ueber-uns.vue     | 36 ++++++++++++++++++------------------
 server/data/config.json     |  2 +-
 5 files changed, 61 insertions(+), 61 deletions(-)

diff --git a/pages/cms/einstellungen.vue b/pages/cms/einstellungen.vue
index 365e51a..f80e8fb 100644
--- a/pages/cms/einstellungen.vue
+++ b/pages/cms/einstellungen.vue
@@ -1,19 +1,19 @@
 <template>
   <div class="min-h-full bg-gray-50">
     <!-- Fixed Header below navigation -->
-    <div class="fixed top-16 left-0 right-0 z-40 bg-white border-b border-gray-200 shadow-sm">
-      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+    <div class="fixed top-20 left-0 right-0 z-40 bg-white border-b border-gray-200 shadow-sm">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 sm:py-4">
         <div class="flex items-center justify-between">
           <div>
-            <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900">
+            <h1 class="text-xl sm:text-4xl font-display font-bold text-gray-900">
               Einstellungen
             </h1>
-            <div class="w-24 h-1 bg-primary-600 mt-2" />
+            <div class="w-16 sm:w-24 h-1 bg-primary-600 mt-1 sm:mt-2" />
           </div>
           <div class="space-x-3">
             <button
               @click="saveConfig"
-              class="inline-flex items-center px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 disabled:opacity-50 disabled:cursor-not-allowed"
+              class="inline-flex items-center px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base"
               :disabled="isSaving"
             >
               <Loader2 v-if="isSaving" :size="16" class="animate-spin mr-2" />
@@ -25,7 +25,7 @@
     </div>
     
     <!-- Content with top padding -->
-    <div class="pt-32 pb-16">
+    <div class="pt-28 sm:pt-32 pb-16">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 
       <!-- Loading State -->
diff --git a/pages/cms/geschichte.vue b/pages/cms/geschichte.vue
index d6367d1..2c06d7b 100644
--- a/pages/cms/geschichte.vue
+++ b/pages/cms/geschichte.vue
@@ -1,42 +1,42 @@
 <template>
   <div class="min-h-full bg-gray-50">
     <!-- Fixed Header below navigation -->
-    <div class="fixed top-16 left-0 right-0 z-40 bg-white border-b border-gray-200 shadow-sm">
-      <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+    <div class="fixed top-20 left-0 right-0 z-40 bg-white border-b border-gray-200 shadow-sm">
+      <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-3 sm:py-4">
         <div class="flex items-center justify-between">
-          <h1 class="text-3xl sm:text-4xl font-display font-bold text-gray-900">Geschichte bearbeiten</h1>
+          <h1 class="text-xl sm:text-3xl font-display font-bold text-gray-900">Geschichte bearbeiten</h1>
           <div class="space-x-3">
-            <button @click="save" class="inline-flex items-center px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700">Speichern</button>
+            <button @click="save" class="inline-flex items-center px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 text-sm sm:text-base">Speichern</button>
           </div>
         </div>
       </div>
     </div>
     
     <!-- Fixed Toolbar below header -->
-    <div class="fixed top-32 left-0 right-0 z-30 bg-white border-b border-gray-200 shadow-sm">
+    <div class="fixed top-28 sm:top-32 left-0 right-0 z-30 bg-white border-b border-gray-200 shadow-sm">
       <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="flex flex-wrap items-center gap-2 py-2">
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('bold')"><strong>B</strong></button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('italic')"><em>I</em></button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(1)">H1</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(2)">H2</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(3)">H3</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertUnorderedList')">• Liste</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertOrderedList')">1. Liste</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="createLink()">Link</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="removeFormat()">Format entfernen</button>
+        <div class="flex flex-wrap items-center gap-1 sm:gap-2 py-1.5 sm:py-2">
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('bold')"><strong>B</strong></button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('italic')"><em>I</em></button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(1)">H1</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(2)">H2</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(3)">H3</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('insertUnorderedList')">•</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('insertOrderedList')">1.</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="createLink()">Link</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="removeFormat()">Clear</button>
         </div>
       </div>
     </div>
     
     <!-- Content with top padding -->
-    <div class="pt-44 pb-16">
+    <div class="pt-36 sm:pt-44 pb-16">
       <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
 
-      <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4">
+      <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-3 sm:p-4">
         <div
           ref="editor"
-          class="min-h-[320px] p-4 outline-none prose max-w-none"
+          class="min-h-[320px] p-3 sm:p-4 outline-none prose max-w-none text-sm sm:text-base"
           contenteditable
         />
       </div>
diff --git a/pages/cms/tt-regeln.vue b/pages/cms/tt-regeln.vue
index 1f6260b..bf5c014 100644
--- a/pages/cms/tt-regeln.vue
+++ b/pages/cms/tt-regeln.vue
@@ -1,42 +1,42 @@
 <template>
   <div class="min-h-full bg-gray-50">
     <!-- Fixed Header below navigation -->
-    <div class="fixed top-16 left-0 right-0 z-40 bg-white border-b border-gray-200 shadow-sm">
-      <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+    <div class="fixed top-20 left-0 right-0 z-40 bg-white border-b border-gray-200 shadow-sm">
+      <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-3 sm:py-4">
         <div class="flex items-center justify-between">
-          <h1 class="text-3xl sm:text-4xl font-display font-bold text-gray-900">TT-Regeln bearbeiten</h1>
+          <h1 class="text-xl sm:text-3xl font-display font-bold text-gray-900">TT-Regeln bearbeiten</h1>
           <div class="space-x-3">
-            <button @click="save" class="inline-flex items-center px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700">Speichern</button>
+            <button @click="save" class="inline-flex items-center px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 text-sm sm:text-base">Speichern</button>
           </div>
         </div>
       </div>
     </div>
     
     <!-- Fixed Toolbar below header -->
-    <div class="fixed top-32 left-0 right-0 z-30 bg-white border-b border-gray-200 shadow-sm">
+    <div class="fixed top-28 sm:top-32 left-0 right-0 z-30 bg-white border-b border-gray-200 shadow-sm">
       <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="flex flex-wrap items-center gap-2 py-2">
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('bold')"><strong>B</strong></button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('italic')"><em>I</em></button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(1)">H1</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(2)">H2</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(3)">H3</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertUnorderedList')">• Liste</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertOrderedList')">1. Liste</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="createLink()">Link</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="removeFormat()">Format entfernen</button>
+        <div class="flex flex-wrap items-center gap-1 sm:gap-2 py-1.5 sm:py-2">
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('bold')"><strong>B</strong></button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('italic')"><em>I</em></button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(1)">H1</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(2)">H2</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(3)">H3</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('insertUnorderedList')">•</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('insertOrderedList')">1.</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="createLink()">Link</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="removeFormat()">Clear</button>
         </div>
       </div>
     </div>
     
     <!-- Content with top padding -->
-    <div class="pt-44 pb-16">
+    <div class="pt-36 sm:pt-44 pb-16">
       <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
 
-      <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4">
+      <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-3 sm:p-4">
         <div
           ref="editor"
-          class="min-h-[320px] p-4 outline-none prose max-w-none"
+          class="min-h-[320px] p-3 sm:p-4 outline-none prose max-w-none text-sm sm:text-base"
           contenteditable
         />
       </div>
diff --git a/pages/cms/ueber-uns.vue b/pages/cms/ueber-uns.vue
index daeab3c..67eb1ff 100644
--- a/pages/cms/ueber-uns.vue
+++ b/pages/cms/ueber-uns.vue
@@ -1,42 +1,42 @@
 <template>
   <div class="min-h-full bg-gray-50">
     <!-- Fixed Header below navigation -->
-    <div class="fixed top-16 left-0 right-0 z-40 bg-white border-b border-gray-200 shadow-sm">
-      <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+    <div class="fixed top-20 left-0 right-0 z-40 bg-white border-b border-gray-200 shadow-sm">
+      <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-3 sm:py-4">
         <div class="flex items-center justify-between">
-          <h1 class="text-3xl sm:text-4xl font-display font-bold text-gray-900">Über uns bearbeiten</h1>
+          <h1 class="text-xl sm:text-3xl font-display font-bold text-gray-900">Über uns bearbeiten</h1>
           <div class="space-x-3">
-            <button @click="save" class="inline-flex items-center px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700">Speichern</button>
+            <button @click="save" class="inline-flex items-center px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 text-sm sm:text-base">Speichern</button>
           </div>
         </div>
       </div>
     </div>
     
     <!-- Fixed Toolbar below header -->
-    <div class="fixed top-32 left-0 right-0 z-30 bg-white border-b border-gray-200 shadow-sm">
+    <div class="fixed top-28 sm:top-32 left-0 right-0 z-30 bg-white border-b border-gray-200 shadow-sm">
       <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="flex flex-wrap items-center gap-2 py-2">
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('bold')"><strong>B</strong></button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('italic')"><em>I</em></button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(1)">H1</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(2)">H2</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="formatHeader(3)">H3</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertUnorderedList')">• Liste</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertOrderedList')">1. Liste</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="createLink()">Link</button>
-          <button class="px-3 py-1 rounded border hover:bg-gray-50" @click="removeFormat()">Format entfernen</button>
+        <div class="flex flex-wrap items-center gap-1 sm:gap-2 py-1.5 sm:py-2">
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('bold')"><strong>B</strong></button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('italic')"><em>I</em></button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(1)">H1</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(2)">H2</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(3)">H3</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('insertUnorderedList')">•</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('insertOrderedList')">1.</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="createLink()">Link</button>
+          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="removeFormat()">Clear</button>
         </div>
       </div>
     </div>
     
     <!-- Content with top padding -->
-    <div class="pt-44 pb-16">
+    <div class="pt-36 sm:pt-44 pb-16">
       <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
 
-      <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4">
+      <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-3 sm:p-4">
         <div
           ref="editor"
-          class="min-h-[320px] p-4 outline-none prose max-w-none"
+          class="min-h-[320px] p-3 sm:p-4 outline-none prose max-w-none text-sm sm:text-base"
           contenteditable
         />
       </div>
diff --git a/server/data/config.json b/server/data/config.json
index dec6454..0fe53ed 100644
--- a/server/data/config.json
+++ b/server/data/config.json
@@ -156,7 +156,7 @@
   },
   "seiten": {
     "ueberUns": "<div class=\"space-y-6\"><h3 class=\"text-3xl font-display font-bold text-gray-900\">Ein familiärer Verein mit Tradition</h3><p class=\"text-lg text-gray-600 leading-relaxed\">Wir sind ein kleiner, selbständiger, familiärer Verein mit ca. 40 Mitgliedern. Wir nehmen zurzeit mit fünf Erwachsenenmannschaften an der Punktspielrunde teil.</p><p class=\"text-lg text-gray-600 leading-relaxed\">Seit der Saison 2025/26 werden wir auch wieder mit einer Jugendmannschaft aktiv.</p><p class=\"text-lg text-gray-600 leading-relaxed\">Wir trainieren zweimal wöchentlich in der Turnhalle der Grundschule Harheim mit anschließendem gemütlichem Beisammensein in einer der lokalen Gaststätten. Jährlich finden außerdem unsere Vereinsmeisterschaften statt.</p><div class=\"bg-primary-50 border-l-4 border-primary-600 p-6 rounded-lg\"><h4 class=\"text-xl font-semibold text-primary-800 mb-3\">Wir suchen Verstärkung!</h4><p class=\"text-primary-700 mb-4\">Wir suchen ständig Verstärkungen für unsere Mannschaften!</p><p class=\"text-primary-700 font-medium\">Alle Tischtennis-Begeisterten sind herzlich zu einem Probetraining eingeladen!</p></div></div>",
-    "geschichte": "<div class=\"prose prose-lg max-w-none\"><p class=\"text-xl text-gray-600 mb-8\">Die bewegte Geschichte des Harheimer Tischtennis Clubs seit 1954.</p><div class=\"space-y-6 mb-8\"><p class=\"text-lg text-gray-700\">Nach dem zweiten Weltkrieg entwickelte sich sprunghaft der Tischtennissport in der Bundesrepublik. Auch in der damaligen Gemeinde Harheim gab es junge Menschen, die an diesem neuen Sport Gefallen fanden, so dass am <strong>10.05.1950</strong> durch deren Initiative eine Tischtennisabteilung innerhalb der Sportgemeinschaft Harheim (SGH) gegründet wurde.</p><p class=\"text-lg text-gray-700\">Zu Anfang waren es nur wenige TT-Begeisterte und nur durch deren Idealismus, Opfer und Gemeinschaftssinn wurden die Anfangsschwierigkeiten überwunden. Im Laufe der Zeit kamen auch die Kritiker innerhalb der SGH nicht umhin, die damaligen Tischtennisspieler mit ihrer neuen Sportart anzuerkennen.</p></div><div class=\"space-y-6\"><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">10.06.1954 - Gründung des HTC</h3><p class=\"text-gray-600 mb-3\">Bei der am 20.05.1954 stattgefundenen Sitzung der SGH wurde die Trennung der einzelnen Abteilungen beschlossen. Somit sah sich die TT-Abteilung veranlasst, ihren Sportbetrieb in eigener Regie weiterzuführen.</p><p class=\"text-gray-600\">Am <strong>10.06.1954</strong> trafen sich 6 Damen und 22 Herren zur Gründungsversammlung in der Gaststätte „Zum Löwen\". Der neu gegründete Verein wurde unter dem Namen \"Harheimer Tischtennis-Club\" Mitglied des Landessportbundes Hessen.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">1964 - Neue Trainingsstätte</h3><p class=\"text-gray-600\">Mit der Erbauung der Schulturnhalle im Jahre 1964 stand eine für die damaligen Verhältnisse recht moderne Übungsstätte zur Verfügung, die dem HTC für einen Tag in der Woche überlassen wurde. Damit waren viele Probleme gelöst und es gab einen Aufschwung, der sich in einer steigenden Spielerzahl bemerkbar machte.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">1974 - Bürgerhaus</h3><p class=\"text-gray-600\">Mit der Erstellung des Bürgerhauses wurde wiederum neuer Trainingsraum geschaffen, der besonders für den Tischtennissport geeignet ist. Der HTC nahm die Gelegenheit war und hielt ab Mai 1974 seine Übungsabende im großen Saal des Bürgerhauses ab.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">1976 - Eintragung ins Vereinsregister</h3><p class=\"text-gray-600\">Die Eintragung in das Vereinsregister (e. V.) erfolgte im Jahre 1976 und gleichzeitig wurde dem Verein die Gemeinnützigkeit zuerkannt.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">1978/79 - Sportlicher Höhepunkt</h3><p class=\"text-gray-600\">Ein besonderes Geschenk machten die Spieler des HTC im Jubiläumsjahr ihrem Verein: Die 1. Herrenmannschaft wurde Meister der Bezirksklasse Ffm.-Ost und die 2. Herrenmannschaft Meister der Kreisklasse-A Ffm.-Nord. Nachdem auch die Schülermannschaft Meister ihrer Klasse wurde, ist die Saison 78/79 als absolut sportlicher Höhepunkt in der Vereinsgeschichte zu werten.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">Heute</h3><p class=\"text-gray-600\">Der HTC hat sich auch in Zukunft zur Aufgabe gemacht, allen interessierten Bürgern und Jugendlichen im Rahmen seiner Möglichkeiten das Tischtennisspielen als Leistungssport oder zur Freizeitgestaltung zu ermöglichen.</p></div></div></div>",
+    "geschichte": "<div class=\"prose prose-lg max-w-none\"><h1 class=\"text-xl text-gray-600 mb-8\">Die bewegte Geschichte des Harheimer Tischtennis Clubs seit 1954.</h1><div class=\"space-y-6 mb-8\"><p class=\"text-lg text-gray-700\">Nach dem zweiten Weltkrieg entwickelte sich sprunghaft der Tischtennissport in der Bundesrepublik. Auch in der damaligen Gemeinde Harheim gab es junge Menschen, die an diesem neuen Sport Gefallen fanden, so dass am <strong>10.05.1950</strong> durch deren Initiative eine Tischtennisabteilung innerhalb der Sportgemeinschaft Harheim (SGH) gegründet wurde.</p><p class=\"text-lg text-gray-700\">Zu Anfang waren es nur wenige TT-Begeisterte und nur durch deren Idealismus, Opfer und Gemeinschaftssinn wurden die Anfangsschwierigkeiten überwunden. Im Laufe der Zeit kamen auch die Kritiker innerhalb der SGH nicht umhin, die damaligen Tischtennisspieler mit ihrer neuen Sportart anzuerkennen.</p></div><div class=\"space-y-6\"><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">10.06.1954 - Gründung des HTC</h3><p class=\"text-gray-600 mb-3\">Bei der am 20.05.1954 stattgefundenen Sitzung der SGH wurde die Trennung der einzelnen Abteilungen beschlossen. Somit sah sich die TT-Abteilung veranlasst, ihren Sportbetrieb in eigener Regie weiterzuführen.</p><p class=\"text-gray-600\">Am <strong>10.06.1954</strong> trafen sich 6 Damen und 22 Herren zur Gründungsversammlung in der Gaststätte „Zum Löwen\". Der neu gegründete Verein wurde unter dem Namen \"Harheimer Tischtennis-Club\" Mitglied des Landessportbundes Hessen.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">1964 - Neue Trainingsstätte</h3><p class=\"text-gray-600\">Mit der Erbauung der Schulturnhalle im Jahre 1964 stand eine für die damaligen Verhältnisse recht moderne Übungsstätte zur Verfügung, die dem HTC für einen Tag in der Woche überlassen wurde. Damit waren viele Probleme gelöst und es gab einen Aufschwung, der sich in einer steigenden Spielerzahl bemerkbar machte.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">1974 - Bürgerhaus</h3><p class=\"text-gray-600\">Mit der Erstellung des Bürgerhauses wurde wiederum neuer Trainingsraum geschaffen, der besonders für den Tischtennissport geeignet ist. Der HTC nahm die Gelegenheit war und hielt ab Mai 1974 seine Übungsabende im großen Saal des Bürgerhauses ab.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">1976 - Eintragung ins Vereinsregister</h3><p class=\"text-gray-600\">Die Eintragung in das Vereinsregister (e. V.) erfolgte im Jahre 1976 und gleichzeitig wurde dem Verein die Gemeinnützigkeit zuerkannt.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">1978/79 - Sportlicher Höhepunkt</h3><p class=\"text-gray-600\">Ein besonderes Geschenk machten die Spieler des HTC im Jubiläumsjahr ihrem Verein: Die 1. Herrenmannschaft wurde Meister der Bezirksklasse Ffm.-Ost und die 2. Herrenmannschaft Meister der Kreisklasse-A Ffm.-Nord. Nachdem auch die Schülermannschaft Meister ihrer Klasse wurde, ist die Saison 78/79 als absolut sportlicher Höhepunkt in der Vereinsgeschichte zu werten.</p></div><div class=\"bg-white p-6 rounded-xl shadow-lg border-l-4 border-primary-600\"><h3 class=\"text-xl font-display font-bold text-gray-900 mb-3\">Heute</h3><p class=\"text-gray-600\">Der HTC hat sich auch in Zukunft zur Aufgabe gemacht, allen interessierten Bürgern und Jugendlichen im Rahmen seiner Möglichkeiten das Tischtennisspielen als Leistungssport oder zur Freizeitgestaltung zu ermöglichen.</p></div></div></div>",
     "ttRegeln": "<div class=\"prose prose-lg max-w-none\"><p class=\"text-xl text-gray-600 mb-12\">Offizielle Regeln und Bestimmungen für den Tischtennissport</p><div class=\"bg-white rounded-xl shadow-lg p-8 mb-12\"><h2 class=\"text-3xl font-display font-bold text-gray-900 mb-8 text-center\">Grundregeln im Überblick</h2><div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\"><div class=\"text-center p-6 bg-gray-50 rounded-lg\"><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Spielfeld</h3><p class=\"text-gray-600 text-sm\">Tisch: 2,74m × 1,525m, Höhe: 76cm<br>Netz: 15,25cm hoch</p></div><div class=\"text-center p-6 bg-gray-50 rounded-lg\"><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Ball</h3><p class=\"text-gray-600 text-sm\">Durchmesser: 40mm<br>Gewicht: 2,7g</p></div><div class=\"text-center p-6 bg-gray-50 rounded-lg\"><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Schläger</h3><p class=\"text-gray-600 text-sm\">Belag: schwarz + farbig<br>(rot, grün, pink, blau, gelb, lila)<br>Holz: mindestens 85%</p></div><div class=\"text-center p-6 bg-gray-50 rounded-lg\"><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Aufschlag</h3><p class=\"text-gray-600 text-sm\">Ball muss sichtbar hochgeworfen werden<br>Mindestens 16cm Höhe</p></div><div class=\"text-center p-6 bg-gray-50 rounded-lg\"><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Satz</h3><p class=\"text-gray-600 text-sm\">Gewinn bei 11 Punkten<br>Mindestens 2 Punkte Vorsprung</p></div><div class=\"text-center p-6 bg-gray-50 rounded-lg\"><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Spiel</h3><p class=\"text-gray-600 text-sm\">Best of 5 oder 7 Sätze<br>Wechsel alle 2 Punkte</p></div></div></div><div class=\"bg-gradient-to-r from-primary-600 to-primary-700 rounded-xl p-8 text-white\"><h3 class=\"text-2xl font-display font-bold mb-6\">Weitere Informationen</h3><div class=\"space-y-4\"><p class=\"text-primary-100 leading-relaxed\">Die offiziellen ITTF-Regeln werden regelmäßig aktualisiert und gelten für alle internationalen Wettkämpfe. Für regionale Turniere können abweichende Bestimmungen gelten.</p><p class=\"text-primary-100 leading-relaxed\">Bei Fragen zu spezifischen Regeln wenden Sie sich an den <a href=\"https://www.tischtennis.de\" target=\"_blank\" class=\"underline hover:text-white\">Deutschen Tischtennis-Bund (DTTB)</a> oder Ihren regionalen Verband.</p><div class=\"mt-6 text-center\"><a href=\"https://www.tischtennis.de/dttb/regeln-satzung/satzung-ordnungen.html\" target=\"_blank\" class=\"inline-flex items-center px-8 py-4 bg-primary-600 hover:bg-primary-700 text-white font-bold rounded-lg transition-colors text-lg border-2 border-primary-600 shadow-lg\">🔗 Alle DTTB-Regeln und Ordnungen</a></div></div></div></div>",
     "satzung": {
       "pdfUrl": "",