Added HaKolloquium

2025-10-29 17:25:32 +00:00 · 2022-05-10 13:34:35 +02:00
parent c1e7680773
commit c5f30d463c
46 changed files with 3393 additions and 3 deletions
--- a/HaKolloquium/.gitignore
+++ b/HaKolloquium/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/HaKolloquium/acta-baende.html
+++ b/HaKolloquium/acta-baende.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="de" class="h-100 w-100">
+
+<head>
+    <meta name="description" content="Internationales Hamann-Kolloquium. Tagung für Interessierte und Forscher:innen zum Philosophen Johann Georg Hamann.">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Internationales Hamann-Kolloquium – Acta-Bände</title>
+    <script type="module" src="/main.ts"></script>
+</head>
+
+<body class="w-100 h-100">
+    <ha-menu></ha-menu>
+    <div class="ha-maincolumn">
+        <h1>Acta-Bände</h1>
+        <p>
+            <span class="acta-title font-bold">Acta 1976</span><br/>
+            <span class="acta-lit">Georg Hamann. Acta des Internationalen Hamann-Colloquiums in Lüneburg 1976. Mit einem
+                Vorwort von Arthur Henkel, hg. v. Bernhard Gajek (Frankfurt a. M. 1979).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 1980</span><br/>
+            <span class="acta-lit">Georg Hamann. Acta des zweiten Internationalen Hamann-Colloquiums im Herder-Institut
+                zu Marburg/Lahn 1980, hg. v. Bernhard Gajek (Marburg 1983).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 1982</span><br/>
+            <span class="acta-lit">Georg Hamann und Frankreich. Acta des dritten Internationalen Hamann-Colloquiums im
+                Herder-Institut zu Marburg/Lahn 1982, hg. v. Bernhard Gajek (Marburg 1987).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 1985</span><br/>
+            <span class="acta-lit">Hamann – Kant – Herder. Acta des vierten Internationalen Hamann-Kolloquiums im
+                Herder-Institut zu Marburg/Lahn 1985, hg. v. Bernhard Gajek (Frankfurt a. M. 1987).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 1988</span><br/>
+            <span class="acta-lit">Georg Hamann und die Krise der Aufklärung. Acta des fünften Internationalen
+                Hamann-Kolloquiums in Münster i. W. 1988, hg. v. Bernhard Gajek u. Albert Meier (Frankfurt a. M. 1990).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 1992</span><br/>
+            <span class="acta-lit">Georg Hamann. Autor und Autorschaft. Acta des sechsten Internationalen
+                Hamann-Kolloquiums im Herder-Institut zu Marburg/Lahn 1992, hg. v. Bernhard Gajek (Frankfurt a. M.
+                1996).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 1996</span><br/>
+            <span class="acta-lit">Georg Hamann und England. Hamann und die englischsprachige Aufklärung. Acta des
+                siebten Internationalen Hamann-Kolloquiums zu Marburg/Lahn 1996, hg. v. Bernhard Gajek (Frankfurt a. M.
+                1999).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 2002</span><br/><span class="acta-lit">
+                Die Gegenwärtigkeit Johann Georg Hamanns. Acta des achten Internationalen Hamann-Kolloquiums an der
+                Martin-Luther-Universität Halle-Wittenberg 2002, hg. v. Bernhard Gajek (Frankfurt a. M. 2005).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 2006</span><br/><span class="acta-lit">
+                Johann Georg Hamann: Religion und Gesellschaft, hg. v. Manfred Beetz u. Andre Rudolph (Berlin, Boston
+                2012).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 2010</span><br/><span class="acta-lit">
+                Hamanns Briefwechsel. Acta des Zehnten Internationalen Hamann-Kolloquiums an der
+                Martin-Luther-Universität Halle-Wittenberg 2010, hg. v. Manfred Beetz u. Johannes von Lüpke (Göttingen
+                2016) [= Hamann-Studien 1].
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 2015</span><br/><span class="acta-lit">
+                Johann Georg Hamann: Natur und Geschichte. Acta des Elften Internationalen Hamann-Kolloquiums an der
+                Kirchlichen Hochschule Wuppertal/Bethel 2015, hg. v. Eric Achermann, Johann Kreuzer u. Johannes von
+                Lüpke (Göttingen 2020) [= Hamann-Studien 4].
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Acta 2019</span><br/><span class="acta-lit">
+                »… sind noch in der Mache«. Zur Bedeutung der Rhetorik in Hamanns Schriften. Acta des zwölften
+                Internationalen Hamann-Kolloquiums in Heidelberg 2019, hg. v. Eric Achermann u. Janina Reibold
+                (Göttingen 2021) [= Hamann-Studien 5].
+            </span>
+        </p>
+    </div>
+    <ha-footer></ha-footer>
+</body>
+
+</html>
--- a/HaKolloquium/datenschutzerklaerung.html
+++ b/HaKolloquium/datenschutzerklaerung.html
@@ -0,0 +1,395 @@
+<!DOCTYPE html>
+<html lang="de" class="h-100 w-100">
+
+<head>
+    <meta name="description" content="Internationales Hamann-Kolloquium. Tagung für Interessierte und Forscher:innen zum Philosophen Johann Georg Hamann.">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Internationales Hamann-Kolloquium – Datenschutzerklärung</title>
+    <script type="module" src="/main.ts"></script>
+</head>
+
+<body class="w-100 h-100">
+    <ha-menu></ha-menu>
+    <div class="ha-maincolumn">
+        <h1>Impressum und Datenschutzerklärung</h1>
+        <div class="mt-6">
+            <div class="impress" style='mso-element:para-border-div;border:solid windowtext 1.0pt;
+        mso-border-alt:solid windowtext .5pt;padding:12.0pt 4.0pt 1.0pt 12.0pt'>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'><b style='mso-bidi-font-weight:
+        normal'>Telemedienanbieter im Sinne des § 5 TMG<o:p></o:p></b></p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'>Theodor Springmann
+                    Stiftung<br>
+                    Hirschgasse 2<br>
+                    69120 Heidelberg</p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'>Telefon +49 6221 436235<br>
+                    Email info@theodor-springmann-stiftung.de</p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'><b>Rechtsform und Sitz<o:p></o:p></b></p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'>Die Theodor Springmann
+                    Stiftung ist eine rechtsfähige Stiftung bürgerlichen Rechts.<br>
+                    Sitz der Stiftung ist Heidelberg.</p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'><b style='mso-bidi-font-weight:
+        normal'>Vorstand der Theodor Springmann Stiftung<o:p></o:p></b></p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'>Dr. Randolf Straky
+                    (Präsident)</p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'><b style='mso-bidi-font-weight:
+        normal'>Geschäftsführung<o:p></o:p></b></p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'>Dr. Randolf Straky<br>
+                    Theodor Springmann Stiftung<br>
+                    Hirschgasse 2<br>
+                    69120 Heidelberg</p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'><b style='mso-bidi-font-weight:
+        normal'>Zuständige Aufsichtsbehörde<o:p></o:p></b></p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'>Regierungspräsidium
+                    Karlsruhe<br>
+                    Schlossplatz 1–3<br>
+                    76131 Karlsruhe</p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'>
+                    https://rp.baden-wuerttemberg.de/Themen/Stiftung/Seiten/Ansprechpartner.aspx</p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'><b style='mso-bidi-font-weight:
+        normal'>Redaktionelle Verantwortung nach § 55 Abs. 2 RStV<o:p></o:p></b></p>
+
+                <p class=MsoNormal style='border:none;mso-border-alt:solid windowtext .5pt;
+        padding:0cm;mso-padding-alt:1.0pt 4.0pt 1.0pt 4.0pt'>Janina Reibold<br>
+                    Theodor Springmann Stiftung<br>
+                    Hirschgasse 2<br>
+                    69120 Heidelberg</p>
+
+            </div>
+
+            <p class=MsoNormal>
+                <o:p>&nbsp;</o:p>
+            </p>
+
+            <h1>Datenschutzerklärung</h1>
+
+            <h2>Präambel</h2>
+
+            <p class=MsoNormal>Diese Datenschutzerklärung informiert Sie über die Art, den
+                Umfang und den Zweck der personenbezogenen Daten, die im Rahmen dieser
+                Onlinepräsenz von Ihnen erhoben und von uns verarbeitet werden, sowie die Ihnen
+                zustehenden Rechte.</p>
+
+            <p class=MsoNormal>Personenbezogene Daten sind alle Informationen, die sich auf
+                eine identifizierte oder identifizierbare natürliche Person beziehen. Als
+                identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt
+                identifiziert werden kann. Im Hinblick auf weitere verwendete Begrifflichkeiten
+                verweisen wir auf die Definitionen der Datenschutz-Grundverordnung (DSGVO),
+                Artikel 4.</p>
+
+            <p class=MsoNormal>Erfolgt die Verarbeitung personenbezogener Daten auf
+                Grundlage des Art. 6 Abs. 1 <span class=SpellE>lit</span>. f DSGVO, so besteht
+                unser berechtigtes Interesse in der Erfüllung unseres satzungsgemäßen
+                Stiftungszwecks. Zweck der Stiftung ist es, in gemeinnütziger Weise
+                Wissenschaft und Kunst, Völkerverständigung und Entwicklungshilfe zu fördern
+                und zum menschlichen Selbstverständnis sowie zum Erkennen und Lindern strukturell
+                bedingter Not und Bedürftigkeit von Menschen in aller Welt beizutragen.</p>
+
+            <h2>Verantwortlicher</h2>
+
+            <p class=MsoNormal>Verantwortlich im Sinne von Art. 4 Abs. 7 DSGVO für die
+                Verarbeitung personenbezogener Daten ist:</p>
+
+            <p class=MsoNormal>Theodor Springmann Stiftung<br>
+                Hirschgasse 2<br>
+                69120 Heidelberg</p>
+
+            <p class=MsoNormal>www.theodor-springmann-stiftung.de<br>
+                info@theodor-springmann-stiftung.de</p>
+
+            <h2>Automatisch bei Nutzung unserer Onlinepräsenz erfasste Daten</h2>
+
+            <p class=MsoNormal>Mit der Nutzung unserer Onlinepräsenz werden automatisch
+                personenbezogene und allgemeine Daten vom Nutzer übermittelt und von uns
+                erfasst und gespeichert. Die von uns erhobenen Daten umfassen:</p>
+
+            <p class=MsoListParagraphCxSpFirst style='text-indent:-18.0pt;mso-list:l2 level1 lfo1'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>1)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>die IP-Adresse des ans Internet angeschlossenen
+                Netzwerkgeräts (Computer oder Router des Nutzers),</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l2 level1 lfo1'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>2)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>den verwendeten Browsertyp und dessen Version,</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l2 level1 lfo1'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>3)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>das verwendete Betriebssystem und dessen
+                Version,</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l2 level1 lfo1'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>4)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>die Internetseite, die den Nutzer auf unsere
+                Onlinepräsenz verweist (<span class=SpellE>Referrer</span>),</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l2 level1 lfo1'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>5)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>die Unterwebseiten, die der Nutzer auf unserer
+                Onlinepräsenz aufruft,</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l2 level1 lfo1'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>6)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>das Datum und die Uhrzeit des Aufrufs,</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l2 level1 lfo1'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>7)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>den Internet-Service-Provider des Nutzers,</p>
+
+            <p class=MsoListParagraphCxSpLast style='text-indent:-18.0pt;mso-list:l2 level1 lfo1'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>8)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>sonstige ähnliche Daten.</p>
+
+            <p class=MsoNormal>Die Theodor Springmann Stiftung zieht aus diesen Daten keine
+                Rückschlüsse auf die betroffenen Nutzer. Diese Informationen werden benötigt,
+                um</p>
+
+            <p class=MsoListParagraphCxSpFirst style='text-indent:-18.0pt;mso-list:l4 level1 lfo2'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>1)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>die vom Nutzer angeforderten Inhalte korrekt
+                auszuliefern,</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l4 level1 lfo2'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>2)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>technische Probleme zu diagnostizieren, unsere
+                IT-Systeme vor Angriffen zu schützen und im Falle eines Angriffs den
+                zuständigen Behörden notwendige Informationen zur Strafverfolgung bereitstellen
+                zu können,</p>
+
+            <p class=MsoListParagraphCxSpLast style='text-indent:-18.0pt;mso-list:l4 level1 lfo2'><span
+                    style='mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin'><span
+                        style='mso-list:Ignore'>3)<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>die Inhalte und die Bedienung unserer
+                Onlinepräsenz zu optimieren.</p>
+
+            <p class=MsoNormal>Die oben genannten Verarbeitungszwecke werden von Subsystemen
+                erfüllt, die unabhängig von anderen Subsystemen ihre jeweils eigene Kopie der
+                vom Nutzer erhobenen Daten erhalten, verarbeiten und löschen. Dabei werden den
+                Subsystemen lediglich die zur Ausführung ihrer Aufgabe erforderlichen Daten übergeben.
+                Alle Subsysteme befinden sich auf Servern der Theodor Springmann Stiftung.</p>
+
+            <h3>Auslieferung der vom Nutzer angeforderten Inhalte</h3>
+
+            <p class=MsoNormal>Mit der Anforderung einer Seite dieser Onlinepräsenz
+                übermittelt der Browser des Nutzers automatisch die IP-Adresse seines ans
+                Internet angeschlossenen Netzwerkgeräts (Computer oder Router) und andere Daten.
+                Ohne diese IP-Adresse können die Inhalte dieser Online-Präsenz nicht an den
+                Nutzer zurückgesendet werden. Daher ist die Speicherung und Verarbeitung der
+                IP-Adresse für den Betrieb dieser Onlinepräsenz notwendig. Ebenfalls
+                übermittelte Daten über den verwendeten Browser usw. werden gegebenenfalls
+                verwendet, um die Anzeige der Webseite an das Anzeigegerät oder den Browser
+                anzupassen. Die zum Zwecke der Auslieferung von Inhalten gesammelten Daten
+                werden direkt nach Übertragung der Inhalte vom Subsystem gelöscht. Die
+                Verarbeitung dieser Daten erfolgt auf der Grundlage eines berechtigten
+                Interesses nach Art. 6 Abs. 1 <span class=SpellE>lit</span>. f DSGVO.</p>
+
+            <h3>Diagnose und Schutz der IT-Systeme</h3>
+
+            <p class=MsoNormal>Daneben erfolgt eine Speicherung der oben genannten Daten in
+                Diagnose-Protokollen. Die Protokollierung ist notwendig, um etwaige technische
+                Probleme analysieren oder Angriffe erkennen und abwehren zu können. Bei
+                Angriffen auf unsere IT-Systeme übergeben wir die Diagnose-Protokolle den
+                zuständigen Strafverfolgungsbehörden. Die Diagnose-Protokolle werden nach 14
+                Tagen automatisch gelöscht. Die Speicherung und Verarbeitung dieser Daten
+                erfolgt auf Grundlage eines berechtigten Interesses nach Art. 6 Abs. 1 <span class=SpellE>lit</span>. f
+                DSGVO.</p>
+
+            <h3>Analyse zur Optimierung der Inhalte und der Bedienung</h3>
+
+            <p class=MsoNormal>Die oben genannten Daten werden von einem Webanalyseprogramm
+                verarbeitet. Dabei werden die Daten pseudonymisiert und aggregiert, so dass sie
+                einzelnen Nutzern nicht mehr zugeordnet werden können. Das Analyseprogramm wird
+                auf einem von uns betriebenen Server ausgeführt, daher werden keine Daten an
+                Dritte übermittelt. Der Zweck dieser Erfassung besteht in der Analyse der
+                Nutzung unseres Angebots, durch die eine Verbesserung unserer Webseiten, der
+                Inhalte und der Bedienung ermöglicht wird. Das Analyseprogramm speichert die
+                anonymisierten Daten ohne zeitliche Begrenzung. Die Verarbeitung dieser Daten
+                erfolgt auf der Grundlage eines berechtigten Interesses (Art. 6 Abs. 1 <span class=SpellE>lit</span>. f
+                DSGVO).</p>
+
+            <h2>Weitere auf der Onlinepräsenz erfasste Daten</h2>
+
+            <p class=MsoNormal>Neben den oben aufgeführten Daten können weitere Daten von
+                uns erfasst, gespeichert und verarbeitet werden.</p>
+
+            <h3>Sonstige Daten</h3>
+
+            <p class=MsoNormal>Sämtliche Daten, die mit dem Aufruf einer Webseite von
+                unserer Onlinepräsenz an den Nutzer übertragen werden, werden von unseren
+                Servern bereitgestellt. Wir nutzen kein von Dritten bereitgestelltes Content <span
+                    class=SpellE>Delivery</span> Network (CDN), um Teile unserer Onlinepräsenz (z.
+                B. <span class=SpellE>Javascript</span>- oder <span class=SpellE>Webfont</span>-Dateien)
+                von dort an den Nutzer zu übermitteln. Wir verlinken auch nicht in soziale
+                Netzwerke. Insofern können von Dritten keine personenbezogenen Daten über
+                unsere Onlinepräsenz erhoben werden, es sei denn, die Datenerfassung durch
+                Dritte basiert auf einer gesetzlichen Grundlage und/oder wurde behördlich
+                angeordnet.</p>
+
+            <p class=MsoNormal>In unseren Inhalten können sich jedoch Hyperlinks („Links“)
+                auf fremde Onlineangebote befinden. Mit dem Anklicken eines solchen Links
+                verlässt der Nutzer unsere Onlinepräsenz und damit den Geltungsbereich dieser
+                Datenschutzerklärung.</p>
+
+            <h2>Erhobene Daten bei Kontakt</h2>
+
+            <p class=MsoNormal>Unsere Onlinepräsenz hält unter anderem aufgrund gesetzlicher
+                Vorgaben verschiedene Möglichkeiten bereit, mit uns in Kontakt zu treten. Sofern
+                eine betroffene Person Kontakt zu uns aufnimmt, werden die von der betroffenen
+                Person übermittelten personenbezogenen Daten automatisch gespeichert (z. B.
+                Telefonnummer, E-Mail-Adresse). Diese Angaben werden zum Zwecke der Bearbeitung
+                sowie für sich möglicherweise anschließende Kommunikation von uns gespeichert. Sobald
+                die Speicherung dieser Daten nicht mehr erforderlich ist und keine gesetzlichen
+                Archivierungsgründe vorliegen, werden die Daten gelöscht. Die Erforderlichkeit
+                wird alle zwei Jahre überprüft. Es erfolgt keine Weitergabe dieser
+                personenbezogenen Daten an Dritte.</p>
+
+            <p class=MsoNormal>Von betroffenen Personen übermittelte Informationen zur
+                Bearbeitung einer Kontaktanfrage werden gemäß Art. 6 Abs. 1 <span class=SpellE>lit</span>.
+                b (vertragliche und vorvertragliche Beziehungen) oder <span class=SpellE>lit</span>.
+                f (andere Anfragen) der DSGVO verarbeitet.</p>
+
+            <h2>Speicherung und Löschung von personenbezogenen Daten</h2>
+
+            <p class=MsoNormal>Personenbezogene Daten werden von uns für die Dauer der
+                entsprechenden gesetzlichen Aufbewahrungspflichten oder für den zur
+                Vertragserfüllung erforderlichen Zeitraum gespeichert. Liegen solche Gründe
+                nicht vor, werden personenbezogene Daten für den Zeitraum, der zur Erreichung
+                des Speicherzwecks erforderlich ist, verarbeitet und gespeichert, sofern in
+                dieser Datenschutzerklärung nicht ausdrücklich anderes angegeben ist. Sobald die
+                Daten für ihre Zweckbestimmung nicht mehr erforderlich sind oder der
+                Speicherungszweck entfällt, werden sie nach Maßgabe der gesetzlichen Vorschriften
+                gelöscht oder in ihrer Verarbeitung eingeschränkt.</p>
+
+            <p class=MsoNormal>Sollten die Daten nicht gelöscht werden dürfen, weil sie
+                einer gesetzlichen Aufbewahrungspflicht unterliegen, wird deren Verarbeitung durch
+                Archivierung eingeschränkt. Die Daten werden erst nach Ablauf der gesetzlich vorgeschriebenen
+                Speicherfrist gelöscht.</p>
+
+            <p class=MsoNormal>Alle sechs Monate wird routinemäßig geprüft, ob der Speicherungszweck
+                weggefallen bzw. die Aufbewahrungspflicht abgelaufen ist. Anschließend wird gegebenenfalls
+                die Löschung durchgeführt.</p>
+
+            <h2>Rechte der betroffenen Personen</h2>
+
+            <p class=MsoNormal>Unter den angegebenen Kontaktdaten können betroffene
+                Personen jederzeit nachgenannte Rechte ausüben. Eine betroffene Person kann von
+                uns verlangen, dass</p>
+
+            <p class=MsoListParagraphCxSpFirst style='text-indent:-18.0pt;mso-list:l0 level1 lfo4'><span style='font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
+        Symbol'><span style='mso-list:Ignore'>·<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>Auskunft über sie betreffende, bei uns
+                gespeicherte Daten und deren Verarbeitung erteilt wird (Art. 15 DSGVO),</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l0 level1 lfo4'><span style='font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
+        Symbol'><span style='mso-list:Ignore'>·<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>sie betreffende unrichtige personenbezogene
+                Daten berichtigt werden (Art. 16 DSGVO),</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l0 level1 lfo4'><span style='font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
+        Symbol'><span style='mso-list:Ignore'>·<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>sie betreffende, bei uns gespeicherte
+                personenbezogene Daten gelöscht werden (Art. 17 DSGVO),</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l0 level1 lfo4'><span style='font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
+        Symbol'><span style='mso-list:Ignore'>·<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>die Verarbeitung sie betreffender, bei uns gespeicherter
+                Daten, die aufgrund gesetzlicher Vorschriften oder anderer Gründe nicht
+                gelöscht werden dürfen, eingeschränkt wird (Art. 18 DSGVO),</p>
+
+            <p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:l0 level1 lfo4'><span style='font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
+        Symbol'><span style='mso-list:Ignore'>·<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>sie betreffende Daten übertragbar sind, soweit
+                sie in die Datenverarbeitung eingewilligt oder einen Vertrag mit uns
+                geschlossen hat (Art. 20 DSGVO)</p>
+
+            <p class=MsoListParagraphCxSpLast style='text-indent:-18.0pt;mso-list:l0 level1 lfo4'><span style='font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
+        Symbol'><span style='mso-list:Ignore'>·<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>sie betreffende Daten nach einem Widerspruch
+                nicht weiter von uns verarbeitet werden (Art. 21 DSGVO),</p>
+
+            <p class=MsoNormal>Eine betroffene Person hat ferner jederzeit das Recht,</p>
+
+            <p class=MsoListParagraphCxSpFirst style='text-indent:-18.0pt;mso-list:l1 level1 lfo5'><span style='font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
+        Symbol'><span style='mso-list:Ignore'>·<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>eine erteilte Einwilligung in die Erhebung und
+                Verarbeitung personenbezogener Daten nach Art. 6 Abs. 1 <span class=SpellE>lit</span>.
+                a oder Art. 9 Abs. 2 lit. a DSGVO für die Zukunft zu widerrufen (Art. 7 Abs. 3
+                DSGVO),</p>
+
+            <p class=MsoListParagraphCxSpLast style='text-indent:-18.0pt;mso-list:l1 level1 lfo5'><span style='font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
+        Symbol'><span style='mso-list:Ignore'>·<span
+                            style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        </span></span></span>sich mit einer Beschwerde an eine
+                Aufsichtsbehörde zu wenden (Art. 15 Abs. 1 <span class=SpellE>lit</span>. f
+                DSGVO). Eine Liste der Aufsichtsbehörden lässt sich unter <a
+                    href="https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html"
+                    target="blank">https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html</a>
+                abrufen.</p>
+
+            <h2>Änderung unserer Datenschutzerklärung</h2>
+
+            <p class=MsoNormal>Wir behalten uns vor, diese Datenschutzerklärung ohne vorherige
+                Ankündigung an neue rechtliche oder technische Sachverhalte sowie an Änderungen
+                unserer Leistungen oder Prozesse anzupassen. Es gilt die jeweils auf der
+                Onlinepräsenz veröffentlichte Version der Datenschutzerklärung.</p>
+
+        </div>
+    </div>
+
+    <ha-footer></ha-footer>
+</body>
+
+</html>
--- a/HaKolloquium/index.html
+++ b/HaKolloquium/index.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="de" class="h-100 w-100" >
+<head>
+    <meta name="description" content="Internationales Hamann-Kolloquium. Tagung für Interessierte und Forscher zum Philosophen Johann Georg Hamann.">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Internationales Hamann-Kolloquium</title>
+    <script type="module" src="/main.ts"></script>
+</head>
+<body class="w-100 h-100">
+  <ha-menu></ha-menu>
+  <div class="ha-maincolumn">
+    <h1>13. Internationales Hamann-Kolloquium</h1>
+    <h2>29. März – 1. April 2023 in Lüneburg</h2>
+    <br>
+    <h2 class="bg-slate-200 px-2 border-l-2 border-slate-400 py-2">»… genaueste Localität, Individualität und Personalität«.<br class="hidden 2xl:inline"> Johann Georg Hamann in Königsberg</h2>
+    <br><span class="font-bold">Einladung zur Mitarbeit. Call for Papers</span>
+    <p>
+      Das Internationale Hamann-Kolloquium führt seit 1976 Forscherinnen und Forscher verschiedener Fachrichtungen zusammen, um die wissenschaftliche Arbeit am Werk Johann Georg Hamanns (1730–1788) zu fördern.
+    </p>
+    <p>
+      Vorbereitet wird zurzeit das dreizehnte Kolloquium, das vom 29. März bis zum 1. April 2023 in Lüneburg in Zusammenarbeit mit dem dortigen Ostpreußischen Landesmuseum stattfinden soll. Es ist dem Werk Hamanns im Königsberger Kontext gewidmet. Hier hat sich seine „Individualität und Personalität“ entwickelt; hier hat er Gesprächspartner gefunden, die ihn zu vielfältigen Beiträgen angeregt und herausgefordert haben. Diese besondere „Localität“ mit ihrem Beziehungsnetz genauer auszuleuchten, ist das Anliegen des Kolloquiums. Im Einzelnen kommen folgende Themenfelder in Betracht:
+    </p>
+    <p class="mt-5">
+      <span class="font-bold">Bildungsräume</span>
+      <ul>
+        <li>
+          Prägende Traditionen: Elternhaus und Familie
+        </li>
+        <li>
+          Das kirchliche Leben: Luthertum, Pietismus und Aufklärung
+        </li>
+        <li>
+          Die Albertus-Universität: Hamanns Lehrer und Kommilitonen
+        </li>
+      </ul>
+    </p>
+    <p class="mt-5">
+      <span class="font-bold">Handels- und Verhandlungsräume</span>
+      <ul>
+        <li>
+          Königsberg im Siebenjährigen Krieg (1756–1763)
+        </li>
+        <li>
+          Königsberg im Spannungsfeld zwischen Preußen und Russland
+        </li>
+        <li>
+          Hamanns Lohnarbeit
+        </li>
+        <li>
+          Der Königsberger Buchmarkt
+        </li>
+      </ul>
+    </p>
+    <p class="mt-5">
+      <span class="font-bold">Diskursräume</span>
+      <ul>
+        <li>
+          Hamann im Dialog mit Kant, Herder, Hippel, Scheffner u.a.
+        </li>
+        <li>
+          Publizistik: Hamanns Mitarbeit an den „Königsbergschen Gelehrten und Politischen Zeitungen“
+        </li>
+        <li>
+          Königsberger Sozietäten
+        </li>
+      </ul>
+    </p>
+    <p class="mt-5 mb-5">
+      <span class="font-bold">Wirkungsort Königsberg</span>
+    </p>
+    <p>
+      Mit den Stichworten sind Anregungen gegeben. Weitere Vorschläge zur Entfaltung des Generalthemas sind willkommen.   
+    </p>
+    <p>
+      Ein- bis zweiseitige Exposés mit Angaben zu Gegenstand, Methode und Bezugstexten des vorgeschlagenen Beitrags werden bis 31.05.2022 per E-Mail oder auf dem Postweg erbeten an eine der folgenden Adressen:
+      <p>Dr. Janina Reibold (janina.reibold@gs.uni-heidelberg.de) 
+      <br/>Prof. Dr. Eric Achermann (achermann@uni-muenster.de) 
+      <br/>Prof. Dr. Johann Kreuzer (johann.kreuzer@uni-oldenburg.de) 
+      <br/>Prof. Dr. Johannes von Lüpke (johannes@vonluepke.com), Jean-Leppien-Straße 22, 21339 Lüneburg.</p>
+    </p>
+  </div>
+
+  <ha-footer></ha-footer>
+</body>
+</html>
+
--- a/HaKolloquium/kolloquien.html
+++ b/HaKolloquium/kolloquien.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="de" class="h-100 w-100" >
+<head>
+  <meta name="description" content="Internationales Hamann-Kolloquium. Tagung für Interessierte und Forscher:innen zum Philosophen Johann Georg Hamann.">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Internationales Hamann-Kolloquium – Kolloquien</title>
+    <script type="module" src="/main.ts"></script>
+</head>
+<body class="w-100 h-100">
+  <ha-menu></ha-menu>
+  <div class="ha-maincolumn">
+    <h1>Hamann-Kolloquien</h1>
+    <table class="mt-4">
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold w-auto">1976</span></td>
+    <td><span class="desc inline-block w-auto">Internationales Hamann-Colloquium im Lüneburg (7.–10. Juni 1976)</span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">1980</span></td>
+    <td><span class="desc inline"> Zweites Internationales Hamann-Colloquium in Marburg (29. Mai – 1. Juni 1980)</span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">1982</span></td>
+    <td><span class="desc inline"> Drittes Internationales Hamann-Colloquium im Herder-Institut zu Marburg/Lahn: »Johann Georg Hamann und Frankreich« (31. Mai – 3. Juni 1982)</span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">1985</span></td>
+    <td><span class="desc inline"> Viertes Internationales Hamann-Kolloquium im Herder-Institut zu Marburg/Lahn: »Hamann – Kant – Herder« (16.–18. Mai 1985) </span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">1988</span></td>
+    <td><span class="desc inline"> Fünftes Internationales Hamann-Kolloquium in Münster i. W.: »Johann Georg Hamann und die Krise der Aufklärung« (2.–6. Oktober 1988) </span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">1992</span></td>
+    <td><span class="desc inline"> Sechstes Internationales Hamann-Kolloquium im Herder-Institut zu Marburg/Lahn: »Johann Georg Hamann. Autor und Autorschaft« (4.–8. Oktober 1992) </span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">1996</span></td>
+    <td><span class="desc inline"> Siebtes Internationales Hamann-Kolloquium zu Marburg/Lahn: »Johann Georg Hamann und England. Hamann und die englischsprachige Aufklärung« (29. September – 3. Oktoaber 1996)</span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">2002</span></td>
+    <td><span class="desc inline"> Achtes Internationales Hamann-Kolloquium an der Martin-Luther-Universität Halle-Wittenberg: »Die Gegenwärtigkeit Johann Georg Hamanns« (3.–7. März 2002) </span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">2006</span></td>
+    <td><span class="desc inline"> Neuntes Internationales Hamann-Kolloquium an der Martin-Luther-Universität Halle-Wittenberg: »Johann Georg Hamann: Religion und Gesellschaft« (28.–30. September 2006) </span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">2010</span></td>
+    <td><span class="desc inline"> Zehntes Internationales Hamann-Kolloquium an der Martin-Luther-Universität Halle-Wittenberg: »Hamanns Briefwechsel« (23.–25. September 2010)</span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">2015</span></td>
+    <td><span class="desc inline"> Elftes Internationales Hamann-Kolloquium an der Kirchlichen Hochschule Wuppertal/Bethel: »Johann Georg Hamann: Natur und Geschichte« (18.–21. Februar 2015)</span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">2017</span></td>
+    <td><span class="desc inline"> Kleines Hamann-Kolloquium an der Kirchlichen Hochschule Wuppertal/Bethel zur »Aesthaetica« </span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">2019</span></td>
+    <td><span class="desc inline"> Zwölftes Internationales Hamann-Kolloquium in Heidelberg: »… sind noch in der Mache. Zur Bedeutung der Rhetorik in Hamanns Schriften« (7.–9. März 2019)</span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">2019</span></td>
+    <td><span class="desc inline"> Kleines Hamann-Kolloquium in Münster i. W. zu den »Wolken« (14.–16. November 2019)</span></td>
+</tr>
+<tr>
+    <td class="definition whitespace-nowrap pr-6 align-top"><span class="definition inline-block font-bold">Gepl. für 2023</span></td>
+    <td><span class="desc inline"> Dreizehntes Internationales Hamann-Kolloquium in Lüneburg: »„… genaueste Localität, Individualität und Personalität“. Johann Georg Hamann in Königsberg« (29. März bis 1. April 2023)</span></td>
+</tr>
+</table>
+  </div>
+  <ha-footer></ha-footer>
+</body>
+</html>
+
--- a/HaKolloquium/kontakt.html
+++ b/HaKolloquium/kontakt.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="de" class="h-100 w-100">
+
+<head>
+    <meta name="description" content="Internationales Hamann-Kolloquium. Tagung für Interessierte und Forscher:innen zum Philosophen Johann Georg Hamann.">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Internationales Hamann-Kolloquium – Kontakt</title>
+    <script type="module" src="/main.ts"></script>
+</head>
+
+<body class="w-100 h-100">
+    <ha-menu></ha-menu>
+    <div class="ha-maincolumn">
+        <h1>Kontakt</h1>
+        <p>
+            <span class="acta-title font-bold">Prof. Dr. Eric Achermann (Münster)</span><br />
+            <span class="acta-lit">
+                <a href="mailto:achermann@uni-muenster.de">
+                    achermann@uni-muenster.de
+                </a>
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Dr. Janina Reibold (Heidelberg)</span><br />
+            <span class="acta-lit">
+                <a href="mailto:janina.reibold@gs.uni-heidelberg.de">
+                    janina.reibold@gs.uni-heidelberg.de
+                </a>
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Prof. Dr. Johann Kreuzer (Oldenburg)</span><br />
+            <span class="acta-lit">
+                <a href="mailto:johann.kreuzer@uni-oldenburg.de">
+                    johann.kreuzer@uni-oldenburg.de
+                </a>
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Prof. Dr. Johannes von Luepke (Wuppertal)</span><br />
+            <span class="acta-lit">
+                <a href="mailto:johannes@vonluepke.de">
+                    johannes@vonluepke.de
+                </a>
+            </span>
+        </p>
+    </div>
+    <ha-footer></ha-footer>
+</body>
+
+</html>
--- a/HaKolloquium/main.ts
+++ b/HaKolloquium/main.ts
@@ -0,0 +1,4 @@
+import './src/css/site.css'
+import './src/ts/declareelements'
+import './src/ts/hamenu'
+import './src/ts/hafooter'
--- a/HaKolloquium/package-lock.json
+++ b/HaKolloquium/package-lock.json
--- a/HaKolloquium/package.json
+++ b/HaKolloquium/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "hakolloquium",
+  "private": true,
+  "version": "0.0.0",
+  "main": "dist/hakolloquium.es.js",
+  "exports": {
+    ".": "./dist/hakolloquium.es.js"
+  },
+  "types": "types/hakolloquium.d.ts",
+  "files": [
+    "dist",
+    "types"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build"
+  },
+  "dependencies": {
+    "lit": "^2.0.2"
+  },
+  "devDependencies": {
+    "@types/node": "^17.0.31",
+    "autoprefixer": "^10.4.7",
+    "postcss": "^8.4.13",
+    "tailwindcss": "^3.0.24",
+    "typescript": "^4.5.4",
+    "vite": "^2.9.7"
+  }
+}
--- a/HaKolloquium/postcss.config.js
+++ b/HaKolloquium/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
--- a/HaKolloquium/src/css/site.css
+++ b/HaKolloquium/src/css/site.css
@@ -0,0 +1,133 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@font-face {
+    font-family:'Biolinum';
+    src:url('../fonts/LinBiolinum_Rah.ttf') format('truetype'), url('../fonts/LinBiolinum_R.woff') format('woff');
+    font-weight:normal;
+    font-style:normal;
+}
+
+@font-face {
+    font-family:'Biolinum';
+    src:url('../fonts/LinBiolinum_RIah.ttf') format('truetype'), url('../fonts/LinBiolinum_RI.woff') format('woff');
+    font-weight:normal;
+    font-style:italic;
+}
+
+@font-face {
+    font-family:'Biolinum';
+    src:url('../fonts/LinBiolinum_RBah.ttf') format('truetype'), url('../fonts/LinBiolinum_RB.woff') format('woff');
+    font-weight:bold;
+    font-style:normal;
+}
+
+@font-face {
+    font-family:'Libertine';
+    src:url('../fonts/LinLibertine_DRah.ttf') format('truetype'), url('../fonts/LinLibertine_R.woff') format('woff');
+    font-weight:normal;
+    font-style:normal;
+}
+
+@font-face {
+    font-family:'Libertine';
+    src:url('../fonts/LinLibertine_RIah.ttf') format('truetype'), url('../fonts/LinLibertine_RI.woff') format('woff');
+    font-weight:normal;
+    font-style:italic;
+}
+
+@font-face {
+    font-family:'Libertine';
+    src:url('../fonts/LinLibertine_RBah.ttf') format('truetype'), url('../fonts/LinLibertine_RB.woff') format('woff');
+    font-weight:bold;
+    font-style:normal;
+}
+
+body {
+    background-image:url('../img/subtlenet2.png');
+    background-repeat:repeat;
+}
+
+@layer components {
+    body {
+        @apply text-base lg:text-lg
+    }
+
+    p {
+        @apply my-3
+    }
+
+    h1 {
+        @apply font-bold text-xl 2xl:font-normal 2xl:text-4xl
+    }
+
+    h2 {
+        @apply text-lg 2xl:text-2xl
+    }
+
+    a {
+        @apply text-gray-600 hover:text-gray-900
+    }
+
+    .topnav {
+        @apply flex lg:grow-0 lg:shrink-0 md:text-lg 2xl:text-xl lg:place-self-end
+    }
+
+    .topnav a {
+        @apply hidden lg:inline pr-5 2xl:pr-6
+    }
+
+    .active {
+        @apply text-red-700 hover:text-red-700
+    }
+
+    .ha-maincolumn {
+        @apply bg-slate-50 mx-auto p-2 md:p-4 lg:px-16 lg:py-12 xl:pr-80 text-lg font-serif
+    }
+
+    .topnav.responsive {
+        @apply mt-4 text-base;
+    }
+}
+
+ul {
+    list-style-type:circle;
+}
+
+.ha-maincolumn {
+    max-width:1280px;
+}
+
+.ha-maincolumn p {
+    hyphens:auto;
+}
+
+.main__item {
+    background:var(--white);
+    border-radius:4px;
+}
+
+.main__item svg {
+    width:24px;
+    height:24px;
+    stroke:#000000;
+    stroke-width:2;
+    stroke-linecap:round;
+    stroke-linejoin:miter;
+    fill:none;
+    color:#000000;
+}
+
+@media screen and (max-width:1344px) {
+    .topnav.responsive {
+        display:block !important;
+        width:100%;
+    }
+
+    .topnav.responsive a {
+        display:block;
+        text-align:left;
+        clear:both;
+    }
+}
--- a/HaKolloquium/src/favicon.svg
+++ b/HaKolloquium/src/favicon.svg
@@ -0,0 +1,15 @@
+<svg width="410" height="404" viewBox="0 0 410 404" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z" fill="url(#paint0_linear)"/>
+<path d="M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="6.00017" y1="32.9999" x2="235" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#41D1FF"/>
+<stop offset="1" stop-color="#BD34FE"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="194.651" y1="8.81818" x2="236.076" y2="292.989" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFEA83"/>
+<stop offset="0.0833333" stop-color="#FFDD35"/>
+<stop offset="1" stop-color="#FFA800"/>
+</linearGradient>
+</defs>
+</svg>
--- a/HaKolloquium/src/fonts/LinBiolinum_R.woff
+++ b/HaKolloquium/src/fonts/LinBiolinum_R.woff
--- a/HaKolloquium/src/fonts/LinBiolinum_RB.woff
+++ b/HaKolloquium/src/fonts/LinBiolinum_RB.woff
--- a/HaKolloquium/src/fonts/LinBiolinum_RBah.ttf
+++ b/HaKolloquium/src/fonts/LinBiolinum_RBah.ttf
--- a/HaKolloquium/src/fonts/LinBiolinum_RI.woff
+++ b/HaKolloquium/src/fonts/LinBiolinum_RI.woff
--- a/HaKolloquium/src/fonts/LinBiolinum_RIah.ttf
+++ b/HaKolloquium/src/fonts/LinBiolinum_RIah.ttf
--- a/HaKolloquium/src/fonts/LinBiolinum_Rah.ttf
+++ b/HaKolloquium/src/fonts/LinBiolinum_Rah.ttf
--- a/HaKolloquium/src/fonts/LinLibertine_DRah.ttf
+++ b/HaKolloquium/src/fonts/LinLibertine_DRah.ttf
--- a/HaKolloquium/src/fonts/LinLibertine_R.woff
+++ b/HaKolloquium/src/fonts/LinLibertine_R.woff
--- a/HaKolloquium/src/fonts/LinLibertine_RB.woff
+++ b/HaKolloquium/src/fonts/LinLibertine_RB.woff
--- a/HaKolloquium/src/fonts/LinLibertine_RBah.ttf
+++ b/HaKolloquium/src/fonts/LinLibertine_RBah.ttf
--- a/HaKolloquium/src/fonts/LinLibertine_RI.woff
+++ b/HaKolloquium/src/fonts/LinLibertine_RI.woff
--- a/HaKolloquium/src/fonts/LinLibertine_RIah.ttf
+++ b/HaKolloquium/src/fonts/LinLibertine_RIah.ttf
--- a/HaKolloquium/src/fonts/OldStandardTT-Regular.ttf
+++ b/HaKolloquium/src/fonts/OldStandardTT-Regular.ttf
--- a/HaKolloquium/src/fonts/PlayfairDisplay-VariableFont_wght.ttf
+++ b/HaKolloquium/src/fonts/PlayfairDisplay-VariableFont_wght.ttf
--- a/HaKolloquium/src/fonts/Prata-Regular.ttf
+++ b/HaKolloquium/src/fonts/Prata-Regular.ttf
--- a/HaKolloquium/src/fonts/Suranna-Regular.ttf
+++ b/HaKolloquium/src/fonts/Suranna-Regular.ttf
--- a/HaKolloquium/src/fonts/bodoni.woff2
+++ b/HaKolloquium/src/fonts/bodoni.woff2
--- a/HaKolloquium/src/fonts/cmunrm.ttf
+++ b/HaKolloquium/src/fonts/cmunrm.ttf
--- a/HaKolloquium/src/fonts/playfair.woff2
+++ b/HaKolloquium/src/fonts/playfair.woff2
--- a/HaKolloquium/src/img/subtlenet2.png
+++ b/HaKolloquium/src/img/subtlenet2.png
--- a/HaKolloquium/src/ts/declareelements.ts
+++ b/HaKolloquium/src/ts/declareelements.ts
@@ -0,0 +1,11 @@
+import { HaFooter } from "./hafooter"
+import { HaMenu } from "./hamenu"
+
+declare global {
+    interface HTMLElementTagNameMap {
+      'ha-menu': HaMenu,
+      'ha-footer': HaFooter,
+    }
+}
+
+export { }
--- a/HaKolloquium/src/ts/hafooter.ts
+++ b/HaKolloquium/src/ts/hafooter.ts
@@ -0,0 +1,30 @@
+import { html, LitElement } from 'lit'
+import { customElement } from 'lit/decorators.js'
+
+@customElement('ha-footer')
+export class HaFooter extends LitElement {
+  render() {
+    return html`
+      <div class="bg-slate-50 max-w-[1280px] mt-4 mx-auto p-2 md:p-4 lg:p-8 text-lg font-serif right text-right">
+        <a href="/kontakt.html">Kontakt</a> · <a href="/datenschutzerklaerung.html">Datenschutzerklärung</a>
+      </div>
+    `
+  }
+
+  protected firstUpdated() {
+    // Marks links as active
+    var all_links = this.getElementsByTagName("a"),
+    i=0, len=all_links.length,
+    full_path = location.href.split('#')[0]; //Ignore hashes
+    
+    for(; i<len; i++) {
+        if(all_links[i].href.split("#")[0] == full_path) {
+            all_links[i].className += "active";
+        }
+    }
+}
+
+  protected createRenderRoot(): Element | ShadowRoot {
+      return this;
+  }
+}
--- a/HaKolloquium/src/ts/hamenu.ts
+++ b/HaKolloquium/src/ts/hamenu.ts
@@ -0,0 +1,101 @@
+import { html, LitElement } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+
+@customElement('ha-menu')
+export class HaMenu extends LitElement {
+
+  @property()
+  title = 'Internationales Hamann Kolloquium'
+
+  render() {
+    return html`
+      <header class="sticky w-100 font-serif mb-6">
+        <nav class="flex flex-row w-100 bg-slate-50 border-t-[5px] border-gray-300 py-4 px-3 lg:px-8 flex-wrap">
+          <a href="/" class="text-xl 2xl:text-4xl grow-0 shrink-0 text-black hover:text-black">
+            ${this.title}
+          </a>
+          <div class="flex grow shrink">
+      
+          </div>
+          <div class="main__item inline-block lg:hidden pr-3 align-bottom">
+            <a href="javascript:void(0);" @click=${this._burgerclick}>
+              <svg role="img" id="openmenubutton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                aria-labelledby="hamburgerIconTitle">
+                <title id="hamburgerIconTitle">Menu</title>
+                <path d="M6 7L18 7M6 12L18 12M6 17L18 17"></path>
+              </svg>
+              <svg class="hidden" role="img" id="closemenubutton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                aria-labelledby="closeIconTitle">
+                <title id="closeIconTitle">Close</title>
+                <path d="M6.34314575 6.34314575L17.6568542 17.6568542M6.34314575 17.6568542L17.6568542 6.34314575"></path>
+              </svg>
+            </a>
+          </div>
+          <div class="topnav" id="topnav">
+            <a class="" href="/">
+              Aktuelles
+            </a>
+            <a class="" href="/kolloquien.html">
+              Hamann-Kolloquien
+            </a>
+            <a class="" href="/acta-baende.html">
+              Acta-Bände
+            </a>
+            <a class="" href="/studien.html">
+              Hamann-Studien
+            </a>
+            <a class="" href="https://hamann-ausgabe.de/Supplementa/Forschung">
+              Forschungsbibliographie
+            </a>
+            <a class="pr-2 2xl:pr-4" href="https://www.hamann-ausgabe.de">
+              Kommentierte Briefausgabe (&thinsp;H&thinsp;K&thinsp;B&thinsp;)
+            </a>
+          </div>
+        </nav>
+      </header>
+    `
+  }
+
+  private _burgerclick() {
+    var x = document.getElementById("topnav");
+    if (x !== null)
+      if (x.className === "topnav") {
+        x.className += " responsive";
+        let oldbutton = document.getElementById("openmenubutton");
+        if (oldbutton !== null) {
+          oldbutton.setAttribute('class', 'hidden');
+        }
+        let newbutton = document.getElementById("closemenubutton");
+        if (newbutton !== null) {
+          newbutton.setAttribute('class', '');
+        }
+      } else {
+        x.className = "topnav";
+        let oldbutton = document.getElementById("closemenubutton");
+        if (oldbutton !== null) {
+          oldbutton.setAttribute('class', 'hidden');
+        }
+        let newbutton = document.getElementById("openmenubutton");
+        if (newbutton !== null) {
+          newbutton.setAttribute('class', '');
+        }
+      }
+  }
+
+  protected firstUpdated() {
+    // Marks links as active
+    var all_links = this.getElementsByTagName("a"),
+      i = 0, len = all_links.length,
+      full_path = location.href.split('#')[0]; //Ignore hashes
+
+    for (; i < len; i++) {
+      if (all_links[i].href.split("#")[0] == full_path) {
+        all_links[i].className += " active";
+      }
+    }
+  }
+
+  protected createRenderRoot(): Element | ShadowRoot {
+    return this;
+  }
+}
--- a/HaKolloquium/src/vite-env.d.ts
+++ b/HaKolloquium/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
--- a/HaKolloquium/studien.html
+++ b/HaKolloquium/studien.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="de" class="h-100 w-100">
+
+<head>
+    <meta name="description" content="Internationales Hamann-Kolloquium. Tagung für Interessierte und Forscher:innen zum Philosophen Johann Georg Hamann.">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Internationales Hamann-Kolloquium – Studien</title>
+    <script type="module" src="/main.ts"></script>
+</head>
+
+<body class="w-100 h-100">
+    <ha-menu></ha-menu>
+    <div class="ha-maincolumn">
+        <h1>Hamann-Studien</h1>
+        <p>
+            Hg. v. Eric Achermann, Johann Kreuzer und Johannes von Lüpke
+        </p>
+        <p>
+            <span class="acta-title font-bold">Hamann-Studien 1</span><br />
+            <span class="acta-lit">Hamanns Briefwechsel. Acta des Zehnten Internationalen Hamann-Kolloquiums an der
+                Martin-Luther-Universität Halle-Wittenberg 2010, hg. v. Manfred Beetz u. Johannes von Lüpke (Göttingen
+                2016) [= Acta 2010].
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Hamann-Studien 2</span><br />
+            <span class="acta-lit">Anja Kalkbrenner: Anthropologie und Naturrecht bei Johann Georg Hamann (Göttingen
+                2016).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Hamann-Studien 3</span><br />
+            <span class="acta-lit">Knut Martin Stünkel: Leibliche Kommunikation. Studien zum Werk Johann Georg Hamanns
+                (Göttingen 2018).
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Hamann-Studien 4</span><br />
+            <span class="acta-lit">Johann Georg Hamann: Natur und Geschichte. Acta des Elften Internationalen
+                Hamann-Kolloquiums an der Kirchlichen Hochschule Wuppertal/Bethel 2015, hg. v. Eric Achermann, Johann
+                Kreuzer u. Johannes von Lüpke (Göttingen 2020) [= Acta 2015].
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Hamann-Studien 5</span><br />
+            <span class="acta-lit">»… sind noch in der Mache«. Zur Bedeutung der Rhetorik in Hamanns Schriften. Acta des
+                zwölften Internationalen Hamann-Kolloquiums in Heidelberg 2019, hg. v. Eric Achermann u. Janina Reibold
+                (Göttingen 2021) [= Acta 2019].
+            </span>
+        </p>
+        <p>
+            <span class="acta-title font-bold">Hamann-Studien 6</span><br />
+            <span class="acta-lit">Joachim Ringleben: Rede, dass ich dich sehe (Göttingen 2021).
+            </span>
+        </p>
+    </div>
+    <ha-footer></ha-footer>
+</body>
+
+</html>
--- a/HaKolloquium/tailwind.config.js
+++ b/HaKolloquium/tailwind.config.js
@@ -0,0 +1,27 @@
+module.exports = {
+  content: [
+    "./index.html",
+    "./kolloquien.html",
+    "./acta-baende.html",
+    "./studien.html",
+    "./kontakt.html",
+    "./datenschutzerklaerung.html",
+    "./main.js",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    fontFamily: {
+      sans: ['Biolinum', 'sans-serif'],
+      serif: ['Libertine', 'serif'],
+    },
+    screens: {
+      'sm': '640px',
+      'md': '1024px',
+      'lg': '1344px',
+      'xl': '1440px',
+      '2xl': '1680px',    
+    },
+    extend: {},
+  },
+  plugins: [],
+}
--- a/HaKolloquium/tsconfig.json
+++ b/HaKolloquium/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "lib": ["es2017", "dom", "dom.iterable"],
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "outDir": "./types",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "moduleResolution": "node",
+    "isolatedModules": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": false,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts", "main.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
--- a/HaKolloquium/tsconfig.node.json
+++ b/HaKolloquium/tsconfig.node.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}
--- a/HaKolloquium/types/main.d.ts
+++ b/HaKolloquium/types/main.d.ts
@@ -0,0 +1,4 @@
+import './src/css/site.css';
+import './src/ts/declareelements';
+import './src/ts/hamenu';
+import './src/ts/hafooter';
--- a/HaKolloquium/types/src/ts/declareelements.d.ts
+++ b/HaKolloquium/types/src/ts/declareelements.d.ts
@@ -0,0 +1,9 @@
+import { HaFooter } from "./hafooter";
+import { HaMenu } from "./hamenu";
+declare global {
+    interface HTMLElementTagNameMap {
+        'ha-menu': HaMenu;
+        'ha-footer': HaFooter;
+    }
+}
+export {};
--- a/HaKolloquium/types/src/ts/hafooter.d.ts
+++ b/HaKolloquium/types/src/ts/hafooter.d.ts
@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class HaFooter extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    protected firstUpdated(): void;
+    protected createRenderRoot(): Element | ShadowRoot;
+}
--- a/HaKolloquium/types/src/ts/hamenu.d.ts
+++ b/HaKolloquium/types/src/ts/hamenu.d.ts
@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class HaMenu extends LitElement {
+    title: string;
+    render(): import("lit-html").TemplateResult<1>;
+    private _burgerclick;
+    protected firstUpdated(): void;
+    protected createRenderRoot(): Element | ShadowRoot;
+}
--- a/HaKolloquium/vite.config.ts
+++ b/HaKolloquium/vite.config.ts
@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite'
+const { resolve } = require('path')
+
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    assetsInlineLimit: 0,
+    // lib: {
+    //   entry: 'main.ts',
+    //   formats: ['es']
+    // },
+    rollupOptions: {
+      // external: /^lit/,
+      input: {
+        main: resolve(__dirname, 'index.html'),
+        kolloquien: resolve(__dirname, 'kolloquien.html'),
+        kontakt: resolve(__dirname, 'kontakt.html'),
+        datenschutzerklaerung: resolve(__dirname, 'datenschutzerklaerung.html'),
+        acta: resolve(__dirname, 'acta-baende.html'),
+        studien: resolve(__dirname, 'studien.html'),
+      }
+    }
+  }
+})
--- a/HaLive/Pages/Shared/_Layout.cshtml
+++ b/HaLive/Pages/Shared/_Layout.cshtml
@@ -19,9 +19,6 @@
  -->

    <meta name="description" content="Johann Georg Hamann: Kommentierte Briefausgabe, Hg. v. Leonard Keidel und Janina Reibold. Durchsuchbare Online-Ausgabe der Briefe von und an Johann Georg Hamann.">
-    <environment names="Development">
-        <script src="/_framework/aspnetcore-browser-refresh.js"></script>
-    </environment>


    <meta charset="utf-8" />