Impressum-Popup: Copyright in Sidebar und Login-Seite hinzufügen

- © 2026 Scarriffleservices am unteren Rand der Sidebar (sticky)
- Gleicher Link auf der Login-Seite (unten mittig)
- Impressum-Modal: Anbieter, Datenspeicherung Schweiz, Haftungsausschluss, Kontakt

frontend/css/app.css

@@ -122,6 +122,13 @@ a { color: var(--primary); text-decoration: none; }
 .auth-logo h1 { font-size: 24px; font-weight: 600; color: var(--text-1); }
 .auth-card h2 { font-size: 18px; margin-bottom: 4px; }
 .auth-sub { color: var(--text-2); margin-bottom: 24px; }
+.impressum-link {
+  position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
+  background: none; border: none; cursor: pointer;
+  font-size: 12px; color: var(--text-3);
+  transition: color var(--transition); white-space: nowrap;
+}
+.impressum-link:hover { color: var(--text-1); }
 
 /* ── Forms ──────────────────────────────────────────────── */
 .form-group {
@@ -339,7 +346,18 @@ a { color: var(--primary); text-decoration: none; }
   transition: transform var(--transition);
 }
 .sidebar.collapsed { transform: translateX(calc(-1 * var(--sidebar-w))); margin-right: calc(-1 * var(--sidebar-w)); }
-.sidebar-inner { padding-bottom: 24px; }
+.sidebar-inner { padding-bottom: 8px; }
+.sidebar-copyright {
+  display: block; width: 100%;
+  padding: 10px 16px 12px;
+  font-size: 11px; color: var(--text-3);
+  text-align: center; cursor: pointer;
+  background: none; border: none; border-top: 1px solid var(--border);
+  transition: color var(--transition);
+  position: sticky; bottom: 0;
+  background: var(--bg-sidebar);
+}
+.sidebar-copyright:hover { color: var(--text-1); }
 .main-view { flex: 1; overflow: auto; display: flex; flex-direction: column; }
 #view-container { flex: 1; display: flex; flex-direction: column; }
 
@@ -651,6 +669,10 @@ a { color: var(--primary); text-decoration: none; }
 .modal-header h3 { font-size: 18px; font-weight: 500; flex: 1; }
 .modal-close { font-size: 24px; }
 .modal-body { padding: 20px; }
+.modal-body p { margin: 0 0 14px; font-size: 14px; color: var(--text-1); }
+.modal-body p:last-child { margin-bottom: 0; }
+.modal-body a { color: var(--primary); text-decoration: none; }
+.modal-body a:hover { text-decoration: underline; }
 .modal-footer {
   display: flex; align-items: center; gap: 8px;
   padding: 12px 20px; border-top: 1px solid var(--border);

frontend/index.html

@@ -67,6 +67,7 @@
       <button type="submit" class="btn btn-primary btn-full">Anmelden</button>
     </form>
   </div>
+  <button class="impressum-link" onclick="openImpressum()">© 2026 Scarriffleservices</button>
 </div>
 
 <!-- ─── MAIN APP ──────────────────────────────────────────── -->
@@ -166,6 +167,7 @@
           <div id="cal-list-items"></div>
         </div>
       </div>
+      <button class="sidebar-copyright" onclick="openImpressum()">© 2026 Scarriffleservices</button>
     </aside>
 
     <!-- MAIN VIEW -->
@@ -595,6 +597,39 @@
 <!-- Toast -->
 <div id="toast" class="toast hidden"></div>
 
+<!-- Impressum Modal -->
+<div id="modal-impressum" class="modal-overlay hidden" onclick="if(event.target===this)closeImpressum()">
+  <div class="modal-card" style="max-width:460px">
+    <div class="modal-header">
+      <h3>Impressum</h3>
+      <button class="icon-btn" style="font-size:20px;line-height:1" onclick="closeImpressum()">&times;</button>
+    </div>
+    <div class="modal-body" style="line-height:1.7">
+      <p><strong>Scarriffleservices</strong><br>
+      Software &amp; Webentwicklung</p>
+      <p>Diese Software wurde von Scarriffleservices mit grösster Sorgfalt entwickelt und bereitgestellt. Alle Rechte vorbehalten &copy; 2026 Scarriffleservices.</p>
+      <p><strong>Datenspeicherung</strong><br>
+      Alle Daten werden ausschliesslich in der Schweiz gespeichert und verarbeitet.</p>
+      <p><strong>Haftungsausschluss</strong><br>
+      Trotz sorgfältiger Erstellung wird keine Haftung für die Richtigkeit, Vollständigkeit oder Aktualität der bereitgestellten Inhalte übernommen. Die Nutzung erfolgt auf eigene Verantwortung.</p>
+      <p><strong>Kontakt</strong><br>
+      <a href="mailto:scarriffleservices@gmail.com">scarriffleservices@gmail.com</a></p>
+    </div>
+    <div class="modal-footer">
+      <button class="btn btn-ghost" onclick="closeImpressum()">Schliessen</button>
+    </div>
+  </div>
+</div>
+
+<script>
+function openImpressum() {
+  document.getElementById('modal-impressum').classList.remove('hidden');
+}
+function closeImpressum() {
+  document.getElementById('modal-impressum').classList.add('hidden');
+}
+</script>
+
 <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.6.2/cropper.min.js"></script>
 <script type="module" src="/static/js/app.js"></script>
 </body>