mobile: Sprachauswahl immer sichtbar, Hamburger entfernt

- Sprachauswahl aus nav-links in neuen nav-right Container verschoben
- nav-right ist auf Mobile rechtsbündig und immer sichtbar
- Hamburger-Menü entfernt (Links sind Same-Page-Anchors)
- Logo-Bereich auf Mobile kompakter (kleineres Icon, weniger Gap)
- Lang-Selector auf Mobile kompakter (kleinere Icons, weniger Padding)
- Gleiches Restructuring für join.html, impressum.html, datenschutz.html

website/style.css

@@ -131,7 +131,6 @@ nav {
 
 .nav-content {
     display: flex;
-    justify-content: space-between;
     align-items: center;
 }
 
@@ -182,6 +181,7 @@ nav {
 .nav-links {
     display: flex;
     gap: 2rem;
+    margin-left: auto;
 }
 
 .nav-links a {
@@ -195,6 +195,14 @@ nav {
     color: var(--accent);
 }
 
+.nav-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-left: 2rem;
+    flex-shrink: 0;
+}
+
 /* --- Hero Section --- */
 .hero {
     min-height: 100vh;
@@ -1897,12 +1905,40 @@ footer {
         padding: 1rem 2rem;
         gap: 1rem;
         border-bottom: 1px solid var(--glass-border);
+        margin-left: 0;
     }
     .nav-links.open {
         display: flex;
     }
+    .nav-right {
+        margin-left: auto;
+    }
     .hamburger {
-        display: flex;
+        display: none !important;
+    }
+    .logo-area {
+        gap: 0.5rem;
+        font-size: 1.2rem;
+    }
+    .logo-area img {
+        height: 48px;
+        width: 48px;
+    }
+    .lang-select-container {
+        padding: 4px 10px 4px 8px;
+        gap: 4px;
+    }
+    .lang-select-container .globe-icon {
+        width: 14px;
+        height: 14px;
+    }
+    .lang-dropdown {
+        font-size: 0.7rem;
+        padding: 0 6px 0 0;
+    }
+    .lang-select-container .chevron-icon {
+        width: 10px;
+        height: 10px;
     }
     .legal-card {
         padding: 1.5rem;