diff --git a/client/admin.html b/client/admin.html
index aa42195..3d58c4b 100644
--- a/client/admin.html
+++ b/client/admin.html
@@ -4,6 +4,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>wutzcalc — Backoffice</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <script>
+      // Set the theme before first paint to avoid a flash of the wrong colors.
+      document.documentElement.setAttribute(
+        'data-theme',
+        localStorage.getItem('wutz.theme') === 'light' ? 'light' : 'dark'
+      );
+    </script>
     <link rel="stylesheet" href="/src/styles.css" />
   </head>
   <body>
diff --git a/client/index.html b/client/index.html
index 8a7e6af..d375e0a 100644
--- a/client/index.html
+++ b/client/index.html
@@ -4,6 +4,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>wutzcalc</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <script>
+      // Set the theme before first paint to avoid a flash of the wrong colors.
+      document.documentElement.setAttribute(
+        'data-theme',
+        localStorage.getItem('wutz.theme') === 'light' ? 'light' : 'dark'
+      );
+    </script>
     <link rel="stylesheet" href="/src/styles.css" />
   </head>
   <body>
diff --git a/client/public/favicon.svg b/client/public/favicon.svg
new file mode 100644
index 0000000..63774fe
--- /dev/null
+++ b/client/public/favicon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <!-- handle -->
+  <rect x="19" y="13" width="9" height="11" rx="4.5" fill="none" stroke="#d98500" stroke-width="3"/>
+  <!-- mug body -->
+  <rect x="6" y="11" width="15" height="17" rx="2.5" fill="#f6a821"/>
+  <!-- lighter head of the beer -->
+  <rect x="6" y="11" width="15" height="4" rx="2.5" fill="#ffc34d"/>
+  <!-- foam -->
+  <g fill="#fffaf0">
+    <circle cx="9.5" cy="10" r="4"/>
+    <circle cx="14" cy="8.5" r="4.5"/>
+    <circle cx="18.5" cy="10" r="4"/>
+  </g>
+</svg>
diff --git a/client/src/styles.css b/client/src/styles.css
index 6686b87..c3fc15a 100644
--- a/client/src/styles.css
+++ b/client/src/styles.css
@@ -49,6 +49,7 @@ button {
 }
 button:active { background: var(--surface-3); }
 button:disabled { opacity: 0.4; }
+button.danger { background: #5a2a2a; border-color: #7a3a3a; color: #fff; }
 
 /* ---------- Tablet UI (portrait) ---------- */
 
@@ -92,6 +93,8 @@ button:disabled { opacity: 0.4; }
   border-bottom: 1px solid var(--border-soft);
   flex: 0 0 auto;
 }
+.topbar .brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
+.topbar .logo { flex: 0 0 auto; }
 .topbar .bar-name { font-size: 26px; font-weight: 800; }
 .topbar .change { font-size: 17px; padding: 10px 14px; }
 
@@ -213,7 +216,7 @@ button:disabled { opacity: 0.4; }
   cursor: grab;
 }
 .dnd-item:active { cursor: grabbing; }
-.dnd-item.drop-target { border-color: #6aa; background: #1a2630; }
+.dnd-item.drop-target { border-color: #6aa; background: var(--surface-2); }
 .dnd-item .grip { opacity: 0.4; cursor: grab; user-select: none; }
 .dnd-item .dnd-name { flex: 1; }
 .dnd-list li.muted { padding: 6px 8px; }
diff --git a/client/src/tablet/Sale.tsx b/client/src/tablet/Sale.tsx
index 8c5d6dd..258483f 100644
--- a/client/src/tablet/Sale.tsx
+++ b/client/src/tablet/Sale.tsx
@@ -78,7 +78,10 @@ export function Sale({ config, onChangeBar }: Props) {
   return (
     <div class="tablet">
       <div class="topbar">
-        <div class="bar-name">{bar.name}</div>
+        <div class="brand">
+          <img class="logo" src="/favicon.svg" alt="" width="28" height="28" />
+          <span class="bar-name">{bar.name}</span>
+        </div>
         <button class="change" onClick={onChangeBar}>Bar wechseln</button>
       </div>
 
@@ -92,10 +95,12 @@ export function Sale({ config, onChangeBar }: Props) {
             )}
           </button>
         ))}
-        <button class="drink pfand-return" onClick={addPfandReturn}>
-          <div class="name">Pfand zurück</div>
-          <div class="price">−{formatCents(bar.pfand_cents)}</div>
-        </button>
+        {bar.pfand_cents > 0 && (
+          <button class="drink pfand-return" onClick={addPfandReturn}>
+            <div class="name">Pfand zurück</div>
+            <div class="price">−{formatCents(bar.pfand_cents)}</div>
+          </button>
+        )}
       </div>
 
       <div class="cart">
