Initial commit

mitgliedschaft.php

@@ -0,0 +1,74 @@
+<?php 
+// 1. Titel der Seite festlegen
+$pageTitle = "Mitgliedschaft | SG 07 St. Leon";
+// 2. Welcher Menüpunkt soll aktiv markiert sein?
+$activePage = "mitgliedschaft";
+
+// 3. Den Kopfbereich (Navigation & CSS) einbinden
+include 'header.php'; 
+?>
+
+    <!-- Hero Bereich -->
+    <div class="hero" style="--hero-bg: url('https://images.unsplash.com/photo-1526676037777-05a232554f77?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');">
+        <h1>Mitgliedschaft</h1>
+        <p>Werde Teil der SG 07 St. Leon. Wir freuen uns auf dich!</p>
+    </div>
+
+    <!-- Inhalt -->
+    <section>
+        <p class="intro-text">
+            Egal ob Kinderturnen, Kegeln, Handball oder Fitness – bei uns findet jeder das passende sportliche Zuhause. 
+            Mit einer Mitgliedschaft in der SG 07 St. Leon förderst du nicht nur deine eigene Gesundheit, sondern unterstützt auch unsere wertvolle Jugendarbeit und das Vereinsleben in der Gemeinde.
+        </p>
+
+        <!-- Call to Action: Antrag herunterladen -->
+        <div style="text-align: center; margin-top: 2rem; margin-bottom: 5rem; padding: 3rem; background: var(--light); border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-left: 5px solid var(--primary);">
+            <h2 style="color: var(--dark); margin-bottom: 15px; font-size: 2rem;">Jetzt Mitglied werden!</h2>
+            <p style="color: var(--text-gray); margin-bottom: 25px; font-size: 1.1rem; max-width: 600px; margin-left: auto; margin-right: auto;">
+                Lade dir einfach unseren Mitgliedsantrag herunter, fülle ihn bequem zu Hause aus und gib ihn bei deinem Trainer oder direkt bei unserer Mitgliederverwaltung ab.
+            </p>
+            <a href="./doc/Aufnahme_Antrag.pdf" target="_blank" class="btn btn-primary" style="font-size: 1.2rem; padding: 15px 40px; box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4);">
+                📄 Mitgliedsantrag herunterladen (PDF)
+            </a>
+            <p style="margin-top: 15px; font-size: 0.9rem; color: #888;">* Bitte beachte auch unsere aktuelle Vereinssatzung und Datenschutzerklärung.</p>
+        </div>
+
+        <!-- Split Layout: Ansprechpartner & Verwaltung -->
+        <div class="split-section">
+            <div class="split-content">
+                <h2>Deine Ansprechpartnerin</h2>
+                <p>
+                    Hast du Fragen zu den aktuellen Beitragsstrukturen, Ermäßigungen für Familien oder benötigst du Hilfe beim Ausfüllen des Antrags? 
+                    Unsere Mitgliederverwaltung steht dir gerne mit Rat und Tat zur Seite.
+                </p>
+                
+                <div style="background: var(--light-gray); padding: 20px; border-radius: 8px; margin-top: 20px;">
+                    <h3 style="color: var(--primary); margin-bottom: 10px; font-size: 1.3rem;">Elke Elsässer</h3>
+                    <p style="margin-bottom: 5px;"><strong>Mitgliederbetreuung & -verwaltung</strong></p>
+                    <p style="margin-bottom: 5px;">📧 <a href="mailto:mitgliederverwaltung@sg07-stleon.de" style="color: var(--text-gray); text-decoration: underline;">mitgliederverwaltung@sg07-stleon.de</a></p>
+                </div>
+            </div>
+            
+            <div class="split-content" style="background: var(--light); padding: 40px; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-top: 4px solid var(--dark);">
+                <h2 style="color: var(--dark);">Änderungen & Kündigungen</h2>
+                <p>
+                    Um unsere Verwaltung schlank und effizient zu halten, bitten wir dich, uns über wichtige Änderungen zeitnah zu informieren.
+                </p>
+                <ul style="margin-top: 20px; margin-bottom: 20px;">
+                    <li>Änderung der Bankverbindung (IBAN)</li>
+                    <li>Umzug / Neue Wohnadresse</li>
+                    <li>Namensänderungen</li>
+                </ul>
+                <p>
+                    <strong>Kündigungen:</strong><br>
+                    Ein Austritt aus dem Verein ist gemäß unserer Satzung unter Einhaltung der Fristen möglich. Bitte richte deine schriftliche Kündigung (gerne auch per E-Mail) direkt an <strong>Elke Elsässer</strong>.
+                </p>
+            </div>
+        </div>
+
+    </section>
+
+<?php 
+// 4. Den Fußbereich (Modal, Footer & JavaScript) einbinden
+include 'footer.php'; 
+?>