Add CSS, JS and asset files (without videos)

assets/videos/README.md

@@ -0,0 +1,56 @@
+# Hero Section Videos
+
+## Benötigte Video-Dateien
+
+Die Hero-Section benötigt 4 rotierende Hintergrund-Videos. Diese sollten folgende Eigenschaften haben:
+
+### Video-Spezifikationen:
+- **Format:** MP4 (H.264 codec)
+- **Auflösung:** 1920x1080 (Full HD) minimum
+- **Länge:** 10-15 Sekunden Loop
+- **Dateigröße:** Max. 5MB pro Video (komprimiert)
+- **Framerate:** 24-30 fps
+- **Audio:** Keine (Videos werden stumm abgespielt)
+
+### Benötigte Videos:
+
+1. **hero-tech-pattern.mp4**
+   - Abstrakte Tech-Muster oder Code-Visualisierung
+   - Helle, sanfte Bewegungen
+   - Farben: Weiß, Hellgrau, Hellblau
+
+2. **hero-data-flow.mp4**
+   - Datenströme oder Partikel-Animationen
+   - Fließende Bewegungen
+   - Minimalistisch und hell
+
+3. **hero-network-viz.mp4**
+   - Netzwerk-Nodes und Verbindungen
+   - Geometrische Formen
+   - Subtile Animationen
+
+4. **hero-code-abstract.mp4**
+   - Code-Editor oder Terminal-Output
+   - Verschwommen/abstrakt
+   - Heller Hintergrund
+
+### Empfohlene Tools zum Erstellen:
+- After Effects (für professionelle Animationen)
+- DaVinci Resolve (kostenlos)
+- Blender (für 3D-Animationen)
+- Online: Canva, Renderforest
+
+### Kostenlose Stock-Video Quellen:
+- Pexels Videos (https://www.pexels.com/videos/)
+- Pixabay (https://pixabay.com/videos/)
+- Videvo (https://www.videvo.net/)
+- Coverr (https://coverr.co/)
+
+### Komprimierung:
+```bash
+# FFmpeg Befehl zum Komprimieren:
+ffmpeg -i input.mp4 -c:v libx264 -crf 23 -preset slow -vf scale=1920:1080 -an output.mp4
+```
+
+### Fallback:
+Falls keine Videos vorhanden sind, funktioniert die Website trotzdem - es wird nur der statische Gradient-Hintergrund mit Particle-Animation angezeigt.