Anpassung mit CSS

_includes/header.html

@@ -1,28 +1,39 @@
 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
   <div class="container navigation">
-        <div class="navbar-header" style="display: flex; align-items: center; flex-wrap: wrap;">
-            <a href="{{ site.baseurl }}/"><img src="/img/hip_logo_opt.svg" class="logo" alt="{{ site.title }}"></a>
     
-            <span class="nav-event-date" style="margin-left: 15px; white-space: nowrap;">
+    <!-- Navbar Header: Logo + Datum + Burger -->
+    <div class="navbar-header" style="display: flex; align-items: center; flex-wrap: wrap;">
+      
+      <!-- 1. Logo -->
+      <a href="{{ site.baseurl }}/" style="margin-right: 15px;">
+        <img src="/img/hip_logo_opt.svg" class="logo" alt="{{ site.title }}">
+      </a>
+
+      <!-- 2. Datum (immer sichtbar, vertikal zentriert) -->
+      <span class="nav-event-date">
         {{ site.event.label }} - {{ site.event.date }}
       </span>
 
+      <!-- 3. Burger-Button (rechts, sichtbar auf kleinen Bildschirmen) -->
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
-                    data-target=".navbar-collapse">
+              data-target=".navbar-collapse" style="margin-left: auto;">
         <span class="sr-only">Toggle navigation</span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
+
     </div>
 
+    <!-- Collapsable Links -->
     <div class="navbar-collapse collapse">
-            <ul class="nav navbar-nav" id="footer-nav-links">
+      <ul class="nav navbar-nav navbar-right">
         <li><a href="/infos.html">Infos</a></li>
         <li><a href="https://pretalx.freifunktag.de/hip7/" target="_blank">Programm</a></li>
         <li><a href="https://tickets.hackimpott.de/hip/2026/" target="_blank">Tickets</a></li> 
         <li><a href="/anfahrt.html">Anfahrt</a></li>
       </ul>
     </div>
+
   </div>
 </nav>

bootstrap/css/bootstrap.css

@@ -1905,6 +1905,13 @@ tbody.collapse.in {
   background-color: #eeeeee;
   border-color: #337ab7;
 }
+.nav-event-date {
+  margin-left: 15px;
+  white-space: nowrap;
+  line-height: 50px;  /* passt zur Navbar-Höhe */
+  font-weight: bold;
+  color: #d2386c;
+}
 .nav .nav-divider {
   height: 1px;
   margin: 9px 0;