Initial commit: Harheimer TC Website

- Vue 3 + Nuxt 3 Framework
- Tailwind CSS Styling
- Responsive Design mit schwarz-roten Vereinsfarben
- Dynamische Galerie mit Lightbox
- Event-Management über CSV-Dateien
- Mannschaftsübersicht mit dynamischen Seiten
- SMTP-Kontaktformular
- Google Maps Integration
- Mobile-optimierte Navigation mit Submenus
- Trainer-Übersicht
- Vereinsmeisterschaften, Spielsysteme, TT-Regeln
- Impressum mit Datenschutzerklärung
This commit is contained in:
Torsten Schulz (local)
2025-10-21 00:41:12 +02:00
commit 737c3064bd
61 changed files with 25816 additions and 0 deletions

149
pages/satzung.vue Normal file
View File

@@ -0,0 +1,149 @@
<template>
<div class="min-h-full py-16 bg-gray-50">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
Vereinssatzung
</h1>
<div class="w-24 h-1 bg-primary-600 mb-8" />
<div class="bg-white p-8 rounded-xl shadow-lg">
<p class="text-lg text-gray-600 mb-8">
Die Satzung des Harheimer Tischtennis Clubs regelt die Grundlagen unseres Vereins.
</p>
<div class="prose prose-lg max-w-none">
<div class="space-y-8">
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 1 Name, Sitz und Geschäftsjahr</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Der Verein führt den Namen "Harheimer Tischtennis-Club 1954 e.V." (HTC).</p>
<p><strong>(2)</strong> Der Verein hat seinen Sitz in Frankfurt am Main.</p>
<p><strong>(3)</strong> Das Geschäftsjahr ist das Kalenderjahr.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 2 Zweck des Vereins</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Der Verein bezweckt die Förderung des Tischtennissports und die Pflege der Geselligkeit seiner Mitglieder.</p>
<p><strong>(2)</strong> Der Verein ist selbstlos tätig; er verfolgt nicht in erster Linie eigenwirtschaftliche Zwecke.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 3 Mitgliedschaft</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Mitglied des Vereins kann jede natürliche Person werden, die die Ziele des Vereins unterstützt.</p>
<p><strong>(2)</strong> Der Antrag auf Mitgliedschaft ist schriftlich an den Vorstand zu richten.</p>
<p><strong>(3)</strong> Über die Aufnahme entscheidet der Vorstand.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 4 Rechte und Pflichten der Mitglieder</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Die Mitglieder haben das Recht, an den Veranstaltungen des Vereins teilzunehmen und die Einrichtungen des Vereins zu benutzen.</p>
<p><strong>(2)</strong> Die Mitglieder sind verpflichtet, die Satzung und die Beschlüsse der Vereinsorgane zu beachten und den Mitgliedsbeitrag zu entrichten.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 5 Mitgliedsbeiträge</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Die Höhe der Mitgliedsbeiträge wird von der Mitgliederversammlung festgesetzt.</p>
<p><strong>(2)</strong> Die Mitgliedsbeiträge sind im Voraus zu entrichten.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 6 Beendigung der Mitgliedschaft</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Die Mitgliedschaft endet durch Austritt, Ausschluss oder Tod.</p>
<p><strong>(2)</strong> Der Austritt erfolgt durch schriftliche Erklärung gegenüber dem Vorstand.</p>
<p><strong>(3)</strong> Ein Mitglied kann aus wichtigem Grund ausgeschlossen werden.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 7 Organe des Vereins</h3>
<div class="space-y-2 text-gray-700">
<p>Organe des Vereins sind:</p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>die Mitgliederversammlung</li>
<li>der Vorstand</li>
</ul>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 8 Mitgliederversammlung</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Die Mitgliederversammlung ist das oberste Organ des Vereins.</p>
<p><strong>(2)</strong> Sie wird vom Vorsitzenden mindestens einmal im Jahr einberufen.</p>
<p><strong>(3)</strong> Die Mitgliederversammlung beschließt über alle wichtigen Angelegenheiten des Vereins.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 9 Vorstand</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Der Vorstand besteht aus:</p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>dem Vorsitzenden</li>
<li>dem stellvertretenden Vorsitzenden</li>
<li>dem Kassenwart</li>
<li>dem Schriftführer</li>
</ul>
<p><strong>(2)</strong> Der Vorstand wird von der Mitgliederversammlung gewählt.</p>
<p><strong>(3)</strong> Der Vorstand führt die Geschäfte des Vereins.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 10 Satzungsänderungen</h3>
<div class="space-y-2 text-gray-700">
<p>Satzungsänderungen können nur in einer Mitgliederversammlung mit einer Mehrheit von zwei Dritteln der anwesenden Mitglieder beschlossen werden.</p>
</div>
</div>
<div>
<h3 class="text-xl font-display font-bold text-gray-900 mb-3">§ 11 Auflösung des Vereins</h3>
<div class="space-y-2 text-gray-700">
<p><strong>(1)</strong> Die Auflösung des Vereins kann nur in einer Mitgliederversammlung mit einer Mehrheit von drei Vierteln der anwesenden Mitglieder beschlossen werden.</p>
<p><strong>(2)</strong> Bei Auflösung des Vereins fällt das Vereinsvermögen an eine gemeinnützige Organisation.</p>
</div>
</div>
</div>
<div class="mt-12 p-6 bg-primary-50 rounded-lg border border-primary-200">
<div class="flex flex-col sm:flex-row gap-4 items-center justify-between">
<div>
<h4 class="text-lg font-semibold text-primary-800 mb-2">Satzung als PDF herunterladen</h4>
<p class="text-primary-700 text-sm">
Laden Sie die vollständige Satzung als PDF-Dokument herunter.
</p>
</div>
<a
href="/documents/satzung.pdf"
target="_blank"
class="inline-flex items-center px-6 py-3 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors"
>
<FileText :size="20" class="mr-2" />
PDF herunterladen
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { FileText } from 'lucide-vue-next'
useHead({
title: 'Satzung - Harheimer TC',
})
</script>