Glocke im Header ganz nach rechts verschieben

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

views/partials/header.ejs

@@ -9,26 +9,6 @@
             </a>
             
             <div class="flex items-center space-x-4">
-                <!-- Notification bell: unread received e-mails (incl. auto-assigned replies) -->
-                <div class="relative" id="notifWrap">
-                    <button id="notifBtn" type="button"
-                        class="relative flex items-center p-2 rounded-full bg-white/20 hover:bg-white/30 transition-colors text-white"
-                        aria-label="Benachrichtigungen" title="Ungelesene E-Mails">
-                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
-                        </svg>
-                        <span id="notifBadge" class="hidden absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1 flex items-center justify-center rounded-full bg-red-500 text-white text-[10px] font-bold ring-2 ring-blue-800 dark:ring-gray-900">0</span>
-                    </button>
-                    <div id="notifPanel" class="hidden absolute right-0 mt-2 w-80 max-w-[calc(100vw-2rem)] max-h-96 overflow-y-auto rounded-lg bg-white dark:bg-gray-800 shadow-2xl ring-1 ring-black/10 dark:ring-white/10 z-50 text-left">
-                        <div class="flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700 sticky top-0 bg-white dark:bg-gray-800">
-                            <span class="text-sm font-semibold text-gray-800 dark:text-white">Benachrichtigungen</span>
-                            <button id="notifMarkAll" type="button" class="hidden text-xs text-blue-600 dark:text-blue-400 hover:underline">Alle gelesen</button>
-                        </div>
-                        <ul id="notifList" class="divide-y divide-gray-100 dark:divide-gray-700"></ul>
-                        <div id="notifEmpty" class="px-4 py-8 text-center text-sm text-gray-400 dark:text-gray-500">Keine ungelesenen Nachrichten</div>
-                    </div>
-                </div>
-
                 <!-- Postfach (unlinked incoming e-mails) link -->
                 <a href="/postfach"
                    class="relative flex items-center gap-1.5 px-3 py-2 rounded-md bg-white/20 hover:bg-white/30 transition-colors text-white text-sm font-medium"
@@ -99,6 +79,26 @@
                     </svg>
                 </button>
                 <% } %>
+
+                <!-- Notification bell: unread received e-mails (incl. auto-assigned replies) -->
+                <div class="relative" id="notifWrap">
+                    <button id="notifBtn" type="button"
+                        class="relative flex items-center p-2 rounded-full bg-white/20 hover:bg-white/30 transition-colors text-white"
+                        aria-label="Benachrichtigungen" title="Ungelesene E-Mails">
+                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
+                        </svg>
+                        <span id="notifBadge" class="hidden absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1 flex items-center justify-center rounded-full bg-red-500 text-white text-[10px] font-bold ring-2 ring-blue-800 dark:ring-gray-900">0</span>
+                    </button>
+                    <div id="notifPanel" class="hidden absolute right-0 mt-2 w-80 max-w-[calc(100vw-2rem)] max-h-96 overflow-y-auto rounded-lg bg-white dark:bg-gray-800 shadow-2xl ring-1 ring-black/10 dark:ring-white/10 z-50 text-left">
+                        <div class="flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700 sticky top-0 bg-white dark:bg-gray-800">
+                            <span class="text-sm font-semibold text-gray-800 dark:text-white">Benachrichtigungen</span>
+                            <button id="notifMarkAll" type="button" class="hidden text-xs text-blue-600 dark:text-blue-400 hover:underline">Alle gelesen</button>
+                        </div>
+                        <ul id="notifList" class="divide-y divide-gray-100 dark:divide-gray-700"></ul>
+                        <div id="notifEmpty" class="px-4 py-8 text-center text-sm text-gray-400 dark:text-gray-500">Keine ungelesenen Nachrichten</div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>