diff --git a/src/dynamic/handschriften.njk b/src/dynamic/handschriften.njk
index c2f759c..44032b1 100644
--- a/src/dynamic/handschriften.njk
+++ b/src/dynamic/handschriften.njk
@@ -24,7 +24,7 @@ eleventyNavigation:
     <div class="mb-4">
       <div class="feld">Druck</div> Die Angaben zum jeweiligen Druck der Handschriften dienen nur zur leichteren Orientierung, informieren mithin nicht über die Druckgeschichte (Erstdrucke, Teildrucke etc.). Bei den Briefen wird auf die Ausgabe von Freye/Stammler verwiesen (abgekürzt als „FSt“ mit Briefnummer) bzw. auf den jeweiligen Erstdruck für die dort nicht enthaltenen Korrespondenzstücke. Bei den Werken wird auf wechselnde Ausgaben oder Einzeldrucke verwiesen, und zwar nach Möglichkeit auf solche, deren Text auf der jeweils genannten Handschrift beruht (siehe dazu die nachfolgende Liste der abgekürzt zitierten Literatur).</div>
   </div>
-  <div class="rounded-md text-sm py-0.5 px-1.5 bg-slate-200 font-bold mb-1 mr-8">Abgekürzt zitierte Literatur</div>
+  <div class="text-xl font-bold mb-1.5">Abgekürzt zitierte Literatur</div>
   <div class="mb-4 literaturliste twocolumns pr-8">
     <ul>
       <li>
@@ -87,7 +87,7 @@ eleventyNavigation:
   <button class="showifsearching" onclick="var input = this.previousElementSibling; input.value = ''; input.focus(); search();" alt="Clear the search form">Suche abbrechen</button>
   <div class="hideifsearching">
         Ort&nbsp;
-        <select onchange="window.location.href=this.value" >
+        <select onchange="window.location.href=this.value" id="listselect">
       {% set ort = "" %}
       {% set count = 0 %}
       {%- for post in collections.handschriften -%}
@@ -99,7 +99,7 @@ eleventyNavigation:
       {%- endfor -%}
     </select>
   </div>
-  <button id="scrollbutton" href="#top">↑&nbsp;nach oben</button>
+  <button id="scrollbutton" href="#top">↑&nbsp;hoch</button>
 </div>
 
 <div class="mt-4 w-full" id="list">
diff --git a/src/dynamic/posthume_ausgaben.njk b/src/dynamic/posthume_ausgaben.njk
index 93205fa..30d55b7 100644
--- a/src/dynamic/posthume_ausgaben.njk
+++ b/src/dynamic/posthume_ausgaben.njk
@@ -13,7 +13,7 @@ eleventyNavigation:
       <button class="showifsearching" onclick="var input = this.previousElementSibling; input.value = ''; input.focus(); search();" alt="Clear the search form">Suche abbrechen</button>
       <div class="hideifsearching">
         Jahr&nbsp;
-        <select onchange="window.location.href=this.value" >
+        <select onchange="window.location.href=this.value" id="listselect">
           {% set jahr = "" %}
           {% set count = 0 %}
           {%- for post in collections.posthumeausgaben -%}
@@ -25,7 +25,7 @@ eleventyNavigation:
           {%- endfor -%}
         </select>
       </div>
-      <button id="scrollbutton" href="#top">↑&nbsp;nach oben</button>
+      <button id="scrollbutton" href="#top">↑&nbsp;oben</button>
 </div>
 
 <div class="yearlist" id="list">
diff --git a/src/dynamic/sekundaerliteratur.njk b/src/dynamic/sekundaerliteratur.njk
index d7fa6e8..a73fe14 100644
--- a/src/dynamic/sekundaerliteratur.njk
+++ b/src/dynamic/sekundaerliteratur.njk
@@ -22,7 +22,7 @@ eleventyNavigation:
       <button class="showifsearching" onclick="var input = this.previousElementSibling; input.value = ''; input.focus(); search();" alt="Clear the search form">Suche abbrechen</button>
       <div class="hideifsearching">
         Jahr&nbsp;
-        <select onchange="window.location.href=this.value" >
+        <select onchange="window.location.href=this.value" id="listselect">
           {% set jahr = "" %}
           {% set count = 0 %}
           {%- for post in collections.sekundaer -%}
@@ -34,7 +34,7 @@ eleventyNavigation:
           {%- endfor -%}
         </select>
       </div>
-      <button id="scrollbutton" href="#top">↑&nbsp;nach oben</button>
+      <button id="scrollbutton" href="#top">↑&nbsp;hoch</button>
 </div>
 
 <div class="yearlist" id="list">
diff --git a/src/dynamic/selbstaendige_drucke.njk b/src/dynamic/selbstaendige_drucke.njk
index 7c8efcd..61ceb35 100644
--- a/src/dynamic/selbstaendige_drucke.njk
+++ b/src/dynamic/selbstaendige_drucke.njk
@@ -15,7 +15,7 @@ eleventyNavigation:
       <button class="showifsearching" onclick="var input = this.previousElementSibling; input.value = ''; input.focus(); search();" alt="Clear the search form">Suche abbrechen</button>
       <div class="hideifsearching">
         Jahr&nbsp;
-        <select onchange="window.location.href=this.value" >
+        <select onchange="window.location.href=this.value" id="listselect">
           {% set jahr = "" %}
           {% set count = 0 %}
           {%- for post in collections.selbststaendigedrucke -%}
@@ -27,7 +27,7 @@ eleventyNavigation:
           {%- endfor -%}
         </select>
       </div>
-      <button id="scrollbutton" href="#top">↑&nbsp;nach oben</button>
+      <button id="scrollbutton" href="#top">↑&nbsp;hoch</button>
 </div>
 
 <div class="yearlist" id="list">
diff --git a/src/dynamic/theaterauffuehrungen.njk b/src/dynamic/theaterauffuehrungen.njk
index ca81ab9..4a8abe1 100644
--- a/src/dynamic/theaterauffuehrungen.njk
+++ b/src/dynamic/theaterauffuehrungen.njk
@@ -18,7 +18,7 @@ eleventyNavigation:
       <button class="showifsearching" onclick="var input = this.previousElementSibling; input.value = ''; input.focus(); search();" alt="Clear the search form">Suche abbrechen</button>
       <div class="hideifsearching">
         Jahr&nbsp;
-        <select onchange="window.location.href=this.value" >
+        <select onchange="window.location.href=this.value" id="listselect">
           {% set jahr = "" %}
           {% set count = 0 %}
           {%- for post in collections.theater -%}
@@ -30,7 +30,7 @@ eleventyNavigation:
           {%- endfor -%}
         </select>
       </div>
-      <button id="scrollbutton" href="#top">↑&nbsp;nach oben</button>
+      <button id="scrollbutton" href="#top">↑&nbsp;hoch</button>
 </div>
 
 <div class="yearlist" id="list">
diff --git a/src/dynamic/unselbststaendige_drucke.njk b/src/dynamic/unselbststaendige_drucke.njk
index 8c54e7a..6158c78 100644
--- a/src/dynamic/unselbststaendige_drucke.njk
+++ b/src/dynamic/unselbststaendige_drucke.njk
@@ -32,7 +32,7 @@ eleventyNavigation:
 <div class="searchbar">
     <input type="text" name="keyword" class="form-control input-sm" placeholder="Liste durchsuchen...">
     <button class="showifsearching" onclick="var input = this.previousElementSibling; input.value = ''; input.focus(); search();" alt="Clear the search form">Suche abbrechen</button>
-    <button id="scrollbutton" href="#top">↑&nbsp;nach oben</a>
+    <button id="scrollbutton" href="#top">↑&nbsp;hoch</a>
 </div>
 
 <div class="mt-4" id="list">
diff --git a/src/includes/sidebar.njk b/src/includes/bar.njk
similarity index 74%
rename from src/includes/sidebar.njk
rename to src/includes/bar.njk
index 9480091..3060ee2 100644
--- a/src/includes/sidebar.njk
+++ b/src/includes/bar.njk
@@ -1,4 +1,4 @@
 {% include "header.njk" %}
-{% include "sidenav.njk" %}
+{% include "nav.njk" %}
 {% include "search.njk" %}
 {% include "footer.njk" %}
\ No newline at end of file
diff --git a/src/includes/footer.njk b/src/includes/footer.njk
index 7a42212..8105b4d 100644
--- a/src/includes/footer.njk
+++ b/src/includes/footer.njk
@@ -1,6 +1,6 @@
-<div class="grow"></div>
-<footer class="text-base text-center py-1 px-4 grow-0 shrink-0">
+{# <div class="hidden desktop:block grow"></div>
+<footer class="hidden desktop:block text-base text-center py-1 px-4 grow-0 shrink-0">
     Stand: 30.1.2023
     | <a class="underline underline-offset-[3px] decoration-dotted hover:decoration-solid" href="https://github.com/schnulller/jacoblenz">Code</a> | 
         <a class="underline underline-offset-[3px] decoration-dotted hover:decoration-solid" href="/datenschutz/">Datenschutz & Impressum</a>
-</footer>
\ No newline at end of file
+</footer> #}
\ No newline at end of file
diff --git a/src/includes/header.njk b/src/includes/header.njk
index ff1f914..5077067 100644
--- a/src/includes/header.njk
+++ b/src/includes/header.njk
@@ -1,11 +1,17 @@
 
-<header>
-	<img class="px-12 pb-4 pt-8" src="/images/JLA.png" alt="jla-Logo">
+<header class="flex flex-row justify-between desktop:justify-start desktop:block">
+	<div class="flex flex-row desktop:block">
+	<img class="h-20 desktop:h-auto desktop:px-12 desktop:pb-4 desktop:pt-8" src="/images/JLA.png" alt="jla-Logo">
 	<h1 class="px-3 py-2 pb-4 text-5xl font-bold text-center">
 		{{ config.title }}
 	</h1>
-	<h2 class="py-2 border-t-gray-200 px-5 text-xl text-black bg-slate-200 border-l-4 border-slate-600 shadow-sm">
+	<h2 class="hidden desktop:block py-2 border-t-gray-200 px-5 text-xl text-black bg-slate-200 border-l-4 border-slate-600 shadow-sm">
 		{{ config.shortdescription }}
 		{# <br> Forschungsstelle zum Schriftsteller Jacob Michael Reinhold Lenz. #}
 	</h2>
+	</div>
+	<button class="border rounded-md w-16 h-16 desktop:hidden" id="navigation-button">
+		Menu
+	</div>
 </header>
+
diff --git a/src/includes/sidenav.njk b/src/includes/nav.njk
similarity index 91%
rename from src/includes/sidenav.njk
rename to src/includes/nav.njk
index 007a14a..7b49388 100644
--- a/src/includes/sidenav.njk
+++ b/src/includes/nav.njk
@@ -21,7 +21,7 @@
 </li>
 {%- endmacro %}
 
-<nav class="py-4 sidebar-nav px-4">
+<nav class="hidden desktop:block py-4 sidebar-nav px-4" id="navigation">
 <ul>
 {%- for entry in navPages %}{{ renderNavListItem(entry) }}{%- endfor -%}
 </ul>
diff --git a/src/includes/search.njk b/src/includes/search.njk
index 90e105a..88d6c8f 100644
--- a/src/includes/search.njk
+++ b/src/includes/search.njk
@@ -1,4 +1,4 @@
-<div class="flex flex-col">
+{# <div class="hidden desktop:flex flex-col">
     <div class="grow">
         <div class="bg-slate-50 border-t border-slate-600 py-5 px-4">
             <form class="flex flex-row w-full">
@@ -7,4 +7,4 @@
             </form>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div> #}
\ No newline at end of file
diff --git a/src/includes/topnav.njk b/src/includes/topnav.njk
deleted file mode 100644
index e69de29..0000000
diff --git a/src/layouts/base.njk b/src/layouts/base.njk
index 44f9064..bf333aa 100644
--- a/src/layouts/base.njk
+++ b/src/layouts/base.njk
@@ -42,31 +42,25 @@
     <meta name="twitter:domain" content="{% if image %}{{ image }}{% else %}{{ config.image }}{% endif %}">
 
   </head>
-  <body class="bg-slate-50 w-full h-full">
-    <div class="
-      px-12
-      max-w-screen-2xl
-      mx-auto
-      flex flex-row">
-      <aside class="shrink-0 grow-0 basis-[26rem] sticky top-0  max-h-screen min-h-screen flex flex-col bg-slate-50">
-        {% include "sidebar.njk" %}
-      </aside>
+  <body class="bg-slate-50 w-full h-full mx-auto flex flex-col
+      desktop:px-12 desktop:max-w-screen-2xl desktop:flex-row">
+    <aside class="flex flex-col shrink py-4 px-3
+      desktop:px-0 desktop:py-0
+      desktop:shrink-0 desktop:grow-0 desktop:basis-[26rem] desktop:sticky desktop:max-h-screen desktop:min-h-screen desktop:top-0 desktop:bg-slate-50">
+      {% include "bar.njk" %}
+    </aside>
 
-      <main class="px-8 pt-[7.5rem] min-h-full max-w-[1120px]">
-        <div>
-          <h2 class="text-3xl font-bold pb-4">
-            {{ title | safe }}
-          </h2>
-          {{ content | safe }}
-        </div>
-      </main>
-
-      {# <div class="row-start-3 col-span-6 self-end">
-      {% include "footer.njk" %}
-      </div> #}
-    </div>
+    <main class="px-8 desktop:pt-[7.5rem] pt-6 min-h-full max-w-[1120px] ">
+      <div>
+        <h2 class="text-3xl font-bold pb-4">
+          {{ title | safe }}
+        </h2>
+        {{ content | safe }}
+      </div>
+    </main>
 
     <script>
+
       // Script for showing and acting upon the "scroll to top button"
       const scrollFunction = function () {
         button = document.getElementById("scrollbutton");
@@ -89,9 +83,7 @@
 
       // Scripts for filtering lists
       let dictionary = [];
-      let categories = document
-        .getElementById("list")
-        .getElementsByClassName("category");
+      let categories = [];
       let found = dictionary;
       let sw = "";
       let swl = 0;
@@ -215,6 +207,19 @@
       }
 
       $(document).ready(function () {
+        // Mobile menu
+        var menubutton = document.getElementById("navigation-button");
+        var navigation = document.getElementById("navigation");
+        if (menubutton !== null && navigation !== null) {
+            menubutton.addEventListener("click", () => {
+              if (navigation.classList.contains("hidden")) {
+                navigation.classList.remove("hidden");
+              } else {
+                navigation.classList.add("hidden");
+              }
+            })
+        }
+
         // Scroll button
         if (document.getElementById("scrollbutton") !== null) {
           scrollFunction();
@@ -236,8 +241,31 @@
             searchable = ".handschrift";
           }
           createIndex("list", searchable);
+          categories = document.getElementById("list").getElementsByClassName("category");
           {# $("input[name='keyword']").focus(); #}
           $("input[name='keyword']").keyup(search);
+
+
+          let select = document.getElementById("listselect");
+          if (select !== null) {
+            var sections = {};
+            var i = 0;
+            Array.prototype.forEach.call(categories, function(e) {
+              sections[e.id] = e.offsetTop;
+            });
+            window.onscroll = function() {
+              var scrollPosition = document.documentElement.scrollTop || document.body.scrollTop;
+              for (i in sections) {
+                if (sections[i] <= scrollPosition) {
+                  var opt = select.querySelector('option[value="#' + i + '"]');
+                  console.log(opt);
+                  if (opt !== null) {
+                    opt.selected = true;
+                  }
+                }
+              }
+            };
+          }
         }
       });
     </script>
diff --git a/src/static/css/output.css b/src/static/css/output.css
index d8b6be0..1e38f28 100644
--- a/src/static/css/output.css
+++ b/src/static/css/output.css
@@ -1 +1 @@
-/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Sofia Sans,sans-serif;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,mono;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.searchbar{--tw-bg-opacity:1;align-items:baseline;align-self:flex-start;background-color:rgb(241 245 249/var(--tw-bg-opacity));-moz-column-gap:.75rem;column-gap:.75rem;display:flex;flex-direction:row;padding:.375rem 1rem .125rem;position:sticky;top:0;width:100%;z-index:20}.searchbar button{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));flex-shrink:1;padding:.125rem .375rem}.searchbar button,.searchbar input{border-color:rgb(203 213 225/var(--tw-border-opacity));border-width:1px}.searchbar input{--tw-border-opacity:1;flex-grow:1;margin-bottom:.5rem;margin-top:.25rem;padding:.125rem .25rem}.searchbar select{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(203 213 225/var(--tw-border-opacity));border-width:1px;padding:.375rem .375rem .25rem}.sidebar-nav li li{margin-left:1rem}.sidebar-nav .active{font-weight:700}.yearlist{margin-top:1rem}.yearlist .category .categorytitle{align-self:flex-start;flex-grow:0;font-size:1.25rem;font-weight:700;line-height:1.75rem;min-width:4rem;order:2;padding:.5rem .25rem .5rem .75rem;position:sticky;top:3rem;z-index:0}.yearlist .category .categorybody{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity));border-right-width:2px;flex-grow:1;padding:.5rem 1rem}.yearlist .category{display:flex;flex-direction:row;width:100%}.yearlist .searchable{margin-bottom:.75rem;padding-left:1.5rem;padding-right:1rem;text-indent:-1.5rem}.maincolumn{flex-basis:80%;flex-grow:0}.Kommentar{padding-left:0!important;text-indent:0!important}.handschrift-sammlung .handschrift{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;flex-basis:31.5%;flex-shrink:0}.handschrift-sammlung .ueberschrift-gruppe{width:100%}.handschrift-sammlung .beschreibung{margin-top:.375rem;padding-left:.625rem;padding-right:.625rem}.handschrift-sammlung .ueberschrift-gruppe{font-size:1.25rem;font-weight:700;line-height:1.75rem}.handschrift-sammlung .feld{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-radius:.375rem;font-size:.85rem;font-weight:700;line-height:1.25rem;margin-right:.25rem;padding:.125rem .5rem}.handschrift-sammlung .wert{padding:.125rem .25rem}.literaturliste li{padding-left:1.5rem;text-indent:-1.5rem}.legende .feld{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-radius:.375rem;font-size:.85rem;font-weight:700;line-height:1.25rem;margin-bottom:.25rem;padding:.125rem .375rem}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-12{top:3rem}.top-16{top:4rem}.bottom-0\.5{bottom:.125rem}.bottom-0{bottom:0}.top-0{top:0}.z-10{z-index:10}.z-0{z-index:0}.order-2{order:2}.col-span-6{grid-column:span 6/span 6}.row-start-3{grid-row-start:3}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mr-8{margin-right:2rem}.mt-4{margin-top:1rem}.mb-8{margin-bottom:2rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.ml-1{margin-left:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.w-full{width:100%}.w-\[90ch\]{width:90ch}.max-w-\[80ch\]{max-width:80ch}.max-w-screen-2xl{max-width:1680px}.max-w-\[1120px\]{max-width:1120px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-\[26rem\]{flex-basis:26rem}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:.375rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-r-2{border-right-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(229 231 235/var(--tw-border-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.p-4{padding:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-0{padding-bottom:0;padding-top:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-8{padding-left:2rem}.pr-8,.px-8{padding-right:2rem}.pr-4{padding-right:1rem}.pl-3{padding-left:.75rem}.pr-1{padding-right:.25rem}.pl-6{padding-left:1.5rem}.pb-4{padding-bottom:1rem}.pt-8{padding-top:2rem}.pt-\[7\.5rem\]{padding-top:7.5rem}.text-center{text-align:center}.-indent-6{text-indent:-1.5rem}.text-sm{font-size:.85rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-5xl{font-size:3rem;line-height:1}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.underline-offset-\[3px\]{text-underline-offset:3px}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-display:swap;font-family:Sofia Sans;font-style:normal;font-weight:400;src:url(../fonts/SofiaSans-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sofia Sans;font-style:italic;font-weight:400;src:url(../fonts/SofiaSans-Italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sofia Sans;font-style:normal;font-weight:700;src:url(../fonts/SofiaSans-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sofia Sans;font-style:italic;font-weight:700;src:url(../fonts/SofiaSans-BoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Libertine;font-style:normal;font-weight:400;src:url(../fonts/LinLibertine_Rah.ttf) format("truetype")}@font-face{font-display:swap;font-family:Libertine;font-style:italic;font-weight:400;src:url(../fonts/LinLibertine_RIah.ttf) format("truetype")}@font-face{font-display:swap;font-family:Libertine;font-style:normal;font-weight:700;src:url(../fonts/LinLibertine_RZah.ttf) format("truetype")}body{font-size:15px}.hidden-important{display:none!important}.hyphenation{-webkit-hyphens:auto;hyphens:auto}.sidebar-nav .active:before{content:"· "}aside{max-height:calc(10rem + 100vh);min-height:100vh}.twocolumns{-moz-columns:2;column-count:2}.avoidbreak{-moz-column-break-inside:avoid;break-inside:avoid}.hover\:decoration-solid:hover{text-decoration-style:solid}
\ No newline at end of file
+/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Sofia Sans,sans-serif;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,mono;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.searchbar{--tw-bg-opacity:1;align-items:baseline;align-self:flex-start;background-color:rgb(241 245 249/var(--tw-bg-opacity));-moz-column-gap:.75rem;column-gap:.75rem;display:flex;flex-direction:row;padding:.375rem 1rem .125rem;position:sticky;top:0;width:100%;z-index:20}.searchbar button{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));flex-shrink:1;padding:.125rem .375rem}.searchbar button,.searchbar input{border-color:rgb(203 213 225/var(--tw-border-opacity));border-width:1px}.searchbar input{--tw-border-opacity:1;flex-grow:1;margin-bottom:.5rem;margin-top:.25rem;padding:.125rem .25rem}.searchbar select{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(203 213 225/var(--tw-border-opacity));border-width:1px;padding:.375rem .375rem .25rem}.sidebar-nav li li{margin-left:1rem}.active{font-weight:700}.yearlist{margin-top:1rem}.yearlist .category .categorytitle{align-self:flex-start;flex-grow:0;font-size:1.25rem;font-weight:700;line-height:1.75rem;min-width:4rem;order:2;padding:.5rem .25rem .5rem .75rem;position:sticky;top:3rem;z-index:0}.yearlist .category .categorybody{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity));border-right-width:2px;flex-grow:1;padding:.5rem 1rem}.yearlist .category{display:flex;flex-direction:row;width:100%}.yearlist .searchable{margin-bottom:.75rem;padding-left:1.5rem;padding-right:1rem;text-indent:-1.5rem}.maincolumn{flex-basis:80%;flex-grow:0}.Kommentar{padding-left:0!important;text-indent:0!important}.handschrift-sammlung .handschrift{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;flex-basis:31.5%;flex-shrink:0}.handschrift-sammlung .ueberschrift-gruppe{width:100%}.handschrift-sammlung .beschreibung{margin-top:.375rem;padding-left:.625rem;padding-right:.625rem}.handschrift-sammlung .ueberschrift-gruppe{font-size:1.25rem;font-weight:700;line-height:1.75rem}.handschrift-sammlung .feld{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-radius:.375rem;font-size:.85rem;font-weight:700;line-height:1.25rem;margin-right:.25rem;padding:.125rem .5rem}.handschrift-sammlung .wert{padding:.125rem .25rem}.literaturliste li{padding-left:1.5rem;text-indent:-1.5rem}.legende .feld{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-radius:.375rem;font-size:.85rem;font-weight:700;line-height:1.25rem;margin-bottom:.25rem;padding:.125rem .375rem}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-12{top:3rem}.bottom-0\.5{bottom:.125rem}.bottom-0{bottom:0}.z-10{z-index:10}.z-0{z-index:0}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-1\.5{margin-bottom:.375rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mb-8{margin-bottom:2rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-20{height:5rem}.h-full{height:100%}.h-16{height:4rem}.min-h-full{min-height:100%}.w-full{width:100%}.w-\[90ch\]{width:90ch}.w-20{width:5rem}.w-16{width:4rem}.max-w-\[80ch\]{max-width:80ch}.max-w-\[1120px\]{max-width:1120px}.shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.grow-0{flex-grow:0}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.self-start{align-self:flex-start}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-r-2{border-right-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(229 231 235/var(--tw-border-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-8{padding-left:2rem}.pr-8,.px-8{padding-right:2rem}.pr-4{padding-right:1rem}.pl-3{padding-left:.75rem}.pr-1{padding-right:.25rem}.pl-6{padding-left:1.5rem}.pb-4{padding-bottom:1rem}.pt-\[7\.5rem\]{padding-top:7.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.-indent-6{text-indent:-1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.85rem;line-height:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.underline-offset-\[3px\]{text-underline-offset:3px}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-display:swap;font-family:Sofia Sans;font-style:normal;font-weight:400;src:url(../fonts/SofiaSans-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sofia Sans;font-style:italic;font-weight:400;src:url(../fonts/SofiaSans-Italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sofia Sans;font-style:normal;font-weight:700;src:url(../fonts/SofiaSans-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sofia Sans;font-style:italic;font-weight:700;src:url(../fonts/SofiaSans-BoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Libertine;font-style:normal;font-weight:400;src:url(../fonts/LinLibertine_Rah.ttf) format("truetype")}@font-face{font-display:swap;font-family:Libertine;font-style:italic;font-weight:400;src:url(../fonts/LinLibertine_RIah.ttf) format("truetype")}@font-face{font-display:swap;font-family:Libertine;font-style:normal;font-weight:700;src:url(../fonts/LinLibertine_RZah.ttf) format("truetype")}body{font-size:15px}.hidden-important{display:none!important}.hyphenation{-webkit-hyphens:auto;hyphens:auto}.sidebar-nav .active:before{content:"· "}.twocolumns{-moz-columns:2;column-count:2}.avoidbreak{-moz-column-break-inside:avoid;break-inside:avoid}.hover\:decoration-solid:hover{text-decoration-style:solid}@media (min-width:1190px){.desktop\:sticky{position:sticky}.desktop\:top-0{top:0}.desktop\:block{display:block}.desktop\:flex{display:flex}.desktop\:hidden{display:none}.desktop\:h-auto{height:auto}.desktop\:max-h-screen{max-height:100vh}.desktop\:min-h-screen{min-height:100vh}.desktop\:max-w-screen-2xl{max-width:1680px}.desktop\:shrink-0{flex-shrink:0}.desktop\:grow-0{flex-grow:0}.desktop\:basis-\[26rem\]{flex-basis:26rem}.desktop\:flex-row{flex-direction:row}.desktop\:flex-col{flex-direction:column}.desktop\:justify-start{justify-content:flex-start}.desktop\:bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.desktop\:px-12{padding-left:3rem;padding-right:3rem}.desktop\:px-0{padding-left:0;padding-right:0}.desktop\:py-0{padding-bottom:0;padding-top:0}.desktop\:pb-4{padding-bottom:1rem}.desktop\:pt-8{padding-top:2rem}.desktop\:pt-\[7\.5rem\]{padding-top:7.5rem}}
\ No newline at end of file
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 595a368..0e67d54 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -113,7 +113,7 @@
       @apply ml-4
     }
 
-    .sidebar-nav .active {
+    .active {
       @apply font-bold
     }
 
@@ -193,12 +193,7 @@
   .sidebar-nav .active::before {
     content: "· ";
   }
-
-  aside {
-    min-height: 100vh;
-    max-height: calc(10rem + 100vh);
-  }
-
+  
   .twocolumns {
     columns: 2;
   }