diff --git a/.github/screenshots/header.png b/.github/screenshots/header.png
new file mode 100644
index 0000000..c4ccfc9
Binary files /dev/null and b/.github/screenshots/header.png differ
diff --git a/.github/screenshots/logo.png b/.github/screenshots/logo.png
new file mode 100644
index 0000000..47b3dbf
Binary files /dev/null and b/.github/screenshots/logo.png differ
diff --git a/.github/screenshots/mobile_dark_1.png b/.github/screenshots/mobile_dark_1.png
new file mode 100644
index 0000000..05ef60c
Binary files /dev/null and b/.github/screenshots/mobile_dark_1.png differ
diff --git a/.github/screenshots/mobile_dark_2.png b/.github/screenshots/mobile_dark_2.png
new file mode 100644
index 0000000..6302dc4
Binary files /dev/null and b/.github/screenshots/mobile_dark_2.png differ
diff --git a/.github/screenshots/mobile_light_1.png b/.github/screenshots/mobile_light_1.png
new file mode 100644
index 0000000..793e64c
Binary files /dev/null and b/.github/screenshots/mobile_light_1.png differ
diff --git a/.github/screenshots/mobile_light_2.png b/.github/screenshots/mobile_light_2.png
new file mode 100644
index 0000000..52a43ca
Binary files /dev/null and b/.github/screenshots/mobile_light_2.png differ
diff --git a/.github/screenshots/preview.png b/.github/screenshots/preview.png
deleted file mode 100644
index 2405633..0000000
Binary files a/.github/screenshots/preview.png and /dev/null differ
diff --git a/.github/screenshots/small_products.png b/.github/screenshots/small_products.png
deleted file mode 100644
index 91a66aa..0000000
Binary files a/.github/screenshots/small_products.png and /dev/null differ
diff --git a/.github/screenshots/small_settings.png b/.github/screenshots/small_settings.png
deleted file mode 100644
index fc20df9..0000000
Binary files a/.github/screenshots/small_settings.png and /dev/null differ
diff --git a/.github/screenshots/wide_dark_1.png b/.github/screenshots/wide_dark_1.png
new file mode 100644
index 0000000..7c25a0d
Binary files /dev/null and b/.github/screenshots/wide_dark_1.png differ
diff --git a/.github/screenshots/wide_dark_2.png b/.github/screenshots/wide_dark_2.png
new file mode 100644
index 0000000..01f649f
Binary files /dev/null and b/.github/screenshots/wide_dark_2.png differ
diff --git a/.github/screenshots/wide_dark_3.png b/.github/screenshots/wide_dark_3.png
new file mode 100644
index 0000000..239b331
Binary files /dev/null and b/.github/screenshots/wide_dark_3.png differ
diff --git a/.github/screenshots/wide_light_1.png b/.github/screenshots/wide_light_1.png
new file mode 100644
index 0000000..420daf6
Binary files /dev/null and b/.github/screenshots/wide_light_1.png differ
diff --git a/.github/screenshots/wide_light_2.png b/.github/screenshots/wide_light_2.png
new file mode 100644
index 0000000..6a34719
Binary files /dev/null and b/.github/screenshots/wide_light_2.png differ
diff --git a/.github/screenshots/wide_light_3.png b/.github/screenshots/wide_light_3.png
new file mode 100644
index 0000000..dd21ff1
Binary files /dev/null and b/.github/screenshots/wide_light_3.png differ
diff --git a/.github/screenshots/wide_products.png b/.github/screenshots/wide_products.png
deleted file mode 100644
index d5920e8..0000000
Binary files a/.github/screenshots/wide_products.png and /dev/null differ
diff --git a/.github/screenshots/wide_settings.png b/.github/screenshots/wide_settings.png
deleted file mode 100644
index e400095..0000000
Binary files a/.github/screenshots/wide_settings.png and /dev/null differ
diff --git a/README.md b/README.md
index b91fe51..183f6f1 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,7 @@
+![preview.png](.github/screenshots/header.png)
+
+> Weitere Screenshots sind im Ordner `.github/screenshots` zu finden.
+
 # Der Durstrechner
 
 Der Durstrechner ist eine einfache Webanwendung, die den Getränkeverkauf bei Veranstaltungen unterstützt. 
@@ -6,9 +10,6 @@ ist auch offline verfügbar und kann ohne Internetverbindung genutzt werden (Ser
 Einrichtung wird eine Internetverbindung empfohlen (das einmalige Aufrufen der Seite im Browser mit einer Internetverbindung 
 genügt).
 
-![preview.png](.github/screenshots/preview.png)
-
-> Weitere Screenshots sind im Ordner `.github/screenshots` zu finden.
 
 ## Anleitung und Hinweise
 
@@ -24,6 +25,5 @@ genügt).
 pnpm install
 
 # Startet den Entwicklungsserver
-npx http-server -o . 
+npx http-server -o .
 ```
-
diff --git a/assets/favicon/android-chrome-192x192.png b/assets/favicon/android-chrome-192x192.png
index fe97872..0a38758 100644
Binary files a/assets/favicon/android-chrome-192x192.png and b/assets/favicon/android-chrome-192x192.png differ
diff --git a/assets/favicon/android-chrome-512x512.png b/assets/favicon/android-chrome-512x512.png
index 16d93c5..c15a12a 100644
Binary files a/assets/favicon/android-chrome-512x512.png and b/assets/favicon/android-chrome-512x512.png differ
diff --git a/assets/favicon/apple-touch-icon.png b/assets/favicon/apple-touch-icon.png
index ac43690..341d05f 100644
Binary files a/assets/favicon/apple-touch-icon.png and b/assets/favicon/apple-touch-icon.png differ
diff --git a/assets/favicon/favicon-16x16.png b/assets/favicon/favicon-16x16.png
index 672c396..ab48097 100644
Binary files a/assets/favicon/favicon-16x16.png and b/assets/favicon/favicon-16x16.png differ
diff --git a/assets/favicon/favicon-32x32.png b/assets/favicon/favicon-32x32.png
index 09eb274..ac7d77d 100644
Binary files a/assets/favicon/favicon-32x32.png and b/assets/favicon/favicon-32x32.png differ
diff --git a/assets/favicon/favicon.ico b/assets/favicon/favicon.ico
index 4c85e9c..2739ca9 100644
Binary files a/assets/favicon/favicon.ico and b/assets/favicon/favicon.ico differ
diff --git a/assets/manifest.json b/assets/manifest.json
index c606168..8445a08 100644
--- a/assets/manifest.json
+++ b/assets/manifest.json
@@ -8,26 +8,32 @@
   "theme_color": "#2196f3",
   "screenshots": [
     {
-      "src": "pwa/dark.png",
-      "type": "image/png",
-      "sizes": "1064x2008"
-    },
-    {
-      "src": "pwa/light.png",
-      "type": "image/png",
-      "sizes": "1064x2008"
-    },
-    {
-      "src": "pwa/wide_dark.png",
+      "src": "pwa/logo.png",
       "type": "image/png",
+      "sizes": "1024x1024",
       "form_factor": "wide",
-      "sizes": "3604x2008"
+      "label": "Durstrechner Logo"
     },
     {
-      "src": "pwa/wide_light.png",
+      "src": "pwa/wide.png",
       "type": "image/png",
+      "sizes": "2988x2014",
       "form_factor": "wide",
-      "sizes": "3604x2008"
+      "label": "Anzeige der Webseite"
+    },
+    {
+      "src": "pwa/logo.png",
+      "type": "image/png",
+      "sizes": "1024x1024",
+      "form_factor": "narrow",
+      "label": "Durstrechner Logo"
+    },
+    {
+      "src": "pwa/tall.png",
+      "type": "image/png",
+      "sizes": "1092x2016",
+      "form_factor": "narrow",
+      "label": "Anzeige der Webseite"
     }
   ],
   "icons": [
diff --git a/assets/pwa/dark.png b/assets/pwa/dark.png
deleted file mode 100644
index e92e189..0000000
Binary files a/assets/pwa/dark.png and /dev/null differ
diff --git a/assets/pwa/light.png b/assets/pwa/light.png
deleted file mode 100644
index 2a636cf..0000000
Binary files a/assets/pwa/light.png and /dev/null differ
diff --git a/assets/pwa/logo.png b/assets/pwa/logo.png
new file mode 100644
index 0000000..47b3dbf
Binary files /dev/null and b/assets/pwa/logo.png differ
diff --git a/assets/pwa/tall.png b/assets/pwa/tall.png
new file mode 100644
index 0000000..793e64c
Binary files /dev/null and b/assets/pwa/tall.png differ
diff --git a/assets/pwa/wide.png b/assets/pwa/wide.png
new file mode 100644
index 0000000..420daf6
Binary files /dev/null and b/assets/pwa/wide.png differ
diff --git a/assets/pwa/wide_dark.png b/assets/pwa/wide_dark.png
deleted file mode 100644
index 73519d1..0000000
Binary files a/assets/pwa/wide_dark.png and /dev/null differ
diff --git a/assets/pwa/wide_light.png b/assets/pwa/wide_light.png
deleted file mode 100644
index c922040..0000000
Binary files a/assets/pwa/wide_light.png and /dev/null differ