opens moderation portal in new tab

public/index.php

@@ -97,7 +97,7 @@ if (!$municipality) {
                 <i class="fa-solid fa-scale-balanced"></i>
                 <span class="nav-label">Impressum</span>
             </button>
-            <a href="admin.php" class="nav-btn nav-btn-admin" title="Moderationsbereich">
+            <a href="admin.php" class="nav-btn nav-btn-admin" title="Moderationsbereich" target="_blank">
                 <i class="fa-solid fa-lock"></i>
             </a>
         </nav>
@@ -216,8 +216,10 @@ if (!$municipality) {
     <!-- Footer                                                        -->
     <!-- ============================================================= -->
     <footer id="app-footer">
+        <span class="dev-warning">
+            <i class="fa-solid fa-triangle-exclamation"></i> Pilotprojekt - nicht offiziell von der Stadt Lohne (Oldenburg) beauftragt
+        </span>
         <div class="footer-content">
-            <!-- <img src="assets/logo-company.png" alt="Company Logo" class="footer-logo" onerror="this.style.display='none'"> -->
             <span class="footer-text">© <a href="https://endex-geodaten.de" target="_blank" style="color:inherit;">endex GmbH</a></span>
         </div>
     </footer>

public/styles.css

@@ -205,6 +205,28 @@ html, body {
     object-fit: contain;
 }
 
+.dev-warning {
+    position: absolute;
+    left: var(--space-md);
+
+    font-size: 0.7rem;
+    font-weight: 600;
+    color: #856404;
+    white-space: nowrap;
+
+    background: rgba(255, 243, 205, 0.8); /* leicht transparent */
+    padding: 4px 10px;
+    border-radius: 8px;
+
+    border: 1px solid #856404; /* NICHT transparent */
+}
+
+@media (max-width: 768px) {
+    .dev-warning {
+        font-size: 0.6rem;
+        left: var(--space-sm);
+    }
+}
 
 /* -----------------------------------------------------------------
    Mouse Position Display