diff --git a/.commitmessage b/.commitmessage
index dcc3525..23181a4 100644
--- a/.commitmessage
+++ b/.commitmessage
@@ -1,3 +1,4 @@
-feat: rename login to foodsharing manager
+feat: add foodsharing manager branding
 
-Use the application name consistently in the login view and its test.
+Add supplied logos, favicons, PWA metadata, branded login and navigation,
+and apply the Foodsharing Manager green palette across existing views.
diff --git a/images/foodsharing-manager-logo-assets/README.md b/images/foodsharing-manager-logo-assets/README.md
new file mode 100644
index 0000000..be46a85
--- /dev/null
+++ b/images/foodsharing-manager-logo-assets/README.md
@@ -0,0 +1,41 @@
+# Foodsharing Manager – Logo-Assets
+
+## Empfohlene Dateien
+
+### Klassische Webseite
+- `favicon/favicon.ico`
+- `favicon/favicon-32x32.png`
+- `mobile/apple-touch-icon-180x180.png`
+- `pwa/site.webmanifest`
+
+### PWA / Android
+- `pwa/android-chrome-192x192.png`
+- `pwa/android-chrome-512x512.png`
+- `pwa/maskable-icon-512x512.png`
+
+### Desktop-App
+- Windows: `desktop/app-icon.ico`
+- macOS: `desktop/app-icon.icns`
+- Linux / Electron / Tauri: `desktop/app-icon-512x512.png` oder `app-icon-1024x1024.png`
+
+### Website-Header
+- `web/logo-horizontal-original.png`
+- alternativ `web/logo-horizontal-512px.png` oder `web/logo-horizontal-1024px.png`
+
+### Social Media / Link-Vorschau
+- `social/og-image-1200x630.png`
+- kleinere Dateigröße: `social/og-image-1200x630.jpg`
+
+## Beispiel für HTML
+
+```html
+<link rel="icon" href="/favicon/favicon.ico" sizes="any">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="apple-touch-icon" href="/mobile/apple-touch-icon-180x180.png">
+<link rel="manifest" href="/pwa/site.webmanifest">
+
+<meta name="theme-color" content="#248A3D">
+<meta property="og:image" content="/social/og-image-1200x630.png">
+```
+
+Hinweis: Das Ausgangslogo ist ein Rasterbild. Für sehr große Druckprodukte wäre später eine echte SVG-/Vektorversion sinnvoll.
diff --git a/images/foodsharing-manager-logo-assets/desktop/app-icon-1024x1024.png b/images/foodsharing-manager-logo-assets/desktop/app-icon-1024x1024.png
new file mode 100644
index 0000000..2def37b
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/desktop/app-icon-1024x1024.png differ
diff --git a/images/foodsharing-manager-logo-assets/desktop/app-icon-128x128.png b/images/foodsharing-manager-logo-assets/desktop/app-icon-128x128.png
new file mode 100644
index 0000000..7f0fa1e
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/desktop/app-icon-128x128.png differ
diff --git a/images/foodsharing-manager-logo-assets/desktop/app-icon-256x256.png b/images/foodsharing-manager-logo-assets/desktop/app-icon-256x256.png
new file mode 100644
index 0000000..c496a53
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/desktop/app-icon-256x256.png differ
diff --git a/images/foodsharing-manager-logo-assets/desktop/app-icon-512x512.png b/images/foodsharing-manager-logo-assets/desktop/app-icon-512x512.png
new file mode 100644
index 0000000..49a2b58
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/desktop/app-icon-512x512.png differ
diff --git a/images/foodsharing-manager-logo-assets/desktop/app-icon.icns b/images/foodsharing-manager-logo-assets/desktop/app-icon.icns
new file mode 100644
index 0000000..21678a9
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/desktop/app-icon.icns differ
diff --git a/images/foodsharing-manager-logo-assets/desktop/app-icon.ico b/images/foodsharing-manager-logo-assets/desktop/app-icon.ico
new file mode 100644
index 0000000..1c9e794
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/desktop/app-icon.ico differ
diff --git a/images/foodsharing-manager-logo-assets/favicon/favicon-16x16.png b/images/foodsharing-manager-logo-assets/favicon/favicon-16x16.png
new file mode 100644
index 0000000..0a0345c
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/favicon/favicon-16x16.png differ
diff --git a/images/foodsharing-manager-logo-assets/favicon/favicon-32x32.png b/images/foodsharing-manager-logo-assets/favicon/favicon-32x32.png
new file mode 100644
index 0000000..06346f1
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/favicon/favicon-32x32.png differ
diff --git a/images/foodsharing-manager-logo-assets/favicon/favicon-48x48.png b/images/foodsharing-manager-logo-assets/favicon/favicon-48x48.png
new file mode 100644
index 0000000..132f9e8
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/favicon/favicon-48x48.png differ
diff --git a/images/foodsharing-manager-logo-assets/favicon/favicon-64x64.png b/images/foodsharing-manager-logo-assets/favicon/favicon-64x64.png
new file mode 100644
index 0000000..ccb25dd
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/favicon/favicon-64x64.png differ
diff --git a/images/foodsharing-manager-logo-assets/favicon/favicon.ico b/images/foodsharing-manager-logo-assets/favicon/favicon.ico
new file mode 100644
index 0000000..88aaea7
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/favicon/favicon.ico differ
diff --git a/images/foodsharing-manager-logo-assets/mobile/android-app-icon-512x512.png b/images/foodsharing-manager-logo-assets/mobile/android-app-icon-512x512.png
new file mode 100644
index 0000000..cc1cf46
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/mobile/android-app-icon-512x512.png differ
diff --git a/images/foodsharing-manager-logo-assets/mobile/apple-touch-icon-180x180.png b/images/foodsharing-manager-logo-assets/mobile/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..1351c9f
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/mobile/apple-touch-icon-180x180.png differ
diff --git a/images/foodsharing-manager-logo-assets/mobile/ios-app-icon-1024x1024.png b/images/foodsharing-manager-logo-assets/mobile/ios-app-icon-1024x1024.png
new file mode 100644
index 0000000..25b5662
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/mobile/ios-app-icon-1024x1024.png differ
diff --git a/images/foodsharing-manager-logo-assets/pwa/android-chrome-192x192.png b/images/foodsharing-manager-logo-assets/pwa/android-chrome-192x192.png
new file mode 100644
index 0000000..86e1a9f
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/pwa/android-chrome-192x192.png differ
diff --git a/images/foodsharing-manager-logo-assets/pwa/android-chrome-512x512.png b/images/foodsharing-manager-logo-assets/pwa/android-chrome-512x512.png
new file mode 100644
index 0000000..cc1cf46
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/pwa/android-chrome-512x512.png differ
diff --git a/images/foodsharing-manager-logo-assets/pwa/maskable-icon-512x512.png b/images/foodsharing-manager-logo-assets/pwa/maskable-icon-512x512.png
new file mode 100644
index 0000000..1f10dab
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/pwa/maskable-icon-512x512.png differ
diff --git a/images/foodsharing-manager-logo-assets/pwa/site.webmanifest b/images/foodsharing-manager-logo-assets/pwa/site.webmanifest
new file mode 100644
index 0000000..d35c08e
--- /dev/null
+++ b/images/foodsharing-manager-logo-assets/pwa/site.webmanifest
@@ -0,0 +1,27 @@
+{
+  "name": "Foodsharing Manager",
+  "short_name": "FS Manager",
+  "icons": [
+    {
+      "src": "/pwa/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/pwa/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/pwa/maskable-icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#248A3D",
+  "background_color": "#F7FBF5",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/images/foodsharing-manager-logo-assets/social/og-image-1200x630.jpg b/images/foodsharing-manager-logo-assets/social/og-image-1200x630.jpg
new file mode 100644
index 0000000..b590ea8
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/social/og-image-1200x630.jpg differ
diff --git a/images/foodsharing-manager-logo-assets/social/og-image-1200x630.png b/images/foodsharing-manager-logo-assets/social/og-image-1200x630.png
new file mode 100644
index 0000000..3f6bc85
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/social/og-image-1200x630.png differ
diff --git a/images/foodsharing-manager-logo-assets/web/logo-horizontal-1024px.png b/images/foodsharing-manager-logo-assets/web/logo-horizontal-1024px.png
new file mode 100644
index 0000000..a4f7dde
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/web/logo-horizontal-1024px.png differ
diff --git a/images/foodsharing-manager-logo-assets/web/logo-horizontal-1536px.png b/images/foodsharing-manager-logo-assets/web/logo-horizontal-1536px.png
new file mode 100644
index 0000000..37db909
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/web/logo-horizontal-1536px.png differ
diff --git a/images/foodsharing-manager-logo-assets/web/logo-horizontal-512px.png b/images/foodsharing-manager-logo-assets/web/logo-horizontal-512px.png
new file mode 100644
index 0000000..4bcd943
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/web/logo-horizontal-512px.png differ
diff --git a/images/foodsharing-manager-logo-assets/web/logo-horizontal-original.png b/images/foodsharing-manager-logo-assets/web/logo-horizontal-original.png
new file mode 100644
index 0000000..06292eb
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/web/logo-horizontal-original.png differ
diff --git a/images/foodsharing-manager-logo-assets/web/logo-mark-1024x1024.png b/images/foodsharing-manager-logo-assets/web/logo-mark-1024x1024.png
new file mode 100644
index 0000000..a587972
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/web/logo-mark-1024x1024.png differ
diff --git a/images/foodsharing-manager-logo-assets/web/logo-mark-128x128.png b/images/foodsharing-manager-logo-assets/web/logo-mark-128x128.png
new file mode 100644
index 0000000..0984cfb
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/web/logo-mark-128x128.png differ
diff --git a/images/foodsharing-manager-logo-assets/web/logo-mark-256x256.png b/images/foodsharing-manager-logo-assets/web/logo-mark-256x256.png
new file mode 100644
index 0000000..a2bdd85
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/web/logo-mark-256x256.png differ
diff --git a/images/foodsharing-manager-logo-assets/web/logo-mark-512x512.png b/images/foodsharing-manager-logo-assets/web/logo-mark-512x512.png
new file mode 100644
index 0000000..d0b89e5
Binary files /dev/null and b/images/foodsharing-manager-logo-assets/web/logo-mark-512x512.png differ
diff --git a/public/branding/android-chrome-192x192.png b/public/branding/android-chrome-192x192.png
new file mode 100644
index 0000000..86e1a9f
Binary files /dev/null and b/public/branding/android-chrome-192x192.png differ
diff --git a/public/branding/android-chrome-512x512.png b/public/branding/android-chrome-512x512.png
new file mode 100644
index 0000000..cc1cf46
Binary files /dev/null and b/public/branding/android-chrome-512x512.png differ
diff --git a/public/branding/apple-touch-icon.png b/public/branding/apple-touch-icon.png
new file mode 100644
index 0000000..1351c9f
Binary files /dev/null and b/public/branding/apple-touch-icon.png differ
diff --git a/public/branding/favicon-32x32.png b/public/branding/favicon-32x32.png
new file mode 100644
index 0000000..06346f1
Binary files /dev/null and b/public/branding/favicon-32x32.png differ
diff --git a/public/branding/favicon.ico b/public/branding/favicon.ico
new file mode 100644
index 0000000..88aaea7
Binary files /dev/null and b/public/branding/favicon.ico differ
diff --git a/public/branding/logo-horizontal.png b/public/branding/logo-horizontal.png
new file mode 100644
index 0000000..a4f7dde
Binary files /dev/null and b/public/branding/logo-horizontal.png differ
diff --git a/public/branding/logo-mark.png b/public/branding/logo-mark.png
new file mode 100644
index 0000000..0984cfb
Binary files /dev/null and b/public/branding/logo-mark.png differ
diff --git a/public/branding/maskable-icon-512x512.png b/public/branding/maskable-icon-512x512.png
new file mode 100644
index 0000000..1f10dab
Binary files /dev/null and b/public/branding/maskable-icon-512x512.png differ
diff --git a/public/branding/og-image.png b/public/branding/og-image.png
new file mode 100644
index 0000000..3f6bc85
Binary files /dev/null and b/public/branding/og-image.png differ
diff --git a/public/index.html b/public/index.html
index d0b59a0..f0c4313 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,16 +1,17 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/branding/favicon.ico" sizes="any" />
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/branding/favicon-32x32.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="#248a3d" />
     <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <meta name="description" content="Foodsharing Manager für Slot-Buchungen, Betriebsmonitoring und Abhol-Journal." />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/branding/apple-touch-icon.png" />
+    <meta property="og:title" content="Foodsharing Manager" />
+    <meta property="og:description" content="Slot-Buchungen, Betriebsmonitoring und Abhol-Journal für Foodsharing." />
+    <meta property="og:image" content="%PUBLIC_URL%/branding/og-image.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/public/manifest.json b/public/manifest.json
index 080d6c7..79bb1be 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,25 +1,25 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Foodsharing Manager",
+  "name": "Foodsharing Manager",
   "icons": [
     {
-      "src": "favicon.ico",
+      "src": "branding/favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
     },
     {
-      "src": "logo192.png",
+      "src": "branding/android-chrome-192x192.png",
       "type": "image/png",
       "sizes": "192x192"
     },
     {
-      "src": "logo512.png",
+      "src": "branding/android-chrome-512x512.png",
       "type": "image/png",
       "sizes": "512x512"
     }
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#248a3d",
+  "background_color": "#f4f8f1"
 }
diff --git a/src/App.css b/src/App.css
index 09ec14b..41016e6 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,12 +1,129 @@
-/* App.css - Zusätzliche Stilregeln für die Pickup-Konfigurations-App */
+/* App.css - gemeinsame Oberflaechen- und Markenstile */
+
+:root {
+  --brand-green: #248a3d;
+  --brand-green-dark: #17652e;
+  --brand-green-soft: #edf7ed;
+  --brand-orange: #f6a51b;
+  --brand-ink: #39424e;
+  --brand-surface: #f4f8f1;
+}
 
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  background-color: #f5f7fa;
+  background-color: var(--brand-surface);
   margin: 0;
   padding: 0;
 }
 
+.foodsharing-login {
+  display: flex;
+  min-height: 100vh;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem;
+  background: var(--brand-surface);
+}
+
+.foodsharing-login__card {
+  display: grid;
+  gap: 1.5rem;
+  width: 100%;
+  max-width: 28rem;
+  padding: 2.25rem;
+  border: 1px solid #d8e7d6;
+  border-top: 4px solid var(--brand-green);
+  border-radius: 10px;
+  background: #fff;
+  box-shadow: 0 18px 42px rgba(36, 80, 39, 0.12);
+}
+
+.foodsharing-login__logo {
+  display: block;
+  width: min(100%, 21rem);
+  height: auto;
+  margin: 0 auto 1.5rem;
+}
+
+.foodsharing-login__title {
+  margin: 0 0 0.45rem;
+  color: var(--brand-ink);
+  font-size: 1.35rem;
+  font-weight: 700;
+  text-align: center;
+}
+
+.foodsharing-login__intro {
+  margin: 0 0 1.5rem;
+  color: #64706a;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  text-align: center;
+}
+
+.foodsharing-login__label {
+  display: block;
+  margin-bottom: 0.35rem;
+  color: var(--brand-ink);
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+
+.foodsharing-login__input {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0.65rem 0.75rem;
+  border: 1px solid #cddacb;
+  border-radius: 5px;
+  color: var(--brand-ink);
+  background: #fff;
+}
+
+.foodsharing-login__input:focus {
+  border-color: var(--brand-green);
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(36, 138, 61, 0.18);
+}
+
+.foodsharing-login__submit {
+  width: 100%;
+  padding: 0.7rem 1rem;
+  border: 0;
+  border-radius: 5px;
+  color: #fff;
+  background: var(--brand-green);
+  font-weight: 700;
+}
+
+.foodsharing-login__submit:hover {
+  background: var(--brand-green-dark);
+}
+
+.foodsharing-login__error {
+  margin-bottom: 1.25rem;
+  padding: 0.7rem 0.85rem;
+  border: 1px solid #edb4a8;
+  border-radius: 5px;
+  color: #9b2c1f;
+  background: #fff1ed;
+  font-size: 0.875rem;
+}
+
+/* Keep the existing Tailwind-based views on the same brand palette. */
+*[class~="bg-blue-50"] { background-color: var(--brand-green-soft) !important; }
+*[class~="bg-gray-100"] { background-color: var(--brand-surface) !important; }
+*[class~="bg-blue-100"] { background-color: #dcefdc !important; }
+*[class~="bg-blue-500"], *[class~="bg-blue-600"] { background-color: var(--brand-green) !important; }
+*[class~="text-blue-600"], *[class~="text-blue-700"], *[class~="text-blue-800"], *[class~="text-blue-900"] { color: var(--brand-green-dark) !important; }
+*[class~="border-blue-100"], *[class~="border-blue-200"] { border-color: #cce2ca !important; }
+*[class~="border-blue-500"], *[class~="border-blue-600"] { border-color: var(--brand-green) !important; }
+*[class~="hover:bg-blue-600"]:hover, *[class~="hover:bg-blue-700"]:hover { background-color: var(--brand-green-dark) !important; }
+*[class~="hover:bg-blue-50"]:hover, *[class~="hover:bg-blue-100"]:hover { background-color: var(--brand-green-soft) !important; }
+*[class~="hover:text-blue-600"]:hover, *[class~="hover:text-blue-700"]:hover, *[class~="hover:text-blue-800"]:hover { color: var(--brand-green-dark) !important; }
+*[class~="hover:border-blue-400"]:hover, *[class~="hover:border-blue-500"]:hover { border-color: var(--brand-green) !important; }
+*[class~="focus:border-blue-500"]:focus { border-color: var(--brand-green) !important; }
+*[class~="focus:ring-blue-500"]:focus, *[class~="focus:ring-blue-400"]:focus, *[class~="focus:ring-blue-300"]:focus, *[class~="focus:ring-blue-200"]:focus { --tw-ring-color: rgba(36, 138, 61, 0.35) !important; }
+
 .App {
   min-height: 100vh;
   padding: 1rem;
diff --git a/src/App.test.js b/src/App.test.js
index 362ba4d..1b90e33 100644
--- a/src/App.test.js
+++ b/src/App.test.js
@@ -3,6 +3,6 @@ import App from './App';
 
 test('zeigt das Login-Formular an, wenn keine Session aktiv ist', () => {
   render(<App />);
-  expect(screen.getByText(/Foodsharing Manager Login/i)).toBeInTheDocument();
+  expect(screen.getByRole('heading', { name: 'Anmelden' })).toBeInTheDocument();
   expect(screen.getByLabelText(/E-Mail/i)).toBeInTheDocument();
 });
diff --git a/src/components/LoginView.js b/src/components/LoginView.js
index c333b32..fd14006 100644
--- a/src/components/LoginView.js
+++ b/src/components/LoginView.js
@@ -4,9 +4,9 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
   };
 
   return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-100">
+    <div className="foodsharing-login">
       <form
-        className="bg-white shadow-lg rounded-lg p-8 w-full max-w-md space-y-6"
+        className="foodsharing-login__card"
         onSubmit={(event) => {
           if (initializing) {
             event.preventDefault();
@@ -16,20 +16,21 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
         }}
       >
         <div>
-          <h1 className="text-2xl font-bold mb-2 text-center text-gray-800">Foodsharing Manager Login</h1>
-          <p className="text-sm text-gray-500 text-center">
+          <img className="foodsharing-login__logo" src="/branding/logo-horizontal.png" alt="Foodsharing Manager" />
+          <h1 className="foodsharing-login__title">Anmelden</h1>
+          <p className="foodsharing-login__intro">
             Die Anwendung authentifiziert sich direkt bei foodsharing.de. Bitte verwende deine persönlichen Login-Daten.
           </p>
         </div>
 
         {error && (
-          <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative">
-            <span className="block sm:inline">{error}</span>
+          <div className="foodsharing-login__error">
+            <span>{error}</span>
           </div>
         )}
 
         <div>
-          <label className="block text-sm font-medium text-gray-700 mb-1" htmlFor="email">
+          <label className="foodsharing-login__label" htmlFor="email">
             E-Mail
           </label>
           <input
@@ -38,13 +39,13 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
             name="email"
             value={credentials.email}
             onChange={handleChange('email')}
-            className="border rounded p-2 w-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+            className="foodsharing-login__input"
             required
           />
         </div>
 
         <div>
-          <label className="block text-sm font-medium text-gray-700 mb-1" htmlFor="password">
+          <label className="foodsharing-login__label" htmlFor="password">
             Passwort
           </label>
           <input
@@ -53,7 +54,7 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
             name="password"
             value={credentials.password}
             onChange={handleChange('password')}
-            className="border rounded p-2 w-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+            className="foodsharing-login__input"
             required
           />
         </div>
@@ -61,7 +62,7 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
         <button
           type="submit"
           disabled={loading || initializing}
-          className="w-full bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-60"
+          className="foodsharing-login__submit"
         >
           {loading || initializing ? 'Anmeldung läuft...' : 'Anmelden'}
         </button>
diff --git a/src/components/NavigationTabs.css b/src/components/NavigationTabs.css
index afc3085..1e9efb1 100644
--- a/src/components/NavigationTabs.css
+++ b/src/components/NavigationTabs.css
@@ -21,6 +21,26 @@
   background: #fff;
 }
 
+.app-navigation__brand {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  margin-right: 0.5rem;
+  padding-right: 1rem;
+  border-right: 1px solid #d8e7d6;
+  color: #17652e;
+  font-size: 0.875rem;
+  font-weight: 700;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.app-navigation__brand-mark {
+  width: 1.9rem;
+  height: 1.9rem;
+  object-fit: contain;
+}
+
 .app-navigation__desktop-link {
   border-radius: 4px;
   padding: 0.45rem 0.65rem;
@@ -67,6 +87,12 @@
     white-space: nowrap;
   }
 
+  .app-navigation__mobile-header .app-navigation__brand-mark {
+    width: 1.75rem;
+    height: 1.75rem;
+    margin-right: -0.25rem;
+  }
+
   .app-navigation__menu-toggle {
     display: grid;
     flex: 0 0 auto;
diff --git a/src/components/NavigationTabs.js b/src/components/NavigationTabs.js
index 1be73f6..0d3c49b 100644
--- a/src/components/NavigationTabs.js
+++ b/src/components/NavigationTabs.js
@@ -69,6 +69,7 @@ const NavigationTabs = ({
   return (
     <nav className={`app-navigation ${hasNavigation ? '' : 'app-navigation--compact'}`} aria-label="Navigation">
       <div className="app-navigation__mobile-header">
+        <img className="app-navigation__brand-mark" src="/branding/logo-mark.png" alt="" aria-hidden="true" />
         <span className="app-navigation__product-name">Foodsharing Manager</span>
         <button
           type="button"
@@ -142,6 +143,10 @@ const NavigationTabs = ({
 
       {hasNavigation && (
         <div className="app-navigation__desktop">
+          <Link to="/" className="app-navigation__brand" aria-label="Foodsharing Manager Startseite">
+            <img className="app-navigation__brand-mark" src="/branding/logo-mark.png" alt="" aria-hidden="true" />
+            <span>Foodsharing Manager</span>
+          </Link>
           {tabs.map((tab) => renderLink(tab, 'app-navigation__desktop-link'))}
         </div>
       )}
diff --git a/src/components/RangePickerModal.js b/src/components/RangePickerModal.js
index af404d2..7ad97ad 100644
--- a/src/components/RangePickerModal.js
+++ b/src/components/RangePickerModal.js
@@ -112,7 +112,7 @@ const RangePickerModal = ({
         <span>{date.getDate()}</span>
         {(hasFoodsharingPickup || hasManagerPlan) && (
           <span className="absolute bottom-0 flex gap-0.5">
-            {hasFoodsharingPickup && <span className="h-1.5 w-1.5 rounded-full bg-blue-600" />}
+            {hasFoodsharingPickup && <span className="h-1.5 w-1.5 rounded-full bg-green-600" />}
             {hasManagerPlan && <span className="h-1.5 w-1.5 rounded-full bg-emerald-600" />}
           </span>
         )}
@@ -154,7 +154,7 @@ const RangePickerModal = ({
           />
           <div className="mt-3 flex flex-wrap items-center gap-3 px-3 text-xs text-gray-600">
             <span className="inline-flex items-center gap-1">
-              <span className="h-2 w-2 rounded-full bg-blue-600" />
+              <span className="h-2 w-2 rounded-full bg-green-600" />
               Foodsharing eingetragen
             </span>
             <span className="inline-flex items-center gap-1">
@@ -173,7 +173,7 @@ const RangePickerModal = ({
             </button>
             <button
               type="button"
-              className="text-sm font-semibold text-white bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-md"
+              className="text-sm font-semibold text-white bg-green-600 hover:bg-green-700 px-4 py-2 rounded-md"
               onClick={onClose}
             >
               Fertig