Move newsletter+calendar outside main-content — always visible, loadDates called on every page load

index.html

@@ -367,7 +367,55 @@
       </div>
     </section>
 
-  <!-- Main Content (logged-in) -- Members, Wiki, Newsletter -->
+  <!-- Newsletter + Calendar (always visible) -->
+  <section class="section section-alt newsletter-section" id="newsletter-section">
+      <div class="container">
+      <div class="newsletter-calendar-grid">
+        <div class="newsletter-card">
+          <img src="https://images.unsplash.com/photo-1596526131083-e8c633c948d2?w=120&h=120&fit=crop&q=80" alt="Newsletter" class="newsletter-image" />
+          <h2>
+            <span class="hide-de">Newsletter</span>
+            <span class="hide-en">Newsletter</span>
+          </h2>
+          <p class="newsletter-hint">
+            <span class="hide-de">Erhalten Sie Updates und wichtige Informationen direkt in Ihr Postfach.</span>
+            <span class="hide-en">Receive updates and important information directly in your inbox.</span>
+          </p>
+          <form id="newsletter-form">
+            <div class="form-group">
+              <input type="email" id="newsletter-email" class="form-input" placeholder="name@example.com" />
+            </div>
+            <button type="button" class="btn btn-primary btn-block" onclick="subscribeNewsletter()">
+              <span class="hide-de">Abonnieren</span>
+              <span class="hide-en">Subscribe</span>
+            </button>
+          </form>
+          <div id="newsletter-success" class="hidden">
+            <p class="success-message">
+              <span class="hide-de">Danke! Bitte prüfen Sie Ihre E-Mails.</span>
+              <span class="hide-en">Thank you! Please check your emails.</span>
+            </p>
+          </div>
+        </div>
+        <div class="calendar-card">
+          <div class="calendar-header">
+            <div class="calendar-title">
+              <span class="hide-de">Termine</span>
+              <span class="hide-en">Upcoming Dates</span>
+            </div>
+          </div>
+          <div class="calendar-events" id="calendar-events">
+            <p class="calendar-events-hint">
+              <span class="hide-de">Termine werden geladen...</span>
+              <span class="hide-en">Loading events...</span>
+            </p>
+          </div>
+        </div>
+      </div>
+      </div>
+    </section>
+
+  <!-- Main Content (logged-in) -- Members, Wiki -->
   <main class="main-content" id="main-content">
 
     <!-- Members Section -->
@@ -415,54 +463,6 @@
       </div>
     </section>
 
-    <!-- Newsletter Section (nur logged-in) -->
-    <section class="section section-alt newsletter-section" id="newsletter-section" style="display:none;">
-      <div class="container">
-      <div class="newsletter-calendar-grid">
-        <div class="newsletter-card">
-          <img src="https://images.unsplash.com/photo-1596526131083-e8c633c948d2?w=120&h=120&fit=crop&q=80" alt="Newsletter" class="newsletter-image" />
-          <h2>
-            <span class="hide-de">Newsletter</span>
-            <span class="hide-en">Newsletter</span>
-          </h2>
-          <p class="newsletter-hint">
-            <span class="hide-de">Erhalten Sie Updates und wichtige Informationen direkt in Ihr Postfach.</span>
-            <span class="hide-en">Receive updates and important information directly in your inbox.</span>
-          </p>
-          <form id="newsletter-form">
-            <div class="form-group">
-              <input type="email" id="newsletter-email" class="form-input" placeholder="name@example.com" />
-            </div>
-            <button type="button" class="btn btn-primary btn-block" onclick="subscribeNewsletter()">
-              <span class="hide-de">Abonnieren</span>
-              <span class="hide-en">Subscribe</span>
-            </button>
-          </form>
-          <div id="newsletter-success" class="hidden">
-            <p class="success-message">
-              <span class="hide-de">Danke! Bitte prüfen Sie Ihre E-Mails.</span>
-              <span class="hide-en">Thank you! Please check your emails.</span>
-            </p>
-          </div>
-        </div>
-        <div class="calendar-card">
-          <div class="calendar-header">
-            <div class="calendar-title">
-              <span class="hide-de">Termine</span>
-              <span class="hide-en">Upcoming Dates</span>
-            </div>
-          </div>
-          <div class="calendar-events" id="calendar-events">
-            <p class="calendar-events-hint">
-              <span class="hide-de">Termine werden geladen...</span>
-              <span class="hide-en">Loading events...</span>
-            </p>
-          </div>
-        </div>
-      </div>
-      </div>
-    </section>
-
     <!-- Dates / Events Section -->
     <section class="section fade-in-section" id="dates" style="display:none;">
       <div class="container">

js/main.js

@@ -17,6 +17,7 @@ document.addEventListener('DOMContentLoaded', () => {
   currentLang = document.body.dataset.lang || 'de';
   checkSession();
   loadCommunityStats();
+  loadDates();
   initCalendar();
   
   // Smooth scroll nav links
@@ -358,10 +359,8 @@ function checkSession() {
     document.getElementById('profile-btn').style.display = 'inline-flex';
     document.getElementById('telegram-banner').style.display = 'none';
     document.getElementById('main-content').style.display = 'block';
-    document.getElementById('newsletter-section').style.display = 'block';
     loadUsers();
     loadWiki();
-    loadDates();
   } else {
     document.body.dataset.loggedIn = 'false';
     document.getElementById('login-btn').style.display = 'inline-flex';
@@ -369,7 +368,6 @@ function checkSession() {
     document.getElementById('profile-btn').style.display = 'none';
     document.getElementById('telegram-banner').style.display = 'block';
     document.getElementById('main-content').style.display = 'none';
-    document.getElementById('newsletter-section').style.display = 'none';
   }
 }