Add 3D character rendering to Character3D component

- Integrated Three.js for 3D character visualization based on user gender and age.
- Simplified the character structure by removing outdated HTML elements and replacing them with a dynamic 3D model loader.
- Implemented model loading with fallback options and added animation capabilities for enhanced visual appeal.
- Updated CSS for the character container to ensure proper rendering and responsiveness.

frontend/public/models/3d/falukant/characters/README.md

@@ -0,0 +1,40 @@
+# 3D-Charakter-Modelle
+
+## Verzeichnisstruktur
+
+Dieses Verzeichnis enthält die 3D-Modelle für Falukant-Charaktere.
+
+## Dateinamen-Konvention
+
+### Basis-Modelle (Fallback)
+- `male.glb` - Basis-Modell männlich
+- `female.glb` - Basis-Modell weiblich
+
+### Altersspezifische Modelle
+- `male_toddler.glb` - Männlich, Kleinkind (0-3 Jahre)
+- `male_child.glb` - Männlich, Kind (4-7 Jahre)
+- `male_preteen.glb` - Männlich, Vor-Teenager (8-12 Jahre)
+- `male_teen.glb` - Männlich, Teenager (13-17 Jahre)
+- `male_adult.glb` - Männlich, Erwachsen (18+ Jahre)
+- `female_toddler.glb` - Weiblich, Kleinkind (0-3 Jahre)
+- `female_child.glb` - Weiblich, Kind (4-7 Jahre)
+- `female_preteen.glb` - Weiblich, Vor-Teenager (8-12 Jahre)
+- `female_teen.glb` - Weiblich, Teenager (13-17 Jahre)
+- `female_adult.glb` - Weiblich, Erwachsen (18+ Jahre)
+
+## Fallback-Verhalten
+
+Wenn kein spezifisches Modell für den Altersbereich existiert, wird automatisch das Basis-Modell (`male.glb` / `female.glb`) verwendet.
+
+## Dateigröße
+
+- Empfohlen: < 500KB pro Modell
+- Maximal: 1MB pro Modell
+
+## Optimierung
+
+Vor dem Hochladen:
+1. In Blender öffnen
+2. Decimate Modifier anwenden (falls nötig)
+3. Texturen komprimieren (WebP, max 1024x1024)
+4. GLB Export mit Compression aktiviert