From 17d8fe674240d0ebd4fc887225201459dcb02a1b Mon Sep 17 00:00:00 2001
From: drg <gammlaa@chaospott.de>
Date: Fri, 13 Feb 2026 21:02:01 +0100
Subject: [PATCH] Anpassung mit CSS

---
 _includes/header.html       | 55 ++++++++++++++++++++++---------------
 bootstrap/css/bootstrap.css |  7 +++++
 2 files changed, 40 insertions(+), 22 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index 05dcc19..6cf5cc3 100644
--- a/_includes/header.html
+++ b/_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>
+  <div class="container navigation">
+    
+    <!-- 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>
 
-            <span class="nav-event-date" style="margin-left: 15px; white-space: nowrap;">
-                {{ site.event.label }} - {{ site.event.date }}
-            </span>
+      <!-- 2. Datum (immer sichtbar, vertikal zentriert) -->
+      <span class="nav-event-date">
+        {{ site.event.label }} - {{ site.event.date }}
+      </span>
 
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
-                    data-target=".navbar-collapse">
-                <span class="sr-only">Toggle navigation</span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-            </button>
-        </div>
+      <!-- 3. Burger-Button (rechts, sichtbar auf kleinen Bildschirmen) -->
+      <button type="button" class="navbar-toggle collapsed" data-toggle="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 class="navbar-collapse collapse">
-            <ul class="nav navbar-nav" id="footer-nav-links">
-                <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>
+
+    <!-- Collapsable Links -->
+    <div class="navbar-collapse collapse">
+      <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>
diff --git a/bootstrap/css/bootstrap.css b/bootstrap/css/bootstrap.css
index c44f016..1a33fbb 100644
--- a/bootstrap/css/bootstrap.css
+++ b/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;