feat(brand): AirCard-IOS – neues Logo und Name

- Name AirCard-IOS in Kopfzeile, Titel, Meta-Angaben (theme-color,
  apple-mobile-web-app-title) und README
- Website-Icon: neues Logo als favicon.svg, favicon-32.png und deckendes
  apple-touch-icon.png (180 x 180, ohne Rundung)
- Kopfzeile zeigt das Logo (28 px, auf schmalen Schirmen 24 px) vor dem Namen
- Karten-Marken neu aus dem Logo abgeleitet (einfarbig, currentColor):
  Symbol mit drei gestaffelten Karten und ausgeschnittenen Wellen,
  Text als Pfade (Nunito Sans 800); IDs unverändert
- Tests: Labels, Marken-Aufbau, Favicon, Icon-Dateien, index.html

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

web/index.html

@@ -3,12 +3,16 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>AirCard – Kartenmotiv gestalten</title>
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <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" />
   </head>
   <body>
     <header id="app-header">
-      <a class="brand" href="/" data-link>AirCard</a>
+      <a class="brand" href="/" data-link><img src="/favicon.svg" 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>