Update aurora-livecam with new design and fixed zoom

- New design from main-aurora branch
- Fixed zoom: maxZoom reduced from 100 to 4
- Added zoom +/- buttons
- Added zoom slider with step 0.5
- Fixed video-zoom.js to not apply transform at 1x

aurora-livecam/js/video-zoom.js

@@ -0,0 +1,55 @@
+/**
+ * Video Zoom Controller - Zoom für alle Video-Modi
+ */
+let currentZoom = 1;
+
+function applyZoom(zoomValue) {
+    const config = window.zoomConfig || { minZoom: 1, maxZoom: 4 };
+    currentZoom = Math.max(config.minZoom, Math.min(config.maxZoom, zoomValue));
+
+    const valueEl = document.getElementById('zoom-value');
+    const slider = document.getElementById('zoom-range');
+
+    if (valueEl) valueEl.textContent = currentZoom + 'x';
+    if (slider) slider.value = currentZoom;
+
+    // Alle Video-Elemente zoomen
+    const targets = [
+        document.getElementById('webcam-player'),
+        document.getElementById('timelapse-image'),
+        document.getElementById('daily-video')
+    ].filter(Boolean);
+
+    targets.forEach((el) => {
+        el.style.transform = `scale(${currentZoom})`;
+        el.style.transformOrigin = 'center center';
+        el.style.transition = 'transform 0.2s ease';
+    });
+}
+
+function adjustZoom(delta) {
+    applyZoom(currentZoom + delta);
+}
+
+function resetZoom() {
+    applyZoom(1);
+}
+
+// Initialisierung
+document.addEventListener('DOMContentLoaded', function() {
+    const config = window.zoomConfig || {};
+    if (!config.enabled) return;
+
+    const slider = document.getElementById('zoom-range');
+    if (slider) {
+        slider.addEventListener('input', (event) => {
+            applyZoom(Number(event.target.value));
+        });
+    }
+
+    // Initial zoom anwenden (ohne transform bei 1x)
+    currentZoom = config.defaultZoom || 1;
+    if (currentZoom !== 1) {
+        applyZoom(currentZoom);
+    }
+});