diff --git a/frontend/assets/fav/apple-touch-icon.png b/frontend/assets/fav/apple-touch-icon.png
new file mode 100644
index 0000000..3f783d8
Binary files /dev/null and b/frontend/assets/fav/apple-touch-icon.png differ
diff --git a/frontend/assets/fav/favicon-96x96.png b/frontend/assets/fav/favicon-96x96.png
new file mode 100644
index 0000000..e77093e
Binary files /dev/null and b/frontend/assets/fav/favicon-96x96.png differ
diff --git a/frontend/assets/fav/favicon.ico b/frontend/assets/fav/favicon.ico
new file mode 100644
index 0000000..5073336
Binary files /dev/null and b/frontend/assets/fav/favicon.ico differ
diff --git a/frontend/assets/fav/favicon.svg b/frontend/assets/fav/favicon.svg
new file mode 100644
index 0000000..8841dbc
--- /dev/null
+++ b/frontend/assets/fav/favicon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="49.59" height="56.44"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" zoomAndPan="magnify" preserveAspectRatio="xMidYMid meet" version="1.0" viewBox="165.78 159.11 49.59 56.44"><defs><clipPath id="SvgjsClipPath1021"><path d="M 165 159.082031 L 215.691406 159.082031 L 215.691406 216 L 165 216 Z M 165 159.082031 " clip-rule="nonzero"></path></clipPath><clipPath id="SvgjsClipPath1020"><path d="M 0.601562 0.0820312 L 50.519531 0.0820312 L 50.519531 56.761719 L 0.601562 56.761719 Z M 0.601562 0.0820312 " clip-rule="nonzero"></path></clipPath><clipPath id="SvgjsClipPath1019"><rect x="0" width="51" y="0" height="57"></rect></clipPath></defs><g clip-path="url(#bd9e6d0ed5)"><g transform="matrix(1, 0, 0, 1, 165, 159)"><g clip-path="url(#e48e3f235c)"><g clip-path="url(#8bf626c89e)"><path fill="#741e20" d="M 32.6875 31.042969 C 40.058594 28.636719 47.421875 35.292969 45.523438 42.96875 C 43.078125 52.433594 32.925781 56.882812 22.929688 56.535156 L 22.929688 49.703125 C 39.636719 49.835938 45.316406 32.035156 32.6875 31.042969 M 29.917969 36.039062 C 30.808594 36.039062 31.53125 36.761719 31.53125 37.652344 C 31.53125 38.542969 30.808594 39.265625 29.917969 39.265625 C 29.027344 39.265625 28.304688 38.542969 28.304688 37.652344 C 28.304688 36.761719 29.027344 36.039062 29.917969 36.039062 Z M 24.203125 36.039062 C 25.09375 36.039062 25.816406 36.761719 25.816406 37.652344 C 25.816406 38.542969 25.09375 39.265625 24.203125 39.265625 C 23.3125 39.265625 22.589844 38.542969 22.589844 37.652344 C 22.589844 36.761719 23.3125 36.039062 24.203125 36.039062 Z M 18.484375 36.039062 C 19.378906 36.039062 20.097656 36.761719 20.097656 37.652344 C 20.097656 38.542969 19.378906 39.265625 18.484375 39.265625 C 17.59375 39.265625 16.871094 38.542969 16.871094 37.652344 C 16.871094 36.761719 17.59375 36.039062 18.484375 36.039062 Z M 28.578125 16.488281 C 36.304688 14.222656 46.632812 9.421875 49.421875 1.210938 C 50.289062 3.949219 50.550781 6.75 50.269531 9.457031 C 50.066406 11.445312 49.726562 13.175781 49.273438 14.691406 C 47.90625 18.25 45.480469 21.414062 42.160156 23.6875 C 42.496094 21.765625 42.253906 19.792969 41.460938 18.011719 C 36.949219 23.855469 21.6875 25.710938 14.578125 30.480469 C 11.671875 32.429688 9.898438 35.710938 9.898438 39.257812 C 9.898438 45.679688 18.644531 51.957031 22.769531 56.53125 C 13.492188 56.164062 4.390625 51.664062 1.753906 43.210938 C -5.558594 19.773438 30.507812 16.988281 42.691406 0.109375 C 42.144531 8.601562 36.023438 13.347656 28.578125 16.488281 Z M 28.578125 16.488281 " fill-opacity="1" fill-rule="evenodd"></path></g></g></g></g></svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>
\ No newline at end of file
diff --git a/frontend/assets/fav/site.webmanifest b/frontend/assets/fav/site.webmanifest
new file mode 100644
index 0000000..ab9b3ba
--- /dev/null
+++ b/frontend/assets/fav/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "Kontextwerk",
+  "short_name": "KW",
+  "icons": [
+    {
+      "src": "/assets/fav/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/assets/fav/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/frontend/assets/fav/web-app-manifest-192x192.png b/frontend/assets/fav/web-app-manifest-192x192.png
new file mode 100644
index 0000000..a4338ea
Binary files /dev/null and b/frontend/assets/fav/web-app-manifest-192x192.png differ
diff --git a/frontend/assets/fav/web-app-manifest-512x512.png b/frontend/assets/fav/web-app-manifest-512x512.png
new file mode 100644
index 0000000..9610880
Binary files /dev/null and b/frontend/assets/fav/web-app-manifest-512x512.png differ
diff --git a/frontend/assets/img/android-chrome-192x192.png b/frontend/assets/img/android-chrome-192x192.png
deleted file mode 100644
index efa5fcc..0000000
Binary files a/frontend/assets/img/android-chrome-192x192.png and /dev/null differ
diff --git a/frontend/assets/img/android-chrome-512x512.png b/frontend/assets/img/android-chrome-512x512.png
deleted file mode 100644
index f8d41e5..0000000
Binary files a/frontend/assets/img/android-chrome-512x512.png and /dev/null differ
diff --git a/frontend/assets/img/apple-touch-icon.png b/frontend/assets/img/apple-touch-icon.png
deleted file mode 100644
index 4040198..0000000
Binary files a/frontend/assets/img/apple-touch-icon.png and /dev/null differ
diff --git a/frontend/assets/img/browserconfig.xml b/frontend/assets/img/browserconfig.xml
deleted file mode 100644
index a663526..0000000
--- a/frontend/assets/img/browserconfig.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/assets/img/mstile-150x150.png"/>
-            <TileColor>#da532c</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>
diff --git a/frontend/assets/img/favicon-16x16.png b/frontend/assets/img/favicon-16x16.png
deleted file mode 100644
index 1d8ce44..0000000
Binary files a/frontend/assets/img/favicon-16x16.png and /dev/null differ
diff --git a/frontend/assets/img/favicon-32x32.png b/frontend/assets/img/favicon-32x32.png
deleted file mode 100644
index a1470c7..0000000
Binary files a/frontend/assets/img/favicon-32x32.png and /dev/null differ
diff --git a/frontend/assets/img/favicon.ico b/frontend/assets/img/favicon.ico
deleted file mode 100644
index 60ba669..0000000
Binary files a/frontend/assets/img/favicon.ico and /dev/null differ
diff --git a/frontend/assets/img/mstile-150x150.png b/frontend/assets/img/mstile-150x150.png
deleted file mode 100644
index 121e282..0000000
Binary files a/frontend/assets/img/mstile-150x150.png and /dev/null differ
diff --git a/frontend/assets/img/site.webmanifest b/frontend/assets/img/site.webmanifest
deleted file mode 100644
index a93ac83..0000000
--- a/frontend/assets/img/site.webmanifest
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-    "name": "BKDF",
-    "short_name": "BKDF",
-    "icons": [
-        {
-            "src": "/assets/img/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/assets/img/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#0D0C0C",
-    "background_color": "#0D0C0C",
-    "display": "standalone"
-}
diff --git a/frontend/spa.html b/frontend/spa.html
index 78e3323..4ce08c7 100644
--- a/frontend/spa.html
+++ b/frontend/spa.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
     <head>
         <meta charset="UTF-8" />
@@ -10,7 +10,7 @@
             http-equiv="X-UA-Compatible"
             content="IE=edge"
         />
-        <title>BinKrassDuFass</title>
+        <title>KontextWerk</title>
         <link
             rel="apple-touch-icon"
             sizes="180x180"
@@ -23,34 +23,30 @@
         <link
             rel="icon"
             type="image/png"
-            sizes="32x32"
-            href="/assets/img/favicon-32x32.png"
+            href="/assets/fav/favicon-96x96.png"
+            sizes="96x96"
         />
         <link
             rel="icon"
-            type="image/png"
-            sizes="16x16"
-            href="/assets/img/favicon-16x16.png"
-        />
-        <link
-            rel="manifest"
-            href="/assets/img/site.webmanifest"
+            type="image/svg+xml"
+            href="/assets/fav/favicon.svg"
         />
         <link
             rel="shortcut icon"
-            href="/assets/img/favicon.ico"
+            href="/assets/fav/favicon.ico"
+        />
+        <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href="/assets/fav/apple-touch-icon.png"
         />
         <meta
-            name="msapplication-TileColor"
-            content="#da532c"
+            name="apple-mobile-web-app-title"
+            content="MyWebSite"
         />
-        <meta
-            name="msapplication-config"
-            content="/assets/img/browserconfig.xml"
-        />
-        <meta
-            name="theme-color"
-            content="#0D0C0C"
+        <link
+            rel="manifest"
+            href="/assets/fav/site.webmanifest"
         />
         <base href="/" />
         <link