From ee847346013f4cb99b1c38dd6a266457ff7bc97b Mon Sep 17 00:00:00 2001
From: patrickzerhusen <patrick.zerhusen@endex-geodaten.de>
Date: Tue, 16 Jun 2026 14:42:57 +0200
Subject: [PATCH] replaced inline styles with CSS classes

---
 public/index.php  | 4 ++--
 public/styles.css | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/index.php b/public/index.php
index 54ac221..706264c 100644
--- a/public/index.php
+++ b/public/index.php
@@ -218,7 +218,7 @@ $news_items = $stmt->fetchAll();
                         <h3><i class="fa-solid fa-book"></i> Interaktive Anleitung</h3>
                         <p>Klicken Sie unten auf Tutorial starten um Schritt für Schritt durch die Kernfunktionen der Mitmachkarte geführt zu werden.</p>
                         <p>
-                            <button class="btn btn-primary" onclick="if(typeof restartOnboarding==='function'){sidebar.close();restartOnboarding()}" style="font-size:0.85rem;">
+                            <button class="btn btn-primary" onclick="if(typeof restartOnboarding==='function'){sidebar.close();restartOnboarding()}">
                                 <i class="fa-solid fa-route"></i> Tutorial starten
                             </button>
                         </p>
@@ -274,7 +274,7 @@ $news_items = $stmt->fetchAll();
                 <li>Hinweise und Verbesserungsvorschläge für die Stadtverwaltung hinzufügen</li>
                 <li>Bestehende Beiträge der Bürgerschaft betrachten und bewerten</li>
             </ul>
-            <p style="background:#fff3cd;padding:10px;border-radius:6px;border:1px solid #ffc107;font-size:0.85rem;color:#856404;">
+            <p class="dev-notice">
                 <i class="fa-solid fa-triangle-exclamation"></i> <strong>Hinweis:</strong> Demoversion - nicht in Rücksprache mit der Stadt Lohne entwickelt! Alle Beitrage, Kommentare und Personen sind frei erfunden.
             </p>
             <p>Zum Hinzufügen von Beiträgen geben Sie bitte zunächst Ihren Namen ein.</p>            <div class="modal-actions">
diff --git a/public/styles.css b/public/styles.css
index 4cf744d..2edf4e3 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -700,6 +700,11 @@ select.form-input { cursor: pointer; }
 
 .modal-actions { display: flex; justify-content: flex-end; gap: var(--space-sm); margin-top: var(--space-lg); }
 
+.modal-content .dev-notice {
+    color: var(--color-badge-pending-text);
+    border-color: #ffc107;
+}
+
 
 /* -----------------------------------------------------------------
    4.7 Map Popup