Login oben sichtbar + Musik laeuft beim Seitenwechsel weiter

Login:
- Kleiner "🔒 Login"-Knopf oben rechts in der Navigation, auf jeder
  Seite sichtbar. Fuehrt direkt zum Postfach mit der Code-Eingabe.

Nahtloser Seitenwechsel:
- Klicks auf interne Links tauschen nur noch <main> aus, statt die
  ganze Seite neu zu laden. Kopfzeile, Fussleiste und Musik-Knopf
  bleiben stehen — der Spotify-Player laeuft dadurch weiter.
- Postfach und Zugaenge sind bewusst ausgenommen und laden normal:
  an Login, Sitzung und Rechten aendert sich nichts.
- Seiteneigene Skripte werden der Reihe nach nachgeladen; spaete
  DOMContentLoaded-Anmeldungen laufen sofort, damit Inhalte wie die
  Team-Vorschau auch nach einem Wechsel erscheinen.
- Faellt bei einem Fehler automatisch auf normales Laden zurueck.
- Zurueck-/Vorwaerts-Knopf und geteilte Links funktionieren weiter.

Co-Authored-By: Claude Opus 5 <[email protected]>

assets/css/main.css

@@ -191,6 +191,27 @@ header.site-header {
   font-size: .88rem;
 }
 
+/* Interner Login — dezent, aber auf jeder Seite oben rechts auffindbar */
+.nav-login {
+  display: inline-flex;
+  align-items: center;
+  gap: .3rem;
+  padding: .5rem .9rem;
+  border-radius: 999px;
+  border: 1px solid var(--border);
+  color: var(--text-muted);
+  font-weight: 700;
+  font-size: .82rem;
+  white-space: nowrap;
+  transition: color .2s ease, border-color .2s ease, background .2s ease;
+}
+.nav-login:hover,
+.nav-login:focus-visible {
+  color: var(--accent);
+  border-color: var(--accent);
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
+}
+
 .nav-toggle {
   display: none;
   background: none;
@@ -220,7 +241,8 @@ header.site-header {
   .nav-flat { display: block; padding: .9rem 0; border-bottom: 1px solid var(--border); }
   .nav-dropdown { position: static; transform: none; box-shadow: none; width: 100%; }
   .nav-group.open .nav-dropdown { display: flex; }
-  .nav-cta { align-self: flex-start; margin: 1rem 0; }
+  .nav-cta { align-self: flex-start; margin: 1rem 0 .6rem; }
+  .nav-login { align-self: flex-start; }
 }
 
 /* ---------- Buttons ---------- */
@@ -949,6 +971,9 @@ footer.site-footer {
   }
 }
 
+/* Kurzes, dezentes Abblenden während ein Seitenwechsel geholt wird */
+body.seite-laedt main { opacity: .55; transition: opacity .15s ease; }
+
 /* ==========================================================================
    MUSIK-KNOPF — kleiner schwebender Knopf unten rechts, auf jeder Seite