From 5dfa641fef62cbfbcfe1baee9788e7ca2341297f Mon Sep 17 00:00:00 2001
From: Kato <kato@paraguay-srl.com>
Date: Sun, 6 Sep 2026 14:23:47 +0000
Subject: [PATCH] =?UTF-8?q?Move=20newsletter+calendar=20outside=20main-con?=
 =?UTF-8?q?tent=20=E2=80=94=20always=20visible,=20loadDates=20called=20on?=
 =?UTF-8?q?=20every=20page=20load?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 98 +++++++++++++++++++++++++++---------------------------
 js/main.js |  4 +--
 2 files changed, 50 insertions(+), 52 deletions(-)

diff --git a/index.html b/index.html
index 9bc4cd4..206b289 100644
--- a/index.html
+++ b/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">
diff --git a/js/main.js b/js/main.js
index 2418469..4eb3add 100644
--- a/js/main.js
+++ b/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';
   }
 }