diff --git a/HaWeb/Controllers/RegisterController.cs b/HaWeb/Controllers/RegisterController.cs
index e3ad5e6..6957239 100644
--- a/HaWeb/Controllers/RegisterController.cs
+++ b/HaWeb/Controllers/RegisterController.cs
@@ -1,3 +1,4 @@
+namespace HaWeb.Controllers;
 using System.Diagnostics;
 using Microsoft.AspNetCore.Mvc;
 using HaWeb.Models;
@@ -9,8 +10,18 @@ using HaXMLReader.EvArgs;
 using HaDocument.Models;
 using System.Collections.Concurrent;
 using HaWeb.FileHelpers;
-
-namespace HaWeb.Controllers;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.WebUtilities;
+using Microsoft.Extensions.Configuration;
+using Microsoft.Net.Http.Headers;
+using HaWeb.Filters;
+using HaWeb.XMLParser;
+using System.Text.Json.Serialization;
+using System.Text.Json;
+using Microsoft.FeatureManagement.Mvc;
+using System.Runtime.InteropServices;
+using Microsoft.AspNetCore.Http.Features;
 
 [Route("Register/[action]/{id?}")]
 public class RegisterController : Controller {
@@ -26,6 +37,7 @@ public class RegisterController : Controller {
         _readerService = readerService;
     }
 
+    [HttpGet]
     public IActionResult Register(string? id) {
         // Setup settings and variables
         var lib = _lib.GetLibrary();
@@ -47,21 +59,10 @@ public class RegisterController : Controller {
         if (comments == null) return error404();
 
         // Parsing
-        var res = new List<CommentModel>();
-        foreach (var comm in comments) {
-            var parsedComment = HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, comm, category, Settings.ParsingState.CommentType.Comment);
-            List<string>? parsedSubComments = null;
-            if (comm.Kommentare != null) {
-                parsedSubComments = new List<string>();
-                foreach (var subcomm in comm.Kommentare.OrderBy(x => x.Value.Order)) {
-                    parsedSubComments.Add(HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, subcomm.Value, category, Settings.ParsingState.CommentType.Subcomment));
-                }
-            }
-            res.Add(new CommentModel(parsedComment, parsedSubComments));
-        }
+        var res = _createCommentModelForschungRegister(category, comments); 
 
         // Model instantiation
-        var model = new RegisterViewModel(category, id, res, title, false) {
+        var model = new RegisterViewModel(category, id, res, title, false, true) {
             AvailableCategories = availableCategories,
         };
 
@@ -69,6 +70,7 @@ public class RegisterController : Controller {
         return View("Index", model);
     }
 
+    [HttpGet]
     public IActionResult Bibelstellen(string? id) {
         // Setup settings and variables
         var lib = _lib.GetLibrary();
@@ -90,21 +92,10 @@ public class RegisterController : Controller {
         if (comments == null) return error404();
 
         // Parsing
-        var res = new List<CommentModel>();
-        foreach (var comm in comments) {
-            var parsedComment = HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, comm, category, Settings.ParsingState.CommentType.Comment);
-            List<string>? parsedSubComments = null;
-            if (comm.Kommentare != null) {
-                parsedSubComments = new List<string>();
-                foreach (var subcomm in comm.Kommentare.OrderBy(x => x.Value.Lemma.Length).ThenBy(x => x.Value.Lemma)) {
-                    parsedSubComments.Add(HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, subcomm.Value, category, Settings.ParsingState.CommentType.Subcomment));
-                }
-            }
-            res.Add(new CommentModel(parsedComment, parsedSubComments));
-        }
+        var res = _createCommentModelBibel(category, comments);
 
         // Model instantiation
-        var model = new RegisterViewModel(category, id, res, title, false) {
+        var model = new RegisterViewModel(category, id, res, title, false, false) {
             AvailableCategories = availableCategories,
         };
 
@@ -112,6 +103,7 @@ public class RegisterController : Controller {
         return View("Index", model);
     }
 
+    [HttpGet]
     public IActionResult Forschung(string? id) {
         // Setup settings and variables
         var lib = _lib.GetLibrary();
@@ -140,21 +132,10 @@ public class RegisterController : Controller {
         if (comments == null) return error404();
 
         // Parsing
-        var res = new List<CommentModel>();
-        foreach (var comm in comments) {
-            var parsedComment = HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, comm, category, Settings.ParsingState.CommentType.Comment);
-            List<string>? parsedSubComments = null;
-            if (comm.Kommentare != null) {
-                parsedSubComments = new List<string>();
-                foreach (var subcomm in comm.Kommentare.OrderBy(x => x.Value.Order)) {
-                    parsedSubComments.Add(HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, subcomm.Value, category, Settings.ParsingState.CommentType.Subcomment));
-                }
-            }
-            res.Add(new CommentModel(parsedComment, parsedSubComments));
-        }
+        var res = _createCommentModelForschungRegister(category, comments);
 
         // Model instantiation
-        var model = new RegisterViewModel(category, id, res, title, true) {
+        var model = new RegisterViewModel(category, id, res, title, true, true) {
             AvailableCategories = availableCategories,
             AvailableSideCategories = AvailableSideCategories
         };
@@ -163,6 +144,16 @@ public class RegisterController : Controller {
         return View("Index", model);
     }
 
+    [HttpPost]
+    [DisableFormValueModelBinding]
+    [ValidateAntiForgeryToken]
+    [Route("/Register/Forschung/{id}")]
+    [Route("/Register/Register/{id}")]
+    [Route("/Register/Bibelstellen/{id}")]
+    public IActionResult Search(string? id) {
+        return Ok();
+    }
+
     private string? normalizeID(string? id, string defaultid) {
         if (id == null) return null;
         return id.ToUpper();
@@ -181,6 +172,40 @@ public class RegisterController : Controller {
         return Redirect("/Error404");
     }
 
+    private List<CommentModel> _createCommentModelForschungRegister(string category, IOrderedEnumerable<Comment>? comments) {
+        var lib = _lib.GetLibrary();
+        var res = new List<CommentModel>();
+        foreach (var comm in comments) {
+            var parsedComment = HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, comm, category, Settings.ParsingState.CommentType.Comment);
+            List<string>? parsedSubComments = null;
+            if (comm.Kommentare != null) {
+                parsedSubComments = new List<string>();
+                foreach (var subcomm in comm.Kommentare.OrderBy(x => x.Value.Order)) {
+                    parsedSubComments.Add(HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, subcomm.Value, category, Settings.ParsingState.CommentType.Subcomment));
+                }
+            }
+            res.Add(new CommentModel(parsedComment, parsedSubComments));
+        }
+        return res;
+    }
+
+    private List<CommentModel> _createCommentModelBibel(string category, IOrderedEnumerable<Comment>? comments) {
+        var lib = _lib.GetLibrary();
+        var res = new List<CommentModel>();
+        foreach (var comm in comments) {
+            var parsedComment = HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, comm, category, Settings.ParsingState.CommentType.Comment);
+            List<string>? parsedSubComments = null;
+            if (comm.Kommentare != null) {
+                parsedSubComments = new List<string>();
+                foreach (var subcomm in comm.Kommentare.OrderBy(x => x.Value.Lemma.Length).ThenBy(x => x.Value.Lemma)) {
+                    parsedSubComments.Add(HTMLHelpers.CommentHelpers.CreateHTML(lib, _readerService, subcomm.Value, category, Settings.ParsingState.CommentType.Subcomment));
+                }
+            }
+            res.Add(new CommentModel(parsedComment, parsedSubComments));
+        }
+        return res;
+    }
+
     // private IEnumerable<Comment> Search(IEnumerable<Comment> all) {
     //     var ret = new ConcurrentBag<Comment>();
     //     var cnt = 0;
diff --git a/HaWeb/HaWeb.csproj b/HaWeb/HaWeb.csproj
index 6e32a60..7b66e9a 100644
--- a/HaWeb/HaWeb.csproj
+++ b/HaWeb/HaWeb.csproj
@@ -8,8 +8,8 @@
   </PropertyGroup>
 
 <ItemGroup>
-    <Content Remove="wwwroot\css\site.css" />
-    <Content Include="wwwroot\css\site.css" Watch="false" />
+    <!-- <Content Remove="wwwroot\css\site.css" />
+    <Content Include="wwwroot\css\site.css" Watch="false" /> -->
 </ItemGroup>
   
   <Target Name="Tailwind" BeforeTargets="Build">
diff --git a/HaWeb/Models/RegisterViewModel.cs b/HaWeb/Models/RegisterViewModel.cs
index 69d5aa2..1f0e074 100644
--- a/HaWeb/Models/RegisterViewModel.cs
+++ b/HaWeb/Models/RegisterViewModel.cs
@@ -6,6 +6,7 @@ public class RegisterViewModel {
     public string Id { get; private set; }
     public string Title { get; private set; }
     public bool AllowSendIn { get; private set; }
+    public bool AllowSearch { get; private set; }
 
     private List<(string, string)>? _AvailableCategories;
     private List<(string, string)>? _AvailableSideCategories;
@@ -42,11 +43,12 @@ public class RegisterViewModel {
         }
     }
 
-    public RegisterViewModel(string category, string id, List<CommentModel> parsedComments, string title, bool allowSendIn) {
+    public RegisterViewModel(string category, string id, List<CommentModel> parsedComments, string title, bool allowSendIn, bool allowSearch) {
         this.Category = HttpUtility.HtmlAttributeEncode(category);
         this.Id = HttpUtility.HtmlAttributeEncode(id);
         this.ParsedComments = parsedComments;
         this.Title = HttpUtility.HtmlEncode(title);
         this.AllowSendIn = allowSendIn;
+        this.AllowSearch = allowSearch;
     }
 }
\ No newline at end of file
diff --git a/HaWeb/Views/Register/Index.cshtml b/HaWeb/Views/Register/Index.cshtml
index d69bff5..133601f 100644
--- a/HaWeb/Views/Register/Index.cshtml
+++ b/HaWeb/Views/Register/Index.cshtml
@@ -36,6 +36,13 @@
                 </a>
             </div>
             }
+            @if (Model.AllowSearch) {
+            <form class="ha-registersearchform" asp-controller="Register" asp-action="Search" asp-route-id="@string.Empty" method="post" >
+                <input class="ha-registersearchtext" type="text" name="search" placeholder="Suchbegriff..." />
+                <input type="hidden" name="category" value="@Model.Category" />
+                <button class="ha-registersearchbutton" type="submit">Suchen</button>
+            </form>
+            }
             <div class="ha-register-nav" id="ha-register-nav">
                 <div class="ha-register-left-nav">
                     @if (Model.AvailableCategories != null) {
diff --git a/HaWeb/package-lock.json b/HaWeb/package-lock.json
index a1eb408..6ca142a 100644
--- a/HaWeb/package-lock.json
+++ b/HaWeb/package-lock.json
@@ -16,6 +16,7 @@
         "cssnano": "^5.1.11",
         "postcss": "^8.4.14",
         "postcss-cli": "^9.1.0",
+        "postcss-import": "^14.1.0",
         "tailwindcss": "^3.0.24"
       }
     },
@@ -133,9 +134,9 @@
       }
     },
     "node_modules/arg": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.1.tgz",
-      "integrity": "sha512-e0hDa9H2Z9AwFkk2qDlwhoMYE4eToKarchkQHovNdLTCYMHZHeRjI71crOh+dio4K6u1IcwubQqo79Ga4CyAQA==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
       "dev": true
     },
     "node_modules/array-union": {
@@ -211,9 +212,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.20.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.3.tgz",
-      "integrity": "sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==",
+      "version": "4.20.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.4.tgz",
+      "integrity": "sha512-ok1d+1WpnU24XYN7oC3QWgTyMhY/avPJ/r9T00xxvUOIparA/gc+UPUMaod3i+G6s+nI2nUb9xZ5k794uIwShw==",
       "dev": true,
       "funding": [
         {
@@ -226,10 +227,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001332",
-        "electron-to-chromium": "^1.4.118",
+        "caniuse-lite": "^1.0.30001349",
+        "electron-to-chromium": "^1.4.147",
         "escalade": "^3.1.1",
-        "node-releases": "^2.0.3",
+        "node-releases": "^2.0.5",
         "picocolors": "^1.0.0"
       },
       "bin": {
@@ -261,9 +262,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001339",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001339.tgz",
-      "integrity": "sha512-Es8PiVqCe+uXdms0Gu5xP5PF2bxLR7OBp3wUzUnuO7OHzhOfCyg3hdiGWVPVxhiuniOzng+hTc1u3fEQ0TlkSQ==",
+      "version": "1.0.30001352",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001352.tgz",
+      "integrity": "sha512-GUgH8w6YergqPQDGWhJGt8GDRnY0L/iJVQcU3eJ46GYf52R8tk0Wxp0PymuFVZboJYXGiCqwozAYZNRjVj6IcA==",
       "dev": true,
       "funding": [
         {
@@ -303,18 +304,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/cliui": {
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -515,7 +504,7 @@
     "node_modules/defined": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
-      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=",
+      "integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==",
       "dev": true
     },
     "node_modules/dependency-graph": {
@@ -528,14 +517,14 @@
       }
     },
     "node_modules/detective": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz",
-      "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==",
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
+      "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
       "dev": true,
       "dependencies": {
-        "acorn-node": "^1.6.1",
+        "acorn-node": "^1.8.2",
         "defined": "^1.0.0",
-        "minimist": "^1.1.1"
+        "minimist": "^1.2.6"
       },
       "bin": {
         "detective": "bin/detective.js"
@@ -624,9 +613,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.137",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.137.tgz",
-      "integrity": "sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==",
+      "version": "1.4.150",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.150.tgz",
+      "integrity": "sha512-MP3oBer0X7ZeS9GJ0H6lmkn561UxiwOIY9TTkdxVY7lI9G6GVCKfgJaHaDcakwdKxBXA4T3ybeswH/WBIN/KTA==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -677,18 +666,6 @@
         "node": ">=8.6.0"
       }
     },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -779,15 +756,15 @@
       }
     },
     "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
       "dev": true,
       "dependencies": {
-        "is-glob": "^4.0.3"
+        "is-glob": "^4.0.1"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">= 6"
       }
     },
     "node_modules/globby": {
@@ -864,7 +841,7 @@
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -984,9 +961,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.4.tgz",
-      "integrity": "sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.5.tgz",
+      "integrity": "sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==",
       "dev": true
     },
     "node_modules/normalize-path": {
@@ -1001,7 +978,7 @@
     "node_modules/normalize-range": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -1230,6 +1207,23 @@
         "postcss": "^8.2.15"
       }
     },
+    "node_modules/postcss-import": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
+      "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
     "node_modules/postcss-js": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
@@ -1879,15 +1873,15 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.0.24",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.0.24.tgz",
-      "integrity": "sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.0.tgz",
+      "integrity": "sha512-XzXq31Fj6RizhlFVNLBlDqzs0dXuIEOAknuOcKx2R/IIQbEz5DnngslYY4JNN6e9JkNBjHGm1w2XDABsADg1ng==",
       "dev": true,
       "dependencies": {
         "arg": "^5.0.1",
         "chokidar": "^3.5.3",
         "color-name": "^1.1.4",
-        "detective": "^5.2.0",
+        "detective": "^5.2.1",
         "didyoumean": "^1.2.2",
         "dlv": "^1.1.3",
         "fast-glob": "^3.2.11",
@@ -1897,7 +1891,8 @@
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
         "picocolors": "^1.0.0",
-        "postcss": "^8.4.12",
+        "postcss": "^8.4.14",
+        "postcss-import": "^14.1.0",
         "postcss-js": "^4.0.0",
         "postcss-load-config": "^3.1.4",
         "postcss-nested": "5.0.6",
@@ -1917,6 +1912,18 @@
         "postcss": "^8.0.9"
       }
     },
+    "node_modules/tailwindcss/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/thenby": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz",
@@ -2119,9 +2126,9 @@
       }
     },
     "arg": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.1.tgz",
-      "integrity": "sha512-e0hDa9H2Z9AwFkk2qDlwhoMYE4eToKarchkQHovNdLTCYMHZHeRjI71crOh+dio4K6u1IcwubQqo79Ga4CyAQA==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
       "dev": true
     },
     "array-union": {
@@ -2166,15 +2173,15 @@
       }
     },
     "browserslist": {
-      "version": "4.20.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.3.tgz",
-      "integrity": "sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==",
+      "version": "4.20.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.4.tgz",
+      "integrity": "sha512-ok1d+1WpnU24XYN7oC3QWgTyMhY/avPJ/r9T00xxvUOIparA/gc+UPUMaod3i+G6s+nI2nUb9xZ5k794uIwShw==",
       "dev": true,
       "requires": {
-        "caniuse-lite": "^1.0.30001332",
-        "electron-to-chromium": "^1.4.118",
+        "caniuse-lite": "^1.0.30001349",
+        "electron-to-chromium": "^1.4.147",
         "escalade": "^3.1.1",
-        "node-releases": "^2.0.3",
+        "node-releases": "^2.0.5",
         "picocolors": "^1.0.0"
       }
     },
@@ -2197,9 +2204,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001339",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001339.tgz",
-      "integrity": "sha512-Es8PiVqCe+uXdms0Gu5xP5PF2bxLR7OBp3wUzUnuO7OHzhOfCyg3hdiGWVPVxhiuniOzng+hTc1u3fEQ0TlkSQ==",
+      "version": "1.0.30001352",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001352.tgz",
+      "integrity": "sha512-GUgH8w6YergqPQDGWhJGt8GDRnY0L/iJVQcU3eJ46GYf52R8tk0Wxp0PymuFVZboJYXGiCqwozAYZNRjVj6IcA==",
       "dev": true
     },
     "chokidar": {
@@ -2216,17 +2223,6 @@
         "is-glob": "~4.0.1",
         "normalize-path": "~3.0.0",
         "readdirp": "~3.6.0"
-      },
-      "dependencies": {
-        "glob-parent": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-          "dev": true,
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        }
       }
     },
     "cliui": {
@@ -2376,7 +2372,7 @@
     "defined": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
-      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=",
+      "integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==",
       "dev": true
     },
     "dependency-graph": {
@@ -2386,14 +2382,14 @@
       "dev": true
     },
     "detective": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz",
-      "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==",
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
+      "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
       "dev": true,
       "requires": {
-        "acorn-node": "^1.6.1",
+        "acorn-node": "^1.8.2",
         "defined": "^1.0.0",
-        "minimist": "^1.1.1"
+        "minimist": "^1.2.6"
       }
     },
     "didyoumean": {
@@ -2455,9 +2451,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.4.137",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.137.tgz",
-      "integrity": "sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==",
+      "version": "1.4.150",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.150.tgz",
+      "integrity": "sha512-MP3oBer0X7ZeS9GJ0H6lmkn561UxiwOIY9TTkdxVY7lI9G6GVCKfgJaHaDcakwdKxBXA4T3ybeswH/WBIN/KTA==",
       "dev": true
     },
     "emoji-regex": {
@@ -2497,17 +2493,6 @@
         "glob-parent": "^5.1.2",
         "merge2": "^1.3.0",
         "micromatch": "^4.0.4"
-      },
-      "dependencies": {
-        "glob-parent": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-          "dev": true,
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        }
       }
     },
     "fastq": {
@@ -2571,12 +2556,12 @@
       "dev": true
     },
     "glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
       "dev": true,
       "requires": {
-        "is-glob": "^4.0.3"
+        "is-glob": "^4.0.1"
       }
     },
     "globby": {
@@ -2635,7 +2620,7 @@
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
       "dev": true
     },
     "is-fullwidth-code-point": {
@@ -2726,9 +2711,9 @@
       "dev": true
     },
     "node-releases": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.4.tgz",
-      "integrity": "sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.5.tgz",
+      "integrity": "sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==",
       "dev": true
     },
     "normalize-path": {
@@ -2740,7 +2725,7 @@
     "normalize-range": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
       "dev": true
     },
     "normalize-url": {
@@ -2885,6 +2870,17 @@
       "dev": true,
       "requires": {}
     },
+    "postcss-import": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
+      "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
+      "dev": true,
+      "requires": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      }
+    },
     "postcss-js": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
@@ -3274,15 +3270,15 @@
       }
     },
     "tailwindcss": {
-      "version": "3.0.24",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.0.24.tgz",
-      "integrity": "sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.0.tgz",
+      "integrity": "sha512-XzXq31Fj6RizhlFVNLBlDqzs0dXuIEOAknuOcKx2R/IIQbEz5DnngslYY4JNN6e9JkNBjHGm1w2XDABsADg1ng==",
       "dev": true,
       "requires": {
         "arg": "^5.0.1",
         "chokidar": "^3.5.3",
         "color-name": "^1.1.4",
-        "detective": "^5.2.0",
+        "detective": "^5.2.1",
         "didyoumean": "^1.2.2",
         "dlv": "^1.1.3",
         "fast-glob": "^3.2.11",
@@ -3292,7 +3288,8 @@
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
         "picocolors": "^1.0.0",
-        "postcss": "^8.4.12",
+        "postcss": "^8.4.14",
+        "postcss-import": "^14.1.0",
         "postcss-js": "^4.0.0",
         "postcss-load-config": "^3.1.4",
         "postcss-nested": "5.0.6",
@@ -3300,6 +3297,17 @@
         "postcss-value-parser": "^4.2.0",
         "quick-lru": "^5.1.1",
         "resolve": "^1.22.0"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+          "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.3"
+          }
+        }
       }
     },
     "thenby": {
diff --git a/HaWeb/package.json b/HaWeb/package.json
index 09c37b4..a8cc49a 100644
--- a/HaWeb/package.json
+++ b/HaWeb/package.json
@@ -15,6 +15,7 @@
     "cssnano": "^5.1.11",
     "postcss": "^8.4.14",
     "postcss-cli": "^9.1.0",
+    "postcss-import": "^14.1.0",
     "tailwindcss": "^3.0.24"
   },
   "dependencies": {
diff --git a/HaWeb/postcss.config.js b/HaWeb/postcss.config.js
index 0702f96..e6f1eb6 100644
--- a/HaWeb/postcss.config.js
+++ b/HaWeb/postcss.config.js
@@ -1,9 +1,9 @@
 module.exports = {
   plugins: [
+    require('postcss-import'),
     require('tailwindcss'),
-
     // Production:
-    require('autoprefixer'),
-    require('cssnano')({ preset: 'default' })
+    // require('autoprefixer'),
+    // require('cssnano')({ preset: 'default' })
   ],
 }
diff --git a/HaWeb/wwwroot/css/fonts.css b/HaWeb/wwwroot/css/fonts.css
new file mode 100644
index 0000000..20e0066
--- /dev/null
+++ b/HaWeb/wwwroot/css/fonts.css
@@ -0,0 +1,76 @@
+/* Regular woff-files for regular font variants curerently
+   Instead we can use the Graphite versions of the font   
+
+@font-face {
+    font-family: 'Biolinum';
+    src: url('/fonts/LinBiolinum_R_G.ttf') format('truetype');
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Libertine';
+    src: url('/fonts/LinLibertine_R_G.ttf') format('truetype');
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+}
+
+*/
+
+@font-face {
+    font-family: "Biolinum";
+    src: url("../fonts/LinBiolinum_R.woff") format("woff");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  }
+  
+  @font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_R.woff") format("woff");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  }
+  
+  @font-face {
+    font-family: "Biolinum";
+    src: url("../fonts/LinBiolinum_RI.woff") format("woff");
+    font-display: swap;
+    font-weight: normal;
+    font-style: italic;
+  }
+  
+  @font-face {
+    font-family: "Biolinum";
+    src: url("../fonts/LinBiolinum_RB.woff") format("woff");
+    font-display: swap;
+    font-weight: bold;
+    font-style: normal;
+  }
+  
+  @font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_RI.woff") format("woff");
+    font-display: swap;
+    font-weight: normal;
+    font-style: italic;
+  }
+  
+  @font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_RB.woff") format("woff");
+    font-display: swap;
+    font-weight: bold;
+    font-style: normal;
+  }
+  
+  @font-face {
+    font-family: "Playfair";
+    src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  }
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/footer.css b/HaWeb/wwwroot/css/footer.css
new file mode 100644
index 0000000..c375437
--- /dev/null
+++ b/HaWeb/wwwroot/css/footer.css
@@ -0,0 +1,59 @@
+@layer components {
+/* COLORS */
+  .ha-footer .ha-footertext {
+    @apply bg-slate-50 text-hamannSlate-900 dark:bg-slate-700 dark:text-white
+  }
+
+  .ha-footer .ha-themetoggles {
+    @apply bg-slate-200 dark:bg-slate-800 transition-colors duration-300 shadow-inner
+  }
+
+  .ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
+    @apply bg-slate-200 transition-colors duration-300
+  }
+
+  .ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
+      @apply bg-slate-50 transition-colors duration-300
+  }
+
+/* STYLES */
+  .ha-footer {
+    @apply font-serif;
+  }
+
+  .ha-footer .ha-footertext {
+    @apply p-2 px-4 mx-auto max-w-screen-desktop text-right text-sm
+  }
+
+  .ha-footer a {
+    @apply underline decoration-dotted hover:decoration-solid
+  }
+
+  .ha-footer .ha-themetoggles {
+    @apply whitespace-nowrap relative px-0.5 rounded-3xl h-4 w-[34px] 
+  }
+
+  .ha-footer .ha-themetoggles * {
+    @apply float-left
+  }
+
+  .ha-footer .ha-themetoggles input[type="radio"] {
+    @apply hidden
+  }
+
+  .ha-footer .ha-themetoggles label {
+    @apply z-10 block w-[11px] h-[11px] my-[3px] mx-[2px] rounded-3xl cursor-pointer text-center
+  }
+
+  .ha-footer .ha-themetoggles .ha-themetoggleslider {
+    @apply w-[11px] h-[11px] absolute top-[3px] rounded-3xl transition-all duration-100 ease-in-out shadow-md
+  }
+
+  .ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
+      @apply  left-1
+  }
+
+  .ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
+      @apply left-[19px]
+  }
+}
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/header.css b/HaWeb/wwwroot/css/header.css
new file mode 100644
index 0000000..05b9bb1
--- /dev/null
+++ b/HaWeb/wwwroot/css/header.css
@@ -0,0 +1,96 @@
+@layer components {
+/* COLORS */
+  .ha-topnav-dropdown .ha-topnav-dropdown-content {
+    @apply bg-slate-50 shadow-md border-slate-400 border-b
+  }
+
+  .ha-topnav-dropdown .ha-topnav-dropdown-content a:hover {
+    @apply bg-slate-100
+  }
+
+  .ha-topnav a {
+    @apply text-slate-700 hover:text-slate-900 
+  }
+
+  .ha-topnav a.active {
+    @apply desktop:border-b-4 desktop:border-slate-200 dark:border-slate-700 dark:font-bold
+  }
+
+  .ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content {
+    @apply shadow-none desktop:shadow-md desktop:border-b
+  }
+
+  .ha-menusymbol svg {
+    @apply text-black stroke-black
+  }
+
+/* STYLES */
+  .ha-topnav {
+    @apply flex desktop:grow-0 desktop:shrink-0 md:text-lg 2xl:text-xl desktop:place-self-end xl:mb-1;
+  }
+
+  .ha-topnav a {
+    @apply hidden desktop:inline-block mr-6 2xl:mr-7
+  }
+
+  .ha-topnav a:last-child {
+    @apply mr-0;
+  }
+
+  .ha-topnav-dropdown {
+    @apply hidden desktop:relative desktop:inline-block;
+  }
+
+  .ha-topnav-dropdown:hover .ha-topnav-dropdown-content {
+    @apply desktop:block;
+  }
+
+  .ha-topnav-dropdown .ha-topnav-dropdown-content {
+    @apply hidden mr-6 pt-1 right-0 desktop:absolute min-w-[130px] z-50;
+  }
+
+  .ha-topnav-dropdown .ha-topnav-dropdown-content a {
+    @apply pl-2 pr-3 py-2 block mr-0;
+  }
+
+  .ha-topnav-dropdown .ha-topnav-dropdown-content .active {
+    @apply border-none
+  }
+
+  .ha-topnav a.active {
+    @apply underline underline-offset-2 desktop:no-underline
+  }
+
+  .ha-topnav.ha-topnav-collapsed {
+    @apply block w-full h-full mt-4 text-base desktop:flex desktop:w-fit desktop:mt-0 md:text-lg 2xl:text-xl
+  }
+
+  .ha-topnav.ha-topnav-collapsed a {
+    @apply block py-1 w-full text-left clear-both desktop:inline-block desktop:py-0 desktop:w-fit
+  }
+
+  .ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown {
+    @apply block desktop:inline-block
+  }
+
+  .ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown:hover
+    .ha-topnav-dropdown-content {
+    @apply desktop:block
+  }
+
+  .ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content {
+    @apply block shadow-none border-none pt-0 desktop:hidden desktop:pt-2
+  }
+
+  .ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content
+    a {
+    @apply py-1 desktop:py-2
+  }
+}
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/icons.css b/HaWeb/wwwroot/css/icons.css
new file mode 100644
index 0000000..77f03be
--- /dev/null
+++ b/HaWeb/wwwroot/css/icons.css
@@ -0,0 +1,201 @@
+/* Symbols, Icons, Drawings, Tooltips */
+.ha-menu-arrowsymbol::after {
+    display: inline-block;
+    margin-left: 0.2em;
+    vertical-align: 0.2em;
+    content: "";
+    border-top: 0.3em solid;
+    border-right: 0.3em solid transparent;
+    border-bottom: 0;
+    border-left: 0.3em solid transparent;
+  }
+  
+  .ha-menusymbol {
+    border-radius: 4px;
+  }
+  
+  .ha-menusymbol svg {
+    width: 24px;
+    height: 24px;
+    stroke-width: 2;
+    stroke-linecap: round;
+    stroke-linejoin: miter;
+    fill: none;
+  }
+  
+  .ha-tooltip .ha-tooltiptext {
+    white-space: nowrap;
+    visibility: hidden;
+    min-width: 160px;
+    bottom: 155%;
+    left: 50%;
+    margin-left: -80px;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+  
+  .ha-tooltip .ha-tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    /* border-color: rgb(226 232 240 / var(--tw-bg-opacity)) transparent transparent
+      transparent; */
+  }
+  
+  .ha-tooltip:hover .ha-tooltiptext {
+    visibility: visible;
+    opacity: 1;
+  }
+  
+  .ha-open-btn-collapsed-box::before {
+    content: "\200E+";
+    font-weight: 900;
+  }
+  
+  .ha-close-btn-collapsed-box::before {
+    content: "\200E\00D7";
+    font-weight: 900;
+  }
+  
+  .ha-uploadheader .ha-usedfilesheaderlist .ha-plussign {
+    content: "\200E+ ";
+    font-weight: bold;
+    display: inline-block;
+    background-color: lightslategray;
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  
+  /* Tooltip text */
+  .ha-uploadform .ha-uploadmessage {
+    visibility: visible;
+    text-align: center;
+    padding: 5px 0;
+    border-radius: 6px;
+   
+    /* Position the tooltip text - see examples below! */
+    position: absolute;
+    z-index: 1;
+  
+    margin-top: 0.5rem;
+    width: 360px;
+    top: 100%;
+    left: 50%;
+    margin-left: -180px; /* Use half of the width (120/2 = 60), to center the tooltip */
+  
+    opacity: 0;
+    transition: opacity 1s;
+  }
+  
+  .ha-uploadform .ha-uploadmessage::after {
+    content: " ";
+    position: absolute;
+    bottom: 100%;  /* At the top of the tooltip */
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent transparent grey transparent;
+  
+  }
+  
+  
+  .ha-lds-ellipsis {
+    display: none;
+    position: absolute;
+    bottom: 20px;
+  }
+  
+  .ha-lds-ellipsis-load {
+    display: none;
+    position: relative;
+    width: 38px;
+    bottom: 8px;
+  }
+  
+  .ha-lds-ellipsis-publish {
+    display: none;
+    position: absolute;
+    left: -50px;
+    bottom: 16px;
+  }
+  
+  .ha-lds-ellipsis div,
+  .ha-lds-ellipsis-load div,
+  .ha-lds-ellipsis-publish div {
+    position: absolute;
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    background: #000;
+    animation-timing-function: cubic-bezier(0, 1, 1, 0);
+  }
+  
+  .ha-lds-ellipsis div:nth-child(1),
+  .ha-lds-ellipsis-load div:nth-child(1),
+  .ha-lds-ellipsis-publish div:nth-child(1) {
+    left: 6px;
+    animation: ha-lds-ellipsis1 0.6s infinite;
+  }
+  
+  .ha-lds-ellipsis div:nth-child(2),
+  .ha-lds-ellipsis-load div:nth-child(2),
+  .ha-lds-ellipsis-publish div:nth-child(2) {
+    left: 4px;
+    animation: ha-lds-ellipsis2 0.6s infinite;
+  }
+  
+  .ha-lds-ellipsis div:nth-child(3),
+  .ha-lds-ellipsis-load div:nth-child(3),
+  .ha-lds-ellipsis-publish div:nth-child(3) {
+    left: 16px;
+    animation: ha-lds-ellipsis2 0.6s infinite;
+  }
+  
+  .ha-lds-ellipsis div:nth-child(4),
+  .ha-lds-ellipsis-load div:nth-child(4),
+  .ha-lds-ellipsis-publish div:nth-child(4) {
+    left: 30px;
+    animation: ha-lds-ellipsis3 0.6s infinite;
+  }
+  
+  @keyframes ha-lds-ellipsis1 {
+    0% {
+      transform: scale(0);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
+  
+  @keyframes ha-lds-ellipsis3 {
+    0% {
+      transform: scale(1);
+    }
+    100% {
+      transform: scale(0);
+    }
+  }
+  
+  @keyframes ha-lds-ellipsis2 {
+    0% {
+      transform: translate(0, 0);
+    }
+    100% {
+      transform: translate(16px, 0);
+    }
+  }
+  
+  .ha-cross::before,
+  .ha-cross::after {
+    content: "";
+  }
+  
+  .ha-cross::before {
+    -webkit-transform: skewY(-27deg);
+    transform: skewY(-27deg);
+  }
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/letter.css b/HaWeb/wwwroot/css/letter.css
new file mode 100644
index 0000000..3f8137f
--- /dev/null
+++ b/HaWeb/wwwroot/css/letter.css
@@ -0,0 +1,377 @@
+@layer components {
+/* COLORS */
+  .ha-letterhead .ha-metadata .ha-tooltiptext {
+    @apply shadow-sm bg-slate-50 border-hamannSlate-900 text-hamannSlate-900 border dark:border-none dark:shadow dark:bg-slate-800
+  }
+
+  .ha-tooltip .ha-tooltiptext::after {
+    @apply border-t-slate-600 dark:border-t-slate-800 border-l-transparent border-r-transparent border-b-transparent
+  }
+
+  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
+    @apply rounded-lg border shadow-inner border-hamannSlate-900 text-hamannSlate-900 dark:text-white dark:bg-slate-800 dark:shadow-md dark:border-slate-400
+  }
+
+  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill.ha-newpill {
+    @apply dark:text-white dark:bg-slate-800 dark:shadow-md dark:border-slate-400
+  }
+
+  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before {
+    @apply border-b-2 border-hamannSlate-900 dark:border-gray-200
+  }
+
+  .ha-letterheader {
+    @apply bg-slate-50 dark:bg-slate-900 dark:text-slate-50 border-slate-300 dark:border-slate-50 border-b-2 dark:shadow-xl
+  }
+
+  .ha-letterheader .ha-lettertabs a {
+    @apply text-slate-700 hover:text-slate-900 dark:text-white dark:hover:text-gray-200
+  }
+
+  .ha-letterheader .ha-lettertabs a.active {
+    @apply border-b-[3px] border-slate-300 dark:border-slate-50 text-hamannHighlight dark:!text-gray-200 dark:font-bold
+  }
+
+  .ha-letterheader .ha-lettermetalinks {
+    @apply border-b-2 border-slate-300
+  }
+
+  .ha-letterheader .ha-lettermetalinks a {
+    @apply text-slate-700 hover:text-slate-900 dark:text-white dark:hover:text-gray-200
+  }
+
+  .ha-letterbody {
+    @apply bg-slate-50 dark:bg-slate-900 dark:shadow-xl
+  }
+
+  .ha-lettertext {
+    @apply bg-slate-50 dark:bg-slate-900 border-slate-200 sm:border-l-2  sm:dark:border-none
+  }
+
+  .ha-marginals {
+    @apply bg-slate-50 dark:bg-slate-900
+  }
+
+  .ha-additions {
+    @apply hidden bg-slate-50 dark:bg-slate-900
+  }
+
+  .ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
+    @apply bg-slate-100 dark:bg-slate-900
+  }
+
+  .ha-linecount.ha-firstline {
+    @apply rounded-lg sm:border sm:bg-slate-50 sm:shadow-inner sm:border-slate-600 text-slate-800 dark:text-white sm:dark:bg-slate-800 sm:dark:shadow-md sm:dark:border-slate-400
+  }
+
+  .ha-linecount .ha-zhpage,
+  .ha-linecount .ha-zhline {
+    @apply sm:bg-slate-50 sm:dark:bg-slate-900
+  }
+
+  .ha-tradzhtext .ha-marginal::before,
+  .ha-lettertext .ha-marginal:before {
+    @apply bg-hamannSlate-500 dark:bg-slate-500
+  } 
+
+  .ha-tradzhtext .ha-marginalbox,
+  .ha-lettertext .ha-marginalbox {
+    @apply bg-slate-50 dark:bg-slate-900
+  }
+
+  .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist,
+  .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
+    @apply shadow-md dark:shadow-lg pb-1 bg-slate-100 dark:bg-slate-600
+  }
+
+  .ha-tradzhtext .ha-btn-collapsed-box,
+  .ha-lettertext .ha-btn-collapsed-box {
+    @apply text-slate-700 hover:text-slate-900 dark:text-white dark:hover:text-gray-200
+  }
+
+/* STYLES */
+  .ha-letterheader {
+    @apply rounded-t-sm pt-8 md:pt-12 px-6 md:px-16
+  }
+
+  .ha-letterheader .ha-letterheadernav {
+    @apply mt-9 flex grow
+  }
+
+  .ha-letterheader .ha-lettertabs {
+    @apply flex grow
+  }
+
+  .ha-letterheader .ha-lettertabs a {
+    @apply inline-block px-1 mr-1 md:mr-3 cursor-pointer
+  }
+
+  .ha-letterheader .ha-lettertabs .ha-marginalsbtn {
+    @apply md:hidden;
+  }
+
+  .ha-letterheader .ha-lettertabs a.active {
+    @apply pointer-events-none 
+  }
+
+  .ha-letterheader .ha-lettertabs a:first {
+    @apply pl-0
+  }
+
+  .ha-letterheader .ha-lettermetalinks {
+    @apply self-end 
+  }
+
+  .ha-letterheader .ha-lettermetalinks a {
+    @apply self-end caps-petite
+  }
+
+  .ha-letterheader .ha-lettermetalinks .ha-hkb {
+    @apply inline-block caps-allpetite
+  }
+
+  .ha-letterbody {
+    @apply flex flex-row flex-nowrap rounded-b-sm
+  }
+
+  .ha-lettertext {
+    @apply max-w-[38rem] desktop:max-w-[45rem] sm:shrink-0 ml-4 sm:ml-12 px-4 pt-4 pb-8 relative flow-root font-serif leading-[1.48]  numeric-mediaeval
+  }
+
+  .ha-marginals {
+    @apply hidden max-w-3xl ml-4 md:ml-12 px-4 py-4 relative leading-[1.48] numeric-mediaeval
+  }
+
+  .ha-marginals table td {
+    @apply align-text-top
+  }
+
+  .ha-marginals .ha-marginalfromto {
+    @apply whitespace-nowrap text-sm font-semibold pr-4
+  }
+
+  .ha-marginals .ha-marginaltext .ha-bzg {
+    @apply inline
+  }
+
+  .ha-marginals .ha-marginaltext a {
+    @apply underline decoration-dotted hover:decoration-solid
+  }
+
+  .ha-additions .ha-tradition div {
+    @apply inline
+  }
+
+  .ha-additions .ha-tradition {
+    @apply max-w-4xl
+  }
+
+  .ha-additions {
+    @apply ml-4 md:ml-12 px-4 pt-4 pb-4 relative font-serif leading-[1.48] numeric-mediaeval
+  }
+
+  .ha-additions .ha-app {
+    @apply !block font-bold pt-6
+  }
+
+  .ha-additions .ha-app + br {
+    @apply hidden
+  }
+
+  .ha-additions .ha-tradition .ha-app:first-child {
+    @apply pt-0
+  }
+
+  .ha-additions .ha-tradition {
+    @apply hyphenate
+  }
+
+  .ha-additions .ha-tradition .ha-tradzhtext {
+    @apply !flow-root font-serif relative w-fit -ml-4 pl-4 unhyphenate
+  }
+
+  .ha-additions .ha-tradition a {
+    @apply !underline decoration-dotted hover:decoration-solid 
+  }
+
+  .ha-additions .ha-hands {
+    @apply pt-6
+  }
+
+  .ha-additions .ha-hands .ha-handstitle {
+    @apply font-bold
+  }
+
+  .ha-additions .ha-hands .ha-handentries .ha-handfrom,
+  .ha-additions .ha-hands .ha-handentries .ha-handto {
+    @apply inline text-sm font-semibold whitespace-nowrap
+  }
+
+  .ha-additions .ha-hands .ha-handentries .ha-handperson {
+    @apply inline pl-4 whitespace-nowrap
+  }
+
+  .ha-additions .ha-edits .ha-editstitle {
+    @apply font-bold
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editfromto {
+    @apply whitespace-nowrap
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editfrom,
+  .ha-additions .ha-edits .ha-editentries .ha-editto {
+    @apply inline text-sm font-semibold whitespace-nowrap
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editreference {
+    @apply whitespace-nowrap
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editreference div {
+    @apply inline
+  }
+
+  .ha-additions .ha-edits {
+    @apply pt-6 max-w-4xl
+  }
+
+  .ha-additions .ha-edits .ha-editstitle {
+    @apply font-bold
+  }
+
+  .ha-additions .ha-edits .ha-editsinfo {
+    @apply pb-4 hyphenate
+  }
+
+  .ha-additions .ha-edits .ha-editentries tr td {
+    @apply align-text-top
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editreas div {
+    @apply inline font-sans
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editfromto {
+    @apply pr-1 pl-1
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editreference {
+    @apply border-r-2 pl-1 pr-3 text-sm
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editreference br {
+    @apply hidden
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editreas {
+    @apply pl-3 w-full
+  }
+
+  .ha-additions .ha-edits .ha-editentries .ha-editreas .ha-zh * {
+    @apply !font-serif
+  }
+
+  .ha-lettertext div {
+    @apply inline
+  }
+
+  .ha-linecount.ha-firstline {
+    @apply hidden sm:inline-block rounded px-1.5 sm:py-0.5 sm:pb-1 sm:leading-none caps-allpetite normal-nums whitespace-nowrap
+  }
+
+  .ha-linecount {
+    @apply sm:absolute sm:right-full sm:mr-2 sm:text-right text-xs sm:mt-1 font-sans select-none
+  }
+
+  .ha-linecount .ha-zhline {
+    @apply hidden sm:inline
+  }
+
+  .ha-linecount .ha-zhpage {
+    @apply inline-block sm:inline;
+  }
+
+  .ha-linecount .ha-zhpage,
+  .ha-linecount .ha-zhline {
+    @apply px-1 sm:pb-1 caps-allpetite normal-nums
+  }
+
+  .ha-linecount .ha-hiddenlinecount {
+    @apply !hidden
+  }
+
+  .ha-tradzhtext .ha-marginal::before,
+  .ha-lettertext .ha-marginal::before {
+    @apply absolute top-[0.2rem] bottom-[0.1rem] left-0 w-0.5 content-['']
+  } 
+
+  .ha-tradzhtext .ha-marginalbox,
+  .ha-lettertext .ha-marginalbox {
+    @apply hidden select-none hover:select-auto hyphenate pl-2 md:block absolute left-full ml-2 desktop:ml-10 mt-1 w-[16rem] desktop:w-[28rem] text-sm leading-tight rounded-sm font-sans 
+  }
+
+  .ha-tradzhtext .ha-marginalbox .ha-marginallist,
+  .ha-lettertext .ha-marginalbox .ha-marginallist {
+    @apply text-sm leading-tight flex flex-wrap gap-x-6 pr-1
+  }
+
+  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal,
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal {
+    @apply pl-2 inline relative
+  }
+
+  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a,
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a {
+    @apply !underline decoration-dotted hover:decoration-solid 
+  }
+
+  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal,
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal,
+  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal *,
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal * {
+    @apply min-h-0 min-w-0 overflow-ellipsis overflow-hidden
+  }
+
+  .ha-tradzhtext .ha-btn-collapsed-box,
+  .ha-lettertext .ha-btn-collapsed-box {
+    @apply absolute left-full desktop:ml-7 hidden md:block cursor-pointer leading-none mt-0.5
+  }
+
+  .ha-minwidth .ha-tradzhtext,
+  .ha-lettertext.ha-minwidth {
+    @apply min-w-[38rem] desktop:min-w-[55rem]
+  }
+
+  .ha-minwidth .ha-tradzhtext .ha-alignright,
+  .ha-lettertext.ha-minwidth .ha-alignright {
+    @apply float-right mr-[20%]
+  }
+
+  .ha-lettertext.ha-minwidth .ha-aligncenter {
+    @apply absolute left-1/3 whitespace-nowrap -translate-x-1/2
+  }
+}
+
+.ha-lettertext .ha-marginalbox:before {
+    content: "";
+  }
+  
+  .ha-lettertext .ha-marginalbox .ha-marginal::after {
+    content: "";
+  }
+  
+  .ha-lettertext .ha-marginalbox .ha-marginal:last-of-type::after {
+    content: "";
+  }
+
+  
+.ha-tradzhtext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal,
+.ha-lettertext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal {
+    display: -webkit-inline-box;
+    -webkit-box-orient: vertical;
+}
+
+.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(2)::after {
+    content: "";
+}
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/letterhead.css b/HaWeb/wwwroot/css/letterhead.css
new file mode 100644
index 0000000..046c92a
--- /dev/null
+++ b/HaWeb/wwwroot/css/letterhead.css
@@ -0,0 +1,70 @@
+@layer components {
+/* COLORS */
+
+
+/* STYLES */
+  .ha-letterhead {
+    @apply flex flex-row
+  }
+
+  .ha-letterhead .ha-letternumber {
+    @apply flex text-5xl desktop:font-normal desktop:text-6xl mr-4 desktop:mr-6
+  }
+
+  .ha-letterhead .ha-letternumber .ha-letternumberinline {
+    @apply inline align-middle leading-none
+  }
+
+  .ha-letterhead .ha-metadata {
+    @apply flex self-end grow shrink-0
+  }
+
+  .ha-letterhead .ha-metadata .ha-metadatarows {
+    @apply flex 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-tooltip {
+    @apply self-center cursor-default inline-block relative 
+  }
+
+  .ha-letterhead .ha-metadata .ha-tooltiptext {
+    @apply rounded text-sm px-1 py-0.5 absolute z-10 text-center
+  }
+
+  .ha-letterhead .ha-metadata .ha-tooltiptext::after {
+    @apply absolute top-full left-1/2
+  }
+
+  .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
+  }
+
+  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross {
+    @apply relative inline-block
+  }
+
+  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before,
+  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::after {
+    @apply w-full h-0 absolute right-0 top-1/2
+  }
+
+  .ha-letterhead .ha-metadata .ha-metadatarows .hametadatapersons {
+    @apply flex leading-snug
+  }
+}
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/output.css b/HaWeb/wwwroot/css/output.css
index 581252b..8339ff7 100644
--- a/HaWeb/wwwroot/css/output.css
+++ b/HaWeb/wwwroot/css/output.css
@@ -1 +1,4012 @@
-/*! tailwindcss v3.0.24 | 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-family:Biolinum,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%;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:-ms-input-placeholder,textarea:-ms-input-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-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: }*{transition-duration:.1s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark body{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));background-image:none;color:rgb(255 255 255/var(--tw-text-opacity))}.ha-topnav-dropdown .ha-topnav-dropdown-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(248 250 252/var(--tw-bg-opacity));border-bottom-width:1px;border-color:rgb(148 163 184/var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-topnav-dropdown .ha-topnav-dropdown-content a:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.ha-topnav a{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.ha-topnav a:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.dark .ha-topnav a.active{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity));font-weight:700}@media (min-width:1190px){.ha-topnav a.active{--tw-border-opacity:1;border-bottom-width:4px;border-color:rgb(226 232 240/var(--tw-border-opacity))}.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown .ha-topnav-dropdown-content{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-bottom-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.ha-menusymbol svg{stroke:#000;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.ha-footer .ha-footertext{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));color:rgb(0 0 0/var(--tw-text-opacity))}.dark .ha-footer .ha-footertext{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.ha-footer .ha-themetoggles{--tw-bg-opacity:1;--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);background-color:rgb(226 232 240/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.3s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dark .ha-footer .ha-themetoggles{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.ha-footer .ha-themetoggles #ha-toggledark:checked~.ha-themetoggleslider{background-color:rgb(226 232 240/var(--tw-bg-opacity))}.ha-footer .ha-themetoggles #ha-togglebright:checked~.ha-themetoggleslider,.ha-footer .ha-themetoggles #ha-toggledark:checked~.ha-themetoggleslider{--tw-bg-opacity:1;transition-duration:.3s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ha-footer .ha-themetoggles #ha-togglebright:checked~.ha-themetoggleslider,.ha-static{background-color:rgb(248 250 252/var(--tw-bg-opacity))}.dark .ha-static,.ha-static{--tw-bg-opacity:1}.dark .ha-static{background-color:rgb(17 24 39/var(--tw-bg-opacity))}.ha-static h3{--tw-text-opacity:1;color:rgb(216 0 0/var(--tw-text-opacity))}.dark .ha-static h3{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-weight:700}.ha-static table th{--tw-text-opacity:1;color:rgb(216 0 0/var(--tw-text-opacity))}.dark .ha-static table th{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-weight:700}.ha-static table tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.dark .ha-static table tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.ha-register .ha-register-body,.ha-register .ha-register-head{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.dark .ha-register .ha-register-body,.dark .ha-register .ha-register-head{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(15 23 42/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(248 250 252/var(--tw-text-opacity))}.ha-register .ha-register-head{--tw-border-opacity:1;border-bottom-width:2px;border-color:rgb(226 232 240/var(--tw-border-opacity))}.ha-register .ha-register-head .ha-register-add a{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));border-radius:.25rem;border-width:1px}.ha-register .ha-register-head .ha-register-add a:hover{--tw-border-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-color:rgb(216 0 0/var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.ha-register .ha-register-head .ha-register-nav a{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.ha-register .ha-register-head .ha-register-nav a:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.dark .ha-register .ha-register-head .ha-register-nav a{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .ha-register .ha-register-head .ha-register-nav a:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.ha-register .ha-register-head .ha-register-nav a.active{--tw-border-opacity:1;border-bottom-width:2px;border-color:rgb(226 232 240/var(--tw-border-opacity))}.dark .ha-register .ha-register-head .ha-register-nav a.active{--tw-text-opacity:1!important;color:rgb(229 231 235/var(--tw-text-opacity))!important;font-weight:700}.dark .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks,.dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));color:rgb(248 250 252/var(--tw-text-opacity))}@media (min-width:1190px){.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks,.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}}.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks:before,.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks:before{--tw-bg-opacity:1;background-color:rgb(43 97 158/var(--tw-bg-opacity))}.dark .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks:before,.dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks:before{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-register .ha-btn-collapsed-box{margin-top:.125rem}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a{-webkit-text-decoration-line:none;text-decoration-line:none}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover{color:rgb(23 53 87/var(--tw-text-opacity));-webkit-text-decoration-line:underline;text-decoration-line:underline}.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.ha-letterhead .ha-metadata .ha-tooltiptext{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(248 250 252/var(--tw-bg-opacity));border-color:rgb(23 53 87/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(23 53 87/var(--tw-text-opacity))}.dark .ha-letterhead .ha-metadata .ha-tooltiptext{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(30 41 59/var(--tw-bg-opacity));border-style:none;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-tooltip .ha-tooltiptext:after{--tw-border-opacity:1;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-top-color:rgb(71 85 105/var(--tw-border-opacity))}.dark .ha-tooltip .ha-tooltiptext:after{--tw-border-opacity:1;border-top-color:rgb(30 41 59/var(--tw-border-opacity))}.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill{--tw-border-opacity:1;--tw-text-opacity:1;--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);border-color:rgb(23 53 87/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(23 53 87/var(--tw-text-opacity))}.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill,.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill.ha-newpill{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(30 41 59/var(--tw-bg-opacity));border-color:rgb(148 163 184/var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity))}.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross:before{--tw-border-opacity:1;border-bottom-width:2px;border-color:rgb(23 53 87/var(--tw-border-opacity))}.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross:before{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.ha-letterheader{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));border-bottom-width:2px;border-color:rgb(203 213 225/var(--tw-border-opacity))}.dark .ha-letterheader{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(15 23 42/var(--tw-bg-opacity));border-color:rgb(248 250 252/var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(248 250 252/var(--tw-text-opacity))}.ha-letterheader .ha-lettertabs a{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.ha-letterheader .ha-lettertabs a:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.dark .ha-letterheader .ha-lettertabs a{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .ha-letterheader .ha-lettertabs a:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.ha-letterheader .ha-lettertabs a.active{--tw-border-opacity:1;--tw-text-opacity:1;border-bottom-width:3px;border-color:rgb(203 213 225/var(--tw-border-opacity));color:rgb(216 0 0/var(--tw-text-opacity))}.dark .ha-letterheader .ha-lettertabs a.active{--tw-border-opacity:1;--tw-text-opacity:1!important;border-color:rgb(248 250 252/var(--tw-border-opacity));color:rgb(229 231 235/var(--tw-text-opacity))!important;font-weight:700}.ha-letterheader .ha-lettermetalinks{--tw-border-opacity:1;border-bottom-width:2px;border-color:rgb(203 213 225/var(--tw-border-opacity))}.ha-letterheader .ha-lettermetalinks a{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.ha-letterheader .ha-lettermetalinks a:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.dark .ha-letterheader .ha-lettermetalinks a{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .ha-letterheader .ha-lettermetalinks a:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.ha-letterbody{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.dark .ha-letterbody{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(15 23 42/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-lettertext{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.dark .ha-lettertext{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}@media (min-width:700px){.ha-lettertext{border-left-width:2px}.dark .ha-lettertext{border-style:none}}.ha-marginals{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.dark .ha-marginals{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.ha-additions{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));display:none}.dark .ha-additions{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.ha-additions .ha-edits .ha-editentries table tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.dark .ha-additions .ha-edits .ha-editentries table tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.ha-linecount.ha-firstline{--tw-text-opacity:1;border-radius:.5rem;color:rgb(30 41 59/var(--tw-text-opacity))}.dark .ha-linecount.ha-firstline{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:700px){.ha-linecount.ha-firstline{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);background-color:rgb(248 250 252/var(--tw-bg-opacity));border-color:rgb(71 85 105/var(--tw-border-opacity));border-width:1px}.dark .ha-linecount.ha-firstline,.ha-linecount.ha-firstline{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .ha-linecount.ha-firstline{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(30 41 59/var(--tw-bg-opacity));border-color:rgb(148 163 184/var(--tw-border-opacity))}.ha-linecount .ha-zhline,.ha-linecount .ha-zhpage{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.dark .ha-linecount .ha-zhline,.dark .ha-linecount .ha-zhpage{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}}.ha-lettertext .ha-marginal:before,.ha-tradzhtext .ha-marginal:before{--tw-bg-opacity:1;background-color:rgb(43 97 158/var(--tw-bg-opacity))}.dark .ha-lettertext .ha-marginal:before,.dark .ha-tradzhtext .ha-marginal:before{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.ha-lettertext .ha-marginalbox,.ha-tradzhtext .ha-marginalbox{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.dark .ha-lettertext .ha-marginalbox,.dark .ha-tradzhtext .ha-marginalbox{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist,.ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist{--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(241 245 249/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:.25rem}.dark .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist,.dark .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist{--tw-bg-opacity:1;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);background-color:rgb(71 85 105/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-lettertext .ha-btn-collapsed-box,.ha-tradzhtext .ha-btn-collapsed-box{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.ha-lettertext .ha-btn-collapsed-box:hover,.ha-tradzhtext .ha-btn-collapsed-box:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.dark .ha-lettertext .ha-btn-collapsed-box,.dark .ha-tradzhtext .ha-btn-collapsed-box{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .ha-lettertext .ha-btn-collapsed-box:hover,.dark .ha-tradzhtext .ha-btn-collapsed-box:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.ha-added,.ha-added :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.dark .ha-added,.dark .ha-added :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.ha-note,.ha-note :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.dark .ha-note,.dark .ha-note :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.ha-ful,.ha-ful :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.dark .ha-ful,.dark .ha-ful :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.ha-tul,.ha-tul :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.dark .ha-tul,.dark .ha-tul :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.ha-diagdel:before{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.dark .ha-diagdel:before{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.active{color:rgb(216 0 0/var(--tw-text-opacity))!important}.active,.dark .active{--tw-text-opacity:1!important}.dark .active{color:rgb(0 0 0/var(--tw-text-opacity))!important}.active:hover{--tw-text-opacity:1!important;color:rgb(216 0 0/var(--tw-text-opacity))!important}.dark .active:hover{--tw-text-opacity:1!important;color:rgb(31 41 55/var(--tw-text-opacity))!important}body{font-size:1rem;height:100%;line-height:1.5rem;width:100%}@media (min-width:1190px){body{font-size:1.125rem;line-height:1.75rem}}.ha-topnav{display:flex}@media (min-width:960px){.ha-topnav{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1190px){.ha-topnav{flex-grow:0;flex-shrink:0;place-self:end}}@media (min-width:1440px){.ha-topnav{margin-bottom:.25rem}}@media (min-width:1680px){.ha-topnav{font-size:1.25rem;line-height:1.75rem}}.ha-topnav a{display:none;margin-right:1.5rem}@media (min-width:1190px){.ha-topnav a{display:inline-block}}@media (min-width:1680px){.ha-topnav a{margin-right:1.75rem}}.ha-topnav a:last-child{margin-right:0}.ha-topnav-dropdown{display:none}@media (min-width:1190px){.ha-topnav-dropdown{display:inline-block;position:relative}.ha-topnav-dropdown:hover .ha-topnav-dropdown-content{display:block}}.ha-topnav-dropdown .ha-topnav-dropdown-content{display:none;margin-right:1.5rem;min-width:130px;padding-top:.25rem;right:0;z-index:50}@media (min-width:1190px){.ha-topnav-dropdown .ha-topnav-dropdown-content{position:absolute}}.ha-topnav-dropdown .ha-topnav-dropdown-content a{display:block;margin-right:0;padding:.5rem .75rem .5rem .5rem}.ha-topnav-dropdown .ha-topnav-dropdown-content .active{border-style:none}.ha-scrollbutton{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(248 250 252/var(--tw-bg-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;bottom:0;color:rgb(30 69 112/var(--tw-text-opacity));cursor:pointer;left:85%;opacity:0;padding:.5rem .5rem .75rem;position:fixed;text-align:center;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ha-scrollbutton,.ha-scrollbutton:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-scrollbutton:hover{--tw-text-opacity:1;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);color:rgb(43 97 158/var(--tw-text-opacity))}.dark .ha-scrollbutton{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.ha-scrollbuttonarrow{height:2rem;width:2rem}.ha-footer{font-family:Libertine,serif}.ha-footer .ha-footertext{font-size:.875rem;line-height:1.25rem;margin-left:auto;margin-right:auto;max-width:1190px;padding:.5rem 1rem;text-align:right}.ha-footer a{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.ha-footer a:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid}.ha-footer .ha-themetoggles{border-radius:1.5rem;height:1rem;padding-left:.125rem;padding-right:.125rem;position:relative;white-space:nowrap;width:34px}.ha-footer .ha-themetoggles *{float:left}.ha-footer .ha-themetoggles input[type=radio]{display:none}.ha-footer .ha-themetoggles label{border-radius:1.5rem;cursor:pointer;display:block;height:11px;margin:3px 2px;text-align:center;width:11px;z-index:10}.ha-footer .ha-themetoggles .ha-themetoggleslider{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-radius:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:11px;position:absolute;top:3px;transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:11px}.ha-footer .ha-themetoggles #ha-toggledark:checked~.ha-themetoggleslider{left:.25rem}.ha-footer .ha-themetoggles #ha-togglebright:checked~.ha-themetoggleslider{left:19px}.ha-static{font-family:Libertine,serif;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:3rem;width:100%}@media (min-width:960px){.ha-static{padding-left:4rem;padding-right:4rem}}.ha-static h1{font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:1.5rem}@media (min-width:1190px){.ha-static h1{font-size:2.25rem;font-weight:400;line-height:2.5rem}}.ha-static h2{font-size:1.125rem;line-height:1.75rem;margin-bottom:.75rem;margin-top:1rem}@media (min-width:1190px){.ha-static h2{font-size:1.5rem;line-height:2rem}}.ha-static h3{margin-bottom:.5rem;margin-top:1rem}.ha-static table{margin-bottom:.75rem;margin-top:.75rem;width:100%}.ha-static table th{font-weight:400;padding-left:.5rem;padding-right:.5rem;text-align:left}@media (min-width:1190px){.ha-static table th{padding-right:1rem}}.ha-static table tr td{padding-left:.5rem;padding-right:.5rem;vertical-align:top}@media (min-width:1190px){.ha-static table tr td{padding-right:1rem;white-space:nowrap}.ha-static table tr td:last-child{white-space:normal}}.ha-static p{margin-bottom:1rem;margin-top:1rem}.ha-static a{-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.ha-static a,.ha-static a:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.ha-static a:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid}.ha-static .ha-footnote{font-size:.875rem;line-height:1.25rem;position:relative}@media (min-width:1190px){.ha-static .ha-footnote{font-size:1rem;line-height:1.5rem}}.ha-static .ha-footnote .ha-footnote-ref{display:inline-block;left:-2.5rem;position:absolute;text-align:right;width:2rem}.ha-register{font-family:Libertine,serif;font-variant-numeric:oldstyle-nums;width:100%}.ha-register .ha-register-body,.ha-register .ha-register-head{padding-left:2.25rem;padding-right:2.25rem;padding-top:2.25rem}@media (min-width:960px){.ha-register .ha-register-body,.ha-register .ha-register-head{padding-left:4rem;padding-right:4rem;padding-top:3rem}}.ha-register .ha-register-head{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.ha-register .ha-register-head h1{font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:1.5rem}@media (min-width:1190px){.ha-register .ha-register-head h1{font-size:2.25rem;font-weight:400;line-height:2.5rem}}.ha-register .ha-register-head .ha-register-add a{display:flex;flex-direction:row;font-family:Biolinum,sans-serif;font-size:.875rem;line-height:1.25rem;margin-bottom:1.5rem;margin-top:-1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton{font-size:1.25rem;font-weight:700;line-height:1.75rem;line-height:1;padding-bottom:.125rem;padding-left:.5rem;padding-right:.5rem}.ha-register .ha-register-head .ha-register-add a .ha-register-add-text{line-height:1;padding-left:.25rem;padding-right:.5rem;padding-top:.25rem}.ha-register .ha-register-head .ha-register-nav{font-family:Biolinum,sans-serif}.ha-register .ha-register-head .ha-register-nav a{display:inline-block;margin-right:.25rem;padding-left:.25rem;padding-right:.25rem}@media (min-width:960px){.ha-register .ha-register-head .ha-register-nav a{margin-right:.75rem}}.ha-register .ha-register-head .ha-register-nav a:first{padding-left:0}.ha-register .ha-register-head .ha-register-nav .ha-register-left-nav,.ha-register .ha-register-head .ha-register-nav .ha-register-right-nav{display:inline-block}.ha-register .ha-register-body{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem;padding-bottom:2.25rem}@media (min-width:960px){.ha-register .ha-register-body{padding-bottom:3rem;padding-right:24rem}}.ha-register .ha-register-body .ha-comment{display:block;margin-bottom:2.25rem}@media (min-width:960px){.ha-register .ha-register-body .ha-comment{margin-bottom:3rem}}.ha-register .ha-register-body .ha-comment a{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.ha-register .ha-register-body .ha-comment a:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid}.ha-register .ha-register-body .ha-comment .ha-headcomment{display:block}@media (min-width:1190px){.ha-register .ha-register-body .ha-comment .ha-headcomment{position:relative}}.ha-register .ha-register-body .ha-comment .ha-subcomment{display:block;margin-left:2rem;margin-top:.5rem}@media (min-width:1190px){.ha-register .ha-register-body .ha-comment .ha-subcomment{position:relative}}.ha-register .ha-register-body .ha-comment .ha-commenthead{display:block}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-lemma{display:inline;font-weight:700}.ha-register .ha-forschung .ha-register-body .ha-comment .ha-commenthead .ha-lemma{display:inline;font-weight:400}.ha-register .ha-forschung .ha-register-body .ha-comment{margin-bottom:1rem;padding-left:1rem;text-indent:-1rem}@media (min-width:960px){.ha-register .ha-forschung .ha-register-body .ha-comment{margin-bottom:1.5rem}}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks{display:inline-block;font-family:Biolinum,sans-serif;font-size:.75rem;font-variant-caps:all-petite-caps;font-weight:400;line-height:1rem;line-height:1.375;margin-left:.5rem;margin-top:.25rem}@media (min-width:960px){.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks{font-size:.875rem;line-height:1.25rem}}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks:before{--tw-content:"";bottom:.1rem;content:var(--tw-content);left:0;margin-top:.25rem;position:absolute;top:.1rem;width:.125rem}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb{display:inline}@media (min-width:1190px){.ha-register .ha-forschung .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks,.ha-register .ha-neuzeit .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks{left:48rem}.ha-register .ha-forschung .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks,.ha-register .ha-neuzeit .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks{left:46rem}}.ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma a{padding-left:.5rem}.ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma svg{display:inline}.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks,.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks{padding-left:.5rem}@media (min-width:1190px){.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks,.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks{display:block;position:absolute;text-indent:0;top:0;width:20rem}}.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.ha-letterhead{display:flex;flex-direction:row}.ha-letterhead .ha-letternumber{display:flex;font-size:3rem;line-height:1;margin-right:1rem}@media (min-width:1190px){.ha-letterhead .ha-letternumber{font-size:3.75rem;font-weight:400;line-height:1;margin-right:1.5rem}}.ha-letterhead .ha-letternumber .ha-letternumberinline{display:inline;line-height:1;vertical-align:middle}.ha-letterhead .ha-metadata{align-self:flex-end;display:flex;flex-grow:1;flex-shrink:0}.ha-letterhead .ha-metadata .ha-metadatarows{display:flex;flex-direction:column}.ha-letterhead .ha-metadata .ha-metadataupperrow{display:flex;flex-direction:row;line-height:1.375}.ha-letterhead .ha-metadata .ha-metadatarows .ha-metadataupperrow .ha-metadatadate{display:flex;font-variant-caps:petite-caps;font-variant-numeric:oldstyle-nums}.ha-letterhead .ha-metadata .ha-tooltip{align-self:center;cursor:default;display:inline-block;position:relative}.ha-letterhead .ha-metadata .ha-tooltiptext{border-radius:.25rem;font-size:.875rem;line-height:1.25rem;padding:.125rem .25rem;position:absolute;text-align:center;z-index:10}.ha-letterhead .ha-metadata .ha-tooltiptext:after{left:50%;position:absolute;top:100%}.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill{border-radius:.25rem;font-size:.875rem;font-variant-caps:all-petite-caps;letter-spacing:.025em;line-height:1.25rem;line-height:1;margin-left:.5rem;padding:.125rem .375rem}.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross{display:inline-block;position:relative}.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross:after,.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross:before{height:0;position:absolute;right:0;top:50%;width:100%}.ha-letterhead .ha-metadata .ha-metadatarows .hametadatapersons{display:flex;line-height:1.375}.ha-adminuploadfields{-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:1rem}.ha-adminuploadfields .ha-uploadfield{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(248 250 252/var(--tw-bg-opacity));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block;flex-basis:16rem;flex-grow:1;flex-shrink:0;max-width:20rem}.ha-adminuploadfields .ha-uploadfield:hover{--tw-brightness:brightness(1.1)}.ha-adminuploadfields .ha-uploadfield.active,.ha-adminuploadfields .ha-uploadfield:hover{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)}.ha-adminuploadfields .ha-uploadfield.active{--tw-text-opacity:1!important;--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);--tw-brightness:brightness(1.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(0 0 0/var(--tw-text-opacity))!important}.ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname{padding:.5rem .75rem .25rem}.ha-adminuploadfields .ha-uploadusedfiles{--tw-border-opacity:1;--tw-bg-opacity:0.3;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-color:rgb(203 213 225/var(--tw-border-opacity));border-top-width:1px;font-size:.875rem;line-height:1.25rem;overflow:hidden;padding:.125rem .5rem;text-overflow:ellipsis;white-space:nowrap;width:auto}.ha-adminuploadfields .ha-uploadusedfiles.ha-uploadusedfilesnotfound{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity));border-color:rgb(100 116 139/var(--tw-border-opacity))}.ha-adminuploadfields .ha-uploadpublishforms{-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;flex-grow:1}.ha-adminuploadfields .ha-uploadform{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(248 250 252/var(--tw-bg-opacity));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex-grow:1;position:relative}.ha-adminuploadfields .ha-uploadform .ha-uploadtext{text-align:center}.ha-adminuploadfields .ha-uploadform .ha-lds-ellipsis{left:50%;margin-left:-20px}.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel{cursor:pointer;display:inline-block;height:100%;padding:.5rem 1rem .25rem;width:100%}.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.ha-adminuploadfields .ha-uploadform .ha-uploadmessage{--tw-bg-opacity:0.3;background-color:rgb(51 65 85/var(--tw-bg-opacity));border-radius:.125rem;font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem}.ha-adminuploadfields .ha-publishbutton{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(248 250 252/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;display:inline-block;flex-shrink:1;height:100%;padding:.5rem .5rem .25rem;width:100%}.ha-adminuploadfields .ha-publishbutton:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.ha-adminuploadfields .ha-publishbutton .ha-publishtext{text-align:center}.ha-adminuploadfields .ha-publishbutton .ha-publishmessage{--tw-bg-opacity:0.3;background-color:rgb(51 65 85/var(--tw-bg-opacity));border-radius:.125rem;font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem}.ha-uploadheader{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));display:flex;flex-direction:row;margin-top:1rem;padding:3rem 4rem 2rem;width:100%}.ha-uploadheader h1{font-size:3rem;line-height:1}.ha-uploadcontainer{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));display:flex;flex-direction:column;height:100%;row-gap:.5rem;width:100%}.ha-uploadcontainer .ha-publishfilelist{margin-bottom:2rem;padding-left:4rem;padding-right:4rem}.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle{font-size:1.25rem;line-height:1.75rem;margin-bottom:.5rem}.ha-uploadcontainer .ha-publishfilelist td{padding-right:1.5rem;vertical-align:text-top}.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity));border-radius:.375rem;border-width:2px;cursor:pointer;float:right;margin-left:1.5rem;margin-top:1rem;padding-left:.75rem;padding-right:.75rem;position:relative}.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:hover{--tw-border-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-color:rgb(30 64 175/var(--tw-border-opacity));border-width:2px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:active{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 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)}.ha-uploadcontainer .ha-availablefiles{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));border-width:1px;cursor:pointer;padding:.5rem 4rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ha-uploadcontainer .ha-availablefiles:hover{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity))}.ha-uploadcontainer .ha-availablefiles .ha-availablefilestitle{font-size:1.5rem;line-height:2rem}.ha-filesheader{margin-bottom:2rem}.ha-availablefileslist{padding-left:4rem;padding-right:4rem;padding-top:1rem}.ha-uploadcontainer .ha-errorswarnings{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-direction:row}.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors,.ha-uploadcontainer .ha-errorswarnings .ha-warnings{flex-basis:50%;flex-grow:1;flex-shrink:1;min-height:400px;min-width:40%;overflow-x:hidden;overflow-y:scroll}.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.ha-uploadcontainer .ha-errorswarnings .ha-warnings{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.ha-uploadcontainer .ha-crossfilechecking{--tw-bg-opacity:1;background-color:rgb(165 243 252/var(--tw-bg-opacity));flex-grow:1;flex-shrink:0;height:100%;min-height:400px;width:100%}.ha-uploadcontainer .ha-hamannfilechooser{padding-bottom:4rem;padding-left:4rem;padding-right:4rem}.ha-filelistfieldset .ha-filelistlegend{font-size:1.25rem;line-height:1.75rem;margin-bottom:.5rem}.ha-selectfilesform .ha-filelistfile{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;padding-left:.25rem;padding-right:.25rem}.ha-selectfilesform .ha-filelistfile:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.ha-selectfilesform .ha-filelistlist{height:24rem;overflow-x:hidden;overflow-y:scroll;padding-right:1rem}.ha-selectfilesform .ha-filelistfile .ha-filelistname{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,mono}.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction{font-size:.875rem;line-height:1.25rem}.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistproduction{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(13 148 136/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;color:rgb(13 148 136/var(--tw-text-opacity));display:inline-block;margin-right:.5rem;padding-left:.5rem;padding-right:.5rem}.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistused{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;color:rgb(79 70 229/var(--tw-text-opacity));display:inline-block;padding-left:.5rem;padding-right:.5rem}.ha-selectfilesform .ha-filelistfile .ha-filelistmodified{flex-grow:1;text-align:right}.ha-selectfilesform .ha-filelistoutput{margin-left:1.5rem;margin-top:1rem}.ha-selectfilesform .ha-filelistbutton{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity));border-radius:.375rem;border-width:2px;cursor:pointer;float:right;margin-left:1.5rem;margin-top:1rem;padding-left:.75rem;padding-right:.75rem}.ha-selectfilesform .ha-filelistbutton:hover{--tw-border-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-color:rgb(30 64 175/var(--tw-border-opacity));border-width:2px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ha-selectfilesform .ha-filelistbutton:active{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 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)}.ha-letterheader{border-top-left-radius:.125rem;border-top-right-radius:.125rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem}@media (min-width:960px){.ha-letterheader{padding-left:4rem;padding-right:4rem;padding-top:3rem}}.ha-letterheader .ha-letterheadernav{display:flex;flex-grow:1;margin-top:2.25rem}.ha-letterheader .ha-lettertabs{display:flex;flex-grow:1}.ha-letterheader .ha-lettertabs a{cursor:pointer;display:inline-block;margin-right:.25rem;padding-left:.25rem;padding-right:.25rem}@media (min-width:960px){.ha-letterheader .ha-lettertabs a{margin-right:.75rem}.ha-letterheader .ha-lettertabs .ha-marginalsbtn{display:none}}.ha-letterheader .ha-lettertabs a.active{pointer-events:none}.ha-letterheader .ha-lettertabs a:first{padding-left:0}.ha-letterheader .ha-lettermetalinks{align-self:flex-end}.ha-letterheader .ha-lettermetalinks a{align-self:flex-end;font-variant-caps:petite-caps}.ha-letterheader .ha-lettermetalinks .ha-hkb{display:inline-block;font-variant-caps:all-petite-caps}.ha-letterbody{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem;display:flex;flex-direction:row;flex-wrap:nowrap}.ha-lettertext{display:flow-root;font-family:Libertine,serif;font-variant-numeric:oldstyle-nums;line-height:1.48;margin-left:1rem;max-width:38rem;padding:1rem 1rem 2rem;position:relative}@media (min-width:700px){.ha-lettertext{flex-shrink:0;margin-left:3rem}}@media (min-width:1190px){.ha-lettertext{max-width:45rem}}.ha-marginals{display:none;font-variant-numeric:oldstyle-nums;line-height:1.48;margin-left:1rem;max-width:48rem;padding:1rem;position:relative}@media (min-width:960px){.ha-marginals{margin-left:3rem}}.ha-marginals table td{vertical-align:text-top}.ha-marginals .ha-marginalfromto{font-size:.875rem;font-weight:600;line-height:1.25rem;padding-right:1rem;white-space:nowrap}.ha-marginals .ha-marginaltext .ha-bzg{display:inline}.ha-marginals .ha-marginaltext a{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.ha-marginals .ha-marginaltext a:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid}.ha-additions .ha-tradition div{display:inline}.ha-additions .ha-tradition{max-width:56rem}.ha-additions{font-family:Libertine,serif;font-variant-numeric:oldstyle-nums;line-height:1.48;margin-left:1rem;padding:1rem;position:relative}@media (min-width:960px){.ha-additions{margin-left:3rem}}.ha-additions .ha-app{display:block!important;font-weight:700;padding-top:1.5rem}.ha-additions .ha-app+br{display:none}.ha-additions .ha-tradition .ha-app:first-child{padding-top:0}.ha-additions .ha-tradition{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.ha-additions .ha-tradition .ha-tradzhtext{display:flow-root!important;font-family:Libertine,serif;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;margin-left:-1rem;padding-left:1rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ha-additions .ha-tradition a{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.ha-additions .ha-tradition a:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid}.ha-additions .ha-hands{padding-top:1.5rem}.ha-additions .ha-hands .ha-handstitle{font-weight:700}.ha-additions .ha-hands .ha-handentries .ha-handfrom,.ha-additions .ha-hands .ha-handentries .ha-handto{display:inline;font-size:.875rem;font-weight:600;line-height:1.25rem;white-space:nowrap}.ha-additions .ha-hands .ha-handentries .ha-handperson{display:inline;padding-left:1rem;white-space:nowrap}.ha-additions .ha-edits .ha-editentries .ha-editfromto{white-space:nowrap}.ha-additions .ha-edits .ha-editentries .ha-editfrom,.ha-additions .ha-edits .ha-editentries .ha-editto{display:inline;font-size:.875rem;font-weight:600;line-height:1.25rem;white-space:nowrap}.ha-additions .ha-edits .ha-editentries .ha-editreference{white-space:nowrap}.ha-additions .ha-edits .ha-editentries .ha-editreference div{display:inline}.ha-additions .ha-edits{max-width:56rem;padding-top:1.5rem}.ha-additions .ha-edits .ha-editstitle{font-weight:700}.ha-additions .ha-edits .ha-editsinfo{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding-bottom:1rem}.ha-additions .ha-edits .ha-editentries tr td{vertical-align:text-top}.ha-additions .ha-edits .ha-editentries .ha-editreas div{display:inline;font-family:Biolinum,sans-serif}.ha-additions .ha-edits .ha-editentries .ha-editfromto{padding-left:.25rem;padding-right:.25rem}.ha-additions .ha-edits .ha-editentries .ha-editreference{border-right-width:2px;font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.75rem}.ha-additions .ha-edits .ha-editentries .ha-editreference br{display:none}.ha-additions .ha-edits .ha-editentries .ha-editreas{padding-left:.75rem;width:100%}.ha-additions .ha-edits .ha-editentries .ha-editreas .ha-zh *{font-family:Libertine,serif!important}.hide{display:none}.ha-lettertext div{display:inline}.ha-linecount.ha-firstline{border-radius:.25rem;display:none;font-variant-caps:all-petite-caps;font-variant-numeric:normal;padding-left:.375rem;padding-right:.375rem;white-space:nowrap}@media (min-width:700px){.ha-linecount.ha-firstline{display:inline-block;line-height:1;padding-bottom:.25rem;padding-top:.125rem}}.ha-linecount{font-family:Biolinum,sans-serif;font-size:.75rem;line-height:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:700px){.ha-linecount{margin-right:.5rem;margin-top:.25rem;position:absolute;right:100%;text-align:right}}.ha-linecount .ha-zhline{display:none}@media (min-width:700px){.ha-linecount .ha-zhline{display:inline}}.ha-linecount .ha-zhpage{display:inline-block}@media (min-width:700px){.ha-linecount .ha-zhpage{display:inline}}.ha-linecount .ha-zhline,.ha-linecount .ha-zhpage{font-variant-caps:all-petite-caps;font-variant-numeric:normal;padding-left:.25rem;padding-right:.25rem}@media (min-width:700px){.ha-linecount .ha-zhline,.ha-linecount .ha-zhpage{padding-bottom:.25rem}}.ha-linecount .ha-hiddenlinecount{display:none!important}.ha-lettertext .ha-marginal:before,.ha-tradzhtext .ha-marginal:before{--tw-content:"";bottom:.1rem;content:var(--tw-content);left:0;position:absolute;top:.2rem;width:.125rem}.ha-lettertext .ha-marginalbox,.ha-tradzhtext .ha-marginalbox{border-radius:.125rem;display:none;font-family:Biolinum,sans-serif;font-size:.875rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;left:100%;line-height:1.25rem;line-height:1.25;margin-left:.5rem;margin-top:.25rem;padding-left:.5rem;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:16rem}.ha-lettertext .ha-marginalbox:hover,.ha-tradzhtext .ha-marginalbox:hover{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}@media (min-width:960px){.ha-lettertext .ha-marginalbox,.ha-tradzhtext .ha-marginalbox{display:block}}@media (min-width:1190px){.ha-lettertext .ha-marginalbox,.ha-tradzhtext .ha-marginalbox{margin-left:2.5rem;width:28rem}}.ha-lettertext .ha-marginalbox .ha-marginallist,.ha-tradzhtext .ha-marginalbox .ha-marginallist{-moz-column-gap:1.5rem;column-gap:1.5rem;display:flex;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;line-height:1.25;padding-right:.25rem}.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal,.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal{display:inline;padding-left:.5rem;position:relative}.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a,.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a:hover,.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid}.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal,.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal *,.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal,.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal *{min-height:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.ha-lettertext .ha-btn-collapsed-box,.ha-tradzhtext .ha-btn-collapsed-box{cursor:pointer;display:none;left:100%;line-height:1;margin-top:.125rem;position:absolute}@media (min-width:960px){.ha-lettertext .ha-btn-collapsed-box,.ha-tradzhtext .ha-btn-collapsed-box{display:block}}@media (min-width:1190px){.ha-lettertext .ha-btn-collapsed-box,.ha-tradzhtext .ha-btn-collapsed-box{margin-left:1.75rem}}.ha-lettertext.ha-minwidth,.ha-minwidth .ha-tradzhtext{min-width:38rem}@media (min-width:1190px){.ha-lettertext.ha-minwidth,.ha-minwidth .ha-tradzhtext{min-width:55rem}}.ha-lettertext.ha-minwidth .ha-alignright,.ha-minwidth .ha-tradzhtext .ha-alignright{float:right;margin-right:20%}.ha-lettertext.ha-minwidth .ha-aligncenter{--tw-translate-x:-50%;left:33.333333%;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:nowrap}.ha-zhbreak{display:none}@media (min-width:700px){.ha-zhbreak{display:inline}}.ha-up{position:relative;top:-.75rem}.ha-bzg{font-family:Libertine,serif!important;font-size:.75rem!important;font-weight:600!important;line-height:1rem!important}.ha-text,.ha-title{display:inline}.ha-title{font-style:italic}.ha-insertedlemma{display:inline}.ha-serif{font-family:Libertine,serif}.ha-aq,.ha-aq :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal,.ha-marginal *,.ha-btn-collapsed-box){font-family:Biolinum,sans-serif}.ha-ul,.ha-ul :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal,.ha-marginal *,.ha-btn-collapsed-box){-webkit-text-decoration-line:underline;text-decoration-line:underline}.ha-del,.ha-del :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-diagdel,.ha-marginal,.ha-marginal *,.ha-btn-collapsed-box){display:inline;-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.ha-hand,.ha-hand :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal,.ha-marginal *,.ha-btn-collapsed-box){font-family:Playfair,serif;font-size:.9rem}.ha-added,.ha-added :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal,.ha-marginal *,.ha-btn-collapsed-box){border-radius:.125rem;padding-left:.125rem;padding-right:.125rem}.ha-emph :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal,.ha-marginal *,.ha-btn-collapsed-box),.ha-note,.ha-note :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal,.ha-marginal *,.ha-btn-collapsed-box){font-style:italic}.ha-sup :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal,.ha-marginal *,.ha-btn-collapsed-box){font-size:80%;position:relative;top:-.3em}.ha-super{font-size:.75rem;font-variant-numeric:normal;top:-.3em}.ha-sub,.ha-super{line-height:1rem;line-height:1;position:relative;vertical-align:baseline}.ha-sub{bottom:-.25em;font-size:.75rem}.ha-ful,.ha-ful :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){border-bottom-width:1px;display:inline;padding-bottom:2px}.ha-dul,.ha-dul :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:double;text-decoration-style:double}.ha-tul,.ha-tul :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){border-bottom-width:3px;border-style:double;-webkit-text-decoration-line:underline;text-decoration-line:underline}.ha-alignright{float:right}.ha-aligncenter{--tw-translate-x:-50%;left:50%;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:nowrap}.ha-sal{display:inline-block;margin-left:1.5rem}.ha-indent-1{padding-left:.5rem}@media (min-width:700px){.ha-indent-1{padding-left:1rem}}.ha-indent-2{padding-left:1rem}@media (min-width:700px){.ha-indent-2{padding-left:2rem}}.ha-indent-3{padding-left:1.5rem}@media (min-width:700px){.ha-indent-3{padding-left:3rem}}.ha-indent-4{padding-left:2rem}@media (min-width:700px){.ha-indent-4{padding-left:4rem}}.ha-indent-5{padding-left:2.5rem}@media (min-width:700px){.ha-indent-5{padding-left:5rem}}.ha-indent-6{padding-left:5rem}@media (min-width:700px){.ha-indent-6{padding-left:11rem}}.ha-indent-7{padding-left:8rem}@media (min-width:700px){.ha-indent-7{padding-left:16rem}}.active{pointer-events:none}.ha-topnav a.active{-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:2px}@media (min-width:1190px){.ha-topnav a.active{-webkit-text-decoration-line:none;text-decoration-line:none}}.ha-topnav.ha-topnav-collapsed{display:block;font-size:1rem;height:100%;line-height:1.5rem;margin-top:1rem;width:100%}@media (min-width:960px){.ha-topnav.ha-topnav-collapsed{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1190px){.ha-topnav.ha-topnav-collapsed{display:flex;margin-top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (min-width:1680px){.ha-topnav.ha-topnav-collapsed{font-size:1.25rem;line-height:1.75rem}}.ha-topnav.ha-topnav-collapsed a{clear:both;display:block;padding-bottom:.25rem;padding-top:.25rem;text-align:left;width:100%}@media (min-width:1190px){.ha-topnav.ha-topnav-collapsed a{display:inline-block;padding-bottom:0;padding-top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown{display:block}@media (min-width:1190px){.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown{display:inline-block}.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown:hover .ha-topnav-dropdown-content{display:block}}.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown .ha-topnav-dropdown-content{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border-style:none;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block;padding-top:0}@media (min-width:1190px){.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown .ha-topnav-dropdown-content{display:none;padding-top:.5rem}}.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown .ha-topnav-dropdown-content a{padding-bottom:.25rem;padding-top:.25rem}@media (min-width:1190px){.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown .ha-topnav-dropdown-content a{padding-bottom:.5rem;padding-top:.5rem}}.ha-register .ha-headcomment .ha-btn-collapsed-box{left:47.6rem}.ha-register .ha-subcomment .ha-btn-collapsed-box{left:45.6rem}.ha-register .ha-btn-collapsed-box{cursor:pointer;display:none;position:absolute;top:-.15rem}@media (min-width:1190px){.ha-register .ha-btn-collapsed-box{display:block}}.ha-collapsed-box,.ha-collapsed-box *{cursor:default;min-height:0;min-width:0;overflow:hidden;text-overflow:ellipsis;z-index:0}.ha-expanded-box{height:auto!important;max-height:100vh!important;padding-bottom:.25rem;z-index:1000}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.bottom-0{bottom:0}.my-8{margin-bottom:2rem;margin-top:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-8{margin-left:2rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.\!mr-0{margin-right:0!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.flow-root{display:flow-root}.hidden{display:none}.h-full{height:100%}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-8{width:2rem}.shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.grow-0{flex-grow:0}.cursor-default{cursor:default}.resize{resize:both}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.border-t-\[5px\]{border-top-width:5px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(229 231 235/var(--tw-border-opacity))}.border-l-gray-200{--tw-border-opacity:1;border-left-color:rgb(229 231 235/var(--tw-border-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.p-1{padding:.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pr-3{padding-right:.75rem}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.font-serif{font-family:Libertine,serif}.text-xl{font-size:1.25rem;line-height:1.75rem}.italic{font-style:italic}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}@font-face{font-display:swap;font-family:Biolinum;font-style:normal;font-weight:400;src:url(../fonts/LinBiolinum_R.woff) format("woff")}@font-face{font-display:swap;font-family:Libertine;font-style:normal;font-weight:400;src:url(../fonts/LinLibertine_R.woff) format("woff")}@font-face{font-display:swap;font-family:Biolinum;font-style:italic;font-weight:400;src:url(../fonts/LinBiolinum_RI.woff) format("woff")}@font-face{font-display:swap;font-family:Biolinum;font-style:normal;font-weight:700;src:url(../fonts/LinBiolinum_RB.woff) format("woff")}@font-face{font-display:swap;font-family:Libertine;font-style:italic;font-weight:400;src:url(../fonts/LinLibertine_RI.woff) format("woff")}@font-face{font-display:swap;font-family:Libertine;font-style:normal;font-weight:700;src:url(../fonts/LinLibertine_RB.woff) format("woff")}@font-face{font-display:swap;font-family:Playfair;font-style:normal;font-weight:400;src:url(../fonts/PlayfairDisplay-VariableFont_wght.ttf) format("truetype")}.ha-lettertext .ha-marginalbox .ha-marginal:after,.ha-lettertext .ha-marginalbox .ha-marginal:last-of-type:after,.ha-lettertext .ha-marginalbox:before{content:""}.ha-nr:after,.ha-nr:before{content:" \200E\25E6"}.ha-added:after,.ha-added:before,.ha-note:after,.ha-note:before{content:""}.ha-bzg:after{content:"]"}.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(2):after{content:""}*{scroll-behavior:smooth;-webkit-text-decoration-skip-ink:all;text-decoration-skip-ink:all}body{background-image:url(../img/subtlenet2.png);background-repeat:repeat}.ha-lettertext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal,.ha-tradzhtext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal{-webkit-box-orient:vertical;display:-webkit-inline-box}.ha-diagdel{display:inline-block!important;position:relative;text-decoration:none!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.ha-diagdel:after,.ha-diagdel:before{bottom:1.4ex;content:"";height:0%;position:absolute;right:0;width:100%}.ha-diagdel:before{border-style:solid;border-width:1px;transform:skewY(-36deg)}.ha-del .ha-del,.ha-del .ha-del :not(.ha-linecount *,.ha-linecount,.ha-marginalbox *,.ha-marginalbox,.ha-marginal *,.ha-marginal,.ha-btn-collapsed-box){-moz-text-decoration-style:double;-webkit-text-decoration-style:double!important;text-decoration-style:double;text-decoration-thickness:1px}.ha-del .ha-del .ha-ul,.ha-del .ha-ul .ha-del,.ha-ul .ha-del .ha-del{text-decoration:line-through underline;-moz-text-decoration-style:double;-webkit-text-decoration-style:double!important;text-decoration-style:double;text-decoration-thickness:1px}.ha-del .ha-ul,.ha-ul .ha-del{text-decoration:line-through underline;text-decoration-skip-ink:auto;-webkit-text-decoration-skip-ink:auto;text-decoration-thickness:1px}.hyphenate{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.unhyphenate{-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.numeric-mediaeval{font-variant-numeric:oldstyle-nums}.numeric-normal{font-variant-numeric:normal}.caps-allpetite{font-variant-caps:all-petite-caps}.caps-petite{font-variant-caps:petite-caps}.caps-normal{font-variant-caps:normal}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.ha-menu-arrowsymbol:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block;margin-left:.2em;vertical-align:.2em}.ha-menusymbol{border-radius:4px}.ha-menusymbol svg{stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;fill:none;height:24px;width:24px}.ha-tooltip .ha-tooltiptext{bottom:155%;left:50%;margin-left:-80px;min-width:160px;opacity:0;transition:opacity .3s;visibility:hidden;white-space:nowrap}.ha-tooltip .ha-tooltiptext:after{border-style:solid;border-width:5px;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.ha-tooltip:hover .ha-tooltiptext{opacity:1;visibility:visible}.ha-open-btn-collapsed-box:before{content:"\200E+";font-weight:900}.ha-close-btn-collapsed-box:before{content:"\200E\00D7";font-weight:900}.ha-uploadheader .ha-usedfilesheaderlist .ha-plussign{background-color:#789;content:"\200E+ ";display:inline-block;font-weight:700;padding-left:.25rem;padding-right:.25rem}.ha-uploadform .ha-uploadmessage{border-radius:6px;left:50%;margin-left:-180px;margin-top:.5rem;opacity:0;padding:5px 0;position:absolute;text-align:center;top:100%;transition:opacity 1s;visibility:visible;width:360px;z-index:1}.ha-uploadform .ha-uploadmessage:after{border:5px solid transparent;border-bottom-color:grey;bottom:100%;content:" ";left:50%;margin-left:-5px;position:absolute}.ha-lds-ellipsis{bottom:20px;display:none;position:absolute}.ha-lds-ellipsis-load{bottom:8px;display:none;position:relative;width:38px}.ha-lds-ellipsis-publish{bottom:16px;display:none;left:-50px;position:absolute}.ha-lds-ellipsis div,.ha-lds-ellipsis-load div,.ha-lds-ellipsis-publish div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#000;border-radius:50%;height:7px;position:absolute;width:7px}.ha-lds-ellipsis div:first-child,.ha-lds-ellipsis-load div:first-child,.ha-lds-ellipsis-publish div:first-child{-webkit-animation:ha-lds-ellipsis1 .6s infinite;animation:ha-lds-ellipsis1 .6s infinite;left:6px}.ha-lds-ellipsis div:nth-child(2),.ha-lds-ellipsis-load div:nth-child(2),.ha-lds-ellipsis-publish div:nth-child(2){-webkit-animation:ha-lds-ellipsis2 .6s infinite;animation:ha-lds-ellipsis2 .6s infinite;left:4px}.ha-lds-ellipsis div:nth-child(3),.ha-lds-ellipsis-load div:nth-child(3),.ha-lds-ellipsis-publish div:nth-child(3){-webkit-animation:ha-lds-ellipsis2 .6s infinite;animation:ha-lds-ellipsis2 .6s infinite;left:16px}.ha-lds-ellipsis div:nth-child(4),.ha-lds-ellipsis-load div:nth-child(4),.ha-lds-ellipsis-publish div:nth-child(4){-webkit-animation:ha-lds-ellipsis3 .6s infinite;animation:ha-lds-ellipsis3 .6s infinite;left:30px}@-webkit-keyframes ha-lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ha-lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes ha-lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes ha-lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes ha-lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(16px)}}@keyframes ha-lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(16px)}}.ha-cross:after,.ha-cross:before{content:""}.ha-cross:before{transform:skewY(-27deg)}.ha-table{font-variant-numeric:tabular-nums!important;overflow:hidden;white-space:nowrap}.ha-hatab-0-2{display:inline;min-width:50%;position:static}.ha-hatab-1-2{display:inline-block;left:50%;min-width:50%;position:absolute}.ha-hatab-0-3{display:inline;min-width:33.333%;position:static}.ha-hatab-1-3{left:33%}.ha-hatab-1-3,.ha-hatab-2-3{display:inline-block;min-width:33.333%;position:absolute}.ha-hatab-2-3{left:66%}.ha-hatab-0-4{display:inline;min-width:25%;position:static}.ha-hatab-1-4{left:25%}.ha-hatab-1-4,.ha-hatab-2-4{display:inline-block;min-width:25%;position:absolute}.ha-hatab-2-4{left:50%}.ha-hatab-3-4{display:inline-block;left:75%;min-width:25%;position:absolute}.ha-hatab-0-5{display:inline;min-width:20%;position:static}.ha-hatab-1-5{left:20%}.ha-hatab-1-5,.ha-hatab-2-5{display:inline-block;min-width:20%;position:absolute}.ha-hatab-2-5{left:40%}.ha-hatab-3-5{left:60%}.ha-hatab-3-5,.ha-hatab-4-5{display:inline-block;min-width:20%;position:absolute}.ha-hatab-4-5{left:80%}.ha-hatab-0-6{display:inline;min-width:16.667%;position:static}.ha-hatab-1-6{left:16.667%}.ha-hatab-1-6,.ha-hatab-2-6{display:inline-block;min-width:16.667%;position:absolute}.ha-hatab-2-6{left:33.333%}.ha-hatab-3-6{left:50%}.ha-hatab-3-6,.ha-hatab-4-6{display:inline-block;min-width:16.667%;position:absolute}.ha-hatab-4-6{left:66.667%}.ha-hatab-5-6{display:inline-block;left:83.333%;min-width:16.667%;position:absolute}.ha-hatab-0-7{display:inline;min-width:14.286%;position:static}.ha-hatab-1-7{left:14.286%}.ha-hatab-1-7,.ha-hatab-2-7{display:inline-block;min-width:14.286%;position:absolute}.ha-hatab-2-7{left:28.571%}.ha-hatab-3-7{left:42.857%}.ha-hatab-3-7,.ha-hatab-4-7{display:inline-block;min-width:14.286%;position:absolute}.ha-hatab-4-7{left:57.143%}.ha-hatab-5-7{left:71.429%}.ha-hatab-5-7,.ha-hatab-6-7{display:inline-block;min-width:14.286%;position:absolute}.ha-hatab-6-7{left:85.714%}.ha-hatab-0-8{display:inline;min-width:12.5%;position:static}.ha-hatab-1-8{left:12.5%}.ha-hatab-1-8,.ha-hatab-2-8{display:inline-block;min-width:12.5%;position:absolute}.ha-hatab-2-8{left:25%}.ha-hatab-3-8{left:37.5%}.ha-hatab-3-8,.ha-hatab-4-8{display:inline-block;min-width:12.5%;position:absolute}.ha-hatab-4-8{left:50%}.ha-hatab-5-8{left:62.5%}.ha-hatab-5-8,.ha-hatab-6-8{display:inline-block;min-width:12.5%;position:absolute}.ha-hatab-6-8{left:75%}.ha-hatab-7-8{display:inline-block;left:87.5%;min-width:12.5%;position:absolute}.ha-hatab-0-9{display:inline;min-width:11.111%;position:static}.ha-hatab-1-9{left:11.111%}.ha-hatab-1-9,.ha-hatab-2-9{display:inline-block;min-width:11.111%;position:absolute}.ha-hatab-2-9{left:22.222%}.ha-hatab-3-9{left:33.333%}.ha-hatab-3-9,.ha-hatab-4-9{display:inline-block;min-width:11.111%;position:absolute}.ha-hatab-4-9{left:44.444%}.ha-hatab-5-9{left:55.555%}.ha-hatab-5-9,.ha-hatab-6-9{display:inline-block;min-width:11.111%;position:absolute}.ha-hatab-6-9{left:66.666%}.ha-hatab-7-9{left:77.777%}.ha-hatab-7-9,.ha-hatab-8-9{display:inline-block;min-width:11.111%;position:absolute}.ha-hatab-8-9{left:88.888%}.ha-hatab-0-10,.ha-hatab-1-10{display:inline-block;min-width:10%;position:absolute}.ha-hatab-1-10{left:10%}.ha-hatab-2-10{left:20%}.ha-hatab-2-10,.ha-hatab-3-10{display:inline-block;min-width:10%;position:absolute}.ha-hatab-3-10{left:30%}.ha-hatab-4-10{left:40%}.ha-hatab-4-10,.ha-hatab-5-10{display:inline-block;min-width:10%;position:absolute}.ha-hatab-5-10{left:50%}.ha-hatab-6-10{left:60%}.ha-hatab-6-10,.ha-hatab-7-10{display:inline-block;min-width:10%;position:absolute}.ha-hatab-7-10{left:70%}.ha-hatab-8-10{left:80%}.ha-hatab-8-10,.ha-hatab-9-10{display:inline-block;min-width:10%;position:absolute}.ha-hatab-9-10{left:90%}.ha-hatab-0-11,.ha-hatab-1-11{display:inline-block;min-width:9.091%;position:absolute}.ha-hatab-1-11{left:9.091%}.ha-hatab-2-11{left:18.182%}.ha-hatab-2-11,.ha-hatab-3-11{display:inline-block;min-width:9.091%;position:absolute}.ha-hatab-3-11{left:27.273%}.ha-hatab-4-11{left:36.364%}.ha-hatab-4-11,.ha-hatab-5-11{display:inline-block;min-width:9.091%;position:absolute}.ha-hatab-5-11{left:45.455%}.ha-hatab-6-11{left:54.545%}.ha-hatab-6-11,.ha-hatab-7-11{display:inline-block;min-width:9.091%;position:absolute}.ha-hatab-7-11{left:63.636%}.ha-hatab-8-11{left:72.727%}.ha-hatab-8-11,.ha-hatab-9-11{display:inline-block;min-width:9.091%;position:absolute}.ha-hatab-9-11{left:81.818%}.ha-hatab-10-11{display:inline-block;left:90.909%;min-width:9.091%;position:absolute}.ha-hatab-0-12,.ha-hatab-1-12{display:inline-block;min-width:8.333%;position:absolute}.ha-hatab-1-12{left:8.333%}.ha-hatab-2-12{left:16.666%}.ha-hatab-2-12,.ha-hatab-3-12{display:inline-block;min-width:8.333%;position:absolute}.ha-hatab-3-12{left:25%}.ha-hatab-4-12{left:33.333%}.ha-hatab-4-12,.ha-hatab-5-12{display:inline-block;min-width:8.333%;position:absolute}.ha-hatab-5-12{left:41.666%}.ha-hatab-6-12{left:50%}.ha-hatab-6-12,.ha-hatab-7-12{display:inline-block;min-width:8.333%;position:absolute}.ha-hatab-7-12{left:58.333%}.ha-hatab-8-12{left:66.666%}.ha-hatab-8-12,.ha-hatab-9-12{display:inline-block;min-width:8.333%;position:absolute}.ha-hatab-9-12{left:75%}.ha-hatab-10-12{left:83.333%}.ha-hatab-10-12,.ha-hatab-11-12{display:inline-block;min-width:8.333%;position:absolute}.ha-hatab-11-12{left:91.666%}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark .dark\:border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.dark .dark\:bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.dark .dark\:pt-2{padding-top:.5rem}.dark .dark\:pb-2{padding-bottom:.5rem}.dark .dark\:shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:700px){.sm\:inline{display:inline}.sm\:hidden{display:none}}@media (min-width:960px){.md\:inline{display:inline}.md\:hidden{display:none}.md\:pr-80{padding-right:20rem}}@media (min-width:1190px){.desktop\:block{display:block}.desktop\:hidden{display:none}.desktop\:max-w-screen-desktop{max-width:1190px}.desktop\:px-8{padding-left:2rem}.desktop\:pr-8,.desktop\:px-8{padding-right:2rem}}@media (min-width:1440px){.xl\:h-12{height:3rem}.xl\:w-12{width:3rem}.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}}
\ No newline at end of file
+/*
+! tailwindcss v3.1.0 | MIT License | https://tailwindcss.com
+*//*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #e5e7eb; /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+*/
+
+html {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
+  tab-size: 4; /* 3 */
+  font-family: Biolinum, sans-serif; /* 4 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, mono; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+*, ::before, ::after, ::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: rgb(59 130 246 / 0.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:  ;
+}
+/* COLORS */
+body {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+.dark body {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  background-image: none;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.ha-added, 
+  .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
+}
+.dark .ha-added, .dark 
+  .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
+}
+.ha-note, 
+  .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity));
+}
+.dark .ha-note, .dark 
+  .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  --tw-text-opacity: 1;
+  color: rgb(100 116 139 / var(--tw-text-opacity));
+}
+.ha-ful, 
+  .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+.dark .ha-ful, .dark 
+  .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+.ha-tul, 
+  .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+.dark .ha-tul, .dark 
+  .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+.ha-diagdel::before {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+.dark .ha-diagdel::before {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+.active {
+  --tw-text-opacity: 1 !important;
+  color: rgb(216 0 0 / var(--tw-text-opacity)) !important;
+}
+.dark .active {
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
+}
+.active:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgb(216 0 0 / var(--tw-text-opacity)) !important;
+}
+.dark .active:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
+}
+/* STYLES */
+* {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 100ms;
+}
+body {
+  height: 100%;
+  width: 100%;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+@media (min-width: 1190px) {
+
+  body {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+.active {
+  pointer-events: none;
+}
+.hide {
+  display: none !important;
+}
+.ha-zhbreak {
+  display: none;
+}
+@media (min-width: 700px) {
+
+  .ha-zhbreak {
+    display: inline;
+  }
+}
+.ha-up {
+  position: relative;
+  top: -0.75rem;
+}
+.ha-bzg {
+  font-family: Libertine, serif !important;
+  font-size: 0.75rem !important;
+  line-height: 1rem !important;
+  font-weight: 600 !important;
+}
+.ha-text {
+  display: inline;
+}
+.ha-title {
+  display: inline;
+  font-style: italic;
+}
+.ha-insertedlemma {
+  display: inline;
+}
+.ha-serif {
+  font-family: Libertine, serif;
+}
+.ha-aq, 
+  .ha-aq *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+  font-family: Biolinum, sans-serif;
+}
+.ha-ul, 
+  .ha-ul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+  text-decoration-line: underline;
+}
+.ha-del, 
+  .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-diagdel, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+  display: inline;
+  text-decoration-line: line-through;
+}
+.ha-hand, 
+  .ha-hand *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+  font-family: Playfair, serif;
+  font-size: 0.9rem;
+}
+.ha-added, 
+  .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+  border-radius: 0.125rem;
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+.ha-note, 
+  .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+  font-style: italic;
+}
+.ha-emph *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+  font-style: italic;
+}
+.ha-sup *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+  position: relative;
+  top: -0.3em;
+  font-size: 80%;
+}
+/* TODO: Something dooesnt work here */
+.ha-super {
+  position: relative;
+  top: -0.3em;
+  vertical-align: baseline;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  line-height: 1;
+    font-variant-numeric: normal;
+}
+.ha-sub {
+  position: relative;
+  bottom: -0.25em;
+  vertical-align: baseline;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  line-height: 1;
+}
+.ha-ful, 
+  .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  display: inline;
+  border-bottom-width: 1px;
+  padding-bottom: 2px;
+}
+.ha-dul, 
+  .ha-dul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  text-decoration-line: underline;
+  text-decoration-style: double;
+}
+.ha-tul, 
+  .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+  border-bottom-width: 3px;
+  border-style: double;
+  text-decoration-line: underline;
+}
+.ha-alignright {
+  float: right;
+}
+.ha-aligncenter {
+  position: absolute;
+  left: 50%;
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  white-space: nowrap;
+}
+.ha-sal {
+  margin-left: 1.5rem;
+  display: inline-block;
+}
+/* Classes for indents */
+.ha-indent-1 {
+  padding-left: 0.5rem;
+}
+@media (min-width: 700px) {
+
+  .ha-indent-1 {
+    padding-left: 1rem;
+  }
+}
+.ha-indent-2 {
+  padding-left: 1rem;
+}
+@media (min-width: 700px) {
+
+  .ha-indent-2 {
+    padding-left: 2rem;
+  }
+}
+.ha-indent-3 {
+  padding-left: 1.5rem;
+}
+@media (min-width: 700px) {
+
+  .ha-indent-3 {
+    padding-left: 3rem;
+  }
+}
+.ha-indent-4 {
+  padding-left: 2rem;
+}
+@media (min-width: 700px) {
+
+  .ha-indent-4 {
+    padding-left: 4rem;
+  }
+}
+.ha-indent-5 {
+  padding-left: 2.5rem;
+}
+@media (min-width: 700px) {
+
+  .ha-indent-5 {
+    padding-left: 5rem;
+  }
+}
+.ha-indent-6 {
+  padding-left: 5rem;
+}
+@media (min-width: 700px) {
+
+  .ha-indent-6 {
+    padding-left: 11rem;
+  }
+}
+.ha-indent-7 {
+  padding-left: 8rem;
+}
+@media (min-width: 700px) {
+
+  .ha-indent-7 {
+    padding-left: 16rem;
+  }
+}
+.ha-collapsed-box, 
+  .ha-collapsed-box * {
+  z-index: 0;
+  min-height: 0px;
+  min-width: 0px;
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ha-expanded-box {
+  z-index: 1000;
+  height: auto !important;
+  max-height: 100vh !important;
+  padding-bottom: 0.25rem;
+}
+/* COLORS */
+.ha-topnav-dropdown .ha-topnav-dropdown-content {
+  border-bottom-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(148 163 184 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-topnav-dropdown .ha-topnav-dropdown-content a:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+.ha-topnav a {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity));
+}
+.ha-topnav a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+.dark .ha-topnav a.active {
+  --tw-border-opacity: 1;
+  border-color: rgb(51 65 85 / var(--tw-border-opacity));
+  font-weight: 700;
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav a.active {
+    border-bottom-width: 4px;
+    --tw-border-opacity: 1;
+    border-color: rgb(226 232 240 / var(--tw-border-opacity));
+  }
+}
+.ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content {
+    border-bottom-width: 1px;
+    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+}
+.ha-menusymbol svg {
+  stroke: #000;
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+/* STYLES */
+.ha-topnav {
+  display: flex;
+}
+@media (min-width: 960px) {
+
+  .ha-topnav {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav {
+    flex-shrink: 0;
+    flex-grow: 0;
+    place-self: end;
+  }
+}
+@media (min-width: 1440px) {
+
+  .ha-topnav {
+    margin-bottom: 0.25rem;
+  }
+}
+@media (min-width: 1680px) {
+
+  .ha-topnav {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+}
+.ha-topnav a {
+  margin-right: 1.5rem;
+  display: none;
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav a {
+    display: inline-block;
+  }
+}
+@media (min-width: 1680px) {
+
+  .ha-topnav a {
+    margin-right: 1.75rem;
+  }
+}
+.ha-topnav a:last-child {
+  margin-right: 0px;
+}
+.ha-topnav-dropdown {
+  display: none;
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav-dropdown {
+    position: relative;
+    display: inline-block;
+  }
+
+  .ha-topnav-dropdown:hover .ha-topnav-dropdown-content {
+    display: block;
+  }
+}
+.ha-topnav-dropdown .ha-topnav-dropdown-content {
+  right: 0px;
+  z-index: 50;
+  margin-right: 1.5rem;
+  display: none;
+  min-width: 130px;
+  padding-top: 0.25rem;
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav-dropdown .ha-topnav-dropdown-content {
+    position: absolute;
+  }
+}
+.ha-topnav-dropdown .ha-topnav-dropdown-content a {
+  margin-right: 0px;
+  display: block;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.75rem;
+}
+.ha-topnav-dropdown .ha-topnav-dropdown-content .active {
+  border-style: none;
+}
+.ha-topnav a.active {
+  text-decoration-line: underline;
+  text-underline-offset: 2px;
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav a.active {
+    text-decoration-line: none;
+  }
+}
+.ha-topnav.ha-topnav-collapsed {
+  margin-top: 1rem;
+  display: block;
+  height: 100%;
+  width: 100%;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+@media (min-width: 960px) {
+
+  .ha-topnav.ha-topnav-collapsed {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav.ha-topnav-collapsed {
+    margin-top: 0px;
+    display: flex;
+    width: fit-content;
+  }
+}
+@media (min-width: 1680px) {
+
+  .ha-topnav.ha-topnav-collapsed {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+}
+.ha-topnav.ha-topnav-collapsed a {
+  clear: both;
+  display: block;
+  width: 100%;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  text-align: left;
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav.ha-topnav-collapsed a {
+    display: inline-block;
+    width: fit-content;
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+}
+.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown {
+  display: block;
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown {
+    display: inline-block;
+  }
+
+  .ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown:hover
+    .ha-topnav-dropdown-content {
+    display: block;
+  }
+}
+.ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content {
+  display: block;
+  border-style: none;
+  padding-top: 0px;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content {
+    display: none;
+    padding-top: 0.5rem;
+  }
+}
+.ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content
+    a {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+@media (min-width: 1190px) {
+
+  .ha-topnav.ha-topnav-collapsed
+    .ha-topnav-dropdown
+    .ha-topnav-dropdown-content
+    a {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+}
+/* COLORS */
+.ha-footer .ha-footertext {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(23 53 87 / var(--tw-text-opacity));
+}
+.dark .ha-footer .ha-footertext {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.ha-footer .ha-themetoggles {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: inset 0 2px 4px 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);
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+}
+.dark .ha-footer .ha-themetoggles {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+}
+.ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+}
+.ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+}
+/* STYLES */
+.ha-footer {
+  font-family: Libertine, serif;
+}
+.ha-footer .ha-footertext {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1190px;
+  padding: 0.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  text-align: right;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ha-footer a {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+}
+.ha-footer a:hover {
+  text-decoration-style: solid;
+}
+.ha-footer .ha-themetoggles {
+  position: relative;
+  height: 1rem;
+  width: 34px;
+  white-space: nowrap;
+  border-radius: 1.5rem;
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+.ha-footer .ha-themetoggles * {
+  float: left;
+}
+.ha-footer .ha-themetoggles input[type="radio"] {
+  display: none;
+}
+.ha-footer .ha-themetoggles label {
+  z-index: 10;
+  margin-top: 3px;
+  margin-bottom: 3px;
+  margin-left: 2px;
+  margin-right: 2px;
+  display: block;
+  height: 11px;
+  width: 11px;
+  cursor: pointer;
+  border-radius: 1.5rem;
+  text-align: center;
+}
+.ha-footer .ha-themetoggles .ha-themetoggleslider {
+  position: absolute;
+  top: 3px;
+  height: 11px;
+  width: 11px;
+  border-radius: 1.5rem;
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  transition-property: all;
+  transition-duration: 100ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
+  left: 0.25rem;
+}
+.ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
+  left: 19px;
+}
+/* COLORS */
+/* STYLES */
+.ha-scrollbutton {
+  position: fixed;
+  left: 85%;
+  bottom: 0px;
+  cursor: pointer;
+  border-top-left-radius: 0.75rem;
+  border-top-right-radius: 0.75rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-bottom: 0.75rem;
+  padding-top: 0.5rem;
+  text-align: center;
+  --tw-text-opacity: 1;
+  color: rgb(30 69 112 / var(--tw-text-opacity));
+  opacity: 0;
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 500ms;
+}
+.ha-scrollbutton:hover {
+  --tw-text-opacity: 1;
+  color: rgb(43 97 158 / var(--tw-text-opacity));
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.dark .ha-scrollbutton {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.ha-scrollbuttonarrow {
+  height: 2rem;
+  width: 2rem;
+}
+/* COLORS */
+.ha-static {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.dark .ha-static {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+}
+.ha-static h3 {
+  --tw-text-opacity: 1;
+  color: rgb(216 0 0 / var(--tw-text-opacity));
+}
+.dark .ha-static h3 {
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.ha-static table th {
+  --tw-text-opacity: 1;
+  color: rgb(216 0 0 / var(--tw-text-opacity));
+}
+.dark .ha-static table th {
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.ha-static table tr:nth-child(even) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+}
+.dark .ha-static table tr:nth-child(even) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+}
+/* STYLES */
+.ha-static {
+  width: 100%;
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+  padding-left: 3rem;
+  padding-right: 3rem;
+  font-family: Libertine, serif;
+    hyphens: auto;
+}
+@media (min-width: 960px) {
+
+  .ha-static {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+}
+.ha-static h1 {
+  margin-bottom: 1.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+}
+@media (min-width: 1190px) {
+
+  .ha-static h1 {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+    font-weight: 400;
+  }
+}
+.ha-static h2 {
+  margin-bottom: 0.75rem;
+  margin-top: 1rem;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+@media (min-width: 1190px) {
+
+  .ha-static h2 {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+}
+.ha-static h3 {
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+}
+.ha-static table {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+  width: 100%;
+}
+.ha-static table th {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  text-align: left;
+  font-weight: 400;
+}
+@media (min-width: 1190px) {
+
+  .ha-static table th {
+    padding-right: 1rem;
+  }
+}
+.ha-static table tr td {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  vertical-align: top;
+}
+@media (min-width: 1190px) {
+
+  .ha-static table tr td {
+    white-space: nowrap;
+    padding-right: 1rem;
+  }
+
+  .ha-static table tr td:last-child {
+    white-space: normal;
+  }
+}
+.ha-static p {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.ha-static a {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+}
+.ha-static a:hover {
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+}
+.ha-static .ha-footnote {
+  position: relative;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+@media (min-width: 1190px) {
+
+  .ha-static .ha-footnote {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+}
+.ha-static .ha-footnote .ha-footnote-ref {
+  position: absolute;
+  left: -2.5rem;
+  display: inline-block;
+  width: 2rem;
+  text-align: right;
+}
+/* COLORS */
+.ha-register .ha-register-head, 
+  .ha-register .ha-register-body {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.dark .ha-register .ha-register-head, .dark 
+  .ha-register .ha-register-body {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(248 250 252 / var(--tw-text-opacity));
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-register .ha-register-head {
+  border-bottom-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+}
+.ha-register .ha-register-head .ha-register-add a {
+  border-radius: 0.25rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(106 130 158 / var(--tw-border-opacity));
+}
+.ha-register .ha-register-head .ha-register-add a:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(50 112 184 / var(--tw-border-opacity));
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+  border-right-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(106 130 158 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+}
+.ha-register .ha-register-head .ha-register-add a:hover .ha-register-add-plusbutton {
+  --tw-border-opacity: 1;
+  border-color: rgb(50 112 184 / var(--tw-border-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(30 69 112 / var(--tw-text-opacity));
+}
+.ha-register .ha-register-head .ha-register-add a .ha-register-add-text {
+
+  }
+.ha-register .ha-register-head .ha-register-nav a {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity));
+}
+.ha-register .ha-register-head .ha-register-nav a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+.dark .ha-register .ha-register-head .ha-register-nav a {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.dark .ha-register .ha-register-head .ha-register-nav a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+.ha-register .ha-register-head .ha-register-nav a.active {
+  border-bottom-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+}
+.dark .ha-register .ha-register-head .ha-register-nav a.active {
+  font-weight: 700;
+  --tw-text-opacity: 1 !important;
+  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
+}
+.dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .dark 
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(248 250 252 / var(--tw-text-opacity));
+}
+@media (min-width: 1190px) {
+
+  .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, 
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
+    --tw-bg-opacity: 1;
+    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  }
+}
+.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before, 
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
+  --tw-bg-opacity: 1;
+  background-color: rgb(43 97 158 / var(--tw-bg-opacity));
+}
+.dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before, .dark 
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
+  --tw-bg-opacity: 1;
+  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
+}
+.ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.dark .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-register .ha-btn-collapsed-box {
+  position: absolute;
+  top: -0.15rem;
+  margin-top: 0.125rem;
+  display: none;
+  cursor: pointer;
+}
+@media (min-width: 1190px) {
+
+  .ha-register .ha-btn-collapsed-box {
+    display: block;
+  }
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a {
+  text-decoration-line: none;
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(23 53 87 / var(--tw-text-opacity));
+  text-decoration-line: underline;
+}
+.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity));
+}
+.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+/* STYLES */
+.ha-register {
+  width: 100%;
+  font-family: Libertine, serif;
+    font-variant-numeric: oldstyle-nums;
+}
+.ha-register .ha-register-head, 
+  .ha-register .ha-register-body {
+  padding-left: 2.25rem;
+  padding-right: 2.25rem;
+  padding-top: 2.25rem;
+}
+@media (min-width: 960px) {
+
+  .ha-register .ha-register-head, 
+  .ha-register .ha-register-body {
+    padding-left: 4rem;
+    padding-right: 4rem;
+    padding-top: 3rem;
+  }
+}
+.ha-register .ha-register-head {
+  border-top-left-radius: 0.125rem;
+  border-top-right-radius: 0.125rem;
+}
+.ha-register .ha-register-head h1 {
+  margin-bottom: 1.5rem;
+  display: inline-block;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+}
+@media (min-width: 1190px) {
+
+  .ha-register .ha-register-head h1 {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+    font-weight: 400;
+  }
+}
+.ha-register .ha-register-head .ha-register-add {
+  position: relative;
+  bottom: 0.33rem;
+  margin-left: 0.5rem;
+  display: inline-block;
+}
+.ha-register .ha-register-head .ha-register-add a {
+  margin-top: -1rem;
+  margin-bottom: 1.5rem;
+  display: flex;
+  width: fit-content;
+  flex-direction: row;
+  font-family: Biolinum, sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-bottom: 0.125rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.ha-register .ha-register-head .ha-register-add a:hover .ha-register-add-plusbutton {
+    
+  }
+.ha-register .ha-register-head .ha-register-add a .ha-register-add-text {
+  padding-left: 0.25rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  line-height: 1;
+}
+.ha-register .ha-register-head .ha-register-nav {
+  font-family: Biolinum, sans-serif;
+}
+.ha-register .ha-register-head .ha-register-nav a {
+  margin-right: 0.25rem;
+  display: inline-block;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+@media (min-width: 960px) {
+
+  .ha-register .ha-register-head .ha-register-nav a {
+    margin-right: 0.75rem;
+  }
+}
+.ha-register .ha-register-head .ha-register-nav a:first {
+  padding-left: 0px;
+}
+.ha-register .ha-register-head .ha-register-nav .ha-register-left-nav {
+  display: inline-block;
+}
+.ha-register .ha-register-head .ha-register-nav .ha-register-right-nav {
+  display: inline-block;
+}
+.ha-register .ha-register-body {
+  border-bottom-right-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
+  padding-bottom: 2.25rem;
+}
+@media (min-width: 960px) {
+
+  .ha-register .ha-register-body {
+    padding-right: 24rem;
+    padding-bottom: 3rem;
+  }
+}
+.ha-register .ha-register-body .ha-comment {
+  margin-bottom: 2.25rem;
+  display: block;
+}
+@media (min-width: 960px) {
+
+  .ha-register .ha-register-body .ha-comment {
+    margin-bottom: 3rem;
+  }
+}
+.ha-register .ha-register-body .ha-comment a {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+}
+.ha-register .ha-register-body .ha-comment a:hover {
+  text-decoration-style: solid;
+}
+.ha-register .ha-register-body .ha-comment .ha-headcomment {
+  display: block;
+}
+@media (min-width: 1190px) {
+
+  .ha-register .ha-register-body .ha-comment .ha-headcomment {
+    position: relative;
+  }
+}
+.ha-register .ha-register-body .ha-comment .ha-subcomment {
+  margin-left: 2rem;
+  margin-top: 0.5rem;
+  display: block;
+}
+@media (min-width: 1190px) {
+
+  .ha-register .ha-register-body .ha-comment .ha-subcomment {
+    position: relative;
+  }
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead {
+  display: block;
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-lemma {
+  display: inline;
+  font-weight: 700;
+}
+.ha-register
+    .ha-forschung
+    .ha-register-body
+    .ha-comment
+    .ha-commenthead
+    .ha-lemma {
+  display: inline;
+  font-weight: 400;
+}
+.ha-register .ha-forschung .ha-register-body .ha-comment {
+  margin-bottom: 1rem;
+  padding-left: 1rem;
+  text-indent: -1rem;
+}
+@media (min-width: 960px) {
+
+  .ha-register .ha-forschung .ha-register-body .ha-comment {
+    margin-bottom: 1.5rem;
+  }
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
+  margin-left: 0.5rem;
+  margin-top: 0.25rem;
+  display: inline-block;
+  font-family: Biolinum, sans-serif;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  font-weight: 400;
+  line-height: 1.375;
+    font-variant-caps: all-petite-caps;
+}
+@media (min-width: 960px) {
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks::before {
+  position: absolute;
+  top: 0.1rem;
+  bottom: 0.1rem;
+  left: 0px;
+  margin-top: 0.25rem;
+  width: 0.125rem;
+  --tw-content: '';
+  content: var(--tw-content);
+}
+.ha-register
+    .ha-register-body
+    .ha-comment
+    .ha-commenthead
+    .ha-letlinks
+    .ha-hkb {
+  display: inline;
+}
+@media (min-width: 1190px) {
+
+  .ha-register
+    .ha-neuzeit
+    .ha-register-body
+    .ha-headcomment
+    .ha-commenthead
+    .ha-letlinks, 
+  .ha-register
+    .ha-forschung
+    .ha-register-body
+    .ha-headcomment
+    .ha-commenthead
+    .ha-letlinks {
+    left: 48rem;
+  }
+
+  .ha-register
+    .ha-neuzeit
+    .ha-register-body
+    .ha-subcomment
+    .ha-commenthead
+    .ha-letlinks, 
+  .ha-register
+    .ha-forschung
+    .ha-register-body
+    .ha-subcomment
+    .ha-commenthead
+    .ha-letlinks {
+    left: 46rem;
+  }
+}
+.ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma a {
+  padding-left: 0.5rem;
+}
+.ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma svg {
+  display: inline;
+}
+.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, 
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
+  padding-left: 0.5rem;
+}
+@media (min-width: 1190px) {
+
+  .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, 
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
+    position: absolute;
+    top: 0px;
+    display: block;
+    width: 20rem;
+    text-indent: 0px;
+  }
+}
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+.ha-register .ha-headcomment .ha-btn-collapsed-box {
+  left: 47.6rem;
+}
+.ha-register .ha-subcomment .ha-btn-collapsed-box {
+  left: 45.6rem;
+}
+.ha-register .ha-btn-collapsed-box {
+  position: absolute;
+  top: -0.15rem;
+  display: none;
+  cursor: pointer;
+}
+@media (min-width: 1190px) {
+
+  .ha-register .ha-btn-collapsed-box {
+    display: block;
+  }
+}
+/* COLORS */
+/* STYLES */
+.ha-letterhead {
+  display: flex;
+  flex-direction: row;
+}
+.ha-letterhead .ha-letternumber {
+  margin-right: 1rem;
+  display: flex;
+  font-size: 3rem;
+  line-height: 1;
+}
+@media (min-width: 1190px) {
+
+  .ha-letterhead .ha-letternumber {
+    margin-right: 1.5rem;
+    font-size: 3.75rem;
+    line-height: 1;
+    font-weight: 400;
+  }
+}
+.ha-letterhead .ha-letternumber .ha-letternumberinline {
+  display: inline;
+  vertical-align: middle;
+  line-height: 1;
+}
+.ha-letterhead .ha-metadata {
+  display: flex;
+  flex-shrink: 0;
+  flex-grow: 1;
+  align-self: flex-end;
+}
+.ha-letterhead .ha-metadata .ha-metadatarows {
+  display: flex;
+  flex-direction: column;
+}
+.ha-letterhead .ha-metadata .ha-metadataupperrow {
+  display: flex;
+  flex-direction: row;
+  line-height: 1.375;
+}
+.ha-letterhead
+    .ha-metadata
+    .ha-metadatarows
+    .ha-metadataupperrow
+    .ha-metadatadate {
+  display: flex;
+    font-variant-numeric: oldstyle-nums;
+    font-variant-caps: petite-caps;
+}
+.ha-letterhead .ha-metadata .ha-tooltip {
+  position: relative;
+  display: inline-block;
+  cursor: default;
+  align-self: center;
+}
+.ha-letterhead .ha-metadata .ha-tooltiptext {
+  position: absolute;
+  z-index: 10;
+  border-radius: 0.25rem;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+  text-align: center;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ha-letterhead .ha-metadata .ha-tooltiptext::after {
+  position: absolute;
+  top: 100%;
+  left: 50%;
+}
+.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
+  margin-left: 0.5rem;
+  border-radius: 0.25rem;
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  line-height: 1;
+  letter-spacing: 0.025em;
+    font-variant-caps: all-petite-caps;
+}
+.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross {
+  position: relative;
+  display: inline-block;
+}
+.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before, 
+  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::after {
+  position: absolute;
+  right: 0px;
+  top: 50%;
+  height: 0px;
+  width: 100%;
+}
+.ha-letterhead .ha-metadata .ha-metadatarows .hametadatapersons {
+  display: flex;
+  line-height: 1.375;
+}
+/* COLORS */
+.ha-letterhead .ha-metadata .ha-tooltiptext {
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(23 53 87 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(23 53 87 / var(--tw-text-opacity));
+  --tw-shadow: 0 1px 2px 0 rgb(0 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);
+}
+.dark .ha-letterhead .ha-metadata .ha-tooltiptext {
+  border-style: none;
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-tooltip .ha-tooltiptext::after {
+  --tw-border-opacity: 1;
+  border-top-color: rgb(71 85 105 / var(--tw-border-opacity));
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+}
+.dark .ha-tooltip .ha-tooltiptext::after {
+  --tw-border-opacity: 1;
+  border-top-color: rgb(30 41 59 / var(--tw-border-opacity));
+}
+.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
+  border-radius: 0.5rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(23 53 87 / var(--tw-border-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(23 53 87 / var(--tw-text-opacity));
+  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: inset 0 2px 4px 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);
+}
+.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
+  --tw-border-opacity: 1;
+  border-color: rgb(148 163 184 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill.ha-newpill {
+  --tw-border-opacity: 1;
+  border-color: rgb(148 163 184 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before {
+  border-bottom-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(23 53 87 / var(--tw-border-opacity));
+}
+.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+.ha-letterheader {
+  border-bottom-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.dark .ha-letterheader {
+  --tw-border-opacity: 1;
+  border-color: rgb(248 250 252 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(248 250 252 / var(--tw-text-opacity));
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-letterheader .ha-lettertabs a {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity));
+}
+.ha-letterheader .ha-lettertabs a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+.dark .ha-letterheader .ha-lettertabs a {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.dark .ha-letterheader .ha-lettertabs a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+.ha-letterheader .ha-lettertabs a.active {
+  border-bottom-width: 3px;
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(216 0 0 / var(--tw-text-opacity));
+}
+.dark .ha-letterheader .ha-lettertabs a.active {
+  --tw-border-opacity: 1;
+  border-color: rgb(248 250 252 / var(--tw-border-opacity));
+  font-weight: 700;
+  --tw-text-opacity: 1 !important;
+  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
+}
+.ha-letterheader .ha-lettermetalinks {
+  border-bottom-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
+}
+.ha-letterheader .ha-lettermetalinks a {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity));
+}
+.ha-letterheader .ha-lettermetalinks a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+.dark .ha-letterheader .ha-lettermetalinks a {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.dark .ha-letterheader .ha-lettermetalinks a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+.ha-letterbody {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.dark .ha-letterbody {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-lettertext {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.dark .ha-lettertext {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+}
+@media (min-width: 700px) {
+
+  .ha-lettertext {
+    border-left-width: 2px;
+  }
+
+  .dark .ha-lettertext {
+    border-style: none;
+  }
+}
+.ha-marginals {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.dark .ha-marginals {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+}
+.ha-additions {
+  display: none;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.dark .ha-additions {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+}
+.ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+.dark .ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+}
+.ha-linecount.ha-firstline {
+  border-radius: 0.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(30 41 59 / var(--tw-text-opacity));
+}
+.dark .ha-linecount.ha-firstline {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+@media (min-width: 700px) {
+
+  .ha-linecount.ha-firstline {
+    border-width: 1px;
+    --tw-border-opacity: 1;
+    border-color: rgb(71 85 105 / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+    --tw-shadow-colored: inset 0 2px 4px 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);
+  }
+
+  .dark .ha-linecount.ha-firstline {
+    --tw-border-opacity: 1;
+    border-color: rgb(148 163 184 / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .ha-linecount .ha-zhpage, 
+  .ha-linecount .ha-zhline {
+    --tw-bg-opacity: 1;
+    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  }
+
+  .dark .ha-linecount .ha-zhpage, .dark 
+  .ha-linecount .ha-zhline {
+    --tw-bg-opacity: 1;
+    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+  }
+}
+.ha-tradzhtext .ha-marginal::before, 
+  .ha-lettertext .ha-marginal:before {
+  --tw-bg-opacity: 1;
+  background-color: rgb(43 97 158 / var(--tw-bg-opacity));
+}
+.dark .ha-tradzhtext .ha-marginal::before, .dark 
+  .ha-lettertext .ha-marginal:before {
+  --tw-bg-opacity: 1;
+  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
+}
+.ha-tradzhtext .ha-marginalbox, 
+  .ha-lettertext .ha-marginalbox {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.dark .ha-tradzhtext .ha-marginalbox, .dark 
+  .ha-lettertext .ha-marginalbox {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+}
+.ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist, 
+  .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+  padding-bottom: 0.25rem;
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.dark .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist, .dark 
+  .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-tradzhtext .ha-btn-collapsed-box, 
+  .ha-lettertext .ha-btn-collapsed-box {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity));
+}
+.ha-tradzhtext .ha-btn-collapsed-box:hover, 
+  .ha-lettertext .ha-btn-collapsed-box:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+.dark .ha-tradzhtext .ha-btn-collapsed-box, .dark 
+  .ha-lettertext .ha-btn-collapsed-box {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.dark .ha-tradzhtext .ha-btn-collapsed-box:hover, .dark 
+  .ha-lettertext .ha-btn-collapsed-box:hover {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+/* STYLES */
+.ha-letterheader {
+  border-top-left-radius: 0.125rem;
+  border-top-right-radius: 0.125rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 2rem;
+}
+@media (min-width: 960px) {
+
+  .ha-letterheader {
+    padding-left: 4rem;
+    padding-right: 4rem;
+    padding-top: 3rem;
+  }
+}
+.ha-letterheader .ha-letterheadernav {
+  margin-top: 2.25rem;
+  display: flex;
+  flex-grow: 1;
+}
+.ha-letterheader .ha-lettertabs {
+  display: flex;
+  flex-grow: 1;
+}
+.ha-letterheader .ha-lettertabs a {
+  margin-right: 0.25rem;
+  display: inline-block;
+  cursor: pointer;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+@media (min-width: 960px) {
+
+  .ha-letterheader .ha-lettertabs a {
+    margin-right: 0.75rem;
+  }
+
+  .ha-letterheader .ha-lettertabs .ha-marginalsbtn {
+    display: none;
+  }
+}
+.ha-letterheader .ha-lettertabs a.active {
+  pointer-events: none;
+}
+.ha-letterheader .ha-lettertabs a:first {
+  padding-left: 0px;
+}
+.ha-letterheader .ha-lettermetalinks {
+  align-self: flex-end;
+}
+.ha-letterheader .ha-lettermetalinks a {
+  align-self: flex-end;
+    font-variant-caps: petite-caps;
+}
+.ha-letterheader .ha-lettermetalinks .ha-hkb {
+  display: inline-block;
+    font-variant-caps: all-petite-caps;
+}
+.ha-letterbody {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  border-bottom-right-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
+}
+.ha-lettertext {
+  position: relative;
+  margin-left: 1rem;
+  display: flow-root;
+  max-width: 38rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 1rem;
+  padding-bottom: 2rem;
+  font-family: Libertine, serif;
+  line-height: 1.48;
+    font-variant-numeric: oldstyle-nums;
+}
+@media (min-width: 700px) {
+
+  .ha-lettertext {
+    margin-left: 3rem;
+    flex-shrink: 0;
+  }
+}
+@media (min-width: 1190px) {
+
+  .ha-lettertext {
+    max-width: 45rem;
+  }
+}
+.ha-marginals {
+  position: relative;
+  margin-left: 1rem;
+  display: none;
+  max-width: 48rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  line-height: 1.48;
+    font-variant-numeric: oldstyle-nums;
+}
+@media (min-width: 960px) {
+
+  .ha-marginals {
+    margin-left: 3rem;
+  }
+}
+.ha-marginals table td {
+  vertical-align: text-top;
+}
+.ha-marginals .ha-marginalfromto {
+  white-space: nowrap;
+  padding-right: 1rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 600;
+}
+.ha-marginals .ha-marginaltext .ha-bzg {
+  display: inline;
+}
+.ha-marginals .ha-marginaltext a {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+}
+.ha-marginals .ha-marginaltext a:hover {
+  text-decoration-style: solid;
+}
+.ha-additions .ha-tradition div {
+  display: inline;
+}
+.ha-additions .ha-tradition {
+  max-width: 56rem;
+}
+.ha-additions {
+  position: relative;
+  margin-left: 1rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  font-family: Libertine, serif;
+  line-height: 1.48;
+    font-variant-numeric: oldstyle-nums;
+}
+@media (min-width: 960px) {
+
+  .ha-additions {
+    margin-left: 3rem;
+  }
+}
+.ha-additions .ha-app {
+  display: block !important;
+  padding-top: 1.5rem;
+  font-weight: 700;
+}
+.ha-additions .ha-app + br {
+  display: none;
+}
+.ha-additions .ha-tradition .ha-app:first-child {
+  padding-top: 0px;
+}
+.ha-additions .ha-tradition {
+    hyphens: auto;
+  }
+.ha-additions .ha-tradition .ha-tradzhtext {
+  position: relative;
+  margin-left: -1rem;
+  display: flow-root !important;
+  width: fit-content;
+  padding-left: 1rem;
+  font-family: Libertine, serif;
+    hyphens: none;
+}
+.ha-additions .ha-tradition a {
+  text-decoration-line: underline !important;
+  text-decoration-style: dotted;
+}
+.ha-additions .ha-tradition a:hover {
+  text-decoration-style: solid;
+}
+.ha-additions .ha-hands {
+  padding-top: 1.5rem;
+}
+.ha-additions .ha-hands .ha-handstitle {
+  font-weight: 700;
+}
+.ha-additions .ha-hands .ha-handentries .ha-handfrom, 
+  .ha-additions .ha-hands .ha-handentries .ha-handto {
+  display: inline;
+  white-space: nowrap;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 600;
+}
+.ha-additions .ha-hands .ha-handentries .ha-handperson {
+  display: inline;
+  white-space: nowrap;
+  padding-left: 1rem;
+}
+.ha-additions .ha-edits .ha-editstitle {
+  font-weight: 700;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editfromto {
+  white-space: nowrap;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editfrom, 
+  .ha-additions .ha-edits .ha-editentries .ha-editto {
+  display: inline;
+  white-space: nowrap;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 600;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editreference {
+  white-space: nowrap;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editreference div {
+  display: inline;
+}
+.ha-additions .ha-edits {
+  max-width: 56rem;
+  padding-top: 1.5rem;
+}
+.ha-additions .ha-edits .ha-editstitle {
+  font-weight: 700;
+}
+.ha-additions .ha-edits .ha-editsinfo {
+  padding-bottom: 1rem;
+    hyphens: auto;
+}
+.ha-additions .ha-edits .ha-editentries tr td {
+  vertical-align: text-top;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editreas div {
+  display: inline;
+  font-family: Biolinum, sans-serif;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editfromto {
+  padding-right: 0.25rem;
+  padding-left: 0.25rem;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editreference {
+  border-right-width: 2px;
+  padding-left: 0.25rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editreference br {
+  display: none;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editreas {
+  width: 100%;
+  padding-left: 0.75rem;
+}
+.ha-additions .ha-edits .ha-editentries .ha-editreas .ha-zh * {
+  font-family: Libertine, serif !important;
+}
+.ha-lettertext div {
+  display: inline;
+}
+.ha-linecount.ha-firstline {
+  display: none;
+  white-space: nowrap;
+  border-radius: 0.25rem;
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+  font-variant-numeric: normal;
+    font-variant-caps: all-petite-caps;
+}
+@media (min-width: 700px) {
+
+  .ha-linecount.ha-firstline {
+    display: inline-block;
+    padding-top: 0.125rem;
+    padding-bottom: 0.25rem;
+    line-height: 1;
+  }
+}
+.ha-linecount {
+  user-select: none;
+  font-family: Biolinum, sans-serif;
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+@media (min-width: 700px) {
+
+  .ha-linecount {
+    position: absolute;
+    right: 100%;
+    margin-right: 0.5rem;
+    margin-top: 0.25rem;
+    text-align: right;
+  }
+}
+.ha-linecount .ha-zhline {
+  display: none;
+}
+@media (min-width: 700px) {
+
+  .ha-linecount .ha-zhline {
+    display: inline;
+  }
+}
+.ha-linecount .ha-zhpage {
+  display: inline-block;
+}
+@media (min-width: 700px) {
+
+  .ha-linecount .ha-zhpage {
+    display: inline;
+  }
+}
+.ha-linecount .ha-zhpage, 
+  .ha-linecount .ha-zhline {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  font-variant-numeric: normal;
+    font-variant-caps: all-petite-caps;
+}
+@media (min-width: 700px) {
+
+  .ha-linecount .ha-zhpage, 
+  .ha-linecount .ha-zhline {
+    padding-bottom: 0.25rem;
+  }
+}
+.ha-linecount .ha-hiddenlinecount {
+  display: none !important;
+}
+.ha-tradzhtext .ha-marginal::before, 
+  .ha-lettertext .ha-marginal::before {
+  position: absolute;
+  top: 0.2rem;
+  bottom: 0.1rem;
+  left: 0px;
+  width: 0.125rem;
+  --tw-content: '';
+  content: var(--tw-content);
+}
+.ha-tradzhtext .ha-marginalbox, 
+  .ha-lettertext .ha-marginalbox {
+  position: absolute;
+  left: 100%;
+  margin-left: 0.5rem;
+  margin-top: 0.25rem;
+  display: none;
+  width: 16rem;
+  user-select: none;
+  border-radius: 0.125rem;
+  padding-left: 0.5rem;
+  font-family: Biolinum, sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  line-height: 1.25;
+    hyphens: auto;
+}
+.ha-tradzhtext .ha-marginalbox:hover, 
+  .ha-lettertext .ha-marginalbox:hover {
+  user-select: auto;
+}
+@media (min-width: 960px) {
+
+  .ha-tradzhtext .ha-marginalbox, 
+  .ha-lettertext .ha-marginalbox {
+    display: block;
+  }
+}
+@media (min-width: 1190px) {
+
+  .ha-tradzhtext .ha-marginalbox, 
+  .ha-lettertext .ha-marginalbox {
+    margin-left: 2.5rem;
+    width: 28rem;
+  }
+}
+.ha-tradzhtext .ha-marginalbox .ha-marginallist, 
+  .ha-lettertext .ha-marginalbox .ha-marginallist {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 1.5rem;
+  padding-right: 0.25rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  line-height: 1.25;
+}
+.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal, 
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal {
+  position: relative;
+  display: inline;
+  padding-left: 0.5rem;
+}
+.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a, 
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a {
+  text-decoration-line: underline !important;
+  text-decoration-style: dotted;
+}
+.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a:hover, 
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a:hover {
+  text-decoration-style: solid;
+}
+.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal, 
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal, 
+  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal *, 
+  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal * {
+  min-height: 0px;
+  min-width: 0px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ha-tradzhtext .ha-btn-collapsed-box, 
+  .ha-lettertext .ha-btn-collapsed-box {
+  position: absolute;
+  left: 100%;
+  margin-top: 0.125rem;
+  display: none;
+  cursor: pointer;
+  line-height: 1;
+}
+@media (min-width: 960px) {
+
+  .ha-tradzhtext .ha-btn-collapsed-box, 
+  .ha-lettertext .ha-btn-collapsed-box {
+    display: block;
+  }
+}
+@media (min-width: 1190px) {
+
+  .ha-tradzhtext .ha-btn-collapsed-box, 
+  .ha-lettertext .ha-btn-collapsed-box {
+    margin-left: 1.75rem;
+  }
+}
+.ha-minwidth .ha-tradzhtext, 
+  .ha-lettertext.ha-minwidth {
+  min-width: 38rem;
+}
+@media (min-width: 1190px) {
+
+  .ha-minwidth .ha-tradzhtext, 
+  .ha-lettertext.ha-minwidth {
+    min-width: 55rem;
+  }
+}
+.ha-minwidth .ha-tradzhtext .ha-alignright, 
+  .ha-lettertext.ha-minwidth .ha-alignright {
+  float: right;
+  margin-right: 20%;
+}
+.ha-lettertext.ha-minwidth .ha-aligncenter {
+  position: absolute;
+  left: 33.333333%;
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  white-space: nowrap;
+}
+/* COLORS */
+/* STYLES */
+.ha-adminuploadfields {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  column-gap: 1rem;
+  row-gap: 1rem;
+}
+.ha-adminuploadfields .ha-uploadfield {
+  display: block;
+  max-width: 20rem;
+  flex-shrink: 0;
+  flex-grow: 1;
+  flex-basis: 16rem;
+  border-radius: 0.25rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-adminuploadfields .ha-uploadfield:hover {
+  --tw-brightness: brightness(1.1);
+  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);
+}
+.ha-adminuploadfields .ha-uploadfield.active {
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
+  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: inset 0 2px 4px 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);
+  --tw-brightness: brightness(1.1);
+  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);
+}
+.ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.25rem;
+}
+.ha-adminuploadfields .ha-uploadusedfiles {
+  width: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border-top-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.3;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ha-adminuploadfields .ha-uploadusedfiles.ha-uploadusedfilesnotfound {
+  --tw-border-opacity: 1;
+  border-color: rgb(100 116 139 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
+}
+.ha-adminuploadfields .ha-uploadpublishforms {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: row;
+  column-gap: 1rem;
+}
+.ha-adminuploadfields .ha-uploadform {
+  position: relative;
+  flex-grow: 1;
+  border-radius: 0.25rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-adminuploadfields .ha-uploadform .ha-uploadtext {
+  text-align: center;
+}
+.ha-adminuploadfields .ha-uploadform .ha-lds-ellipsis {
+  left: 50%;
+  margin-left: -20px;
+}
+.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel {
+  display: inline-block;
+  height: 100%;
+  width: 100%;
+  cursor: pointer;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 0.25rem;
+  padding-top: 0.5rem;
+}
+.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+.ha-adminuploadfields .ha-uploadform .ha-uploadmessage {
+  border-radius: 0.125rem;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.3;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ha-adminuploadfields .ha-publishbutton {
+  display: inline-block;
+  height: 100%;
+  width: 100%;
+  flex-shrink: 1;
+  cursor: pointer;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-bottom: 0.25rem;
+  padding-top: 0.5rem;
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-adminuploadfields .ha-publishbutton:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+.ha-adminuploadfields .ha-publishbutton .ha-publishtext {
+  text-align: center;
+}
+.ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
+  border-radius: 0.125rem;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.3;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ha-uploadheader {
+  margin-top: 1rem;
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  padding-left: 4rem;
+  padding-right: 4rem;
+  padding-top: 3rem;
+  padding-bottom: 2rem;
+}
+.ha-uploadheader h1 {
+  font-size: 3rem;
+  line-height: 1;
+}
+.ha-uploadcontainer {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+  row-gap: 0.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.ha-uploadcontainer .ha-publishfilelist {
+  margin-bottom: 2rem;
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle {
+  margin-bottom: 0.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+.ha-uploadcontainer .ha-publishfilelist td {
+  padding-right: 1.5rem;
+  vertical-align: text-top;
+}
+.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel {
+  position: relative;
+  float: right;
+  margin-top: 1rem;
+  margin-left: 1.5rem;
+  cursor: pointer;
+  border-radius: 0.375rem;
+  border-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(37 99 235 / var(--tw-border-opacity));
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:hover {
+  border-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(30 64 175 / var(--tw-border-opacity));
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:active {
+  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: inset 0 2px 4px 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);
+}
+.ha-uploadcontainer .ha-availablefiles {
+  cursor: pointer;
+  user-select: none;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+  padding-left: 4rem;
+  padding-right: 4rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.ha-uploadcontainer .ha-availablefiles:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(30 41 59 / var(--tw-border-opacity));
+}
+.ha-uploadcontainer .ha-availablefiles .ha-availablefilestitle {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+.ha-uploadcontainer .ha-availablefiles .ha-usedfilelist {
+
+  }
+.ha-filesheader {
+  margin-bottom: 2rem;
+}
+.ha-availablefileslist {
+  padding-left: 4rem;
+  padding-right: 4rem;
+  padding-top: 1rem;
+}
+.ha-uploadcontainer .ha-errorswarnings {
+  display: flex;
+  flex-direction: row;
+  column-gap: 0.5rem;
+}
+.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors, 
+  .ha-uploadcontainer .ha-errorswarnings .ha-warnings {
+  min-height: 400px;
+  min-width: 40%;
+  flex-shrink: 1;
+  flex-grow: 1;
+  flex-basis: 50%;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+}
+.ha-uploadcontainer .ha-errorswarnings .ha-warnings {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
+}
+.ha-uploadcontainer .ha-crossfilechecking {
+  height: 100%;
+  min-height: 400px;
+  width: 100%;
+  flex-shrink: 0;
+  flex-grow: 1;
+  --tw-bg-opacity: 1;
+  background-color: rgb(165 243 252 / var(--tw-bg-opacity));
+}
+.ha-uploadcontainer .ha-hamannfilechooser {
+  padding-left: 4rem;
+  padding-right: 4rem;
+  padding-bottom: 4rem;
+}
+/* Classes for FileList Component */
+.ha-filelistfieldset {
+    
+  }
+.ha-filelistfieldset .ha-filelistlegend {
+  margin-bottom: 0.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+.ha-selectfilesform {
+    
+  }
+.ha-selectfilesform .ha-filelistfile {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: 1rem;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.ha-selectfilesform .ha-filelistfile:nth-child(even) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+.ha-selectfilesform .ha-filelistlist {
+  height: 24rem;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  padding-right: 1rem;
+}
+.ha-selectfilesform .ha-filelistfile .ha-filelistname {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, mono;
+}
+.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistproduction {
+  margin-right: 0.5rem;
+  display: inline-block;
+  border-radius: 0.375rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(13 148 136 / var(--tw-border-opacity));
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(13 148 136 / var(--tw-text-opacity));
+}
+.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistused {
+  display: inline-block;
+  border-radius: 0.375rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(79 70 229 / var(--tw-border-opacity));
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(79 70 229 / var(--tw-text-opacity));
+}
+.ha-selectfilesform .ha-filelistfile .ha-filelistmodified {
+  flex-grow: 1;
+  text-align: right;
+}
+.ha-selectfilesform .ha-filelistoutput {
+  margin-top: 1rem;
+  margin-left: 1.5rem;
+}
+.ha-selectfilesform .ha-filelistbutton {
+  float: right;
+  margin-top: 1rem;
+  margin-left: 1.5rem;
+  cursor: pointer;
+  border-radius: 0.375rem;
+  border-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(37 99 235 / var(--tw-border-opacity));
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.ha-selectfilesform .ha-filelistbutton:hover {
+  border-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(30 64 175 / var(--tw-border-opacity));
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ha-selectfilesform .ha-filelistbutton:active {
+  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: inset 0 2px 4px 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);
+}
+/* TODO: check what can be inlined (eg. used once in the code, has no double paths etc...) */
+.pointer-events-none {
+  pointer-events: none;
+}
+.static {
+  position: static;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.sticky {
+  position: sticky;
+}
+.bottom-0 {
+  bottom: 0px;
+}
+.my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+.mx-8 {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+.ml-8 {
+  margin-left: 2rem;
+}
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+.mr-2 {
+  margin-right: 0.5rem;
+}
+.\!mr-0 {
+  margin-right: 0px !important;
+}
+.block {
+  display: block;
+}
+.inline-block {
+  display: inline-block;
+}
+.flex {
+  display: flex;
+}
+.table {
+  display: table;
+}
+.flow-root {
+  display: flow-root;
+}
+.hidden {
+  display: none;
+}
+.h-full {
+  height: 100%;
+}
+.h-8 {
+  height: 2rem;
+}
+.min-h-screen {
+  min-height: 100vh;
+}
+.w-full {
+  width: 100%;
+}
+.w-8 {
+  width: 2rem;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
+.shrink {
+  flex-shrink: 1;
+}
+.grow {
+  flex-grow: 1;
+}
+.grow-0 {
+  flex-grow: 0;
+}
+.cursor-default {
+  cursor: default;
+}
+.resize {
+  resize: both;
+}
+.list-disc {
+  list-style-type: disc;
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.border {
+  border-width: 1px;
+}
+.border-t-\[5px\] {
+  border-top-width: 5px;
+}
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+.border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity));
+}
+.border-t-gray-200 {
+  --tw-border-opacity: 1;
+  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+.border-l-gray-200 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+.bg-slate-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.p-1 {
+  padding: 0.25rem;
+}
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.pb-24 {
+  padding-bottom: 6rem;
+}
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+.pr-3 {
+  padding-right: 0.75rem;
+}
+.align-baseline {
+  vertical-align: baseline;
+}
+.align-bottom {
+  vertical-align: bottom;
+}
+.font-serif {
+  font-family: Libertine, serif;
+}
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+.italic {
+  font-style: italic;
+}
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+.hyphenate {
+    hyphens: auto;
+  }
+.unhyphenate {
+    hyphens: none;
+  }
+.numeric-mediaeval {
+    font-variant-numeric: oldstyle-nums;
+  }
+.numeric-normal {
+    font-variant-numeric: normal;
+  }
+.caps-allpetite {
+    font-variant-caps: all-petite-caps;
+  }
+.caps-petite {
+    font-variant-caps: petite-caps;
+  }
+.caps-normal {
+    font-variant-caps: normal;
+  }
+.break-inside-avoid {
+    break-inside: avoid;
+  }
+/* Regular woff-files for regular font variants curerently
+   Instead we can use the Graphite versions of the font   
+
+@font-face {
+    font-family: 'Biolinum';
+    src: url('/fonts/LinBiolinum_R_G.ttf') format('truetype');
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Libertine';
+    src: url('/fonts/LinLibertine_R_G.ttf') format('truetype');
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+}
+
+*/
+@font-face {
+    font-family: "Biolinum";
+    src: url("../fonts/LinBiolinum_R.woff") format("woff");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  }
+@font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_R.woff") format("woff");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  }
+@font-face {
+    font-family: "Biolinum";
+    src: url("../fonts/LinBiolinum_RI.woff") format("woff");
+    font-display: swap;
+    font-weight: normal;
+    font-style: italic;
+  }
+@font-face {
+    font-family: "Biolinum";
+    src: url("../fonts/LinBiolinum_RB.woff") format("woff");
+    font-display: swap;
+    font-weight: bold;
+    font-style: normal;
+  }
+@font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_RI.woff") format("woff");
+    font-display: swap;
+    font-weight: normal;
+    font-style: italic;
+  }
+@font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_RB.woff") format("woff");
+    font-display: swap;
+    font-weight: bold;
+    font-style: normal;
+  }
+@font-face {
+    font-family: "Playfair";
+    src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  }
+/* Symbols, Icons, Drawings, Tooltips */
+.ha-menu-arrowsymbol::after {
+    display: inline-block;
+    margin-left: 0.2em;
+    vertical-align: 0.2em;
+    content: "";
+    border-top: 0.3em solid;
+    border-right: 0.3em solid transparent;
+    border-bottom: 0;
+    border-left: 0.3em solid transparent;
+  }
+.ha-menusymbol {
+    border-radius: 4px;
+  }
+.ha-menusymbol svg {
+    width: 24px;
+    height: 24px;
+    stroke-width: 2;
+    stroke-linecap: round;
+    stroke-linejoin: miter;
+    fill: none;
+  }
+.ha-tooltip .ha-tooltiptext {
+    white-space: nowrap;
+    visibility: hidden;
+    min-width: 160px;
+    bottom: 155%;
+    left: 50%;
+    margin-left: -80px;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+.ha-tooltip .ha-tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    /* border-color: rgb(226 232 240 / var(--tw-bg-opacity)) transparent transparent
+      transparent; */
+  }
+.ha-tooltip:hover .ha-tooltiptext {
+    visibility: visible;
+    opacity: 1;
+  }
+.ha-open-btn-collapsed-box::before {
+    content: "\200E+";
+    font-weight: 900;
+  }
+.ha-close-btn-collapsed-box::before {
+    content: "\200E\00D7";
+    font-weight: 900;
+  }
+.ha-uploadheader .ha-usedfilesheaderlist .ha-plussign {
+    content: "\200E+ ";
+    font-weight: bold;
+    display: inline-block;
+    background-color: lightslategray;
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+/* Tooltip text */
+.ha-uploadform .ha-uploadmessage {
+    visibility: visible;
+    text-align: center;
+    padding: 5px 0;
+    border-radius: 6px;
+   
+    /* Position the tooltip text - see examples below! */
+    position: absolute;
+    z-index: 1;
+  
+    margin-top: 0.5rem;
+    width: 360px;
+    top: 100%;
+    left: 50%;
+    margin-left: -180px; /* Use half of the width (120/2 = 60), to center the tooltip */
+  
+    opacity: 0;
+    transition: opacity 1s;
+  }
+.ha-uploadform .ha-uploadmessage::after {
+    content: " ";
+    position: absolute;
+    bottom: 100%;  /* At the top of the tooltip */
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent transparent grey transparent;
+  
+  }
+.ha-lds-ellipsis {
+    display: none;
+    position: absolute;
+    bottom: 20px;
+  }
+.ha-lds-ellipsis-load {
+    display: none;
+    position: relative;
+    width: 38px;
+    bottom: 8px;
+  }
+.ha-lds-ellipsis-publish {
+    display: none;
+    position: absolute;
+    left: -50px;
+    bottom: 16px;
+  }
+.ha-lds-ellipsis div,
+  .ha-lds-ellipsis-load div,
+  .ha-lds-ellipsis-publish div {
+    position: absolute;
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    background: #000;
+    animation-timing-function: cubic-bezier(0, 1, 1, 0);
+  }
+.ha-lds-ellipsis div:nth-child(1),
+  .ha-lds-ellipsis-load div:nth-child(1),
+  .ha-lds-ellipsis-publish div:nth-child(1) {
+    left: 6px;
+    animation: ha-lds-ellipsis1 0.6s infinite;
+  }
+.ha-lds-ellipsis div:nth-child(2),
+  .ha-lds-ellipsis-load div:nth-child(2),
+  .ha-lds-ellipsis-publish div:nth-child(2) {
+    left: 4px;
+    animation: ha-lds-ellipsis2 0.6s infinite;
+  }
+.ha-lds-ellipsis div:nth-child(3),
+  .ha-lds-ellipsis-load div:nth-child(3),
+  .ha-lds-ellipsis-publish div:nth-child(3) {
+    left: 16px;
+    animation: ha-lds-ellipsis2 0.6s infinite;
+  }
+.ha-lds-ellipsis div:nth-child(4),
+  .ha-lds-ellipsis-load div:nth-child(4),
+  .ha-lds-ellipsis-publish div:nth-child(4) {
+    left: 30px;
+    animation: ha-lds-ellipsis3 0.6s infinite;
+  }
+@keyframes ha-lds-ellipsis1 {
+    0% {
+      transform: scale(0);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
+@keyframes ha-lds-ellipsis3 {
+    0% {
+      transform: scale(1);
+    }
+    100% {
+      transform: scale(0);
+    }
+  }
+@keyframes ha-lds-ellipsis2 {
+    0% {
+      transform: translate(0, 0);
+    }
+    100% {
+      transform: translate(16px, 0);
+    }
+  }
+.ha-cross::before,
+  .ha-cross::after {
+    content: "";
+  }
+.ha-cross::before {
+    -webkit-transform: skewY(-27deg);
+    transform: skewY(-27deg);
+  }
+.ha-nr::before {
+    content: " \200E\25E6";
+  }
+.ha-nr::after {
+    content: " \200E\25E6";
+  }
+.ha-added::before {
+    content: "";
+  }
+.ha-added::after {
+    content: "";
+  }
+.ha-note::before {
+    content: "";
+  }
+.ha-note::after {
+    content: "";
+  }
+.ha-bzg::after {
+    content: "]";
+  }
+* {
+    scroll-behavior: smooth;
+    text-decoration-skip-ink: all;
+  }
+html {
+    overflow-y: scroll;
+  }
+body {
+    background-image: url("../img/subtlenet2.png");
+    background-repeat: repeat;
+  }
+.ha-diagdel {
+    text-decoration: none !important;
+    text-decoration-line: none !important;
+    position: relative;
+    display: inline-block !important;
+  }
+.ha-diagdel::before,
+  .ha-diagdel::after {
+    content: "";
+    width: 100%;
+    height: 0%;
+    position: absolute;
+    right: 0;
+    bottom: 1.4ex;
+  }
+.ha-diagdel::before {
+    border-width: 1px;
+    border-style: solid;
+    -webkit-transform: skewY(-36deg);
+    transform: skewY(-36deg);
+  }
+.ha-del .ha-del,
+  .ha-del .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    -moz-text-decoration-style: double;
+    -webkit-text-decoration-style: double !important;
+    text-decoration-thickness: 1px;
+    text-decoration-style: double;
+  }
+.ha-del .ha-del .ha-ul,
+  .ha-ul .ha-del .ha-del,
+  .ha-del .ha-ul .ha-del {
+    text-decoration: line-through underline;
+    -moz-text-decoration-style: double;
+    -webkit-text-decoration-style: double !important;
+    text-decoration-thickness: 1px;
+    text-decoration-style: double;
+  }
+.ha-del .ha-ul,
+  .ha-ul .ha-del {
+    text-decoration: line-through underline;
+    text-decoration-thickness: 1px;
+    text-decoration-skip-ink: auto;
+    -webkit-text-decoration-skip-ink: auto;
+  }
+.ha-table {
+    overflow: hidden;
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums !important;
+  }
+.ha-hatab-0-2 {
+    display: inline;
+    position: static;
+    min-width: 50%;
+  }
+.ha-hatab-1-2 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 50%;
+  }
+.ha-hatab-0-3 {
+    display: inline;
+    position: static;
+    min-width: 33.333%;
+  }
+.ha-hatab-1-3 {
+    display: inline-block;
+    position: absolute;
+    left: 33%;
+    min-width: 33.333%;
+  }
+.ha-hatab-2-3 {
+    display: inline-block;
+    position: absolute;
+    left: 66%;
+    min-width: 33.333%;
+  }
+.ha-hatab-0-4 {
+    display: inline;
+    position: static;
+    min-width: 25%;
+  }
+.ha-hatab-1-4 {
+    display: inline-block;
+    position: absolute;
+    left: 25%;
+    min-width: 25%;
+  }
+.ha-hatab-2-4 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 25%;
+  }
+.ha-hatab-3-4 {
+    display: inline-block;
+    position: absolute;
+    left: 75%;
+    min-width: 25%;
+  }
+.ha-hatab-0-5 {
+    display: inline;
+    position: static;
+    min-width: 20%;
+  }
+.ha-hatab-1-5 {
+    display: inline-block;
+    position: absolute;
+    left: 20%;
+    min-width: 20%;
+  }
+.ha-hatab-2-5 {
+    display: inline-block;
+    position: absolute;
+    left: 40%;
+    min-width: 20%;
+  }
+.ha-hatab-3-5 {
+    display: inline-block;
+    position: absolute;
+    left: 60%;
+    min-width: 20%;
+  }
+.ha-hatab-4-5 {
+    display: inline-block;
+    position: absolute;
+    left: 80%;
+    min-width: 20%;
+  }
+.ha-hatab-0-6 {
+    display: inline;
+    position: static;
+    min-width: 16.667%;
+  }
+.ha-hatab-1-6 {
+    display: inline-block;
+    position: absolute;
+    left: 16.667%;
+    min-width: 16.667%;
+  }
+.ha-hatab-2-6 {
+    display: inline-block;
+    position: absolute;
+    left: 33.333%;
+    min-width: 16.667%;
+  }
+.ha-hatab-3-6 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 16.667%;
+  }
+.ha-hatab-4-6 {
+    display: inline-block;
+    position: absolute;
+    left: 66.667%;
+    min-width: 16.667%;
+  }
+.ha-hatab-5-6 {
+    display: inline-block;
+    position: absolute;
+    left: 83.333%;
+    min-width: 16.667%;
+  }
+.ha-hatab-0-7 {
+    display: inline;
+    position: static;
+    min-width: 14.286%;
+  }
+.ha-hatab-1-7 {
+    display: inline-block;
+    position: absolute;
+    left: 14.286%;
+    min-width: 14.286%;
+  }
+.ha-hatab-2-7 {
+    display: inline-block;
+    position: absolute;
+    left: 28.571%;
+    min-width: 14.286%;
+  }
+.ha-hatab-3-7 {
+    display: inline-block;
+    position: absolute;
+    left: 42.857%;
+    min-width: 14.286%;
+  }
+.ha-hatab-4-7 {
+    display: inline-block;
+    position: absolute;
+    left: 57.143%;
+    min-width: 14.286%;
+  }
+.ha-hatab-5-7 {
+    display: inline-block;
+    position: absolute;
+    left: 71.429%;
+    min-width: 14.286%;
+  }
+.ha-hatab-6-7 {
+    display: inline-block;
+    position: absolute;
+    left: 85.714%;
+    min-width: 14.286%;
+  }
+.ha-hatab-0-8 {
+    display: inline;
+    position: static;
+    min-width: 12.5%;
+  }
+.ha-hatab-1-8 {
+    display: inline-block;
+    position: absolute;
+    left: 12.5%;
+    min-width: 12.5%;
+  }
+.ha-hatab-2-8 {
+    display: inline-block;
+    position: absolute;
+    left: 25%;
+    min-width: 12.5%;
+  }
+.ha-hatab-3-8 {
+    display: inline-block;
+    position: absolute;
+    left: 37.5%;
+    min-width: 12.5%;
+  }
+.ha-hatab-4-8 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 12.5%;
+  }
+.ha-hatab-5-8 {
+    display: inline-block;
+    position: absolute;
+    left: 62.5%;
+    min-width: 12.5%;
+  }
+.ha-hatab-6-8 {
+    display: inline-block;
+    position: absolute;
+    left: 75%;
+    min-width: 12.5%;
+  }
+.ha-hatab-7-8 {
+    display: inline-block;
+    position: absolute;
+    left: 87.5%;
+    min-width: 12.5%;
+  }
+.ha-hatab-0-9 {
+    display: inline;
+    position: static;
+    min-width: 11.111%;
+  }
+.ha-hatab-1-9 {
+    display: inline-block;
+    position: absolute;
+    left: 11.111%;
+    min-width: 11.111%;
+  }
+.ha-hatab-2-9 {
+    display: inline-block;
+    position: absolute;
+    left: 22.222%;
+    min-width: 11.111%;
+  }
+.ha-hatab-3-9 {
+    display: inline-block;
+    position: absolute;
+    left: 33.333%;
+    min-width: 11.111%;
+  }
+.ha-hatab-4-9 {
+    display: inline-block;
+    position: absolute;
+    left: 44.444%;
+    min-width: 11.111%;
+  }
+.ha-hatab-5-9 {
+    display: inline-block;
+    position: absolute;
+    left: 55.555%;
+    min-width: 11.111%;
+  }
+.ha-hatab-6-9 {
+    display: inline-block;
+    position: absolute;
+    left: 66.666%;
+    min-width: 11.111%;
+  }
+.ha-hatab-7-9 {
+    display: inline-block;
+    position: absolute;
+    left: 77.777%;
+    min-width: 11.111%;
+  }
+.ha-hatab-8-9 {
+    display: inline-block;
+    position: absolute;
+    left: 88.888%;
+    min-width: 11.111%;
+  }
+.ha-hatab-0-10 {
+    display: inline-block;
+    position: absolute;
+    min-width: 10%;
+  }
+.ha-hatab-1-10 {
+    display: inline-block;
+    position: absolute;
+    left: 10%;
+    min-width: 10%;
+  }
+.ha-hatab-2-10 {
+    display: inline-block;
+    position: absolute;
+    left: 20%;
+    min-width: 10%;
+  }
+.ha-hatab-3-10 {
+    display: inline-block;
+    position: absolute;
+    left: 30%;
+    min-width: 10%;
+  }
+.ha-hatab-4-10 {
+    display: inline-block;
+    position: absolute;
+    left: 40%;
+    min-width: 10%;
+  }
+.ha-hatab-5-10 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 10%;
+  }
+.ha-hatab-6-10 {
+    display: inline-block;
+    position: absolute;
+    left: 60%;
+    min-width: 10%;
+  }
+.ha-hatab-7-10 {
+    display: inline-block;
+    position: absolute;
+    left: 70%;
+    min-width: 10%;
+  }
+.ha-hatab-8-10 {
+    display: inline-block;
+    position: absolute;
+    left: 80%;
+    min-width: 10%;
+  }
+.ha-hatab-9-10 {
+    display: inline-block;
+    position: absolute;
+    left: 90%;
+    min-width: 10%;
+  }
+.ha-hatab-0-11 {
+    display: inline-block;
+    position: absolute;
+    min-width: 9.091%;
+  }
+.ha-hatab-1-11 {
+    display: inline-block;
+    position: absolute;
+    left: 9.091%;
+    min-width: 9.091%;
+  }
+.ha-hatab-2-11 {
+    display: inline-block;
+    position: absolute;
+    left: 18.182%;
+    min-width: 9.091%;
+  }
+.ha-hatab-3-11 {
+    display: inline-block;
+    position: absolute;
+    left: 27.273%;
+    min-width: 9.091%;
+  }
+.ha-hatab-4-11 {
+    display: inline-block;
+    position: absolute;
+    left: 36.364%;
+    min-width: 9.091%;
+  }
+.ha-hatab-5-11 {
+    display: inline-block;
+    position: absolute;
+    left: 45.455%;
+    min-width: 9.091%;
+  }
+.ha-hatab-6-11 {
+    display: inline-block;
+    position: absolute;
+    left: 54.545%;
+    min-width: 9.091%;
+  }
+.ha-hatab-7-11 {
+    display: inline-block;
+    position: absolute;
+    left: 63.636%;
+    min-width: 9.091%;
+  }
+.ha-hatab-8-11 {
+    display: inline-block;
+    position: absolute;
+    left: 72.727%;
+    min-width: 9.091%;
+  }
+.ha-hatab-9-11 {
+    display: inline-block;
+    position: absolute;
+    left: 81.818%;
+    min-width: 9.091%;
+  }
+.ha-hatab-10-11 {
+    display: inline-block;
+    position: absolute;
+    left: 90.909%;
+    min-width: 9.091%;
+  }
+.ha-hatab-0-12 {
+    display: inline-block;
+    position: absolute;
+    min-width: 8.333%;
+  }
+.ha-hatab-1-12 {
+    display: inline-block;
+    position: absolute;
+    left: 8.333%;
+    min-width: 8.333%;
+  }
+.ha-hatab-2-12 {
+    display: inline-block;
+    position: absolute;
+    left: 16.666%;
+    min-width: 8.333%;
+  }
+.ha-hatab-3-12 {
+    display: inline-block;
+    position: absolute;
+    left: 25%;
+    min-width: 8.333%;
+  }
+.ha-hatab-4-12 {
+    display: inline-block;
+    position: absolute;
+    left: 33.333%;
+    min-width: 8.333%;
+  }
+.ha-hatab-5-12 {
+    display: inline-block;
+    position: absolute;
+    left: 41.666%;
+    min-width: 8.333%;
+  }
+.ha-hatab-6-12 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 8.333%;
+  }
+.ha-hatab-7-12 {
+    display: inline-block;
+    position: absolute;
+    left: 58.333%;
+    min-width: 8.333%;
+  }
+.ha-hatab-8-12 {
+    display: inline-block;
+    position: absolute;
+    left: 66.666%;
+    min-width: 8.333%;
+  }
+.ha-hatab-9-12 {
+    display: inline-block;
+    position: absolute;
+    left: 75%;
+    min-width: 8.333%;
+  }
+.ha-hatab-10-12 {
+    display: inline-block;
+    position: absolute;
+    left: 83.333%;
+    min-width: 8.333%;
+  }
+.ha-hatab-11-12 {
+    display: inline-block;
+    position: absolute;
+    left: 91.666%;
+    min-width: 8.333%;
+  }
+.ha-lettertext .ha-marginalbox:before {
+    content: "";
+  }
+.ha-lettertext .ha-marginalbox .ha-marginal::after {
+    content: "";
+  }
+.ha-lettertext .ha-marginalbox .ha-marginal:last-of-type::after {
+    content: "";
+  }
+.ha-tradzhtext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal,
+.ha-lettertext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal {
+    display: -webkit-inline-box;
+    -webkit-box-orient: vertical;
+}
+.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(2)::after {
+    content: "";
+}
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+.dark .dark\:border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity));
+}
+.dark .dark\:bg-slate-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+}
+.dark .dark\:pt-2 {
+  padding-top: 0.5rem;
+}
+.dark .dark\:pb-2 {
+  padding-bottom: 0.5rem;
+}
+.dark .dark\:shadow-xl {
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+@media (min-width: 700px) {
+
+  .sm\:inline {
+    display: inline;
+  }
+
+  .sm\:hidden {
+    display: none;
+  }
+}
+@media (min-width: 960px) {
+
+  .md\:inline {
+    display: inline;
+  }
+
+  .md\:hidden {
+    display: none;
+  }
+
+  .md\:pr-80 {
+    padding-right: 20rem;
+  }
+}
+@media (min-width: 1190px) {
+
+  .desktop\:block {
+    display: block;
+  }
+
+  .desktop\:hidden {
+    display: none;
+  }
+
+  .desktop\:max-w-screen-desktop {
+    max-width: 1190px;
+  }
+
+  .desktop\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .desktop\:pr-8 {
+    padding-right: 2rem;
+  }
+}
+@media (min-width: 1440px) {
+
+  .xl\:h-12 {
+    height: 3rem;
+  }
+
+  .xl\:w-12 {
+    width: 3rem;
+  }
+
+  .xl\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+}
diff --git a/HaWeb/wwwroot/css/register.css b/HaWeb/wwwroot/css/register.css
new file mode 100644
index 0000000..5960993
--- /dev/null
+++ b/HaWeb/wwwroot/css/register.css
@@ -0,0 +1,241 @@
+@layer components {
+/* COLORS */
+  .ha-register .ha-register-head,
+  .ha-register .ha-register-body {
+    @apply bg-slate-50 dark:bg-slate-900 dark:text-slate-50 dark:shadow-xl
+  }
+
+  .ha-register .ha-register-head {
+    @apply border-b-2 border-slate-200
+  }
+
+  .ha-register .ha-register-head .ha-register-add a {
+    @apply rounded border border-hamannSlate-50 hover:shadow-md hover:border-hamannSlate-300
+  }
+
+  .ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton {
+    @apply rounded-l bg-slate-200 border-r border-hamannSlate-50
+  }
+
+  .ha-register .ha-register-head .ha-register-add a:hover .ha-register-add-plusbutton {
+    @apply border-hamannSlate-300 text-hamannSlate-700
+  }
+
+  .ha-register .ha-register-head .ha-register-add a .ha-register-add-text {
+
+  }
+
+  .ha-register .ha-register-head .ha-register-nav a {
+    @apply text-slate-700 hover:text-slate-900 dark:text-white dark:hover:text-gray-300
+  }
+
+  .ha-register .ha-register-head .ha-register-nav a.active {
+    @apply border-b-2 border-slate-200 dark:!text-gray-200 dark:font-bold
+  }
+
+  .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks,
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
+    @apply desktop:bg-slate-50 dark:bg-slate-900 dark:text-slate-50
+  }
+
+  .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before,
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
+    @apply bg-hamannSlate-500 dark:bg-slate-500
+  }
+
+  .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
+    @apply shadow-md dark:shadow-lg
+  }
+
+  .ha-register .ha-btn-collapsed-box {
+    @apply hidden desktop:block absolute -top-[0.15rem] cursor-pointer mt-0.5
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
+    @apply text-slate-900 dark:text-white
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a {
+    @apply hover:text-hamannSlate-900 dark:hover:text-gray-200 no-underline hover:underline
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
+    @apply text-slate-700 dark:text-white
+  }
+
+
+/* STYLES */
+  .ha-register {
+    @apply w-full font-serif numeric-mediaeval
+  }
+
+  .ha-register .ha-register-head,
+  .ha-register .ha-register-body {
+    @apply pt-9 md:pt-12 px-9 md:px-16
+  }
+
+  .ha-register .ha-register-head {
+    @apply rounded-t-sm
+  }
+
+  .ha-register .ha-register-head h1 {
+    @apply font-bold text-xl desktop:font-normal desktop:text-4xl mb-6 inline-block
+  }
+
+  .ha-register .ha-register-head .ha-register-add {
+    @apply inline-block relative bottom-[0.33rem] ml-2
+  }
+
+  .ha-register .ha-register-head .ha-register-add a {
+    @apply -mt-4 mb-6 flex flex-row w-fit text-sm font-sans
+  }
+
+  .ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton {
+    @apply px-2 leading-none text-xl font-bold pb-0.5
+  }
+
+  .ha-register .ha-register-head .ha-register-add a:hover .ha-register-add-plusbutton {
+    
+  }
+
+  .ha-register .ha-register-head .ha-register-add a .ha-register-add-text {
+    @apply pl-1 pr-2 leading-none pt-1
+  }
+
+  .ha-register .ha-register-head .ha-register-nav {
+    @apply font-sans
+  }
+
+  .ha-register .ha-register-head .ha-register-nav a {
+    @apply inline-block px-1 mr-1 md:mr-3
+  }
+
+  .ha-register .ha-register-head .ha-register-nav a:first {
+    @apply pl-0
+  }
+
+  .ha-register .ha-register-head .ha-register-nav .ha-register-left-nav {
+    @apply inline-block
+  }
+
+  .ha-register .ha-register-head .ha-register-nav .ha-register-right-nav {
+    @apply inline-block
+  }
+
+  .ha-register .ha-register-body {
+    @apply md:pr-96 pb-9 md:pb-12 rounded-b-sm
+  }
+
+  .ha-register .ha-register-body .ha-comment {
+    @apply block mb-9 md:mb-12
+  }
+
+  .ha-register .ha-register-body .ha-comment a {
+    @apply underline decoration-dotted hover:decoration-solid
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-headcomment {
+    @apply desktop:relative block
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-subcomment {
+    @apply desktop:relative block ml-8 mt-2
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead {
+    @apply block
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-lemma {
+    @apply inline font-bold
+  }
+
+  .ha-register
+    .ha-forschung
+    .ha-register-body
+    .ha-comment
+    .ha-commenthead
+    .ha-lemma {
+    @apply inline font-normal;
+  }
+
+  .ha-register .ha-forschung .ha-register-body .ha-comment {
+    @apply mb-4 md:mb-6 -indent-4 pl-4
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
+    @apply inline-block font-normal text-xs md:text-sm leading-snug font-sans caps-allpetite ml-2 mt-1
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks::before {
+    @apply absolute mt-1 top-[0.1rem] bottom-[0.1rem] left-0 w-0.5 content-['']
+  }
+
+  .ha-register
+    .ha-register-body
+    .ha-comment
+    .ha-commenthead
+    .ha-letlinks
+    .ha-hkb {
+    @apply inline
+  }
+
+  .ha-register
+    .ha-neuzeit
+    .ha-register-body
+    .ha-headcomment
+    .ha-commenthead
+    .ha-letlinks,
+  .ha-register
+    .ha-forschung
+    .ha-register-body
+    .ha-headcomment
+    .ha-commenthead
+    .ha-letlinks {
+    @apply desktop:left-[48rem]
+  }
+
+  .ha-register
+    .ha-neuzeit
+    .ha-register-body
+    .ha-subcomment
+    .ha-commenthead
+    .ha-letlinks,
+  .ha-register
+    .ha-forschung
+    .ha-register-body
+    .ha-subcomment
+    .ha-commenthead
+    .ha-letlinks {
+    @apply desktop:left-[46rem]
+  }
+
+  .ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma a {
+    @apply pl-2
+  }
+
+  .ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma svg {
+    @apply inline
+  }
+
+  .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks,
+  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
+    @apply desktop:indent-0 desktop:top-0 desktop:w-80 desktop:block desktop:absolute pl-2
+  }
+
+  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a {
+    @apply hover:text-slate-900
+  }
+
+  .ha-register .ha-headcomment .ha-btn-collapsed-box {
+    @apply left-[47.6rem]
+  }
+
+  .ha-register .ha-subcomment .ha-btn-collapsed-box {
+    @apply left-[45.6rem]
+  }
+
+  .ha-register .ha-btn-collapsed-box {
+    @apply hidden desktop:block absolute -top-[0.15rem] cursor-pointer
+  }
+}
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/scrollbutton.css b/HaWeb/wwwroot/css/scrollbutton.css
new file mode 100644
index 0000000..7c0495d
--- /dev/null
+++ b/HaWeb/wwwroot/css/scrollbutton.css
@@ -0,0 +1,13 @@
+@layer components {
+/* COLORS */
+
+
+/* STYLES */
+  .ha-scrollbutton {
+    @apply opacity-0 transition-opacity duration-500 cursor-pointer fixed left-[85%] text-center bottom-0 pb-3 pt-2 bg-slate-50 dark:bg-slate-700 dark:text-white px-2 shadow-md rounded-t-xl hover:shadow-lg text-hamannSlate-700 hover:text-hamannSlate-500
+  }
+
+  .ha-scrollbuttonarrow {
+    @apply h-8 w-8
+  }
+}
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/shared.css b/HaWeb/wwwroot/css/shared.css
new file mode 100644
index 0000000..c751a58
--- /dev/null
+++ b/HaWeb/wwwroot/css/shared.css
@@ -0,0 +1,299 @@
+@layer components {
+/* COLORS */
+  body {
+    @apply text-black dark:text-white dark:bg-gray-800 dark:bg-none
+  }
+
+  .ha-added,
+  .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    @apply bg-slate-300 dark:bg-slate-600
+  }
+
+  .ha-note,
+  .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    @apply text-slate-700 dark:text-slate-500
+  }
+
+  .ha-ful,
+  .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    @apply border-black dark:border-white
+  }
+
+  .ha-tul,
+  .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    @apply border-black dark:border-white
+  }
+
+  .ha-diagdel::before {
+    @apply border-black dark:border-white
+  }
+
+  .ha-lineline {
+    @apply border-black dark:border-white
+  }
+
+  .active {
+    @apply !text-hamannHighlight dark:!text-black
+  }
+
+  .active:hover {
+    @apply !text-hamannHighlight dark:!text-gray-800
+  }
+
+/* STYLES */
+  * {
+    @apply transition-colors duration-100
+  }
+
+  body {
+    @apply text-base desktop:text-lg w-full h-full;
+  }
+
+  .active {
+    @apply  pointer-events-none
+  }
+
+  .hide {
+    @apply !hidden
+  }
+
+  .ha-zhbreak {
+    @apply hidden sm:inline
+  }
+
+  .ha-up {
+    @apply -top-3 relative
+  }
+
+  .ha-bzg {
+    @apply !font-serif !text-xs !font-semibold
+  }
+
+  .ha-text {
+    @apply inline
+  }
+
+  .ha-title {
+    @apply inline italic
+  }
+
+  .ha-insertedlemma {
+    @apply inline
+  }
+
+  .ha-serif {
+    @apply font-serif
+  }
+
+  .ha-aq,
+  .ha-aq *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+    @apply font-sans
+  }
+
+  .ha-ul,
+  .ha-ul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+    @apply underline
+  }
+
+  .ha-del,
+  .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-diagdel, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+    @apply inline line-through
+  }
+
+  .ha-hand,
+  .ha-hand *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+    @apply font-classy text-[0.9rem]
+  }
+
+  .ha-added,
+  .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+    @apply px-0.5 rounded-sm
+  }
+
+  .ha-note,
+  .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+    @apply italic
+  }
+
+  .ha-emph *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+    @apply italic
+  }
+
+  .ha-sup *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
+    @apply relative -top-[0.3em] text-[80%]
+  }
+
+  /* TODO: Something dooesnt work here */
+  .ha-super {
+    @apply numeric-normal relative text-xs leading-none align-baseline -top-[0.3em]
+  }
+
+  .ha-sub {
+    @apply relative text-xs leading-none align-baseline -bottom-[0.25em]
+  }
+
+  .ha-ful,
+  .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    @apply inline border-b pb-[2px]
+  }
+
+  .ha-dul,
+  .ha-dul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    @apply underline decoration-double
+  }
+
+  .ha-tul,
+  .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    @apply underline border-b-[3px] border-double
+  }
+
+  .up {
+    @apply relative -top[0.5em]
+  }
+
+  .ha-alignright {
+    @apply float-right
+  }
+
+  .ha-aligncenter {
+    @apply absolute left-1/2 whitespace-nowrap -translate-x-1/2
+  }
+
+  .ha-lineline {
+    @apply border-t w-1/3 mx-40 mt-[0.6rem] absolute
+  }
+
+  .ha-sal {
+    @apply inline-block ml-6
+  }
+
+  /* Classes for indents */
+  .ha-indent-1 {
+    @apply pl-2 sm:pl-4
+  }
+
+  .ha-indent-2 {
+    @apply pl-4 sm:pl-8
+  }
+
+  .ha-indent-3 {
+    @apply pl-6 sm:pl-12
+  }
+
+  .ha-indent-4 {
+    @apply pl-8 sm:pl-16
+  }
+
+  .ha-indent-5 {
+    @apply pl-10 sm:pl-20
+  }
+
+  .ha-indent-6 {
+    @apply pl-20 sm:pl-44
+  }
+
+  .ha-indent-7 {
+    @apply pl-32 sm:pl-64
+  }
+
+  .ha-collapsed-box,
+  .ha-collapsed-box * {
+    @apply z-0 overflow-hidden min-w-0 min-h-0 overflow-ellipsis cursor-default
+  }
+
+  .ha-expanded-box {
+    @apply pb-1 z-[1000] !h-auto !max-h-screen
+  }
+}
+
+  .ha-nr::before {
+    content: " \200E\25E6";
+  }
+  
+  .ha-nr::after {
+    content: " \200E\25E6";
+  }
+  
+  .ha-added::before {
+    content: "";
+  }
+  
+  .ha-added::after {
+    content: "";
+  }
+  
+  .ha-note::before {
+    content: "";
+  }
+  
+  .ha-note::after {
+    content: "";
+  }
+  
+  .ha-bzg::after {
+    content: "]";
+  }
+
+  * {
+    scroll-behavior: smooth;
+    text-decoration-skip-ink: all;
+  }
+  
+  html {
+    overflow-y: scroll;
+  }
+
+  body {
+    background-image: url("../img/subtlenet2.png");
+    background-repeat: repeat;
+  }  
+
+  .ha-diagdel {
+    text-decoration: none !important;
+    text-decoration-line: none !important;
+    position: relative;
+    display: inline-block !important;
+  }
+  
+  .ha-diagdel::before,
+  .ha-diagdel::after {
+    content: "";
+    width: 100%;
+    height: 0%;
+    position: absolute;
+    right: 0;
+    bottom: 1.4ex;
+  }
+  
+  .ha-diagdel::before {
+    border-width: 1px;
+    border-style: solid;
+    -webkit-transform: skewY(-36deg);
+    transform: skewY(-36deg);
+  }
+  
+  .ha-del .ha-del,
+  .ha-del .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
+    -moz-text-decoration-style: double;
+    -webkit-text-decoration-style: double !important;
+    text-decoration-thickness: 1px;
+    text-decoration-style: double;
+  }
+  
+  .ha-del .ha-del .ha-ul,
+  .ha-ul .ha-del .ha-del,
+  .ha-del .ha-ul .ha-del {
+    text-decoration: line-through underline;
+    -moz-text-decoration-style: double;
+    -webkit-text-decoration-style: double !important;
+    text-decoration-thickness: 1px;
+    text-decoration-style: double;
+  }
+  
+  .ha-del .ha-ul,
+  .ha-ul .ha-del {
+    text-decoration: line-through underline;
+    text-decoration-thickness: 1px;
+    text-decoration-skip-ink: auto;
+    -webkit-text-decoration-skip-ink: auto;
+  }
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/site.css b/HaWeb/wwwroot/css/site.css
index 1928e38..52dfee1 100644
--- a/HaWeb/wwwroot/css/site.css
+++ b/HaWeb/wwwroot/css/site.css
@@ -1,2254 +1,18 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Regular woff-files for regular font variants curerently
-   Instead we can use the Graphite versions of the font   
-
-@font-face {
-    font-family: 'Biolinum';
-    src: url('/fonts/LinBiolinum_R_G.ttf') format('truetype');
-    font-display: swap;
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Libertine';
-    src: url('/fonts/LinLibertine_R_G.ttf') format('truetype');
-    font-display: swap;
-    font-weight: normal;
-    font-style: normal;
-}
-
-*/
-
-@font-face {
-  font-family: "Biolinum";
-  src: url("../fonts/LinBiolinum_R.woff") format("woff");
-  font-display: swap;
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Libertine";
-  src: url("../fonts/LinLibertine_R.woff") format("woff");
-  font-display: swap;
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Biolinum";
-  src: url("../fonts/LinBiolinum_RI.woff") format("woff");
-  font-display: swap;
-  font-weight: normal;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "Biolinum";
-  src: url("../fonts/LinBiolinum_RB.woff") format("woff");
-  font-display: swap;
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Libertine";
-  src: url("../fonts/LinLibertine_RI.woff") format("woff");
-  font-display: swap;
-  font-weight: normal;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "Libertine";
-  src: url("../fonts/LinLibertine_RB.woff") format("woff");
-  font-display: swap;
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Playfair";
-  src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
-  font-display: swap;
-  font-weight: normal;
-  font-style: normal;
-}
+@import "./tailwind.css";
+@import "./tailwind-extensions.css";
+@import "./fonts.css";
+@import "./icons.css";
+@import "./shared.css";
+@import "./tables.css";
+@import "./header.css";
+@import "./footer.css";
+@import "./scrollbutton.css";
+@import "./static.css";
+@import "./register.css";
+@import "./letterhead.css";
+@import "./letter.css";
+@import "./upload.css";
 
 @layer components {
-  * {
-    @apply transition-colors duration-100
-  }
-  /* TODO: check what can be inlined (eg. used once in the code, has no double paths etc...) */
-  /* TODO: Copy color classes for all thing upload to colors on top */
-
-  /* Everything related to theme color */
-  body {
-    @apply text-black dark:text-white dark:bg-gray-800 dark:bg-none
-  }
-
-  .ha-topnav-dropdown .ha-topnav-dropdown-content {
-    @apply bg-slate-50 shadow-md border-slate-400 border-b
-  }
-
-  .ha-topnav-dropdown .ha-topnav-dropdown-content a:hover {
-    @apply bg-slate-100
-  }
-
-  .ha-topnav a {
-    @apply text-slate-700 hover:text-slate-900 
-  }
-
-  .ha-topnav a.active {
-    @apply desktop:border-b-4 desktop:border-slate-200 dark:border-slate-700 dark:font-bold
-  }
-
-  .ha-topnav.ha-topnav-collapsed
-    .ha-topnav-dropdown
-    .ha-topnav-dropdown-content {
-    @apply shadow-none desktop:shadow-md desktop:border-b
-  }
-
-  .ha-menusymbol svg {
-    @apply text-black stroke-black
-  }
-
-  .ha-footer .ha-footertext {
-    @apply bg-slate-50 text-black dark:bg-slate-700 dark:text-white
-  }
-
-  .ha-footer .ha-themetoggles {
-    @apply bg-slate-200 dark:bg-slate-800 transition-colors duration-300 shadow-inner
-  }
-
-  .ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
-    @apply bg-slate-200 transition-colors duration-300
-  }
-
-  .ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
-      @apply bg-slate-50 transition-colors duration-300
-  }
-
-  .ha-static {
-    @apply bg-slate-50 dark:bg-gray-900
-  }
-
-  .ha-static h3 {
-    @apply text-hamannHighlight dark:text-white dark:font-bold
-  }
-
-  .ha-static table th {
-    @apply text-hamannHighlight dark:text-white dark:font-bold
-  }
-
-  .ha-static table tr:nth-child(even) {
-    @apply bg-slate-200 dark:bg-slate-700
-  }
-
-  .ha-register .ha-register-head,
-  .ha-register .ha-register-body {
-    @apply bg-slate-50 dark:bg-slate-900 dark:text-slate-50 dark:shadow-xl
-  }
-
-  .ha-register .ha-register-head {
-    @apply border-b-2 border-slate-200
-  }
-
-  .ha-register .ha-register-head .ha-register-add a {
-    @apply rounded border border-black hover:shadow-md hover:border-hamannHighlight
-  }
-
-  .ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton {
-    @apply rounded-l bg-slate-200
-  }
-
-  .ha-register .ha-register-head .ha-register-add a:hover .ha-register-add-plusbutton {
-    
-  }
-
-  .ha-register .ha-register-head .ha-register-add a .ha-register-add-text {
-
-  }
-
-  .ha-register .ha-register-head .ha-register-nav a {
-    @apply text-slate-700 hover:text-slate-900 dark:text-white dark:hover:text-gray-300
-  }
-
-  .ha-register .ha-register-head .ha-register-nav a.active {
-    @apply border-b-2 border-slate-200 dark:!text-gray-200 dark:font-bold
-  }
-
-  .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks,
-  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
-    @apply desktop:bg-slate-50 dark:bg-slate-900 dark:text-slate-50
-  }
-
-  .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before,
-  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
-    @apply bg-hamannSlate-500 dark:bg-slate-500
-  }
-
-  .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
-    @apply shadow-md dark:shadow-lg
-  }
-
-  .ha-register .ha-btn-collapsed-box {
-    @apply hidden desktop:block absolute -top-[0.15rem] cursor-pointer mt-0.5
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
-    @apply text-slate-900 dark:text-white
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a {
-    @apply hover:text-hamannSlate-900 dark:hover:text-gray-200 no-underline hover:underline
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
-    @apply text-slate-700 dark:text-white
-  }
-
-  .ha-letterhead .ha-metadata .ha-tooltiptext {
-    @apply shadow-sm bg-slate-50 border-hamannSlate-900 text-hamannSlate-900 border dark:border-none dark:shadow dark:bg-slate-800
-  }
-
-  .ha-tooltip .ha-tooltiptext::after {
-    @apply border-t-slate-600 dark:border-t-slate-800 border-l-transparent border-r-transparent border-b-transparent
-  }
-
-  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
-    @apply rounded-lg border shadow-inner border-hamannSlate-900 text-hamannSlate-900 dark:text-white dark:bg-slate-800 dark:shadow-md dark:border-slate-400
-  }
-
-  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill.ha-newpill {
-    @apply dark:text-white dark:bg-slate-800 dark:shadow-md dark:border-slate-400
-  }
-
-  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before {
-    @apply border-b-2 border-hamannSlate-900 dark:border-gray-200
-  }
-
-  .ha-letterheader {
-    @apply bg-slate-50 dark:bg-slate-900 dark:text-slate-50 border-slate-300 dark:border-slate-50 border-b-2 dark:shadow-xl
-  }
-
-  .ha-letterheader .ha-lettertabs a {
-    @apply text-slate-700 hover:text-slate-900 dark:text-white dark:hover:text-gray-200
-  }
-
-  .ha-letterheader .ha-lettertabs a.active {
-    @apply border-b-[3px] border-slate-300 dark:border-slate-50 text-hamannHighlight dark:!text-gray-200 dark:font-bold
-  }
-
-  .ha-letterheader .ha-lettermetalinks {
-    @apply border-b-2 border-slate-300
-  }
-
-  .ha-letterheader .ha-lettermetalinks a {
-    @apply text-slate-700 hover:text-slate-900 dark:text-white dark:hover:text-gray-200
-  }
-
-  .ha-letterbody {
-    @apply bg-slate-50 dark:bg-slate-900 dark:shadow-xl
-  }
-
-  .ha-lettertext {
-    @apply bg-slate-50 dark:bg-slate-900 sm:border-l-2  sm:dark:border-none
-  }
-
-  .ha-marginals {
-    @apply bg-slate-50 dark:bg-slate-900
-  }
-
-  .ha-additions {
-    @apply hidden bg-slate-50 dark:bg-slate-900
-  }
-
-  .ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
-    @apply bg-slate-100 dark:bg-slate-900
-  }
-
-  .ha-linecount.ha-firstline {
-    @apply rounded-lg sm:border sm:bg-slate-50 sm:shadow-inner sm:border-slate-600 text-slate-800 dark:text-white sm:dark:bg-slate-800 sm:dark:shadow-md sm:dark:border-slate-400
-  }
-
-  .ha-linecount .ha-zhpage,
-  .ha-linecount .ha-zhline {
-    @apply sm:bg-slate-50 sm:dark:bg-slate-900
-  }
-
-  .ha-tradzhtext .ha-marginal::before,
-  .ha-lettertext .ha-marginal:before {
-    @apply bg-hamannSlate-500 dark:bg-slate-500
-  } 
-
-  .ha-tradzhtext .ha-marginalbox,
-  .ha-lettertext .ha-marginalbox {
-    @apply bg-slate-50 dark:bg-slate-900
-  }
-
-  .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist,
-  .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
-    @apply shadow-md dark:shadow-lg pb-1 bg-slate-100 dark:bg-slate-600
-  }
-
-  .ha-tradzhtext .ha-btn-collapsed-box,
-  .ha-lettertext .ha-btn-collapsed-box {
-    @apply text-slate-700 hover:text-slate-900 dark:text-white dark:hover:text-gray-200
-  }
-
-  .ha-added,
-  .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
-    @apply bg-slate-300 dark:bg-slate-600
-  }
-
-  .ha-note,
-  .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
-    @apply text-slate-700 dark:text-slate-500
-  }
-
-  .ha-ful,
-  .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
-    @apply border-black dark:border-white
-  }
-
-  .ha-tul,
-  .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
-    @apply border-black dark:border-white
-  }
-
-  .ha-diagdel::before {
-    @apply border-black dark:border-white
-  }
-
-  .ha-lineline {
-    @apply border-black dark:border-white
-  }
-
-  .active {
-    @apply !text-hamannHighlight dark:!text-black
-  }
-
-  .active:hover {
-    @apply !text-hamannHighlight dark:!text-gray-800
-  }
-
-/* Classes */
-  body {
-    @apply text-base desktop:text-lg w-full h-full;
-  }
-
-  .ha-topnav {
-    @apply flex desktop:grow-0 desktop:shrink-0 md:text-lg 2xl:text-xl desktop:place-self-end xl:mb-1;
-  }
-
-  .ha-topnav a {
-    @apply hidden desktop:inline-block mr-6 2xl:mr-7
-  }
-
-  .ha-topnav a:last-child {
-    @apply mr-0;
-  }
-
-  .ha-topnav-dropdown {
-    @apply hidden desktop:relative desktop:inline-block;
-  }
-
-  .ha-topnav-dropdown:hover .ha-topnav-dropdown-content {
-    @apply desktop:block;
-  }
-
-  .ha-topnav-dropdown .ha-topnav-dropdown-content {
-    @apply hidden mr-6 pt-1 right-0 desktop:absolute min-w-[130px] z-50;
-  }
-
-  .ha-topnav-dropdown .ha-topnav-dropdown-content a {
-    @apply pl-2 pr-3 py-2 block mr-0;
-  }
-
-  .ha-topnav-dropdown .ha-topnav-dropdown-content .active {
-    @apply border-none
-  }
-
-  .ha-scrollbutton {
-    @apply opacity-0 transition-opacity duration-500 cursor-pointer fixed left-[85%] text-center bottom-0 pb-3 pt-2 bg-slate-50 dark:bg-slate-700 dark:text-white px-2 shadow-md rounded-t-xl hover:shadow-lg text-hamannSlate-700 hover:text-hamannSlate-500
-  }
-
-  .ha-scrollbuttonarrow {
-    @apply h-8 w-8
-  }
-
-  /* Classes for the footer */
-  .ha-footer {
-    @apply font-serif;
-  }
-
-  .ha-footer .ha-footertext {
-    @apply p-2 px-4 mx-auto max-w-screen-desktop text-right text-sm
-  }
-
-  .ha-footer a {
-    @apply underline decoration-dotted hover:decoration-solid
-  }
-
-  .ha-footer .ha-themetoggles {
-    @apply whitespace-nowrap relative px-0.5 rounded-3xl h-4 w-[34px] 
-  }
-
-  .ha-footer .ha-themetoggles * {
-    @apply float-left
-  }
-
-  .ha-footer .ha-themetoggles input[type="radio"] {
-    @apply hidden
-  }
-
-  .ha-footer .ha-themetoggles label {
-    @apply z-10 block w-[11px] h-[11px] my-[3px] mx-[2px] rounded-3xl cursor-pointer text-center
-  }
-
-  .ha-footer .ha-themetoggles .ha-themetoggleslider {
-    @apply w-[11px] h-[11px] absolute top-[3px] rounded-3xl transition-all duration-100 ease-in-out shadow-md
-  }
-
-  .ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
-      @apply  left-1
-  }
-
-  .ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
-      @apply left-[19px]
-  }
-
-  /* Classes for static pages */
-
-  .ha-static {
-    @apply w-full py-12 px-12 md:px-16 hyphenate font-serif
-  }
-
-  .ha-static h1 {
-    @apply font-bold text-xl desktop:font-normal desktop:text-4xl mb-6
-  }
-
-  .ha-static h2 {
-    @apply my-3 mt-4 text-lg desktop:text-2xl
-  }
-
-  .ha-static h3 {
-    @apply mt-4 mb-2
-  }
-
-  .ha-static table {
-    @apply my-3 w-full;
-  }
-
-  .ha-static table th {
-    @apply pl-2 pr-2 desktop:pr-4 text-left font-normal
-  }
-
-  .ha-static table tr td {
-    @apply pl-2 pr-2 desktop:pr-4 align-top desktop:whitespace-nowrap;
-  }
-
-  .ha-static table tr td:last-child {
-    @apply desktop:whitespace-normal
-  }
-
-  .ha-static p {
-    @apply my-4
-  }
-
-  .ha-static a {
-    @apply underline decoration-dotted
-  }
-
-  .ha-static a:hover {
-    @apply underline decoration-solid
-  }
-
-  .ha-static .ha-footnote {
-    @apply relative text-sm desktop:text-base
-  }
-
-  .ha-static .ha-footnote .ha-footnote-ref {
-    @apply inline-block absolute text-right w-8 -left-10
-  }
-
-  /* Classes for register pages */
-
-  .ha-register {
-    @apply w-full font-serif numeric-mediaeval
-  }
-
-  .ha-register .ha-register-head,
-  .ha-register .ha-register-body {
-    @apply pt-9 md:pt-12 px-9 md:px-16
-  }
-
-  .ha-register .ha-register-head {
-    @apply rounded-t-sm
-  }
-
-  .ha-register .ha-register-head h1 {
-    @apply font-bold text-xl desktop:font-normal desktop:text-4xl mb-6
-  }
-
-  .ha-register .ha-register-head .ha-register-add a {
-    @apply -mt-4 mb-6 flex flex-row w-fit text-sm font-sans
-  }
-
-  .ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton {
-    @apply px-2 leading-none text-xl font-bold pb-0.5
-  }
-
-  .ha-register .ha-register-head .ha-register-add a:hover .ha-register-add-plusbutton {
-    
-  }
-
-  .ha-register .ha-register-head .ha-register-add a .ha-register-add-text {
-    @apply pl-1 pr-2 leading-none pt-1
-  }
-
-  .ha-register .ha-register-head .ha-register-nav {
-    @apply font-sans
-  }
-
-  .ha-register .ha-register-head .ha-register-nav a {
-    @apply inline-block px-1 mr-1 md:mr-3
-  }
-
-  .ha-register .ha-register-head .ha-register-nav a:first {
-    @apply pl-0
-  }
-
-  .ha-register .ha-register-head .ha-register-nav .ha-register-left-nav {
-    @apply inline-block
-  }
-
-  .ha-register .ha-register-head .ha-register-nav .ha-register-right-nav {
-    @apply inline-block
-  }
-
-  .ha-register .ha-register-body {
-    @apply md:pr-96 pb-9 md:pb-12 rounded-b-sm
-  }
-
-  .ha-register .ha-register-body .ha-comment {
-    @apply block mb-9 md:mb-12
-  }
-
-  .ha-register .ha-register-body .ha-comment a {
-    @apply underline decoration-dotted hover:decoration-solid
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-headcomment {
-    @apply desktop:relative block
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-subcomment {
-    @apply desktop:relative block ml-8 mt-2
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-commenthead {
-    @apply block
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-lemma {
-    @apply inline font-bold
-  }
-
-  .ha-register
-    .ha-forschung
-    .ha-register-body
-    .ha-comment
-    .ha-commenthead
-    .ha-lemma {
-    @apply inline font-normal;
-  }
-
-  .ha-register .ha-forschung .ha-register-body .ha-comment {
-    @apply mb-4 md:mb-6 -indent-4 pl-4
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
-    @apply inline-block font-normal text-xs md:text-sm leading-snug font-sans caps-allpetite ml-2 mt-1
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks::before {
-    @apply absolute mt-1 top-[0.1rem] bottom-[0.1rem] left-0 w-0.5 content-['']
-  }
-
-  .ha-register
-    .ha-register-body
-    .ha-comment
-    .ha-commenthead
-    .ha-letlinks
-    .ha-hkb {
-    @apply inline
-  }
-
-  .ha-register
-    .ha-neuzeit
-    .ha-register-body
-    .ha-headcomment
-    .ha-commenthead
-    .ha-letlinks,
-  .ha-register
-    .ha-forschung
-    .ha-register-body
-    .ha-headcomment
-    .ha-commenthead
-    .ha-letlinks {
-    @apply desktop:left-[48rem]
-  }
-
-  .ha-register
-    .ha-neuzeit
-    .ha-register-body
-    .ha-subcomment
-    .ha-commenthead
-    .ha-letlinks,
-  .ha-register
-    .ha-forschung
-    .ha-register-body
-    .ha-subcomment
-    .ha-commenthead
-    .ha-letlinks {
-    @apply desktop:left-[46rem]
-  }
-
-  .ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma a {
-    @apply pl-2
-  }
-
-  .ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma svg {
-    @apply inline
-  }
-
-  .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks,
-  .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
-    @apply desktop:indent-0 desktop:top-0 desktop:w-80 desktop:block desktop:absolute pl-2
-  }
-
-  .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a {
-    @apply hover:text-slate-900
-  }
-
-  /* Classes for MetaData View */
-
-  .ha-letterhead {
-    @apply flex flex-row
-  }
-
-  .ha-letterhead .ha-letternumber {
-    @apply flex text-5xl desktop:font-normal desktop:text-6xl mr-4 desktop:mr-6
-  }
-
-  .ha-letterhead .ha-letternumber .ha-letternumberinline {
-    @apply inline align-middle leading-none
-  }
-
-  .ha-letterhead .ha-metadata {
-    @apply flex self-end grow shrink-0
-  }
-
-  .ha-letterhead .ha-metadata .ha-metadatarows {
-    @apply flex 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-tooltip {
-    @apply self-center cursor-default inline-block relative 
-  }
-
-  .ha-letterhead .ha-metadata .ha-tooltiptext {
-    @apply rounded text-sm px-1 py-0.5 absolute z-10 text-center
-  }
-
-  .ha-letterhead .ha-metadata .ha-tooltiptext::after {
-    @apply absolute top-full left-1/2
-  }
-
-  .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
-  }
-
-  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross {
-    @apply relative inline-block
-  }
-
-  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before,
-  .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::after {
-    @apply w-full h-0 absolute right-0 top-1/2
-  }
-
-  .ha-letterhead .ha-metadata .ha-metadatarows .hametadatapersons {
-    @apply flex leading-snug
-  }
-
-  /* Classes for Upload View */
-  .ha-adminuploadfields {
-    @apply flex flex-row flex-wrap gap-x-4 gap-y-4
-  }
-
-  .ha-adminuploadfields .ha-uploadfield {
-    @apply block shrink-0 grow bg-slate-50 rounded shadow basis-64 max-w-xs
-  }
-
-  .ha-adminuploadfields .ha-uploadfield:hover {
-    @apply brightness-110
-  }
-
-  .ha-adminuploadfields .ha-uploadfield.active {
-    @apply !text-black brightness-110 shadow-inner
-  }
-
-  .ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname {
-    @apply px-3 pt-2 pb-1
-  }
-
-  .ha-adminuploadfields .ha-uploadusedfiles {
-    @apply text-sm whitespace-nowrap overflow-hidden text-ellipsis w-auto bg-slate-200 border-t border-slate-300 bg-opacity-30 px-2 py-0.5 
-  }
-
-  .ha-adminuploadfields .ha-uploadusedfiles.ha-uploadusedfilesnotfound {
-    @apply bg-slate-500 border-slate-500
-  }
-
-  .ha-adminuploadfields .ha-uploadpublishforms {
-    @apply flex flex-row gap-x-4 grow
-  }
-
-  .ha-adminuploadfields .ha-uploadform {
-    @apply bg-slate-50 rounded shadow grow relative 
-  }
-
-  .ha-adminuploadfields .ha-uploadform .ha-uploadtext {
-    @apply text-center
-  }
-
-  .ha-adminuploadfields .ha-uploadform .ha-lds-ellipsis {
-    @apply left-1/2 -ml-[20px]
-  }
-
-  .ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel {
-    @apply inline-block px-4 py-1 pt-2 cursor-pointer w-full h-full hover:bg-slate-100
-  }
-
-  .ha-adminuploadfields .ha-uploadform .ha-uploadmessage {
-    @apply text-sm bg-slate-700 bg-opacity-30 px-1 rounded-sm
-  }
-
-  .ha-adminuploadfields .ha-publishbutton  {
-    @apply inline-block px-2 py-1 pt-2 cursor-pointer w-full h-full bg-slate-50 shadow shrink hover:bg-slate-100
-  }
-
-  .ha-adminuploadfields .ha-publishbutton .ha-publishtext {
-    @apply text-center
-  }
-
-  .ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
-    @apply text-sm bg-slate-700 bg-opacity-30 px-1 rounded-sm
-  }
-
-  .ha-uploadheader {
-    @apply bg-slate-50 w-full mt-4 px-16 pt-12 pb-8 flex flex-row
-  }
-
-  .ha-uploadheader h1 {
-    @apply text-5xl
-  }
-
-  .ha-uploadcontainer {
-    @apply w-full bg-slate-50 flex flex-col gap-y-2 h-full
-  }
-
-  .ha-uploadcontainer .ha-publishfilelist {
-    @apply px-16 mb-8
-  }
-
-  .ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle {
-    @apply text-xl mb-2
-  }
-
-  .ha-uploadcontainer .ha-publishfilelist td {
-    @apply align-text-top pr-6
-  }
-
-  .ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel {
-    @apply relative mt-4 ml-6 rounded-md px-3 border-2 border-blue-600 hover:border-2 hover:shadow active:shadow-inner hover:border-blue-800 cursor-pointer float-right;
-  }
-
-  .ha-uploadcontainer .ha-availablefiles {
-    @apply px-16 border border-slate-200 hover:border-slate-800 py-2 cursor-pointer select-none
-  }
-
-  .ha-uploadcontainer .ha-availablefiles .ha-availablefilestitle {
-    @apply text-2xl
-  }
-
-  .ha-uploadcontainer .ha-availablefiles .ha-usedfilelist {
-
-  }
-
-  .ha-filesheader {
-    @apply mb-8
-  }
-
-  .ha-availablefileslist {
-    @apply px-16 pt-4
-  }
-
-  .ha-uploadcontainer .ha-errorswarnings {
-    @apply flex flex-row gap-x-2
-  }
-
-  .ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors,
-  .ha-uploadcontainer .ha-errorswarnings .ha-warnings {
-    @apply basis-1/2 min-w-[40%] min-h-[400px] overflow-x-hidden overflow-y-scroll grow shrink
-  }
-
-  .ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors {
-    @apply bg-red-200
-  }
-
-  .ha-uploadcontainer .ha-errorswarnings .ha-warnings {
-    @apply bg-orange-200
-  }
-
-  .ha-uploadcontainer .ha-crossfilechecking {
-    @apply w-full bg-cyan-200 grow shrink-0 h-full min-h-[400px]
-  }
-
-  .ha-uploadcontainer .ha-hamannfilechooser {
-    @apply px-16 pb-16 
-  }
-
-  /* Classes for FileList Component */
-  .ha-filelistfieldset {
-    
-  }
-
-  .ha-filelistfieldset .ha-filelistlegend {
-    @apply mb-2 text-xl
-  }
-
-  .ha-selectfilesform {
-    
-  }
-
-  .ha-selectfilesform .ha-filelistfile {
-    @apply flex flex-row gap-x-4 px-1 items-center
-  }
-
-  .ha-selectfilesform .ha-filelistfile:nth-child(even) {
-    @apply bg-slate-100
-  }
-
-  .ha-selectfilesform .ha-filelistlist {
-    @apply h-96 overflow-x-hidden overflow-y-scroll pr-4
-  }
-
-  .ha-selectfilesform .ha-filelistfile .ha-filelistname {
-    @apply font-mono
-  }
-
-  .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction {
-    @apply text-sm
-  }
-
-  .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistproduction {
-    @apply inline-block border rounded-md text-teal-600 border-teal-600 px-2 mr-2
-  }
-
-  .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistused {
-    @apply inline-block border rounded-md text-indigo-600 border-indigo-600 px-2 
-  }
-
-  .ha-selectfilesform .ha-filelistfile .ha-filelistmodified {
-    @apply grow text-right
-  }
-
-  .ha-selectfilesform .ha-filelistoutput {
-    @apply mt-4 ml-6 
-  }
-
-  .ha-selectfilesform .ha-filelistbutton {
-    @apply mt-4 ml-6 rounded-md px-3 border-2 border-blue-600 hover:border-2 hover:shadow active:shadow-inner hover:border-blue-800 cursor-pointer float-right;
-  }
-
-  /* Classes for Letter View */
-
-  .ha-letterheader {
-    @apply rounded-t-sm pt-8 md:pt-12 px-6 md:px-16
-  }
-
-  .ha-letterheader .ha-letterheadernav {
-    @apply mt-9 flex grow
-  }
-
-  .ha-letterheader .ha-lettertabs {
-    @apply flex grow
-  }
-
-  .ha-letterheader .ha-lettertabs a {
-    @apply inline-block px-1 mr-1 md:mr-3 cursor-pointer
-  }
-
-  .ha-letterheader .ha-lettertabs .ha-marginalsbtn {
-    @apply md:hidden;
-  }
-
-  .ha-letterheader .ha-lettertabs a.active {
-    @apply pointer-events-none 
-  }
-
-  .ha-letterheader .ha-lettertabs a:first {
-    @apply pl-0
-  }
-
-  .ha-letterheader .ha-lettermetalinks {
-    @apply self-end 
-  }
-
-  .ha-letterheader .ha-lettermetalinks a {
-    @apply self-end caps-petite
-  }
-
-  .ha-letterheader .ha-lettermetalinks .ha-hkb {
-    @apply inline-block caps-allpetite
-  }
-
-  .ha-letterbody {
-    @apply flex flex-row flex-nowrap rounded-b-sm
-  }
-
-  .ha-lettertext {
-    @apply max-w-[38rem] desktop:max-w-[45rem] sm:shrink-0 ml-4 sm:ml-12 px-4 pt-4 pb-8 relative flow-root font-serif leading-[1.48]  numeric-mediaeval
-  }
-
-  .ha-marginals {
-    @apply hidden max-w-3xl ml-4 md:ml-12 px-4 py-4 relative leading-[1.48] numeric-mediaeval
-  }
-
-  .ha-marginals table td {
-    @apply align-text-top
-  }
-
-  .ha-marginals .ha-marginalfromto {
-    @apply whitespace-nowrap text-sm font-semibold pr-4
-  }
-
-  .ha-marginals .ha-marginaltext .ha-bzg {
-    @apply inline
-  }
-
-  .ha-marginals .ha-marginaltext a {
-    @apply underline decoration-dotted hover:decoration-solid
-  }
-
-  .ha-additions .ha-tradition div {
-    @apply inline
-  }
-
-  .ha-additions .ha-tradition {
-    @apply max-w-4xl
-  }
-
-  .ha-additions {
-    @apply ml-4 md:ml-12 px-4 pt-4 pb-4 relative font-serif leading-[1.48] numeric-mediaeval
-  }
-
-  .ha-additions .ha-app {
-    @apply !block font-bold pt-6
-  }
-
-  .ha-additions .ha-app + br {
-    @apply hidden
-  }
-
-  .ha-additions .ha-tradition .ha-app:first-child {
-    @apply pt-0
-  }
-
-  .ha-additions .ha-tradition {
-    @apply hyphenate
-  }
-
-  .ha-additions .ha-tradition .ha-tradzhtext {
-    @apply !flow-root font-serif relative w-fit -ml-4 pl-4 unhyphenate
-  }
-
-  .ha-additions .ha-tradition a {
-    @apply !underline decoration-dotted hover:decoration-solid 
-  }
-
-  .ha-additions .ha-hands {
-    @apply pt-6
-  }
-
-  .ha-additions .ha-hands .ha-handstitle {
-    @apply font-bold
-  }
-
-  .ha-additions .ha-hands .ha-handentries .ha-handfrom,
-  .ha-additions .ha-hands .ha-handentries .ha-handto {
-    @apply inline text-sm font-semibold whitespace-nowrap
-  }
-
-  .ha-additions .ha-hands .ha-handentries .ha-handperson {
-    @apply inline pl-4 whitespace-nowrap
-  }
-
-  .ha-additions .ha-edits .ha-editstitle {
-    @apply font-bold
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editfromto {
-    @apply whitespace-nowrap
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editfrom,
-  .ha-additions .ha-edits .ha-editentries .ha-editto {
-    @apply inline text-sm font-semibold whitespace-nowrap
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editreference {
-    @apply whitespace-nowrap
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editreference div {
-    @apply inline
-  }
-
-  .ha-additions .ha-edits {
-    @apply pt-6 max-w-4xl
-  }
-
-  .ha-additions .ha-edits .ha-editstitle {
-    @apply font-bold
-  }
-
-  .ha-additions .ha-edits .ha-editsinfo {
-    @apply pb-4 hyphenate
-  }
-
-  .ha-additions .ha-edits .ha-editentries tr td {
-    @apply align-text-top
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editreas div {
-    @apply inline font-sans
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editfromto {
-    @apply pr-1 pl-1
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editreference {
-    @apply border-r-2 pl-1 pr-3 text-sm
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editreference br {
-    @apply hidden
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editreas {
-    @apply pl-3 w-full
-  }
-
-  .ha-additions .ha-edits .ha-editentries .ha-editreas .ha-zh * {
-    @apply !font-serif
-  }
-
-  .hide {
-    @apply hidden
-  }
-
-  .ha-lettertext div {
-    @apply inline
-  }
-
-  .ha-linecount.ha-firstline {
-    @apply hidden sm:inline-block rounded px-1.5 sm:py-0.5 sm:pb-1 sm:leading-none caps-allpetite normal-nums whitespace-nowrap
-  }
-
-  .ha-linecount {
-    @apply sm:absolute sm:right-full sm:mr-2 sm:text-right text-xs sm:mt-1 font-sans select-none
-  }
-
-  .ha-linecount .ha-zhline {
-    @apply hidden sm:inline
-  }
-
-  .ha-linecount .ha-zhpage {
-    @apply inline-block sm:inline;
-  }
-
-  .ha-linecount .ha-zhpage,
-  .ha-linecount .ha-zhline {
-    @apply px-1 sm:pb-1 caps-allpetite normal-nums
-  }
-
-  .ha-linecount .ha-hiddenlinecount {
-    @apply !hidden
-  }
-
-  .ha-tradzhtext .ha-marginal::before,
-  .ha-lettertext .ha-marginal::before {
-    @apply absolute top-[0.2rem] bottom-[0.1rem] left-0 w-0.5 content-['']
-  } 
-
-  .ha-tradzhtext .ha-marginalbox,
-  .ha-lettertext .ha-marginalbox {
-    @apply hidden select-none hover:select-auto hyphenate pl-2 md:block absolute left-full ml-2 desktop:ml-10 mt-1 w-[16rem] desktop:w-[28rem] text-sm leading-tight rounded-sm font-sans 
-  }
-
-  .ha-tradzhtext .ha-marginalbox .ha-marginallist,
-  .ha-lettertext .ha-marginalbox .ha-marginallist {
-    @apply text-sm leading-tight flex flex-wrap gap-x-6 pr-1
-  }
-
-  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal,
-  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal {
-    @apply pl-2 inline relative
-  }
-
-  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a,
-  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a {
-    @apply !underline decoration-dotted hover:decoration-solid 
-  }
-
-  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal,
-  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal,
-  .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal *,
-  .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal * {
-    @apply min-h-0 min-w-0 overflow-ellipsis overflow-hidden
-  }
-
-  .ha-tradzhtext .ha-btn-collapsed-box,
-  .ha-lettertext .ha-btn-collapsed-box {
-    @apply absolute left-full desktop:ml-7 hidden md:block cursor-pointer leading-none mt-0.5
-  }
-
-  .ha-minwidth .ha-tradzhtext,
-  .ha-lettertext.ha-minwidth {
-    @apply min-w-[38rem] desktop:min-w-[55rem]
-  }
-
-  .ha-minwidth .ha-tradzhtext .ha-alignright,
-  .ha-lettertext.ha-minwidth .ha-alignright {
-    @apply float-right mr-[20%]
-  }
-
-  .ha-lettertext.ha-minwidth .ha-aligncenter {
-    @apply absolute left-1/3 whitespace-nowrap -translate-x-1/2
-  }
-
-  /* Classes from the General parser */
-
-  /* Classes from .NET */
-  .ha-zhbreak {
-    @apply hidden sm:inline
-  }
-
-  .ha-up {
-    @apply -top-3 relative
-  }
-
-  .ha-bzg {
-    @apply !font-serif !text-xs !font-semibold
-  }
-
-  .ha-text {
-    @apply inline
-  }
-
-  .ha-title {
-    @apply inline italic
-  }
-
-  .ha-insertedlemma {
-    @apply inline
-  }
-
-  .ha-serif {
-    @apply font-serif
-  }
-
-  .ha-aq,
-  .ha-aq *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
-    @apply font-sans
-  }
-
-  .ha-ul,
-  .ha-ul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
-    @apply underline
-  }
-
-  .ha-del,
-  .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-diagdel, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
-    @apply inline line-through
-  }
-
-  .ha-hand,
-  .ha-hand *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
-    @apply font-classy text-[0.9rem]
-  }
-
-  .ha-added,
-  .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
-    @apply px-0.5 rounded-sm
-  }
-
-  .ha-note,
-  .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
-    @apply italic
-  }
-
-  .ha-emph *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
-    @apply italic
-  }
-
-  .ha-sup *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
-    @apply relative -top-[0.3em] text-[80%]
-  }
-
-  /* TODO: Something dooesnt work here */
-  .ha-super {
-    @apply numeric-normal relative text-xs leading-none align-baseline -top-[0.3em]
-  }
-
-  .ha-sub {
-    @apply relative text-xs leading-none align-baseline -bottom-[0.25em]
-  }
-
-  .ha-ful,
-  .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
-    @apply inline border-b pb-[2px]
-  }
-
-  .ha-dul,
-  .ha-dul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
-    @apply underline decoration-double
-  }
-
-  .ha-tul,
-  .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
-    @apply underline border-b-[3px] border-double
-  }
-
-  .up {
-    @apply relative -top[0.5em]
-  }
-
-  .ha-alignright {
-    @apply float-right
-  }
-
-  .ha-aligncenter {
-    @apply absolute left-1/2 whitespace-nowrap -translate-x-1/2
-  }
-
-  .ha-lineline {
-    @apply border-t w-1/3 mx-40 mt-[0.6rem] absolute
-  }
-
-  .ha-sal {
-    @apply inline-block ml-6
-  }
-
-  /* Classes for indents */
-  .ha-indent-1 {
-    @apply pl-2 sm:pl-4
-  }
-
-  .ha-indent-2 {
-    @apply pl-4 sm:pl-8
-  }
-
-  .ha-indent-3 {
-    @apply pl-6 sm:pl-12
-  }
-
-  .ha-indent-4 {
-    @apply pl-8 sm:pl-16
-  }
-
-  .ha-indent-5 {
-    @apply pl-10 sm:pl-20
-  }
-
-  .ha-indent-6 {
-    @apply pl-20 sm:pl-44
-  }
-
-  .ha-indent-7 {
-    @apply pl-32 sm:pl-64
-  }
-
-  /* Classes from Javascript */
-
-  .active {
-    @apply  pointer-events-none
-  }
-
-  .ha-topnav a.active {
-    @apply underline underline-offset-2 desktop:no-underline
-  }
-
-  .ha-topnav.ha-topnav-collapsed {
-    @apply block w-full h-full mt-4 text-base desktop:flex desktop:w-fit desktop:mt-0 md:text-lg 2xl:text-xl
-  }
-
-  .ha-topnav.ha-topnav-collapsed a {
-    @apply block py-1 w-full text-left clear-both desktop:inline-block desktop:py-0 desktop:w-fit
-  }
-
-  .ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown {
-    @apply block desktop:inline-block
-  }
-
-  .ha-topnav.ha-topnav-collapsed
-    .ha-topnav-dropdown:hover
-    .ha-topnav-dropdown-content {
-    @apply desktop:block
-  }
-
-  .ha-topnav.ha-topnav-collapsed
-    .ha-topnav-dropdown
-    .ha-topnav-dropdown-content {
-    @apply block shadow-none border-none pt-0 desktop:hidden desktop:pt-2
-  }
-
-  .ha-topnav.ha-topnav-collapsed
-    .ha-topnav-dropdown
-    .ha-topnav-dropdown-content
-    a {
-    @apply py-1 desktop:py-2
-  }
-
-  .ha-register .ha-headcomment .ha-btn-collapsed-box {
-    @apply left-[47.6rem]
-  }
-
-  .ha-register .ha-subcomment .ha-btn-collapsed-box {
-    @apply left-[45.6rem]
-  }
-
-  .ha-register .ha-btn-collapsed-box {
-    @apply hidden desktop:block absolute -top-[0.15rem] cursor-pointer
-  }
-
-  .ha-collapsed-box,
-  .ha-collapsed-box * {
-    @apply z-0 overflow-hidden min-w-0 min-h-0 overflow-ellipsis cursor-default
-  }
-
-  .ha-expanded-box {
-    @apply pb-1 z-[1000] !h-auto !max-h-screen
-  }
-}
-
-/* Content */
-.ha-lettertext .ha-marginalbox:before {
-  content: "";
-}
-
-.ha-lettertext .ha-marginalbox .ha-marginal::after {
-  content: "";
-}
-
-.ha-lettertext .ha-marginalbox .ha-marginal:last-of-type::after {
-  content: "";
-}
-
-.ha-nr::before {
-  content: " \200E\25E6";
-}
-
-.ha-nr::after {
-  content: " \200E\25E6";
-}
-
-.ha-added::before {
-  content: "";
-}
-
-.ha-added::after {
-  content: "";
-}
-
-.ha-note::before {
-  content: "";
-}
-
-.ha-note::after {
-  content: "";
-}
-
-.ha-bzg::after {
-  content: "]";
-}
-
-.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(2)::after {
-  content: "";
-}
-
-/* Not implemented in tailwindcss */
-* {
-  scroll-behavior: smooth;
-  text-decoration-skip-ink: all;
-}
-
-body {
-  background-image: url("../img/subtlenet2.png");
-  background-repeat: repeat;
-}
-
-.ha-tradzhtext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal,
-.ha-lettertext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal {
-    display: -webkit-inline-box;
-    -webkit-box-orient: vertical;
-  }
-
-.ha-diagdel {
-  text-decoration: none !important;
-  text-decoration-line: none !important;
-  position: relative;
-  display: inline-block !important;
-}
-
-.ha-diagdel::before,
-.ha-diagdel::after {
-  content: "";
-  width: 100%;
-  height: 0%;
-  position: absolute;
-  right: 0;
-  bottom: 1.4ex;
-}
-
-.ha-diagdel::before {
-  border-width: 1px;
-  border-style: solid;
-  -webkit-transform: skewY(-36deg);
-  transform: skewY(-36deg);
-}
-
-.ha-del .ha-del,
-.ha-del .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
-  -moz-text-decoration-style: double;
-  -webkit-text-decoration-style: double !important;
-  text-decoration-thickness: 1px;
-  text-decoration-style: double;
-}
-
-.ha-del .ha-del .ha-ul,
-.ha-ul .ha-del .ha-del,
-.ha-del .ha-ul .ha-del {
-  text-decoration: line-through underline;
-  -moz-text-decoration-style: double;
-  -webkit-text-decoration-style: double !important;
-  text-decoration-thickness: 1px;
-  text-decoration-style: double;
-}
-
-.ha-del .ha-ul,
-.ha-ul .ha-del {
-  text-decoration: line-through underline;
-  text-decoration-thickness: 1px;
-  text-decoration-skip-ink: auto;
-  -webkit-text-decoration-skip-ink: auto;
-}
-
-
-/* Missiung Tailwind classes */
-
-.hyphenate {
-  hyphens: auto;
-}
-
-.unhyphenate {
-  hyphens: none;
-}
-
-.numeric-mediaeval {
-  font-variant-numeric: oldstyle-nums;
-}
-
-.numeric-normal {
-  font-variant-numeric: normal;
-}
-
-.caps-allpetite {
-  font-variant-caps: all-petite-caps;
-}
-
-.caps-petite {
-  font-variant-caps: petite-caps;
-}
-
-.caps-normal {
-  font-variant-caps: normal;
-}
-
-
-.break-inside-avoid {
-  break-inside: avoid;
-}
-
-/* Symbols, Icons, Drawings, Tooltips */
-.ha-menu-arrowsymbol::after {
-  display: inline-block;
-  margin-left: 0.2em;
-  vertical-align: 0.2em;
-  content: "";
-  border-top: 0.3em solid;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0;
-  border-left: 0.3em solid transparent;
-}
-
-.ha-menusymbol {
-  border-radius: 4px;
-}
-
-.ha-menusymbol svg {
-  width: 24px;
-  height: 24px;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: miter;
-  fill: none;
-}
-
-.ha-tooltip .ha-tooltiptext {
-  white-space: nowrap;
-  visibility: hidden;
-  min-width: 160px;
-  bottom: 155%;
-  left: 50%;
-  margin-left: -80px;
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-
-.ha-tooltip .ha-tooltiptext::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  /* border-color: rgb(226 232 240 / var(--tw-bg-opacity)) transparent transparent
-    transparent; */
-}
-
-.ha-tooltip:hover .ha-tooltiptext {
-  visibility: visible;
-  opacity: 1;
-}
-
-.ha-open-btn-collapsed-box::before {
-  content: "\200E+";
-  font-weight: 900;
-}
-
-.ha-close-btn-collapsed-box::before {
-  content: "\200E\00D7";
-  font-weight: 900;
-}
-
-.ha-uploadheader .ha-usedfilesheaderlist .ha-plussign {
-  content: "\200E+ ";
-  font-weight: bold;
-  display: inline-block;
-  background-color: lightslategray;
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-/* Tooltip text */
-.ha-uploadform .ha-uploadmessage {
-  visibility: visible;
-  text-align: center;
-  padding: 5px 0;
-  border-radius: 6px;
- 
-  /* Position the tooltip text - see examples below! */
-  position: absolute;
-  z-index: 1;
-
-  margin-top: 0.5rem;
-  width: 360px;
-  top: 100%;
-  left: 50%;
-  margin-left: -180px; /* Use half of the width (120/2 = 60), to center the tooltip */
-
-  opacity: 0;
-  transition: opacity 1s;
-}
-
-.ha-uploadform .ha-uploadmessage::after {
-  content: " ";
-  position: absolute;
-  bottom: 100%;  /* At the top of the tooltip */
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: transparent transparent grey transparent;
-
-}
-
-
-.ha-lds-ellipsis {
-  display: none;
-  position: absolute;
-  bottom: 20px;
-}
-
-.ha-lds-ellipsis-load {
-  display: none;
-  position: relative;
-  width: 38px;
-  bottom: 8px;
-}
-
-.ha-lds-ellipsis-publish {
-  display: none;
-  position: absolute;
-  left: -50px;
-  bottom: 16px;
-}
-
-.ha-lds-ellipsis div,
-.ha-lds-ellipsis-load div,
-.ha-lds-ellipsis-publish div {
-  position: absolute;
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background: #000;
-  animation-timing-function: cubic-bezier(0, 1, 1, 0);
-}
-
-.ha-lds-ellipsis div:nth-child(1),
-.ha-lds-ellipsis-load div:nth-child(1),
-.ha-lds-ellipsis-publish div:nth-child(1) {
-  left: 6px;
-  animation: ha-lds-ellipsis1 0.6s infinite;
-}
-
-.ha-lds-ellipsis div:nth-child(2),
-.ha-lds-ellipsis-load div:nth-child(2),
-.ha-lds-ellipsis-publish div:nth-child(2) {
-  left: 4px;
-  animation: ha-lds-ellipsis2 0.6s infinite;
-}
-
-.ha-lds-ellipsis div:nth-child(3),
-.ha-lds-ellipsis-load div:nth-child(3),
-.ha-lds-ellipsis-publish div:nth-child(3) {
-  left: 16px;
-  animation: ha-lds-ellipsis2 0.6s infinite;
-}
-
-.ha-lds-ellipsis div:nth-child(4),
-.ha-lds-ellipsis-load div:nth-child(4),
-.ha-lds-ellipsis-publish div:nth-child(4) {
-  left: 30px;
-  animation: ha-lds-ellipsis3 0.6s infinite;
-}
-
-@keyframes ha-lds-ellipsis1 {
-  0% {
-    transform: scale(0);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-
-@keyframes ha-lds-ellipsis3 {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(0);
-  }
-}
-
-@keyframes ha-lds-ellipsis2 {
-  0% {
-    transform: translate(0, 0);
-  }
-  100% {
-    transform: translate(16px, 0);
-  }
-}
-
-.ha-cross::before,
-.ha-cross::after {
-  content: "";
-}
-
-.ha-cross::before {
-  -webkit-transform: skewY(-27deg);
-  transform: skewY(-27deg);
-}
-
-/* Classes for tables */
-.ha-table {
-  overflow: hidden;
-  white-space: nowrap;
-  font-variant-numeric: tabular-nums !important;
-}
-
-.ha-hatab-0-2 {
-  display: inline;
-  position: static;
-  min-width: 50%;
-}
-
-.ha-hatab-1-2 {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  min-width: 50%;
-}
-
-.ha-hatab-0-3 {
-  display: inline;
-  position: static;
-  min-width: 33.333%;
-}
-
-.ha-hatab-1-3 {
-  display: inline-block;
-  position: absolute;
-  left: 33%;
-  min-width: 33.333%;
-}
-
-.ha-hatab-2-3 {
-  display: inline-block;
-  position: absolute;
-  left: 66%;
-  min-width: 33.333%;
-}
-
-.ha-hatab-0-4 {
-  display: inline;
-  position: static;
-  min-width: 25%;
-}
-
-.ha-hatab-1-4 {
-  display: inline-block;
-  position: absolute;
-  left: 25%;
-  min-width: 25%;
-}
-
-.ha-hatab-2-4 {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  min-width: 25%;
-}
-
-.ha-hatab-3-4 {
-  display: inline-block;
-  position: absolute;
-  left: 75%;
-  min-width: 25%;
-}
-
-.ha-hatab-0-5 {
-  display: inline;
-  position: static;
-  min-width: 20%;
-}
-
-.ha-hatab-1-5 {
-  display: inline-block;
-  position: absolute;
-  left: 20%;
-  min-width: 20%;
-}
-
-.ha-hatab-2-5 {
-  display: inline-block;
-  position: absolute;
-  left: 40%;
-  min-width: 20%;
-}
-
-.ha-hatab-3-5 {
-  display: inline-block;
-  position: absolute;
-  left: 60%;
-  min-width: 20%;
-}
-
-.ha-hatab-4-5 {
-  display: inline-block;
-  position: absolute;
-  left: 80%;
-  min-width: 20%;
-}
-
-.ha-hatab-0-6 {
-  display: inline;
-  position: static;
-  min-width: 16.667%;
-}
-
-.ha-hatab-1-6 {
-  display: inline-block;
-  position: absolute;
-  left: 16.667%;
-  min-width: 16.667%;
-}
-
-.ha-hatab-2-6 {
-  display: inline-block;
-  position: absolute;
-  left: 33.333%;
-  min-width: 16.667%;
-}
-
-.ha-hatab-3-6 {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  min-width: 16.667%;
-}
-
-.ha-hatab-4-6 {
-  display: inline-block;
-  position: absolute;
-  left: 66.667%;
-  min-width: 16.667%;
-}
-
-.ha-hatab-5-6 {
-  display: inline-block;
-  position: absolute;
-  left: 83.333%;
-  min-width: 16.667%;
-}
-
-.ha-hatab-0-7 {
-  display: inline;
-  position: static;
-  min-width: 14.286%;
-}
-
-.ha-hatab-1-7 {
-  display: inline-block;
-  position: absolute;
-  left: 14.286%;
-  min-width: 14.286%;
-}
-
-.ha-hatab-2-7 {
-  display: inline-block;
-  position: absolute;
-  left: 28.571%;
-  min-width: 14.286%;
-}
-
-.ha-hatab-3-7 {
-  display: inline-block;
-  position: absolute;
-  left: 42.857%;
-  min-width: 14.286%;
-}
-
-.ha-hatab-4-7 {
-  display: inline-block;
-  position: absolute;
-  left: 57.143%;
-  min-width: 14.286%;
-}
-
-.ha-hatab-5-7 {
-  display: inline-block;
-  position: absolute;
-  left: 71.429%;
-  min-width: 14.286%;
-}
-
-.ha-hatab-6-7 {
-  display: inline-block;
-  position: absolute;
-  left: 85.714%;
-  min-width: 14.286%;
-}
-
-.ha-hatab-0-8 {
-  display: inline;
-  position: static;
-  min-width: 12.5%;
-}
-
-.ha-hatab-1-8 {
-  display: inline-block;
-  position: absolute;
-  left: 12.5%;
-  min-width: 12.5%;
-}
-
-.ha-hatab-2-8 {
-  display: inline-block;
-  position: absolute;
-  left: 25%;
-  min-width: 12.5%;
-}
-
-.ha-hatab-3-8 {
-  display: inline-block;
-  position: absolute;
-  left: 37.5%;
-  min-width: 12.5%;
-}
-
-.ha-hatab-4-8 {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  min-width: 12.5%;
-}
-
-.ha-hatab-5-8 {
-  display: inline-block;
-  position: absolute;
-  left: 62.5%;
-  min-width: 12.5%;
-}
-
-.ha-hatab-6-8 {
-  display: inline-block;
-  position: absolute;
-  left: 75%;
-  min-width: 12.5%;
-}
-
-.ha-hatab-7-8 {
-  display: inline-block;
-  position: absolute;
-  left: 87.5%;
-  min-width: 12.5%;
-}
-
-.ha-hatab-0-9 {
-  display: inline;
-  position: static;
-  min-width: 11.111%;
-}
-
-.ha-hatab-1-9 {
-  display: inline-block;
-  position: absolute;
-  left: 11.111%;
-  min-width: 11.111%;
-}
-
-.ha-hatab-2-9 {
-  display: inline-block;
-  position: absolute;
-  left: 22.222%;
-  min-width: 11.111%;
-}
-
-.ha-hatab-3-9 {
-  display: inline-block;
-  position: absolute;
-  left: 33.333%;
-  min-width: 11.111%;
-}
-
-.ha-hatab-4-9 {
-  display: inline-block;
-  position: absolute;
-  left: 44.444%;
-  min-width: 11.111%;
-}
-
-.ha-hatab-5-9 {
-  display: inline-block;
-  position: absolute;
-  left: 55.555%;
-  min-width: 11.111%;
-}
-
-.ha-hatab-6-9 {
-  display: inline-block;
-  position: absolute;
-  left: 66.666%;
-  min-width: 11.111%;
-}
-
-.ha-hatab-7-9 {
-  display: inline-block;
-  position: absolute;
-  left: 77.777%;
-  min-width: 11.111%;
-}
-
-.ha-hatab-8-9 {
-  display: inline-block;
-  position: absolute;
-  left: 88.888%;
-  min-width: 11.111%;
-}
-
-.ha-hatab-0-10 {
-  display: inline-block;
-  position: absolute;
-  min-width: 10%;
-}
-
-.ha-hatab-1-10 {
-  display: inline-block;
-  position: absolute;
-  left: 10%;
-  min-width: 10%;
-}
-
-.ha-hatab-2-10 {
-  display: inline-block;
-  position: absolute;
-  left: 20%;
-  min-width: 10%;
-}
-
-.ha-hatab-3-10 {
-  display: inline-block;
-  position: absolute;
-  left: 30%;
-  min-width: 10%;
-}
-
-.ha-hatab-4-10 {
-  display: inline-block;
-  position: absolute;
-  left: 40%;
-  min-width: 10%;
-}
-
-.ha-hatab-5-10 {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  min-width: 10%;
-}
-
-.ha-hatab-6-10 {
-  display: inline-block;
-  position: absolute;
-  left: 60%;
-  min-width: 10%;
-}
-
-.ha-hatab-7-10 {
-  display: inline-block;
-  position: absolute;
-  left: 70%;
-  min-width: 10%;
-}
-
-.ha-hatab-8-10 {
-  display: inline-block;
-  position: absolute;
-  left: 80%;
-  min-width: 10%;
-}
-
-.ha-hatab-9-10 {
-  display: inline-block;
-  position: absolute;
-  left: 90%;
-  min-width: 10%;
-}
-
-.ha-hatab-0-11 {
-  display: inline-block;
-  position: absolute;
-  min-width: 9.091%;
-}
-
-.ha-hatab-1-11 {
-  display: inline-block;
-  position: absolute;
-  left: 9.091%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-2-11 {
-  display: inline-block;
-  position: absolute;
-  left: 18.182%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-3-11 {
-  display: inline-block;
-  position: absolute;
-  left: 27.273%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-4-11 {
-  display: inline-block;
-  position: absolute;
-  left: 36.364%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-5-11 {
-  display: inline-block;
-  position: absolute;
-  left: 45.455%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-6-11 {
-  display: inline-block;
-  position: absolute;
-  left: 54.545%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-7-11 {
-  display: inline-block;
-  position: absolute;
-  left: 63.636%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-8-11 {
-  display: inline-block;
-  position: absolute;
-  left: 72.727%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-9-11 {
-  display: inline-block;
-  position: absolute;
-  left: 81.818%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-10-11 {
-  display: inline-block;
-  position: absolute;
-  left: 90.909%;
-  min-width: 9.091%;
-}
-
-.ha-hatab-0-12 {
-  display: inline-block;
-  position: absolute;
-  min-width: 8.333%;
-}
-
-.ha-hatab-1-12 {
-  display: inline-block;
-  position: absolute;
-  left: 8.333%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-2-12 {
-  display: inline-block;
-  position: absolute;
-  left: 16.666%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-3-12 {
-  display: inline-block;
-  position: absolute;
-  left: 25%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-4-12 {
-  display: inline-block;
-  position: absolute;
-  left: 33.333%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-5-12 {
-  display: inline-block;
-  position: absolute;
-  left: 41.666%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-6-12 {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-7-12 {
-  display: inline-block;
-  position: absolute;
-  left: 58.333%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-8-12 {
-  display: inline-block;
-  position: absolute;
-  left: 66.666%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-9-12 {
-  display: inline-block;
-  position: absolute;
-  left: 75%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-10-12 {
-  display: inline-block;
-  position: absolute;
-  left: 83.333%;
-  min-width: 8.333%;
-}
-
-.ha-hatab-11-12 {
-  display: inline-block;
-  position: absolute;
-  left: 91.666%;
-  min-width: 8.333%;
+  /* TODO: check what can be inlined (eg. used once in the code, has no double paths etc...) */  
 }
diff --git a/HaWeb/wwwroot/css/static.css b/HaWeb/wwwroot/css/static.css
new file mode 100644
index 0000000..6f5b91c
--- /dev/null
+++ b/HaWeb/wwwroot/css/static.css
@@ -0,0 +1,71 @@
+@layer components {
+/* COLORS */
+  .ha-static {
+    @apply bg-slate-50 dark:bg-gray-900
+  }
+
+  .ha-static h3 {
+    @apply text-hamannHighlight dark:text-white dark:font-bold
+  }
+
+  .ha-static table th {
+    @apply text-hamannHighlight dark:text-white dark:font-bold
+  }
+
+  .ha-static table tr:nth-child(even) {
+    @apply bg-slate-200 dark:bg-slate-700
+  }
+
+/* STYLES */
+  .ha-static {
+    @apply w-full py-12 px-12 md:px-16 hyphenate font-serif
+  }
+
+  .ha-static h1 {
+    @apply font-bold text-xl desktop:font-normal desktop:text-4xl mb-6
+  }
+
+  .ha-static h2 {
+    @apply my-3 mt-4 text-lg desktop:text-2xl
+  }
+
+  .ha-static h3 {
+    @apply mt-4 mb-2
+  }
+
+  .ha-static table {
+    @apply my-3 w-full;
+  }
+
+  .ha-static table th {
+    @apply pl-2 pr-2 desktop:pr-4 text-left font-normal
+  }
+
+  .ha-static table tr td {
+    @apply pl-2 pr-2 desktop:pr-4 align-top desktop:whitespace-nowrap;
+  }
+
+  .ha-static table tr td:last-child {
+    @apply desktop:whitespace-normal
+  }
+
+  .ha-static p {
+    @apply my-4
+  }
+
+  .ha-static a {
+    @apply underline decoration-dotted
+  }
+
+  .ha-static a:hover {
+    @apply underline decoration-solid
+  }
+
+  .ha-static .ha-footnote {
+    @apply relative text-sm desktop:text-base
+  }
+
+  .ha-static .ha-footnote .ha-footnote-ref {
+    @apply inline-block absolute text-right w-8 -left-10
+  }
+}
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/tables.css b/HaWeb/wwwroot/css/tables.css
new file mode 100644
index 0000000..b38047d
--- /dev/null
+++ b/HaWeb/wwwroot/css/tables.css
@@ -0,0 +1,534 @@
+.ha-table {
+    overflow: hidden;
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums !important;
+  }
+  
+  .ha-hatab-0-2 {
+    display: inline;
+    position: static;
+    min-width: 50%;
+  }
+  
+  .ha-hatab-1-2 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 50%;
+  }
+  
+  .ha-hatab-0-3 {
+    display: inline;
+    position: static;
+    min-width: 33.333%;
+  }
+  
+  .ha-hatab-1-3 {
+    display: inline-block;
+    position: absolute;
+    left: 33%;
+    min-width: 33.333%;
+  }
+  
+  .ha-hatab-2-3 {
+    display: inline-block;
+    position: absolute;
+    left: 66%;
+    min-width: 33.333%;
+  }
+  
+  .ha-hatab-0-4 {
+    display: inline;
+    position: static;
+    min-width: 25%;
+  }
+  
+  .ha-hatab-1-4 {
+    display: inline-block;
+    position: absolute;
+    left: 25%;
+    min-width: 25%;
+  }
+  
+  .ha-hatab-2-4 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 25%;
+  }
+  
+  .ha-hatab-3-4 {
+    display: inline-block;
+    position: absolute;
+    left: 75%;
+    min-width: 25%;
+  }
+  
+  .ha-hatab-0-5 {
+    display: inline;
+    position: static;
+    min-width: 20%;
+  }
+  
+  .ha-hatab-1-5 {
+    display: inline-block;
+    position: absolute;
+    left: 20%;
+    min-width: 20%;
+  }
+  
+  .ha-hatab-2-5 {
+    display: inline-block;
+    position: absolute;
+    left: 40%;
+    min-width: 20%;
+  }
+  
+  .ha-hatab-3-5 {
+    display: inline-block;
+    position: absolute;
+    left: 60%;
+    min-width: 20%;
+  }
+  
+  .ha-hatab-4-5 {
+    display: inline-block;
+    position: absolute;
+    left: 80%;
+    min-width: 20%;
+  }
+  
+  .ha-hatab-0-6 {
+    display: inline;
+    position: static;
+    min-width: 16.667%;
+  }
+  
+  .ha-hatab-1-6 {
+    display: inline-block;
+    position: absolute;
+    left: 16.667%;
+    min-width: 16.667%;
+  }
+  
+  .ha-hatab-2-6 {
+    display: inline-block;
+    position: absolute;
+    left: 33.333%;
+    min-width: 16.667%;
+  }
+  
+  .ha-hatab-3-6 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 16.667%;
+  }
+  
+  .ha-hatab-4-6 {
+    display: inline-block;
+    position: absolute;
+    left: 66.667%;
+    min-width: 16.667%;
+  }
+  
+  .ha-hatab-5-6 {
+    display: inline-block;
+    position: absolute;
+    left: 83.333%;
+    min-width: 16.667%;
+  }
+  
+  .ha-hatab-0-7 {
+    display: inline;
+    position: static;
+    min-width: 14.286%;
+  }
+  
+  .ha-hatab-1-7 {
+    display: inline-block;
+    position: absolute;
+    left: 14.286%;
+    min-width: 14.286%;
+  }
+  
+  .ha-hatab-2-7 {
+    display: inline-block;
+    position: absolute;
+    left: 28.571%;
+    min-width: 14.286%;
+  }
+  
+  .ha-hatab-3-7 {
+    display: inline-block;
+    position: absolute;
+    left: 42.857%;
+    min-width: 14.286%;
+  }
+  
+  .ha-hatab-4-7 {
+    display: inline-block;
+    position: absolute;
+    left: 57.143%;
+    min-width: 14.286%;
+  }
+  
+  .ha-hatab-5-7 {
+    display: inline-block;
+    position: absolute;
+    left: 71.429%;
+    min-width: 14.286%;
+  }
+  
+  .ha-hatab-6-7 {
+    display: inline-block;
+    position: absolute;
+    left: 85.714%;
+    min-width: 14.286%;
+  }
+  
+  .ha-hatab-0-8 {
+    display: inline;
+    position: static;
+    min-width: 12.5%;
+  }
+  
+  .ha-hatab-1-8 {
+    display: inline-block;
+    position: absolute;
+    left: 12.5%;
+    min-width: 12.5%;
+  }
+  
+  .ha-hatab-2-8 {
+    display: inline-block;
+    position: absolute;
+    left: 25%;
+    min-width: 12.5%;
+  }
+  
+  .ha-hatab-3-8 {
+    display: inline-block;
+    position: absolute;
+    left: 37.5%;
+    min-width: 12.5%;
+  }
+  
+  .ha-hatab-4-8 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 12.5%;
+  }
+  
+  .ha-hatab-5-8 {
+    display: inline-block;
+    position: absolute;
+    left: 62.5%;
+    min-width: 12.5%;
+  }
+  
+  .ha-hatab-6-8 {
+    display: inline-block;
+    position: absolute;
+    left: 75%;
+    min-width: 12.5%;
+  }
+  
+  .ha-hatab-7-8 {
+    display: inline-block;
+    position: absolute;
+    left: 87.5%;
+    min-width: 12.5%;
+  }
+  
+  .ha-hatab-0-9 {
+    display: inline;
+    position: static;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-1-9 {
+    display: inline-block;
+    position: absolute;
+    left: 11.111%;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-2-9 {
+    display: inline-block;
+    position: absolute;
+    left: 22.222%;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-3-9 {
+    display: inline-block;
+    position: absolute;
+    left: 33.333%;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-4-9 {
+    display: inline-block;
+    position: absolute;
+    left: 44.444%;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-5-9 {
+    display: inline-block;
+    position: absolute;
+    left: 55.555%;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-6-9 {
+    display: inline-block;
+    position: absolute;
+    left: 66.666%;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-7-9 {
+    display: inline-block;
+    position: absolute;
+    left: 77.777%;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-8-9 {
+    display: inline-block;
+    position: absolute;
+    left: 88.888%;
+    min-width: 11.111%;
+  }
+  
+  .ha-hatab-0-10 {
+    display: inline-block;
+    position: absolute;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-1-10 {
+    display: inline-block;
+    position: absolute;
+    left: 10%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-2-10 {
+    display: inline-block;
+    position: absolute;
+    left: 20%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-3-10 {
+    display: inline-block;
+    position: absolute;
+    left: 30%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-4-10 {
+    display: inline-block;
+    position: absolute;
+    left: 40%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-5-10 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-6-10 {
+    display: inline-block;
+    position: absolute;
+    left: 60%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-7-10 {
+    display: inline-block;
+    position: absolute;
+    left: 70%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-8-10 {
+    display: inline-block;
+    position: absolute;
+    left: 80%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-9-10 {
+    display: inline-block;
+    position: absolute;
+    left: 90%;
+    min-width: 10%;
+  }
+  
+  .ha-hatab-0-11 {
+    display: inline-block;
+    position: absolute;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-1-11 {
+    display: inline-block;
+    position: absolute;
+    left: 9.091%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-2-11 {
+    display: inline-block;
+    position: absolute;
+    left: 18.182%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-3-11 {
+    display: inline-block;
+    position: absolute;
+    left: 27.273%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-4-11 {
+    display: inline-block;
+    position: absolute;
+    left: 36.364%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-5-11 {
+    display: inline-block;
+    position: absolute;
+    left: 45.455%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-6-11 {
+    display: inline-block;
+    position: absolute;
+    left: 54.545%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-7-11 {
+    display: inline-block;
+    position: absolute;
+    left: 63.636%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-8-11 {
+    display: inline-block;
+    position: absolute;
+    left: 72.727%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-9-11 {
+    display: inline-block;
+    position: absolute;
+    left: 81.818%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-10-11 {
+    display: inline-block;
+    position: absolute;
+    left: 90.909%;
+    min-width: 9.091%;
+  }
+  
+  .ha-hatab-0-12 {
+    display: inline-block;
+    position: absolute;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-1-12 {
+    display: inline-block;
+    position: absolute;
+    left: 8.333%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-2-12 {
+    display: inline-block;
+    position: absolute;
+    left: 16.666%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-3-12 {
+    display: inline-block;
+    position: absolute;
+    left: 25%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-4-12 {
+    display: inline-block;
+    position: absolute;
+    left: 33.333%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-5-12 {
+    display: inline-block;
+    position: absolute;
+    left: 41.666%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-6-12 {
+    display: inline-block;
+    position: absolute;
+    left: 50%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-7-12 {
+    display: inline-block;
+    position: absolute;
+    left: 58.333%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-8-12 {
+    display: inline-block;
+    position: absolute;
+    left: 66.666%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-9-12 {
+    display: inline-block;
+    position: absolute;
+    left: 75%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-10-12 {
+    display: inline-block;
+    position: absolute;
+    left: 83.333%;
+    min-width: 8.333%;
+  }
+  
+  .ha-hatab-11-12 {
+    display: inline-block;
+    position: absolute;
+    left: 91.666%;
+    min-width: 8.333%;
+  }
+  
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/tailwind-extensions.css b/HaWeb/wwwroot/css/tailwind-extensions.css
new file mode 100644
index 0000000..0c85abd
--- /dev/null
+++ b/HaWeb/wwwroot/css/tailwind-extensions.css
@@ -0,0 +1,32 @@
+.hyphenate {
+    hyphens: auto;
+  }
+  
+  .unhyphenate {
+    hyphens: none;
+  }
+  
+  .numeric-mediaeval {
+    font-variant-numeric: oldstyle-nums;
+  }
+  
+  .numeric-normal {
+    font-variant-numeric: normal;
+  }
+  
+  .caps-allpetite {
+    font-variant-caps: all-petite-caps;
+  }
+  
+  .caps-petite {
+    font-variant-caps: petite-caps;
+  }
+  
+  .caps-normal {
+    font-variant-caps: normal;
+  }
+  
+  .break-inside-avoid {
+    break-inside: avoid;
+  }
+  
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/tailwind.css b/HaWeb/wwwroot/css/tailwind.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/HaWeb/wwwroot/css/tailwind.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/HaWeb/wwwroot/css/upload.css b/HaWeb/wwwroot/css/upload.css
new file mode 100644
index 0000000..27e44a4
--- /dev/null
+++ b/HaWeb/wwwroot/css/upload.css
@@ -0,0 +1,195 @@
+@layer components {
+/* COLORS */
+
+
+/* STYLES */
+  .ha-adminuploadfields {
+    @apply flex flex-row flex-wrap gap-x-4 gap-y-4
+  }
+
+  .ha-adminuploadfields .ha-uploadfield {
+    @apply block shrink-0 grow bg-slate-50 rounded shadow basis-64 max-w-xs
+  }
+
+  .ha-adminuploadfields .ha-uploadfield:hover {
+    @apply brightness-110
+  }
+
+  .ha-adminuploadfields .ha-uploadfield.active {
+    @apply !text-black brightness-110 shadow-inner
+  }
+
+  .ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname {
+    @apply px-3 pt-2 pb-1
+  }
+
+  .ha-adminuploadfields .ha-uploadusedfiles {
+    @apply text-sm whitespace-nowrap overflow-hidden text-ellipsis w-auto bg-slate-200 border-t border-slate-300 bg-opacity-30 px-2 py-0.5 
+  }
+
+  .ha-adminuploadfields .ha-uploadusedfiles.ha-uploadusedfilesnotfound {
+    @apply bg-slate-500 border-slate-500
+  }
+
+  .ha-adminuploadfields .ha-uploadpublishforms {
+    @apply flex flex-row gap-x-4 grow
+  }
+
+  .ha-adminuploadfields .ha-uploadform {
+    @apply bg-slate-50 rounded shadow grow relative 
+  }
+
+  .ha-adminuploadfields .ha-uploadform .ha-uploadtext {
+    @apply text-center
+  }
+
+  .ha-adminuploadfields .ha-uploadform .ha-lds-ellipsis {
+    @apply left-1/2 -ml-[20px]
+  }
+
+  .ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel {
+    @apply inline-block px-4 py-1 pt-2 cursor-pointer w-full h-full hover:bg-slate-100
+  }
+
+  .ha-adminuploadfields .ha-uploadform .ha-uploadmessage {
+    @apply text-sm bg-slate-700 bg-opacity-30 px-1 rounded-sm
+  }
+
+  .ha-adminuploadfields .ha-publishbutton  {
+    @apply inline-block px-2 py-1 pt-2 cursor-pointer w-full h-full bg-slate-50 shadow shrink hover:bg-slate-100
+  }
+
+  .ha-adminuploadfields .ha-publishbutton .ha-publishtext {
+    @apply text-center
+  }
+
+  .ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
+    @apply text-sm bg-slate-700 bg-opacity-30 px-1 rounded-sm
+  }
+
+  .ha-uploadheader {
+    @apply bg-slate-50 w-full mt-4 px-16 pt-12 pb-8 flex flex-row
+  }
+
+  .ha-uploadheader h1 {
+    @apply text-5xl
+  }
+
+  .ha-uploadcontainer {
+    @apply w-full bg-slate-50 flex flex-col gap-y-2 h-full
+  }
+
+  .ha-uploadcontainer .ha-publishfilelist {
+    @apply px-16 mb-8
+  }
+
+  .ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle {
+    @apply text-xl mb-2
+  }
+
+  .ha-uploadcontainer .ha-publishfilelist td {
+    @apply align-text-top pr-6
+  }
+
+  .ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel {
+    @apply relative mt-4 ml-6 rounded-md px-3 border-2 border-blue-600 hover:border-2 hover:shadow active:shadow-inner hover:border-blue-800 cursor-pointer float-right;
+  }
+
+  .ha-uploadcontainer .ha-availablefiles {
+    @apply px-16 border border-slate-200 hover:border-slate-800 py-2 cursor-pointer select-none
+  }
+
+  .ha-uploadcontainer .ha-availablefiles .ha-availablefilestitle {
+    @apply text-2xl
+  }
+
+  .ha-uploadcontainer .ha-availablefiles .ha-usedfilelist {
+
+  }
+
+  .ha-filesheader {
+    @apply mb-8
+  }
+
+  .ha-availablefileslist {
+    @apply px-16 pt-4
+  }
+
+  .ha-uploadcontainer .ha-errorswarnings {
+    @apply flex flex-row gap-x-2
+  }
+
+  .ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors,
+  .ha-uploadcontainer .ha-errorswarnings .ha-warnings {
+    @apply basis-1/2 min-w-[40%] min-h-[400px] overflow-x-hidden overflow-y-scroll grow shrink
+  }
+
+  .ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors {
+    @apply bg-red-200
+  }
+
+  .ha-uploadcontainer .ha-errorswarnings .ha-warnings {
+    @apply bg-orange-200
+  }
+
+  .ha-uploadcontainer .ha-crossfilechecking {
+    @apply w-full bg-cyan-200 grow shrink-0 h-full min-h-[400px]
+  }
+
+  .ha-uploadcontainer .ha-hamannfilechooser {
+    @apply px-16 pb-16 
+  }
+
+  /* Classes for FileList Component */
+  .ha-filelistfieldset {
+    
+  }
+
+  .ha-filelistfieldset .ha-filelistlegend {
+    @apply mb-2 text-xl
+  }
+
+  .ha-selectfilesform {
+    
+  }
+
+  .ha-selectfilesform .ha-filelistfile {
+    @apply flex flex-row gap-x-4 px-1 items-center
+  }
+
+  .ha-selectfilesform .ha-filelistfile:nth-child(even) {
+    @apply bg-slate-100
+  }
+
+  .ha-selectfilesform .ha-filelistlist {
+    @apply h-96 overflow-x-hidden overflow-y-scroll pr-4
+  }
+
+  .ha-selectfilesform .ha-filelistfile .ha-filelistname {
+    @apply font-mono
+  }
+
+  .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction {
+    @apply text-sm
+  }
+
+  .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistproduction {
+    @apply inline-block border rounded-md text-teal-600 border-teal-600 px-2 mr-2
+  }
+
+  .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistused {
+    @apply inline-block border rounded-md text-indigo-600 border-indigo-600 px-2 
+  }
+
+  .ha-selectfilesform .ha-filelistfile .ha-filelistmodified {
+    @apply grow text-right
+  }
+
+  .ha-selectfilesform .ha-filelistoutput {
+    @apply mt-4 ml-6 
+  }
+
+  .ha-selectfilesform .ha-filelistbutton {
+    @apply mt-4 ml-6 rounded-md px-3 border-2 border-blue-600 hover:border-2 hover:shadow active:shadow-inner hover:border-blue-800 cursor-pointer float-right;
+  }
+}
\ No newline at end of file
diff --git a/HaWeb/wwwroot/css/vorlage.css b/HaWeb/wwwroot/css/vorlage.css
new file mode 100644
index 0000000..50a5c39
--- /dev/null
+++ b/HaWeb/wwwroot/css/vorlage.css
@@ -0,0 +1,6 @@
+@layer components {
+/* COLORS */
+
+
+/* STYLES */
+}
\ No newline at end of file