From 562fac05a55b1431b535346e7ecc269ba82620ad Mon Sep 17 00:00:00 2001
From: Claude <claude@webklar.local>
Date: Sun, 4 Oct 2026 11:24:04 +0000
Subject: [PATCH] fix(brand): Icons mit Versions-Parameter gegen alten
 Browser-Cache

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 web/index.html           | 8 ++++----
 web/src/branding.test.ts | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/index.html b/web/index.html
index 5f63c7b..f72b352 100644
--- a/web/index.html
+++ b/web/index.html
@@ -6,13 +6,13 @@
     <title>AirCard-IOS – Kartenmotiv gestalten</title>
     <meta name="theme-color" content="#0F1828" />
     <meta name="apple-mobile-web-app-title" content="AirCard-IOS" />
-    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
-    <link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png" />
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml" />
+    <link rel="icon" href="/favicon-32.png?v=2" sizes="32x32" type="image/png" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2" />
   </head>
   <body>
     <header id="app-header">
-      <a class="brand" href="/" data-link><img src="/favicon.svg" alt="" width="28" height="28" /><span>AirCard-IOS</span></a>
+      <a class="brand" href="/" data-link><img src="/favicon.svg?v=2" alt="" width="28" height="28" /><span>AirCard-IOS</span></a>
       <nav class="app-nav" aria-label="Hauptnavigation">
         <a href="/karten" data-link>Meine Karten</a>
       </nav>
diff --git a/web/src/branding.test.ts b/web/src/branding.test.ts
index ba5e1c7..52c48d6 100644
--- a/web/src/branding.test.ts
+++ b/web/src/branding.test.ts
@@ -20,14 +20,14 @@ describe('Name und Kopfbereich', () => {
   });
 
   it('Icon-Links: SVG, 32-px-PNG, Apple-Touch-Icon', () => {
-    expect(indexHtml).toContain('<link rel="icon" href="/favicon.svg" type="image/svg+xml" />');
-    expect(indexHtml).toContain('<link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png" />');
-    expect(indexHtml).toContain('<link rel="apple-touch-icon" href="/apple-touch-icon.png" />');
+    expect(indexHtml).toContain('<link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml" />');
+    expect(indexHtml).toContain('<link rel="icon" href="/favicon-32.png?v=2" sizes="32x32" type="image/png" />');
+    expect(indexHtml).toContain('<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2" />');
   });
 
   it('Kopfzeile: dekoratives Logo (28 x 28) links vom Namen, beides im Markenlink', () => {
     expect(indexHtml).toContain(
-      '<a class="brand" href="/" data-link><img src="/favicon.svg" alt="" width="28" height="28" /><span>AirCard-IOS</span></a>',
+      '<a class="brand" href="/" data-link><img src="/favicon.svg?v=2" alt="" width="28" height="28" /><span>AirCard-IOS</span></a>',
     );
   });