diff --git a/hertzlinie_l.svg b/hertzlinie_l.svg
new file mode 100644
index 0000000..4024d4b
--- /dev/null
+++ b/hertzlinie_l.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="374.128px" height="21.311px" viewBox="0 0 374.128 21.311" enable-background="new 0 0 374.128 21.311" xml:space="preserve" preserveAspectRatio="none">
+	<g>
+		<line fill="none" stroke="#FFFFFF" stroke-width="0.75" x1="0" y1="13.944" x2="374.128" y2="13.944"/>
+	</g>
+</svg>
diff --git a/hertzlinie_r.svg b/hertzlinie_r.svg
new file mode 100644
index 0000000..fce5d87
--- /dev/null
+++ b/hertzlinie_r.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="65.707px" height="21.311px" viewBox="0 0 65.707 21.311" enable-background="new 0 0 65.707 21.311" xml:space="preserve" preserveAspectRatio="none">
+	<g>
+		<path fill="none" stroke="#FFFFFF" stroke-width="0.75" d="M0,13.944h11.123l0.378-0.631l0.393-0.619l0.437,0.757l0.468,0.104
+		l0.833,0.798l0.351-2.933l0.201-2.481l0.172-3.02L14.448,4.5l0.059-1.515l0.51-1.543l0.473,2.27l0.193,1.274l0.17,4.235
+		l0.185,3.646l0.043,1.995l0.212,2.88l0.334,1.382l0.243,0.796l0.483-1.895l0.141-1.228l0.111-1.431l0.035-1.886
+		c0,0,0.211-1.558,0.486-1.182c0.282,0.384,0.902,1.485,0.902,1.485l0.342-1.469l0.486-1.644l0.48-1.106l0.667,1.086l0.529,2.779
+		l0.805,0.506h43.368"/>
+	</g>
+</svg>
diff --git a/index.html b/index.html
index 20c2b80..b7a2b66 100644
--- a/index.html
+++ b/index.html
@@ -17,11 +17,13 @@
 
   <body>
     <div id="header">
+      <img src="./hertzlinie_l.svg" alt="" srcset="" class="welle-l" />
+      <img src="./hertzlinie_r.svg" alt="" srcset="" class="welle-r" />
       <a href="#">
         <h1>HertzSCHLAG Archiv</h1>
       </a>
       <nav>
-        <a href="#liste"><i class="fas fa-bars fa-lg"></i></a>
+        <a href="#liste" style="margin-left: 25px">Alle Ausgaben</a>
       </nav>
     </div>
     <div id="main">
diff --git a/modules/ausgabe.js b/modules/ausgabe.js
index b5ef76a..2193d56 100644
--- a/modules/ausgabe.js
+++ b/modules/ausgabe.js
@@ -10,7 +10,7 @@ export default async function Ausgabe(params) {
 
   ausg["Cover"] = ausg["Ausgabe"] + ".jpg";
   let pagehtml = `
-  <a class="back" href="#" onclick="window.history.back()">
+  <a class="back" onclick="window.history.back()">
     <i class="fas fa-arrow-left"></i>
   </a><br><br>
   <img class="cover" src="${json.baseUrl}hs/images/${ausg["Cover"]}"></img>
diff --git a/modules/liste.js b/modules/liste.js
index b41cc1e..79b91b1 100644
--- a/modules/liste.js
+++ b/modules/liste.js
@@ -2,12 +2,12 @@ export default async function Liste() {
   const ret = document.createElement("div");
   ret.classList.add("page");
 
-  const response = await fetch("ausgaben.json");
+  const response = await fetch("data.json");
   const json = await response.json();
 
   let listehtml =
-    "<a class='back' href='#' onclick='window.history.back()'><i class='fas fa-arrow-left'></i></a><h1>Artikelliste</h1><table><tr><th>Ausgabe</th><th>Thema</th></tr>";
-  json.forEach((i) => {
+    "<a class='back' onclick='window.history.back()'><i class='fas fa-arrow-left'></i></a><h1>Artikelliste</h1><table><tr><th>Ausgabe</th><th>Thema</th></tr>";
+  json.hs.forEach((i) => {
     listehtml =
       listehtml +
       "<tr onclick='window.location=\"#ausgabe/" +
diff --git a/style.css b/style.css
index 0bc907e..314fc41 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Lato&display=swap");
+@import url("https://use.typekit.net/iqo1nim.css");
 
 html {
   font-family: "Lato", sans-serif;
@@ -43,9 +43,65 @@ body {
   justify-content: space-between;
   align-items: center;
   padding: 1.5em;
+  padding-left: 3em;
   transition: background-color 0.3s ease-in-out;
 }
 
+#header h1 {
+  font-family: "adobe-garamond-pro";
+  font-weight: 400 !important;
+  position: fixed;
+  left: 50px;
+  top: 9px;
+}
+
+#header nav {
+  position: fixed;
+  top: 33px;
+  right: 110px;
+  display: flex;
+  transition: filter 0.4s ease, opacity 0.4s ease;
+}
+
+#header nav .home {
+  transition: filter 0.4s ease, opacity 0.4s ease;
+}
+
+.open #header nav .home {
+  opacity: 0.6;
+  filter: blur(5px);
+  pointer-events: none;
+}
+
+#header nav a {
+  font-family: "adobe-garamond-pro";
+  font-weight: 400 !important;
+  font-size: 20px;
+  margin-left: 15px;
+  transition: transform 0.2s ease;
+  transform: translateY(0);
+}
+
+#header nav a:hover {
+  transform: translateY(-2px);
+}
+
+.welle-l {
+  position: fixed;
+  height: 30px;
+  width: calc(100vw - 120px);
+  top: 40px;
+  left: 0;
+}
+
+.welle-r {
+  position: fixed;
+  height: 30px;
+  width: 120px;
+  top: 40px;
+  right: 0;
+}
+
 .open #header {
   background-color: rgba(0, 0, 0, 0);
 }
@@ -53,11 +109,6 @@ body {
 #header a {
   color: white;
   text-decoration: none;
-  transition: color 0.2s ease;
-}
-
-#header nav a:hover {
-  color: gainsboro;
 }
 
 .grid {
@@ -355,6 +406,7 @@ i {
 }
 
 .page .back {
+  cursor: pointer;
   color: #969696;
 }
 
