feat: Add new image assets and update the asset structure documentation.

assets/README.md

@@ -1,76 +1,25 @@
-# Assets-Ordner
+# Asset-Struktur für Website
 
-Dieser Ordner enthält Bilder und andere Medien, die die KI bei der Website-Erstellung verwenden soll.
+Diese Ordner enthalten die Bilder und Medien für die Website.
-
----
 
 ## Ordnerstruktur
 
-Organisiere deine Assets in Unterordnern nach ihrer Verwendung:
+| Ordner | Verwendung |
-
-```
-assets/
-├── README.md
-├── logo/
-│   └── logo.png              # Hauptlogo
-│   └── logo-white.png        # Logo für dunkle Hintergründe (optional)
-│   └── favicon.png           # Favicon (optional)
-├── hero/
-│   └── hero-main.jpg         # Hero-Bild für Startseite
-│   └── hero-about.jpg        # Hero-Bild für Über-uns (optional)
-├── team/
-│   └── person-1.jpg          # Teammitglied 1
-│   └── person-2.jpg          # Teammitglied 2
-├── gallery/
-│   └── projekt-1.jpg         # Projektbilder, Referenzen
-│   └── projekt-2.jpg
-├── icons/
-│   └── service-1.svg         # Icons für Services etc.
-└── backgrounds/
-    └── pattern.png           # Hintergrundmuster, Texturen
-```
-
----
-
-## Namenskonvention
-
-- **Kleinbuchstaben** verwenden
-- **Bindestriche** statt Leerzeichen: `mein-bild.jpg`
-- **Beschreibende Namen**: `team-max-mustermann.jpg` statt `IMG_1234.jpg`
-
----
-
-## Wenn keine Assets vorhanden sind
-
-Die KI verwendet automatisch **Platzhalter-Bilder**, wenn:
-
-- Der Ordner leer ist
-- Bestimmte erwartete Bilder fehlen
-
-Platzhalter werden generiert über:
-- `generate_image` Tool (KI-generierte Bilder)
-- Placeholder-Services (z.B. unsplash, placeholder.com)
-
----
-
-## Unterstützte Formate
-
-| Format | Verwendung |
 |--------|------------|
-| `.jpg` / `.jpeg` | Fotos, Hero-Bilder |
+| `logo/` | Hauptlogo, Logo für dunkle Hintergründe, Favicon |
-| `.png` | Logos, Grafiken mit Transparenz |
+| `hero/` | Große Bilder für Startseite und Unterseiten |
-| `.svg` | Icons, Vektorgrafiken |
+| `team/` | Fotos von Teammitgliedern |
-| `.webp` | Optimierte Webbilder |
+| `gallery/` | Projektbilder, Referenzen, Portfolio |
+| `icons/` | Service-Icons, Feature-Icons (SVG bevorzugt) |
+| `backgrounds/` | Muster, Texturen, Hintergrundbilder |
 
----
+## Empfehlungen
 
-## Hinweise für die KI
+- **Logos**: PNG mit transparentem Hintergrund, mindestens 500px breit
+- **Hero-Bilder**: JPG, mindestens 1920x1080px 
+- **Team-Fotos**: Quadratisch, mindestens 400x400px
+- **Icons**: SVG bevorzugt, alternativ PNG mit transparentem Hintergrund
 
-Die KI erkennt anhand der Ordnerstruktur automatisch:
+## Verwendung
 
-- `logo/` → Verwendung in Header/Footer
+Die KI verwendet diese Bilder automatisch bei der Website-Generierung.
-- `hero/` → Verwendung in Hero-Sections
-- `team/` → Verwendung auf Team/Über-uns Seiten
-- `gallery/` → Verwendung in Galerien/Portfolio
-- `icons/` → UI-Icons, Service-Icons
-- `backgrounds/` → Hintergrundbilder, Muster