diff --git a/README.md b/README.md
index 106bfee..d6430fe 100644
--- a/README.md
+++ b/README.md
@@ -37,9 +37,9 @@ services:
     #  - PRIVACYLINK=https://mywebsite-privacy-url
     #  - CUSTOMLOGINMESSAGE=betrieben von xy
     #volumes:
-    #  - <volume|local path>/myfavicon.ico:/usr/share/nginx/html/favicon.ico # 48x48 px Auflösung
-    #  - <volume|local path>/myfavicon.png:/usr/share/nginx/html/favicon.png # 512x512 px Auflösung - wird als pwa Icon genutzt
-    #  - <volume|local path>/mylogo.png:/usr/share/nginx/html/Logo.png
+    #  - <volume|local path>/favicon.ico:/usr/share/nginx/html/favicon.ico # 48x48 px Auflösung
+    #  - <volume|local path>/favicon.png:/usr/share/nginx/html/favicon.png # 512x512 px Auflösung - wird als pwa Icon genutzt
+    #  - <volume|local path>/Logo.png:/usr/share/nginx/html/Logo.png
 ```
 
 Wenn keine Server-Adresse angegeben wird, wird versucht das Backend unter der URL des Frontends zu erreichen. Dazu muss das Backend auf der gleichen URL wie das Frontend laufen. Zur Unterscheidung von Frontend und Backend bei gleicher URL müssen alle Anfragen mit dem PathPrefix `/api` an das Backend weitergeleitet werden.
diff --git a/public/Logo.png b/public/Logo.png
index fac3afe..a2760bc 100644
Binary files a/public/Logo.png and b/public/Logo.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index cabbec8..2f7aa89 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
index 4d193a3..39a8174 100644
Binary files a/public/favicon.png and b/public/favicon.png differ
diff --git a/public/fw-wappen.png b/public/fw-wappen.png
deleted file mode 100644
index 5e07171..0000000
Binary files a/public/fw-wappen.png and /dev/null differ
diff --git a/src/views/Login.vue b/src/views/Login.vue
index d33ad0e..f38de6e 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -2,8 +2,10 @@
   <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
     <div class="max-w-md w-full space-y-8 pb-20">
       <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
-        <h2 class="text-center text-4xl font-extrabold text-gray-900">{{config.app_name_overwrite || "FF Admin"}}</h2>
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
+        <h2 class="text-center text-4xl font-extrabold text-gray-900">
+          {{ config.app_name_overwrite || "FF Admin" }}
+        </h2>
       </div>
 
       <form class="flex flex-col gap-2" @submit.prevent="login">
@@ -48,7 +50,7 @@ import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { resetAllPiniaStores } from "@/helpers/piniaReset";
 import FormBottomBar from "@/components/FormBottomBar.vue";
-import { config } from "@/config"
+import { config } from "@/config";
 </script>
 
 <script lang="ts">
diff --git a/src/views/invite/Verify.vue b/src/views/invite/Verify.vue
index 83432da..8fa1b2c 100644
--- a/src/views/invite/Verify.vue
+++ b/src/views/invite/Verify.vue
@@ -2,7 +2,7 @@
   <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
     <div class="max-w-md w-full space-y-8 pb-20">
       <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
         <h2 class="text-center text-4xl font-extrabold text-gray-900">Einrichtung</h2>
       </div>
 
diff --git a/src/views/reset/Reset.vue b/src/views/reset/Reset.vue
index 88491b7..5910c22 100644
--- a/src/views/reset/Reset.vue
+++ b/src/views/reset/Reset.vue
@@ -2,7 +2,7 @@
   <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
     <div class="max-w-md w-full space-y-8 pb-20">
       <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
         <h2 class="text-center text-4xl font-extrabold text-gray-900">TOTP zurücksetzen</h2>
       </div>
 
diff --git a/src/views/reset/Start.vue b/src/views/reset/Start.vue
index e9af597..5a76d1d 100644
--- a/src/views/reset/Start.vue
+++ b/src/views/reset/Start.vue
@@ -2,7 +2,7 @@
   <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
     <div class="max-w-md w-full space-y-8 pb-20">
       <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
         <h2 class="text-center text-4xl font-extrabold text-gray-900">TOTP zurücksetzen</h2>
       </div>
 
diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue
index 5623d50..e265862 100644
--- a/src/views/setup/Setup.vue
+++ b/src/views/setup/Setup.vue
@@ -2,7 +2,7 @@
   <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
     <div class="max-w-md w-full space-y-8 pb-20">
       <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
         <h2 class="text-center text-4xl font-extrabold text-gray-900">Einrichtung</h2>
       </div>
 
diff --git a/src/views/setup/Verify.vue b/src/views/setup/Verify.vue
index acec089..6e6c666 100644
--- a/src/views/setup/Verify.vue
+++ b/src/views/setup/Verify.vue
@@ -2,7 +2,7 @@
   <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
     <div class="max-w-md w-full space-y-8 pb-20">
       <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
         <h2 class="text-center text-4xl font-extrabold text-gray-900">Einrichtung</h2>
       </div>