From f94d53f9b586e5b8dad00f94165e798b721158a4 Mon Sep 17 00:00:00 2001
From: Simon Martens <schnulller@mailbox.org>
Date: Tue, 7 Feb 2023 23:21:09 +0100
Subject: [PATCH] Mobil Optimierungen

---
 src/dynamic/handschriften.njk            |  12 +--
 src/dynamic/posthume_ausgaben.njk        |   2 +-
 src/dynamic/sekundaerliteratur.njk       |   2 +-
 src/dynamic/selbstaendige_drucke.njk     |   2 +-
 src/dynamic/theaterauffuehrungen.njk     |   2 +-
 src/dynamic/unselbststaendige_drucke.njk |  12 +--
 src/includes/bar.njk                     |   2 +-
 src/includes/footer.njk                  |   2 +-
 src/includes/header.njk                  |   4 +-
 src/includes/search.njk                  |   6 +-
 src/layouts/base.njk                     | 102 +++++++++++++++--------
 src/static/css/output.css                |   2 +-
 src/static/css/site.css                  |  39 +++++----
 tailwind.config.js                       |  23 ++---
 14 files changed, 127 insertions(+), 85 deletions(-)

diff --git a/src/dynamic/handschriften.njk b/src/dynamic/handschriften.njk
index 44032b1..e84c871 100644
--- a/src/dynamic/handschriften.njk
+++ b/src/dynamic/handschriften.njk
@@ -25,7 +25,7 @@ eleventyNavigation:
       <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="text-xl font-bold mb-1.5">Abgekürzt zitierte Literatur</div>
-  <div class="mb-4 literaturliste twocolumns pr-8">
+  <div class="mb-4 literaturliste desktop:columns-2 pr-8">
     <ul>
       <li>
         <b>Blei 1909/13:</b> Jakob Michael Reinhold Lenz: Gesammelte Schriften. Hrsg. von Franz Blei. 5 Bde. München, Leipzig: Müller 1909-1913
@@ -84,7 +84,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 class="showifsearching" onclick="searchreset();" alt="Clear the search form">Zurücksetzen</button>
   <div class="hideifsearching">
         Ort&nbsp;
         <select onchange="window.location.href=this.value" id="listselect">
@@ -102,11 +102,11 @@ eleventyNavigation:
   <button id="scrollbutton" href="#top">↑&nbsp;hoch</button>
 </div>
 
-<div class="mt-4 w-full" id="list">
+<div class="yearlist" id="list">
   {%- for post in collections.handschriften -%}
-    <div class="bg-slate-100 p-4 handschrift-sammlung flex flex-row mb-8 w-full category" id="{{ post.data.Ort | safe }}">
-      <div class="text-xl grow font-bold self-start z-0 sticky top-12 order-0 pr-4">{{ post.data.Ort | safe }}</div>
-      <div class="grow-0 shrink-0 w-[90ch] border-slate-400 flex flex-row flex-wrap gap-x-4 gap-y-5 justify-start">{{ post.content | safe }}</div>
+    <div class="category handschrift-sammlung !bg-slate-100 !py-5 !mb-12" id="{{ post.data.Ort | safe }}">
+      <div class="text-xl basis-1/5 font-bold self-start z-0 sticky top-14 pr-3 pl-3">{{ post.data.Ort | safe }}</div>
+      <div class=" basis-4/5 flex flex-col md:flex-row flex-wrap gap-x-4 gap-y-5 justify-start">{{ post.content | safe }}</div>
     </div>
   {%- endfor -%}
 </div>
diff --git a/src/dynamic/posthume_ausgaben.njk b/src/dynamic/posthume_ausgaben.njk
index 30d55b7..b461c82 100644
--- a/src/dynamic/posthume_ausgaben.njk
+++ b/src/dynamic/posthume_ausgaben.njk
@@ -10,7 +10,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 class="showifsearching" onclick="searchreset();" alt="Clear the search form">Zurücksetzen</button>
       <div class="hideifsearching">
         Jahr&nbsp;
         <select onchange="window.location.href=this.value" id="listselect">
diff --git a/src/dynamic/sekundaerliteratur.njk b/src/dynamic/sekundaerliteratur.njk
index a73fe14..fab951e 100644
--- a/src/dynamic/sekundaerliteratur.njk
+++ b/src/dynamic/sekundaerliteratur.njk
@@ -19,7 +19,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 class="showifsearching" onclick="searchreset();" alt="Clear the search form">Zurücksetzen</button>
       <div class="hideifsearching">
         Jahr&nbsp;
         <select onchange="window.location.href=this.value" id="listselect">
diff --git a/src/dynamic/selbstaendige_drucke.njk b/src/dynamic/selbstaendige_drucke.njk
index 61ceb35..ec81efc 100644
--- a/src/dynamic/selbstaendige_drucke.njk
+++ b/src/dynamic/selbstaendige_drucke.njk
@@ -12,7 +12,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 class="showifsearching" onclick="searchreset();" alt="Clear the search form">Zurücksetzen</button>
       <div class="hideifsearching">
         Jahr&nbsp;
         <select onchange="window.location.href=this.value" id="listselect">
diff --git a/src/dynamic/theaterauffuehrungen.njk b/src/dynamic/theaterauffuehrungen.njk
index 4a8abe1..e0000c3 100644
--- a/src/dynamic/theaterauffuehrungen.njk
+++ b/src/dynamic/theaterauffuehrungen.njk
@@ -15,7 +15,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 class="showifsearching" onclick="searchreset();" alt="Clear the search form">Zurücksetzen</button>
       <div class="hideifsearching">
         Jahr&nbsp;
         <select onchange="window.location.href=this.value" id="listselect">
diff --git a/src/dynamic/unselbststaendige_drucke.njk b/src/dynamic/unselbststaendige_drucke.njk
index 6158c78..496ac68 100644
--- a/src/dynamic/unselbststaendige_drucke.njk
+++ b/src/dynamic/unselbststaendige_drucke.njk
@@ -31,11 +31,11 @@ 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 class="showifsearching" onclick="searchreset();" alt="Clear the search form">Zurücksetzen</button>
     <button id="scrollbutton" href="#top">↑&nbsp;hoch</a>
 </div>
 
-<div class="mt-4" id="list">
+<div class="yearlist" id="list">
   {% set werk = "" %}
   {%- for post in collections.unselbststaendigedrucke -%}
     {% if post.data.Werk !== werk %}
@@ -44,11 +44,11 @@ eleventyNavigation:
         </div>
       {% endif %}
       {% set werk = post.data.Werk %}
-      <div class="flex flex-row mb-8 w-full category" id="{{ werk }}">
-      <div class="text-xl pl-3 pr-1 grow font-bold self-start z-0 sticky top-12 order-2" >{{ werk }}</div>
-      <div class="px-4 border-r-2 grow-0 shrink-0 w-[90ch] border-slate-400">
+      <div class="category !mb-12" id="{{ werk }}">
+      <div class="categorytitle grow-0 basis-1/5" >{{ werk }}</div>
+      <div class="categorybody grow shrink-0 basis-4/5">
     {% endif %}
-    <div class="mb-3 pl-6 -indent-6 searchable">{{ post.content | safe }}</div>
+    <div class="searchable">{{ post.content | safe }}</div>
   {%- endfor -%}
   </div>
   </div>
diff --git a/src/includes/bar.njk b/src/includes/bar.njk
index 3060ee2..278f57f 100644
--- a/src/includes/bar.njk
+++ b/src/includes/bar.njk
@@ -1,4 +1,4 @@
 {% include "header.njk" %}
-{% include "nav.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 83079b2..f116dca 100644
--- a/src/includes/footer.njk
+++ b/src/includes/footer.njk
@@ -1,4 +1,4 @@
-<footer class="hidden desktop:block text-base text-center py-1 px-4 grow-0 shrink-0 ">
+<footer class="hidden desktop:block fixed bottom-0 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>
diff --git a/src/includes/header.njk b/src/includes/header.njk
index 5077067..7e42a71 100644
--- a/src/includes/header.njk
+++ b/src/includes/header.njk
@@ -5,13 +5,13 @@
 	<h1 class="px-3 py-2 pb-4 text-5xl font-bold text-center">
 		{{ config.title }}
 	</h1>
-	<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">
+	<h2 class="hidden desktop:block py-2 border-t-gray-200 px-5 text-xl text-black bg-slate-200 border-l-4 border-lenz-11-blue 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>
+	</button>
 </header>
 
diff --git a/src/includes/search.njk b/src/includes/search.njk
index 4a07d65..f98af29 100644
--- a/src/includes/search.njk
+++ b/src/includes/search.njk
@@ -1,8 +1,8 @@
 <div class="hidden desktop:block">
-    <div class="bg-slate-50 border-t border-slate-600 py-5 px-4">
+    <div class="bg-slate-50 border-t border-lenz-11-blue py-5 px-4">
         <form class="flex flex-row w-full">
-        <input class="px-1.5 italic border border-slate-600 grow" type="text" placeholder="Suchbegriff..."/>
-        <button class="inline-block ml-2 px-2 border border-slate-600 ">Suche</button>
+        <input class="px-1.5 italic border border-lenz-11-blue grow" type="text" placeholder="Suchbegriff..."/>
+        <button class="inline-block ml-2 px-2 border border-lenz-11-blue ">Suche</button>
         </form>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/layouts/base.njk b/src/layouts/base.njk
index ddaae18..88aa668 100644
--- a/src/layouts/base.njk
+++ b/src/layouts/base.njk
@@ -42,10 +42,10 @@
     <meta name="twitter:domain" content="{% if image %}{{ image }}{% else %}{{ config.image }}{% endif %}">
 
   </head>
-  <body class="bg-slate-50 w-full h-full mx-auto flex flex-col
+  <body class="bg-slate-50 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
+    <aside class="flex flex-col shrink py-4 px-3 w-full
+      desktop:px-0 desktop:py-0 desktop:w-auto
       desktop:shrink-0 desktop:grow-0 desktop:basis-[26rem] desktop:sticky desktop:top-0 desktop:max-h-screen desktop:min-h-screen  desktop:bg-slate-50">
       {% include "bar.njk" %}
     </aside>
@@ -115,7 +115,19 @@
         })
       }
 
-      const search = function () {
+      const search = function (evt) {
+        evt = evt || window.event;
+        var isEscape = false;
+        if ("key" in evt) {
+          isEscape = (evt.key === "Escape" || evt.key === "Esc");
+        } else {
+          isEscape = (evt.keyCode === 27);
+        }
+        if (isEscape) { 
+          searchreset();
+          return;
+        }
+
         term = $("input[name='keyword']")
           .val()
           .trim() || '';
@@ -186,38 +198,54 @@
           sw = term;
           swl = term.length;
         } else {
-          var hidden = document
-            .getElementById("list")
-            .querySelectorAll(".hidden-important");
-          for (let item of hidden) {
-            item
-              .classList
-              .remove("hidden-important");
-          }
-          found = dictionary;
-          sw = "";
-          swl = 0;
-          $(".hideifsearching").each((ind, el) => {
-            $(el).show();
-          });
-          $(".showifsearching").each((ind, el) => {
-            $(el).hide();
-          });
+          searchreset();
         }
       }
 
+      const searchreset = function() {
+        for (let item of found) {
+          $(item.element).unmark();
+        }
+
+        var hidden = document
+          .getElementById("list")
+          .querySelectorAll(".hidden-important");
+        for (let item of hidden) {
+          item
+            .classList
+            .remove("hidden-important");
+        }
+        found = dictionary;
+        sw = "";
+        swl = 0;
+        $(".hideifsearching").each((ind, el) => {
+          $(el).show();
+        });
+        $(".showifsearching").each((ind, el) => {
+          $(el).hide();
+        });
+
+        var input =  document.querySelector("input[name='keyword']"); 
+        input.value = ''; 
+        input.focus();
+      }
+
       $(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");
-              }
-            })
+          menubutton.addEventListener("click", () => {
+            if (navigation.classList.contains("hidden")) {
+              navigation
+                .classList
+                .remove("hidden");
+            } else {
+              navigation
+                .classList
+                .add("hidden");
+            }
+          })
         }
 
         // Scroll button
@@ -241,24 +269,28 @@
             searchable = ".handschrift";
           }
           createIndex("list", searchable);
-          categories = document.getElementById("list").getElementsByClassName("category");
+          categories = document
+            .getElementById("list")
+            .getElementsByClassName("category");
           {# $("input[name='keyword']").focus(); #}
           $("input[name='keyword']").keyup(search);
 
-
+          // Scrolling & List updating
           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() {
+            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;
                   }
diff --git a/src/static/css/output.css b/src/static/css/output.css
index 8d65242..3207797 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}.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}.top-\[100\%\]{top:100%}.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
+/*! 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));border-bottom-width:1px;-moz-column-gap:.75rem;column-gap:.75rem;padding:.375rem 1rem .125rem;position:sticky;top:0;width:100%;z-index:20}@media (min-width:700px){.searchbar{display:flex;flex-direction:row}}.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;display:inline-block}.searchbar input{--tw-border-opacity:1;margin-bottom:.5rem;margin-top:.25rem;padding:.125rem .25rem;width:100%}@media (min-width:700px){.searchbar input{flex-grow:1;width:auto}}.hideifsearching{display:inline-block}.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;display:inline-block;padding:.375rem .375rem .25rem}.sidebar-nav li li{margin-left:1rem}.active{font-weight:700}.sidebar-nav .active:before{--tw-text-opacity:1;color:rgb(155 30 36/var(--tw-text-opacity))}.yearlist{margin-top:1rem;width:100%}.yearlist .category .categorytitle{align-self:flex-start;flex-grow:0;font-size:1.25rem;font-weight:700;line-height:1.75rem;min-width:4rem;padding-left:.75rem;padding-right:.25rem;position:sticky;top:3.5rem;z-index:0}@media (min-width:700px){.yearlist .category .categorytitle{order:2}}.yearlist .category .categorybody{flex-grow:1}@media (min-width:700px){.yearlist .category .categorybody{border-right-width:2px;padding-left:1rem;padding-right:1rem}}@media (min-width:940px){.yearlist .category .categorybody{--tw-border-opacity:1;border-color:rgb(31 64 96/var(--tw-border-opacity))}}.yearlist .category{display:flex;flex-direction:column;margin-bottom:1.25rem;width:100%}@media (min-width:700px){.yearlist .category{flex-direction:row}}.yearlist .searchable{margin-top:.75rem;padding-left:1.5rem;padding-right:1rem;text-indent:-1.5rem}.yearlist .searchable:first-of-type{margin-top:0}.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-shrink:0;padding-bottom:.25rem;padding-top:.25rem}@media (min-width:940px){.handschrift-sammlung .handschrift{flex-basis:48%}}@media (min-width:1440px){.handschrift-sammlung .handschrift{flex-basis:31.5%}}.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-14{top:3.5rem}.bottom-0{bottom:0}.bottom-0\.5{bottom:.125rem}.z-10{z-index:10}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-1\.5{margin-bottom:.375rem}.mb-1{margin-bottom:.25rem}.\!mb-12{margin-bottom:3rem!important}.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-16{height:4rem}.h-full{height:100%}.min-h-full{min-height:100%}.w-full{width:100%}.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-0{flex-grow:0}.grow{flex-grow:1}.basis-1\/5{flex-basis:20%}.basis-4\/5{flex-basis:80%}.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-md{border-radius:.375rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-lenz-11-blue{--tw-border-opacity:1;border-color:rgb(19 33 63/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-100{--tw-bg-opacity:1!important;background-color:rgb(241 245 249/var(--tw-bg-opacity))!important}.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))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.\!py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.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-3{padding-right:.75rem}.pl-3{padding-left:.75rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.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:940px){.md\:flex-row{flex-direction:row}}@media (min-width:1190px){.desktop\:sticky{position:sticky}.desktop\:top-0{top:0}.desktop\:block{display:block}.desktop\:hidden{display:none}.desktop\:h-auto{height:auto}.desktop\:max-h-screen{max-height:100vh}.desktop\:min-h-screen{min-height:100vh}.desktop\:w-auto{width:auto}.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\:columns-2{-moz-columns:2;column-count:2}.desktop\:flex-row{flex-direction:row}.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 0e67d54..9d1a545 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -94,19 +94,23 @@
 
   @layer components {
     .searchbar {
-      @apply sticky top-0 z-20 bg-slate-100 px-4 py-0.5 pt-1.5 self-start w-full flex flex-row items-baseline gap-x-3
+      @apply sticky top-0 z-20 bg-slate-100 px-4 py-0.5 pt-1.5 self-start w-full sm:flex sm:flex-row items-baseline gap-x-3 border-b
     }
 
     .searchbar button {
-      @apply bg-white shrink py-0.5 px-1.5 border border-slate-300
+      @apply inline-block bg-white shrink py-0.5 px-1.5 border border-slate-300
     }
 
     .searchbar input {
-      @apply grow p-0.5 px-1 my-1 mb-2 border border-slate-300
+      @apply inline-block w-full sm:w-auto sm:grow p-0.5 px-1 my-1 mb-2 border border-slate-300
+    }
+
+    .hideifsearching {
+      @apply inline-block
     }
 
     .searchbar select {
-      @apply bg-white px-1.5 pt-1.5 pb-1 border border-slate-300
+      @apply inline-block bg-white px-1.5 pt-1.5 pb-1 border border-slate-300
     }
 
     .sidebar-nav li li {
@@ -117,40 +121,44 @@
       @apply font-bold
     }
 
+    .sidebar-nav .active::before {
+      @apply text-lenz-6-highlight
+    }
+
     .yearlist {
-      @apply mt-4
+      @apply mt-4 w-full
     }
 
     .yearlist .category .categorytitle {
-      @apply text-xl pr-1 pl-3 py-2 grow-0 min-w-[4rem] font-bold self-start z-0 sticky top-12 order-2
+      @apply text-xl pr-1 pl-3 grow-0 min-w-[4rem] font-bold self-start z-0 sticky top-14 sm:order-2
     }
 
     .yearlist .category .categorybody {
-      @apply px-4 border-r-2 grow py-2 border-slate-400
+      @apply sm:px-4 sm:border-r-2 grow md:border-lenz-12-lighterblue
     }
 
     .yearlist .category {
-      @apply flex flex-row w-full
+      @apply flex flex-col sm:flex-row w-full mb-5
     }
 
     .yearlist .searchable {
-      @apply mb-3 px-4 pl-6 -indent-6 
+      @apply mt-3 px-4 pl-6 -indent-6 
+    }
+
+    .yearlist .searchable:first-of-type {
+      @apply mt-0
     }
 
     .maincolumn {
       @apply basis-4/5 grow-0
     }
 
-    .Einzug {
-      
-    }
-
     .Kommentar {
       @apply !indent-0 !pl-0
     }
 
     .handschrift-sammlung .handschrift {
-      @apply border basis-[31.5%] shrink-0 bg-white
+      @apply border md:basis-[48%] xl:basis-[31.5%] shrink-0 bg-white py-1
     }
 
     .handschrift-sammlung .ueberschrift-gruppe {
@@ -174,7 +182,7 @@
     }
 
     .literaturliste li {
-      @apply pl-6 -indent-6 
+      @apply pl-6 -indent-6
     }
 
     .legende .feld {
@@ -194,6 +202,7 @@
     content: "· ";
   }
   
+
   .twocolumns {
     columns: 2;
   }
diff --git a/tailwind.config.js b/tailwind.config.js
index 8581a40..da3949c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -34,17 +34,18 @@ module.exports = {
         'print': { 'raw': 'print' },
       },
       colors: {
-        'lenzHighlight': '#c00902',
-        'hamannLightHighlight': '#cc7878',
-        'hamannSlate': {
-          50: '#6A829E',
-          100: '#416C9E',
-          200: '#3F8FEB',
-          300: '#3270B8',
-          500: '#2B619E',
-          700: '#1E4570',
-          900: '#173557'
-        }
+        'lenz-12-lighterblue': '#1f4060',
+        'lenz-11-blue': '#13213f',
+        'lenz-10-darkblue': '#110a25',
+        'lenz-9-winered': '#290b22',
+        'lenz-8-darkred': '#491122',
+        'lenz-7-red': '#711824',
+        'lenz-6-highlight': '#9b1e24',
+        'lenz-5-pink': '#bc3047',
+        'lenz-4-rose': '#c95873',
+        'lenz-3-lightrose': '#cf899d',
+        'lenz-2-lightred': '#dab5c1',
+        'lenz-1-greyred': '#eadce1',
       }
     },
   },