diff --git a/pflaenzli/pflaenzli/static/base.css b/pflaenzli/pflaenzli/static/base.css
index f29f814..8118b74 100644
--- a/pflaenzli/pflaenzli/static/base.css
+++ b/pflaenzli/pflaenzli/static/base.css
@@ -6,6 +6,7 @@
     --pfl-primary-border-subtle: #6db770;
     --bs-nav-tabs-link-active-color: var(--pfl-primary-text);
     --bs-heading-color: #000;
+    --pfl-logo: url('/static/light.png');
 }
 
 :root[data-bs-theme='dark'] {
@@ -13,6 +14,7 @@
     --pfl-primary-text: #5aac5d;
     --pfl-primary-border-subtle: var(--pfl-color);
     --bs-heading-color: #fff;
+    --pfl-logo: url('/static/dark.png');
 }
 
 .btn-pfl {
@@ -60,9 +62,10 @@ a {
 }
 
 .pfl-logo {
-    width: 5rem;
     height: 2rem;
+    width: 2rem;
     background-image: var(--pfl-logo);
+    background-size: contain;
 }
 
 .home-background {
@@ -84,4 +87,13 @@ a {
     object-position: center;
     width: 100%;
     height: 25rem !important;
+}
+
+.pfl-home-logo {
+    max-width: 20rem;
+    min-height: 15rem;
+    background: var(--pfl-logo);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
 }
\ No newline at end of file
diff --git a/pflaenzli/pflaenzli/static/dark.png b/pflaenzli/pflaenzli/static/dark.png
new file mode 100644
index 0000000..9951c90
Binary files /dev/null and b/pflaenzli/pflaenzli/static/dark.png differ
diff --git a/pflaenzli/pflaenzli/static/favicon/android-chrome-192x192.png b/pflaenzli/pflaenzli/static/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..756c959
Binary files /dev/null and b/pflaenzli/pflaenzli/static/favicon/android-chrome-192x192.png differ
diff --git a/pflaenzli/pflaenzli/static/favicon/android-chrome-512x512.png b/pflaenzli/pflaenzli/static/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000..fc600bd
Binary files /dev/null and b/pflaenzli/pflaenzli/static/favicon/android-chrome-512x512.png differ
diff --git a/pflaenzli/pflaenzli/static/favicon/apple-touch-icon.png b/pflaenzli/pflaenzli/static/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..01869e1
Binary files /dev/null and b/pflaenzli/pflaenzli/static/favicon/apple-touch-icon.png differ
diff --git a/pflaenzli/pflaenzli/static/favicon/favicon-16x16.png b/pflaenzli/pflaenzli/static/favicon/favicon-16x16.png
new file mode 100644
index 0000000..c1c9c56
Binary files /dev/null and b/pflaenzli/pflaenzli/static/favicon/favicon-16x16.png differ
diff --git a/pflaenzli/pflaenzli/static/favicon/favicon-32x32.png b/pflaenzli/pflaenzli/static/favicon/favicon-32x32.png
new file mode 100644
index 0000000..4f3a488
Binary files /dev/null and b/pflaenzli/pflaenzli/static/favicon/favicon-32x32.png differ
diff --git a/pflaenzli/pflaenzli/static/favicon/favicon.ico b/pflaenzli/pflaenzli/static/favicon/favicon.ico
new file mode 100644
index 0000000..ea71655
Binary files /dev/null and b/pflaenzli/pflaenzli/static/favicon/favicon.ico differ
diff --git a/pflaenzli/pflaenzli/static/light.png b/pflaenzli/pflaenzli/static/light.png
new file mode 100644
index 0000000..e975760
Binary files /dev/null and b/pflaenzli/pflaenzli/static/light.png differ
diff --git a/pflaenzli/pflaenzli/static/pflaenzli.png b/pflaenzli/pflaenzli/static/pflaenzli.png
new file mode 100644
index 0000000..4c98269
Binary files /dev/null and b/pflaenzli/pflaenzli/static/pflaenzli.png differ
diff --git a/pflaenzli/pflaenzli/static/site.webmanifest b/pflaenzli/pflaenzli/static/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/pflaenzli/pflaenzli/static/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/pflaenzli/pflaenzli/templates/app/index.html b/pflaenzli/pflaenzli/templates/app/index.html
index 7f9a8ff..7374ee5 100644
--- a/pflaenzli/pflaenzli/templates/app/index.html
+++ b/pflaenzli/pflaenzli/templates/app/index.html
@@ -5,20 +5,23 @@
 {% block background %}home-background{% endblock %}
 {% block content %}
   <div class="p-5 mb-4 bg-body-tertiary rounded-3 home-opaque">
-    <div class="container-fluid py-5 position-relative">
+    <div class="container-fluid py-5 position-relative row d-flex align-items-center justify-content-center">
       <div class="home-background"></div>
-      <h1 class="display-5 fw-bold">Welcome to Pflänz.li</h1>
-      <p class="fs-4">
-        This is a platform to trade plants. You can offer plants and setup a wishlist what you want to trade it for.
-      </p>
-      <hr />
-      <p>To offer your plants, please register first.</p>
-      <a href="{% url 'list_offers' %}"
-         class="btn btn-pfl btn-lg mb-3"
-         type="button">Show Offers</a>
-      <a href="{% url 'register_user' %}"
-         class="btn btn-secondary btn-lg mb-3"
-         type="button">Register</a>
+      <div class="pfl-home-logo xl-align-self-center col-lg h-100 mb-3"></div>
+      <div class="col-lg">
+        <h1 class="display-5 fw-bold">Welcome to Pflänz.li</h1>
+        <p class="fs-4">
+          This is a platform to trade plants. You can offer plants and setup a wishlist what you want to trade it for.
+        </p>
+        <hr />
+        <p>To offer your plants, please register first.</p>
+        <a href="{% url 'list_offers' %}"
+           class="btn btn-pfl btn-lg mb-3"
+           type="button">Show Offers</a>
+        <a href="{% url 'register_user' %}"
+           class="btn btn-secondary btn-lg mb-3"
+           type="button">Register</a>
+      </div>
     </div>
   </div>
 {% endblock %}
diff --git a/pflaenzli/pflaenzli/templates/base.html b/pflaenzli/pflaenzli/templates/base.html
index c361c54..2d7d4f3 100644
--- a/pflaenzli/pflaenzli/templates/base.html
+++ b/pflaenzli/pflaenzli/templates/base.html
@@ -33,14 +33,28 @@
                 defer
                 data-website-id="4cc39391-553f-45ae-9728-74ee24aa40a1"
                 src="https://analytics2.thisfro.ch/umami.js"></script>
+        <link rel="apple-touch-icon"
+              sizes="180x180"
+              href="{% static 'favicon/apple-touch-icon.png' %}">
+        <link rel="icon"
+              type="image/png"
+              sizes="32x32"
+              href="{% static 'favicon/favicon-32x32.png' %}">
+        <link rel="icon"
+              type="image/png"
+              sizes="16x16"
+              href="{% static 'favicon/favicon-16x16.png' %}">
+        <link rel="manifest" href="{% static 'favicon/site.webmanifest' %}">
         {% block head %}{% endblock %}
     </head>
     <body class="d-flex flex-column h-100 justify-content-between {% block background %}{% endblock background %}">
         <main class="flex-shrink-0">
             <nav class="navbar navbar-expand-lg p-3 bg-body-tertiary">
                 <div class="container">
-                    <a class="navbar-brand" href="{% url 'index' %}">
-                        <i class="me-1 fa-solid fa-seedling"></i> Pflänz.li
+                    <a class="navbar-brand d-flex align-items-middle"
+                       href="{% url 'index' %}">
+                        <div class="pfl-logo me-2"></div>
+                        Pflänz.li
                     </a>
                     <button class="navbar-toggler"
                             type="button"