diff --git a/en/imprint.html b/en/imprint.html
index f93eab8..ebea44a 100644
--- a/en/imprint.html
+++ b/en/imprint.html
@@ -4,7 +4,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta property="og:image" content="../image/poster.png"/>
-	<link rel="stylesheet" type="text/css" href="../styles-4.5.css">
+	<link rel="stylesheet" type="text/css" href="../styles-4.6.css">
 	<title>Impressum</title>
 </head>
 
diff --git a/en/index.html b/en/index.html
index ed059ec..30654ae 100644
--- a/en/index.html
+++ b/en/index.html
@@ -4,16 +4,30 @@
 <head>
     <meta charset="utf-8">
     <meta property="og:image" content="image/poster.png" />
-    <link rel="stylesheet" type="text/css" href="../styles-4.5.css">
+    <link rel="stylesheet" type="text/css" href="../styles-4.6.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <title>4. Tübingen Days of Digital Freedom</title>
 </head>
 
 <body>
-    <div id="languages"><a href="../index.html"><img src="../image/de.png"></a></div>
     <div class="background">
 
         <div id="content">
 
+            <nav class="navigationbar">
+                <div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
+                    <div>
+                        <a href="index.html" class="nav-button inactive">Home</a>
+                        <a href="participate.html" class="nav-button">Participate</a>
+                        <a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a>
+                        <a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a>
+                    </div>
+                    <div>
+                        <a href="../index.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a>
+                    </div>
+                </div>
+            </nav>
+
             <div class="banner-box">
                 <img class="banner" id="banner-1" src="../image/banner-1.png" />
                 <img class="banner" id="banner-2" src="../image/banner-2.png" />
@@ -43,7 +57,8 @@
                             <li><b>09:00:</b> Entry for Assembly Area</li>
                             <li><b>11:00:</b> Entry for everyone</li>
                             <li><b>12:00:</b> Introduction Herald and TV Elves</li>
-                            <li><b>13:00 – 23:00:</b> Program</li>
+                            <li><b>13:00:</b> Opening</li>
+                            <li><b>14:00 – 23:00:</b> Program</li>
                             <li><b>23:00 – 9:00:</b> Nightshift</li>
                         </ul>
                     </div>
@@ -62,8 +77,8 @@
             <div class="box">
                 <h2>Program</h2>
                 <p><b>Please note:</b> Most talks and workshops will be held in German.</p>
-                <p>You can look forward to lectures and workshops in 4 halls covering the following topics:</p>
-                <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
+                <p>You can expect approx. 50 lectures and workshops in 4 halls covering the following topics:</p>
+                <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
                     <div>
                         <ul>
                             <li>Creativity & Beauty</li>
@@ -78,37 +93,28 @@
                     </div>
                     <div>
                         <ul>
-                            <li>Sustainability & Climate Justice</li>
+                            <li>Diversity & Mindfulness</li>
+                            <li>Sustainability & Climate</li>
+                        </ul>
+                    </div>
+                    <div>
+                        <ul>
+                            <li>Science & Technology</li>
                             <li>Networking & Actions</li>
                         </ul>
                     </div>
                 </div>
-                <p>The schedule will be published two weeks before the event at <a
-                        href="https://cfp.cttue.de/tdf4/schedule">Schedule</a>.
-                </p>
-            </div>
-
-
-            <div class="box" id="location">
-                <h2>Location</h2>
-                <p>The Day of Digital Freedom will take place at the Westspitze Tübingen.</p>
-                <p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
-                <p>The building is accessible by foot from the city center in about 15 minutes, from the main train
-                    station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p>
-                <p>We will meet in the rooms and areas of the ground floor and the 2nd, 6th and 7th floors.</p>
-                <iframe id="map" width="800" height="500"
-                    src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
-                    style="border: 1px solid black"></iframe><br /><small><a
-                        href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">View
-                        Larger Map</a></small>
+                <div class="button-container">
+                    <a href="https://cfp.cttue.de/tdf4/schedule" class="button">Schedule</a>
+                </div>
             </div>
 
-
             <div class="box" id="participate">
                 <h2>Participate!</h2>
                 <p>The Day of Digital Freedom is made possible through your participation. There are many ways you can
                     contribute to the success of the event. On the following page, you can learn more about it:</p>
                 <div class="button-container">
+                    <a href="https://elfen.cttue.de/" class="button">Elf System</a>
                     <a href="participate.html" class="button">Participate</a>
                 </div>
             </div>
@@ -123,9 +129,24 @@
                 </div>
             </div>
 
+            <div class="box" id="location">
+                <h2>Location</h2>
+                <p>The Day of Digital Freedom will take place at the Westspitze Tübingen.</p>
+                <p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
+                <p>The building is accessible by foot from the city center in about 15 minutes, from the main train
+                    station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p>
+                <p>We will meet in the rooms and areas of the ground floor and the 2nd, 6th and 7th floors.</p>
+                <iframe id="map" width="800" height="500"
+                    src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
+                    style="border: 1px solid black"></iframe><br /><small><a
+                        href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">View
+                        Larger Map</a></small>
+            </div>
+
             <div class="box" id="ctt">
                 <h2>Organizers</h2>
-                <p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen e.V. (CTT). The
+                <p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen e.V. (CTT).
+                    The
                     ChaosTreff is a non-profit association and is closely related to the Chaos Computer Club e.V.
                     The members regularly meet to exchange ideas and work together on technical, digital, cultural, and
                     social
@@ -135,7 +156,7 @@
 
             <div class="box" id="sponsor">
                 <h2>Supporters</h2>
-                <p/>
+                <p />
                 <p>The TDF is a non-commercial event and is carried out by all participants on a voluntary basis. This
                     makes the offer freely accessible to the public.</p>
                 <p>In order to make this possible, sponsors have supported us in the past years. This year we are also
diff --git a/en/participate.html b/en/participate.html
index ba1cfd6..d1c9f30 100644
--- a/en/participate.html
+++ b/en/participate.html
@@ -4,15 +4,29 @@
 <head>
     <meta charset="utf-8">
     <meta property="og:image" content="image/poster.png"/>
-    <link rel="stylesheet" type="text/css" href="../styles-4.5.css">
+    <link rel="stylesheet" type="text/css" href="../styles-4.6.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <title>4. Tübinger Days of Digital Freedom</title>
 </head>
 
 <body>
-    <div id="languages"><a href="../participate.html"><img src="../image/de.png"></a></div>
     <div class="background">
         <div id="content">
 
+			<nav class="navigationbar">
+				<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
+					<div>
+						<a href="index.html" class="nav-button">Home</a>
+						<a href="participate.html" class="nav-button inactive">Participate</a>
+						<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a>
+        		<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a>
+					</div>
+					<div>
+						<a href="../participate.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a>
+					</div>
+				</div>
+			</nav>
+
             <div class="banner-box">
                 <img class="banner" id="banner-1" src="../image/banner-1.png" />
                 <img class="banner" id="banner-2" src="../image/banner-2.png" />
diff --git a/imprint.html b/imprint.html
index 9cf2d7a..badfb5a 100644
--- a/imprint.html
+++ b/imprint.html
@@ -4,7 +4,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta property="og:image" content="image/poster.png"/>
-	<link rel="stylesheet" type="text/css" href="styles-4.5.css">
+	<link rel="stylesheet" type="text/css" href="styles-4.6.css">
 	<title>Impressum</title>
 </head>
 
diff --git a/index.html b/index.html
index fd065e0..da81b70 100644
--- a/index.html
+++ b/index.html
@@ -4,16 +4,30 @@
 <head>
   <meta charset="utf-8">
   <meta property="og:image" content="image/poster.png" />
-  <link rel="stylesheet" type="text/css" href="styles-4.5.css">
+  <link rel="stylesheet" type="text/css" href="styles-4.6.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
   <title>4. Tübinger Tage der digitalen Freiheit</title>
 </head>
 
 <body>
-  <div id="languages"><a href="en/index.html"><img src="image/gb.png"></a></div>
   <div class="background">
 
     <div id="content">
 
+			<nav class="navigationbar">
+				<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
+					<div>
+						<a href="index.html" class="nav-button inactive">Hauptseite</a>
+						<a href="participate.html" class="nav-button">Mitmachen</a>
+						<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i class="fas fa-external-link-alt"></i></a>
+        		<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i class="fas fa-external-link-alt"></i></a>
+					</div>
+					<div>
+						<a href="en/index.html" class="nav-button"><img src="image/gb.png" style="height: 16px; vertical-align: middle;"> EN</a>
+					</div>
+				</div>
+			</nav>
+
       <div class="banner-box">
         <img class="banner" id="banner-1" src="image/banner-1.png" />
         <img class="banner" id="banner-2" src="image/banner-2.png" />
@@ -43,7 +57,8 @@
               <li><b>09:00 Uhr:</b> Einlass für Assembly-Area</li>
               <li><b>11:00 Uhr:</b> Einlass für alle</li>
               <li><b>12:00 Uhr:</b> Einführung Herald und TV-Elfen</li>
-              <li><b>13:00 – 23:00 Uhr:</b> Programm</li>
+              <li><b>13:00:</b> Eröffnung</li>
+              <li><b>14:00 – 23:00 Uhr:</b> Programm</li>
               <li><b>23:00 – 9:00 Uhr:</b> Nightshift</li>
             </ul>
           </div>
@@ -89,24 +104,9 @@
             </ul>
           </div>
         </div>
-        <p>Das Programm wird zwei Wochen vor dem Event unter <a href="https://cfp.cttue.de/tdf4/schedule">Fahrplan</a>
-          veröffentlicht.</p>
-      </div>
-
-      <div class="box" id="location">
-        <h2>Ort</h2>
-        <p>Der Tag der digitalen Freiheit findet in der Westspitze Tübingen statt.</p>
-        <p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
-        <p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
-          von den
-          Bushaltestellen „Blaue Brücke“ und „Landestheater“ zu erreichen.</p>
-        <p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p>
-        <iframe id="map" width="800" height="500"
-          src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
-          style="border: 1px solid black"></iframe><br /><small><a
-            href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Größere
-            Karte
-            anzeigen</a>
+        <div class="button-container">
+          <a href="https://cfp.cttue.de/tdf4/schedule" class="button">Fahrplan</a>
+        </div>
       </div>
 
       <div class="box" id="participate">
@@ -115,6 +115,7 @@
           du zum Gelingen der Veranstaltung beitragen kannst. Auf der folgenden Seite kannst du mehr darüber
           erfahren:</p>
         <div class="button-container">
+          <a href="https://elfen.cttue.de/" class="button">Elfensystem</a>
           <a href="participate.html" class="button">Mitmachen</a>
         </div>
       </div>
@@ -130,6 +131,22 @@
         </div>
       </div>
 
+      <div class="box" id="location">
+        <h2>Ort</h2>
+        <p>Der Tag der digitalen Freiheit findet in der Westspitze Tübingen statt.</p>
+        <p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
+        <p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
+          von den
+          Bushaltestellen „Blaue Brücke“ und „Landestheater“ zu erreichen.</p>
+        <p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p>
+        <iframe id="map" width="800" height="500"
+          src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
+          style="border: 1px solid black"></iframe><br /><small><a
+            href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Größere
+            Karte
+            anzeigen</a>
+      </div>
+
       <div class="box" id="ctt">
         <h2>Veranstalter*innen</h2>
         <p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen e.V. (CTT) initiiert und
@@ -146,7 +163,7 @@
         <p>Damit dies möglich ist, haben uns in den vergangen Jahren Sponsoren unterstützt. Auch dieses Jahr
           freuen wir uns auf Unterstützer*innen. </p>
         <h3>Unsere Sponsoren</h3>
-        <p/>
+        <p />
         <ul class="sponsor-logos">
           <li>
             <img src="image/logo-active-group.png" alt="Active Group Logo">
diff --git a/participate.html b/participate.html
index b363405..0145bd6 100644
--- a/participate.html
+++ b/participate.html
@@ -4,17 +4,31 @@
 <head>
 	<meta charset="utf-8">
 	<meta property="og:image" content="image/poster.png" />
-	<link rel="stylesheet" type="text/css" href="styles-4.5.css">
+	<link rel="stylesheet" type="text/css" href="styles-4.6.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 	<title>4. Tübinger Tage der digitalen Freiheit</title>
 </head>
 
 <body>
 
-	<div id="languages"><a href="en/participate.html"><img src="image/gb.png"></a></div>
 	<div class="background">
 
 		<div id="content">
 
+			<nav class="navigationbar">
+				<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
+					<div>
+						<a href="index.html" class="nav-button">Hauptseite</a>
+						<a href="participate.html" class="nav-button inactive">Mitmachen</a>
+						<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i class="fas fa-external-link-alt"></i></a>
+        		<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i class="fas fa-external-link-alt"></i></a>
+					</div>
+					<div>
+						<a href="en/participate.html" class="nav-button"><img src="image/gb.png" style="height: 16px; vertical-align: middle;"> EN</a>
+					</div>
+				</div>
+			</nav>
+
 			<div class="banner-box">
 				<img class="banner" id="banner-1" src="image/banner-1.png" />
 				<img class="banner" id="banner-2" src="image/banner-2.png" />
diff --git a/styles-4.5.css b/styles-4.6.css
similarity index 75%
rename from styles-4.5.css
rename to styles-4.6.css
index 857bd56..e054709 100644
--- a/styles-4.5.css
+++ b/styles-4.6.css
@@ -356,4 +356,62 @@ h3,
 
 #sponsor .sponsor-logos img {
   height: 60px;
+}
+
+
+/* Content-Container */
+#content {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 0 75px;
+    position: relative; /* Ermöglicht die Positionierung der Navigation innerhalb */
+}
+
+/* Navigationsleiste */
+.navigationbar {
+    position: fixed; /* Fixiert die Navigation relativ zum Fenster */
+    top: 0;
+    left: 50%; /* Zentrierung relativ zur Mitte des Containers */
+    transform: translateX(-50%); /* Verschiebt die Navigation zurück zur Container-Mitte */
+    display: flex;
+    justify-content: flex-start; /* Schaltflächen links ausrichten */
+    align-items: center;
+    width: 100%; /* Passt sich der Breite des Containers an */
+    max-width: 1000px; /* Begrenzt die Breite der Navigation */
+    z-index: 1000; /* Stellt sicher, dass sie über anderen Elementen liegt */
+    padding: 0; /* Kein Padding für die Leiste selbst */
+    background-color: transparent; /* Kein Hintergrund */
+}
+
+/* Navigation-Buttons */
+.nav-button {
+    display: inline-block;
+    padding: 5px 10px;
+    font-size: 14px;
+    font-weight: bold;
+    text-decoration: none;
+    color: #000;
+    background-color: #ced7f2;
+    cursor: pointer;
+    transition: background-color 0.3s ease, color 0.3s ease;
+    text-align: center;
+    margin: 0 5px; 
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Intensiverer Schatten */
+}
+/* Hover-Effekt für die Buttons */
+.nav-button:hover {
+	transform: scale(1.1); /* Leichtes Vergrößern beim Hover */
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Intensiverer Schatten */
+}
+
+/* Inaktive Schaltfläche */
+.nav-button.inactive {
+    background-color: #93799C; /* Angepasst an das Hauptfarbschema */
+    cursor: not-allowed; /* Ändert den Cursor zu einem Verbotssymbol */
+    pointer-events: none; /* Deaktiviert alle Hover- und Klickereignisse */
+}
+
+/* Kein Hover-Effekt für inaktive Buttons */
+.nav-button.inactive:hover {
+
 }
\ No newline at end of file
