# Issue #36: Favicon erstellen und einbinden

## Komplexität: **S** (Small)

## Analyse
- Keine Abhängigkeiten zu anderen Issues
- Reine Frontend-Aufgabe: Favicon generieren + `<link>` Tags einfügen
- Keine Tests nötig (visuell überprüfbar)

## Spezifikation

### 1. Favicon erstellen
- Design: Haus-Symbol oder initiales "HS" passend zur Landingpage
- Formate:
  - `favicon.ico` (16x16, 32x32) – Fallback für ältere Browser
  - `favicon-32x32.png`
  - `favicon-16x16.png`
  - `apple-touch-icon.png` (180x180)
  - `site.webmanifest` (für Android Chrome)
- Speicherort: `/bilder/favicon/`

### 2. Einbindung in `index.php`
Nach Zeile 129 (`<meta charset="UTF-8" />`) einfügen:
```html
<link rel="icon" type="image/png" sizes="32x32" href="/bilder/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/bilder/favicon/favicon-16x16.png">
<link rel="icon" type="image/x-icon" href="/bilder/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/bilder/favicon/apple-touch-icon.png">
<link rel="manifest" href="/bilder/favicon/site.webmanifest">
```

### 3. webmanifest
```json
{
  "name": "Haus Schleusingen",
  "short_name": "HS",
  "icons": [
    { "src": "/bilder/favicon/favicon-32x32.png", "sizes": "32x32", "type": "image/png" },
    { "src": "/bilder/favicon/favicon-16x16.png", "sizes": "16x16", "type": "image/png" }
  ],
  "theme_color": "#1c1917",
  "background_color": "#fafaf9"
}
```

### Akzeptanzkriterien
- [ ] Favicon wird im Browser-Tab angezeigt
- [ ] Alle Formate vorhanden (ico, png 16+32, apple-touch)
- [ ] In `index.php` eingebunden
- [ ] webmanifest vorhanden

## Pipeline
- ✅ Phase 1: Analyse (Komplexität S)
- ⬜ Phase 2: Implementierung
- ⬜ Phase 3: Code Review
- ⬜ Phase 5: Merge & Release
- ⬜ Phase 6: Abnahme
- ⬜ Phase 7: Closing
