diff --git a/web/templates/_layout.html b/web/templates/_layout.html
index 4a0e94d..2969efa 100644
--- a/web/templates/_layout.html
+++ b/web/templates/_layout.html
@@ -7,7 +7,7 @@
 <header class="border-b border-soft bg-white/70 backdrop-blur sticky top-0 z-10">
     <div class="max-w-6xl mx-auto px-6 py-3 flex items-center justify-between">
         <div class="flex items-center gap-3">
-            <img src="/static/didi.webp" alt="" class="brand-dot">
+            <span class="brand-dot"><img src="/static/didi.webp" alt=""></span>
             <h1 class="text-xl font-semibold">wohnungsdidi</h1>
         </div>
         <div class="flex items-center gap-4 text-sm">
@@ -30,6 +30,6 @@
     {% block content %}{% endblock %}
 </main>
 <footer class="text-center text-xs text-slate-500 py-6">
-    Programmiert für Annika ♥
+    Mit ♥ programmiert für Annika
 </footer>
 {% endblock %}
diff --git a/web/templates/base.html b/web/templates/base.html
index 30de71a..cc589fd 100644
--- a/web/templates/base.html
+++ b/web/templates/base.html
@@ -124,9 +124,13 @@
         .map-popup-actions form { margin: 0; }
         .brand-dot {
             width: 2.25rem; height: 2.25rem; border-radius: 10px;
-            object-fit: contain; display: block;
-            background: #fff;
+            background: linear-gradient(135deg, #66b7f2 0%, #2f8ae0 60%, #fbd76b 100%);
             box-shadow: 0 1px 4px rgba(47, 138, 224, 0.35);
+            display: inline-flex; align-items: center; justify-content: center;
+            overflow: hidden; flex-shrink: 0;
+        }
+        .brand-dot img {
+            width: 88%; height: 88%; object-fit: contain; display: block;
         }
         a { color: var(--primary); }
         a:hover { text-decoration: underline; }
diff --git a/web/templates/login.html b/web/templates/login.html
index a8d9fa7..3b8b6a3 100644
--- a/web/templates/login.html
+++ b/web/templates/login.html
@@ -3,7 +3,7 @@
 <main class="flex min-h-screen items-center justify-center p-4">
     <div class="card w-full max-w-sm p-8">
         <div class="flex items-center gap-3 mb-6">
-            <img src="/static/didi.webp" alt="" class="brand-dot">
+            <span class="brand-dot"><img src="/static/didi.webp" alt=""></span>
             <div>
                 <h1 class="text-2xl font-semibold leading-tight">wohnungsdidi</h1>
                 <p class="text-sm text-slate-500">Anmeldung erforderlich</p>