Somehow did the first page

HaWeb/wwwroot/css/letterhead.css

@@ -16,27 +16,15 @@
   }
 
   .ha-letterhead .ha-metadata {
-    @apply flex self-end grow shrink-0
-  }
-
-  .ha-letterhead .ha-metadata .ha-metadatarows {
-    @apply flex flex-col
+    @apply flex self-end grow flex-col
   }
 
   .ha-letterhead .ha-metadata .ha-metadataupperrow {
     @apply flex flex-row leading-snug
   }
 
-  .strikethrough {
-    @apply line-through
-  }
-
-  .ha-letterhead
-    .ha-metadata
-    .ha-metadatarows
-    .ha-metadataupperrow
-    .ha-metadatadate {
-    @apply flex caps-petite numeric-mediaeval
+  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-metadatadate {
+    @apply flex caps-petite numeric-mediaeval whitespace-nowrap
   }
 
   .ha-letterhead .ha-metadata .ha-tooltip {
@@ -52,7 +40,7 @@
   }
 
   .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
-    @apply text-sm rounded px-1.5 ml-2 py-0.5 leading-none caps-allpetite tracking-wide
+    @apply text-sm rounded px-1.5 ml-2 py-0.5 leading-none caps-allpetite tracking-wide whitespace-nowrap
   }
 
   .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross {

HaWeb/wwwroot/css/register.css

@@ -79,7 +79,7 @@
   }
 
   .ha-register .ha-register-head h1 {
-    @apply font-bold text-xl desktop:font-normal desktop:text-4xl mb-6 inline-block
+    @apply font-bold text-2xl desktop:font-normal desktop:text-5xl mb-6 inline-block
   }
 
   .ha-register .ha-register-head .ha-register-add {

HaWeb/wwwroot/css/search.css

@@ -1,9 +1,121 @@
 @layer components {
     .ha-search {
-        @apply pt-9 md:pt-12 px-9 md:px-16 bg-slate-50
+        @apply bg-slate-50
     }
 
-    .ha-search .ha-letterlist {
+    .ha-search .ha-searchhead {
+        @apply pt-9 md:pt-12 px-9 md:px-16 border-b-2
+    }
 
+    .ha-search .ha-searchhead h1 {
+        @apply font-bold text-2xl desktop:font-normal desktop:text-5xl mb-6 inline-block font-serif
+    }
+
+    .ha-search .ha-searchhead .ha-searchnav {
+        @apply font-sans oldstyle-nums
+    }
+
+    .ha-search .ha-searchhead .ha-searchnav a {
+        @apply mr-3 inline-block
+    }
+
+    .ha-search .ha-searchhead .ha-searchnav a.active {
+        @apply border-b-4
+    }
+
+    .ha-search .ha-searchbody {
+        @apply pt-4 pr-4 clear-both flex flex-row gap-x-4
+    }
+
+    .ha-search .ha-searchbody .ha-letterlist {
+        @apply pl-6 pb-4 basis-2/3 grow-0
+    }
+
+    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry:not(:first-child) {
+        @apply block mt-4
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist {
+        @apply flex flex-col gap-y-5 pb-4 float-right max-w-lg basis-1/3 min-w-0 shrink
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist > div {
+        @apply border border-slate-200 hover:shadow transition-shadow duration-200  bg-slate-50
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-filtertitle {
+        @apply text-2xl px-3 pb-2 pt-3 font-serif leading-none border-b bg-slate-100
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-reversefilter {
+        @apply inline-block text-sm ml-2
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter {
+        @apply flex flex-row bg-slate-100
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter .ha-filtertitle {
+        @apply inline-block border-none
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form .ha-gototext {
+        @apply inline-block font-sans mr-2
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form {
+        @apply inline-block font-sans py-2 pr-2 grow
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form input {
+        @apply w-14 px-1 border 
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form button {
+        @apply float-right inline-block px-2 border bg-slate-50 disabled:bg-gray-200 border-slate-200 hover:border-black disabled:hover:border-slate-200 disabled:text-slate-600
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform {
+        @apply py-2 px-3
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform > span {
+        @apply whitespace-nowrap
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform input {
+        @apply w-14 px-1 border
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform button {
+        @apply float-right px-2 border bg-slate-50 border-slate-200 disabled:bg-gray-200 hover:border-black disabled:hover:border-slate-200 disabled:text-slate-600
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform select {
+        @apply  px-1
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform {
+        @apply py-2 px-3 flex flex-row gap-x-2
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform input {
+        @apply px-1 border grow min-w-0
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform button {
+        @apply float-right px-2 border border-slate-200 hover:border-black disabled:bg-gray-200 disabled:hover:border-slate-200 disabled:text-slate-600
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist {
+        @apply max-h-64 overflow-y-auto overflow-x-hidden pb-2
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a {
+        @apply block px-3 hover:!bg-slate-200 !transition-none
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(even) {
+        @apply block bg-slate-100
     }
 }

HaWeb/wwwroot/css/shared.css

@@ -45,6 +45,10 @@
     @apply transition-colors duration-100
   }
 
+  .strikethrough {
+    @apply line-through
+  }
+
   body {
     @apply text-base desktop:text-lg w-full h-full;
   }

HaWeb/wwwroot/css/static.css

@@ -5,11 +5,11 @@
   }
 
   .ha-static h3 {
-    @apply text-hamannHighlight dark:text-white dark:font-bold
+    @apply text-hamannSlate-900 dark:text-white dark:font-bold
   }
 
   .ha-static table th {
-    @apply text-hamannHighlight dark:text-white dark:font-bold
+    @apply text-hamannSlate-900 dark:text-white dark:font-bold
   }
 
   .ha-static table tr:nth-child(even) {
@@ -22,7 +22,7 @@
   }
 
   .ha-static h1 {
-    @apply font-bold text-xl desktop:font-normal desktop:text-4xl mb-9
+    @apply font-bold text-2xl desktop:font-normal desktop:text-5xl mb-9 unhyphenate
   }
 
   .ha-static h2 {
@@ -30,7 +30,7 @@
   }
 
   .ha-static h3 {
-    @apply mt-4 mb-2
+    @apply mt-4 mb-2 font-bold
   }
 
   .ha-static table {
@@ -38,7 +38,7 @@
   }
 
   .ha-static table th {
-    @apply pl-2 pr-2 desktop:pr-4 text-left font-normal
+    @apply pl-2 pr-2 desktop:pr-4 text-left font-bold
   }
 
   .ha-static table tr td {