footer.php aktualisiert

änderung zur bilderanzeige

footer.php

@@ -13,6 +13,7 @@
         </div>
     </div>
 
+   <!-- Footer -->
     <footer>
         <div class="footer-content">
             <div class="footer-section">
@@ -32,13 +33,12 @@
             <div class="footer-section">
                 <h4>Kontakt</h4>
                 <ul>
-                    <li>📧 info@sg07-stleon.de</li>
+                    <li>📧 sg07-stleon@t-online.de</li>
                     <li>📍 Postfach 6459, 68789 St. Leon-Rot</li>
                 </ul>
             </div>
         </div>
         
-        <!-- NEU: Die Links für Impressum und Datenschutz ganz unten -->
         <div class="footer-bottom" style="display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 20px;">
             <p>&copy; 2026 SG 07 St. Leon e.V. Alle Rechte vorbehalten.</p>
             <div style="font-size: 0.95rem;">
@@ -48,6 +48,37 @@
         </div>
     </footer>
 
+    <!-- DAS NEWS POPUP (MODAL) MIT GALERIE -->
+    <div class="news-modal" id="newsModal">
+        <div class="news-modal-content">
+            <span class="news-modal-close" onclick="closeNewsModal()">&times;</span>
+            
+            <!-- HIER IST DER FEHLENDE CONTAINER -->
+            <div class="news-modal-gallery" id="modalGallery">
+                <!-- Dynamische Galerie-Bilder erscheinen hier -->
+            </div>
+
+            <div class="news-modal-header">
+                <div class="news-modal-meta" id="modalMeta">Datum | Abteilung</div>
+                <h2 class="news-modal-title" id="modalTitle">Überschrift</h2>
+            </div>
+            <div class="news-modal-body" id="modalBody">
+                Hier steht dann der komplette Text...
+            </div>
+        </div>
+    </div>
+
+    <!-- Lightbox Modal (für die Vereinsheim Galerie) -->
+    <div class="lightbox" id="lightbox">
+        <div class="lightbox-content">
+            <span class="lightbox-close" onclick="closeLightbox()">&times;</span>
+            <span class="lightbox-nav lightbox-prev" onclick="changeImage(-1)">&#10094;</span>
+            <img src="" alt="Galerie Bild groß" class="lightbox-img" id="lightboxImg">
+            <span class="lightbox-nav lightbox-next" onclick="changeImage(1)">&#10095;</span>
+            <div class="lightbox-counter" id="lightboxCounter">1 / 6</div>
+        </div>
+    </div>
+
     <script src="main.js"></script>
 </body>
 </html>