feat(design): gruenes "P" als Browsersymbol

Ersetzt das perinco-Punktzeichen im Reiter durch ein gruenes P.

- favicon-p.svg: gezeichnete Form statt gesetzter Schrift, damit sie auf
  jedem Rechner gleich aussieht und in jeder Groesse scharf bleibt. Auf
  dunklen Reiterleisten schaltet sie per prefers-color-scheme in ein
  helleres Gruen.
- favicon-p-32.png und favicon-p-180.png als Rueckfall fuer Browser ohne
  SVG-Symbol, apple-touch-icon-p.png mit weisser Flaeche, weil iOS
  durchsichtige Symbole auf Schwarz legt.

Eigene Dateinamen statt favicon.png: Apache laesst Bilder ein Jahr im
Cache liegen, unter gleichem Namen saehe man das neue Symbol sonst erst
nach einem harten Neuladen.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

index.html

@@ -2,11 +2,22 @@
 <html lang="de" class="h-full">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/favicon.png" />
+    <!--
+      Browsersymbol: gruenes "P". SVG zuerst - es bleibt in jeder Groesse scharf
+      und wechselt auf dunklen Reiterleisten in ein helleres Gruen; das PNG ist
+      der Rueckfall fuer Browser ohne SVG-Symbol.
+
+      Eigene Dateinamen statt favicon.png: Apache laesst Bilder ein Jahr im
+      Cache liegen, unter gleichem Namen saehe man das neue Symbol sonst erst
+      nach einem harten Neuladen.
+    -->
+    <link rel="icon" type="image/svg+xml" href="/favicon-p.svg" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-p-32.png" />
+    <link rel="icon" type="image/png" sizes="180x180" href="/favicon-p-180.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <meta name="theme-color" content="#6ba04a" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="apple-touch-icon" href="/favicon.png" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon-p.png" />
     <meta name="robots" content="noindex, nofollow" />
     <title>Pulse · perinco</title>
     <script>