From 67d7702f40d41d6c0a82a5f578eab01216bf2bfc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20Tollk=C3=BChn?= <s.tollkuehn@bnvb-ingenieure.de>
Date: Wed, 30 Sep 2026 23:18:09 +0200
Subject: [PATCH] - make navbar look nicer - use formal german

---
 launch.html | 58 +++++++++++++++++++++++++++++++++--------------------
 1 file changed, 36 insertions(+), 22 deletions(-)

diff --git a/launch.html b/launch.html
index 3637105..c2d4f9a 100644
--- a/launch.html
+++ b/launch.html
@@ -34,18 +34,24 @@
       .navbar {
         position: fixed;
         top: 16px;
-        right: 16px;
+        left: 2%;
+        width: 96%;
+        box-sizing: border-box;
         z-index: 100;
         display: flex;
-        align-items: flex-start;
+        align-items: center;
         gap: 8px;
+        padding: 15px;
+        background: rgba(255, 255, 255, 0.2);
+        -webkit-backdrop-filter: blur(7px);
+        backdrop-filter: blur(7px);
+        border-radius: 14px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30), 0 12px 40px rgba(0, 0, 0, 0.45);
       }
 
       .logo-bar {
-        position: fixed;
-        top: 16px;
-        left: 16px;
-        z-index: 100;
+        display: flex;
+        align-items: center;
       }
 
       .logo-bar img {
@@ -54,6 +60,13 @@
         width: auto;
       }
 
+      .nav-actions {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        margin-left: auto;
+      }
+
       .lang-menu {
         position: relative;
       }
@@ -303,11 +316,11 @@
   </head>
 
   <body>
-    <nav id="logoBar" class="logo-bar hidden">
-      <img id="logoImage" src="" alt="Logo">
-    </nav>
-
     <nav class="navbar">
+      <div id="logoBar" class="logo-bar hidden">
+        <img id="logoImage" src="" alt="Logo">
+      </div>
+      <div class="nav-actions">
       <a class="button secondary" href="https://www.bnvb-ingenieure.de/impressum" target="_blank" rel="noopener noreferrer" data-i18n="impressum">
         Impressum
       </a>
@@ -332,6 +345,7 @@
           <path d="M12 2v2m0 16v2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M2 12h2m16 0h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/>
         </svg>
       </button>
+      </div>
     </nav>
 
     <div class="container">
@@ -705,42 +719,42 @@
             windows: {
               title: "Jitsi Meet für Windows",
               description:
-                "Installiere den Jitsi Meet Desktop-Client und versuche anschließend erneut, das Meeting zu öffnen.",
+                "Installieren Sie den Jitsi Meet Desktop-Client und versuchen Sie anschließend erneut, das Meeting zu öffnen.",
               button: "Jitsi für Windows herunterladen"
             },
 
             macos: {
               title: "Jitsi Meet für macOS",
               description:
-                "Installiere den Jitsi Meet Desktop-Client und versuche anschließend erneut, das Meeting zu öffnen.",
+                "Installieren Sie den Jitsi Meet Desktop-Client und versuchen Sie anschließend erneut, das Meeting zu öffnen.",
               button: "Jitsi für macOS herunterladen"
             },
 
             linux: {
               title: "Jitsi Meet für Linux",
               description:
-                "Installiere den Jitsi Meet Desktop-Client und versuche anschließend erneut, das Meeting zu öffnen.",
+                "Installieren Sie den Jitsi Meet Desktop-Client und versuchen Sie anschließend erneut, das Meeting zu öffnen.",
               button: "Jitsi für Linux herunterladen"
             },
 
             other: {
               title: "Jitsi Meet Desktop",
               description:
-                "Für dein Betriebssystem ist kein Desktop-Download hinterlegt."
+                "Für Ihr Betriebssystem ist kein Desktop-Download hinterlegt."
             }
           },
 
           browser: {
             title: "Im Browser teilnehmen",
             description:
-              "Du kannst dem Meeting auch direkt über deinen Browser beitreten.",
+              "Sie können dem Meeting auch direkt über Ihren Browser beitreten.",
             button: "Im Browser beitreten"
           },
 
           error: {
             title: "Kein Meeting angegeben",
             description:
-              "Bitte gib ein Meeting über den Parameter",
+              "Bitte geben Sie ein Meeting über den Parameter",
             descriptionSuffix: "an.",
             invalidTitle: "Ungültiger Meeting-Name",
             invalidDescription: "Erlaubt sind nur Buchstaben, Zahlen und Bindestriche:"
@@ -755,16 +769,16 @@
             meetingOrganizerLabel: "Organisator E-Mail",
             createButton: "Meeting erstellen",
             cancelButton: "Abbrechen",
-            successMessage: "Meeting erstellt! Lade deine Kalenderdatei herunter.",
+            successMessage: "Meeting erstellt! Laden Sie Ihre Kalenderdatei herunter.",
             downloadButton: "ICS-Datei herunterladen",
             createNewButton: "Neues Meeting erstellen",
-            meetingNameRequired: "Bitte gib einen Meeting-Namen ein",
+            meetingNameRequired: "Bitte geben Sie einen Meeting-Namen ein",
             meetingNameInvalid: "Der Meeting-Name darf nur Buchstaben, Zahlen und Bindestriche enthalten",
-            startTimeRequired: "Bitte wähle eine Startzeit",
-            endTimeRequired: "Bitte wähle eine Endzeit",
+            startTimeRequired: "Bitte wählen Sie eine Startzeit",
+            endTimeRequired: "Bitte wählen Sie eine Endzeit",
             endAfterStart: "Die Endzeit muss nach der Startzeit liegen",
-            organizerRequired: "Bitte gib eine Organisator-E-Mail ein",
-            organizerInvalid: "Bitte gib eine gültige Organisator-E-Mail-Adresse ein"
+            organizerRequired: "Bitte geben Sie eine Organisator-E-Mail ein",
+            organizerInvalid: "Bitte geben Sie eine gültige Organisator-E-Mail-Adresse ein"
           }
         },