Open the blog

21 files changed, 3748 insertions, 0 deletions

diff --git a/themes/assets/bibliography/references.bib b/themes/assets/bibliography/references.bib
new file mode 100644
index 0000000..bda6722
--- /dev/null
+++ b/themes/assets/bibliography/references.bib
@@ -0,0 +1,934 @@
+@book{faust,
+    keywords = {primary},
+    author = "Johann Wolfgang von Goethe",
+    title = "Faust. Der Tragödie erster Teil",
+    address = "Husum/Nordsee",
+    year = "2012"
+}
+
+@book{kant:kritiken,
+	keywords = {primary},
+    author = {Immanuel Kant},
+	booktitle = {Die drei Kritiken},
+	booksubtitle = {Kritik der reinen Vernunft. Kritik der praktischen Vernunft. Kritik der Urteilskraft},
+    address = {Hamburg},
+    year = 2003
+}
+
+@inbook{kant:ku,
+    crossref = {kant:kritiken},
+    title = {Kritik der Urteilskraft},
+	editor = "Heiner F. Klemme",
+    annotator = "Piero Giordanetti"
+}
+
+@inbook{kant:kpv,
+    crossref = {kant:kritiken},
+    title = {Kritik der praktischen Vernunft},
+	editor = "Horst D. Brandt and Heiner F. Klemme",
+    annotator = "Heiner F. Klemme"
+}
+
+@book{nietzsche:fragmente,
+	keywords = {primary},
+	author = {Friedrich Nietzsche},
+	title = {Die nachgelassenen Fragmente. Eine Auswahl},
+	editor = {Günter Wohlfart},
+	address = {Stuttgart},
+	year = 1996
+}
+
+@book{nietzsche:kritisch,
+	keywords = {primary},
+	author = {Friedrich Nietzsche},
+	booktitle = {Friedrich Nietzsche},
+	booksubtitle = {Kritische Studienausgabe},
+	editor = {Giorgio Colli and Mazzino Montinari},
+	edition = 2,
+	address = {München},
+	year = 1999
+}
+
+@inbook{nietzsche:geburt,
+	crossref = {nietzsche:kritisch},
+	volume = 1,
+	title = {Die Geburt der Tragödie},
+}
+
+@inbook{nietzsche:ecce-homo,
+	crossref = {nietzsche:kritisch},
+	volume = 6,
+	title = {Ecce homo},
+    subtitle = {Wie man wird, was man ist}
+}
+
+@book{principia,
+	author = "Ren\'{e} Descartes",
+	title = "Principia philosophiae",
+	publisher = "apud Johannem Jansonium Juniorem",
+	address = "Amstelodami",
+	year = "1656"
+}
+
+@book{discours,
+	keywords = {primary},
+	author = "Ren\'{e} Descartes",
+	editor = "Christian Wohlers",
+	translator = "Christian Wohlers",
+	language = "Französisch - Deutsch",
+	title = "Discours de la M\'{e}thode",
+	address = "Hamburg",
+	year = 2011
+}
+
+@book{schopenhauer,
+	keywords = {primary},
+	author = "Arthur Schopenhauer",
+	editor = "Claudia Schmölders and Fritz Senn and Gerd Haffmans",
+	commentator = "Angelika Hübscher",
+	title = "Parerga und Paralipomena: kleine philosophische Schriften, von Arthur Schopenhauer.",
+	volume = 1,
+	address = "Zürich",
+	year = "1977"
+}
+
+@inbook{solowjow,
+	keywords = {primary},
+	author = "Wladimir Solowjew",
+	editor = "Wladimir Szylkarski",
+	translator = "Wladimir Szylkarski",
+	booktitle = "Deutsche Gesamtausgabe der Werke von Wladimir Solowjew",
+	volume = 7,
+	title = {Theoretische Philosophie},
+	maintitle = {Erkenntnislehre. Ästhetik. Philosophie der Liebe},
+	address = "Freiburg im Breisgau",
+	year = 1953
+}
+
+@inbook{solowjow8,
+	author = "В.С. Соловьев",
+	editor = "С.М. Соловьева and Э.Л. Радлова",
+	commentator = "С.М. Соловьева and Э.Л. Радлова",
+	booktitle = "Собрание сочинений Владимира Сергеевича Соловьева",
+	booksubtitle = "В 10 т.",
+	volume = 8,
+	title = "Теоретическая философия",
+	edition = 2,
+	address = "Спб.",
+	publisher = "Просвещение",
+	year = 1913
+}
+
+@book{grund,
+	author = "Georg Wilhelm Friedrich Hegel",
+	title = "Grundlinien der Philosophie des Rechts",
+	editor = "Georg Lasson",
+	address = "Leipzig",
+	year = "1911"
+}
+
+@book{makarius,
+	author = "{Makarius der Ägypter}",
+	editor = "O. Bardenhewer and Th. Schermann and K. Weyman",
+	translator = "Dionys Stiefenhofer",
+	title = "Des heiligen Makarius des Ägypter fünfzig geistliche Homilien",
+	publisher = "Kösel",
+	address = "Kempten and München",
+	year = 1913
+}
+
+@book{gedichte,
+	author = "Giuseppe Fumagalli",
+	edition = 10,
+	title = "Chi l'ha detto?",
+	publisher = "Ulrico Hoepli Editore S.p.A.",
+	address = "Milano",
+	year = 1989
+}
+
+@book{psyche,
+	author = "Juli Zeh and Georg M. Oswald",
+	edition = 1,
+	editor = "Dorothee Kimmich und Philipp Alexander Ostrowicz and Anja-Simone Michalski",
+	title = "Aufgedrängte Bereicherung",
+	subtitle = "Tübinger Poetik-Dozentur 2010",
+	publisher = "Swiridoff Verlag",
+	address = "Künzelsau",
+	year = 2011
+}
+
+@incollection{filipovic:ungleichheit,
+	keywords = {primary},
+	author = "Alexander Filipović",
+	booktitle = "Neuvermessung der Medienethik",
+	booksubtitle = "Bilanz, Themen und Herausforderungen seit 2000",
+	editor = "Marlis Prinzing and  Matthias Rath and  Christian Schicha and Ingrid Stapf",
+	title = "Ungleichheit in der vernetzten Gesellschaft",
+	subtitle = "Der Zusammenhang von Internetnutzung und sozialer Ungleichheit in medienethischer Perspektive",
+	address = "Weinheim and Basel",
+	pages = "206--221",
+	year = "2015"
+}
+
+@book{blumenberg:schriften-technik,
+	keywords = {primary},
+	author = "Hans Blumenberg",
+	title = "Schriften zur Technik",
+	editor = "Alexander Schmitz and Bernd Stiegler",
+	address = "Berlin",
+	year = "2015"
+}
+
+@book{ropohl:aufklaerung,
+	keywords = {primary},
+	author = "Günter Ropohl",
+	title = "Technologische Aufklärung",
+	subtitle = "Beiträge zur Technikphilosophie",
+	address = "Frankfurt am Main",
+	year = "1991"
+}
+
+@book{kues:drei-schriften,
+	keywords = {primary},
+	author = "Nikolaus von Kues",
+	title = "Drei Schriften vom verborgenen Gott",
+	subtitle = "De deo abscondito - De quaerendo deum - De filiatione dei",
+	editor = "Elisabeth Bohnenstädt",
+	edition = 3,
+	address = "Hamburg",
+	year = "1958"
+}
+
+@inbook{kues:gottsuchen,
+    crossref = {kues:drei-schriften},
+    title = "Vom Gottsuchen",
+    pages = "7--27"
+}
+
+@book{kierkegaard:krankheit,
+	keywords = {primary},
+	author = "Søren Kierkegaard",
+	title = "Die Krankheit zum Tode",
+	subtitle = "Eine christlich-psychologische Darlegung zur Erbauung und Erweckung",
+	translator = "Gisela Perlet",
+	address = "Copenhagen",
+	year = "2015"
+}
+
+@book{platon:kratylos,
+	keywords = {primary},
+	author = "Platon",
+	title = "Kratylos",
+	editor = "Michael Holzinger",
+	address = "Berlin",
+	year = "2013"
+}
+
+@book{kapp:technik,
+	keywords = {primary},
+	author = "Ernst Kapp",
+	title = "Grundlinien einer Philosophie der Technik",
+	subtitle = "Zur Entstehungsgeschichte der Kultur aus neuen Gesichtspunkten",
+	commentator = "Harun Maye and Leander Scholz",
+	editor = "Harun Maye and Leander Scholz",
+	address = "Hamburg",
+	year = "2015"
+}
+
+@book{frick:spiritualitaet,
+	keywords = {primary},
+	author = "Eckhard Frick and Traugott Roser",
+	title = "Spiritualität und Medizin",
+	subtitle = "Gemeinsame Sorge für den kranken Menschen",
+	edition = 2,
+	address = "Stuttgart",
+	year = "2011"
+}
+
+@book{silva:ai,
+	keywords = {primary},
+	author = "Ivan Nunes da Silva and Danilo Hernane Spatti and Rogerio Andrade Flauzino and Luisa Helena Bartocci Liboni and Silas Franco dos Reis Alves",
+	title = "Artificial Neural Networks",
+	subtitle = "A Practical Course",
+	address = "Switzerland",
+	year = "2017"
+}
+
+@book{leefmann:brain,
+	keywords = {secondary},
+	title = "The Human Sciences After the Decade of the Brain",
+	editor = {Jon Leefmann and Elisabeth Hildt},
+	address = "Cambridge",
+	year = "2017"
+}
+
+@incollection{foerster:neuroturn,
+	crossref = {leefmann:brain},
+	keywords = {secondary},
+	author = "Yvonne Förster",
+	title = "Effects of the Neuro-Turn: The Neural Network as a Paradigm for Human Self-Understanding"
+}
+
+@article{turing:mind,
+	keywords = {primary},
+	journal = "Mind",
+	volume = 59,
+	number = 236,
+	author = "Alan Mathison Turing",
+    address = "Oxford",
+	year = "1950",
+	month = 10,
+	title = "Computing Machinery and Intelligence",
+	pages = "433--460"
+}
+
+@book{kandel:gedaechtnis,
+	keywords = {primary},
+	author = "Eric Kandel",
+	title = "Auf der Suche nach dem Gedächtnis",
+	subtitle = "Die Entstehung einer neuen Wissenschaft des Geistes",
+	address = "München",
+	year = "2006"
+}
+
+@book{frick:anthropologie,
+	title = {Psychosomatische Anthropologie},
+	subtitle = {Ein Lehr- und Arbeitsbuch für Unterricht und Studium},
+	author = {Eckhard Frick},
+	address = {Stuttgart},
+	edition = 2,
+	year = 2015
+}
+
+@book{seidel:mensch,
+    keywords = {secondary},
+    author = {Johannes Seidel},
+    title = {Schon Mensch oder noch nicht?},
+    subtitle = {Zum ontologischen Status humanbiologischer Keime},
+    address = {Stuttgart},
+    year = 2009
+}
+
+@book{brenner:leben,
+    keywords = {secondary},
+    author = {Andreas Brenner},
+    title = {Leben},
+    address = {Stuttgart},
+    year = 2009
+}
+
+@book{leopoldina394,
+    keywords = {secondary},
+    booktitle = {Nova Acta Leopoldina},
+    booksubtitle = {Abhandlungen der Deutschen Akademie der Naturforscher Leopoldina},
+    titleaddon = {Was ist Leben?},
+    editor = {Jörg Hacker and Michael Hecker},
+    volume = {116},
+    address = {Halle (Saale)},
+    year = 2012
+}
+
+@inbook{hoeffe:hierarchie,
+    crossref = {leopoldina394},
+    author = {Otfried Höffe},
+    title = {Lässt sich eine Hierarchie des Lebendigen rechtfertigen?},
+	pages = {241--254}
+}
+
+@inbook{boerner:entwicklung-des-kosmos,
+    crossref = {leopoldina394},
+    author = {Gerhard Börner},
+    title = {Die Entwicklung des Kosmos: Vom Urknall zum komplexen Universum},
+	pages = {41--68}
+}
+
+@book{kather:leben,
+	keywords = {secondary},
+	author = {Regine Kather},
+	title = {Was ist Leben?},
+	titleaddon = {Philosophische Positionen und Perspektiven},
+	address = {Darmstadt},
+	year = 2003
+}
+
+@book{kornwachs:technik,
+	keywords = {secondary},
+	author = {Klaus Kornwachs},
+	title = {Philosophie der Technik},
+	subtitle = {Eine Einführung},
+	address = {München},
+	year = 2013
+}
+
+@book{safranski:biographie,
+	keywords = {secondary},
+	author = {Rüdiger Safranski},
+	title = {Nietzsche},
+	subtitle = {Biographie seines Denkens},
+	address = {München and Wien},
+	year = 2000
+}
+
+@book{hayman:biographie,
+	keywords = {secondary},
+	author = {Ronald Hayman},
+	title = {Friedrich Nietzsche},
+	subtitle = {Der mißbrauchte Philosoph},
+    translator = {Egbert von Kleist},
+	address = {München},
+	year = 1985
+}
+
+@book{ries:geburt,
+	keywords = {secondary},
+	author = {Wiebrecht Ries},
+	title = {Nietzsche für Anfänger. Die Geburt der Tragödie aus dem Geiste der Musik},
+	titleaddon = {Eine Lese-Einführung von Wiebrecht Ries},
+	address = {München},
+	year = 1999
+}
+
+@inbook{boening:metaphysics-art-lang,
+	keywords = {secondary},
+	author = {Thomas Böning},
+	booktitle = {Monographien und Texte zur Nietzsche-Forschung},
+	editor = {Ernst Behler and Wolfgang Müller-Lauter and Heinz Wenzel},
+	title = {Metaphysik, Kunst und Sprache beim frühen Nietzsche},
+	volume = 20,
+	address = {Berlin and New York},
+	year = 1988
+}
+
+@book{nietzsche-studien13,
+	keywords = {secondary},
+	title = {Nietzsche Studien},
+	subtitle = {Internationales Jahrbuch für die Nietzsche-Forschung},
+	editor = {Ernst Behler and Mazzino Montinari and Wolfgang Müller-Lauter and Heinz Wenzel},
+	volume = 13,
+	address = {Berlin and New York},
+	year = 1984
+}
+
+@inbook{groddeck:geburt-in-ecce,
+	crossref = {nietzsche-studien13},
+	author = {Wolfram Groddeck},
+	title = {"`Die Geburt der Tragödie"' in "`Ecce homo"'},
+	subtitle = {Hinweise zu einer strukturalen Lektüre von Nietzsches "`Ecce homo"'},
+	pages = {325--331}
+}
+
+@inbook{bruse:gesamtkunstwerk,
+	crossref = {nietzsche-studien13},
+	author = {Klaus-Detlef Bruse},
+	title = {Die griechische Tragödie als \glq{}Gesamtkunstwerk\grq{} - Anmerkungen zu den musikästhetischen
+        Reflexionen des frühen Nietzsche},
+	pages = {156--176}
+}
+
+@book{nietzsche-studien12,
+	keywords = {secondary},
+	title = {Nietzsche Studien},
+	subtitle = {Internationales Jahrbuch für die Nietzsche-Forschung},
+	editor = {Ernst Behler and Mazzino Montinari and Wolfgang Müller-Lauter and Heinz Wenzel},
+	volume = 12,
+	address = {Berlin and New York},
+	year = 1983
+}
+
+@inbook{schulz:function-and-place,
+	crossref = {nietzsche-studien12},
+	author = {Walter Schulz},
+	title = {Funktion und Ort der Kunst in Nietzsches Philosophie},
+	pages = {1--31}
+}
+
+@book{pathos-und-distanz,
+	keywords = {secondary},
+	title = {Pathos und Distanz},
+	subtitle = {Studien zur Philosophie Friedrich Nietzsches},
+	author = {Volker Gerhardt},
+	address = {Stuttgart},
+	year = 1988
+}
+
+@inbook{artisten-metaphysik,
+	crossref = {pathos-und-distanz},
+    title = {Artisten-Metaphysik},
+    subtitle = {Zu Nietzsches frühem Programm einer ästhetischen Rechtfertigung der Welt},
+    pages = {46--71}
+}
+
+@inbook{revolution,
+	crossref = {pathos-und-distanz},
+    title = {Nietzsches ästhetische Revolution},
+    pages = {12--45}
+}
+
+@book{streit-um-geburt,
+	keywords = {secondary},
+	title = {Der Streit um Nietzsches "`Geburt der Tragödie"'},
+	subtitle = {Die Schriften von E. Rohde, R. Wagner, U. v. Wilamowitz-Möllen\-dorff},
+	introduction = {Karlfried Gründer},
+	editor = {Karlfried Gründer},
+	editortype = {compiler},
+	address = {Hildesheim},
+	year = 1969
+}
+
+@inbook{zukunftsphilologie,
+	crossref = {streit-um-geburt},
+	author = {Ulrich von Wilamowitz-Möllendorff},
+	title = {Zukunftsphilologie!},
+	pages = {27--55}
+}
+
+@inbook{zukunftsphilologie2,
+	crossref = {streit-um-geburt},
+	author = {Ulrich von Wilamowitz-Möllendorff},
+	title = {Zukunftsphilologie!},
+	subtitle = {Zweites Stück},
+	pages = {113--135}
+}
+
+@book{schmidt:geburt,
+	keywords = {secondary},
+	author = {Jochen Schmidt},
+	title = {Nietzsche-Kommentar},
+	subtitle = {Die Geburt der Tragödie},
+	editor = {{Heidelberger Akademie der Wissenschaften}},
+	address = {Berlin and Boston},
+	year = 2012
+}
+
+@inbook{colli:geburt-nachwort,
+	keywords = {secondary},
+	author = {Giorgio Colli},
+	booktitle = {Friedrich Nietzsche},
+	booksubtitle = {Kritische Studienausgabe},
+    title = {Nachwort},
+    subtitle = {Die Geburt der Tragödie},
+	editor = {Giorgio Colli and Mazzino Montinari},
+	edition = 2,
+	address = {München},
+    volume = 1,
+	year = 1999,
+    pages = {901--904}
+}
+
+@book{geschichte17-18,
+	keywords = {secondary},
+	author = "Emerich Coreth and Harald Schöndorf",
+	title = "Philosophie des 17. und 18. Jahrhunderts",
+	edition = 3,
+	address = "Stuttgart and Berlin and Köln",
+	year = 2000
+}
+
+@incollection{cambridge,
+	author = "Kenneth Westphal",
+	booktitle = "The Cambridge companion to Hegel",
+	editor = "Frederick C. Beiser",
+	title = "The basic context and structure of Hegel's Philosophy of Right",
+	address = "Cambridge",
+	pages = "234--269",
+	year = "1993"
+}
+
+@incollection{cambridge0,
+	author = "Allen W. Wood",
+	booktitle = "The Cambridge companion to Hegel",
+	editor = "Frederick C. Beiser",
+	title = "Hegel's ethics",
+	address = "Cambridge",
+	pages = "211--233",
+	year = "1993"
+}
+
+@incollection{schnaedelbach,
+	author = "Herbert Schnädelbach",
+	booktitle = "G. W. F. Hegel, Grundlinien der Philosophie des Rechts",
+	editor = "Ludwig Siep",
+	title = "Die Verfassung der Freiheit (§§272-340)",
+	address = "Berlin",
+	pages = "243--265",
+	year = "1997"
+}
+
+@book{popper,
+	author = "Karl R. Popper",
+	title = "Alles Leben ist Problemlösen",
+	edition = "14",
+	address = "München/Zürich",
+	year = "2010"
+}
+
+@book{thought,
+	author = "Allen W. Wood",
+	title = "Hegel's ethical thought",
+	shorttitle = "Hegel's ethical thought",
+	address = "Cambridge",
+	year = "1990"
+}
+
+@book{blumenberg-secondary:schriften-technik,
+	keywords = {secondary},
+	author = "Hans Blumenberg",
+	title = "Schriften zur Technik",
+	editor = "Alexander Schmitz and Bernd Stiegler",
+	address = "Berlin",
+	year = "2015"
+}
+
+@book{mutschler:new-age,
+	keywords = {secondary},
+	author = "Hans-Dieter Mutschler",
+	title = "Physik, Religion, New Age",
+	edition = 2,
+	address = "Würzburg",
+	year = "1992"
+}
+
+@book{rohrbach:naturwissenschaft,
+	keywords = {secondary},
+	author = "Hans Rohrbach",
+	title = "Naturwissenschaft, Weltbild, Glaube",
+	subtitle = "Acht Variationen über ein Thema. Vom Sinn des Lebens",
+	edition = 12,
+	address = "Wuppertal",
+	year = "1986"
+}
+
+@book{vaas:hawking,
+	keywords = {secondary},
+	author = "Rüdiger Vaas",
+	title = "Hawkings neues Universum",
+	subtitle = "Wie es zum Urknall kam",
+	address = "München",
+	year = "2010"
+}
+
+@book{sklar:physics,
+    keywords = {secondary},
+    author = "Lawrence Sklar",
+    title = "Philosophy of Physics",
+    address = "Oxford",
+    year = "1992"
+}
+
+@book{barbour:naturwissenschaft,
+    keywords = {secondary},
+    author = "Ian G. Barbour",
+    title = "Naturwissenschaft trifft Religion",
+    subtitle = "Gegner, Fremde, Partner?",
+    translator = {Regine Kather},
+    address = "Göttingen",
+    year = "2010"
+}
+
+@book{garff:biographie,
+    keywords = {secondary},
+	author = "Joakim Garff",
+	title = "Sören Kierkegaard",
+	subtitle = "Biographie",
+	translator = "Herbert Zeichner and Hermann Schmid",
+	address = "München",
+	year = "2004"
+}
+
+@book{schlaepfer:kierkegaard,
+	keywords = {secondary},
+	author = "Walter Schläpfer",
+	title = "Kierkegaards Zeitkritik",
+	subtitle = "Philosophische Betrachtungen",
+	address = "Zürich",
+	year = "2008"
+}
+
+@book{boomgaarden:selbst,
+	keywords = {secondary},
+	author = "Jürgen Boomgaarden",
+	title = "Das verlorene Selbst",
+	subtitle = {Eine Interpretation zu Søren Kierkegaards Schrift "Die Krankheit zum Tode"},
+	address = "Göttingen and Bristol",
+	year = "2016"
+}
+
+@book{tietz:freiheit,
+	keywords = {secondary},
+	author = "Christiane Tietz",
+	editor = "Christine Axt-Piscalar and Gunther Wenz",
+	title = "Freiheit zu sich selbst",
+	subtitle = "Entfaltung eines christlichen Begriffs von Selbstannahme",
+	address = "Göttingen",
+	year = "2005"
+}
+
+@book{thunissen:materialien,
+	keywords = {secondary},
+	author = "Michael Theunissen and Wilfried Greve",
+	editor = "Michael Theunissen and Wilfried Greve",
+	title = "Materialien zur Philosophie Søren Kierkegaards",
+	address = "Frankfurt am Main",
+	year = "1979"
+}
+
+@book{leinenbach:technik,
+	keywords = {secondary},
+	author = "Harald Leinenbach",
+	title = "Die Körperlichkeit der Technik",
+	subtitle = "Zur Organprojektionstheorie Ernst Kapps",
+	address = "Essen",
+	year = "1990"
+}
+
+@book{korte:kapp,
+	keywords = {secondary},
+	author = "Eduard Korte",
+	title = "Kulturphilosophie und Anthropologie",
+	subtitle = "Zum geistesgeschichtlichen Hintergrund Ernst Kapps",
+	address = "Hamburg",
+	year = "1992"
+}
+
+@book{fohler:techniktheorien,
+    keywords = {secondary},
+    author = "Susanne Fohler",
+    title = "Techniktheorien",
+    subtitle = "Der Platz der Dinge in der Welt des Menschen",
+    address = "München",
+    year = "2003"
+}
+
+@book{davies:tls,
+	keywords = {secondary},
+	author = "Joshua Davies",
+	title = "Implementing SSL/TLS Using Cryptography and PKI",
+	address = "Indianapolis",
+	year = "2011"
+}
+
+@book{kersken:fachinformatiker,
+	keywords = {secondary},
+	author = "Sascha Kersken",
+	title = "IT-Handbuch für Fachinformatiker",
+	subtitle = "Der Ausbildungsbegleiter",
+	edition = 7,
+	address = "Bonn",
+	year = "2015"
+}
+
+@inbook{maye:einleitung-kapp,
+	keywords = {secondary},
+	crossref = {kapp:technik},
+	author = "Harun Maye and Leander Scholz",
+	title = "Einleitung",
+	pages = {VII--XLIV}
+}
+
+@book{dresler:KI,
+	keywords = {secondary},
+	author = "Martin Dresler",
+	title = "Künstliche Intelligenz, Bewusstsein und Sprache",
+	subtitle = {Das Gedankenexperiment des \glqq{}Chinesischen Zimmers\grqq{}},
+	address = "Würzburg",
+	year = "2009"
+}
+
+@book{kurzweil:menschheit,
+	keywords = {secondary},
+	author = "Ray Kurzweil",
+	title = "Menschheit 2.0",
+	subtitle = {Die Singularität naht},
+	address = "Berlin",
+	year = "2014"
+}
+
+@book{lothar:math,
+	keywords = {secondary},
+	author = "Lothar Papula",
+	title = "Mathematik für Ingenieure und Naturwissenschaftler",
+	subtitle = "Ein Lehr- und Arbeitsbuch für das Grundstudium",
+	volume = {1},
+	edition = {12},
+	year = {2009},
+	address = "Wiesbaden"
+}
+
+@book{nauer:seelsorge,
+	keywords = {secondary},
+	author = "Doris Nauer",
+	title = "Seelsorge",
+	subtitle = "Sorge um die Seele",
+	edition = 3,
+	address = "Stuttgart",
+	year = "2014"
+}
+
+@book{cambridge:ai,
+	keywords = {secondary},
+	booktitle = "The Cambridge Handbook of Artificial Intelligence",
+	editor = "Keith Frankish and William M. Ramsey",
+	address = "Cambridge",
+	pages = "151--167",
+	year = "2014"
+}
+
+@incollection{danks:ai,
+	keywords = {secondary},
+	author = "David Danks",
+	title = "Learning",
+	crossref = {cambridge:ai}
+}
+
+@book{frank:lebendiges-wissen,
+	keywords = {primary},
+	author = "Simon L. Frank",
+	introduction = "Dennis Stammer",
+	translator = "Vera Ammer and Peter Ehlen",
+	year = "2013",
+	address = "München",
+	booktitle = "Lebendiges Wissen",
+	booksubtitle = "Aufsätze zur Philosophie"
+}
+
+@incollection{frank:problem,
+	keywords = {primary},
+	title = "Erkenntnis und Sein. I. Das Transzendenzproblem",
+	pages = "161--191",
+	crossref = {frank:lebendiges-wissen}
+}
+
+@incollection{frank:meta,
+	keywords = {primary},
+	title = "Erkenntnis und Sein. II. Die metalogischen Grundlagen der begrifflichen Erkenntnis",
+	pages = "192--222",
+	crossref = {frank:lebendiges-wissen}
+}
+
+@incollection{frank:krise,
+	keywords = {primary},
+	title = "Die Krise der modernen Philosophie",
+	pages = "47--55",
+	crossref = {frank:lebendiges-wissen}
+}
+
+@book{frank:reality,
+	keywords = {primary},
+	author = "Simon L. Frank",
+	booktitle = "Die Realität und der Mensch",
+	booksubtitle = "Eine Metaphysik des menschlichen Seins",
+	introduction = "Peter Ehlen",
+	year = "2004",
+	address = "München"
+}
+
+@incollection{ehlen:frank-intro,
+	keywords = {primary},
+	author = "Peter Ehlen",
+	title = "Zur Ontologie und Anthropologie Simon L. Franks",
+	crossref = {frank:reality}
+}
+
+@online{online:schillers-birth-1997,
+	title = {Programm zu Schillers Geburtstag 1997 „Dieses ist nun einmal das Balladenjahr\dots“},
+	url = {http://www.schiller-institut.de/seiten/schill97.htm},
+	date = {2011-08-21},
+	urldate = {2023-05-18}
+}
+
+@online{online:buecher-wiki-ballade,
+	title = {Ballade},
+	url = {http://www.buecher-wiki.de/index.php/BuecherWiki/Ballade},
+	date = {2011-08-21},
+	urldate = {2023-05-20}
+}
+
+@book{goethe:hamburger,
+	author = "Johann Wolfgang von Goethe",
+	title = "Goethes Werke",
+	subtitle = "Hamburger Ausgabe",
+	volume = {1},
+	editor = {Erich Trunz},
+	year = "1958",
+	address = "Hamburg",
+	edition = 4
+}
+
+@book{wege-zum-gedicht,
+	editor = "von Rupert Hirschenauer and Albrecht Weber",
+	maintitle = "Wege zum Gedicht",
+	booksubtitle = "Interpretation von Balladen",
+	volume = {2},
+	edition = {2},
+	address = {München and Zürich},
+	year = "1963"
+}	
+
+@incollection{mueller-seidel:ballade,
+	crossref = {wege-zum-gedicht},
+	author = "Walter Müller-Seidel",
+	title = "Die deutsche Ballade",
+	subtitle = "Umrisse ihrer Geschichte",
+	address = {München and Zürich},
+	year = "1968"
+}
+
+@book{kayser:ballade,
+	author = {Wolfgang Kayser},
+	title = "Geschichte der deutschen Ballade",
+	year = "1943",
+	address = "Berlin",
+	edition = 2
+}
+
+@online{online:kant-und-goethe,
+	title = {Kant und Goethe},
+	url = {http://www.textlog.de/35734.html},
+	date = {2011-08-19},
+	urldate = {2023-05-26}
+}
+
+@book{morris:philosophy-for-dummies,
+	author = "Tom Morris",
+	title = "Philosophie für Dummies",
+	year = 2003,
+	address = "Bonn",
+	edition = 1,
+	publisher = "mitp-Verlag"
+}
+
+@online{online:goethes-weltanschauung,
+	author = "Rudolf Steiner",
+	title = {Goethes Weltanschauung},
+	subtitle = {Goethe und Hegel},
+	url = {http://anthroposophie.byu.edu/schriften/006.pdf},
+	date = {2011-08-19},
+	urldate = {2023-05-26}
+}
+
+@book{schriften-der-goethe-gesellschaft-71,
+	editor = "Golz and von Engelhardt",
+	title = "Schriften der Goethe-Gesellschaft",
+	subtitle = "Goethes Fichtestudien",
+	publisher = "Verlag Hermann Böhlaus Nachfolger Weimar GmbH & Co.(www.metzverlag.de)",
+	volume = "71",
+	year = 2004,
+	address = "Weimar"
+}
+
+@online{online:mozart-250,
+	author = "Brigit,  Liebl",
+	title = "Ludwig van Beethoven (1770-1827)",
+	subtitle = "Referat",
+	date = {2023-05-26},
+	urldate = {2023-05-26},
+	url = {https://www.schreiben10.com/referate/Musik/1/Ludwig-van-Beethoven-1770-1827--reon.php}
+}
+
+@book{moritz:balladen,
+	author = "Karl Moritz",
+	title = "Deutsche Balladen",
+	subtitle = "Analyse für den Deutschunterricht",
+	address = "Paderborn: Ferdinand Schönigh",
+	year = 1972
+}
diff --git a/themes/assets/bibliography/theologie-und-philosophie.csl b/themes/assets/bibliography/theologie-und-philosophie.csl
new file mode 100644
index 0000000..1789d9b
--- /dev/null
+++ b/themes/assets/bibliography/theologie-und-philosophie.csl
@@ -0,0 +1,361 @@
+<?xml version="1.0" encoding="utf-8"?>
+<style xmlns="http://purl.org/net/xbiblio/csl" version="1.0" class="note" default-locale="de-DE" demote-non-dropping-particle="sort-only">
+  <!-- ====== KOPFTEIL ================================-->
+  <info>
+    <title>Theologie und Philosophie (Deutsch)</title>
+    <title-short>ThPh</title-short>
+    <id>http://www.zotero.org/styles/theologie-und-philosophie</id>
+    <link href="http://www.zotero.org/styles/theologie-und-philosophie" rel="self"/>
+    <link href="http://www.sankt-georgen.de/thph/" rel="documentation"/>
+    <author>
+      <name>Bernhard Knorn SJ</name>
+      <email>bksj AT gmx DOT net</email>
+    </author>
+    <category citation-format="note"/>
+    <category field="theology"/>
+    <category field="philosophy"/>
+    <issn>0040-5655</issn>
+    <summary>A German citation style according to the guidelines of "Theologie und Philosophie" journal. Deutschsprachiger Zitationsstil für Philosophie, Theologie und andere Geisteswissenschaften. In Anlehnung an die Formatierungsrichtlinien der Zeitschrift "Theologie und Philosophie". Erstes Zitat: volle Literaturangabe, weitere Zitate: Autor, Kurztitel.</summary>
+    <updated>2016-11-20T17:22:03-05:00</updated>
+    <rights license="http://creativecommons.org/licenses/by-sa/3.0/">This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 License</rights>
+  </info>
+  <!-- ====== DEUTSCHE FORMEN ======================= -->
+  <locale xml:lang="de">
+    <terms>
+      <term name="accessed">Abruf: </term>
+      <term name="editor" form="short">
+        <single>(Hg.)</single>
+        <multiple>(Hgg.)</multiple>
+      </term>
+      <term name="editortranslator" form="verb-short">hg. und übers. von</term>
+      <term name="reviewed-author">Rezension zu</term>
+    </terms>
+  </locale>
+  <!-- ====== MAKROS =============================== -->
+  <macro name="author">
+    <names variable="author">
+      <name name-as-sort-order="all" sort-separator=", " delimiter="/" font-variant="small-caps"/>
+      <et-al font-variant="normal"/>
+      <label form="short" prefix=" "/>
+      <substitute>
+        <names variable="editor"/>
+      </substitute>
+    </names>
+  </macro>
+  <macro name="author-init">
+    <names variable="author">
+      <name form="long" delimiter="/" initialize-with="." font-style="italic"/>
+      <et-al font-style="normal"/>
+      <label form="short" prefix=" "/>
+      <substitute>
+        <names variable="editor"/>
+      </substitute>
+    </names>
+  </macro>
+  <macro name="author-short">
+    <names variable="author">
+      <name form="short" delimiter="/" font-style="italic"/>
+      <et-al font-style="normal"/>
+      <label form="short" prefix=" "/>
+      <substitute>
+        <names variable="editor"/>
+      </substitute>
+    </names>
+  </macro>
+  <macro name="editor-transl">
+    <names variable="editor translator" delimiter=", ">
+      <label form="verb-short" suffix=" "/>
+      <name form="long" initialize-with="." delimiter-precedes-last="never" and="text" font-style="italic"/>
+      <et-al font-style="normal"/>
+    </names>
+  </macro>
+  <macro name="editor-transl-long">
+    <names variable="editor translator" delimiter=", ">
+      <label form="verb" suffix=" "/>
+      <name form="long" delimiter-precedes-last="never" and="text" font-style="italic"/>
+      <et-al font-style="normal"/>
+    </names>
+  </macro>
+  <macro name="translator">
+    <names variable="translator">
+      <label form="verb-short" suffix=" "/>
+      <name form="long" initialize-with="." delimiter-precedes-last="never" and="text" font-style="italic"/>
+      <et-al font-style="normal"/>
+    </names>
+  </macro>
+  <macro name="translator-long">
+    <names variable="translator">
+      <label form="verb" suffix=" "/>
+      <name form="long" delimiter-precedes-last="never" and="text" font-style="italic"/>
+      <et-al font-style="normal"/>
+    </names>
+  </macro>
+  <macro name="title">
+    <choose>
+      <if type="entry-encyclopedia">
+        <text variable="title" quotes="true"/>
+      </if>
+      <else-if variable="reviewed-author">
+        <text term="reviewed-author" suffix=" "/>
+        <names variable="reviewed-author" suffix=", ">
+          <name form="long" font-style="italic" delimiter="/"/>
+        </names>
+        <text variable="title"/>
+      </else-if>
+      <else>
+        <text variable="title"/>
+      </else>
+    </choose>
+  </macro>
+  <macro name="accessed">
+    <text term="accessed"/>
+    <date variable="accessed">
+      <date-part form="numeric-leading-zeros" name="day" suffix="."/>
+      <date-part form="numeric-leading-zeros" name="month" suffix="."/>
+      <date-part form="long" name="year"/>
+    </date>
+  </macro>
+  <macro name="date">
+    <choose>
+      <if variable="issued">
+        <date variable="issued">
+          <date-part name="day" form="numeric-leading-zeros" suffix="."/>
+          <date-part name="month" form="numeric-leading-zeros" suffix="."/>
+          <date-part name="year" form="long"/>
+        </date>
+      </if>
+      <else>
+        <date variable="accessed">
+          <date-part name="day" form="numeric-leading-zeros" suffix="."/>
+          <date-part name="month" form="numeric-leading-zeros" suffix="."/>
+          <date-part name="year" form="long"/>
+        </date>
+      </else>
+    </choose>
+  </macro>
+  <macro name="year-date">
+    <date variable="issued">
+      <date-part name="year" range-delimiter="-"/>
+    </date>
+  </macro>
+  <macro name="volume">
+    <choose>
+      <if is-numeric="volume">
+        <group delimiter=" ">
+          <label variable="volume" form="short"/>
+          <text variable="volume"/>
+        </group>
+      </if>
+      <else>
+        <text variable="volume"/>
+      </else>
+    </choose>
+  </macro>
+  <macro name="point-locators-subsequent">
+    <choose>
+      <if variable="locator">
+        <choose>
+          <if locator="page" match="none">
+            <label variable="locator" form="short" suffix=" "/>
+          </if>
+        </choose>
+        <text variable="locator"/>
+      </if>
+    </choose>
+  </macro>
+  <!-- ====== ZITATE =============================== -->
+  <citation et-al-min="4" et-al-use-first="1">
+    <layout suffix="." delimiter="; ">
+      <choose>
+        <if position="ibid-with-locator">
+          <group delimiter=" ">
+            <text term="ibid"/>
+            <text macro="point-locators-subsequent"/>
+          </group>
+        </if>
+        <else-if position="ibid">
+          <text term="ibid"/>
+        </else-if>
+        <else-if position="subsequent">
+          <text macro="author-short" suffix=", " font-style="italic"/>
+          <text variable="title" form="short"/>
+          <text macro="point-locators-subsequent" prefix=", "/>
+        </else-if>
+        <else>
+          <text macro="author-init" suffix=", " font-style="italic"/>
+          <text macro="title"/>
+          <choose>
+            <if type="webpage">
+              <text variable="container-title" prefix=", online unter: "/>
+              <text variable="URL" prefix=", "/>
+              <group delimiter="; " prefix=" (" suffix=")">
+                <text macro="date" prefix="Stand: "/>
+                <text macro="accessed"/>
+              </group>
+            </if>
+            <else-if type="speech">
+              <group prefix=", ">
+                <text variable="genre" suffix=" in "/>
+                <text variable="publisher-place"/>
+              </group>
+              <text macro="date" prefix=", "/>
+            </else-if>
+            <else-if type="manuscript">
+              <text macro="translator" prefix=" (" suffix=")"/>
+              <text variable="genre" prefix=", "/>
+              <text variable="publisher-place" prefix=", "/>
+              <text variable="publisher" prefix=": " suffix=" "/>
+              <text macro="date" prefix=", "/>
+              <group delimiter=": " prefix=" (" suffix=")">
+                <text variable="archive"/>
+                <text variable="archive_location"/>
+              </group>
+            </else-if>
+            <else-if type="article-journal entry-encyclopedia" match="any">
+              <text macro="editor-transl" prefix=" (" suffix=")"/>
+              <text term="in" prefix=", " suffix=": "/>
+              <text variable="container-title" form="short"/>
+              <text variable="edition" vertical-align="sup"/>
+              <text variable="volume" prefix=" "/>
+              <text macro="year-date" prefix=" (" suffix=")"/>
+              <text variable="page" prefix=", "/>
+            </else-if>
+            <else-if type="article-newspaper article-magazine" match="any">
+              <text term="in" prefix=", " suffix=": "/>
+              <text variable="container-title"/>
+              <text variable="publisher-place" prefix=" (" suffix=")"/>
+              <text variable="issue" prefix=", Nr. "/>
+              <text macro="date" prefix=" vom "/>
+              <text variable="section" prefix=", "/>
+              <text variable="page" prefix=", "/>
+            </else-if>
+            <else-if type="chapter">
+              <text macro="translator" prefix=" (" suffix=")"/>
+              <text term="in" prefix=", " suffix=": "/>
+              <names variable="editor" suffix=", ">
+                <name form="long" delimiter="/" initialize-with="." font-style="italic"/>
+                <label form="short" prefix=" "/>
+              </names>
+              <text variable="container-title"/>
+              <group delimiter=" " prefix=" (" suffix=")">
+                <text variable="collection-title"/>
+                <text variable="collection-number"/>
+              </group>
+              <text macro="volume" prefix=", "/>
+              <text variable="publisher-place" prefix=", " suffix=" "/>
+              <text variable="edition" vertical-align="sup"/>
+              <text macro="year-date"/>
+              <text variable="page" prefix=", "/>
+            </else-if>
+            <else>
+              <text macro="editor-transl" prefix=", "/>
+              <text macro="volume" prefix=", "/>
+              <group delimiter=" " prefix=" (" suffix=")">
+                <text variable="collection-title"/>
+                <text variable="collection-number"/>
+              </group>
+              <text variable="publisher-place" prefix=", " suffix=" "/>
+              <text variable="edition" vertical-align="sup"/>
+              <text macro="year-date"/>
+            </else>
+          </choose>
+          <text macro="point-locators-subsequent" prefix=", "/>
+        </else>
+      </choose>
+    </layout>
+  </citation>
+  <!-- ====== LITERATURVERZEICHNIS (Titel für Rezension) ============ -->
+  <bibliography et-al-min="4" et-al-use-first="1" subsequent-author-substitute="&#8212;&#8212;&#8212;" entry-spacing="0" hanging-indent="true">
+    <sort>
+      <key macro="author"/>
+      <key variable="title"/>
+      <key variable="volume"/>
+      <key macro="date"/>
+    </sort>
+    <layout suffix=".">
+      <text macro="author" suffix=", "/>
+      <text macro="title" font-style="italic"/>
+      <choose>
+        <if type="webpage">
+          <text variable="container-title" prefix=". Online unter: "/>
+          <text variable="URL" prefix=", "/>
+          <group delimiter="; " prefix=" (" suffix=")">
+            <text macro="date" prefix="Stand: "/>
+            <text macro="accessed"/>
+          </group>
+        </if>
+        <else-if type="speech" match="any">
+          <group prefix=". ">
+            <text variable="genre" suffix=" in "/>
+            <text variable="publisher-place"/>
+          </group>
+          <text macro="date" prefix=", "/>
+        </else-if>
+        <else-if type="manuscript">
+          <text macro="translator-long" prefix=", "/>
+          <text variable="genre" prefix=". "/>
+          <text variable="publisher-place" prefix=", "/>
+          <text variable="publisher" prefix=": " suffix=" "/>
+          <text macro="date" prefix=", "/>
+          <group delimiter=": " prefix=" (" suffix=")">
+            <text variable="archive"/>
+            <text variable="archive_location"/>
+          </group>
+        </else-if>
+        <else-if type="article-journal entry-encyclopedia" match="any">
+          <text macro="editor-transl-long" prefix=" (" suffix=")"/>
+          <text term="in" prefix=", " suffix=": "/>
+          <text variable="container-title" form="long"/>
+          <text variable="edition" vertical-align="sup"/>
+          <text variable="volume" prefix=" "/>
+          <text macro="year-date" prefix=" (" suffix=")"/>
+          <text variable="page" prefix=", "/>
+        </else-if>
+        <else-if type="article-newspaper article-magazine" match="any">
+          <text term="in" prefix=", " suffix=": "/>
+          <text variable="container-title"/>
+          <text variable="publisher-place" prefix=" (" suffix=")"/>
+          <text variable="issue" prefix=", Nr. "/>
+          <text macro="date" prefix=" vom "/>
+          <text variable="section" prefix=", "/>
+          <text variable="page" prefix=", "/>
+        </else-if>
+        <else-if type="chapter" match="any">
+          <text macro="translator-long" prefix=" (" suffix=")"/>
+          <text term="in" prefix=", " suffix=": "/>
+          <names variable="editor" suffix=", ">
+            <name form="long" delimiter="/" font-variant="small-caps"/>
+            <label form="short" prefix=" "/>
+          </names>
+          <text variable="container-title"/>
+          <group delimiter="; " prefix=" (" suffix=")">
+            <text variable="collection-title"/>
+            <text variable="collection-number" prefix="Band "/>
+          </group>
+          <text macro="volume" prefix="; "/>
+          <text variable="publisher-place" prefix=". "/>
+          <text variable="publisher" prefix=": "/>
+          <text value=" "/>
+          <text variable="edition" vertical-align="sup"/>
+          <text macro="year-date"/>
+          <text variable="page" prefix=", "/>
+        </else-if>
+        <else>
+          <text macro="editor-transl-long" prefix="; "/>
+          <text macro="volume" prefix="; "/>
+          <group delimiter="; " prefix=" (" suffix=")">
+            <text variable="collection-title"/>
+            <text variable="collection-number" prefix="Band "/>
+          </group>
+          <text variable="publisher-place" prefix=". "/>
+          <text variable="publisher" prefix=": "/>
+          <text value=" "/>
+          <text variable="edition" vertical-align="sup"/>
+          <text macro="year-date"/>
+          <text variable="number-of-pages" prefix=". " suffix=" S."/>
+          <text variable="ISBN" prefix=", ISBN "/>
+        </else>
+      </choose>
+    </layout>
+  </bibliography>
+</style>
diff --git a/themes/assets/css/custom.css b/themes/assets/css/custom.css
new file mode 100644
index 0000000..5751615
--- /dev/null
+++ b/themes/assets/css/custom.css
@@ -0,0 +1,31 @@
+.epigraph {
+  text-align: right;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+table td, table th {
+  padding: 0 0.25rem;
+}
+
+table th {
+  border-bottom: 1px var(--form-success-bg) solid;
+}
+
+table td {
+  border-bottom: 1px var(--form-success-text) solid;
+}
+
+@media screen and (max-width: 800px) {
+  .site-navigation { /* Override for hard-coded light theme style. */
+    background: rgba(0, 0, 0, 0.9);
+  }
+}
+
+@media screen and (max-width: 800px) {
+  .site-navigation { /* Override for hard-coded light theme style. */
+    background: rgba(0, 0, 0, 0.9);
+  }
+}
diff --git a/themes/assets/css/styles.css b/themes/assets/css/styles.css
new file mode 100644
index 0000000..0478e74
--- /dev/null
+++ b/themes/assets/css/styles.css
@@ -0,0 +1,2378 @@
+@font-face {
+  font-family: 'Bebas Neue';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/BebasNeue-Regular.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
+    U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020,
+    U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/ptsansitalic.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/ptsansbolditalic.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/ptsans.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/ptsansbold.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/ptserifitalic.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/ptserifbolditalic.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/ptserif.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/ptserifbold.woff2) format('woff2');
+}
+
+:root, [data-theme="light"] {
+  --body-bg: #fafafa;
+  --main-color: #639f93;
+  --main-color-hover: #5b9287;
+  --form-success-bg: #d0f1cc;
+  --form-success-text: #597755;
+  --form-error-bg: #f1cccc;
+  --form-error-text: #775555;
+  --grey-222: #222;
+  --grey-555: #555;
+  --grey-aaa: #aaa;
+  --grey-ccc: #ccc;
+  --grey-ddd: #ddd;
+  --grey-eee: #eee;
+  --grey-fc:  #fcfcfc;
+  --grey-fa:  #fafafa;
+}
+
+[data-theme="dark"] {
+  --body-bg: #050505;
+  --main-color: #639f93;
+  --main-color-hover: #5b9287;
+  --form-success-bg: #d0f1cc;
+  --form-success-text: #597755;
+  --form-error-bg: #f1cccc;
+  --form-error-text: #775555;
+  --grey-222: #ddd;
+  --grey-555: #ddd;
+  --grey-aaa: #777;
+  --grey-ccc: #666;
+  --grey-ddd: #666;
+  --grey-eee: #222;
+  --grey-fc:  #fcfcfc;
+  --grey-fa:  #151515;
+}
+
+* {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: 'PT Serif', serif;
+  font-size: 18px;
+  line-height: 30px;
+  color: var(--grey-555);
+  background: var(--body-bg);
+}
+
+header, nav, section, main, article, aside, figure, footer, iframe, object, svg {
+  display: block;
+  margin: 0;
+}
+
+@media screen and (max-width: 800px) {
+  body {
+    padding: 80px 0 0;
+  }
+}
+
+.highlight {
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+  padding: 30px;
+}
+
+.highlight .lineno {
+  padding: 0 15px 0 0;
+}
+
+.highlight .c {
+  color: #998;
+  font-style: italic;
+}
+
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2;
+}
+
+.highlight .k {
+  font-weight: bold;
+}
+
+.highlight .o {
+  font-weight: bold;
+}
+
+.highlight .cm {
+  color: #998;
+  font-style: italic;
+}
+
+.highlight .cp {
+  color: #999;
+  font-weight: bold;
+}
+
+.highlight .c1 {
+  color: #998;
+  font-style: italic;
+}
+
+.highlight .cs {
+  color: #999;
+  font-weight: bold;
+  font-style: italic;
+}
+
+.highlight .gd {
+  color: #000;
+  background-color: #fdd;
+}
+
+.highlight .gd .x {
+  color: #000;
+  background-color: #faa;
+}
+
+.highlight .ge {
+  font-style: italic;
+}
+
+.highlight .gr {
+  color: #a00;
+}
+
+.highlight .gh {
+  color: #999;
+}
+
+.highlight .gi {
+  color: #000;
+  background-color: #dfd;
+}
+
+.highlight .gi .x {
+  color: #000;
+  background-color: #afa;
+}
+
+.highlight .go {
+  color: #888;
+}
+
+.highlight .gp {
+  color: #555;
+}
+
+.highlight .gs {
+  font-weight: bold;
+}
+
+.highlight .gu {
+  color: #aaa;
+}
+
+.highlight .gt {
+  color: #a00;
+}
+
+.highlight .kc {
+  font-weight: bold;
+}
+
+.highlight .kd {
+  font-weight: bold;
+}
+
+.highlight .kp {
+  font-weight: bold;
+}
+
+.highlight .kr {
+  font-weight: bold;
+}
+
+.highlight .kt {
+  color: #458;
+  font-weight: bold;
+}
+
+.highlight .m {
+  color: #099;
+}
+
+.highlight .s {
+  color: #d14;
+}
+
+.highlight .na {
+  color: #008080;
+}
+
+.highlight .nb {
+  color: #0086B3;
+}
+
+.highlight .nc {
+  color: #458;
+  font-weight: bold;
+}
+
+.highlight .no {
+  color: #008080;
+}
+
+.highlight .ni {
+  color: #800080;
+}
+
+.highlight .ne {
+  color: #900;
+  font-weight: bold;
+}
+
+.highlight .nf {
+  color: #900;
+  font-weight: bold;
+}
+
+.highlight .nn {
+  color: #555;
+}
+
+.highlight .nt {
+  color: #000080;
+}
+
+.highlight .nv {
+  color: #008080;
+}
+
+.highlight .ow {
+  font-weight: bold;
+}
+
+.highlight .w {
+  color: #bbb;
+}
+
+.highlight .mf {
+  color: #099;
+}
+
+.highlight .mh {
+  color: #099;
+}
+
+.highlight .mi {
+  color: #099;
+}
+
+.highlight .mo {
+  color: #099;
+}
+
+.highlight .sb {
+  color: #d14;
+}
+
+.highlight .sc {
+  color: #d14;
+}
+
+.highlight .sd {
+  color: #d14;
+}
+
+.highlight .s2 {
+  color: #d14;
+}
+
+.highlight .se {
+  color: #d14;
+}
+
+.highlight .sh {
+  color: #d14;
+}
+
+.highlight .si {
+  color: #d14;
+}
+
+.highlight .sx {
+  color: #d14;
+}
+
+.highlight .sr {
+  color: #009926;
+}
+
+.highlight .s1 {
+  color: #d14;
+}
+
+.highlight .ss {
+  color: #990073;
+}
+
+.highlight .bp {
+  color: #999;
+}
+
+.highlight .vc {
+  color: #008080;
+}
+
+.highlight .vg {
+  color: #008080;
+}
+
+.highlight .vi {
+  color: #008080;
+}
+
+.highlight .il {
+  color: #099;
+}
+
+@keyframes headerShine {
+  100% {
+    left: 150%;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.wrapper {
+  max-width: 600px;
+  margin: 0 auto;
+  padding: 0 20px 35px;
+  border-bottom: 1px solid var(--grey-eee);
+}
+
+.wrapper.long {
+  max-width: 800px;
+}
+
+.site-header {
+  display: grid;
+  -webkit-justify-content: center;
+  justify-content: center;
+  padding: 0 20px;
+  text-align: center;
+}
+
+.site-header .site-header-wrapper {
+  position: relative;
+  overflow: hidden;
+  background: var(--main-color);
+  padding: 10px 25px 20px 25px;
+  border-radius: 0 0 5px 5px;
+  text-decoration: none;
+  transition: background 0.2s ease;
+  -moz-transition: background 0.2s ease;
+  -webkit-transition: background 0.2s ease;
+  -o-transition: background 0.2s ease;
+}
+
+.site-header .site-header-wrapper:before {
+  position: absolute;
+  top: 0;
+  left: -150%;
+  content: "";
+  width: 50%;
+  height: 100%;
+  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
+  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
+  -webkit-transform: skew(-45deg, 0);
+  -moz-transform: skew(-45deg, 0);
+  -ms-transform: skew(-45deg, 0);
+  -o-transform: skew(-45deg, 0);
+  transform: skew(-45deg, 0);
+}
+
+.site-header .site-header-wrapper:hover {
+  background: var(--main-color-hover);
+}
+
+.site-header .site-header-wrapper:hover:before {
+  animation: headerShine .35s;
+}
+
+.site-header .site-header-wrapper .site-logo {
+  display: block;
+  margin: 0 0 10px;
+}
+
+.site-header .site-header-wrapper .site-logo img {
+  display: block;
+}
+
+.site-header .site-header-wrapper .site-subtitle {
+  display: block;
+  font-family: 'Bebas Neue', sans-serif;
+  font-size: 11px;
+  line-height: 14px;
+  color: var(--grey-fc);
+}
+
+.site-header .site-header-wrapper .site-title {
+  display: block;
+  font-family: 'Bebas Neue', sans-serif;
+  font-size: 26px;
+  line-height: 28px;
+  color: var(--grey-fc);
+}
+
+@media screen and (max-width: 800px) {
+  .site-header {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    z-index: 9;
+    background: var(--body-bg);
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  }
+  .site-header .site-header-wrapper {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-flex-flow: row wrap;
+    -moz-flex-flow: row wrap;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    gap: 0 15px;
+    border-radius: 0;
+    padding: 20px;
+    background: transparent;
+  }
+  .site-header .site-header-wrapper:hover {
+    background: transparent;
+  }
+  .site-header .site-header-wrapper .site-logo, .site-header .site-header-wrapper .site-subtitle {
+    display: none;
+  }
+  .site-header .site-header-wrapper .site-title {
+    font-size: 32px;
+    line-height: 36px;
+    color: var(--main-color);
+  }
+}
+
+.site-navigation {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-flex-flow: row wrap;
+  -moz-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  gap: 10px 40px;
+  max-width: 800px;
+  margin: 30px auto 0;
+  padding: 0 20px;
+  text-align: center;
+}
+
+.site-navigation a, .site-navigation span {
+  position: relative;
+  text-decoration: none;
+  color: var(--grey-555);
+  padding: 0 0 2px;
+  transition: color 0.2s ease;
+  -moz-transition: color 0.2s ease;
+  -webkit-transition: color 0.2s ease;
+  -o-transition: color 0.2s ease;
+  cursor: pointer;
+}
+
+.site-navigation a:before, .site-navigation span:before {
+  position: absolute;
+  opacity: 0;
+  left: 0;
+  bottom: 0;
+  width: 0%;
+  border-bottom: 2px solid var(--grey-222);
+  transition: width 0.18s ease, opacity 0.18s ease;
+  -moz-transition: width 0.18s ease, opacity 0.18s ease;
+  -webkit-transition: width 0.18s ease, opacity 0.18s ease;
+  -o-transition: width 0.18s ease, opacity 0.18s ease;
+  content: "";
+}
+
+.site-navigation a:hover, .site-navigation a.active, .site-navigation span:hover, .site-navigation span.active {
+  color: var(--grey-222);
+}
+
+.site-navigation a:hover:before, .site-navigation a.active:before, .site-navigation span:hover:before, .site-navigation span.active:before {
+  width: 100%;
+  opacity: 1;
+}
+
+@media screen and (max-width: 800px) {
+  .site-navigation {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+    -webkit-flex-flow: column nowrap;
+    -moz-flex-flow: column nowrap;
+    -ms-flex-flow: column nowrap;
+    flex-flow: column nowrap;
+    gap: 20px 0;
+    -webkit-transform: translate(0, -100%);
+    -moz-transform: translate(0, -100%);
+    -ms-transform: translate(0, -100%);
+    -o-transform: translate(0, -100%);
+    transform: translate(0, -100%);
+    transition: transform 0.25s ease-in-out;
+    -moz-transition: transform 0.25s ease-in-out;
+    -webkit-transition: transform 0.25s ease-in-out;
+    -o-transition: transform 0.25s ease-in-out;
+    padding: 100px 20px 0;
+    background: rgba(255, 255, 255, 0.9);
+    z-index: 10;
+  }
+  .site-navigation a, .site-navigation span {
+    color: var(--grey-222);
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+
+.site-footer {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 40px 20px;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--grey-ccc);
+  text-align: center;
+}
+
+.site-footer a {
+  font-size: 14px;
+  font-family: 'PT Sans', sans-serif;
+  color: var(--grey-ccc);
+  text-decoration: none;
+  transition: all 0.15s ease;
+  -moz-transition: all 0.15s ease;
+  -webkit-transition: all 0.15s ease;
+  -o-transition: all 0.15s ease;
+}
+
+.site-footer a:hover {
+  color: var(--grey-555);
+}
+
+.site-footer nav a {
+  border-right: 1px solid var(--grey-aaa);
+  padding: 0 0.5rem;
+}
+
+.site-footer nav a:last-child {
+  border: none;
+}
+
+.page-work .projects-list {
+  display: grid;
+  gap: 40px 20px;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+}
+
+.page-work .projects-list .project {
+  text-align: center;
+}
+
+.page-work .projects-list .project .project-cover {
+  display: block;
+  margin: 0 0 15px;
+  transition: transform 0.2s ease;
+  -moz-transition: transform 0.2s ease;
+  -webkit-transition: transform 0.2s ease;
+  -o-transition: transform 0.2s ease;
+}
+
+.page-work .projects-list .project .project-cover:hover {
+  -webkit-transform: scale(1.08);
+  -moz-transform: scale(1.08);
+  -ms-transform: scale(1.08);
+  -o-transform: scale(1.08);
+  transform: scale(1.08);
+}
+
+.page-work .projects-list .project .project-cover img {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.page-work .projects-list .project .project-title {
+  font-size: 18px;
+  margin: 0 0 5px;
+}
+
+.page-work .projects-list .project .project-title a {
+  color: var(--grey-222);
+  text-decoration: none;
+}
+
+.page-work .projects-list .project .project-title a:hover {
+  text-decoration: underline;
+}
+
+.page-work .projects-list .project .project-category {
+  display: block;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--grey-aaa);
+  text-transform: uppercase;
+  letter-spacing: .1em;
+}
+
+.page-project {
+  display: grid;
+  gap: 50px;
+  grid-template-columns: 7fr 3fr;
+  grid-template-rows: auto;
+  grid-template-areas: "carousel carousel" "content sidebar";
+}
+
+.page-project .section-title {
+  display: block;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 13px;
+  color: var(--grey-222);
+  text-transform: uppercase;
+  letter-spacing: .1em;
+}
+
+.page-project .project-gallery {
+  grid-area: carousel;
+  position: relative;
+  overflow: hidden;
+}
+
+.page-project .project-gallery .slides {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  transition: transform 0.5s ease;
+  -moz-transition: transform 0.5s ease;
+  -webkit-transition: transform 0.5s ease;
+  -o-transition: transform 0.5s ease;
+}
+
+.page-project .project-gallery .slides .slide {
+  position: relative;
+  width: 100%;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -moz-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  padding: 50% 0 0;
+}
+
+.page-project .project-gallery .slides .slide figure a {
+  display: block;
+}
+
+.page-project .project-gallery .slides .slide figure a img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.page-project .project-gallery .gallery-nav {
+  display: grid;
+  gap: 0 5px;
+  grid-auto-flow: column;
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+  z-index: 1;
+}
+
+.page-project .project-gallery .gallery-nav label {
+  width: 12px;
+  height: 12px;
+  background: transparent;
+  border: 2px solid var(--grey-222);
+  display: block;
+  border-radius: 50%;
+  transition: background 0.1s ease;
+  -moz-transition: background 0.1s ease;
+  -webkit-transition: background 0.1s ease;
+  -o-transition: background 0.1s ease;
+  cursor: pointer;
+}
+
+.page-project .project-gallery .gallery-nav label.active, .page-project .project-gallery .gallery-nav label:hover {
+  background: var(--grey-222);
+}
+
+.page-project .project-overview {
+  grid-area: content;
+}
+
+.page-project .project-overview .project-title {
+  margin: 0 0 20px;
+  font-size: 40px;
+  line-height: 44px;
+  color: var(--grey-222);
+}
+
+.page-project .project-overview a {
+  color: var(--main-color);
+}
+
+.page-project .project-overview a:hover {
+  text-decoration: none;
+}
+
+.page-project .project-overview abbr {
+  border-bottom: 1px dotted var(--grey-555);
+  text-decoration: none;
+  cursor: help;
+}
+
+.page-project .project-overview code, .page-project .project-overview kbd, .page-project .project-overview pre {
+  margin: 0;
+  font-family: monospace;
+  word-wrap: break-word;
+  word-break: break-word;
+  white-space: pre-wrap;
+}
+
+.page-project .project-overview address, .page-project .project-overview cite, .page-project .project-overview var {
+  font-style: italic;
+}
+
+.page-project .project-overview blockquote {
+  margin: 40px 0;
+  padding: 0 0 0 20px;
+  border-left: 3px solid var(--grey-555);
+  color: var(--grey-222);
+  font-weight: 700;
+}
+
+.page-project .project-overview em, .page-project .project-overview strong {
+  color: var(--grey-222);
+}
+
+.page-project .project-overview p {
+  margin: 15px 0;
+}
+
+.page-project .project-overview p > code {
+  font-size: 14px;
+  padding: 3px 6px;
+  margin: 0 4px;
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+}
+
+.page-project .project-overview img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+.page-project .project-overview ul {
+  list-style-type: disc;
+  list-style-position: inside;
+}
+
+.page-project .project-overview ul, .page-project .project-overview ol {
+  margin: 15px 0;
+  padding: 0 0 0 20px;
+}
+
+.page-project .project-overview ul ul, .page-project .project-overview ul ol, .page-project .project-overview ol ul, .page-project .project-overview ol ol {
+  padding: 0 0 0 20px;
+}
+
+.page-project .project-overview ul li, .page-project .project-overview ol li {
+  margin: 5px 0;
+}
+
+.page-project .project-overview ul li > code, .page-project .project-overview ol li > code {
+  font-size: 14px;
+  padding: 3px 6px;
+  margin: 0 4px;
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+}
+
+.page-project .project-meta {
+  grid-area: sidebar;
+}
+
+.page-project .project-meta > div {
+  position: sticky;
+  top: 0;
+  display: grid;
+  gap: 30px;
+  justify-items: start;
+  align-items: start;
+  align-content: start;
+  font-size: 16px;
+}
+
+.page-project .project-meta > div .button {
+  display: inline-block;
+  background: var(--main-color);
+  padding: 10px 30px;
+  text-transform: uppercase;
+  color: var(--grey-fc);
+  border-radius: 5px;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 14px;
+  font-weight: 700;
+  border: none;
+  cursor: pointer;
+  transition: background 0.1s ease;
+  -moz-transition: background 0.1s ease;
+  -webkit-transition: background 0.1s ease;
+  -o-transition: background 0.1s ease;
+  text-decoration: none;
+  text-align: center;
+}
+
+.page-project .project-meta > div .button:hover {
+  background: var(--main-color-hover);
+}
+
+.page-project .project-meta > div .button:active, .page-project .project-meta > div .button:focus {
+  outline: none;
+}
+
+@media screen and (max-width: 640px) {
+  .page-project {
+    grid-template-areas: "carousel carousel" "content content" "sidebar sidebar";
+    grid-template-columns: 1fr 1fr;
+  }
+  .page-project .project-meta > div {
+    position: static;
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-flow: row wrap;
+    -moz-flex-flow: row wrap;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+  }
+  .page-project .project-meta > div > div {
+    -webkit-flex: 1 0 auto;
+    -moz-flex: 1 0 auto;
+    -ms-flex: 1 0 auto;
+    flex: 1 0 auto;
+  }
+}
+
+.page-about .profile {
+  float: right;
+  margin: 20px 20px 20px 50px;
+}
+
+.page-about .profile img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+.page-about .profile ul {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -moz-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  list-style: none;
+  margin: 20px 0 0;
+  padding: 0;
+  border-right: 1px solid var(--grey-ddd);
+  border-bottom: 1px solid var(--grey-ddd);
+}
+
+.page-about .profile ul li {
+  flex: 1;
+}
+
+.page-about .profile ul li a {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  padding: 15px;
+  border-left: 1px solid var(--grey-ddd);
+  border-top: 1px solid var(--grey-ddd);
+  transition: background 0.15s ease;
+  -moz-transition: background 0.15s ease;
+  -webkit-transition: background 0.15s ease;
+  -o-transition: background 0.15s ease;
+  color: var(--grey-aaa);
+}
+
+.page-about .profile ul li a:hover {
+  background: var(--main-color);
+}
+
+.page-about .profile ul li a:hover svg {
+  fill: var(--grey-fc);
+}
+
+.page-about .profile ul li a svg {
+  fill: currentColor;
+}
+
+.page-about h1 {
+  font-size: 48px;
+  line-height: 52px;
+  color: var(--grey-222);
+  margin: 0 0 30px;
+}
+
+.page-about .intro-paragraph {
+  font-size: 20px;
+  line-height: 32px;
+  color: var(--grey-222);
+}
+
+@media screen and (max-width: 640px) {
+  .page-about .profile {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-flex-flow: column nowrap;
+    -moz-flex-flow: column nowrap;
+    -ms-flex-flow: column nowrap;
+    flex-flow: column nowrap;
+    float: none;
+    margin: 0 0 30px;
+  }
+}
+
+.page-not-found {
+  text-align: center;
+}
+
+.page-not-found svg {
+  fill: currentColor;
+  color: var(--grey-ddd);
+  margin: 0 auto;
+}
+
+.post-lists-title {
+  font-family: 'PT Sans', sans-serif;
+  font-size: 24px;
+  line-height: 42px;
+  font-weight: 700;
+  color: var(--grey-aaa);
+  margin: 0 0 40px;
+  text-align: center;
+}
+
+.post-lists-title span {
+  color: var(--grey-222);
+}
+
+.post-list {
+  display: grid;
+  gap: 100px 0;
+}
+
+.post {
+  position: relative;
+}
+
+.post .post-title {
+  margin: 0 0 25px;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 32px;
+  line-height: 42px;
+  font-weight: 700;
+  color: var(--grey-222);
+}
+
+.post .post-title a {
+  color: var(--grey-222);
+  text-decoration: none;
+}
+
+.post .post-title a:hover {
+  text-decoration: underline;
+}
+
+.post .post-author {
+  position: absolute;
+  top: 10px;
+  left: -200px;
+  width: 150px;
+  text-align: right;
+}
+
+.post .post-author .author-avatar {
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  fill: currentColor;
+  color: var(--grey-ddd);
+}
+
+.post .post-author .author-info .author-name {
+  display: block;
+  margin: 10px 0 4px;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 700;
+  color: var(--grey-222);
+  text-transform: uppercase;
+}
+
+.post .post-author .author-info .author-title {
+  display: block;
+  font-size: 12px;
+  line-height: 16px;
+  font-style: italic;
+  color: var(--grey-aaa);
+}
+
+.post .post-author .post-meta {
+  position: relative;
+  margin: 15px 0 0;
+  padding: 15px 0 0;
+  line-height: 20px;
+  font-size: 14px;
+  color: var(--grey-aaa);
+}
+
+.post .post-author .post-meta:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 30px;
+  height: 1px;
+  background: var(--grey-ddd);
+  content: "";
+}
+
+.post .post-author .post-meta .post-date {
+  position: relative;
+  margin: 0 5px 0 0;
+  padding: 0 10px 0 0;
+}
+
+.post .post-author .post-meta .post-date:after {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background: var(--grey-ccc);
+  content: "";
+}
+
+.post .post-author .post-meta .post-categories {
+  position: relative;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+  gap: 5px;
+  margin: 8px 0 0;
+}
+
+.post .post-author .post-meta .post-categories a {
+  color: var(--main-color);
+  text-decoration: none;
+}
+
+.post .post-author .post-meta .post-categories a:hover {
+  text-decoration: underline;
+}
+
+.post .post-content abbr {
+  border-bottom: 1px dotted var(--grey-555);
+  text-decoration: none;
+  cursor: help;
+}
+
+.post .post-content code, .post .post-content kbd, .post .post-content pre {
+  margin: 0;
+  font-family: monospace;
+  word-wrap: break-word;
+  word-break: break-word;
+  white-space: pre-wrap;
+}
+
+.post .post-content address, .post .post-content cite, .post .post-content var {
+  font-style: italic;
+}
+
+.post .post-content blockquote {
+  margin: 40px 0;
+  padding: 0 0 0 20px;
+  border-left: 3px solid var(--grey-555);
+  color: var(--grey-222);
+  font-weight: 700;
+}
+
+.post .post-content em, .post .post-content strong {
+  color: var(--grey-222);
+}
+
+.post .post-content h1, .post .post-content h2, .post .post-content h3, .post .post-content h4, .post .post-content h5, .post .post-content h6 {
+  font-family: 'PT Sans', sans-serif;
+  margin: 40px 0 25px 0;
+  color: var(--grey-222);
+}
+
+.post .post-content h4, .post .post-content h5, .post .post-content h6 {
+  margin: 25px 0;
+}
+
+.post .post-content h1 {
+  font-size: 28px;
+}
+
+.post .post-content h2 {
+  font-size: 26px;
+}
+
+.post .post-content h3 {
+  font-size: 22px;
+}
+
+.post .post-content h4 {
+  font-size: 20px;
+}
+
+.post .post-content h5 {
+  font-size: 18px;
+}
+
+.post .post-content h6 {
+  font-size: 16px;
+}
+
+.post .post-content a {
+  color: var(--main-color);
+}
+
+.post .post-content a:hover {
+  text-decoration: none;
+}
+
+.post .post-content img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+.post .post-content ul {
+  list-style-type: disc;
+  list-style-position: inside;
+}
+
+.post .post-content ul, .post .post-content ol {
+  margin: 15px 0;
+  padding: 0 0 0 20px;
+}
+
+.post .post-content ul ul, .post .post-content ul ol, .post .post-content ol ul, .post .post-content ol ol {
+  padding: 0 0 0 20px;
+}
+
+.post .post-content ul li, .post .post-content ol li {
+  margin: 5px 0;
+}
+
+.post .post-content ul li > code, .post .post-content ol li > code {
+  font-size: 14px;
+  padding: 3px 6px;
+  margin: 0 4px;
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+}
+
+.post .post-content dl {
+  margin: 40px 0;
+}
+
+.post .post-content dl dt {
+  margin: 10px 0 0;
+  font-weight: 700;
+}
+
+.post .post-content dl dd {
+  margin: 5px 0;
+}
+
+.post .post-content dl dd > code {
+  font-size: 14px;
+  padding: 3px 6px;
+  margin: 0 4px;
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+}
+
+.post .post-content p {
+  margin: 15px 0;
+}
+
+.post .post-content p > code {
+  font-size: 14px;
+  padding: 3px 6px;
+  margin: 0 4px;
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+}
+
+.post .post-content .alignleft {
+  float: left;
+  margin: 20px 30px 10px 0;
+}
+
+.post .post-content .alignright {
+  float: right;
+  margin: 20px 0 10px 20px;
+}
+
+.post .post-content .aligncenter {
+  clear: both;
+  margin: 0 auto 20px;
+}
+
+.post .post-content figcaption {
+  font-size: 13px;
+  font-style: italic;
+  padding-top: 10px;
+}
+
+.post .post-content .iframe-wrapper {
+  position: relative;
+  padding-top: 56.25%;
+}
+
+.post .post-content .iframe-wrapper > iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.post .post-content .read-more-button {
+  font-size: 16px;
+  color: var(--grey-555);
+}
+
+.post .references .csl-entry {
+  margin: 0 0 0.833331em;
+}
+
+.post .footnotes,
+.post .footnotes em,
+.post .footnotes strong {
+  color: var(--grey-aaa);
+}
+
+.post .footnotes hr {
+  position: relative;
+  margin: 40px 0 20px;
+  color: var(--grey-ddd);
+  height: 1px;
+}
+
+@media screen and (max-width: 960px) {
+  .post .post-title {
+    margin: 0 0 15px;
+  }
+  .post .post-author {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-flex-flow: row wrap;
+    -moz-flex-flow: row wrap;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    gap: 15px;
+    position: static;
+    width: 100%;
+    margin: 0 0 20px;
+    text-align: left;
+  }
+  .post .post-author .author-avatar {
+    width: 36px;
+    height: 36px;
+  }
+  .post .post-author .author-info .author-name {
+    margin: 0;
+    color: var(--grey-555);
+    text-transform: initial;
+  }
+  .post .post-author .author-info .author-title {
+    display: none;
+  }
+  .post .post-author .post-meta {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-flow: row wrap;
+    -moz-flex-flow: row wrap;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    margin: 0;
+    margin-left: auto;
+    padding: 0;
+  }
+  .post .post-author .post-meta:before {
+    content: none;
+  }
+  .post .post-author .post-meta .post-categories {
+    margin: 0 0 0 5px;
+    padding: 0 0 0 10px;
+  }
+  .post .post-author .post-meta .post-categories:before {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 3px;
+    height: 3px;
+    border-radius: 50%;
+    background: var(--grey-ccc);
+    content: "";
+  }
+}
+
+.page .page-title {
+  margin: 0 0 25px;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 32px;
+  line-height: 42px;
+  font-weight: 700;
+  color: var(--grey-222);
+}
+
+.page .page-content abbr {
+  border-bottom: 1px dotted var(--grey-555);
+  text-decoration: none;
+  cursor: help;
+}
+
+.page .page-content code, .page .page-content kbd, .page .page-content pre {
+  margin: 0;
+  font-family: monospace;
+  word-wrap: break-word;
+  word-break: break-word;
+  white-space: pre-wrap;
+}
+
+.page .page-content address, .page .page-content cite, .page .page-content var {
+  font-style: italic;
+}
+
+.page .page-content blockquote {
+  margin: 40px 0;
+  padding: 0 0 0 20px;
+  border-left: 3px solid var(--grey-555);
+  color: var(--grey-222);
+  font-weight: 700;
+}
+
+.page .page-content em, .page .page-content strong {
+  color: var(--grey-222);
+}
+
+.page .page-content h1, .page .page-content h2, .page .page-content h3, .page .page-content h4, .page .page-content h5, .page .page-content h6 {
+  font-family: 'PT Sans', sans-serif;
+  margin: 40px 0 25px 0;
+  color: var(--grey-222);
+}
+
+.page .page-content h4, .page .page-content h5, .page .page-content h6 {
+  margin: 25px 0;
+}
+
+.page .page-content h1 {
+  font-size: 28px;
+}
+
+.page .page-content h2 {
+  font-size: 26px;
+}
+
+.page .page-content h3 {
+  font-size: 22px;
+}
+
+.page .page-content h4 {
+  font-size: 20px;
+}
+
+.page .page-content h5 {
+  font-size: 18px;
+}
+
+.page .page-content h6 {
+  font-size: 16px;
+}
+
+.page .page-content a {
+  color: var(--main-color);
+}
+
+.page .page-content a:hover {
+  text-decoration: none;
+}
+
+.page .page-content img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+.page .page-content ul {
+  list-style-type: disc;
+  list-style-position: outside;
+}
+
+.page .page-content ul, .page .page-content ol {
+  margin: 15px 0;
+  padding: 0 0 0 20px;
+}
+
+.page .page-content ul ul, .page .page-content ul ol, .page .page-content ol ul, .page .page-content ol ol {
+  padding: 0 0 0 20px;
+}
+
+.page .page-content ul li, .page .page-content ol li {
+  margin: 5px 0;
+}
+
+.page .page-content ul li > code, .page .page-content ol li > code {
+  font-size: 14px;
+  padding: 3px 6px;
+  margin: 0 4px;
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+}
+
+.page .page-content dl {
+  margin: 40px 0;
+}
+
+.page .page-content dl dt {
+  margin: 10px 0 0;
+  font-weight: 700;
+}
+
+.page .page-content dl dd {
+  margin: 5px 0;
+}
+
+.page .page-content dl dd > code {
+  font-size: 14px;
+  padding: 3px 6px;
+  margin: 0 4px;
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+}
+
+.page .page-content p {
+  margin: 15px 0;
+}
+
+.page .page-content p > code {
+  font-size: 14px;
+  padding: 3px 6px;
+  margin: 0 4px;
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+}
+
+.page .page-content .alignleft {
+  float: left;
+  margin: 20px 30px 10px 0;
+}
+
+.page .page-content .alignright {
+  float: right;
+  margin: 20px 0 10px 20px;
+}
+
+.page .page-content .aligncenter {
+  clear: both;
+  margin: 0 auto 20px;
+}
+
+.page .page-content figcaption {
+  font-size: 13px;
+  font-style: italic;
+  padding-top: 10px;
+}
+
+.page .page-content .iframe-wrapper {
+  position: relative;
+  padding-top: 56.25%;
+}
+
+.page .page-content .iframe-wrapper > iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.pagination {
+  display: grid;
+  grid-template-columns: 100px 1fr 100px;
+  margin: 50px 0 0;
+  font-size: 16px;
+}
+
+.pagination .previous, .pagination .next {
+  text-decoration: none;
+  color: var(--grey-555);
+}
+
+.pagination .previous:hover, .pagination .next:hover {
+  text-decoration: underline;
+}
+
+.pagination .page_number {
+  text-align: center;
+  color: var(--grey-ccc);
+}
+
+.modal-container {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.7);
+  opacity: 0;
+  pointer-events: none;
+  z-index: 9999;
+}
+
+.modal-container .modal {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-flow: column wrap;
+  -moz-flex-flow: column wrap;
+  -ms-flex-flow: column wrap;
+  flex-flow: column wrap;
+  width: 100%;
+  max-width: 450px;
+  margin: 0 20px;
+  background: var(--grey-fa);
+  border-radius: 5px;
+}
+
+.modal-container .modal.zoomIn {
+  animation-name: zoomIn;
+  animation-duration: .4s;
+  animation-fill-mode: both;
+}
+
+.modal-container .modal.zoomOut {
+  animation-name: zoomOut;
+  animation-duration: .4s;
+  animation-fill-mode: both;
+}
+
+.modal-container .modal .modal-header {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  background: var(--main-color);
+  padding: 18px 20px;
+  border-radius: 5px 5px 0 0;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--grey-fc);
+}
+
+.modal-container .modal .modal-header svg {
+  width: 16px;
+  height: 16px;
+  transition: all 0.1s ease;
+  -moz-transition: all 0.1s ease;
+  -webkit-transition: all 0.1s ease;
+  -o-transition: all 0.1s ease;
+  fill: currentColor;
+  opacity: .5;
+  cursor: pointer;
+  transition: opacity 0.15s ease;
+  -moz-transition: opacity 0.15s ease;
+  -webkit-transition: opacity 0.15s ease;
+  -o-transition: opacity 0.15s ease;
+}
+
+.modal-container .modal .modal-header svg:hover {
+  opacity: 1;
+}
+
+.modal-container .modal .modal-body {
+  padding: 20px;
+}
+
+.modal-container .modal .modal-body .form-message {
+  display: none;
+  margin-top: 0;
+  text-align: center;
+  padding: 10px 15px;
+}
+
+.modal-container .modal .modal-body .form-message.success {
+  display: block;
+  background: var(--form-success-bg);
+  color: var(--form-success-text);
+}
+
+.modal-container .modal .modal-body .form-message.error {
+  display: block;
+  background: var(--form-error-bg);
+  color: var(--form-error-text);
+}
+
+.modal-container .modal .modal-body form {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-flex-flow: column wrap;
+  -moz-flex-flow: column wrap;
+  -ms-flex-flow: column wrap;
+  flex-flow: column wrap;
+  gap: 10px;
+}
+
+.modal-container .modal .modal-body form label {
+  display: block;
+  width: 100%;
+}
+
+.modal-container .modal .modal-body form .input, .modal-container .modal .modal-body form .textarea {
+  width: 100%;
+  height: 40px;
+  padding: 10px;
+  background: transparent;
+  border: 1px solid var(--grey-ddd);
+  border-radius: 5px;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 16px;
+  color: var(--grey-555);
+  outline: none;
+}
+
+.modal-container .modal .modal-body form .input.placeholder, .modal-container .modal .modal-body form .textarea.placeholder {
+  color: var(--grey-ccc);
+  font-family: 'PT Sans', serif;
+  font-size: 16px;
+}
+
+.modal-container .modal .modal-body form .input:-ms-input-placeholder, .modal-container .modal .modal-body form .textarea:-ms-input-placeholder {
+  color: var(--grey-ccc);
+  font-family: 'PT Sans', serif;
+  font-size: 16px;
+}
+
+.modal-container .modal .modal-body form .input:-moz-placeholder, .modal-container .modal .modal-body form .textarea:-moz-placeholder {
+  color: var(--grey-ccc);
+  font-family: 'PT Sans', serif;
+  font-size: 16px;
+}
+
+.modal-container .modal .modal-body form .input::-moz-placeholder, .modal-container .modal .modal-body form .textarea::-moz-placeholder {
+  color: var(--grey-ccc);
+  font-family: 'PT Sans', serif;
+  font-size: 16px;
+}
+
+.modal-container .modal .modal-body form .input::-webkit-input-placeholder, .modal-container .modal .modal-body form .textarea::-webkit-input-placeholder {
+  color: var(--grey-ccc);
+  font-family: 'PT Sans', serif;
+  font-size: 16px;
+}
+
+.modal-container .modal .modal-body form .textarea {
+  height: auto;
+  min-height: 200px;
+}
+
+.modal-container .modal .modal-body form .button {
+  display: inline-block;
+  background: var(--main-color);
+  padding: 14px 30px;
+  text-transform: uppercase;
+  color: var(--grey-fc);
+  border-radius: 5px;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 14px;
+  font-weight: 700;
+  border: none;
+  cursor: pointer;
+  transition: background 0.1s ease;
+  -moz-transition: background 0.1s ease;
+  -webkit-transition: background 0.1s ease;
+  -o-transition: background 0.1s ease;
+}
+
+.modal-container .modal .modal-body form .button:hover {
+  background: var(--main-color-hover);
+}
+
+.modal-container .modal .modal-body form .button:active, .modal-container .modal .modal-body form .button:focus {
+  outline: none;
+}
+
+.modal-container.fadeIn {
+  pointer-events: auto;
+  animation-name: fadeIn;
+  animation-duration: .4s;
+  animation-fill-mode: both;
+}
+
+.modal-container.fadeOut {
+  animation-name: fadeOut;
+  animation-duration: .4s;
+  animation-fill-mode: both;
+}
+
+.custom-lightbox {
+  position: fixed;
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  -moz-transition: opacity 0.2s ease;
+  -webkit-transition: opacity 0.2s ease;
+  -o-transition: opacity 0.2s ease;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.7);
+  z-index: 9000;
+}
+
+.custom-lightbox.active {
+  visibility: visible;
+  opacity: 1;
+}
+
+.custom-lightbox .lightbox-content {
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr 8fr 1fr;
+  gap: 40px;
+  -webkit-align-items: center;
+  align-items: center;
+  justify-items: center;
+  width: 100%;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.custom-lightbox .prev-image, .custom-lightbox .next-image, .custom-lightbox .lightbox-close {
+  cursor: pointer;
+  opacity: .5;
+  transition: opacity 0.1s ease;
+  -moz-transition: opacity 0.1s ease;
+  -webkit-transition: opacity 0.1s ease;
+  -o-transition: opacity 0.1s ease;
+  color: var(--grey-fa);
+}
+
+.custom-lightbox .prev-image:hover, .custom-lightbox .next-image:hover, .custom-lightbox .lightbox-close:hover {
+  opacity: .9;
+}
+
+.custom-lightbox .prev-image svg, .custom-lightbox .next-image svg, .custom-lightbox .lightbox-close svg {
+  width: 32px;
+  height: 32px;
+  fill: currentColor;
+}
+
+.custom-lightbox .prev-image svg {
+  -webkit-transform: rotate(180deg);
+  -moz-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  -o-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.custom-lightbox .current-image img {
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+}
+
+.custom-lightbox .lightbox-close {
+  position: fixed;
+  top: 30px;
+  right: 30px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  background: none;
+  border: 0;
+  outline: none;
+}
+
+@media screen and (max-width: 960px) {
+  .custom-lightbox .lightbox-content {
+    grid-template-columns: 1fr;
+  }
+  .custom-lightbox .lightbox-content .prev-image, .custom-lightbox .lightbox-content .next-image {
+    position: absolute;
+    opacity: .8;
+  }
+  .custom-lightbox .lightbox-content .prev-image svg, .custom-lightbox .lightbox-content .next-image svg {
+    width: 40px;
+    height: 40px;
+  }
+  .custom-lightbox .lightbox-content .prev-image {
+    left: 20px;
+  }
+  .custom-lightbox .lightbox-content .next-image {
+    right: 20px;
+  }
+}
+
+.cookie-banner {
+  display: none;
+  position: fixed;
+  width: 100%;
+  max-width: 1200px;
+  left: 50%;
+  bottom: 15px;
+  padding: 20px 30px;
+  -webkit-transform: translate(-50%, 0);
+  -moz-transform: translate(-50%, 0);
+  -ms-transform: translate(-50%, 0);
+  -o-transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  background: var(--grey-fa);
+  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+}
+
+.cookie-banner.active {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.cookie-banner div {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+.cookie-banner div svg {
+  fill: currentColor;
+  color: var(--grey-666);
+  -webkit-flex: 1 0 auto;
+  -moz-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+}
+
+.cookie-banner div p {
+  max-width: 980px;
+  padding: 0 30px;
+}
+
+.cookie-banner .button {
+  display: inline-block;
+  background: var(--main-color);
+  padding: 10px 30px;
+  text-transform: uppercase;
+  color: var(--grey-fc);
+  border-radius: 5px;
+  font-family: 'PT Sans', sans-serif;
+  font-size: 14px;
+  font-weight: 700;
+  border: none;
+  cursor: pointer;
+  transition: background 0.1s ease;
+  -moz-transition: background 0.1s ease;
+  -webkit-transition: background 0.1s ease;
+  -o-transition: background 0.1s ease;
+  text-decoration: none;
+  text-align: center;
+}
+
+.cookie-banner .button:hover {
+  background: var(--main-color-hover);
+}
+
+.cookie-banner .button:active, .cookie-banner .button:focus {
+  outline: none;
+}
+
+@media screen and (max-width: 640px) {
+  .cookie-banner {
+    -webkit-flex-flow: column nowrap;
+    -moz-flex-flow: column nowrap;
+    -ms-flex-flow: column nowrap;
+    flex-flow: column nowrap;
+  }
+}
+
+@media screen and (max-width: 468px) {
+  .cookie-banner div {
+    -webkit-flex-flow: column nowrap;
+    -moz-flex-flow: column nowrap;
+    -ms-flex-flow: column nowrap;
+    flex-flow: column nowrap;
+  }
+}
+
+.reading-progress-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  min-width: 100%;
+  height: 5px;
+  z-index: 9;
+  transition: width 0.05s ease;
+  -moz-transition: width 0.05s ease;
+  -webkit-transition: width 0.05s ease;
+  -o-transition: width 0.05s ease;
+}
+
+.reading-progress-bar:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  content: "";
+  height: 5px;
+  background: var(--main-color);
+  width: inherit;
+}
+
+.changeTheme {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  overflow: hidden;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  align-items: center;
+  background: transparent;
+  width: 25px;
+  height: 30px;
+  cursor: pointer;
+  z-index: 10;
+}
+
+.changeTheme .modeIcon {
+  position: relative;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: var(--grey-ccc);
+  transition: transform 0.35s ease;
+  -moz-transition: transform 0.35s ease;
+  -webkit-transition: transform 0.35s ease;
+  -o-transition: transform 0.35s ease;
+}
+
+.changeTheme .modeIcon:before {
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  transition: box-shadow 0.3s ease;
+  -moz-transition: box-shadow 0.3s ease;
+  -webkit-transition: box-shadow 0.3s ease;
+  -o-transition: box-shadow 0.3s ease;
+  border-radius: 50%;
+  opacity: 0;
+  content: "";
+}
+
+.changeTheme .modeIcon:after {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: -30%;
+  left: 30%;
+  transition: transform 0.35s ease;
+  -moz-transition: transform 0.35s ease;
+  -webkit-transition: transform 0.35s ease;
+  -o-transition: transform 0.35s ease;
+  border-radius: 50%;
+  background: var(--body-bg);
+  content: "";
+}
+
+[data-theme="dark"] .changeTheme .modeIcon {
+  background: var(--grey-fc);
+  -webkit-transform: scale(0.5);
+  -moz-transform: scale(0.5);
+  -ms-transform: scale(0.5);
+  -o-transform: scale(0.5);
+  transform: scale(0.5);
+}
+
+[data-theme="dark"] .changeTheme .modeIcon:before {
+  opacity: 1;
+  box-shadow: 0 -20px 0 0 var(--grey-fc), 0 20px 0 0 var(--grey-fc), -20px 0 0 0 var(--grey-fc), 20px 0 0 0 var(--grey-fc), 15px 15px 0 0 var(--grey-fc), 15px -15px 0 0 var(--grey-fc), -15px 15px 0 0 var(--grey-fc), -15px -15px 0 0 var(--grey-fc);
+}
+
+[data-theme="dark"] .changeTheme .modeIcon:after {
+  opacity: 0;
+  -webkit-transform: translate(50%, -50%);
+  -moz-transform: translate(50%, -50%);
+  -ms-transform: translate(50%, -50%);
+  -o-transform: translate(50%, -50%);
+  transform: translate(50%, -50%);
+}
+
+.header-content-separator {
+  position: relative;
+  margin: 40px auto;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: var(--grey-ccc);
+}
+
+.header-content-separator:before {
+  position: absolute;
+  left: -8px;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: var(--grey-ccc);
+  content: "";
+}
+
+.header-content-separator:after {
+  position: absolute;
+  left: 8px;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: var(--grey-ccc);
+  content: "";
+}
+
+.toggleBurger {
+  display: none;
+}
+
+.toggleBurger:checked ~ .site-navigation {
+  -webkit-transform: translate(0, 0);
+  -moz-transform: translate(0, 0);
+  -ms-transform: translate(0, 0);
+  -o-transform: translate(0, 0);
+  transform: translate(0, 0);
+}
+
+.toggleBurger:checked ~ .toggleBurgerWrapper span {
+  background: transparent;
+}
+
+.toggleBurger:checked ~ .toggleBurgerWrapper span:before {
+  top: 0;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+.toggleBurger:checked ~ .toggleBurgerWrapper span:after {
+  top: 0;
+  -webkit-transform: rotate(-135deg);
+  -moz-transform: rotate(-135deg);
+  -ms-transform: rotate(-135deg);
+  -o-transform: rotate(-135deg);
+  transform: rotate(-135deg);
+}
+
+.toggleBurgerWrapper {
+  display: none;
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  width: 25px;
+  height: 30px;
+  cursor: pointer;
+  z-index: 100;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.toggleBurgerWrapper span {
+  position: absolute;
+  top: 50%;
+  height: 2px;
+  width: 100%;
+  background: var(--grey-222);
+  transition: all 0.3s ease;
+  -moz-transition: all 0.3s ease;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  -webkit-transform: translate(0, -50%);
+  -moz-transform: translate(0, -50%);
+  -ms-transform: translate(0, -50%);
+  -o-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+}
+
+.toggleBurgerWrapper span:before, .toggleBurgerWrapper span:after {
+  position: absolute;
+  height: 2px;
+  width: 100%;
+  background: var(--grey-222);
+  content: "";
+  transition: all 0.3s ease;
+  -moz-transition: all 0.3s ease;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+}
+
+.toggleBurgerWrapper span:before {
+  top: -6px;
+}
+
+.toggleBurgerWrapper span:after {
+  top: 6px;
+}
+
+@media screen and (max-width: 800px) {
+  .toggleBurgerWrapper {
+    display: block;
+  }
+}
diff --git a/themes/assets/fonts/BebasNeue-Regular.woff2 b/themes/assets/fonts/BebasNeue-Regular.woff2
new file mode 100644
index 0000000..b4099a9
--- /dev/null
+++ b/themes/assets/fonts/BebasNeue-Regular.woff2
diff --git a/themes/assets/fonts/ptsans.woff2 b/themes/assets/fonts/ptsans.woff2
new file mode 100644
index 0000000..e818155
--- /dev/null
+++ b/themes/assets/fonts/ptsans.woff2
diff --git a/themes/assets/fonts/ptsansbold.woff2 b/themes/assets/fonts/ptsansbold.woff2
new file mode 100644
index 0000000..6fdbcb0
--- /dev/null
+++ b/themes/assets/fonts/ptsansbold.woff2
diff --git a/themes/assets/fonts/ptsansbolditalic.woff2 b/themes/assets/fonts/ptsansbolditalic.woff2
new file mode 100644
index 0000000..cc5b71f
--- /dev/null
+++ b/themes/assets/fonts/ptsansbolditalic.woff2
diff --git a/themes/assets/fonts/ptsansitalic.woff2 b/themes/assets/fonts/ptsansitalic.woff2
new file mode 100644
index 0000000..c017e87
--- /dev/null
+++ b/themes/assets/fonts/ptsansitalic.woff2
diff --git a/themes/assets/fonts/ptserif.woff2 b/themes/assets/fonts/ptserif.woff2
new file mode 100644
index 0000000..4cf486d
--- /dev/null
+++ b/themes/assets/fonts/ptserif.woff2
diff --git a/themes/assets/fonts/ptserifbold.woff2 b/themes/assets/fonts/ptserifbold.woff2
new file mode 100644
index 0000000..9fa2571
--- /dev/null
+++ b/themes/assets/fonts/ptserifbold.woff2
diff --git a/themes/assets/fonts/ptserifbolditalic.woff2 b/themes/assets/fonts/ptserifbolditalic.woff2
new file mode 100644
index 0000000..65aa05c
--- /dev/null
+++ b/themes/assets/fonts/ptserifbolditalic.woff2
diff --git a/themes/assets/fonts/ptserifitalic.woff2 b/themes/assets/fonts/ptserifitalic.woff2
new file mode 100644
index 0000000..0ec2607
--- /dev/null
+++ b/themes/assets/fonts/ptserifitalic.woff2
diff --git a/themes/assets/images/favicon.svg b/themes/assets/images/favicon.svg
new file mode 100644
index 0000000..dd99d93
--- /dev/null
+++ b/themes/assets/images/favicon.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 51.4 51.4"
+   enable-background="new 0 0 51.4 51.4"
+   xml:space="preserve"
+   id="svg6"
+   sodipodi:docname="favicon.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs10" /><sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     showguides="true"
+     inkscape:zoom="32"
+     inkscape:cx="38.046875"
+     inkscape:cy="24.4375"
+     inkscape:window-width="2560"
+     inkscape:window-height="1375"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" /><circle
+     fill="#639F93"
+     cx="25.7"
+     cy="25.7"
+     r="25.7"
+     id="circle2" /><path
+     fill="#ffffff"
+     d="m 33.65,12.2 v 1.1 c -0.656803,0.232259 -2.02553,0.640815 -1.5,0.5 0.454378,-0.142952 -1.006031,0.261206 -1.7,0.4 l -0.743,0.1 H 19.6 v 10 h 12 v -0.743088 c 0.1,-0.6 0.2,-1.2 0.4,-1.7 0.2,-0.5 0.3,-1 0.5,-1.5 h 1.1 v 9.7 h -1.1 c -0.4,-0.9 -0.7,-1.9 -0.9,-2.9 L 31.7,26.3 h -12 V 37 c 0.5,0.1 1,0.2 1.5,0.4 0.5,0.2 0.9,0.3 1.4,0.5 v 1.2 H 22.5 12.8 V 38 c 1,-0.4 2.1,-0.7 3.1,-0.9 V 14.3 c -1.2,-0.2 -2.2,-0.5 -3.1,-1 v -1.1 h 16.907"
+     id="path1225"
+     sodipodi:nodetypes="cccccccccsccccccccscccccccccc" /></svg>
diff --git a/themes/assets/images/ki-begriffsklaerung/image1.png b/themes/assets/images/ki-begriffsklaerung/image1.png
new file mode 100644
index 0000000..26bb76b
--- /dev/null
+++ b/themes/assets/images/ki-begriffsklaerung/image1.png
diff --git a/themes/assets/images/ki-begriffsklaerung/image2.png b/themes/assets/images/ki-begriffsklaerung/image2.png
new file mode 100644
index 0000000..be8e10d
--- /dev/null
+++ b/themes/assets/images/ki-begriffsklaerung/image2.png
diff --git a/themes/assets/images/ki-begriffsklaerung/image3.png b/themes/assets/images/ki-begriffsklaerung/image3.png
new file mode 100644
index 0000000..db62634
--- /dev/null
+++ b/themes/assets/images/ki-begriffsklaerung/image3.png
diff --git a/themes/assets/images/ki-begriffsklaerung/image4.png b/themes/assets/images/ki-begriffsklaerung/image4.png
new file mode 100644
index 0000000..c5bc268
--- /dev/null
+++ b/themes/assets/images/ki-begriffsklaerung/image4.png
diff --git a/themes/assets/images/ki-begriffsklaerung/image5.png b/themes/assets/images/ki-begriffsklaerung/image5.png
new file mode 100644
index 0000000..a3815da
--- /dev/null
+++ b/themes/assets/images/ki-begriffsklaerung/image5.png
diff --git a/themes/assets/images/was-ist-technik/and.png b/themes/assets/images/was-ist-technik/and.png
new file mode 100644
index 0000000..c84b9f5
--- /dev/null
+++ b/themes/assets/images/was-ist-technik/and.png
diff --git a/themes/assets/images/was-ist-technik/or.png b/themes/assets/images/was-ist-technik/or.png
new file mode 100644
index 0000000..a8c3d9c
--- /dev/null
+++ b/themes/assets/images/was-ist-technik/or.png