lang look

partials/structure/header.php

@@ -122,14 +122,7 @@ function build_lang_url(string $code, string $path, array $query): string
             <!-- Hauptnavigation -->
 <!-- Hauptnavigation -->
 <?php if (!empty($navAnchors)): ?>
-    <!--
-    <?php
-echo "<pre>";
-print_r($navAnchors);
-echo "</pre>";
-?>    <div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 flex items-center justify-between min-h-16 py-2">
 
-    -->
     <nav class="flex flex-wrap items-center gap-x-4 gap-y-1 sm:gap-x-6 text-xs font-medium text-brand-muted uppercase tracking-[0.18em]">
 
         <?php foreach ($navAnchors as $item): ?>

public/assets/css/main.css

@@ -941,3 +941,27 @@ body {
     grid-template-columns: 1fr;
   }
 }
+/* --- USBCheck Header Dropdowns: Language + Avatar ----------------------- */
+
+#langMenu,
+#userMenu {
+  background: rgba(255, 255, 255, 0.96);   /* fast deckend, minimal transparent */
+  border-radius: 12px;
+  border: 1px solid rgba(200, 203, 208, 0.85);
+  box-shadow: var(--shadow-soft);
+  backdrop-filter: blur(10px);             /* sorgt für lesbares, „frostiges“ Popup */
+}
+
+/* Innenabstände für Links / Buttons in den Menüs */
+#langMenu .lang-pill,
+#userMenu a,
+#userMenu button {
+  background: transparent;
+}
+
+/* Hover leicht absetzen, aber nicht durchsichtig machen */
+#langMenu .lang-pill:hover,
+#userMenu a:hover,
+#userMenu button:hover {
+  background: rgba(237, 242, 251, 0.95);   /* var(--very-light-gray)-artig */
+}