torsten/harheimertc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile design for CMS pages - correct positioning and responsive layout

Browse Source
This commit is contained in:
Torsten Schulz (local)
2025-10-22 12:56:30 +02:00
parent 02ecae528e
commit 7b010b7658
5 changed files with 61 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/cms/einstellungen.vue
View File

@@ -1,19 +1,19 @@
<template> <template>
<div class="min-h-full bg-gray-50"> <div class="min-h-full bg-gray-50">
<!-- Fixed Header below navigation --> <!-- 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="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-4"> <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 class="flex items-center justify-between">
<div> <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 Einstellungen
</h1> </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>
<div class="space-x-3"> <div class="space-x-3">
<button <button
@click="saveConfig" @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" :disabled="isSaving"
> >
<Loader2 v-if="isSaving" :size="16" class="animate-spin mr-2" /> <Loader2 v-if="isSaving" :size="16" class="animate-spin mr-2" />
@@ -25,7 +25,7 @@
</div> </div>
<!-- Content with top padding --> <!-- 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"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<!-- Loading State --> <!-- Loading State -->

36
pages/cms/geschichte.vue
View File

@@ -1,42 +1,42 @@
<template> <template>
<div class="min-h-full bg-gray-50"> <div class="min-h-full bg-gray-50">
<!-- Fixed Header below navigation --> <!-- 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="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-4"> <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"> <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"> <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>
</div> </div>
</div> </div>
<!-- Fixed Toolbar below header --> <!-- 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="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-wrap items-center gap-2 py-2"> <div class="flex flex-wrap items-center gap-1 sm:gap-2 py-1.5 sm:py-2">
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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('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-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-3 py-1 rounded border hover:bg-gray-50" @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(1)">H1</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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(2)">H2</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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="formatHeader(3)">H3</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertUnorderedList')">• Liste</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-3 py-1 rounded border hover:bg-gray-50" @click="format('insertOrderedList')">1. Liste</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-3 py-1 rounded border hover:bg-gray-50" @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="createLink()">Link</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @click="removeFormat()">Format entfernen</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> </div>
</div> </div>
<!-- Content with top padding --> <!-- 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="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 <div
ref="editor" 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 contenteditable
/> />
</div> </div>

36
pages/cms/tt-regeln.vue
View File

@@ -1,42 +1,42 @@
<template> <template>
<div class="min-h-full bg-gray-50"> <div class="min-h-full bg-gray-50">
<!-- Fixed Header below navigation --> <!-- 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="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-4"> <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"> <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"> <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>
</div> </div>
</div> </div>
<!-- Fixed Toolbar below header --> <!-- 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="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-wrap items-center gap-2 py-2"> <div class="flex flex-wrap items-center gap-1 sm:gap-2 py-1.5 sm:py-2">
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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('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-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-3 py-1 rounded border hover:bg-gray-50" @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(1)">H1</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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(2)">H2</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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="formatHeader(3)">H3</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertUnorderedList')">• Liste</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-3 py-1 rounded border hover:bg-gray-50" @click="format('insertOrderedList')">1. Liste</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-3 py-1 rounded border hover:bg-gray-50" @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="createLink()">Link</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @click="removeFormat()">Format entfernen</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> </div>
</div> </div>
<!-- Content with top padding --> <!-- 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="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 <div
ref="editor" 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 contenteditable
/> />
</div> </div>

36
pages/cms/ueber-uns.vue
View File

@@ -1,42 +1,42 @@
<template> <template>
<div class="min-h-full bg-gray-50"> <div class="min-h-full bg-gray-50">
<!-- Fixed Header below navigation --> <!-- 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="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-4"> <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"> <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"> <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>
</div> </div>
</div> </div>
<!-- Fixed Toolbar below header --> <!-- 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="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-wrap items-center gap-2 py-2"> <div class="flex flex-wrap items-center gap-1 sm:gap-2 py-1.5 sm:py-2">
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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('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-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-3 py-1 rounded border hover:bg-gray-50" @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(1)">H1</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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(2)">H2</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @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="formatHeader(3)">H3</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @click="format('insertUnorderedList')">• Liste</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-3 py-1 rounded border hover:bg-gray-50" @click="format('insertOrderedList')">1. Liste</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-3 py-1 rounded border hover:bg-gray-50" @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="createLink()">Link</button>
<button class="px-3 py-1 rounded border hover:bg-gray-50" @click="removeFormat()">Format entfernen</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> </div>
</div> </div>
<!-- Content with top padding --> <!-- 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="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 <div
ref="editor" 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 contenteditable
/> />
</div> </div>

2
server/data/config.json
View File

@@ -156,7 +156,7 @@
}, },
"seiten": { "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>", "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>", "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": { "satzung": {
"pdfUrl": "", "pdfUrl": "",